@elliemae/ds-left-navigation 1.60.0 → 2.0.0-alpha.12

package/cjs/LeftNavigation.js

@@ -2,73 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var propTypes = require('./prop-types.js');
 var LeftNavigationContext = require('./LeftNavigationContext.js');
-var configs_useLeftNavConfig = require('./configs/useLeftNavConfig.js');
-var parts_LeftNavContent_index = require('./parts/LeftNavContent/index.js');
-require('./outOfTheBox/index.js');
-require('@babel/runtime/helpers/defineProperty');
-require('./exported-related/constants.js');
-require('@elliemae/ds-grid');
-require('styled-components');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons');
-require('./outOfTheBox/ItemControlledDrilldown/index.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./exported-related/ItemRenderer/index.js');
-require('./exported-related/ItemRenderer/styled.js');
-require('./exported-related/ItemRenderer/usePropsWithDefaults.js');
-require('./hooks/useKeyboardNavigation.js');
-require('./outOfTheBox/ItemControlledDrilldown/styled.js');
-require('./outOfTheBox/ItemSeparator/index.js');
-require('./outOfTheBox/ItemWithDate/index.js');
-require('./outOfTheBox/ItemWithDate/styled.js');
-require('./outOfTheBox/ItemTextLabel/index.js');
-require('./outOfTheBox/ItemTextLabel/styled.js');
-require('./outOfTheBox/ItemUncontrolledDrilldown/index.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('./outOfTheBox/ItemUncontrolledDrilldown/styled.js');
-require('./outOfTheBox/ItemHeader/index.js');
-require('./outOfTheBox/ItemHeader/styled.js');
-require('./outOfTheBox/ItemLink/index.js');
-require('./outOfTheBox/ItemLink/styled.js');
-require('./outOfTheBox/ItemSection/index.js');
-require('./outOfTheBox/ItemSection/styled.js');
-require('./outOfTheBox/ItemSubmenu/index.js');
-require('./outOfTheBox/ItemSubmenu/styled.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('./configs/useLeftNavItems.js');
-require('./configs/useLeftNavSmoothExpand.js');
-require('./hooks/useSelectFirstBodyItem.js');
-require('./parts/LeftNavFooterItem/index.js');
-require('./parts/LeftNavFooterItem/styled.js');
-require('./common/getItemBackgroundStyle.js');
-require('./common/getLeftBorderStyle.js');
-require('./parts/LeftNavContentWithScrollbar/index.js');
-require('overlayscrollbars/css/OverlayScrollbars.css');
-require('overlayscrollbars');
-require('./parts/OutOfTheBoxMapItem.js');
-require('./parts/LeftNavContent/styled.js');
-require('./parts/LeftNavLoading/index.js');
-require('@elliemae/ds-circular-progress-indicator');
+var useLeftNavConfig = require('./configs/useLeftNavConfig.js');
+var index = require('./parts/LeftNavContent/index.js');
 
 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 LeftNavigation = function LeftNavigation(props) {
-  var leftNavConfig = configs_useLeftNavConfig.useLeftNavConfig(props);
-  return /*#__PURE__*/React__default['default'].createElement(LeftNavigationContext.LeftNavContext.Provider, {
+var _LeftNavContent;
+const LeftNavigation = props => {
+  const leftNavConfig = useLeftNavConfig.useLeftNavConfig(props);
+  return /*#__PURE__*/_jsx__default["default"](LeftNavigationContext.LeftNavContext.Provider, {
     value: leftNavConfig
-  }, /*#__PURE__*/React__default['default'].createElement(parts_LeftNavContent_index, null));
+  }, void 0, _LeftNavContent || (_LeftNavContent = /*#__PURE__*/_jsx__default["default"](index, {})));
 };
-LeftNavigation.propTypes = propTypes.leftNavigationProps;
 LeftNavigation.defaultProps = LeftNavigationContext.defaultProps;
-var LeftNavigationWithSchema = reactDesc.describe(LeftNavigation).description('Left Navigation');
+const LeftNavigationWithSchema = reactDesc.describe(LeftNavigation).description('Left Navigation');
 LeftNavigationWithSchema.propTypes = propTypes.leftNavigationProps;
 
 exports.LeftNavigation = LeftNavigation;
 exports.LeftNavigationWithSchema = LeftNavigationWithSchema;
-//# sourceMappingURL=LeftNavigation.js.map

package/cjs/LeftNavigationContext.js

@@ -4,55 +4,38 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var defaultProps = {
+const defaultProps = {
   expandedWidth: '240px',
   tabIndex: 0,
   loading: false,
   expanded: false,
   openedItem: null,
   footerLabel: '',
-  onSelectedChange: function onSelectedChange() {
-    return null;
-  },
-  onFocusChange: function onFocusChange() {
-    return null;
-  },
-  onFooterExpand: function onFooterExpand() {
-    return null;
-  },
-  onFooterClose: function onFooterClose() {
-    return null;
-  },
+  onSelectedChange: () => null,
+  onFocusChange: () => null,
+  onFooterExpand: () => null,
+  onFooterClose: () => null,
   items: [],
   labelOverflow: 'wrap',
-  onItemClick: function onItemClick() {
-    return null;
-  }
+  onItemClick: () => null
 };
-var defaultContext = {
+const defaultContext = {
   leftNavProps: defaultProps,
   selectedItem: null,
-  setSelectedItem: function setSelectedItem() {
-    return null;
-  },
+  setSelectedItem: () => null,
   focusedItem: null,
-  setFocusedItem: function setFocusedItem() {
-    return null;
-  },
+  setFocusedItem: () => null,
   expandedForAnimation: true,
   openedDrilldowns: [],
-  setOpenedDrilldowns: function setOpenedDrilldowns() {
-    return null;
-  },
+  setOpenedDrilldowns: () => null,
   visibleItems: [],
   visibleItemsRefs: {
     current: {}
   }
 };
-var LeftNavContext = /*#__PURE__*/React.createContext(defaultContext);
+const LeftNavContext = /*#__PURE__*/React.createContext(defaultContext);
 
 exports.LeftNavContext = LeftNavContext;
-exports['default'] = LeftNavContext;
+exports["default"] = LeftNavContext;
 exports.defaultContext = defaultContext;
 exports.defaultProps = defaultProps;
-//# sourceMappingURL=LeftNavigationContext.js.map

package/cjs/common/getItemBackgroundStyle.js

@@ -2,14 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var commonItemBackgroundStyle = function commonItemBackgroundStyle(color, hoverColor, activeColor) {
-  return "\n\n  background: ".concat(color, ";\n\n  :hover {\n    background: ").concat(hoverColor, ";\n  }\n\n  :active {\n    background: ").concat(activeColor, ";\n  }\n");
-};
+const commonItemBackgroundStyle = (color, hoverColor, activeColor) => "\n\n  background: ".concat(color, ";\n\n  :hover {\n    background: ").concat(hoverColor, ";\n  }\n\n  :active {\n    background: ").concat(activeColor, ";\n  }\n");
 
-var getItemBackgroundStyle = function getItemBackgroundStyle(props) {
+const getItemBackgroundStyle = props => {
   if (props.selected && !props.opened) return commonItemBackgroundStyle(props.theme.colors.brand[200], props.theme.colors.brand[200], props.theme.colors.brand[200]);
   return commonItemBackgroundStyle(props.theme.colors.neutral['000'], props.theme.colors.neutral['080'], props.theme.colors.brand[200]);
 };
 
 exports.getItemBackgroundStyle = getItemBackgroundStyle;
-//# sourceMappingURL=getItemBackgroundStyle.js.map

package/cjs/common/getLeftBorderStyle.js

@@ -2,14 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var commonLeftBorderStyle = function commonLeftBorderStyle(color, hoverColor, activeColor) {
-  return "\n\n  -webkit-box-shadow: inset 4px 0 0 0 ".concat(color, ";\n          box-shadow: inset 4px 0 0 0 ").concat(color, ";\n\n  :hover {\n    -webkit-box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n            box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n  }\n\n  :active {\n    -webkit-box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n            box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n  }\n");
-};
+const commonLeftBorderStyle = (color, hoverColor, activeColor) => "\n\n  -webkit-box-shadow: inset 4px 0 0 0 ".concat(color, ";\n          box-shadow: inset 4px 0 0 0 ").concat(color, ";\n\n  :hover {\n    -webkit-box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n            box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n  }\n\n  :active {\n    -webkit-box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n            box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n  }\n");
 
-var getLeftBorderStyle = function getLeftBorderStyle(props) {
+const getLeftBorderStyle = props => {
   if (props.selected || props.selectedParent) return commonLeftBorderStyle(props.theme.colors.brand[400], props.theme.colors.brand[400], props.theme.colors.brand[400]);
   return commonLeftBorderStyle(props.theme.colors.neutral['000'], props.theme.colors.brand[300], props.theme.colors.brand[400]);
 };
 
 exports.getLeftBorderStyle = getLeftBorderStyle;
-//# sourceMappingURL=getLeftBorderStyle.js.map

package/cjs/common/getScrollbarStyle.js

@@ -2,9 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getScrolbarStyle = function getScrolbarStyle() {
-  return "\n  ::-webkit-scrollbar {\n    width: 14px;\n  }\n  ::-webkit-scrollbar-thumb {\n    height: 6px;\n    border: 4px solid rgba(0, 0, 0, 0);\n\n    background-clip: padding-box;\n\n    background-color: rgba(105, 116, 137, 0.5);\n\n    border-radius: 7px;\n    -webkit-border-radius: 7px;\n  }\n  ::-webkit-scrollbar-button {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n  ::-webkit-scrollbar-corner {\n    background-color: transparent;\n  }\n";
-};
+const getScrolbarStyle = () => "\n  ::-webkit-scrollbar {\n    width: 14px;\n  }\n  ::-webkit-scrollbar-thumb {\n    height: 6px;\n    border: 4px solid rgba(0, 0, 0, 0);\n\n    background-clip: padding-box;\n\n    background-color: rgba(105, 116, 137, 0.5);\n\n    border-radius: 7px;\n    -webkit-border-radius: 7px;\n  }\n  ::-webkit-scrollbar-button {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n  ::-webkit-scrollbar-corner {\n    background-color: transparent;\n  }\n";
 
 exports.getScrolbarStyle = getScrolbarStyle;
-//# sourceMappingURL=getScrollbarStyle.js.map

package/cjs/common/index.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var common_getItemBackgroundStyle = require('./getItemBackgroundStyle.js');
-var common_getLeftBorderStyle = require('./getLeftBorderStyle.js');
-var common_getScrollbarStyle = require('./getScrollbarStyle.js');
+var getItemBackgroundStyle = require('./getItemBackgroundStyle.js');
+var getLeftBorderStyle = require('./getLeftBorderStyle.js');
+var getScrollbarStyle = require('./getScrollbarStyle.js');
 
 
 
-exports.getItemBackgroundStyle = common_getItemBackgroundStyle.getItemBackgroundStyle;
-exports.getLeftBorderStyle = common_getLeftBorderStyle.getLeftBorderStyle;
-exports.getScrolbarStyle = common_getScrollbarStyle.getScrolbarStyle;
-//# sourceMappingURL=index.js.map
+exports.getItemBackgroundStyle = getItemBackgroundStyle.getItemBackgroundStyle;
+exports.getLeftBorderStyle = getLeftBorderStyle.getLeftBorderStyle;
+exports.getScrolbarStyle = getScrollbarStyle.getScrolbarStyle;

package/cjs/configs/index.js

@@ -2,22 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var configs_useLeftNavConfig = require('./useLeftNavConfig.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('./useLeftNavItems.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../exported-related/constants.js');
-require('@elliemae/ds-grid');
-require('styled-components');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons');
-require('./useLeftNavSmoothExpand.js');
-require('../hooks/useSelectFirstBodyItem.js');
+var useLeftNavConfig = require('./useLeftNavConfig.js');
 
 
 
-exports.default = configs_useLeftNavConfig.useLeftNavConfig;
-exports.useLeftNavConfig = configs_useLeftNavConfig.useLeftNavConfig;
-//# sourceMappingURL=index.js.map
+exports["default"] = useLeftNavConfig.useLeftNavConfig;
+exports.useLeftNavConfig = useLeftNavConfig.useLeftNavConfig;

package/cjs/configs/useLeftNavConfig.js

@@ -2,134 +2,97 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var configs_useLeftNavItems = require('./useLeftNavItems.js');
-var configs_useLeftNavSmoothExpand = require('./useLeftNavSmoothExpand.js');
-var hooks_useSelectFirstBodyItem = require('../hooks/useSelectFirstBodyItem.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../exported-related/constants.js');
-require('@elliemae/ds-grid');
-require('styled-components');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons');
+var useLeftNavItems = require('./useLeftNavItems.js');
+var useLeftNavSmoothExpand = require('./useLeftNavSmoothExpand.js');
+var useSelectFirstBodyItem = require('../hooks/useSelectFirstBodyItem.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var useLeftNavConfig = function useLeftNavConfig(props) {
-  var expanded = props.expanded,
-      openedItem = props.openedItem,
-      onSelectedChange = props.onSelectedChange,
-      onFocusChange = props.onFocusChange,
-      items = props.items; // -----------------------------------------------------------------------------
+const useLeftNavConfig = props => {
+  const {
+    expanded,
+    openedItem,
+    onSelectedChange,
+    onFocusChange,
+    items
+  } = props; // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                         INTERNAL STATE                         *
   // ************************** ------------ **************************
   // Selection related
 
-  var _React$useState = React__default['default'].useState(null),
-      _React$useState2 = _slicedToArray__default['default'](_React$useState, 2),
-      selectedItem = _React$useState2[0],
-      setSelectedItem = _React$useState2[1];
+  const [selectedItem, setSelectedItem] = React__default["default"].useState(null);
+  React__default["default"].useState(null);
+  const [selectedParent, setSelectedParent] = React__default["default"].useState(null); // Focus related
 
-  var _React$useState3 = React__default['default'].useState(null),
-      _React$useState4 = _slicedToArray__default['default'](_React$useState3, 2);
-      _React$useState4[0];
-      _React$useState4[1];
+  const [focusedItem, setFocusedItem] = React__default["default"].useState(null); // Opened uncontrolled drilldowns
 
-  var _React$useState5 = React__default['default'].useState(null),
-      _React$useState6 = _slicedToArray__default['default'](_React$useState5, 2),
-      selectedParent = _React$useState6[0],
-      setSelectedParent = _React$useState6[1]; // Focus related
-
-
-  var _React$useState7 = React__default['default'].useState(null),
-      _React$useState8 = _slicedToArray__default['default'](_React$useState7, 2),
-      focusedItem = _React$useState8[0],
-      setFocusedItem = _React$useState8[1]; // Opened uncontrolled drilldowns
-
-
-  var _React$useState9 = React__default['default'].useState([]),
-      _React$useState10 = _slicedToArray__default['default'](_React$useState9, 2),
-      openedDrilldowns = _React$useState10[0],
-      setOpenedDrilldowns = _React$useState10[1]; // -----------------------------------------------------------------------------
+  const [openedDrilldowns, setOpenedDrilldowns] = React__default["default"].useState([]); // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                        EXPAND ANIMATION                        *
   // ************************** ------------ **************************
 
-
-  var _React$useState11 = React__default['default'].useState(expanded),
-      _React$useState12 = _slicedToArray__default['default'](_React$useState11, 2),
-      expandedForAnimation = _React$useState12[0],
-      setExpandedForAnimation = _React$useState12[1];
-
-  var timeoutRef = React__default['default'].useRef(null);
-  var smoothExpandOpts = React__default['default'].useMemo(function () {
-    return {
-      expandedForAnimation: expandedForAnimation,
-      timeoutRef: timeoutRef,
-      setExpandedForAnimation: setExpandedForAnimation
-    };
-  }, [expandedForAnimation, timeoutRef, setExpandedForAnimation]);
-  configs_useLeftNavSmoothExpand.useLeftNavSmoothExpand(props, smoothExpandOpts); // -----------------------------------------------------------------------------
+  const [expandedForAnimation, setExpandedForAnimation] = React__default["default"].useState(expanded);
+  const timeoutRef = React__default["default"].useRef(null);
+  const smoothExpandOpts = React__default["default"].useMemo(() => ({
+    expandedForAnimation,
+    timeoutRef,
+    setExpandedForAnimation
+  }), [expandedForAnimation, timeoutRef, setExpandedForAnimation]);
+  useLeftNavSmoothExpand.useLeftNavSmoothExpand(props, smoothExpandOpts); // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                          SIDE EFFECTS                          *
   // ************************** ------------ **************************
 
-  React__default['default'].useEffect(function () {
+  React__default["default"].useEffect(() => {
     onSelectedChange(selectedItem);
   }, [selectedItem, onSelectedChange]);
-  React__default['default'].useEffect(function () {
+  React__default["default"].useEffect(() => {
     if (openedItem !== null) setSelectedParent(openedItem);
   }, [openedItem]);
-  React__default['default'].useEffect(function () {
+  React__default["default"].useEffect(() => {
     onFocusChange(focusedItem);
   }, [focusedItem, onFocusChange]);
-  hooks_useSelectFirstBodyItem.useSelectFirstBodyItem(items, openedItem, props.selectedItem !== undefined ? props.selectedItem : selectedItem, setSelectedItem, props.disableDefaultSelection); // -----------------------------------------------------------------------------
+  useSelectFirstBodyItem.useSelectFirstBodyItem(items, openedItem, props.selectedItem !== undefined ? props.selectedItem : selectedItem, setSelectedItem, props.disableDefaultSelection); // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                        ITEMS MANAGEMENT                        *
   // ************************** ------------ **************************
 
-  var leftNavItemsProps = React__default['default'].useMemo(function () {
-    return {
-      headerItem: props.HeaderComponent,
-      bodyHeaderItem: props.BodyHeaderComponent,
-      items: props.items,
-      openedDrilldowns: openedDrilldowns
-    };
-  }, [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns]); // We need to know the current visible items since we have drilldowns
-
-  var _useLeftNavItems = configs_useLeftNavItems.useLeftNavItems(leftNavItemsProps),
-      visibleItems = _useLeftNavItems.visibleItems,
-      visibleItemsRefs = _useLeftNavItems.visibleItemsRefs; // -----------------------------------------------------------------------------
+  const leftNavItemsProps = React__default["default"].useMemo(() => ({
+    headerItem: props.HeaderComponent,
+    bodyHeaderItem: props.BodyHeaderComponent,
+    items: props.items,
+    openedDrilldowns
+  }), [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns]); // We need to know the current visible items since we have drilldowns
+
+  const {
+    visibleItems,
+    visibleItemsRefs
+  } = useLeftNavItems.useLeftNavItems(leftNavItemsProps); // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                         LEFTNAV CONFIG                         *
   // ************************** ------------ **************************
 
-
-  var finalConfig = React__default['default'].useMemo(function () {
-    return {
-      leftNavProps: props,
-      expandedForAnimation: expandedForAnimation,
-      selectedItem: props.selectedItem !== undefined ? props.selectedItem : selectedItem,
-      setSelectedItem: setSelectedItem,
-      selectedParent: props.selectedParent !== undefined ? props.selectedParent : selectedParent,
-      setSelectedParent: setSelectedParent,
-      focusedItem: focusedItem,
-      setFocusedItem: setFocusedItem,
-      openedDrilldowns: openedDrilldowns,
-      setOpenedDrilldowns: setOpenedDrilldowns,
-      visibleItems: visibleItems,
-      visibleItemsRefs: visibleItemsRefs
-    };
-  }, [props, expandedForAnimation, selectedItem, setSelectedItem, setSelectedParent, selectedParent, focusedItem, setFocusedItem, openedDrilldowns, setOpenedDrilldowns, visibleItems, visibleItemsRefs]);
+  const finalConfig = React__default["default"].useMemo(() => ({
+    leftNavProps: props,
+    expandedForAnimation,
+    selectedItem: props.selectedItem !== undefined ? props.selectedItem : selectedItem,
+    setSelectedItem,
+    selectedParent: props.selectedParent !== undefined ? props.selectedParent : selectedParent,
+    setSelectedParent,
+    focusedItem,
+    setFocusedItem,
+    openedDrilldowns,
+    setOpenedDrilldowns,
+    visibleItems,
+    visibleItemsRefs
+  }), [props, expandedForAnimation, selectedItem, setSelectedItem, setSelectedParent, selectedParent, focusedItem, setFocusedItem, openedDrilldowns, setOpenedDrilldowns, visibleItems, visibleItemsRefs]);
   return finalConfig;
 };
 
-exports['default'] = useLeftNavConfig;
+exports["default"] = useLeftNavConfig;
 exports.useLeftNavConfig = useLeftNavConfig;
-//# sourceMappingURL=useLeftNavConfig.js.map

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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+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('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/extends');
+require('react/jsx-runtime');
 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
+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;
   }, [items, openedDrilldowns]);
-  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,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
+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 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(dsIcons.ChevronSmallRight, _objectSpread({
+  size: "m",
+  color: ['brand-primary', 800]
+}, props));
 
 exports.ChevronItem = ChevronItem;
-exports['default'] = ChevronItem;
-//# sourceMappingURL=index.js.map
+exports["default"] = ChevronItem;