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

package/cjs/LeftNavigation.js

@@ -2,75 +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/ItemUncontrolledDrilldown/index.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('./outOfTheBox/ItemUncontrolledDrilldown/styled.js');
-require('./outOfTheBox/ItemTextLabel/index.js');
-require('./outOfTheBox/ItemTextLabel/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/useGlobalKeyListeners.js');
-require('./configs/useLeftNavItems.js');
-require('./configs/useLeftNavSmoothExpand.js');
-require('./hooks/useSelectFirstBodyItem.js');
-require('./parts/LeftNavFooterItem/index.js');
-require('./parts/LeftNavFooterItem/styled.js');
-require('./common/getFocusedByKeyboardStyle.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,63 +4,42 @@ 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,
   selectedSubitem: null,
-  setSelectedSubitem: function setSelectedSubitem() {
-    return null;
-  },
+  setSelectedSubitem: () => null,
   focusedItem: null,
-  setFocusedItem: function setFocusedItem() {
-    return null;
-  },
+  setFocusedItem: () => null,
   focusedByKey: false,
-  setFocusedByKey: function setFocusedByKey() {
-    return null;
-  },
+  setFocusedByKey: () => 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/getFocusedByKeyboardStyle.js

@@ -2,16 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var commonFocusedByKeyboardBorder = function commonFocusedByKeyboardBorder(props, height, width) {
-  return "\n  &:before {\n    content: '';\n    position: absolute;\n    height: ".concat(height, ";\n    width: ").concat(width, ";\n    top: 0;\n    left: 0px;\n    border: 1px solid ").concat(props.theme.colors.brand[600], ";\n    pointer-events: none;\n  }\n");
-};
+const commonFocusedByKeyboardBorder = (props, height, width) => "\n  &:before {\n    content: '';\n    position: absolute;\n    height: ".concat(height, ";\n    width: ").concat(width, ";\n    top: 0;\n    left: 0px;\n    border: 1px solid ").concat(props.theme.colors.brand[600], ";\n    pointer-events: none;\n  }\n");
 
-var getFocusedByKeyboardBorderStyle = function getFocusedByKeyboardBorderStyle(props) {
-  var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '100%';
-  var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '100%';
+const getFocusedByKeyboardBorderStyle = (props, height = '100%', width = '100%') => {
   if (props.focused && props.focusedByKey) return commonFocusedByKeyboardBorder(props, height, width);
   return '';
 };
 
 exports.getFocusedByKeyboardBorderStyle = getFocusedByKeyboardBorderStyle;
-//# sourceMappingURL=getFocusedByKeyboardStyle.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) 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.neutral[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,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var common_getFocusedByKeyboardStyle = require('./getFocusedByKeyboardStyle.js');
-var common_getItemBackgroundStyle = require('./getItemBackgroundStyle.js');
-var common_getLeftBorderStyle = require('./getLeftBorderStyle.js');
-var common_getScrollbarStyle = require('./getScrollbarStyle.js');
+var getFocusedByKeyboardStyle = require('./getFocusedByKeyboardStyle.js');
+var getItemBackgroundStyle = require('./getItemBackgroundStyle.js');
+var getLeftBorderStyle = require('./getLeftBorderStyle.js');
+var getScrollbarStyle = require('./getScrollbarStyle.js');
 
 
 
-exports.getFocusedByKeyboardBorderStyle = common_getFocusedByKeyboardStyle.getFocusedByKeyboardBorderStyle;
-exports.getItemBackgroundStyle = common_getItemBackgroundStyle.getItemBackgroundStyle;
-exports.getLeftBorderStyle = common_getLeftBorderStyle.getLeftBorderStyle;
-exports.getScrolbarStyle = common_getScrollbarStyle.getScrolbarStyle;
-//# sourceMappingURL=index.js.map
+exports.getFocusedByKeyboardBorderStyle = getFocusedByKeyboardStyle.getFocusedByKeyboardBorderStyle;
+exports.getItemBackgroundStyle = getItemBackgroundStyle.getItemBackgroundStyle;
+exports.getLeftBorderStyle = getLeftBorderStyle.getLeftBorderStyle;
+exports.getScrolbarStyle = getScrollbarStyle.getScrolbarStyle;

package/cjs/configs/index.js

@@ -2,23 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var configs_useLeftNavConfig = require('./useLeftNavConfig.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('./useGlobalKeyListeners.js');
-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/useGlobalKeyListeners.js

@@ -8,27 +8,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var useGlobalKeyListeners = function useGlobalKeyListeners(opts) {
-  var setFocusedByKey = opts.setFocusedByKey;
-  React__default['default'].useEffect(function () {
-    var isKey = function isKey() {
-      return setFocusedByKey(true);
-    };
+const useGlobalKeyListeners = opts => {
+  const {
+    setFocusedByKey
+  } = opts;
+  React__default["default"].useEffect(() => {
+    const isKey = () => setFocusedByKey(true);
 
-    var isClick = function isClick() {
-      return setFocusedByKey(false);
-    }; // To track wheter it's keyboard focus to apply the necessary style
+    const isClick = () => setFocusedByKey(false); // To track wheter it's keyboard focus to apply the necessary style
 
 
     window.addEventListener('keydown', isKey);
     window.addEventListener('mousedown', isClick);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', isKey);
       window.removeEventListener('mousedown', isClick);
     };
   }, [setFocusedByKey]);
 };
 
-exports['default'] = useGlobalKeyListeners;
+exports["default"] = useGlobalKeyListeners;
 exports.useGlobalKeyListeners = useGlobalKeyListeners;
-//# sourceMappingURL=useGlobalKeyListeners.js.map

package/cjs/configs/useLeftNavConfig.js

@@ -2,144 +2,105 @@
 
 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_useGlobalKeyListeners = require('./useGlobalKeyListeners.js');
-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 useGlobalKeyListeners = require('./useGlobalKeyListeners.js');
+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);
+  const [selectedSubitem, setSelectedSubitem] = React__default["default"].useState(null); // Focus related
 
-  var _React$useState3 = React__default['default'].useState(null),
-      _React$useState4 = _slicedToArray__default['default'](_React$useState3, 2),
-      selectedSubitem = _React$useState4[0],
-      setSelectedSubitem = _React$useState4[1]; // Focus related
+  const [focusedItem, setFocusedItem] = React__default["default"].useState(null);
+  const [focusedByKey, setFocusedByKey] = React__default["default"].useState(true); // Opened uncontrolled drilldowns
 
-
-  var _React$useState5 = React__default['default'].useState(null),
-      _React$useState6 = _slicedToArray__default['default'](_React$useState5, 2),
-      focusedItem = _React$useState6[0],
-      setFocusedItem = _React$useState6[1];
-
-  var _React$useState7 = React__default['default'].useState(true),
-      _React$useState8 = _slicedToArray__default['default'](_React$useState7, 2),
-      focusedByKey = _React$useState8[0],
-      setFocusedByKey = _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); // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                            KEYBOARD                            *
   // ************************** ------------ **************************
 
-  var globalKeyOpts = React__default['default'].useMemo(function () {
-    return {
-      setFocusedByKey: setFocusedByKey
-    };
-  }, [setFocusedByKey]);
-  configs_useGlobalKeyListeners.useGlobalKeyListeners(globalKeyOpts); // -----------------------------------------------------------------------------
+  const globalKeyOpts = React__default["default"].useMemo(() => ({
+    setFocusedByKey
+  }), [setFocusedByKey]);
+  useGlobalKeyListeners.useGlobalKeyListeners(globalKeyOpts); // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                          SIDE EFFECTS                          *
   // ************************** ------------ **************************
 
-  React__default['default'].useEffect(function () {
+  React__default["default"].useEffect(() => {
     onSelectedChange(selectedItem);
   }, [selectedItem, onSelectedChange]);
-  React__default['default'].useEffect(function () {
+  React__default["default"].useEffect(() => {
     onFocusChange(focusedItem);
   }, [focusedItem, setFocusedItem]);
-  hooks_useSelectFirstBodyItem.useSelectFirstBodyItem(items, openedItem, setSelectedItem); // -----------------------------------------------------------------------------
+  useSelectFirstBodyItem.useSelectFirstBodyItem(items, openedItem, setSelectedItem); // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                        ITEMS MANAGEMENT                        *
   // ************************** ------------ **************************
 
-  var leftNavItemsProps = React__default['default'].useMemo(function () {
-    return {
-      headerItem: props.HeaderComponent,
-      bodyHeaderItem: props.BodyHeaderComponent,
-      items: props.items,
-      openedDrilldowns: openedDrilldowns
-    };
-  }, [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.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: selectedItem,
-      setSelectedItem: setSelectedItem,
-      selectedSubitem: selectedSubitem,
-      setSelectedSubitem: setSelectedSubitem,
-      focusedItem: focusedItem,
-      setFocusedItem: setFocusedItem,
-      focusedByKey: focusedByKey,
-      setFocusedByKey: setFocusedByKey,
-      openedDrilldowns: openedDrilldowns,
-      setOpenedDrilldowns: setOpenedDrilldowns,
-      visibleItems: visibleItems,
-      visibleItemsRefs: visibleItemsRefs
-    };
-  }, [props, props.items, expandedForAnimation, selectedItem, setSelectedItem, selectedSubitem, setSelectedSubitem, focusedItem, setFocusedItem, focusedByKey, setFocusedByKey, openedDrilldowns, setOpenedDrilldowns, visibleItems, visibleItemsRefs]);
+  const finalConfig = React__default["default"].useMemo(() => ({
+    leftNavProps: props,
+    expandedForAnimation,
+    selectedItem,
+    setSelectedItem,
+    selectedSubitem,
+    setSelectedSubitem,
+    focusedItem,
+    setFocusedItem,
+    focusedByKey,
+    setFocusedByKey,
+    openedDrilldowns,
+    setOpenedDrilldowns,
+    visibleItems,
+    visibleItemsRefs
+  }), [props, props.items, expandedForAnimation, selectedItem, setSelectedItem, selectedSubitem, setSelectedSubitem, focusedItem, setFocusedItem, focusedByKey, setFocusedByKey, openedDrilldowns, setOpenedDrilldowns, visibleItems, visibleItemsRefs]);
   return finalConfig;
 };
 
-exports['default'] = useLeftNavConfig;
+exports["default"] = useLeftNavConfig;
 exports.useLeftNavConfig = useLeftNavConfig;
-//# sourceMappingURL=useLeftNavConfig.js.map