grep-components 1.17.2 → 1.17.3-grepf-1802.1

package/dist/index.js

@@ -4451,9 +4451,11 @@ var useFooterStyles = makeStyles()(function (theme) {
             fontFamily: 'Montserrat',
             fontWeight: 400,
             fontSize: '14px',
+            color: Colors.white,
         },
         itemBtn: {
             textDecoration: 'underline',
+            textTransform: 'none',
             '&:hover': {
                 backgroundColor: 'unset',
             },
@@ -4464,9 +4466,11 @@ 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 (text) { return (React__default.createElement(ListItemText, { className: classes.itemText, primary: text, primaryTypographyProps: {
-            style: { fontSize: 14, fontFamily: 'Montserrat', fontWeight: 400 },
-        } })); };
+    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 },
+            } }));
+    };
     return (React__default.createElement(Box, { className: classes.footer },
         React__default.createElement(Box, { className: classes.content },
             React__default.createElement("a", { href: udirLink },
@@ -4477,13 +4481,12 @@ 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 (_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)));
-                }))))));
+                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))); }))))));
 };
 
 var LinkList = function (props) { return (React.createElement(Box, { width: "100%", flexDirection: "column" },