grep-components 2.10.0-GREPF-2677.1 → 2.10.0-GREPF-2713.1

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { IAuthorizedPage } from '../types';
 export declare const v0colors: {
     primary: string;
     secondary: string;
@@ -15,15 +14,12 @@ export declare const v0colors: {
     white: string;
     lightGrey: string;
 };
-export declare const navbarPages: IAuthorizedPage[];
 declare const _default: {
     title: string;
     excludeStories: string[];
 };
 export default _default;
 export declare const WithContent: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -13,8 +13,6 @@ declare const _default: {
 };
 export default _default;
 export declare const WithThemeAndAppbar: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -4,8 +4,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -4,14 +4,10 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const CustomHeight: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -5,14 +5,10 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const Warning: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -7,8 +7,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { DropdownMenuItem } from '../..';
 interface TestMenuItem {
     label: string;
@@ -12,8 +12,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -7,14 +7,10 @@ declare const _default: {
 };
 export default _default;
 export declare const FooterWithContent: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const FooterWithContentLongerThan100: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -6,8 +6,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -7,14 +7,10 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const OverflowAsTooltip: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -1,25 +1,14 @@
-import React, { JSX } from 'react';
-export declare const content = "Some content";
-export declare const openText = "Open dialog";
-export declare const title = "Title text";
-export declare const Component: React.FC<{
-    actions?: JSX.Element[];
-}>;
+import { JSX } from 'react';
 declare const _default: {
     title: string;
     decorators: ((storyFn: any) => JSX.Element)[];
-    excludeStories: string[];
 };
 export default _default;
 export declare const Standard: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => JSX.Element;
+    name: string;
 };
 export declare const WithCustomActions: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => JSX.Element;
+    name: string;
 };

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

@@ -6,62 +6,42 @@ declare const _default: {
 export default _default;
 export declare const Standard: () => React.JSX.Element;
 export declare const CustomStyles: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const CustomToolbar: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const CustomButtons: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const PasteStrippingAndBlockedInlineStyles: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithCharacterCount: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const DisableAndStripNewlines: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const DisablePasting: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithLabel: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const OnlyHeading: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const ReadOnly: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -6,8 +6,6 @@ declare const _default: {
 export default _default;
 export declare const Input: () => React.JSX.Element;
 export declare const InputOutlined: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     decorators: ((storyFn: any) => React.JSX.Element)[];

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

@@ -16,62 +16,42 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const Outlined: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const Clickable: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithoutData: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithDropdownMenu: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithPagination: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithoutHeader: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithoutPadding: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithRowStyle: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithRowStyleFunction: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -7,8 +7,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -4,8 +4,6 @@ declare const _default: {
 };
 export default _default;
 export declare const GreyCoverWithContent: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -4,14 +4,10 @@ declare const _default: {
 };
 export default _default;
 export declare const HorizontalFields: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const VerticalFields: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -7,8 +7,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -4,8 +4,9 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
+};
+export declare const CustomOverlay: {
+    render: () => React.JSX.Element;
 };

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

@@ -4,8 +4,6 @@ declare const _default: {
 };
 export default _default;
 export declare const MainLayoutWithContent: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -20,14 +20,14 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    (): React.JSX.Element;
-    storyName: string;
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithAppBar: {
-    (): React.JSX.Element;
-    storyName: string;
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const WithExclude: {
-    (): React.JSX.Element;
-    storyName: string;
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -12,8 +12,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -4,8 +4,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -7,14 +7,10 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };
 export declare const ExpandAndClick: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

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

@@ -4,8 +4,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Standard: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

package/dist/components/ToC/components/nav-tree-node.d.ts

@@ -1,5 +1,14 @@
 import React, { ReactElement } from 'react';
 import { ContextTreeElement, ContextTree } from '../utils/tree-builder';
+/**
+ * @TODO fix later
+ * cheat, https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded
+ */
+declare global {
+    interface HTMLElement {
+        scrollIntoViewIfNeeded: VoidFunction;
+    }
+}
 export interface GrepTableOfContentNavTreeNodeProps {
     node: ContextTreeElement;
     className?: string;

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

@@ -4,8 +4,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => React.JSX.Element;
+    name: string;
 };

package/dist/index.js

@@ -3170,9 +3170,11 @@ const useContentElements = (container, selector, options) => {
         });
         // start observing
         observer.observe(container, config);
+        console.debug('observing container', container);
         // stop observing when unmounted
         return () => {
             observer.disconnect();
+            console.debug('observing disconnected', container);
         };
     }, [container, config, getElements]);
     return elements;
@@ -12887,7 +12889,7 @@ var lodash_throttleExports = requireLodash_throttle();
 var throttle = /*@__PURE__*/getDefaultExportFromCjs(lodash_throttleExports);
 
 const generateElementId = (element) => {
-    const tmpId = element.innerText?.replace(/\s/g, '-').toLowerCase();
+    const tmpId = element.innerText.replace(/\s/g, '-').toLowerCase();
     let id = tmpId, index = 1;
     while (document.getElementById(id)) {
         id = `${tmpId}-${++index}`;
@@ -12957,7 +12959,9 @@ const GrepTableOfContentProvider = ({ ...props }) => {
             setSelected(element);
         }, 50);
         target.addEventListener('scroll', onScroll, false);
+        console.debug('scroll observer attached');
         return () => {
+            console.debug('scroll observer detached');
             return target.removeEventListener('scroll', onScroll);
         };
     }, [scrollTarget, setSelected, offsetTop, getViewportElement]);
@@ -12968,11 +12972,13 @@ const GrepTableOfContentProvider = ({ ...props }) => {
     // observe changes in hash
     useEffect(() => {
         if (hash && elements[hash]) {
+            console.debug('anchor change, setting selected element');
             setSelected(elements[hash], true);
         }
     }, [hash, setSelected]);
     // set selected element on initial load
     if (!initialized && elements && elements[hash]) {
+        console.debug('setting initial selected element');
         setSelected(elements[hash], true);
         setInitialized(true);
     }
@@ -13025,7 +13031,8 @@ const GrepTableOfContentNavTreeNode = (props) => {
     useEffect(() => {
         const link = linkRef.current;
         if (isSelected) {
-            link?.scrollIntoView({ block: 'nearest' });
+            link?.scrollIntoViewIfNeeded();
+            //setTimeout(() => link?.scrollIntoViewIfNeeded(), 2000);
         }
         else if (link === document.activeElement) {
             link?.blur();
@@ -13050,6 +13057,7 @@ const GrepTableOfContentNavTreeNode = (props) => {
     };
     return (React__default.createElement("li", { key: index, "data-lvl": lvl, className: className, style: style },
         React__default.createElement(Link, { ref: linkRef, className: clsx(styles.link, isSelected && `${styles.link}--selected`), href: url, tabIndex: tabIndex, onClick: (event) => {
+                console.debug('node click', node);
                 event.preventDefault();
                 event.stopPropagation();
                 doSelect(true);