grep-components 2.10.0-GREPF-2675.1 → 2.10.0-GREPF-2677.1

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { IAuthorizedPage } from '../types';
 export declare const v0colors: {
     primary: string;
     secondary: string;
@@ -14,6 +15,7 @@ export declare const v0colors: {
     white: string;
     lightGrey: string;
 };
+export declare const navbarPages: IAuthorizedPage[];
 declare const _default: {
     title: string;
     excludeStories: string[];

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

@@ -1,7 +1,14 @@
-import { JSX } from 'react';
+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[];
+}>;
 declare const _default: {
     title: string;
     decorators: ((storyFn: any) => JSX.Element)[];
+    excludeStories: string[];
 };
 export default _default;
 export declare const Standard: {

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

@@ -1,14 +1,5 @@
 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/index.js

@@ -1788,6 +1788,7 @@ const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tool
         const event = onStatusChange('collapse');
         if (!event.defaultPrevented) {
             setOpen(false);
+            requestAnimationFrame(() => listItemRef.current?.focus());
         }
         return !event.defaultPrevented;
     }, [onStatusChange, setOpen, listItemRef]);
@@ -3169,11 +3170,9 @@ 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;
@@ -12888,7 +12887,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}`;
@@ -12958,9 +12957,7 @@ 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]);
@@ -12971,13 +12968,11 @@ 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);
     }
@@ -13030,8 +13025,7 @@ const GrepTableOfContentNavTreeNode = (props) => {
     useEffect(() => {
         const link = linkRef.current;
         if (isSelected) {
-            link?.scrollIntoViewIfNeeded();
-            //setTimeout(() => link?.scrollIntoViewIfNeeded(), 2000);
+            link?.scrollIntoView({ block: 'nearest' });
         }
         else if (link === document.activeElement) {
             link?.blur();
@@ -13056,7 +13050,6 @@ 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);