grep-components 1.24.0-GREPF-2060.3 → 1.24.0-GREPF-2082.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/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/GrepTable/components/grep-table-cell.d.ts

@@ -6,6 +6,7 @@ export interface Properties<T> extends TableCellProps {
     column: TableColumn<T>;
     lines?: number;
     selected?: boolean;
+    expanded?: boolean;
 }
 declare type ComponentProperties<T> = PropsWithChildren<Properties<T>>;
 export declare type Component<T> = FunctionComponent<ComponentProperties<T>>;

package/dist/components/GrepTable/components/grep-table-row.d.ts

@@ -8,6 +8,7 @@ interface Properties<T> extends TableRowProps, Pick<TableCellProperties<T>, 'var
     clickable?: boolean;
     height?: number;
     underlineOnFocus?: boolean;
+    expanded?: boolean;
 }
 declare type Component<T> = React.FunctionComponent<Properties<T>>;
 export declare const GrepTableRow: Component<any>;

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') {
@@ -3478,8 +3478,8 @@ var CellValue = styled('span')({
     WebkitBoxOrient: 'vertical',
 });
 var GrepTableRow$1 = function (_a) {
-    var row = _a.row, column = _a.column, selected = _a.selected, props = __rest$1(_a, ["row", "column", "selected"]);
-    var forceTooltip = column.forceTooltip, getTooltip = column.getTooltip, getCell = column.getCell, lang = column.lang, _b = column.lines, lines = _b === void 0 ? function () { return (selected ? undefined : 1); } : _b;
+    var row = _a.row, column = _a.column, expanded = _a.expanded, props = __rest$1(_a, ["row", "column", "expanded"]);
+    var forceTooltip = column.forceTooltip, getTooltip = column.getTooltip, getCell = column.getCell, lang = column.lang, _b = column.lines, lines = _b === void 0 ? function () { return (expanded ? undefined : 1); } : _b;
     var padding = column.padding;
     var value = (React__default.createElement(CellValue, { style: { WebkitLineClamp: lines(row) }, lang: typeof lang === 'string' ? lang : lang ? lang(row) : '' }, getCell(row)));
     if (forceTooltip || getTooltip) {
@@ -3490,8 +3490,8 @@ var GrepTableRow$1 = function (_a) {
 };
 
 var GrepTableRow = function (_a) {
-    var row = _a.row, columns = _a.columns, selected = _a.selected, variant = _a.variant; _a.clickable; _a.height; var underlineOnFocus = _a.underlineOnFocus, props = __rest$1(_a, ["row", "columns", "selected", "variant", "clickable", "height", "underlineOnFocus"]);
-    var render = function (column, index) { return (React__default.createElement(GrepTableRow$1, __assign({ key: index }, { column: column, row: row, variant: variant, selected: selected }))); };
+    var row = _a.row, columns = _a.columns, selected = _a.selected, expanded = _a.expanded, variant = _a.variant; _a.clickable; _a.height; var underlineOnFocus = _a.underlineOnFocus, props = __rest$1(_a, ["row", "columns", "selected", "expanded", "variant", "clickable", "height", "underlineOnFocus"]);
+    var render = function (column, index) { return (React__default.createElement(GrepTableRow$1, __assign({ key: index, expanded: expanded }, { column: column, row: row, variant: variant, selected: selected }))); };
     return (React__default.createElement(TableRow, __assign({ sx: {
             ':focus': { textDecoration: underlineOnFocus ? 'underline' : 'none' },
         }, tabIndex: props.tabIndex }, __assign({ selected: selected }, props)), columns.map(render)));
@@ -3667,23 +3667,35 @@ var GrepTable = function (_a) {
     var _d = __read(React__default.useState(null), 2), menuAnchor = _d[0], setMenuAnchor = _d[1];
     var _e = __read(React__default.useState(0), 2), currentPage = _e[0], _setCurrentPage = _e[1];
     var _f = __read(React__default.useState(), 2), selectedRowIndex = _f[0], _setSelectedRowIndex = _f[1];
-    var _g = __read(React__default.useState(), 2), dropdownContext = _g[0], setDropdownContext = _g[1];
+    var _g = __read(React__default.useState(), 2), expandedRowIndex = _g[0], _setExpandedRowIndex = _g[1];
+    var _h = __read(React__default.useState(), 2), dropdownContext = _h[0], setDropdownContext = _h[1];
     var selectedRow = data[selectedRowIndex] || null;
-    var setCurrentPage = useCallback$1(function (index, rowIndex) {
+    var setCurrentPage = useCallback$1(function (index, rowIndex, shouldExpand) {
         index = pagination && index >= 0 ? index : 0;
         _setCurrentPage(index);
         _setSelectedRowIndex(rowIndex);
-    }, [_setCurrentPage, _setSelectedRowIndex, rowsPerPage, pagination]);
-    var setSelectedRowIndex = function (index) {
+        if (shouldExpand) {
+            _setExpandedRowIndex(rowIndex);
+        }
+    }, [
+        _setCurrentPage,
+        _setSelectedRowIndex,
+        _setExpandedRowIndex,
+        rowsPerPage,
+        pagination,
+    ]);
+    var setSelectedRowIndex = function (index, shouldExpand) {
+        if (shouldExpand === void 0) { shouldExpand = true; }
         var hasIndexChanged = index === selectedRowIndex;
         var pageIndex = Math.floor(index / rowsPerPage);
-        setCurrentPage(pageIndex, index);
+        setCurrentPage(pageIndex, index, shouldExpand);
         if (hasIndexChanged && onSelectedRowChange) {
             onSelectedRowChange(data[index]);
         }
     };
-    var setSelectedElement = function (el) {
-        return setSelectedRowIndex(getElementIndex(el));
+    var setSelectedElement = function (el, shouldExpand) {
+        if (shouldExpand === void 0) { shouldExpand = true; }
+        setSelectedRowIndex(getElementIndex(el), shouldExpand);
     };
     var tableRef = React__default.useRef(null);
     // focus selected row first tabable item
@@ -3751,15 +3763,22 @@ var GrepTable = function (_a) {
         var clickableRows = !!onRowClick;
         var disabled = isRowDisabled && isRowDisabled(row);
         var rowIndex = index + currentPage * rowsPerPage;
-        return (React__default.createElement(GrepTableRow, { key: rowIndex, "data-index": rowIndex, tabIndex: rowTabIndex !== null && rowTabIndex !== void 0 ? rowTabIndex : 0, hover: clickableRows, selected: rowIndex === selectedRowIndex, clickable: clickableRows, onMouseDown: function (_a) {
-                var currentTarget = _a.currentTarget;
-                setSelectedElement(currentTarget);
-                if (!disableSelectOnClick) {
-                    _handleRowClick(row);
+        return (React__default.createElement(GrepTableRow, { key: rowIndex, "data-index": rowIndex, tabIndex: rowTabIndex !== null && rowTabIndex !== void 0 ? rowTabIndex : 0, hover: clickableRows, selected: rowIndex === selectedRowIndex, expanded: rowIndex === expandedRowIndex, clickable: clickableRows, onMouseDown: function (e) {
+                if (e.target.type === 'checkbox') {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setSelectedElement(e.currentTarget, false);
+                }
+                else {
+                    setSelectedElement(e.currentTarget);
+                    if (!disableSelectOnClick) {
+                        _handleRowClick(row);
+                    }
+                }
+            }, columns: rowColumns, row: row, style: { cursor: clickableRows && !disabled ? 'pointer' : '' }, onFocus: function (e) {
+                if (selectedRowIndex !== rowIndex) {
+                    setSelectedElement(e.currentTarget);
                 }
-            }, columns: rowColumns, row: row, style: { cursor: clickableRows && !disabled ? 'pointer' : '' }, onFocus: function (_a) {
-                var currentTarget = _a.currentTarget;
-                return setSelectedElement(currentTarget);
             }, underlineOnFocus: underlineOnFocus }));
     };
     var onKey = function (e) {
@@ -4059,14 +4078,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 +4857,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 +10523,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+)/;