feat(doc): separate validityState in custom control group

ovh · Nov 28, 2024 · 8e4a898 · 8e4a898
1 parent e6d1801
commit 8e4a898
Show file tree

Hide file tree

Showing 15 changed files with 18 additions and 17 deletions.
diff --git a/packages/storybook/src/constants/controls.ts b/packages/storybook/src/constants/controls.ts
@@ -3,6 +3,7 @@ enum CONTROL_CATEGORY {
   design = 'Design',
   general = 'General',
   slot = 'Slot',
+  validation = 'Validation',
 }
 
 export {

diff --git a/packages/storybook/src/helpers/controls.ts b/packages/storybook/src/helpers/controls.ts
@@ -5,13 +5,14 @@ const orderedControlCategories = [
   CONTROL_CATEGORY.slot,
   CONTROL_CATEGORY.general,
   CONTROL_CATEGORY.accessibility,
+  CONTROL_CATEGORY.validation,
 ];
 
 function orderControls(control: Record<string, any>) {
   try {
     return Object.entries(control)
       .sort((a, b) => {
-        return orderedControlCategories.indexOf(a[1].category) - orderedControlCategories.indexOf(b[1].category);
+        return orderedControlCategories.indexOf(a[1].table.category) - orderedControlCategories.indexOf(b[1].table.category);
       })
       .reduce((res, entry) => {
         res[entry[0]] = entry[1];

diff --git a/packages/storybook/stories/components/checkbox/checkbox.stories.ts b/packages/storybook/stories/components/checkbox/checkbox.stories.ts
@@ -81,7 +81,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/datepicker/datepicker.stories.ts b/packages/storybook/stories/components/datepicker/datepicker.stories.ts
@@ -143,7 +143,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/input/input.stories.ts b/packages/storybook/stories/components/input/input.stories.ts
@@ -13,7 +13,6 @@ const meta: Meta = {
 
 export default meta;
 
-
 export const Demo: StoryObj = {
   render: (arg) => {
     return html`
@@ -193,7 +192,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/password/password.stories.ts b/packages/storybook/stories/components/password/password.stories.ts
@@ -127,7 +127,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/phone-number/phone-number.stories.ts b/packages/storybook/stories/components/phone-number/phone-number.stories.ts
@@ -158,7 +158,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/quantity/quantity.stories.ts b/packages/storybook/stories/components/quantity/quantity.stories.ts
@@ -143,7 +143,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/radio/radio.stories.ts b/packages/storybook/stories/components/radio/radio.stories.ts
@@ -74,7 +74,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/range/range.stories.ts b/packages/storybook/stories/components/range/range.stories.ts
@@ -92,7 +92,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },
@@ -220,7 +220,7 @@ export const DemoDual: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/select/select.stories.ts b/packages/storybook/stories/components/select/select.stories.ts
@@ -74,7 +74,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },
@@ -163,7 +163,7 @@ export const DemoMultiple: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/switch/switch.stories.ts b/packages/storybook/stories/components/switch/switch.stories.ts
@@ -55,7 +55,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/textarea/textarea.stories.ts b/packages/storybook/stories/components/textarea/textarea.stories.ts
@@ -135,7 +135,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/timepicker/timepicker.stories.ts b/packages/storybook/stories/components/timepicker/timepicker.stories.ts
@@ -101,7 +101,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },

diff --git a/packages/storybook/stories/components/toggle/toggle.stories.ts b/packages/storybook/stories/components/toggle/toggle.stories.ts
@@ -120,7 +120,7 @@ export const Demo: StoryObj = {
     },
     validityState: {
       table: {
-        category: CONTROL_CATEGORY.accessibility,
+        category: CONTROL_CATEGORY.validation,
         defaultValue: { summary: false },
         type: { summary: 'boolean' },
       },