grep-components 1.26.0-GREPF-2179.1 → 1.26.0-GREPF-2179.2

package/dist/components/AppBar/stories/AppBarStory.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const v0colors: {
     primary: string;
     secondary: string;
@@ -13,3 +14,14 @@ export declare const v0colors: {
     white: string;
     lightGrey: string;
 };
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const WithContent: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/AppBarNavList/stories/AppBarNavList.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const navbarPages: {
     id: number;
     label: string;
@@ -6,3 +7,14 @@ export declare const navbarPages: {
     name: string;
     path: string;
 }[];
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const WithThemeAndAppbar: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/AppBarProfile/stories/AppBarProfile.stories.d.ts

@@ -1 +1,11 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/CircularLoading/stories/CircularLoading.stories.d.ts

@@ -1 +1,17 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const CustomHeight: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/ConfirmationDialog/stories/dialog.stories.d.ts

@@ -1 +1,18 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const Warning: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/ContainedLinkList/stories/ContainedLinkList.stories.d.ts

@@ -1,2 +1,14 @@
+/// <reference types="react" />
 import { NavigationProps } from '../../AppBarNavList';
 export declare const myPages: NavigationProps[];
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/DropdownMenu/stories/DropDownMenu.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownMenuItem } from '../..';
 interface TestMenuItem {
     label: string;
@@ -5,4 +6,14 @@ interface TestMenuItem {
     disabled?: boolean;
 }
 export declare const menuItems: DropdownMenuItem<TestMenuItem>[];
-export {};
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/Footer/stories/Footer.stories.d.ts

@@ -1,2 +1,20 @@
+/// <reference types="react" />
 import { FooterItem } from '..';
 export declare const footerItems: FooterItem[];
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const FooterWithContent: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const FooterWithContentLongerThan100: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/GDPR/stories/GDPR.stories.d.ts

@@ -1,2 +1,13 @@
 /// <reference types="react" />
 export declare const renderGDPRText: () => JSX.Element;
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/GrepCrumbs/stories/GrepCrumbs.stories.d.ts

@@ -1,2 +1,20 @@
+/// <reference types="react" />
 import { Breadcrumb } from '..';
 export declare const breadcrumbs: Breadcrumb[];
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const OverflowAsTooltip: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/GrepDatePicker/stories/DatePicker.stories.d.ts

@@ -1 +1,9 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Standard: () => JSX.Element;
+export declare const Test: () => JSX.Element;
+export declare const Outlined: () => JSX.Element;

package/dist/components/GrepDateRange/stories/GrepDateRange.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import 'dayjs/locale/nb';
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Standard: () => JSX.Element;

package/dist/components/GrepDialog/stories/dialog.stories.d.ts

@@ -1 +1,18 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithCustomActions: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/GrepEditor/stories/GrepEditor.stories.d.ts

@@ -1 +1,49 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Standard: () => JSX.Element;
+export declare const CustomStyles: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const CustomToolbar: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const CustomButtons: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PasteStrippingAndBlockedInlineStyles: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithCharacterCount: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const DisableAndStripNewlines: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const DisablePasting: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/GrepInput/stories/GrepInput.stories.d.ts

@@ -1 +1,13 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Input: () => JSX.Element;
+export declare const InputOutlined: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/GrepSelect/stories/GrepSelect.stories.d.ts

@@ -1 +1,8 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Standard: () => JSX.Element;
+export declare const Outlined: () => JSX.Element;

package/dist/components/GrepTable/stories/GrepTable.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableColumn } from '..';
 export interface ICurriculum {
     id: number;
@@ -8,3 +9,69 @@ export interface ICurriculum {
 }
 export declare const tableColumns: TableColumn<ICurriculum>[];
 export declare const tableData: (samples?: number) => ICurriculum[];
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const Outlined: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const Clickable: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithoutData: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithDropdownMenu: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithPagination: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithoutHeader: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithoutPadding: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithRowStyle: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithRowStyleFunction: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/GrepTableCard/stories/GrepTableCard.stories.d.ts

@@ -1,2 +1,14 @@
+/// <reference types="react" />
 import { ICurriculum } from '../../GrepTable/stories/GrepTable.stories';
 export declare const data: ICurriculum[];
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/GreyCover/stories/GreyCover.stories.d.ts

@@ -1 +1,11 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const GreyCoverWithContent: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/InfoContainer/stories/infoContainer.stories.d.ts

@@ -1 +1,17 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const HorizontalFields: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const VerticalFields: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/LinkList/stories/LinkList.stories.d.ts

@@ -1,2 +1,14 @@
+/// <reference types="react" />
 import { NavigationProps } from '../../AppBarNavList';
 export declare const adminPages: NavigationProps[];
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/LoadingOverlay/stories/LoadingOverlay.stories.d.ts

@@ -1 +1,11 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/MainLayout/stories/MainLayout.stories.d.ts

@@ -1 +1,11 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const MainLayoutWithContent: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/NavGuard/stories/NavGuard.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/ProfileInfo/stories/ProfileInfo.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const user: {
     firstName: string;
     lastName: string;
@@ -5,3 +6,14 @@ export declare const user: {
     phoneNumber: string;
     role: string;
 };
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/SearchBar/stories/SearchBar.stories.d.ts

@@ -1 +1,11 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/Sidebar/stories/Sidebar.stories.d.ts

@@ -1,2 +1,14 @@
+/// <reference types="react" />
 import { NavigationProps } from '../../AppBarNavList';
 export declare const adminPages: NavigationProps[];
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/SortableTable/stories/SortableTable.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/ToC/stories/ToC.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/stories/index.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Dashboard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const Admin: () => JSX.Element;
+export declare const MyProfile: () => JSX.Element;
+export declare const Læreplaner: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grep-components",
-  "version": "1.26.0-GREPF-2179.1",
+  "version": "1.26.0-GREPF-2179.2",
   "description": "Grep komponentbibliotek",
   "repository": {
     "type": "git",
@@ -20,8 +20,8 @@
     "pretest": "tsc --noEmit",
     "test": "jest --maxWorkers=8 --verbose",
     "test:ci": "jest --maxWorkers=2 --verbose",
-    "storybook": "start-storybook -p 9009",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 9009",
+    "build-storybook": "storybook build",
     "yalc:init": "yalc add && yalc push",
     "yalc:build": "rollup -c --no-treeshake --no-sourcemap --environment yalc",
     "yalc:watch": "npm run yalc:build -- -w",
@@ -89,7 +89,10 @@
     "redux": "^4.x"
   },
   "devDependencies": {
+    "storybook": "next",
     "@babel/core": "^7.20.12",
+    "@babel/plugin-transform-private-property-in-object": "^7.22.11",
+    "@babel/eslint-parser": "^7.11.0",
     "@commitlint/cli": "^17.0.2",
     "@commitlint/config-conventional": "^17.0.2",
     "@date-io/dayjs": "^2.14.0",
@@ -97,17 +100,15 @@
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-url": "^8.0.0",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/addon-storysource": "^6.5.15",
-    "@storybook/addons": "^7.1.0",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/cli": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "^6.5.15",
-    "@storybook/storybook-deployer": "^2.8.12",
+    "@storybook/addon-actions": "^7.4.2",
+    "@storybook/addon-essentials": "^7.4.2",
+    "@storybook/addon-links": "^7.4.2",
+    "@storybook/addon-storysource": "^7.4.2",
+    "@storybook/addons": "^7.4.2",
+    "@storybook/cli": "^7.4.2",
+    "@storybook/preset-create-react-app": "^7.4.2",
+    "@storybook/react-webpack5": "^7.4.2",
+    "@storybook/storybook-deployer": "^2.8.16",
     "@testing-library/dom": "^9.0.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^14.0.0",
@@ -123,7 +124,6 @@
     "@types/react-router-dom": "^5.1.3",
     "@typescript-eslint/eslint-plugin": "^5.1.0",
     "@typescript-eslint/parser": "^5.1.0",
-    "@babel/eslint-parser": "^7.11.0",
     "babel-jest": "^29.2.0",
     "babel-loader": "^9.0.0",
     "babel-plugin-external-helpers": "^6.22.0",
@@ -140,6 +140,7 @@
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-storybook": "^0.6.13",
     "history": "^4.7.2",
     "husky": "^8.0.1",
     "immutable": "^3.8.2",

package/dist/components/GrepDateRange/stories/index.d.ts

@@ -1 +0,0 @@
-import 'dayjs/locale/nb';

package/dist/components/NavGuard/stories/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/SortableTable/stories/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/ToC/stories/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/stories/index.d.ts

@@ -1,4 +0,0 @@
-import '../components/NavGuard/stories';
-import '../components/SortableTable/stories';
-import '../components/GrepDateRange/stories';
-import '../components/ToC/stories';