grep-components 1.15.0-grepf-1697.7 → 1.15.0

package/dist/components/DropdownMenu/components/tooltip-menu-item.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MenuItemProps } from '@mui/material';
-declare type Props = Pick<MenuItemProps, 'className' | 'onMouseOver'> & {
+declare type Props = MenuItemProps & {
     tooltipText: string;
 };
 export declare const TooltipMenuItem: React.FC<Props>;

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

@@ -6,9 +6,6 @@ export interface FooterItem {
 }
 interface FooterProps {
     items: FooterItem[];
-    serviceNameText: string;
-    udirLink: string;
-    udirLogo: string;
 }
 declare const _default: React.ComponentType<FooterProps>;
 export default _default;

package/dist/components/Footer/styles/index.d.ts

@@ -4,7 +4,7 @@ export declare const useFooterStyles: (params: void, styleOverrides?: {
     } & Record<string, unknown>;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
-    classes: Record<"footer" | "content" | "serviceNameText" | "list" | "item" | "itemText" | "itemBtn", string>;
+    classes: Record<"footer" | "list" | "item" | "itemText" | "itemBtn", string>;
     theme: import("@mui/material").Theme;
     css: import("tss-react").Css;
     cx: import("tss-react").Cx;

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

@@ -4237,10 +4237,10 @@ var CollapsableMenu = function (_a) {
 };
 
 var TooltipMenuItem = function (_a) {
-    var children = _a.children, tooltipText = _a.tooltipText, props = __rest$1(_a, ["children", "tooltipText"]);
+    var children = _a.children, tooltipText = _a.tooltipText, disabled = _a.disabled, props = __rest$1(_a, ["children", "tooltipText", "disabled"]);
     return (React__default.createElement(Tooltip, { title: tooltipText },
         React__default.createElement("span", null,
-            React__default.createElement(MenuItem, __assign({ disabled: true }, props), children))));
+            React__default.createElement(MenuItem, __assign({ role: "menuitem", disabled: disabled }, props), children))));
 };
 
 var useStyles$g = makeStyles()(function (_a, _b) {
@@ -4295,7 +4295,7 @@ var CollapsableMenuStatusEvent = /** @class */ (function () {
     return CollapsableMenuStatusEvent;
 }());
 var CollapsableMenuItem = function (_a) {
-    var items = _a.items, onClick = _a.onClick, children = _a.children; _a.onClose; var tooltipText = _a.tooltipText, props = __rest$1(_a, ["items", "onClick", "children", "onClose", "tooltipText"]);
+    var items = _a.items, onClick = _a.onClick, children = _a.children; _a.onClose; var tooltipText = _a.tooltipText, disabled = _a.disabled, props = __rest$1(_a, ["items", "onClick", "children", "onClose", "tooltipText", "disabled"]);
     var listItemRef = useRef(null);
     var _b = __read(useState(false), 2), open = _b[0], setOpen = _b[1];
     var onStatusChange = useCallback$1(function (type) { return new CollapsableMenuStatusEvent(type, listItemRef); }, [listItemRef]);
@@ -4349,7 +4349,7 @@ var CollapsableMenuItem = function (_a) {
                     return window.dispatchEvent(new Event('resize'));
                 });
             } }, items)))); };
-    return !!tooltipText && props.disabled ? (React__default.createElement(TooltipMenuItem, { className: classes.root, tooltipText: tooltipText, onMouseOver: function (e) { return e.currentTarget.focus(); } }, renderInner())) : (React__default.createElement(MenuItem, __assign({ className: classes.root, ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey }, props), renderInner()));
+    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, onClick: handleClick, onKeyDown: handleKey }, props), renderInner()));
 };
 
 var useStyles$f = makeStyles()(function (_a) {
@@ -4391,7 +4391,7 @@ var DropdownMenu = function (_a) {
 };
 
 var useFooterStyles = makeStyles()(function (theme) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     return ({
         footer: (_a = {
                 bottom: 0,
@@ -4401,81 +4401,48 @@ var useFooterStyles = makeStyles()(function (theme) {
                 alignItems: 'center',
                 backgroundColor: theme.palette.primary.main
             },
-            _a[theme.breakpoints.down('md')] = {
+            _a[theme.breakpoints.down('lg')] = {
                 minHeight: 'unset',
             },
             _a[theme.breakpoints.up('md')] = {
-                minHeight: '100px',
+                minHeight: 50,
             },
-            _a.fontFamily = 'Montserrat',
-            _a.fontWeight = 600,
-            _a.fontSize = '14px',
             _a),
-        content: (_b = {
+        list: (_b = {
                 display: 'flex',
-                width: '100%'
+                justifyContent: 'center'
             },
-            _b[theme.breakpoints.down('md')] = {
+            _b[theme.breakpoints.down('lg')] = {
                 flexDirection: 'column',
-                padding: '0',
-                a: {
-                    width: '150px',
-                    margin: '40px auto 40px auto',
-                },
             },
             _b[theme.breakpoints.up('md')] = {
                 flexDirection: 'row',
-                padding: '0 12px 0 12px',
-                a: {
-                    marginLeft: '28px',
-                },
             },
             _b),
-        serviceNameText: (_c = {
-                color: Colors.white,
-                textAlign: 'center',
-                display: 'block'
-            },
-            _c[theme.breakpoints.down('md')] = {
-                marginBottom: '30px',
-            },
-            _c),
-        list: (_d = {
-                display: 'flex',
-                flexDirection: 'row',
-                justifyContent: 'center'
-            },
-            _d[theme.breakpoints.down('md')] = {
-                marginBottom: '40px',
-                flexWrap: 'wrap',
-                height: '64px',
-            },
-            _d),
-        item: (_e = {
+        item: (_c = {
                 color: Colors.white,
                 width: 'fit-content',
-                margin: '0',
-                height: '10px',
-                gap: '10px',
-                borderRight: "1px solid ".concat(theme.palette.divider)
+                height: '10px'
             },
-            _e[theme.breakpoints.down('md')] = {
+            _c[theme.breakpoints.down('lg')] = {
+                margin: '0 auto',
                 textAlign: 'center',
-                width: 'filter-content',
+                height: 'min-content',
             },
-            _e['&:last-child'] = {
+            _c[theme.breakpoints.up('md')] = {
+                margin: '0',
+                borderRight: '1px solid',
+                height: '0',
+            },
+            _c['&:last-child'] = {
                 border: '0 !important',
             },
-            _e),
+            _c),
         itemText: {
             padding: 0,
             margin: '0 auto',
-            fontFamily: 'Montserrat',
-            fontWeight: 400,
-            fontSize: '14px',
         },
         itemBtn: {
-            textDecoration: 'underline',
             '&:hover': {
                 backgroundColor: 'unset',
             },
@@ -4484,28 +4451,18 @@ var useFooterStyles = makeStyles()(function (theme) {
 });
 
 var Footer = function (_a) {
-    var items = _a.items, serviceNameText = _a.serviceNameText, udirLink = _a.udirLink, udirLogo = _a.udirLogo;
+    var items = _a.items;
     var classes = useFooterStyles().classes;
-    var renderItem = function (text) { return (React__default.createElement(ListItemText, { className: classes.itemText, primary: text, primaryTypographyProps: {
-            style: { fontSize: 14, fontFamily: 'Montserrat', fontWeight: 400 },
-        } })); };
-    return (React__default.createElement(Box, { className: classes.footer },
-        React__default.createElement(Box, { className: classes.content },
-            React__default.createElement("a", { href: udirLink },
-                React__default.createElement("img", { src: udirLogo, alt: "Utdanningsdirektoratet logo", style: { height: '43px', width: '150px' } })),
-            React__default.createElement(Container, { sx: {
-                    maxWidth: '100% !important',
-                    paddingLeft: '16px !important',
-                    paddingRight: '16px !important',
-                } },
-                React__default.createElement("span", { className: classes.serviceNameText }, serviceNameText),
-                React__default.createElement(List, { className: classes.list }, items.map(function (_a, i) {
-                    var label = _a.label, render = _a.render, onClickItem = _a.onClickItem;
-                    return (React__default.createElement(ListItem, { key: i, classes: {
-                            root: classes.item,
-                            button: onClickItem ? classes.itemBtn : undefined,
-                        }, onClick: onClickItem, button: !!onClickItem }, render ? render(function () { return renderItem(label); }) : renderItem(label)));
-                }))))));
+    var renderItem = function (text) { return (React__default.createElement(ListItemText, { className: classes.itemText, primary: text, primaryTypographyProps: { style: { fontSize: 14 } } })); };
+    return (React__default.createElement("div", { className: classes.footer },
+        React__default.createElement(Container, null,
+            React__default.createElement(List, { className: classes.list }, items.map(function (_a, i) {
+                var label = _a.label, render = _a.render, onClickItem = _a.onClickItem;
+                return (React__default.createElement(ListItem, { key: i, classes: {
+                        root: classes.item,
+                        button: onClickItem ? classes.itemBtn : undefined,
+                    }, onClick: onClickItem, button: !!onClickItem }, render ? render(function () { return renderItem(label); }) : renderItem(label)));
+            })))));
 };
 
 var LinkList = function (props) { return (React.createElement(Box, { width: "100%", flexDirection: "column" },
@@ -22670,7 +22627,5 @@ var GrepTableOfContent = function (_a) {
 };
 GrepTableOfContent.displayName = 'Grep.ToC';
 
-var utdanningsdirektoratetLogoRgbNeg = "41017f048e09b7d9.png";
-
-export { AppBar, AppBarNavList, AppBarProfile, BodyLayout, CircularLoading, Colors, ConfirmationServiceProvider, ContainedLinkList, DatePicker, DropdownMenu, EditorContext, 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, UpdateStyle, index as Utils, convert2html, convert2txt, convertToRgba, createState, filterElements as filterContentElements, hex2rgb, hex2rgba, makeStyles, parseContent, parseContentState, useConfirmation, useContentElements, useDate, useDebounce, useGrepDialog, useStyles$d as useStyles, withStyles };
+export { AppBar, AppBarNavList, AppBarProfile, BodyLayout, CircularLoading, Colors, ConfirmationServiceProvider, ContainedLinkList, DatePicker, DropdownMenu, EditorContext, 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, UpdateStyle, index as Utils, convert2html, convert2txt, convertToRgba, createState, filterElements as filterContentElements, hex2rgb, hex2rgba, makeStyles, parseContent, parseContentState, useConfirmation, useContentElements, useDate, useDebounce, useGrepDialog, useStyles$d as useStyles, withStyles };
 //# sourceMappingURL=index.js.map