@superdispatch/ui-lab 0.21.8 → 0.21.11

package/dist-web/index.js

@@ -7,7 +7,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { CSSTransition } from 'react-transition-group';
-import { ButtonBase, Typography, CircularProgress, SvgIcon, Link, Tooltip, IconButton, BottomNavigation, BottomNavigationAction, AccordionSummary, Accordion, useTheme, useMediaQuery, Drawer, Avatar, MenuItem, Menu as Menu$1, Toolbar, AppBar, Divider as Divider$1, Checkbox } from '@material-ui/core';
+import { ButtonBase, Typography, CircularProgress, SvgIcon, Link, Tooltip, IconButton, BottomNavigation, BottomNavigationAction, Accordion, AccordionSummary, useTheme, useMediaQuery, Drawer, Avatar, MenuItem, Menu as Menu$1, Toolbar, AppBar, Divider as Divider$1, Checkbox } from '@material-ui/core';
 import { mdiUpload, mdiFilePdfBox, mdiTextBox } from '@mdi/js';
 import Dropzone from 'react-dropzone';
 import { Anchorme } from 'react-anchorme';
@@ -1069,6 +1069,7 @@ function useNavbarContext() {
   return useContext(NavbarContext);
 }
 
+var _excluded$7 = ["active", "hasBadge"];
 var StyledBottomNavigation = /*#__PURE__*/styled(BottomNavigation).withConfig({
   displayName: "NavbarBottomBar__StyledBottomNavigation",
   componentId: "SD__sc-9z6v3k-0"
@@ -1107,12 +1108,20 @@ function NavbarBottomBar(_ref) {
         }
       }
     },
-    children: [items.map(item => /*#__PURE__*/createElement(StyledBottomNavigationAction, _objectSpread(_objectSpread({}, item), {}, {
-      key: item.value,
-      icon: item.hasBadge ? /*#__PURE__*/jsxs(IconWrapper, {
-        children: [/*#__PURE__*/jsx(IconLabel, {}), item.icon]
-      }) : item.icon
-    }))), /*#__PURE__*/jsx(StyledBottomNavigationAction, {
+    children: [items.map(_ref2 => {
+      var {
+        active,
+        hasBadge
+      } = _ref2,
+          item = _objectWithoutProperties(_ref2, _excluded$7);
+
+      return /*#__PURE__*/createElement(StyledBottomNavigationAction, _objectSpread(_objectSpread({}, item), {}, {
+        key: item.value,
+        icon: hasBadge ? /*#__PURE__*/jsxs(IconWrapper, {
+          children: [/*#__PURE__*/jsx(IconLabel, {}), item.icon]
+        }) : item.icon
+      }));
+    }), /*#__PURE__*/jsx(StyledBottomNavigationAction, {
       value: "menu",
       label: "Menu",
       icon: hasMenuBadge ? /*#__PURE__*/jsxs(IconWrapper, {
@@ -1183,12 +1192,7 @@ var NavbarAccordionLabel = /*#__PURE__*/styled.span.withConfig({
 var NavbarAccordionRoot = /*#__PURE__*/styled(Accordion).withConfig({
   displayName: "NavbarAccordion__NavbarAccordionRoot",
   componentId: "SD__sc-1s7g3kw-1"
-})(_ref => {
-  var {
-    gutter
-  } = _ref;
-  return css(["width:100%;color:#c2c4c9;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;outline:none;cursor:pointer;background-color:#1b2638;margin-top:", ";&[aria-current]{background-color:#2f394a;color:", ";}&.MuiAccordion-root:before{background-color:#1b2638;}&.MuiPaper-elevation0{border:0px;}&.MuiAccordion-root.Mui-expanded{margin-top:", ";}"], gutter ? '16px' : '0', Color.White, gutter ? '16px' : '0');
-});
+})(["width:100%;color:#c2c4c9;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;outline:none;cursor:pointer;background-color:#1b2638;&[aria-current]{background-color:#2f394a;color:", ";}&.MuiAccordion-root:before{background-color:#1b2638;}&.MuiPaper-elevation0{border:0px;}&[data-gutter]{margin-top:16px;}&[data-gutter].MuiAccordion-root.Mui-expanded{margin-top:16px;}"], Color.White);
 var NavbarAccordionSummary = /*#__PURE__*/styled(AccordionSummary).withConfig({
   displayName: "NavbarAccordion__NavbarAccordionSummary",
   componentId: "SD__sc-1s7g3kw-2"
@@ -1197,14 +1201,14 @@ var IconWrapper$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "NavbarAccordion__IconWrapper",
   componentId: "SD__sc-1s7g3kw-3"
 })(["width:24px;margin-right:8px;& svg{font-size:24px;}"]);
-function NavbarAccordion(_ref2) {
+function NavbarAccordion(_ref) {
   var {
     label,
     icon,
     gutter,
     items,
     onClick: _onClick
-  } = _ref2;
+  } = _ref;
   var uid = useUID();
   var {
     setDrawerOpen,
@@ -1217,7 +1221,7 @@ function NavbarAccordion(_ref2) {
   }, [isNavbarExpanded]);
   return /*#__PURE__*/jsxs(NavbarAccordionRoot, {
     square: true,
-    gutter: !!gutter,
+    "data-gutter": !gutter,
     "aria-labelledby": uid,
     expanded: isExpanded,
     onClick: event => {
@@ -1465,7 +1469,7 @@ function Navbar(_ref) {
   });
 }
 
-var _excluded$7 = ["title", "subtitle", "children"];
+var _excluded$8 = ["title", "subtitle", "children"];
 var StyledTypography = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "NavbarAvatar__StyledTypography",
   componentId: "SD__sc-19q2zd0-0"
@@ -1476,7 +1480,7 @@ function NavbarAvatar(_ref) {
     subtitle,
     children
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$7);
+      props = _objectWithoutProperties(_ref, _excluded$8);
 
   var {
     isNavbarExpanded
@@ -1694,7 +1698,7 @@ var SidebarContainer = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") SidebarContainer.displayName = "SidebarContainer";
 
-var _excluded$8 = ["onClick", "children"];
+var _excluded$9 = ["onClick", "children"];
 function SidebarBackButton(_ref) {
   var {
     onClick: _onClick,
@@ -1702,7 +1706,7 @@ function SidebarBackButton(_ref) {
       fontSize: "small"
     })
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$8);
+      props = _objectWithoutProperties(_ref, _excluded$9);
 
   var isCollapsed = useCollapseBreakpoint('sm');
   var {