grep-components 2.10.0-GREPF-2677.1 → 2.10.0-GREPF-2716.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,7 +14,6 @@ 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,14 +1,7 @@
-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: {

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/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);