@elliemae/ds-left-navigation 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/configs/useLeftNavItems.js

@@ -2,24 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var exportedRelated_constants = require('../exported-related/constants.js');
+var constants = require('../exported-related/constants.js');
+require('@babel/runtime/helpers/jsx');
 require('@elliemae/ds-grid');
 require('styled-components');
 require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
-var notFocuseableItems = [exportedRelated_constants.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, exportedRelated_constants.ITEM_TYPES.LEFT_NAV_ITEM_SECTION]; // Walks the array of items
+require('react/jsx-runtime');
+require('@elliemae/ds-icons/ChevronSmallRight');
+require('@elliemae/ds-icons/Notifications');
+require('@elliemae/ds-icons/ExceptionsSmallFill');
+require('@elliemae/ds-icons/AlertsSmallFill');
+require('@elliemae/ds-icons/MessagesSmallFill');
+require('@elliemae/ds-icons/OpenWindow');
+
+const notFocuseableItems = [constants.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, constants.ITEM_TYPES.LEFT_NAV_ITEM_SECTION]; // Walks the array of items
 // Drilldowns are tree-like structures
 
-var walkItems = function walkItems(items, openedDrilldowns, callback) {
-  items.forEach(function (item) {
+const walkItems = (items, openedDrilldowns, callback) => {
+  items.forEach(item => {
     if (typeof item.type === 'string') {
       var _item$itemOpts$items, _item$itemOpts, _item$itemOpts2, _item$itemOpts$items2, _item$itemOpts3;
 
@@ -28,9 +30,9 @@ var walkItems = function walkItems(items, openedDrilldowns, callback) {
 
       callback(item.dsId); // If it's an opened uncontrolled drilldown
 
-      if (item.type === exportedRelated_constants.ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId)) walkItems((_item$itemOpts$items = (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : _item$itemOpts.items) !== null && _item$itemOpts$items !== void 0 ? _item$itemOpts$items : [], openedDrilldowns, callback); // If it's an opened controlled drilldown
+      if (item.type === constants.ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId)) walkItems((_item$itemOpts$items = (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : _item$itemOpts.items) !== null && _item$itemOpts$items !== void 0 ? _item$itemOpts$items : [], openedDrilldowns, callback); // If it's an opened controlled drilldown
 
-      if (item.type === exportedRelated_constants.ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && (_item$itemOpts2 = item.itemOpts) !== null && _item$itemOpts2 !== void 0 && _item$itemOpts2.isOpened) walkItems((_item$itemOpts$items2 = (_item$itemOpts3 = item.itemOpts) === null || _item$itemOpts3 === void 0 ? void 0 : _item$itemOpts3.items) !== null && _item$itemOpts$items2 !== void 0 ? _item$itemOpts$items2 : [], openedDrilldowns, callback);
+      if (item.type === constants.ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && (_item$itemOpts2 = item.itemOpts) !== null && _item$itemOpts2 !== void 0 && _item$itemOpts2.isOpened) walkItems((_item$itemOpts$items2 = (_item$itemOpts3 = item.itemOpts) === null || _item$itemOpts3 === void 0 ? void 0 : _item$itemOpts3.items) !== null && _item$itemOpts$items2 !== void 0 ? _item$itemOpts$items2 : [], openedDrilldowns, callback);
     } else {
       var _item$itemOpts4;
 
@@ -42,37 +44,37 @@ var walkItems = function walkItems(items, openedDrilldowns, callback) {
   });
 };
 
-var useLeftNavItems = function useLeftNavItems(props) {
-  var headerItem = props.headerItem,
-      bodyHeaderItem = props.bodyHeaderItem,
-      bodyItems = props.items,
-      openedDrilldowns = props.openedDrilldowns; // Place the header and body header items into the array of items
-
-  var items = React.useMemo(function () {
-    var itemsArray = _toConsumableArray__default['default'](bodyItems);
+const useLeftNavItems = props => {
+  const {
+    headerItem,
+    bodyHeaderItem,
+    items: bodyItems,
+    openedDrilldowns
+  } = props; // Place the header and body header items into the array of items
 
+  const items = React.useMemo(() => {
+    const itemsArray = [...bodyItems];
     if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);
     if (headerItem) itemsArray.unshift(headerItem);
     return itemsArray;
   }, [headerItem, bodyHeaderItem, bodyItems]);
-  var visibleItemsRefs = React.useRef({});
-  var visibleItems = React.useMemo(function () {
-    var visibleItemsArray = [];
-    walkItems(items, openedDrilldowns, function (dsId) {
+  const visibleItemsRefs = React.useRef({});
+  const visibleItems = React.useMemo(() => {
+    const visibleItemsArray = [];
+    walkItems(items, openedDrilldowns, dsId => {
       visibleItemsArray.push(dsId);
     });
-    visibleItemsArray.push(exportedRelated_constants.FOOTER_DS_ID);
+    visibleItemsArray.push(constants.FOOTER_DS_ID);
     return visibleItemsArray;
   }, [props]);
-  visibleItems.forEach(function (dsId) {
+  visibleItems.forEach(dsId => {
     if (!(dsId in visibleItemsRefs.current)) visibleItemsRefs.current[dsId] = /*#__PURE__*/React.createRef();
   });
   return {
-    visibleItems: visibleItems,
-    visibleItemsRefs: visibleItemsRefs
+    visibleItems,
+    visibleItemsRefs
   };
 };
 
-exports['default'] = useLeftNavItems;
+exports["default"] = useLeftNavItems;
 exports.useLeftNavItems = useLeftNavItems;
-//# sourceMappingURL=useLeftNavItems.js.map

package/cjs/configs/useLeftNavSmoothExpand.js

@@ -8,28 +8,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var useLeftNavSmoothExpand = function useLeftNavSmoothExpand(props, smoothExpandOpts) {
-  var expanded = props.expanded;
-  var expandedForAnimation = smoothExpandOpts.expandedForAnimation,
-      timeoutRef = smoothExpandOpts.timeoutRef,
-      setExpandedForAnimation = smoothExpandOpts.setExpandedForAnimation;
-  React__default['default'].useEffect(function () {
+const useLeftNavSmoothExpand = (props, smoothExpandOpts) => {
+  const {
+    expanded
+  } = props;
+  const {
+    expandedForAnimation,
+    timeoutRef,
+    setExpandedForAnimation
+  } = smoothExpandOpts;
+  React__default["default"].useEffect(() => {
     // If expanded changes, we need to smoothly transition to the non-expanded state
     // so we need to wait for 350ms
     if (!expanded && expandedForAnimation) {
       clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(function () {
-        return setExpandedForAnimation(false);
-      }, 350);
+      timeoutRef.current = setTimeout(() => setExpandedForAnimation(false), 350);
     } else if (expanded) setExpandedForAnimation(true);
   }, [expanded]);
-  React__default['default'].useEffect(function () {
-    return function () {
-      return clearTimeout(timeoutRef.current);
-    };
-  }, []);
+  React__default["default"].useEffect(() => () => clearTimeout(timeoutRef.current), []);
 };
 
-exports['default'] = useLeftNavSmoothExpand;
+exports["default"] = useLeftNavSmoothExpand;
 exports.useLeftNavSmoothExpand = useLeftNavSmoothExpand;
-//# sourceMappingURL=useLeftNavSmoothExpand.js.map

package/cjs/exported-related/ChevronItem/index.js

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
+var ChevronRight = require('@elliemae/ds-icons/ChevronSmallRight');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
 
-var ChevronItem = function ChevronItem(props) {
-  return /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallRight, _extends__default['default']({
-    size: "m",
-    color: ['brand-primary', 800]
-  }, props));
-};
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const ChevronItem = props => /*#__PURE__*/jsxRuntime.jsx(ChevronRight__default["default"], _objectSpread({
+  size: "m",
+  color: ['brand-primary', 800]
+}, props));
 
 exports.ChevronItem = ChevronItem;
-exports['default'] = ChevronItem;
-//# sourceMappingURL=index.js.map
+exports["default"] = ChevronItem;

package/cjs/exported-related/Icon/index.js

@@ -2,31 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
 var styled = require('styled-components');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var AugmentedIcon = function AugmentedIcon(Icon) {
-  return styled__default['default'](Icon).withConfig({
-    componentId: "sc-1eek2uh-0"
-  })(["cursor:pointer;outline:0;:focus,:active{outline:1px solid #1e79c2;}"]);
-};
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const AugmentedIcon = Icon => styled__default["default"](Icon).withConfig({
+  componentId: "sc-1eek2uh-0"
+})(["cursor:pointer;outline:0;:focus,:active{outline:1px solid #1e79c2;}"]);
 
-var Icon = function Icon(IconComponent) {
-  return function (props) {
-    var StyledComponent = AugmentedIcon(IconComponent);
-    return /*#__PURE__*/React__default['default'].createElement(StyledComponent, _extends__default['default']({
-      color: ['brand-primary', 800],
-      tabIndex: 0
-    }, props));
-  };
+const Icon = IconComponent => props => {
+  const StyledComponent = AugmentedIcon(IconComponent);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledComponent, _objectSpread({
+    color: ['brand-primary', 800],
+    tabIndex: 0
+  }, props));
 };
 
 exports.Icon = Icon;
-//# sourceMappingURL=index.js.map

package/cjs/exported-related/ItemRenderer/index.js

@@ -2,129 +2,128 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var Grid = require('@elliemae/ds-grid');
-var exportedRelated_ItemRenderer_styled = require('./styled.js');
+var styled = require('./styled.js');
 var LeftNavigationContext = require('../../LeftNavigationContext.js');
-var exportedRelated_ItemRenderer_usePropsWithDefaults = require('./usePropsWithDefaults.js');
-var hooks_useKeyboardNavigation = require('../../hooks/useKeyboardNavigation.js');
-require('styled-components');
-require('@babel/runtime/helpers/defineProperty');
-require('../constants.js');
+var usePropsWithDefaults = require('./usePropsWithDefaults.js');
+var useKeyboardNavigation = require('../../hooks/useKeyboardNavigation.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
-/* eslint-disable complexity */
-var ItemRenderer = function ItemRenderer(props) {
-  var propsWithDefault = exportedRelated_ItemRenderer_usePropsWithDefaults.usePropsWithDefaults(props);
-  var item = propsWithDefault.item,
-      _propsWithDefault$ite = propsWithDefault.item,
-      dsId = _propsWithDefault$ite.dsId,
-      _propsWithDefault$ite2 = _propsWithDefault$ite.itemOpts,
-      selectable = _propsWithDefault$ite2.selectable,
-      focuseable = _propsWithDefault$ite2.focuseable,
-      indent = _propsWithDefault$ite2.indent,
-      ariaLabel = _propsWithDefault$ite2.ariaLabel,
-      ariaRole = _propsWithDefault$ite2.ariaRole,
-      ariaLive = _propsWithDefault$ite2.ariaLive,
-      ariaExpanded = _propsWithDefault$ite2.ariaExpanded,
-      ariaDescribedBy = _propsWithDefault$ite2.ariaDescribedBy,
-      CollapsedComponent = _propsWithDefault$ite.CollapsedComponent,
-      subitems = propsWithDefault.subitems,
-      minHeight = propsWithDefault.minHeight,
-      paddingTop = propsWithDefault.paddingTop,
-      onClick = propsWithDefault.onClick,
-      shadowStyle = propsWithDefault.shadowStyle,
-      hasBorderBottom = propsWithDefault.hasBorderBottom,
-      borderBottomMr = propsWithDefault.borderBottomMr,
-      children = propsWithDefault.children;
-  var ctx = React.useContext(LeftNavigationContext.LeftNavContext);
-  var _ctx$leftNavProps = ctx.leftNavProps,
-      onItemClick = _ctx$leftNavProps.onItemClick,
-      openedItem = _ctx$leftNavProps.openedItem,
-      expandedForAnimation = ctx.expandedForAnimation,
-      focusedByKey = ctx.focusedByKey,
-      selectedItem = ctx.selectedItem,
-      setSelectedItem = ctx.setSelectedItem,
-      focusedItem = ctx.focusedItem,
-      setFocusedItem = ctx.setFocusedItem,
-      visibleItemsRefs = ctx.visibleItemsRefs;
-  var opened = dsId === openedItem;
-  var handleOnClick = React.useCallback(function (e) {
+const ItemRenderer = props => {
+  const propsWithDefault = usePropsWithDefaults.usePropsWithDefaults(props);
+  const {
+    item,
+    item: {
+      dsId,
+      itemOpts: {
+        selectable,
+        focuseable,
+        indent,
+        ariaLabel,
+        ariaRole,
+        ariaLive,
+        ariaExpanded,
+        ariaDescribedBy
+      },
+      CollapsedComponent
+    },
+    subitems,
+    minHeight,
+    paddingTop,
+    onClick,
+    shadowStyle,
+    hasBorderBottom,
+    borderBottomMr,
+    children
+  } = propsWithDefault;
+  const ctx = React.useContext(LeftNavigationContext.LeftNavContext);
+  const {
+    leftNavProps: {
+      onItemClick,
+      openedItem
+    },
+    expandedForAnimation,
+    focusedByKey,
+    selectedItem,
+    setSelectedItem,
+    focusedItem,
+    setFocusedItem,
+    visibleItemsRefs
+  } = ctx;
+  const opened = dsId === openedItem;
+  const handleOnClick = React.useCallback(e => {
     if (onClick) onClick(); // used by uncontrolled drilldowns
 
     onItemClick(item, e);
     if (selectable) setSelectedItem(item.dsId);
   }, [onItemClick, item, setSelectedItem, selectable, onClick]);
-  var handleFocus = React.useCallback(function () {
+  const handleFocus = React.useCallback(() => {
     if (focuseable) setFocusedItem(dsId);
   }, [dsId, setFocusedItem, focuseable]);
-  var onKeyDown = hooks_useKeyboardNavigation.useKeyboardNavigation({
-    item: item,
+  const onKeyDown = useKeyboardNavigation.useKeyboardNavigation({
+    item,
     onClick: handleOnClick
   });
-  var cols = React.useMemo(function () {
-    return expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px'];
-  }, [expandedForAnimation]);
-  var isSelected = React.useMemo(function () {
-    return selectedItem === dsId;
-  }, [selectedItem, dsId]);
-  var isFocused = React.useMemo(function () {
-    return focusedItem === dsId;
-  }, [focusedItem, dsId]);
+  const cols = React.useMemo(() => expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px'], [expandedForAnimation]);
+  const isSelected = React.useMemo(() => selectedItem === dsId, [selectedItem, dsId]);
+  const isFocused = React.useMemo(() => focusedItem === dsId, [focusedItem, dsId]);
 
   if (!expandedForAnimation && !CollapsedComponent) {
     return null;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(exportedRelated_ItemRenderer_styled.StyledItemWrapper, {
-    shadowStyle: shadowStyle,
-    "data-testid": "leftnav-item-wrapper"
-  }, /*#__PURE__*/React__default['default'].createElement(exportedRelated_ItemRenderer_styled.StyledItem, {
-    ref: visibleItemsRefs.current[dsId],
-    pt: paddingTop,
-    pl: indent === undefined ? 'xxxs' : "".concat(indent, "px"),
-    minHeight: minHeight,
-    shadowStyle: shadowStyle,
-    alignItems: "flex-start",
-    cols: cols,
-    onClick: !opened ? handleOnClick : function () {
-      return null;
-    },
-    onKeyDown: onKeyDown,
-    selectable: selectable,
-    selected: isSelected,
-    opened: opened,
-    focused: isFocused,
-    focusedByKey: focusedByKey,
-    onFocus: handleFocus,
-    "data-testid": "leftnav-item-container",
-    tabIndex: focuseable ? 0 : -1,
-    "aria-describedby": ariaDescribedBy,
-    "aria-expanded": ariaExpanded,
-    role: ariaRole,
-    "aria-label": ariaLabel,
-    "aria-hidden": !focuseable,
-    "aria-live": ariaLive
-  }, !expandedForAnimation ? /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
-    "data-testid": "leftnav-leftcomponent",
-    justifyContent: "center"
-  }, /*#__PURE__*/React__default['default'].createElement(CollapsedComponent, {
-    item: item,
-    ctx: ctx
-  })) : children), hasBorderBottom && /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      marginLeft: opened ? '16px' : '0px',
-      marginRight: borderBottomMr,
-      height: '1px',
-      width: "calc(100% - ".concat(borderBottomMr, " - ").concat(opened ? '16px' : '0px', ")"),
-      backgroundColor: '#E0E3E8'
-    }
-  })), subitems);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.StyledItemWrapper, {
+      shadowStyle: shadowStyle,
+      "data-testid": "leftnav-item-wrapper"
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledItem, {
+      ref: visibleItemsRefs.current[dsId],
+      pt: paddingTop,
+      pl: indent === undefined ? 'xxxs' : "".concat(indent, "px"),
+      minHeight: minHeight,
+      shadowStyle: shadowStyle,
+      alignItems: "flex-start",
+      cols: cols,
+      onClick: !opened ? handleOnClick : () => null,
+      onKeyDown: onKeyDown,
+      selectable: selectable,
+      selected: isSelected,
+      opened: opened,
+      focused: isFocused,
+      focusedByKey: focusedByKey,
+      onFocus: handleFocus,
+      "data-testid": "leftnav-item-container",
+      tabIndex: focuseable ? 0 : -1,
+      "aria-describedby": ariaDescribedBy,
+      "aria-expanded": ariaExpanded,
+      role: ariaRole,
+      "aria-label": ariaLabel,
+      "aria-hidden": !focuseable,
+      "aria-live": ariaLive,
+      children: !expandedForAnimation ? /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
+        "data-testid": "leftnav-leftcomponent",
+        justifyContent: "center"
+      }, void 0, /*#__PURE__*/_jsx__default["default"](CollapsedComponent, {
+        item: item,
+        ctx: ctx
+      })) : children
+    }), hasBorderBottom && /*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        marginLeft: opened ? '16px' : '0px',
+        marginRight: borderBottomMr,
+        height: '1px',
+        width: "calc(100% - ".concat(borderBottomMr, " - ").concat(opened ? '16px' : '0px', ")"),
+        backgroundColor: '#E0E3E8'
+      }
+    })), subitems]
+  });
 };
 
 exports.ItemRenderer = ItemRenderer;
-//# sourceMappingURL=index.js.map

package/cjs/exported-related/ItemRenderer/styled.js

@@ -11,48 +11,38 @@ var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 /* eslint-disable indent */
-var StyledItemWrapper = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledItemWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-11wzgfh-0"
-})(["position:relative;", ""], function (props) {
-  return props.shadowStyle(props.theme);
-});
-
-var getItemBackground = function getItemBackground(_ref) {
-  var selectable = _ref.selectable,
-      opened = _ref.opened,
-      selected = _ref.selected,
-      theme = _ref.theme;
+})(["position:relative;", ""], props => props.shadowStyle(props.theme));
+
+const getItemBackground = ({
+  selectable,
+  opened,
+  selected,
+  theme
+}) => {
   if (!selectable) return 'white';
   if (selected && !opened) return theme.colors.brand[200];
   return theme.colors.neutral['000'];
 };
 
-var getItemHoverBackground = function getItemHoverBackground(_ref2) {
-  var selectable = _ref2.selectable,
-      opened = _ref2.opened,
-      selected = _ref2.selected,
-      theme = _ref2.theme;
+const getItemHoverBackground = ({
+  selectable,
+  opened,
+  selected,
+  theme
+}) => {
   if (!selectable) return 'white';
   if (selected && !opened) return theme.colors.brand[200];
   return theme.colors.neutral['080'];
 };
 
-var StyledItem = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledItem = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-11wzgfh-1"
-})(["cursor:", ";min-height:", ";background:", ";:hover{background:", ";}:active{background:", ";}", ";outline:none;", ""], function (props) {
-  return props.selectable && !props.opened ? 'pointer' : 'auto';
-}, function (props) {
-  return props.minHeight;
-}, getItemBackground, getItemHoverBackground, function (_ref3) {
-  var selectable = _ref3.selectable,
-      theme = _ref3.theme;
-  return selectable ? theme.colors.brand[200] : 'white';
-}, function (props) {
-  return props.shadowStyle(props.theme);
-}, function (props) {
-  return props.focused && props.focusedByKey ? "\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid ".concat(props.theme.colors.brand[600], ";\n        pointer-events: none;\n      }") : '';
-});
+})(["cursor:", ";min-height:", ";background:", ";:hover{background:", ";}:active{background:", ";}", ";outline:none;", ""], props => props.selectable && !props.opened ? 'pointer' : 'auto', props => props.minHeight, getItemBackground, getItemHoverBackground, ({
+  selectable,
+  theme
+}) => selectable ? theme.colors.brand[200] : 'white', props => props.shadowStyle(props.theme), props => props.focused && props.focusedByKey ? "\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid ".concat(props.theme.colors.brand[600], ";\n        pointer-events: none;\n      }") : '');
 
 exports.StyledItem = StyledItem;
 exports.StyledItemWrapper = StyledItemWrapper;
-//# sourceMappingURL=styled.js.map

package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js

@@ -11,8 +11,8 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var itemDefaultProps = {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const itemDefaultProps = {
   label: '',
   labelOverflow: 'truncate',
   selectable: true,
@@ -26,12 +26,10 @@ var itemDefaultProps = {
   ariaDescribedBy: undefined
 }; // Make use Item props with defaults
 
-var usePropsWithDefaults = function usePropsWithDefaults(props) {
-  var propsWithDefault = React.useMemo(function () {
-    var itemWithDefaults = _objectSpread(_objectSpread({
-      CollapsedComponent: function CollapsedComponent() {
-        return null;
-      }
+const usePropsWithDefaults = props => {
+  const propsWithDefault = React.useMemo(() => {
+    const itemWithDefaults = _objectSpread(_objectSpread({
+      CollapsedComponent: () => null
     }, props.item), {}, {
       itemOpts: _objectSpread(_objectSpread({}, itemDefaultProps), props.item.itemOpts)
     });
@@ -40,9 +38,7 @@ var usePropsWithDefaults = function usePropsWithDefaults(props) {
       minHeight: '48px',
       paddingTop: '12px',
       subitems: [],
-      shadowStyle: function shadowStyle() {
-        return 'box-shadow: inherit';
-      },
+      shadowStyle: () => 'box-shadow: inherit',
       hasBorderBottom: false,
       borderBottomMr: '0px'
     }, props), {}, {
@@ -53,4 +49,3 @@ var usePropsWithDefaults = function usePropsWithDefaults(props) {
 };
 
 exports.usePropsWithDefaults = usePropsWithDefaults;
-//# sourceMappingURL=usePropsWithDefaults.js.map