grep-components 1.24.0-GREPF-2060.4 → 1.24.0-GREPF-2126.2

package/dist/components/ConfirmationDialog/index.d.ts

@@ -1,6 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { ConfirmationOptions } from './components/dialog';
-export declare const ConfirmationServiceProvider: React.FC<{
-    children: ReactNode;
-}>;
+export declare const ConfirmationServiceProvider: React.FC;
 export declare const useConfirmation: () => (options: ConfirmationOptions) => Promise<void>;

package/dist/components/DropdownMenu/index.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 import { MenuItemProps, MenuProps } from '@mui/material';
-declare type BooleanFunction<T> = (context?: T) => boolean;
 export declare type DropdownMenuItem<T> = Omit<MenuItemProps, 'disabled'> & {
     label: string;
     tooltipText?: string;
-    disabled?: BooleanFunction<T> | boolean;
+    disabled?: boolean;
     children?: Array<DropdownMenuItem<T>>;
     handleClick?: (context?: T) => void;
 };

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

@@ -1,5 +1,3 @@
 import * as React from 'react';
-declare const GDPR: React.FC<{
-    children: React.ReactNode;
-}>;
-export default GDPR;
+declare const _default: React.ComponentType<{}>;
+export default _default;

package/dist/components/GrepDialog/index.d.ts

@@ -1,6 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { GrepDialogOptions } from './dialog';
-export declare const GrepDialogServiceProvider: React.FC<{
-    children: ReactNode;
-}>;
+export declare const GrepDialogServiceProvider: React.FC;
 export declare const useGrepDialog: () => (options: GrepDialogOptions) => void;

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 export interface GreyCoverProps {
     elevation?: boolean;
-    children?: React.ReactNode;
 }
 declare const _default: React.ComponentType<GreyCoverProps>;
 export default _default;

package/dist/index.js

@@ -4,7 +4,7 @@ import LocalizedFormatPlugin from 'dayjs/plugin/localizedFormat';
 import isBetweenPlugin from 'dayjs/plugin/isBetween';
 import { red, pink, purple, deepPurple, indigo, blue, lightBlue, cyan, teal, green, lightGreen, lime, yellow, amber, orange, deepOrange, brown, grey, blueGrey } from '@mui/material/colors';
 import * as React from 'react';
-import React__default, { useRef, useContext, forwardRef, createContext, useMemo as useMemo$1, createElement, useState, useCallback as useCallback$1, useEffect, useLayoutEffect } from 'react';
+import React__default, { useRef, useContext, createContext, createElement, Fragment, forwardRef, useMemo as useMemo$1, useState, useCallback as useCallback$1, useEffect, useLayoutEffect } from 'react';
 import AccountCircle from '@mui/icons-material/AccountCircle';
 import ArrowDropdown from '@mui/icons-material/ArrowDropDown';
 import { Button, Box, Typography, IconButton, Menu, MenuItem, Tabs, Tab, Collapse, MenuList, Tooltip, Container, List, ListItem, ListItemText, ListItemIcon, Divider, ListItemButton, styled, TableCell, TableRow, TableSortLabel, TableHead, TablePagination, TableContainer, Table, TableBody, TableFooter, CircularProgress, Link, TextField, FormControl, InputLabel, Select, OutlinedInput, Input, Checkbox, FormHelperText, Grid, ToggleButtonGroup, AppBar as AppBar$1, Toolbar as Toolbar$1, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@mui/material';
@@ -552,7 +552,6 @@ function murmur2(str) {
 
 var unitlessKeys = {
   animationIterationCount: 1,
-  aspectRatio: 1,
   borderImageOutset: 1,
   borderImageSlice: 1,
   borderImageWidth: 1,
@@ -651,7 +650,7 @@ var processStyleValue$1 = function processStyleValue(key, value) {
 };
 
 if (process.env.NODE_ENV !== 'production') {
-  var contentValuePattern = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
+  var contentValuePattern = /(var|attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
   var contentValues = ['normal', 'none', 'initial', 'inherit', 'unset'];
   var oldProcessStyleValue = processStyleValue$1;
   var msPattern = /^-ms-/;
@@ -1311,7 +1310,6 @@ var RULESET = 'rule';
 var DECLARATION = 'decl';
 var IMPORT = '@import';
 var KEYFRAMES = '@keyframes';
-var LAYER = '@layer';
 
 /**
  * @param {number}
@@ -1726,7 +1724,7 @@ function parse$1 (value, root, parent, rule, rules, rulesets, pseudo, points, de
 					// \0 }
 					case 0: case 125: scanning = 0;
 					// ;
-					case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '');
+					case 59 + offset:
 						if (property > 0 && (strlen(characters) - length))
 							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations);
 						break
@@ -1741,8 +1739,8 @@ function parse$1 (value, root, parent, rule, rules, rulesets, pseudo, points, de
 								parse$1(characters, root, reference, reference, props, rulesets, length, points, children);
 							else
 								switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
-									// d l m s
-									case 100: case 108: case 109: case 115:
+									// d m s
+									case 100: case 109: case 115:
 										parse$1(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children);
 										break
 									default:
@@ -1861,7 +1859,6 @@ function serialize (children, callback) {
  */
 function stringify (element, index, children, callback) {
 	switch (element.type) {
-		case LAYER: if (element.children.length) break
 		case IMPORT: case DECLARATION: return element.return = element.return || element.value
 		case COMMENT: return ''
 		case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
@@ -2572,19 +2569,10 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var isBrowser$1 = typeof document !== 'undefined';
-
-var syncFallback = function syncFallback(create) {
-  return create();
-};
-
-var useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : false;
-var useInsertionEffectAlwaysWithSyncFallback = !isBrowser$1 ? syncFallback : useInsertionEffect || syncFallback;
-
 var isBrowser = typeof document !== 'undefined';
 var hasOwnProperty = {}.hasOwnProperty;
 
-var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
+var EmotionCacheContext = /* #__PURE__ */createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
 // because this module is primarily intended for the browser and node
 // but it's also required in react native and similar environments sometimes
 // and we could have a special build just for that
@@ -2626,7 +2614,7 @@ if (!isBrowser) {
         cache = createCache({
           key: 'css'
         });
-        return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {
+        return /*#__PURE__*/createElement(EmotionCacheContext.Provider, {
           value: cache
         }, func(props, cache));
       } else {
@@ -2636,12 +2624,24 @@ if (!isBrowser) {
   };
 }
 
-var ThemeContext = /* #__PURE__ */React.createContext({});
+var ThemeContext = /* #__PURE__ */createContext({});
 
 if (process.env.NODE_ENV !== 'production') {
   ThemeContext.displayName = 'EmotionThemeContext';
 }
 
+var isBrowser$1 = typeof document !== 'undefined';
+var useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : function useInsertionEffect(create) {
+  create();
+};
+function useInsertionEffectMaybe(create) {
+  if (!isBrowser$1) {
+    return create();
+  }
+
+  useInsertionEffect(create);
+}
+
 var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
 var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
 
@@ -2650,7 +2650,7 @@ var Insertion = function Insertion(_ref) {
       serialized = _ref.serialized,
       isStringTag = _ref.isStringTag;
   registerStyles(cache, serialized, isStringTag);
-  var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
+  var rules = useInsertionEffectMaybe(function () {
     return insertStyles(cache, serialized, isStringTag);
   });
 
@@ -2665,7 +2665,7 @@ var Insertion = function Insertion(_ref) {
       next = next.next;
     }
 
-    return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
+    return /*#__PURE__*/createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
       __html: rules
     }, _ref2.nonce = cache.sheet.nonce, _ref2));
   }
@@ -2692,7 +2692,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
     className = props.className + " ";
   }
 
-  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
+  var serialized = serializeStyles(registeredStyles, undefined, useContext(ThemeContext));
 
   if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {
     var labelFromStack = props[labelPropName];
@@ -2713,11 +2713,11 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
 
   newProps.ref = ref;
   newProps.className = className;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
+  return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Insertion, {
     cache: cache,
     serialized: serialized,
     isStringTag: typeof WrappedComponent === 'string'
-  }), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
+  }), /*#__PURE__*/createElement(WrappedComponent, newProps));
 });
 
 if (process.env.NODE_ENV !== 'production') {
@@ -3124,9 +3124,13 @@ var CollapsableMenu = function (_a) {
 };
 
 var TooltipMenuItem = function (_a) {
-    var children = _a.children, tooltipText = _a.tooltipText, disabled = _a.disabled, props = __rest$1(_a, ["children", "tooltipText", "disabled"]);
+    var children = _a.children, tooltipText = _a.tooltipText, 
+    //disabled,
+    props = __rest$1(_a, ["children", "tooltipText"]);
     return (React__default.createElement(Tooltip, { title: tooltipText },
-        React__default.createElement(MenuItem, __assign({ role: "menuitem", disabled: disabled, sx: { pointerEvents: 'inherit !important' } }, props), children)));
+        React__default.createElement(MenuItem, __assign({ role: "menuitem", 
+            //disabled={disabled}
+            sx: { pointerEvents: 'inherit !important' } }, props), children)));
 };
 
 var useStyles$g = makeStyles()(function (_a, _b) {
@@ -3187,17 +3191,20 @@ var CollapsableMenuItem = function (_a) {
     var onStatusChange = useCallback$1(function (type) { return new CollapsableMenuStatusEvent(type, listItemRef); }, [listItemRef]);
     var expand = useCallback$1(function () {
         var event = onStatusChange('expand');
+        if (!event.defaultPrevented)
+            console.log('expand');
         !event.defaultPrevented && setOpen(true);
         return !event.defaultPrevented;
-    }, [onStatusChange, setOpen]);
+    }, [onStatusChange]);
     var collapse = useCallback$1(function () {
         var event = onStatusChange('collapse');
         if (!event.defaultPrevented) {
+            console.log('collapse');
             setOpen(false);
             requestAnimationFrame(function () { var _a; return (_a = listItemRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
         }
         return !event.defaultPrevented;
-    }, [onStatusChange, setOpen, listItemRef]);
+    }, [onStatusChange, listItemRef]);
     var handleKey = function (e) {
         if (items) {
             switch (e.keyCode) {
@@ -3210,11 +3217,19 @@ var CollapsableMenuItem = function (_a) {
             }
         }
     };
-    var onToggleClick = useCallback$1(function (e) {
+    // const onToggleClick = useCallback(
+    //   (e: React.MouseEvent) => {
+    //     e.preventDefault();
+    //     e.stopPropagation();
+    //     open ? collapse() : expand();
+    //   },
+    //   [open, collapse, expand],
+    // );
+    var onToggleClick = function (e) {
         e.preventDefault();
         e.stopPropagation();
         open ? collapse() : expand();
-    }, [open, collapse, expand]);
+    };
     var onScrimClick = useCallback$1(function (e) {
         var _a;
         var scrimClick = !((_a = listItemRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target));
@@ -3222,6 +3237,7 @@ var CollapsableMenuItem = function (_a) {
     }, [listItemRef, collapse]);
     var handleClick = items ? onToggleClick : onClick;
     useEffect(function () {
+        console.log('scrim');
         document.addEventListener('click', onScrimClick, { capture: true });
         return function () { return document.removeEventListener('click', onScrimClick); };
     }, [listItemRef, onScrimClick]);
@@ -3235,7 +3251,7 @@ 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(TooltipMenuItem, { sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, tooltipText: tooltipText, onMouseOver: function (e) { return e.currentTarget.focus(); }, selected: open, 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 +3267,36 @@ 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; }
+        if (parentDisabled === void 0) { parentDisabled = false; }
         // 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) {
+                    console.log('e.preventDefault()');
+                    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"),
+                    textDecoration: 'line-through',
+                    opacity: 0.5,
+                };
+            return (React__default.createElement(CollapsableMenuItem, __assign({ sx: itemOrParentDisabled && !children ? { cursor: 'not-allowed' } : {}, level: level, id: label, disabled: itemOrParentDisabled, 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) || {
@@ -4059,14 +4091,13 @@ var useStyles$7 = makeStyles()(function (theme) {
     });
 });
 
-var GDPR = function (_a) {
-    var children = _a.children;
+var GDPR = function (props) {
     var classes = useStyles$7().classes;
     return (React.createElement(Box, { className: classes.container },
         React.createElement(Info, { className: classes.icon }),
         React.createElement(Box, { className: classes.content },
             React.createElement(Typography, { className: classes.title }, "Personlig informasjon og personvern"),
-            React.createElement(Typography, { className: classes.body }, children))));
+            React.createElement(Typography, { className: classes.body }, props.children))));
 };
 
 var GrepInput = function (_a) {
@@ -4839,7 +4870,7 @@ function invariant$1(condition, message) {
         throw new Error(prefix$2);
     }
     var provided = typeof message === 'function' ? message() : message;
-    var value = provided ? "".concat(prefix$2, ": ").concat(provided) : prefix$2;
+    var value = provided ? prefix$2 + ": " + provided : prefix$2;
     throw new Error(value);
 }
 
@@ -10505,8 +10536,8 @@ function useHiddenTextElement(_ref2) {
 var AppContext = React__default.createContext(null);
 
 var peerDependencies = {
-	react: "^16.8.5 || ^17.0.0 || ^18.0.0",
-	"react-dom": "^16.8.5 || ^17.0.0 || ^18.0.0"
+	react: "^16.8.5 || ^17.0.0",
+	"react-dom": "^16.8.5 || ^17.0.0"
 };
 
 var semver = /(\d+)\.(\d+)\.(\d+)/;