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

package/cjs/parts/LeftNavFooterItem/styled.js

@@ -3,50 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-grid');
+var dsBasic = require('@elliemae/ds-basic');
 var dsIcons = require('@elliemae/ds-icons');
-var common_getFocusedByKeyboardStyle = require('../../common/getFocusedByKeyboardStyle.js');
-var common_getItemBackgroundStyle = require('../../common/getItemBackgroundStyle.js');
-var common_getLeftBorderStyle = require('../../common/getLeftBorderStyle.js');
+var getFocusedByKeyboardStyle = require('../../common/getFocusedByKeyboardStyle.js');
+var getItemBackgroundStyle = require('../../common/getItemBackgroundStyle.js');
+var getLeftBorderStyle = require('../../common/getLeftBorderStyle.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledFooterMenu = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const StyledFooterMenu = /*#__PURE__*/styled__default["default"](dsBasic.Grid).withConfig({
   componentId: "sc-1mcbjxr-0"
-})(["width:100%;margin-top:auto;background:", ";", " border-top:1px solid ", ";"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, common_getLeftBorderStyle.getLeftBorderStyle, function (props) {
-  return props.theme.colors.neutral[100];
-});
-var StyledItemWrapper = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+})(["width:100%;margin-top:auto;background:", ";", " border-top:1px solid ", ";"], props => props.theme.colors.neutral['000'], getLeftBorderStyle.getLeftBorderStyle, props => props.theme.colors.neutral[100]);
+const StyledItemWrapper = /*#__PURE__*/styled__default["default"](dsBasic.Grid).withConfig({
   componentId: "sc-1mcbjxr-1"
-})(["position:relative;padding-left:", ";"], function (props) {
-  return props.theme.space.xxxs;
-});
-var StyledItem = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+})(["position:relative;padding-left:", ";"], props => props.theme.space.xxxs);
+const StyledItem = /*#__PURE__*/styled__default["default"](dsBasic.Grid).withConfig({
   componentId: "sc-1mcbjxr-2"
-})(["min-height:48px;cursor:", ";", " outline:none;", ""], function (props) {
-  return props.expanded ? 'auto' : 'pointer';
-}, common_getItemBackgroundStyle.getItemBackgroundStyle, common_getFocusedByKeyboardStyle.getFocusedByKeyboardBorderStyle);
-var StyledLabel = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+})(["min-height:48px;cursor:", ";", " outline:none;", ""], props => props.expanded ? 'auto' : 'pointer', getItemBackgroundStyle.getItemBackgroundStyle, getFocusedByKeyboardStyle.getFocusedByKeyboardBorderStyle);
+const StyledLabel = /*#__PURE__*/styled__default["default"](dsBasic.Grid).withConfig({
   componentId: "sc-1mcbjxr-3"
-})(["font-size:11px;color:", ";line-height:14px;word-break:", ";"], function (props) {
-  return props.theme.colors.neutral[500];
-}, function (props) {
-  return props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal';
-});
-var StyledSeparator = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+})(["font-size:11px;color:", ";line-height:14px;word-break:", ";"], props => props.theme.colors.neutral[500], props => props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal');
+const StyledSeparator = /*#__PURE__*/styled__default["default"](dsBasic.Grid).withConfig({
   componentId: "sc-1mcbjxr-4"
-})(["height:16px;width:1px;background-color:", ";"], function (props) {
-  return props.theme.colors.neutral[100];
-});
-var StyledMenuCollapse = /*#__PURE__*/styled__default['default'](dsIcons.MenuCollapse).withConfig({
+})(["height:16px;width:1px;background-color:", ";"], props => props.theme.colors.neutral[100]);
+const StyledMenuCollapse = /*#__PURE__*/styled__default["default"](dsIcons.MenuCollapse).withConfig({
   componentId: "sc-1mcbjxr-5"
-})(["cursor:pointer;:focus{outline:1px solid ", ";}"], function (props) {
-  return props.theme.colors.brand[800];
-});
+})(["cursor:pointer;:focus{outline:1px solid ", ";}"], props => props.theme.colors.brand[800]);
 
 exports.StyledFooterMenu = StyledFooterMenu;
 exports.StyledItem = StyledItem;
@@ -54,4 +38,3 @@ exports.StyledItemWrapper = StyledItemWrapper;
 exports.StyledLabel = StyledLabel;
 exports.StyledMenuCollapse = StyledMenuCollapse;
 exports.StyledSeparator = StyledSeparator;
-//# sourceMappingURL=styled.js.map

package/cjs/parts/LeftNavLoading/index.js

@@ -2,31 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var DSCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var DSCircularProgressIndicator = require('@elliemae/ds-basic/CircularProgressIndicator');
 var Grid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
 
 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 DSCircularProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSCircularProgressIndicator);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledLoaderWrapper = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledLoaderWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-mqgtxd-0"
 })(["grid-area:left-nav-body;height:100%;place-items:center;z-index:0;background-color:white;"]);
-var LeftNavLoading = function LeftNavLoading(_ref) {
-  var expanded = _ref.expanded;
-  return /*#__PURE__*/React__default['default'].createElement(StyledLoaderWrapper, null, /*#__PURE__*/React__default['default'].createElement(DSCircularProgressIndicator__default['default'], {
-    size: expanded ? 'xl' : 'm',
-    loading: true,
-    showLabel: expanded,
-    waiting: false,
-    showTooltip: !expanded
-  }));
-};
+const LeftNavLoading = ({
+  expanded
+}) => /*#__PURE__*/_jsx__default["default"](StyledLoaderWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSCircularProgressIndicator__default["default"], {
+  size: expanded ? 'xl' : 'm',
+  loading: true,
+  showLabel: expanded,
+  waiting: false,
+  showTooltip: !expanded
+}));
 
 exports.LeftNavLoading = LeftNavLoading;
-//# sourceMappingURL=index.js.map

package/cjs/parts/OutOfTheBoxMapItem.js

@@ -2,57 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var outOfTheBox_index = require('../outOfTheBox/index.js');
+var index = require('../outOfTheBox/index.js');
 var LeftNavigationContext = require('../LeftNavigationContext.js');
-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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(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__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var OutOfTheBoxMapItem = function OutOfTheBoxMapItem(props) {
-  var item = props.item,
-      _props$item = props.item,
-      type = _props$item.type,
-      Component = _props$item.Component;
-  var ctx = React__default['default'].useContext(LeftNavigationContext.LeftNavContext);
-
-  if (typeof type === 'string' && !!outOfTheBox_index.outOfTheBoxComponents[type]) {
-    var OutOfTheBoxComponent = outOfTheBox_index.outOfTheBoxComponents[type];
-    return /*#__PURE__*/React__default['default'].createElement(OutOfTheBoxComponent, {
+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 OutOfTheBoxMapItem = props => {
+  const {
+    item,
+    item: {
+      type,
+      Component
+    }
+  } = props;
+  const ctx = React__default["default"].useContext(LeftNavigationContext.LeftNavContext);
+
+  if (typeof type === 'string' && !!index.outOfTheBoxComponents[type]) {
+    const OutOfTheBoxComponent = index.outOfTheBoxComponents[type];
+    return /*#__PURE__*/_jsx__default["default"](OutOfTheBoxComponent, {
       item: _objectSpread({
         itemOpts: {}
       }, item),
@@ -61,11 +38,10 @@ var OutOfTheBoxMapItem = function OutOfTheBoxMapItem(props) {
   } // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...
 
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, {
+  return /*#__PURE__*/_jsx__default["default"](Component, {
     item: item,
     ctx: ctx
   });
 };
 
 exports.OutOfTheBoxMapItem = OutOfTheBoxMapItem;
-//# sourceMappingURL=OutOfTheBoxMapItem.js.map

package/cjs/prop-types.js

@@ -3,47 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
-var outOfTheBox_index = require('./outOfTheBox/index.js');
-require('@babel/runtime/helpers/defineProperty');
-require('./exported-related/constants.js');
-require('react');
-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('./LeftNavigationContext.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');
+var index = require('./outOfTheBox/index.js');
 
-var leftNavItemProps = {
-  type: reactDesc.PropTypes.oneOf(outOfTheBox_index.outOfTheBoxTypes).description('out of the box types'),
+const leftNavItemProps = {
+  type: reactDesc.PropTypes.oneOf(index.outOfTheBoxTypes).description('out of the box types'),
   dsId: reactDesc.PropTypes.string.description('unique identifier for the left nav item'),
   Component: reactDesc.PropTypes.func.description("A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box"),
   CollapsedComponent: reactDesc.PropTypes.func.description('A component which is renderer when the left-nav is collapsed'),
   itemOpts: reactDesc.PropTypes.object.description('Item options')
 };
-var leftNavigationProps = {
+const leftNavigationProps = {
   containerProps: reactDesc.PropTypes.shape({
     expandedWidth: reactDesc.PropTypes.string
   }).description('Set of Properties attached to the main container').defaultValue({
@@ -56,31 +25,22 @@ var leftNavigationProps = {
   footerLabel: reactDesc.PropTypes.string.description('The label to show in the footer item'),
   onFooterExpand: reactDesc.PropTypes.func.description('The function to call when the left-nav is opened via the footer'),
   onFooterClose: reactDesc.PropTypes.func.description('The function to call when the left-nav is closed via the footer'),
-  onSelectedChange: reactDesc.PropTypes.func.description('A callback which triggers when the selected item changes').defaultValue(function () {
-    return null;
-  }),
-  onFocusChange: reactDesc.PropTypes.func.description('A callback which triggers when the focused item changes').defaultValue(function () {
-    return null;
-  }),
+  onSelectedChange: reactDesc.PropTypes.func.description('A callback which triggers when the selected item changes').defaultValue(() => null),
+  onFocusChange: reactDesc.PropTypes.func.description('A callback which triggers when the focused item changes').defaultValue(() => null),
   items: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of items you want to render inside the left nav').defaultValue([])
 };
 
-var LeftNavItemProps = function LeftNavItemProps() {
-  return null;
-};
+const LeftNavItemProps = () => null;
 
-var LeftNavItemPropsSchema = reactDesc.describe(LeftNavItemProps);
+const LeftNavItemPropsSchema = reactDesc.describe(LeftNavItemProps);
 LeftNavItemPropsSchema.propTypes = leftNavItemProps;
 
-var LeftNavItemOptions = function LeftNavItemOptions() {
-  return null;
-};
+const LeftNavItemOptions = () => null;
 
-var LeftNavItemOptionsSchema = reactDesc.describe(LeftNavItemOptions);
+const LeftNavItemOptionsSchema = reactDesc.describe(LeftNavItemOptions);
 LeftNavItemOptionsSchema.propTypes = leftNavItemProps;
 
 exports.LeftNavItemOptionsSchema = LeftNavItemOptionsSchema;
 exports.LeftNavItemPropsSchema = LeftNavItemPropsSchema;
 exports.leftNavItemProps = leftNavItemProps;
 exports.leftNavigationProps = leftNavigationProps;
-//# sourceMappingURL=prop-types.js.map

package/esm/LeftNavigation.js

@@ -1,67 +1,20 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { describe } from 'react-desc';
 import { leftNavigationProps } from './prop-types.js';
 import { LeftNavContext, defaultProps } from './LeftNavigationContext.js';
 import { useLeftNavConfig } from './configs/useLeftNavConfig.js';
 import LeftNavContent from './parts/LeftNavContent/index.js';
-import './outOfTheBox/index.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './exported-related/constants.js';
-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 './exported-related/ItemRenderer/index.js';
-import './exported-related/ItemRenderer/styled.js';
-import './exported-related/ItemRenderer/usePropsWithDefaults.js';
-import './hooks/useKeyboardNavigation.js';
-import './outOfTheBox/ItemControlledDrilldown/styled.js';
-import './outOfTheBox/ItemSeparator/index.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 '@babel/runtime/helpers/esm/slicedToArray';
-import './configs/useGlobalKeyListeners.js';
-import './configs/useLeftNavItems.js';
-import './configs/useLeftNavSmoothExpand.js';
-import './hooks/useSelectFirstBodyItem.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';
 
-var LeftNavigation = function LeftNavigation(props) {
-  var leftNavConfig = useLeftNavConfig(props);
-  return /*#__PURE__*/React.createElement(LeftNavContext.Provider, {
+var _LeftNavContent;
+const LeftNavigation = props => {
+  const leftNavConfig = useLeftNavConfig(props);
+  return /*#__PURE__*/_jsx(LeftNavContext.Provider, {
     value: leftNavConfig
-  }, /*#__PURE__*/React.createElement(LeftNavContent, null));
+  }, void 0, _LeftNavContent || (_LeftNavContent = /*#__PURE__*/_jsx(LeftNavContent, {})));
 };
-LeftNavigation.propTypes = leftNavigationProps;
 LeftNavigation.defaultProps = defaultProps;
-var LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');
+const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');
 LeftNavigationWithSchema.propTypes = leftNavigationProps;
 
 export { LeftNavigation, LeftNavigationWithSchema };
-//# sourceMappingURL=LeftNavigation.js.map

package/esm/LeftNavigationContext.js

@@ -1,59 +1,38 @@
 import { createContext } from '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__*/createContext(defaultContext);
+const LeftNavContext = /*#__PURE__*/createContext(defaultContext);
 
 export { LeftNavContext, LeftNavContext as default, defaultContext, defaultProps };
-//# sourceMappingURL=LeftNavigationContext.js.map

package/esm/common/getFocusedByKeyboardStyle.js

@@ -1,13 +1,8 @@
-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 '';
 };
 
 export { getFocusedByKeyboardBorderStyle };
-//# sourceMappingURL=getFocusedByKeyboardStyle.js.map

package/esm/common/getItemBackgroundStyle.js

@@ -1,11 +1,8 @@
-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]);
 };
 
 export { getItemBackgroundStyle };
-//# sourceMappingURL=getItemBackgroundStyle.js.map

package/esm/common/getLeftBorderStyle.js

@@ -1,11 +1,8 @@
-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]);
 };
 
 export { getLeftBorderStyle };
-//# sourceMappingURL=getLeftBorderStyle.js.map

package/esm/common/getScrollbarStyle.js

@@ -1,6 +1,3 @@
-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";
 
 export { getScrolbarStyle };
-//# sourceMappingURL=getScrollbarStyle.js.map

package/esm/common/index.js

@@ -2,4 +2,3 @@ export { getFocusedByKeyboardBorderStyle } from './getFocusedByKeyboardStyle.js'
 export { getItemBackgroundStyle } from './getItemBackgroundStyle.js';
 export { getLeftBorderStyle } from './getLeftBorderStyle.js';
 export { getScrolbarStyle } from './getScrollbarStyle.js';
-//# sourceMappingURL=index.js.map

package/esm/configs/index.js

@@ -1,16 +1,2 @@
 import { useLeftNavConfig } from './useLeftNavConfig.js';
 export { useLeftNavConfig as default, useLeftNavConfig } from './useLeftNavConfig.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import './useGlobalKeyListeners.js';
-import './useLeftNavItems.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '../exported-related/constants.js';
-import '@elliemae/ds-grid';
-import 'styled-components';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-icons';
-import './useLeftNavSmoothExpand.js';
-import '../hooks/useSelectFirstBodyItem.js';
-//# sourceMappingURL=index.js.map

package/esm/configs/useGlobalKeyListeners.js

@@ -1,20 +1,18 @@
 import React from 'react';
 
-var useGlobalKeyListeners = function useGlobalKeyListeners(opts) {
-  var setFocusedByKey = opts.setFocusedByKey;
-  React.useEffect(function () {
-    var isKey = function isKey() {
-      return setFocusedByKey(true);
-    };
+const useGlobalKeyListeners = opts => {
+  const {
+    setFocusedByKey
+  } = opts;
+  React.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);
     };
@@ -22,4 +20,3 @@ var useGlobalKeyListeners = function useGlobalKeyListeners(opts) {
 };
 
 export { useGlobalKeyListeners as default, useGlobalKeyListeners };
-//# sourceMappingURL=useGlobalKeyListeners.js.map