Merge pull request #1397 from qdraw/feature/202402-hoisted-csf-annota…

…tions

Hoisted CSF annotations

starsky/starsky/clientapp/package.json

@@ -28,20 +28,20 @@
     "leaflet": "^1.9.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.0"
+    "react-router-dom": "^6.22.1"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.6.15",
-    "@storybook/addon-interactions": "^7.6.15",
-    "@storybook/addon-links": "^7.6.15",
-    "@storybook/builder-vite": "^7.6.15",
-    "@storybook/react": "^7.6.15",
-    "@storybook/react-vite": "^7.6.15",
+    "@storybook/addon-essentials": "^7.6.16",
+    "@storybook/addon-interactions": "^7.6.16",
+    "@storybook/addon-links": "^7.6.16",
+    "@storybook/builder-vite": "^7.6.16",
+    "@storybook/react": "^7.6.16",
+    "@storybook/react-vite": "^7.6.16",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@types/jest": "^29.5.12",
     "@types/leaflet": "^1.9.8",
-    "@types/node": "^20.11.17",
+    "@types/node": "^20.11.19",
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.18",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
@@ -61,7 +61,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "prettier": "^3.2.5",
-    "storybook": "^7.6.15",
+    "storybook": "^7.6.16",
     "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.3.3",

starsky/starsky/clientapp/src/components/atoms/button-styled/button-styled.stories.tsx

@@ -14,6 +14,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/current-location-button/current-location-button.stories.tsx

@@ -14,6 +14,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/drop-area/drop-area.stories.tsx

@@ -38,6 +38,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/flat-list-item/flat-list-item.stories.tsx

@@ -106,6 +106,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/form-control/form-control.stories.tsx

@@ -12,6 +12,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/hamburger-menu-toggle/hamburger-menu-toggle.stories.tsx

@@ -18,6 +18,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/list-image-child-item/list-image-child-item.stories.tsx

@@ -114,6 +114,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/list-image/list-image.stories.tsx

@@ -9,6 +9,4 @@ export const Default = () => {
   return <ListImage alt={"alt"} fileHash={"src"} imageFormat={ImageFormat.jpg} />;
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/menu-option-modal/menu-option-modal.stories.tsx

@@ -23,6 +23,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/menu-option/menu-option.stories.tsx

@@ -21,6 +21,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/modal/modal.stories.tsx

@@ -18,6 +18,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/more-menu/more-menu.stories.tsx

@@ -16,6 +16,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/notification/notification.stories.tsx

@@ -12,14 +12,10 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";
 
 export const Danger = () => {
   return <Notification type={NotificationType.danger}>test</Notification>;
 };
 
-Danger.story = {
-  name: "danger"
-};
+Danger.storyName = "danger";

starsky/starsky/clientapp/src/components/atoms/portal/portal.stories.tsx

@@ -8,6 +8,4 @@ export const Default = () => {
   return <Portal>should be outside the DOM</Portal>;
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/preloader/preloader.stories.tsx

@@ -8,6 +8,4 @@ export const Default = () => {
   return <Preloader isOverlay={false} />;
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/atoms/select/select.stories.tsx

@@ -9,15 +9,11 @@ export const Default = () => {
   return <Select selectOptions={list} />;
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";
 
 export const SelectedAudi = () => {
   const list: string[] = ["Saab", "Audi", "Mercedes"];
   return <Select selected={"Audi"} selectOptions={list} />;
 };
 
-SelectedAudi.story = {
-  name: "selected audi"
-};
+SelectedAudi.storyName = "selected audi";

starsky/starsky/clientapp/src/components/atoms/switch-button/switch-button.stories.tsx

@@ -8,6 +8,4 @@ export const Default = () => {
   return <SwitchButton onToggle={() => {}} leftLabel={"on"} rightLabel={"off"} />;
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/molecules/archive-pagination/archive-pagination.stories.tsx

@@ -14,6 +14,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/molecules/archive-sidebar/archive-sidebar-color-class.stories.tsx

@@ -21,9 +21,7 @@ export const NoItemsDisabled = () => {
   );
 };
 
-NoItemsDisabled.story = {
-  name: "no items disabled"
-};
+NoItemsDisabled.storyName = "no items disabled";
 
 export const Enabled = () => {
   Router.navigate("/?select=test.jpg");
@@ -36,6 +34,4 @@ export const Enabled = () => {
   );
 };
 
-Enabled.story = {
-  name: "enabled"
-};
+Enabled.storyName = "enabled";

starsky/starsky/clientapp/src/components/molecules/archive-sidebar/archive-sidebar-label-edit-add-overwrite.stories.tsx

@@ -11,9 +11,7 @@ export const Disabled = () => {
   return <ArchiveSidebarLabelEditAddOverwrite />;
 };
 
-Disabled.story = {
-  name: "disabled"
-};
+Disabled.storyName = "disabled";
 
 export const Enabled = () => {
   Router.navigate("/?select=test.jpg");
@@ -26,6 +24,4 @@ export const Enabled = () => {
   );
 };
 
-Enabled.story = {
-  name: "enabled"
-};
+Enabled.storyName = "enabled";

starsky/starsky/clientapp/src/components/molecules/archive-sidebar/archive-sidebar-label-edit-search-replace.stories.tsx

@@ -11,9 +11,7 @@ export const Disabled = () => {
   return <ArchiveSidebarLabelEditSearchReplace />;
 };
 
-Disabled.story = {
-  name: "disabled"
-};
+Disabled.storyName = "disabled";
 
 export const Enabled = () => {
   Router.navigate("/?select=test.jpg");
@@ -26,6 +24,4 @@ export const Enabled = () => {
   );
 };
 
-Enabled.story = {
-  name: "enabled"
-};
+Enabled.storyName = "enabled";

starsky/starsky/clientapp/src/components/molecules/archive-sidebar/archive-sidebar-label-edit.stories.tsx

@@ -11,9 +11,7 @@ export const Disabled = () => {
   return <ArchiveSidebarLabelEdit />;
 };
 
-Disabled.story = {
-  name: "disabled"
-};
+Disabled.storyName = "disabled";
 
 export const Enabled = () => {
   Router.navigate("/?select=test.jpg");
@@ -26,6 +24,4 @@ export const Enabled = () => {
   );
 };
 
-Enabled.story = {
-  name: "enabled"
-};
+Enabled.storyName = "enabled";

starsky/starsky/clientapp/src/components/molecules/archive-sidebar/archive-sidebar-selection-list.stories.tsx

@@ -12,9 +12,7 @@ export const Disabled = () => {
   return <ArchiveSidebarSelectionList fileIndexItems={newIFileIndexItemArray()} />;
 };
 
-Disabled.story = {
-  name: "disabled"
-};
+Disabled.storyName = "disabled";
 
 export const OneItemSelected = () => {
   Router.navigate("/?select=test.jpg");
@@ -29,6 +27,4 @@ export const OneItemSelected = () => {
   );
 };
 
-OneItemSelected.story = {
-  name: "one item selected"
-};
+OneItemSelected.storyName = "one item selected";

starsky/starsky/clientapp/src/components/molecules/breadcrumbs/breadcrumbs.stories.tsx

@@ -14,6 +14,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/molecules/color-class-filter/color-class-filter.stories.tsx

@@ -19,6 +19,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/molecules/color-class-select/color-class-select.stories.tsx

@@ -10,6 +10,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/molecules/health-check-for-updates/health-check-for-updates.stories.tsx

@@ -22,9 +22,7 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";
 
 export const Electron = () => {
   (window as any).isElectron = true;

starsky/starsky/clientapp/src/components/molecules/health-status-error/health-status-error.stories.tsx

@@ -13,6 +13,4 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";

starsky/starsky/clientapp/src/components/molecules/item-list-view/item-list-view.stories.tsx

@@ -24,9 +24,7 @@ export const Default = () => {
   );
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";
 
 export const _8ItemsSelectionDisabled = () => {
   Router.navigate("/");
@@ -37,9 +35,7 @@ export const _8ItemsSelectionDisabled = () => {
   );
 };
 
-_8ItemsSelectionDisabled.story = {
-  name: "8 items (selection disabled)"
-};
+_8ItemsSelectionDisabled.storyName = "8 items (selection disabled)";
 
 export const _8ItemsSelectionEnabled = () => {
   Router.navigate("/?select=");
@@ -50,6 +46,4 @@ export const _8ItemsSelectionEnabled = () => {
   );
 };
 
-_8ItemsSelectionEnabled.story = {
-  name: "8 items (selection enabled)"
-};
+_8ItemsSelectionEnabled.storyName = "8 items (selection enabled)";

starsky/starsky/clientapp/src/components/molecules/item-text-list-view/item-text-list-view.stories.tsx

@@ -9,9 +9,7 @@ export const Default = () => {
   return <ItemTextListView fileIndexItems={newIFileIndexItemArray()} callback={() => {}} />;
 };
 
-Default.story = {
-  name: "default"
-};
+Default.storyName = "default";
 
 export const _2Items = () => {
   const exampleData = [
@@ -21,6 +19,4 @@ export const _2Items = () => {
   return <ItemTextListView fileIndexItems={exampleData} />;
 };
 
-_2Items.story = {
-  name: "2 items"
-};
+_2Items.storyName = "2 items";