Merge pull request #305 from PrestaShopCorp/304-table-update-storybook

fix: #304 update storybook

package.json

@@ -46,7 +46,7 @@
     "not op_mini all"
   ],
   "peerDependencies": {
-    "vue": "^3.4.14"
+    "vue": "^3.2.0"
   },
   "dependencies": {
     "@headlessui/vue": "^1.7.13",
@@ -108,7 +108,7 @@
     "typescript": "^5.0.4",
     "unplugin-vue-define-options": "^1.3.3",
     "vitest": "^0.32.4",
-    "vue": "^3.4.14",
+    "vue": "^3.2.47",
     "vue-router": "^4.1.6",
     "vue-tsc": "^1.2.0"
   }

packages/components/table/stories/table.stories.ts

@@ -47,14 +47,21 @@ export default {
   import type { PuikTableHeader } from '@prestashopcorp/puik/es/components/table/src/table'
 
   interface PuikTableHeader {
-    text: string | undefined
     value: string
-    size: 'sm' | 'md' | 'lg' | undefined
-    width: string | undefined
-    align: 'left' | 'center' | 'right' | undefined
-    sortable: boolean | undefined
-    searchable: boolean | undefined
-    preventExpand: boolean | undefined
+    text?: string
+    size?: 'sm' | 'md' | 'lg'
+    align?: 'left' | 'center' | 'right'
+    width?: string
+    sortable?: boolean
+    preventExpand?: boolean
+    searchable?: boolean
+    searchSubmit?: boolean
+    searchType?: {$PuikTableSearchInputTypes}
+  }
+
+  enum PuikTableSearchInputTypes {
+    Text = 'text',
+    Range = 'range',
   }
   `,
         },
@@ -216,8 +223,10 @@ export default {
       description: 'Event emitted when sorting a column',
       table: {
         type: {
-          summary: 'sortOption',
+          summary: 'event => sortOption',
           detail: `
+// Payload type = sortOption
+
 import type { sortOption } from '@prestashopcorp/puik/es/components/table/src/table'
 
 type sortOption = {
@@ -233,9 +242,11 @@ type sortOption = {
       control: 'none',
       table: {
         type: {
-          summary: 'event',
+          summary: 'event => SearchOption[]',
           detail: `
-Payload type = Array<SearchOption>
+// Payload type = Array<SearchOption>
+
+import type { searchOption } from '@prestashopcorp/puik/es/components/table/src/table'
 
 type searchOption = {
   searchBy: string;

playground/package.json

@@ -8,7 +8,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "vue": "^3.4.14"
+    "vue": "3.3.10"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.1.0",