grep-components 1.26.0-GREPF-2179.1 → 1.26.0-GREPF-2126.1

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/index.js

@@ -3123,12 +3123,6 @@ var CollapsableMenu = function (_a) {
         React__default.createElement(MenuList, { disablePadding: true, autoFocusItem: true, onKeyDown: onKeyDown }, children)));
 };
 
-var TooltipMenuItem = function (_a) {
-    var children = _a.children, tooltipText = _a.tooltipText, disabled = _a.disabled, props = __rest$1(_a, ["children", "tooltipText", "disabled"]);
-    return (React__default.createElement(Tooltip, { title: tooltipText },
-        React__default.createElement(MenuItem, __assign({ role: "menuitem", disabled: disabled, sx: { pointerEvents: 'inherit !important' } }, props), children)));
-};
-
 var useStyles$g = makeStyles()(function (_a, _b) {
     var palette = _a.palette, transitions = _a.transitions;
     var open = _b.open;
@@ -3235,7 +3229,10 @@ var CollapsableMenuItem = function (_a) {
                     return window.dispatchEvent(new Event('resize'));
                 });
             } }, items)))); };
-    return tooltipText ? (React__default.createElement(TooltipMenuItem, { className: classes.root, tooltipText: tooltipText, onMouseOver: function (e) { return e.currentTarget.focus(); }, disabled: disabled, selected: open, onClick: handleClick, onKeyDown: handleKey }, renderInner())) : (React__default.createElement(MenuItem, __assign({ className: classes.root, ref: listItemRef, selected: open, disabled: disabled, onClick: handleClick, onKeyDown: handleKey }, props), renderInner()));
+    return tooltipText ? (React__default.createElement(Tooltip, { title: tooltipText },
+        React__default.createElement(MenuItem, { role: "menuitem", sx: disabled && !items
+                ? { cursor: 'not-allowed', pointerEvents: 'inherit !important' }
+                : { pointerEvents: 'inherit !important' }, className: classes.root, onMouseOver: function (e) { return e.currentTarget.focus(); }, selected: open, ref: listItemRef, onClick: handleClick, onKeyDown: handleKey }, renderInner()))) : (React__default.createElement(MenuItem, __assign({ sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey }, props), renderInner()));
 };
 
 var useStyles$f = makeStyles()(function (_a) {
@@ -3251,20 +3248,37 @@ var useStyles$f = makeStyles()(function (_a) {
 var DropdownMenu = function (_a) {
     var context = _a.context, menuItems = _a.menuItems, menuProps = __rest$1(_a, ["context", "menuItems"]);
     var classes = useStyles$f().classes;
-    var renderChild = function (level) {
+    var renderChild = function (level, parentDisabled) {
         if (level === void 0) { level = 0; }
         // eslint-disable-next-line react/display-name
         return function (item, index) {
+            var _a;
             var label = item.label, children = item.children, handleClick = item.handleClick, disabled = item.disabled, props = __rest$1(item, ["label", "children", "handleClick", "disabled"]);
+            var itemOrParentDisabled = (_a = (parentDisabled || disabled)) !== null && _a !== void 0 ? _a : false;
             props.key = "child-item-".concat(index);
             props.classes = { selected: classes.selected };
             // ninja way, since rewriting existing code on lpu and admin is daunting
             props.onClick = function (e) {
+                if (itemOrParentDisabled) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    return;
+                }
                 menuProps.onClose && menuProps.onClose(e, 'backdropClick');
-                handleClick && handleClick(context);
+                !itemOrParentDisabled && handleClick && handleClick(context);
             };
-            return (React__default.createElement(CollapsableMenuItem, __assign({ level: level, id: label, disabled: typeof disabled === 'function' ? disabled(context) : disabled, items: children === null || children === void 0 ? void 0 : children.map(renderChild(level + 1)) }, props),
-                React__default.createElement("span", { style: { paddingLeft: "".concat(level * 0.5, "rem") } }, label)));
+            var style = !itemOrParentDisabled
+                ? { paddingLeft: "".concat(level * 0.5, "rem") }
+                : {
+                    paddingLeft: "".concat(level * 0.5, "rem"),
+                    opacity: 0.4,
+                };
+            return (React__default.createElement(CollapsableMenuItem, __assign({ sx: itemOrParentDisabled && !children ? { cursor: 'not-allowed' } : {}, level: level, id: label, disabled: itemOrParentDisabled
+                    ? true
+                    : typeof disabled === 'function'
+                        ? disabled(context)
+                        : disabled, items: children === null || children === void 0 ? void 0 : children.map(renderChild(level + 1, itemOrParentDisabled)) }, props),
+                React__default.createElement("span", { style: style }, label)));
         };
     };
     return (React__default.createElement(Menu, __assign({}, menuProps, { anchorOrigin: (menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorOrigin) || {