grep-components 1.27.0-GREPF-2165.1 → 1.27.0-GREPF-2104.1

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

@@ -4,6 +4,7 @@ export interface SidebarProps {
     currentPageId?: number;
     pages: NavigationProps[];
     onPageClick: (page: NavigationProps) => any;
+    expandAndClick?: boolean;
 }
-declare const Sidebar: ({ pages, onPageClick, currentPageId }: SidebarProps) => JSX.Element;
+declare const Sidebar: ({ pages, onPageClick, currentPageId, expandAndClick }: SidebarProps) => JSX.Element;
 export default Sidebar;

package/dist/components/Sidebar/stories/Sidebar.stories.d.ts

@@ -12,3 +12,9 @@ export declare const Standard: {
         name: string;
     };
 };
+export declare const ExpandAndClick: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/index.js

@@ -12,7 +12,7 @@ import { useTheme } from '@mui/material/styles';
 import { useHistory, NavLink, Prompt } from 'react-router-dom';
 import MenuIcon from '@mui/icons-material/Menu';
 import IconExpand from '@mui/icons-material/ExpandMore';
-import { ArrowForward, Info, ExpandMore, ExpandLess, Menu as Menu$1 } from '@mui/icons-material';
+import { ArrowForward, Info, ExpandLess, ExpandMore, Menu as Menu$1 } from '@mui/icons-material';
 import ListItemIcon$1 from '@mui/material/ListItemIcon';
 import MoreVert from '@mui/icons-material/MoreVert';
 import { useDispatch, connect, Provider as Provider$1, useSelector } from 'react-redux';
@@ -4727,7 +4727,7 @@ var useStyles$6 = makeStyles()(function (_a, _props, classes) {
 });
 
 var Sidebar = function (_a) {
-    var pages = _a.pages, onPageClick = _a.onPageClick, currentPageId = _a.currentPageId;
+    var pages = _a.pages, onPageClick = _a.onPageClick, currentPageId = _a.currentPageId, expandAndClick = _a.expandAndClick;
     var _b = __read(React.useState([]), 2), expanded = _b[0], setExpanded = _b[1];
     var classes = useStyles$6().classes;
     React.useEffect(function () {
@@ -4746,7 +4746,13 @@ var Sidebar = function (_a) {
         }
     };
     var handleClick = function (page) {
-        page.children ? toggleExpand(page.id) : onPageClick(page);
+        if (expandAndClick) {
+            toggleExpand(page.id);
+            onPageClick(page);
+        }
+        else {
+            page.children ? toggleExpand(page.id) : onPageClick(page);
+        }
     };
     var renderItem = function (page) { return (React.createElement(React.Fragment, null,
         page.linkIcon && (React.createElement(ListItemIcon, { className: classes.icon }, page.linkIcon)),
@@ -4757,7 +4763,7 @@ var Sidebar = function (_a) {
             return (React.createElement("div", { key: page.id },
                 React.createElement(ListItem$1, { key: page.id, tabIndex: 0, className: classes.item, onClick: function () { return handleClick(page); }, onKeyPress: keyboard.onActivation(function () { return handleClick(page); }) },
                     renderItem(page),
-                    page.children ? (expanded.includes(page.id) ? (React.createElement(ExpandMore, null)) : (React.createElement(ExpandLess, null))) : null),
+                    page.children ? (expanded.includes(page.id) ? (React.createElement(ExpandLess, null)) : (React.createElement(ExpandMore, null))) : null),
                 React.createElement(Collapse, { in: expanded.includes(page.id), timeout: "auto", unmountOnExit: true },
                     React.createElement(List$1, { disablePadding: true }, (_a = page.children) === null || _a === void 0 ? void 0 : _a.map(function (child) { return (React.createElement(ListItem$1, { key: child.id, style: { paddingLeft: '30px' }, tabIndex: 0, className: classes.item, onClick: function () { return handleClick(child); }, onKeyPress: keyboard.onActivation(function () { return handleClick(child); }) }, renderItem(child))); })))));
         }))));