grep-components 1.17.3-grepf-1802.1 → 1.17.3-grepf-1874.1

package/dist/index.js

@@ -4327,7 +4327,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, 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, disabled: disabled, onClick: handleClick, onKeyDown: handleKey }, props), renderInner()));
 };
 
 var useStyles$f = makeStyles()(function (_a) {
@@ -4451,11 +4451,9 @@ var useFooterStyles = makeStyles()(function (theme) {
             fontFamily: 'Montserrat',
             fontWeight: 400,
             fontSize: '14px',
-            color: Colors.white,
         },
         itemBtn: {
             textDecoration: 'underline',
-            textTransform: 'none',
             '&:hover': {
                 backgroundColor: 'unset',
             },
@@ -4466,11 +4464,9 @@ var useFooterStyles = makeStyles()(function (theme) {
 var Footer = function (_a) {
     var items = _a.items, serviceNameText = _a.serviceNameText, udirLink = _a.udirLink, udirLogo = _a.udirLogo;
     var classes = useFooterStyles().classes;
-    var renderItem = function (item) {
-        return item.onClickItem ? (React__default.createElement(Button, { className: classes.itemBtn.concat(' ' + classes.itemText), onClick: item.onClickItem }, item.label)) : (React__default.createElement(ListItemText, { className: classes.itemText, primary: item.label, primaryTypographyProps: {
-                style: { fontSize: 14, fontFamily: 'Montserrat', fontWeight: 400 },
-            } }));
-    };
+    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 },
@@ -4481,12 +4477,13 @@ var Footer = function (_a) {
                     paddingRight: '16px !important',
                 } },
                 React__default.createElement("span", { className: classes.serviceNameText }, serviceNameText),
-                React__default.createElement(List, { className: classes.list }, items.map(function (item, i) { return (React__default.createElement(ListItem, { key: i, classes: {
-                        root: classes.item,
-                        //button: onClickItem ? classes.itemBtn : undefined,
-                    } }, item.render
-                    ? item.render(function () { return renderItem(item); })
-                    : renderItem(item))); }))))));
+                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" },