grep-components 2.10.0-GREPF-2677.1 → 2.10.0-gREPF-2708.1

package/dist/assets/keycodeEnum.d.ts

@@ -0,0 +1,20 @@
+/** An incomplete list deriving values from:
+ * https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
+ * and
+ * https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_code_values  */
+export declare enum Key {
+    Enter = "Enter",
+    Space = " ",
+    Tab = "Tab",
+    Escape = "Escape",
+    ArrowUp = "ArrowUp",
+    ArrowDown = "ArrowDown",
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    End = "End",
+    Home = "Home",
+    PageUp = "PageUp",
+    PageDown = "PageDown",
+    Alt = "Alt",
+    I = "KeyI"
+}

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/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/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.d.ts

@@ -33,4 +33,3 @@ export { Utils };
 export * from './components';
 export * from './hooks';
 export * from './styling';
-export * from './assets';

package/dist/index.js

@@ -133,147 +133,32 @@ const getTime = (datetime, options) => parseDate(datetime, options).format('[kl.
 const getFullDate = (datetime, options) => parseDate(datetime, options).format('LLL');
 const getExcelDateTime = (datetime, options) => parseDate(datetime, options).format('L HH:mm');
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var Key_enum = {};
-
-var hasRequiredKey_enum;
-
-function requireKey_enum () {
-	if (hasRequiredKey_enum) return Key_enum;
-	hasRequiredKey_enum = 1;
-	(function (exports) {
-		Object.defineProperty(exports, "__esModule", { value: true });
-		(function (Key) {
-		    Key[Key["Backspace"] = 8] = "Backspace";
-		    Key[Key["Tab"] = 9] = "Tab";
-		    Key[Key["Enter"] = 13] = "Enter";
-		    Key[Key["Shift"] = 16] = "Shift";
-		    Key[Key["Ctrl"] = 17] = "Ctrl";
-		    Key[Key["Alt"] = 18] = "Alt";
-		    Key[Key["PauseBreak"] = 19] = "PauseBreak";
-		    Key[Key["CapsLock"] = 20] = "CapsLock";
-		    Key[Key["Escape"] = 27] = "Escape";
-		    Key[Key["Space"] = 32] = "Space";
-		    Key[Key["PageUp"] = 33] = "PageUp";
-		    Key[Key["PageDown"] = 34] = "PageDown";
-		    Key[Key["End"] = 35] = "End";
-		    Key[Key["Home"] = 36] = "Home";
-		    Key[Key["LeftArrow"] = 37] = "LeftArrow";
-		    Key[Key["UpArrow"] = 38] = "UpArrow";
-		    Key[Key["RightArrow"] = 39] = "RightArrow";
-		    Key[Key["DownArrow"] = 40] = "DownArrow";
-		    Key[Key["Insert"] = 45] = "Insert";
-		    Key[Key["Delete"] = 46] = "Delete";
-		    Key[Key["Zero"] = 48] = "Zero";
-		    Key[Key["ClosedParen"] = 48] = "ClosedParen";
-		    Key[Key["One"] = 49] = "One";
-		    Key[Key["ExclamationMark"] = 49] = "ExclamationMark";
-		    Key[Key["Two"] = 50] = "Two";
-		    Key[Key["AtSign"] = 50] = "AtSign";
-		    Key[Key["Three"] = 51] = "Three";
-		    Key[Key["PoundSign"] = 51] = "PoundSign";
-		    Key[Key["Hash"] = 51] = "Hash";
-		    Key[Key["Four"] = 52] = "Four";
-		    Key[Key["DollarSign"] = 52] = "DollarSign";
-		    Key[Key["Five"] = 53] = "Five";
-		    Key[Key["PercentSign"] = 53] = "PercentSign";
-		    Key[Key["Six"] = 54] = "Six";
-		    Key[Key["Caret"] = 54] = "Caret";
-		    Key[Key["Hat"] = 54] = "Hat";
-		    Key[Key["Seven"] = 55] = "Seven";
-		    Key[Key["Ampersand"] = 55] = "Ampersand";
-		    Key[Key["Eight"] = 56] = "Eight";
-		    Key[Key["Star"] = 56] = "Star";
-		    Key[Key["Asterik"] = 56] = "Asterik";
-		    Key[Key["Nine"] = 57] = "Nine";
-		    Key[Key["OpenParen"] = 57] = "OpenParen";
-		    Key[Key["A"] = 65] = "A";
-		    Key[Key["B"] = 66] = "B";
-		    Key[Key["C"] = 67] = "C";
-		    Key[Key["D"] = 68] = "D";
-		    Key[Key["E"] = 69] = "E";
-		    Key[Key["F"] = 70] = "F";
-		    Key[Key["G"] = 71] = "G";
-		    Key[Key["H"] = 72] = "H";
-		    Key[Key["I"] = 73] = "I";
-		    Key[Key["J"] = 74] = "J";
-		    Key[Key["K"] = 75] = "K";
-		    Key[Key["L"] = 76] = "L";
-		    Key[Key["M"] = 77] = "M";
-		    Key[Key["N"] = 78] = "N";
-		    Key[Key["O"] = 79] = "O";
-		    Key[Key["P"] = 80] = "P";
-		    Key[Key["Q"] = 81] = "Q";
-		    Key[Key["R"] = 82] = "R";
-		    Key[Key["S"] = 83] = "S";
-		    Key[Key["T"] = 84] = "T";
-		    Key[Key["U"] = 85] = "U";
-		    Key[Key["V"] = 86] = "V";
-		    Key[Key["W"] = 87] = "W";
-		    Key[Key["X"] = 88] = "X";
-		    Key[Key["Y"] = 89] = "Y";
-		    Key[Key["Z"] = 90] = "Z";
-		    Key[Key["LeftWindowKey"] = 91] = "LeftWindowKey";
-		    Key[Key["RightWindowKey"] = 92] = "RightWindowKey";
-		    Key[Key["SelectKey"] = 93] = "SelectKey";
-		    Key[Key["Numpad0"] = 96] = "Numpad0";
-		    Key[Key["Numpad1"] = 97] = "Numpad1";
-		    Key[Key["Numpad2"] = 98] = "Numpad2";
-		    Key[Key["Numpad3"] = 99] = "Numpad3";
-		    Key[Key["Numpad4"] = 100] = "Numpad4";
-		    Key[Key["Numpad5"] = 101] = "Numpad5";
-		    Key[Key["Numpad6"] = 102] = "Numpad6";
-		    Key[Key["Numpad7"] = 103] = "Numpad7";
-		    Key[Key["Numpad8"] = 104] = "Numpad8";
-		    Key[Key["Numpad9"] = 105] = "Numpad9";
-		    Key[Key["Multiply"] = 106] = "Multiply";
-		    Key[Key["Add"] = 107] = "Add";
-		    Key[Key["Subtract"] = 109] = "Subtract";
-		    Key[Key["DecimalPoint"] = 110] = "DecimalPoint";
-		    Key[Key["Divide"] = 111] = "Divide";
-		    Key[Key["F1"] = 112] = "F1";
-		    Key[Key["F2"] = 113] = "F2";
-		    Key[Key["F3"] = 114] = "F3";
-		    Key[Key["F4"] = 115] = "F4";
-		    Key[Key["F5"] = 116] = "F5";
-		    Key[Key["F6"] = 117] = "F6";
-		    Key[Key["F7"] = 118] = "F7";
-		    Key[Key["F8"] = 119] = "F8";
-		    Key[Key["F9"] = 120] = "F9";
-		    Key[Key["F10"] = 121] = "F10";
-		    Key[Key["F11"] = 122] = "F11";
-		    Key[Key["F12"] = 123] = "F12";
-		    Key[Key["NumLock"] = 144] = "NumLock";
-		    Key[Key["ScrollLock"] = 145] = "ScrollLock";
-		    Key[Key["SemiColon"] = 186] = "SemiColon";
-		    Key[Key["Equals"] = 187] = "Equals";
-		    Key[Key["Comma"] = 188] = "Comma";
-		    Key[Key["Dash"] = 189] = "Dash";
-		    Key[Key["Period"] = 190] = "Period";
-		    Key[Key["UnderScore"] = 189] = "UnderScore";
-		    Key[Key["PlusSign"] = 187] = "PlusSign";
-		    Key[Key["ForwardSlash"] = 191] = "ForwardSlash";
-		    Key[Key["Tilde"] = 192] = "Tilde";
-		    Key[Key["GraveAccent"] = 192] = "GraveAccent";
-		    Key[Key["OpenBracket"] = 219] = "OpenBracket";
-		    Key[Key["ClosedBracket"] = 221] = "ClosedBracket";
-		    Key[Key["Quote"] = 222] = "Quote";
-		})(exports.Key || (exports.Key = {})); 
-	} (Key_enum));
-	return Key_enum;
-}
-
-var Key_enumExports = requireKey_enum();
+/** An incomplete list deriving values from:
+ * https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
+ * and
+ * https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_code_values  */
+var Key;
+(function (Key) {
+    Key["Enter"] = "Enter";
+    Key["Space"] = " ";
+    Key["Tab"] = "Tab";
+    Key["Escape"] = "Escape";
+    Key["ArrowUp"] = "ArrowUp";
+    Key["ArrowDown"] = "ArrowDown";
+    Key["ArrowLeft"] = "ArrowLeft";
+    Key["ArrowRight"] = "ArrowRight";
+    Key["End"] = "End";
+    Key["Home"] = "Home";
+    Key["PageUp"] = "PageUp";
+    Key["PageDown"] = "PageDown";
+    Key["Alt"] = "Alt";
+    Key["I"] = "KeyI";
+})(Key || (Key = {}));
 
 const onActivation = (cb) => (ev) => {
-    switch (ev.which) {
-        case Key_enumExports.Key.Space:
-        case Key_enumExports.Key.Enter:
+    switch (ev.key) {
+        case Key.Space:
+        case Key.Enter:
             cb(ev);
             break;
     }
@@ -1710,11 +1595,11 @@ const MainLayout = (props) => (React.createElement(Box, { display: "flex", flex:
 
 const CollapsableMenu = ({ children, onMenuClose, ...collapseProps }) => {
     const onKeyDown = (e) => {
-        switch (e.keyCode) {
-            case Key_enumExports.Key.Escape:
+        switch (e.key) {
+            case Key.Escape:
                 onMenuClose && onMenuClose();
                 return;
-            case Key_enumExports.Key.LeftArrow:
+            case Key.ArrowLeft:
                 onMenuClose && onMenuClose();
         }
         e.stopPropagation();
@@ -1794,8 +1679,8 @@ const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tool
     }, [onStatusChange, setOpen, listItemRef]);
     const handleKey = (e) => {
         if (items) {
-            switch (e.keyCode) {
-                case Key_enumExports.Key.RightArrow:
+            switch (e.key) {
+                case Key.ArrowRight:
                     if (expand()) {
                         e.preventDefault();
                         e.stopPropagation();
@@ -2315,8 +2200,8 @@ const GrepTable = ({ placeholderText, dropdownItems, isRowDisabled, pagination,
                     }, onClick: (e) => {
                         _openDropdown(e, row);
                     }, onKeyDown: (e) => {
-                        switch (e.which) {
-                            case Key_enumExports.Key.Enter:
+                        switch (e.key) {
+                            case Key.Enter:
                                 // dont show dropdown
                                 e.preventDefault();
                                 break;
@@ -2373,34 +2258,34 @@ const GrepTable = ({ placeholderText, dropdownItems, isRowDisabled, pagination,
                 setSelectedRowIndex(i);
             }
         };
-        switch (e.keyCode) {
-            case Key_enumExports.Key.DownArrow:
+        switch (e.key) {
+            case Key.ArrowDown:
                 moveSelectedRow(1);
                 break;
-            case Key_enumExports.Key.UpArrow:
+            case Key.ArrowUp:
                 moveSelectedRow(-1);
                 break;
-            case Key_enumExports.Key.LeftArrow:
-            case Key_enumExports.Key.PageUp:
+            case Key.ArrowLeft:
+            case Key.PageUp:
                 moveSelectedRow(-rowsPerPage);
                 break;
-            case Key_enumExports.Key.RightArrow:
-            case Key_enumExports.Key.PageDown:
+            case Key.ArrowRight:
+            case Key.PageDown:
                 moveSelectedRow(rowsPerPage);
                 break;
-            case Key_enumExports.Key.Home:
+            case Key.Home:
                 setSelectedRowIndex(0);
                 break;
-            case Key_enumExports.Key.End:
+            case Key.End:
                 setSelectedRowIndex(maxIndex);
                 break;
-            case Key_enumExports.Key.Tab:
+            case Key.Tab:
                 requestAnimationFrame(() => {
                     // check is any children still has focus
                     !containsFocus(tableRef.current) && setSelectedRowIndex(-1);
                 });
                 break;
-            case Key_enumExports.Key.Enter:
+            case Key.Enter:
                 selectedRow && _handleRowClick(selectedRow);
                 break;
         }
@@ -2718,6 +2603,12 @@ const useDate = (value = null, options) => {
     return [date, setDate];
 };
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 /**
  * lodash (Custom Build) <https://lodash.com/>
  * Build: `lodash modularize exports="npm" -o ./`
@@ -3170,9 +3061,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 +12780,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 +12850,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 +12863,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 +12922,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 +12948,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);
@@ -13150,7 +13049,7 @@ const GrepTableOfContentNav = (props) => {
         });
     }, [ref]);
     const onKeyDown = (e) => {
-        if (selected && e.which === Key_enumExports.Key.Tab && e.shiftKey === false) {
+        if (selected && e.key === Key.Tab && e.shiftKey === false) {
             const tabindex = selected.getAttribute('tabindex');
             selected.setAttribute('tabindex', '0');
             selected.focus();
@@ -13160,12 +13059,12 @@ const GrepTableOfContentNav = (props) => {
                     : selected.setAttribute('tabindex', tabindex);
             });
         }
-        if ([Key_enumExports.Key.UpArrow, Key_enumExports.Key.DownArrow].includes(e.which)) {
+        if (e.key === Key.ArrowUp || e.key === Key.ArrowDown) {
             e.preventDefault();
             e.stopPropagation();
             const nodes = Object.values(elements);
             const currentIndex = nodes.indexOf(selected);
-            const moveIndex = e.which === Key_enumExports.Key.UpArrow ? -1 : 1;
+            const moveIndex = e.key === Key.ArrowUp ? -1 : 1;
             const next = nodes[currentIndex + moveIndex];
             next && setSelected(next, true);
             focusSelected();
@@ -13173,13 +13072,13 @@ const GrepTableOfContentNav = (props) => {
     };
     useEffect(() => {
         const onKeyDown = (e) => {
-            e.keyCode === Key_enumExports.Key.Alt && setShowKeyboardHint(true);
+            e.key === Key.Alt && setShowKeyboardHint(true);
             if (e.altKey) {
-                e.keyCode === Key_enumExports.Key.I && focusSelected();
+                e.key === Key.I && focusSelected();
             }
         };
         const onKeyUp = (e) => {
-            e.keyCode === Key_enumExports.Key.Alt && setShowKeyboardHint(false);
+            e.key === Key.Alt && setShowKeyboardHint(false);
         };
         window.addEventListener('keydown', onKeyDown);
         window.addEventListener('keyup', onKeyUp);
@@ -13201,7 +13100,5 @@ const GrepTableOfContent = ({ style, className, setSelectedValue, percentageRend
 };
 GrepTableOfContent.displayName = 'Grep.ToC';
 
-var utdanningsdirektoratetLogoRgbNeg = "41017f048e09b7d9.png";
-
-export { AppBar, AppBarNavList, AppBarProfile, BodyLayout, CircularLoading, Colors, ConfirmationServiceProvider, ContainedLinkList, DatePicker, DropdownMenu, Footer, GDPR, GrepCrumbs, DatePicker as GrepDatePicker, GrepDateRange, GrepDialogServiceProvider, GrepEditor, GrepInput, GrepSelect, GrepTable, GrepTableCard, GrepTableOfContent, GrepTableRow, GreyCover, InfoContainer, LinkList, LoadingOverlay, MainLayout, NavGuard, OverflowTooltip, ProfileInfo, SearchBar, ServiceMessage, Sidebar, SortableTable, utdanningsdirektoratetLogoRgbNeg as UdirLogo, index as Utils, convertToRgba, filterElements as filterContentElements, hex2rgb, hex2rgba, makeStyles, useConfirmation, useContentElements, useDate, useDebounce, useGrepDialog, useStyles$d as useStyles, withStyles };
+export { AppBar, AppBarNavList, AppBarProfile, BodyLayout, CircularLoading, Colors, ConfirmationServiceProvider, ContainedLinkList, DatePicker, DropdownMenu, Footer, GDPR, GrepCrumbs, DatePicker as GrepDatePicker, GrepDateRange, GrepDialogServiceProvider, GrepEditor, GrepInput, GrepSelect, GrepTable, GrepTableCard, GrepTableOfContent, GrepTableRow, GreyCover, InfoContainer, LinkList, LoadingOverlay, MainLayout, NavGuard, OverflowTooltip, ProfileInfo, SearchBar, ServiceMessage, Sidebar, SortableTable, index as Utils, convertToRgba, filterElements as filterContentElements, hex2rgb, hex2rgba, makeStyles, useConfirmation, useContentElements, useDate, useDebounce, useGrepDialog, useStyles$d as useStyles, withStyles };
 //# sourceMappingURL=index.js.map