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

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

@@ -2,47 +2,37 @@ import Grid from '@elliemae/ds-grid';
 import styled from 'styled-components';
 
 /* eslint-disable indent */
-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 = ({
+  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(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, 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      }") : '');
 
 export { StyledItem, StyledItemWrapper };
-//# sourceMappingURL=styled.js.map

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

@@ -4,7 +4,7 @@ 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,
@@ -18,12 +18,10 @@ var itemDefaultProps = {
   ariaDescribedBy: undefined
 }; // 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)
     });
@@ -32,9 +30,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), {}, {
@@ -45,4 +41,3 @@ var usePropsWithDefaults = function usePropsWithDefaults(props) {
 };
 
 export { usePropsWithDefaults };
-//# sourceMappingURL=usePropsWithDefaults.js.map

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

@@ -1,48 +1,47 @@
-import React from 'react';
-import { Notifications as Notifications$1, ExceptionsSmallFill, AlertsSmallFill, MessagesSmallFill } from '@elliemae/ds-icons';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import InternalNotifications from '@elliemae/ds-icons/Notifications';
+import ExceptionsSmallFill from '@elliemae/ds-icons/ExceptionsSmallFill';
+import AlertsSmallFill from '@elliemae/ds-icons/AlertsSmallFill';
+import MessagesSmallFill from '@elliemae/ds-icons/MessagesSmallFill';
 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, {
-    size: "m",
-    color: ['brand-primary', 800]
-  }), (exceptions || alerts || messages) && /*#__PURE__*/React.createElement(Grid, {
-    cols: ['1fr', '1fr', '1fr'],
-    gutter: "xxxs",
-    mt: "2px"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    width: "6px",
-    height: "6px"
-  }, exceptions && /*#__PURE__*/React.createElement(ExceptionsSmallFill, {
-    width: "6px",
-    height: "6px",
-    color: ['warning', 900]
-  })), /*#__PURE__*/React.createElement(Grid, {
-    width: "6px",
-    height: "6px"
-  }, alerts && /*#__PURE__*/React.createElement(AlertsSmallFill, {
-    width: "6px",
-    height: "6px",
-    color: ['danger', 900]
-  })), /*#__PURE__*/React.createElement(Grid, {
-    width: "6px",
-    height: "6px"
-  }, messages && /*#__PURE__*/React.createElement(MessagesSmallFill, {
-    width: "6px",
-    height: "6px",
-    color: ['success', 900]
-  }))));
-};
+const Notifications = ({
+  exceptions = false,
+  alerts = false,
+  messages = false
+}) => /*#__PURE__*/_jsx(StyledIcon, {}, void 0, /*#__PURE__*/_jsx(InternalNotifications, {
+  size: "m",
+  color: ['brand-primary', 800]
+}), (exceptions || alerts || messages) && /*#__PURE__*/_jsx(Grid, {
+  cols: ['1fr', '1fr', '1fr'],
+  gutter: "xxxs",
+  mt: "2px"
+}, void 0, /*#__PURE__*/_jsx(Grid, {
+  width: "6px",
+  height: "6px"
+}, void 0, exceptions && /*#__PURE__*/_jsx(ExceptionsSmallFill, {
+  width: "6px",
+  height: "6px",
+  color: ['warning', 900]
+})), /*#__PURE__*/_jsx(Grid, {
+  width: "6px",
+  height: "6px"
+}, void 0, alerts && /*#__PURE__*/_jsx(AlertsSmallFill, {
+  width: "6px",
+  height: "6px",
+  color: ['danger', 900]
+})), /*#__PURE__*/_jsx(Grid, {
+  width: "6px",
+  height: "6px"
+}, void 0, messages && /*#__PURE__*/_jsx(MessagesSmallFill, {
+  width: "6px",
+  height: "6px",
+  color: ['success', 900]
+}))));
 
 export { Notifications, Notifications as default };
-//# sourceMappingURL=index.js.map

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

@@ -1,19 +1,18 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+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 InternalOpenWindow from '@elliemae/ds-icons/OpenWindow';
+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(InternalOpenWindow).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,30 @@
 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 = ({
+  id,
+  onExpand,
+  onOpen,
+  selectable = true
+}) => {
+  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,50 +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;
+const nextIndex = (index, length) => (index + 1) % length;
 
-  var _useContext = useContext(LeftNavContext),
-      visibleItems = _useContext.visibleItems,
-      visibleItemsRefs = _useContext.visibleItemsRefs;
+const prevIndex = (index, length) => (index - 1 + length) % length;
 
-  var currentIndex = useMemo(function () {
-    return visibleItems.findIndex(function (visibleItemDsId) {
-      return visibleItemDsId === dsId;
-    });
-  }, [dsId, visibleItems]);
-
-  var _useContext2 = useContext(LeftNavContext),
-      expandedForAnimation = _useContext2.expandedForAnimation,
-      setFocusedItem = _useContext2.setFocusedItem,
-      focusedItem = _useContext2.focusedItem,
-      setSelectedItem = _useContext2.setSelectedItem;
-
-  var focusAndSelect = useCallback(function (nextDsId) {
+const useKeyboardNavigation = ({
+  item,
+  onClick
+}) => {
+  const {
+    dsId,
+    itemOpts: {
+      selectable,
+      openable,
+      closable
+    }
+  } = item;
+  const {
+    visibleItems,
+    visibleItemsRefs
+  } = useContext(LeftNavContext);
+  const currentIndex = useMemo(() => visibleItems.findIndex(visibleItemDsId => visibleItemDsId === dsId), [dsId, visibleItems]);
+  const {
+    expandedForAnimation,
+    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();
@@ -87,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);
     }
 
@@ -108,4 +104,3 @@ var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
 };
 
 export { useKeyboardNavigation };
-//# sourceMappingURL=useKeyboardNavigation.js.map

package/esm/hooks/useOpenableOnClickHandler.js

@@ -1,34 +1,35 @@
 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 = ({
+  id,
+  opened,
+  onExpand,
+  onOpen,
+  onClose
+}) => {
+  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,27 +1,22 @@
 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 useSelectFirstBodyItem = function useSelectFirstBodyItem(items, openedItem, setSelectedItem) {
-  useEffect(function () {
+const useSelectFirstBodyItem = (items, openedItem, setSelectedItem) => {
+  useEffect(() => {
     if (items && items.length && openedItem) {
-      var index = items.findIndex(function (elem) {
-        return isSelectableOutOfTheBox(elem) || isSelectableCustom(elem);
-      });
+      const index = items.findIndex(elem => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));
       if (index !== -1) setSelectedItem(items[index].dsId);
     }
   }, [openedItem]);
 };
 
 export { useSelectFirstBodyItem };
-//# sourceMappingURL=useSelectFirstBodyItem.js.map

package/esm/index.d.js

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

package/esm/index.js

@@ -6,54 +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/ItemUncontrolledDrilldown/index.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './outOfTheBox/ItemUncontrolledDrilldown/styled.js';
-import './outOfTheBox/ItemTextLabel/index.js';
-import './outOfTheBox/ItemTextLabel/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/useGlobalKeyListeners.js';
-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/getFocusedByKeyboardStyle.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