feat: storybooks split

markuczy · Nov 7, 2024 · 5924133 · 5924133
1 parent 35e3315
commit 5924133
Show file tree

Hide file tree

Showing 11 changed files with 512 additions and 448 deletions.
diff --git a/libs/angular-accelerator/.storybook/preview.ts b/libs/angular-accelerator/.storybook/preview.ts
@@ -19,8 +19,14 @@ const preview: Preview = {
         date: /Date$/,
       },
     },
+    options: {
+      storySort: {
+        method: 'alphabetical',
+        order: ['Components', '*'],
+      },
+    },
   },
-  tags: ['autodocs', 'autodocs', 'autodocs']
+  tags: ['autodocs', 'autodocs', 'autodocs'],
 }
 
 export default preview
diff --git a/...components/custom-group-column-selector/custom-group-column-selector.component.stories.ts b/...components/custom-group-column-selector/custom-group-column-selector.component.stories.ts
@@ -27,7 +27,7 @@ type CustomGroupColumnSelectorInputs = Pick<
   | 'inactiveColumnsLabel'
 >
 const CustomGroupColumnSelectorComponentSBConfig: Meta<CustomGroupColumnSelectorComponent> = {
-  title: 'CustomGroupColumnSelectorComponent',
+  title: 'Components/CustomGroupColumnSelectorComponent',
   component: CustomGroupColumnSelectorComponent,
   decorators: [
     applicationConfig({

diff --git a/...angular-accelerator/src/lib/components/data-list-grid/data-list-grid.component.stories.ts b/...angular-accelerator/src/lib/components/data-list-grid/data-list-grid.component.stories.ts
@@ -16,7 +16,7 @@ import { TooltipOnOverflowDirective } from '../../directives/tooltipOnOverflow.d
 import { MockAuthModule } from '../../mock-auth/mock-auth.module'
 
 const DataListGridComponentSBConfig: Meta<DataListGridComponent> = {
-  title: 'DataListGridComponent',
+  title: 'Components/DataListGridComponent',
   component: DataListGridComponent,
   decorators: [
     applicationConfig({
@@ -185,9 +185,9 @@ export const ListWithAdditionalActions = {
         id: '1',
         labelKey: 'Additional 1',
         icon: 'pi pi-plus',
-        permission: 'TEST_MGMT#TEST_VIEW'
-      }
-    ]
+        permission: 'TEST_MGMT#TEST_VIEW',
+      },
+    ],
   },
 }
 
@@ -202,9 +202,9 @@ export const ListWithConditionallyEnabledAdditionalActions = {
         labelKey: 'Additional 1',
         icon: 'pi pi-plus',
         permission: 'TEST_MGMT#TEST_VIEW',
-        actionEnabledField: 'available'
-      }
-    ]
+        actionEnabledField: 'available',
+      },
+    ],
   },
 }
 
@@ -219,9 +219,9 @@ export const ListWithConditionallyVisibleAdditionalActions = {
         labelKey: 'Additional 1',
         icon: 'pi pi-plus',
         permission: 'TEST_MGMT#TEST_VIEW',
-        actionVisibleField: 'available'
-      }
-    ]
+        actionVisibleField: 'available',
+      },
+    ],
   },
 }
 
@@ -254,7 +254,7 @@ export const ListWithAdditionalOverflowActions = {
         showAsOverflow: true,
         actionEnabledField: 'available',
       },
-    ]
+    ],
   },
 }
 
@@ -293,7 +293,7 @@ export const ListWithOnlyAdditionalOverflowActions = {
         showAsOverflow: true,
         actionEnabledField: 'available',
       },
-    ]
+    ],
   },
 }
 
@@ -303,7 +303,7 @@ export const ListWithPageSizes = {
   args: {
     ...defaultComponentArgs,
     pageSizes: [2, 15, 25],
-    data: extendedMockData
+    data: extendedMockData,
   },
 }
 
@@ -359,9 +359,9 @@ export const GridWithAdditionalActions = {
         id: '1',
         labelKey: 'Additional 1',
         icon: 'pi pi-plus',
-        permission: 'TEST_MGMT#TEST_VIEW'
-      }
-    ]
+        permission: 'TEST_MGMT#TEST_VIEW',
+      },
+    ],
   },
 }
 
@@ -377,9 +377,9 @@ export const GridWithConditionallyEnabledAdditionalActions = {
         labelKey: 'Additional 1',
         icon: 'pi pi-plus',
         permission: 'TEST_MGMT#TEST_VIEW',
-        actionEnabledField: 'available'
-      }
-    ]
+        actionEnabledField: 'available',
+      },
+    ],
   },
 }
 
@@ -395,9 +395,9 @@ export const GridWithConditionallyVisibleAdditionalActions = {
         labelKey: 'Additional 1',
         icon: 'pi pi-plus',
         permission: 'TEST_MGMT#TEST_VIEW',
-        actionVisibleField: 'available'
-      }
-    ]
+        actionVisibleField: 'available',
+      },
+    ],
   },
 }
 

diff --git a/libs/angular-accelerator/src/lib/components/data-table/data-table.component.stories.ts b/libs/angular-accelerator/src/lib/components/data-table/data-table.component.stories.ts
@@ -20,7 +20,7 @@ import { FormsModule } from '@angular/forms'
 type DataTableInputTypes = Pick<DataTableComponent, 'rows' | 'columns' | 'emptyResultsMessage' | 'selectedRows'>
 
 const DataTableComponentSBConfig: Meta<DataTableComponent> = {
-  title: 'DataTableComponent',
+  title: 'Components/DataTableComponent',
   component: DataTableComponent,
   decorators: [
     applicationConfig({

diff --git a/libs/angular-accelerator/src/lib/components/diagram/diagram.component.stories.ts b/libs/angular-accelerator/src/lib/components/diagram/diagram.component.stories.ts
@@ -16,7 +16,7 @@ import { DiagramType } from '../../model/diagram-type'
 import { DiagramData } from '../../model/diagram-data'
 
 export default {
-  title: 'DiagramComponent',
+  title: 'Components/DiagramComponent',
   component: DiagramComponent,
   argTypes: {
     diagramType: {

diff --git a/...tor/src/lib/components/group-by-count-diagram/group-by-count-diagram.component.stories.ts b/...tor/src/lib/components/group-by-count-diagram/group-by-count-diagram.component.stories.ts
@@ -16,7 +16,7 @@ import { DiagramComponent } from '../diagram/diagram.component'
 import { ColumnType } from '../../model/column-type.model'
 
 export default {
-  title: 'GroupByCountDiagramComponent',
+  title: 'Components/GroupByCountDiagramComponent',
   component: GroupByCountDiagramComponent,
   argTypes: {
     diagramType: {