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

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

@@ -2,53 +2,46 @@ import Grid from '@elliemae/ds-grid';
 import styled from 'styled-components';
 
 /* eslint-disable indent */
-var borderOutside = function borderOutside(color) {
-  var weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+const borderOutside = function (color) {
+  let weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   return "&:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: ".concat(weight, "px solid ").concat(color, ";\n  pointer-events: none;\n}");
 };
-var StyledItemWrapper = /*#__PURE__*/styled(Grid).withConfig({
+const StyledItemWrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-11wzgfh-0"
-})(["position:relative;", ""], function (props) {
-  return props.shadowStyle(props.theme);
-});
+})(["position:relative;", ""], props => props.shadowStyle(props.theme));
 
-var getItemBackground = function getItemBackground(_ref) {
-  var selectable = _ref.selectable,
-      opened = _ref.opened,
-      selected = _ref.selected,
-      theme = _ref.theme;
+const getItemBackground = _ref => {
+  let {
+    selectable,
+    opened,
+    selected,
+    theme
+  } = _ref;
   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 = _ref2 => {
+  let {
+    selectable,
+    opened,
+    selected,
+    theme
+  } = _ref2;
   if (!selectable) return 'white';
   if (selected && !opened) return theme.colors.brand[200];
   return theme.colors.brand['200'];
 };
 
-var StyledItem = /*#__PURE__*/styled(Grid).withConfig({
+const StyledItem = /*#__PURE__*/styled(Grid).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, function (props) {
-  return props.selected && !props.opened ? borderOutside(props.theme.colors.brand[500], 1) : '';
-}, getItemHoverBackground, function (_ref3) {
-  var selectable = _ref3.selectable,
-      theme = _ref3.theme;
+})(["cursor:", ";min-height:", ";background:", ";", ":hover{background:", ";}:active{background:", ";}", ";outline:none;", ""], props => props.selectable && !props.opened ? 'pointer' : 'auto', props => props.minHeight, getItemBackground, props => props.selected && !props.opened ? borderOutside(props.theme.colors.brand[500], 1) : '', getItemHoverBackground, _ref3 => {
+  let {
+    selectable,
+    theme
+  } = _ref3;
   return selectable ? theme.colors.brand[200] : 'white';
-}, function (props) {
-  return props.shadowStyle(props.theme);
-}, function (props) {
-  return props.tabIndex !== -1 ? ":focus {\n    ".concat(borderOutside(props.theme.colors.brand[700]), "\n        }") : '';
-});
+}, props => props.shadowStyle(props.theme), props => props.tabIndex !== -1 ? ":focus {\n    ".concat(borderOutside(props.theme.colors.brand[700]), "\n        }") : '');
 
 export { StyledItem, StyledItemWrapper, borderOutside };
-//# sourceMappingURL=styled.js.map

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

@@ -1,10 +1,15 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useMemo } from 'react';
 
 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(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 = {
+const itemDefaultProps = {
   label: '',
   labelOverflow: 'truncate',
   selectable: true,
@@ -17,14 +22,12 @@ var itemDefaultProps = {
   ariaExpanded: undefined,
   ariaDescribedBy: undefined
 };
-var itemWithoutShadows = ['ds-left-nav-item-header', 'ds-left-nav-item-link', 'ds-left-nav-item-submenu']; // Make use Item props with defaults
+const itemWithoutShadows = ['ds-left-nav-item-header', 'ds-left-nav-item-link', 'ds-left-nav-item-submenu']; // Make use Item props with defaults
 
-var usePropsWithDefaults = function usePropsWithDefaults(props) {
-  var propsWithDefault = useMemo(function () {
-    var itemWithDefaults = _objectSpread(_objectSpread({
-      CollapsedComponent: function CollapsedComponent() {
-        return null;
-      }
+const usePropsWithDefaults = props => {
+  const propsWithDefault = useMemo(() => {
+    const itemWithDefaults = _objectSpread(_objectSpread({
+      CollapsedComponent: () => null
     }, props.item), {}, {
       itemOpts: _objectSpread(_objectSpread({}, itemDefaultProps), props.item.itemOpts)
     });
@@ -33,11 +36,7 @@ var usePropsWithDefaults = function usePropsWithDefaults(props) {
       minHeight: '48px',
       paddingTop: '12px',
       subitems: [],
-      shadowStyle: function shadowStyle(opened, type) {
-        return function (theme) {
-          return "box-shadow: ".concat(opened || !itemWithoutShadows.includes(type) ? 'inset 4px 0 0 0 #52A6EC' : 'inset 4px 0 0 0 white');
-        };
-      },
+      shadowStyle: (opened, type) => theme => "box-shadow: ".concat(opened || !itemWithoutShadows.includes(type) ? 'inset 4px 0 0 0 #52A6EC' : 'inset 4px 0 0 0 white'),
       hasBorderBottom: false,
       borderBottomMr: '0px'
     }, props), {}, {
@@ -48,4 +47,3 @@ var usePropsWithDefaults = function usePropsWithDefaults(props) {
 };
 
 export { usePropsWithDefaults };
-//# sourceMappingURL=usePropsWithDefaults.js.map

package/esm/exported-related/Notifications/index.js

@@ -1,47 +1,47 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { Notifications as Notifications$1, ExceptionsSmallFill, AlertsSmallFill, MessagesSmallFill } from '@elliemae/ds-icons';
 import styled from 'styled-components';
 import Grid from '@elliemae/ds-grid';
 
-var StyledIcon = /*#__PURE__*/styled.div.withConfig({
+const StyledIcon = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-hasbsd-0"
 })(["display:flex;flex-direction:column;align-items:center;"]);
-var Notifications = function Notifications(_ref) {
-  var _ref$exceptions = _ref.exceptions,
-      exceptions = _ref$exceptions === void 0 ? false : _ref$exceptions,
-      _ref$alerts = _ref.alerts,
-      alerts = _ref$alerts === void 0 ? false : _ref$alerts,
-      _ref$messages = _ref.messages,
-      messages = _ref$messages === void 0 ? false : _ref$messages;
-  return /*#__PURE__*/React.createElement(StyledIcon, null, /*#__PURE__*/React.createElement(Notifications$1, {
+const Notifications = _ref => {
+  let {
+    exceptions = false,
+    alerts = false,
+    messages = false
+  } = _ref;
+  return /*#__PURE__*/_jsx(StyledIcon, {}, void 0, /*#__PURE__*/_jsx(Notifications$1, {
     size: "m",
     color: ['brand-primary', 800],
     "data-testid": "left-nav-notifications-icon"
-  }), (exceptions || alerts || messages) && /*#__PURE__*/React.createElement(Grid, {
+  }), (exceptions || alerts || messages) && /*#__PURE__*/_jsx(Grid, {
     cols: ['1fr', '1fr', '1fr'],
     gutter: "xxxs",
     mt: "2px"
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     width: "6px",
     height: "6px",
     "data-testid": "left-nav-exceptions-icon"
-  }, exceptions && /*#__PURE__*/React.createElement(ExceptionsSmallFill, {
+  }, void 0, exceptions && /*#__PURE__*/_jsx(ExceptionsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['warning', 900]
-  })), /*#__PURE__*/React.createElement(Grid, {
+  })), /*#__PURE__*/_jsx(Grid, {
     width: "6px",
     height: "6px",
     "data-testid": "left-nav-alerts-icon"
-  }, alerts && /*#__PURE__*/React.createElement(AlertsSmallFill, {
+  }, void 0, alerts && /*#__PURE__*/_jsx(AlertsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['danger', 900]
-  })), /*#__PURE__*/React.createElement(Grid, {
+  })), /*#__PURE__*/_jsx(Grid, {
     width: "6px",
     height: "6px",
     "data-testid": "left-nav-messages-icon"
-  }, messages && /*#__PURE__*/React.createElement(MessagesSmallFill, {
+  }, void 0, messages && /*#__PURE__*/_jsx(MessagesSmallFill, {
     width: "6px",
     height: "6px",
     color: ['success', 900]
@@ -49,4 +49,3 @@ var Notifications = function Notifications(_ref) {
 };
 
 export { Notifications, Notifications as default };
-//# sourceMappingURL=index.js.map

package/esm/exported-related/OpenWindowItem/index.js

@@ -1,19 +1,23 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
 import styled from 'styled-components';
 import { OpenWindow as OpenWindow$1 } from '@elliemae/ds-icons';
+import { jsx } from 'react/jsx-runtime';
 
-var StyledOpenWindow = /*#__PURE__*/styled(OpenWindow$1).withConfig({
+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(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 StyledOpenWindow = /*#__PURE__*/styled(OpenWindow$1).withConfig({
   componentId: "sc-g53ios-0"
-})(["cursor:pointer;:focus{outline:1px solid ", ";}"], function (props) {
-  return props.theme.colors.brand[800];
-});
-var OpenWindow = function OpenWindow(props) {
-  return /*#__PURE__*/React.createElement(StyledOpenWindow, _extends({
-    size: "s",
-    color: ['brand-primary', 800]
-  }, props));
-};
+})(["cursor:pointer;:focus{outline:1px solid ", ";}"], props => props.theme.colors.brand[800]);
+const OpenWindow = props => /*#__PURE__*/jsx(StyledOpenWindow, _objectSpread({
+  size: "s",
+  color: ['brand-primary', 800]
+}, props));
 
 export { OpenWindow, OpenWindow as default };
-//# sourceMappingURL=index.js.map

package/esm/exported-related/constants.js

@@ -1,9 +1,9 @@
-var LABEL_OVERFLOW = {
+const LABEL_OVERFLOW = {
   WRAP: 'wrap',
   WRAP_ALL: 'wrapAll',
   TRUNCATE: 'truncate'
 };
-var ITEM_TYPES = {
+const ITEM_TYPES = {
   LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',
   LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',
   LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',
@@ -14,9 +14,8 @@ var ITEM_TYPES = {
   LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',
   LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date'
 };
-var FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';
-var FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';
-var CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';
+const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';
+const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';
+const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';
 
 export { CHEVRON_BACK_DS_ID, FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID, ITEM_TYPES, LABEL_OVERFLOW };
-//# sourceMappingURL=constants.js.map

package/esm/exported-related/index.js

@@ -4,14 +4,3 @@ export { ChevronItem } from './ChevronItem/index.js';
 export { Notifications } from './Notifications/index.js';
 export { OpenWindow } from './OpenWindowItem/index.js';
 export { Icon } from './Icon/index.js';
-import 'react';
-import '@elliemae/ds-grid';
-import './ItemRenderer/styled.js';
-import 'styled-components';
-import '../LeftNavigationContext.js';
-import './ItemRenderer/usePropsWithDefaults.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '../hooks/useKeyboardNavigation.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-icons';
-//# sourceMappingURL=index.js.map

package/esm/hooks/index.js

@@ -1,7 +1,3 @@
 export { useOpenableOnClickHandler } from './useOpenableOnClickHandler.js';
 export { useExpandableOnClickHandler } from './useExpandableOnClickHandler.js';
 export { useKeyboardNavigation } from './useKeyboardNavigation.js';
-import 'react';
-import '../LeftNavigationContext.js';
-import '../exported-related/constants.js';
-//# sourceMappingURL=index.js.map

package/esm/hooks/useExpandableOnClickHandler.js

@@ -1,30 +1,31 @@
 import { useContext, useCallback } from 'react';
 import { LeftNavContext } from '../LeftNavigationContext.js';
 
-var useExpandableOnClickHandler = function useExpandableOnClickHandler(_ref) {
-  var id = _ref.id,
-      onExpand = _ref.onExpand,
-      onOpen = _ref.onOpen,
-      _ref$selectable = _ref.selectable,
-      selectable = _ref$selectable === void 0 ? true : _ref$selectable;
-
-  var _useContext = useContext(LeftNavContext),
-      expanded = _useContext.leftNavProps.expanded,
-      setSelectedItem = _useContext.setSelectedItem;
-
-  var handleOnExpand = useCallback(function (e) {
+const useExpandableOnClickHandler = _ref => {
+  let {
+    id,
+    onExpand,
+    onOpen,
+    selectable = true
+  } = _ref;
+  const {
+    leftNavProps: {
+      expanded
+    },
+    setSelectedItem
+  } = useContext(LeftNavContext);
+  const handleOnExpand = useCallback(e => {
     onExpand(e);
     if (selectable) setSelectedItem(id);
   }, [id, onExpand, setSelectedItem, selectable]);
-  var handleOnOpen = useCallback(function (e) {
+  const handleOnOpen = useCallback(e => {
     onOpen(e);
     if (selectable) setSelectedItem(id);
   }, [id, onOpen, setSelectedItem, selectable]);
-  var handleOnClick = useCallback(function (e) {
+  const handleOnClick = useCallback(e => {
     if (!expanded) handleOnExpand(e);else handleOnOpen(e);
   }, [expanded, handleOnExpand, handleOnOpen]);
   return handleOnClick;
 };
 
 export { useExpandableOnClickHandler };
-//# sourceMappingURL=useExpandableOnClickHandler.js.map

package/esm/hooks/useKeyboardNavigation.js

@@ -3,7 +3,7 @@ import { CHEVRON_BACK_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../exported-related
 import { LeftNavContext } from '../LeftNavigationContext.js';
 
 /* eslint-disable max-statements */
-var KEY_CODES = {
+const KEY_CODES = {
   TAB: 9,
   ENTER: 13,
   SPACE: 32,
@@ -15,49 +15,46 @@ var KEY_CODES = {
   HOME: 36
 };
 
-var nextIndex = function nextIndex(index, length) {
-  return (index + 1) % length;
-};
-
-var prevIndex = function prevIndex(index, length) {
-  return (index - 1 + length) % length;
-};
-
-var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
-  var item = _ref.item,
-      onClick = _ref.onClick;
-  var dsId = item.dsId,
-      _item$itemOpts = item.itemOpts,
-      selectable = _item$itemOpts.selectable,
-      openable = _item$itemOpts.openable,
-      closable = _item$itemOpts.closable;
-
-  var _useContext = useContext(LeftNavContext),
-      visibleItems = _useContext.visibleItems,
-      visibleItemsRefs = _useContext.visibleItemsRefs;
-
-  var currentIndex = useMemo(function () {
-    return visibleItems.findIndex(function (visibleItemDsId) {
-      return visibleItemDsId === dsId;
-    });
-  }, [dsId, visibleItems]);
-
-  var _useContext2 = useContext(LeftNavContext),
-      setFocusedItem = _useContext2.setFocusedItem,
-      focusedItem = _useContext2.focusedItem,
-      setSelectedItem = _useContext2.setSelectedItem;
-
-  var focusAndSelect = useCallback(function (nextDsId) {
+const nextIndex = (index, length) => (index + 1) % length;
+
+const prevIndex = (index, length) => (index - 1 + length) % length;
+
+const useKeyboardNavigation = _ref => {
+  let {
+    item,
+    onClick
+  } = _ref;
+  const {
+    dsId,
+    itemOpts: {
+      selectable,
+      openable,
+      closable
+    }
+  } = item;
+  const {
+    visibleItems,
+    visibleItemsRefs
+  } = useContext(LeftNavContext);
+  const currentIndex = useMemo(() => visibleItems.findIndex(visibleItemDsId => visibleItemDsId === dsId), [dsId, visibleItems]);
+  const {
+    setFocusedItem,
+    focusedItem,
+    setSelectedItem
+  } = useContext(LeftNavContext);
+  const focusAndSelect = useCallback(nextDsId => {
     setFocusedItem(nextDsId);
     setSelectedItem(nextDsId);
   }, [setFocusedItem, setSelectedItem]);
-  useLayoutEffect(function () {
+  useLayoutEffect(() => {
     var _visibleItemsRefs$cur, _visibleItemsRefs$cur2;
 
     if (dsId === focusedItem) (_visibleItemsRefs$cur = visibleItemsRefs.current[dsId]) === null || _visibleItemsRefs$cur === void 0 ? void 0 : (_visibleItemsRefs$cur2 = _visibleItemsRefs$cur.current) === null || _visibleItemsRefs$cur2 === void 0 ? void 0 : _visibleItemsRefs$cur2.focus();
   }, [dsId, focusedItem, visibleItemsRefs]);
-  var onKeyDown = useCallback(function (e) {
-    var keyCode = e.keyCode; // Prevent default behaviour when not tab
+  const onKeyDown = useCallback(e => {
+    const {
+      keyCode
+    } = e; // Prevent default behaviour when not tab
 
     if (keyCode !== KEY_CODES.TAB) {
       e.preventDefault();
@@ -86,12 +83,12 @@ var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
     }
 
     if (keyCode === KEY_CODES.DOWN_ARROW) {
-      var nextDsId = visibleItems[nextIndex(currentIndex, visibleItems.length)];
+      const nextDsId = visibleItems[nextIndex(currentIndex, visibleItems.length)];
       setFocusedItem(nextDsId);
     }
 
     if (keyCode === KEY_CODES.UP_ARROW) {
-      var prevDsId = visibleItems[prevIndex(currentIndex, visibleItems.length)];
+      const prevDsId = visibleItems[prevIndex(currentIndex, visibleItems.length)];
       setFocusedItem(prevDsId);
     }
 
@@ -107,4 +104,3 @@ var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
 };
 
 export { useKeyboardNavigation };
-//# sourceMappingURL=useKeyboardNavigation.js.map

package/esm/hooks/useOpenableOnClickHandler.js

@@ -1,34 +1,36 @@
 import { useContext, useCallback } from 'react';
 import { LeftNavContext } from '../LeftNavigationContext.js';
 
-var useOpenableOnClickHandler = function useOpenableOnClickHandler(_ref) {
-  var id = _ref.id,
-      opened = _ref.opened,
-      onExpand = _ref.onExpand,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose;
-
-  var _useContext = useContext(LeftNavContext),
-      expanded = _useContext.leftNavProps.expanded,
-      setSelectedItem = _useContext.setSelectedItem;
-
-  var handleOnExpand = useCallback(function (e) {
+const useOpenableOnClickHandler = _ref => {
+  let {
+    id,
+    opened,
+    onExpand,
+    onOpen,
+    onClose
+  } = _ref;
+  const {
+    leftNavProps: {
+      expanded
+    },
+    setSelectedItem
+  } = useContext(LeftNavContext);
+  const handleOnExpand = useCallback(e => {
     onExpand(e);
     setSelectedItem(id);
   }, [id, onExpand, setSelectedItem]);
-  var handleOnOpen = useCallback(function (e) {
+  const handleOnOpen = useCallback(e => {
     onOpen(e);
     setSelectedItem(id);
   }, [id, onOpen, setSelectedItem]);
-  var handleOnClose = useCallback(function (e) {
+  const handleOnClose = useCallback(e => {
     onClose(e);
     setSelectedItem(id);
   }, [id, onClose, setSelectedItem]);
-  var handleOnClick = useCallback(function (e) {
+  const handleOnClick = useCallback(e => {
     if (!expanded) handleOnExpand(e);else if (!opened) handleOnOpen(e);else handleOnClose(e);
   }, [expanded, opened, handleOnExpand, handleOnOpen, handleOnClose]);
   return handleOnClick;
 };
 
 export { useOpenableOnClickHandler };
-//# sourceMappingURL=useOpenableOnClickHandler.js.map

package/esm/hooks/useSelectFirstBodyItem.js

@@ -1,38 +1,32 @@
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
 import { useEffect } from 'react';
 import { ITEM_TYPES } from '../exported-related/constants.js';
 
-var LEFT_NAV_ITEM_SEPARATOR = ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR,
-    LEFT_NAV_ITEM_SECTION = ITEM_TYPES.LEFT_NAV_ITEM_SECTION;
+const {
+  LEFT_NAV_ITEM_SEPARATOR,
+  LEFT_NAV_ITEM_SECTION
+} = ITEM_TYPES;
 
-var isSelectableOutOfTheBox = function isSelectableOutOfTheBox(elem) {
-  return typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;
-};
+const isSelectableOutOfTheBox = elem => typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;
 
-var isSelectableCustom = function isSelectableCustom(elem) {
-  return elem.itemOpts.selectable;
-};
+const isSelectableCustom = elem => elem.itemOpts.selectable;
 
-var isItemInsideTheTree = function isItemInsideTheTree(item, itemID) {
+const isItemInsideTheTree = (item, itemID) => {
   var _item$itemOpts, _item$itemOpts$items;
 
-  return item.dsId === itemID || (item === null || item === void 0 ? void 0 : (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : (_item$itemOpts$items = _item$itemOpts.items) === null || _item$itemOpts$items === void 0 ? void 0 : _item$itemOpts$items.some(function (it) {
-    return isItemInsideTheTree(it, itemID);
-  }));
+  return item.dsId === itemID || (item === null || item === void 0 ? void 0 : (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : (_item$itemOpts$items = _item$itemOpts.items) === null || _item$itemOpts$items === void 0 ? void 0 : _item$itemOpts$items.some(it => isItemInsideTheTree(it, itemID)));
 };
 
-var useSelectFirstBodyItem = function useSelectFirstBodyItem(items, openedItem, selectedItem, setSelectedItem, disableDefaultSelection) {
-  useEffect(function () {
+const useSelectFirstBodyItem = (items, openedItem, selectedItem, setSelectedItem, disableDefaultSelection) => {
+  useEffect(() => {
     if (!disableDefaultSelection && items && items.length && openedItem) {
-      var index = items.findIndex(function (elem) {
-        return isSelectableOutOfTheBox(elem) || isSelectableCustom(elem);
-      });
-      var isItemInside = items.some(function (it) {
-        return isItemInsideTheTree(it, selectedItem);
-      });
+      const index = items.findIndex(elem => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));
+      const isItemInside = items.some(it => isItemInsideTheTree(it, selectedItem));
       if (isItemInside) setSelectedItem(selectedItem);else if (index !== -1) setSelectedItem(items[index].dsId);
     }
   }, [openedItem, setSelectedItem, disableDefaultSelection]);
 };
 
 export { useSelectFirstBodyItem };
-//# sourceMappingURL=useSelectFirstBodyItem.js.map

package/esm/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

package/esm/index.js

@@ -6,52 +6,3 @@ export { ChevronItem } from './exported-related/ChevronItem/index.js';
 export { Notifications } from './exported-related/Notifications/index.js';
 export { OpenWindow } from './exported-related/OpenWindowItem/index.js';
 export { Icon } from './exported-related/Icon/index.js';
-import 'react-desc';
-import './outOfTheBox/index.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import '@elliemae/ds-grid';
-import 'styled-components';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-icons';
-import './outOfTheBox/ItemControlledDrilldown/index.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import './outOfTheBox/ItemControlledDrilldown/styled.js';
-import './outOfTheBox/ItemSeparator/index.js';
-import './exported-related/ItemRenderer/styled.js';
-import './LeftNavigationContext.js';
-import './exported-related/ItemRenderer/usePropsWithDefaults.js';
-import './hooks/useKeyboardNavigation.js';
-import './outOfTheBox/ItemWithDate/index.js';
-import './outOfTheBox/ItemWithDate/styled.js';
-import './outOfTheBox/ItemTextLabel/index.js';
-import './outOfTheBox/ItemTextLabel/styled.js';
-import './outOfTheBox/ItemUncontrolledDrilldown/index.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './outOfTheBox/ItemUncontrolledDrilldown/styled.js';
-import './outOfTheBox/ItemHeader/index.js';
-import './outOfTheBox/ItemHeader/styled.js';
-import './outOfTheBox/ItemLink/index.js';
-import './outOfTheBox/ItemLink/styled.js';
-import './outOfTheBox/ItemSection/index.js';
-import './outOfTheBox/ItemSection/styled.js';
-import './outOfTheBox/ItemSubmenu/index.js';
-import './outOfTheBox/ItemSubmenu/styled.js';
-import './configs/useLeftNavConfig.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import './configs/useLeftNavItems.js';
-import './configs/useLeftNavSmoothExpand.js';
-import './hooks/useSelectFirstBodyItem.js';
-import './parts/LeftNavContent/index.js';
-import './parts/LeftNavFooterItem/index.js';
-import './parts/LeftNavFooterItem/styled.js';
-import './common/getItemBackgroundStyle.js';
-import './common/getLeftBorderStyle.js';
-import './parts/LeftNavContentWithScrollbar/index.js';
-import 'overlayscrollbars/css/OverlayScrollbars.css';
-import 'overlayscrollbars';
-import './parts/OutOfTheBoxMapItem.js';
-import './parts/LeftNavContent/styled.js';
-import './parts/LeftNavLoading/index.js';
-import '@elliemae/ds-circular-progress-indicator';
-//# sourceMappingURL=index.js.map