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

package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js

@@ -1,113 +1,122 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { useEffect, useMemo, useCallback } from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useEffect, useMemo, useCallback } from 'react';
 import Grid from '@elliemae/ds-grid';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
+import ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';
+import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
 import { ITEM_TYPES } from '../../exported-related/constants.js';
 import { ItemRenderer } from '../../exported-related/ItemRenderer/index.js';
-import '@babel/runtime/helpers/esm/extends';
+import '@elliemae/ds-icons/ChevronSmallRight';
+import 'react/jsx-runtime';
+import '@elliemae/ds-icons/Notifications';
+import '@elliemae/ds-icons/ExceptionsSmallFill';
+import '@elliemae/ds-icons/AlertsSmallFill';
+import '@elliemae/ds-icons/MessagesSmallFill';
 import 'styled-components';
+import '@elliemae/ds-icons/OpenWindow';
 import { StyledLabel, StyledDate } from './styled.js';
 import { ItemSeparator } from '../ItemSeparator/index.js';
 import { ItemWithDate } from '../ItemWithDate/index.js';
 import { ItemTextLabel } from '../ItemTextLabel/index.js';
-import '../../exported-related/ItemRenderer/styled.js';
-import '../../LeftNavigationContext.js';
-import '../../exported-related/ItemRenderer/usePropsWithDefaults.js';
-import '../../hooks/useKeyboardNavigation.js';
-import '../ItemWithDate/styled.js';
-import '../ItemTextLabel/styled.js';
-
-var _outOfTheBoxSubitemsC;
 
 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; }
 // Subitem mapping
-var outOfTheBoxSubitemsComponents = (_outOfTheBoxSubitemsC = {}, _defineProperty(_outOfTheBoxSubitemsC, ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ItemSeparator), _defineProperty(_outOfTheBoxSubitemsC, ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE, ItemWithDate), _defineProperty(_outOfTheBoxSubitemsC, ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL, ItemTextLabel), _outOfTheBoxSubitemsC);
+const outOfTheBoxSubitemsComponents = {
+  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,
+  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,
+  [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel
+};
 
-var OutOfTheBoxMapSubitem = function OutOfTheBoxMapSubitem(props) {
-  var item = props.item,
-      _props$item = props.item,
-      type = _props$item.type,
-      Component = _props$item.Component,
-      ctx = props.ctx;
+const OutOfTheBoxMapSubitem = props => {
+  const {
+    item,
+    item: {
+      type,
+      Component
+    },
+    ctx
+  } = props;
 
   if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {
     var _item$itemOpts$indent, _item$itemOpts;
 
-    var OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];
-    var currentIndent = (_item$itemOpts$indent = (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : _item$itemOpts.indent) !== null && _item$itemOpts$indent !== void 0 ? _item$itemOpts$indent : 0;
+    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];
+    const currentIndent = (_item$itemOpts$indent = (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : _item$itemOpts.indent) !== null && _item$itemOpts$indent !== void 0 ? _item$itemOpts$indent : 0;
 
-    var newItem = _objectSpread(_objectSpread({}, item), {}, {
+    const newItem = _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({}, item.itemOpts), {}, {
         indent: currentIndent + 44
       })
     });
 
-    return /*#__PURE__*/React.createElement(OutOfTheBoxComponent, {
+    return /*#__PURE__*/_jsx(OutOfTheBoxComponent, {
       item: newItem,
       ctx: ctx
     });
   } // 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.createElement(Component, {
+  return /*#__PURE__*/_jsx(Component, {
     item: item,
     ctx: ctx
   });
 };
 
-var ItemUncontrolledDrilldown = function ItemUncontrolledDrilldown(props) {
-  var item = props.item,
-      _props$item2 = props.item,
-      dsId = _props$item2.dsId,
-      _props$item2$itemOpts = _props$item2.itemOpts,
-      label = _props$item2$itemOpts.label,
-      RightComponent = _props$item2$itemOpts.RightComponent,
-      labelRightSection = _props$item2$itemOpts.labelRightSection,
-      itemLabelOverflow = _props$item2$itemOpts.labelOverflow,
-      labelBold = _props$item2$itemOpts.labelBold,
-      labelColor = _props$item2$itemOpts.labelColor,
-      startOpened = _props$item2$itemOpts.startOpened,
-      items = _props$item2$itemOpts.items,
-      ctx = props.ctx,
-      _props$ctx = props.ctx,
-      leftNavLabelOverflow = _props$ctx.leftNavProps.labelOverflow,
-      openedDrilldowns = _props$ctx.openedDrilldowns,
-      setOpenedDrilldowns = _props$ctx.setOpenedDrilldowns; // Start opened functionality
+const ItemUncontrolledDrilldown = props => {
+  const {
+    item,
+    item: {
+      dsId,
+      itemOpts: {
+        label,
+        RightComponent,
+        labelRightSection,
+        labelOverflow: itemLabelOverflow,
+        labelBold,
+        labelColor,
+        startOpened,
+        items
+      }
+    },
+    ctx,
+    ctx: {
+      leftNavProps: {
+        labelOverflow: leftNavLabelOverflow
+      },
+      openedDrilldowns,
+      setOpenedDrilldowns
+    }
+  } = props; // Start opened functionality
 
-  useEffect(function () {
-    if (startOpened) setOpenedDrilldowns([].concat(_toConsumableArray(openedDrilldowns), [dsId]));
+  useEffect(() => {
+    if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);
   }, []);
-  var opened = openedDrilldowns.includes(dsId);
-  var labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
-  var arrowIcon = useMemo(function () {
-    var Component = opened ? ArrowheadDown : ArrowheadRight;
-    return /*#__PURE__*/React.createElement(Component, {
+  const opened = openedDrilldowns.includes(dsId);
+  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
+  const arrowIcon = useMemo(() => {
+    const Component = opened ? ArrowheadDown : ArrowheadRight;
+    return /*#__PURE__*/_jsx(Component, {
       width: "24px",
       height: "18px",
       color: ['brand-primary', '800']
     });
   }, [opened]); // Array of subitems
 
-  var subitems = useMemo(function () {
+  const subitems = useMemo(() => {
     if (!opened || !items) return [];
-    return items.map(function (subitem) {
-      return /*#__PURE__*/React.createElement(OutOfTheBoxMapSubitem, {
-        item: subitem,
-        ctx: ctx,
-        key: subitem.dsId
-      });
-    });
+    return items.map(subitem => /*#__PURE__*/_jsx(OutOfTheBoxMapSubitem, {
+      item: subitem,
+      ctx: ctx
+    }, subitem.dsId));
   }, [items, opened]);
-  var handleOnClick = useCallback(function () {
-    if (opened) setOpenedDrilldowns(openedDrilldowns.filter(function (openedDrilldown) {
-      return openedDrilldown !== dsId;
-    }));else setOpenedDrilldowns([].concat(_toConsumableArray(openedDrilldowns), [dsId]));
+  const handleOnClick = useCallback(() => {
+    if (opened) setOpenedDrilldowns(openedDrilldowns.filter(openedDrilldown => openedDrilldown !== dsId));else setOpenedDrilldowns([...openedDrilldowns, dsId]);
   }, [opened, setOpenedDrilldowns, openedDrilldowns]);
-  return /*#__PURE__*/React.createElement(ItemRenderer, {
+  return /*#__PURE__*/_jsx(ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
         ariaExpanded: opened,
@@ -122,32 +131,31 @@ var ItemUncontrolledDrilldown = function ItemUncontrolledDrilldown(props) {
     minHeight: "32px",
     paddingTop: "8px",
     onClick: handleOnClick
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     pl: "xxs",
     mt: "-2px"
-  }, arrowIcon), /*#__PURE__*/React.createElement(StyledLabel, {
+  }, void 0, arrowIcon), /*#__PURE__*/_jsx(StyledLabel, {
     pb: "xxxs",
     "data-testid": "leftnav-list-item-label",
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor
-  }, labelOverflow === 'truncate' ? /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
+  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
     value: label,
     placement: "bottom-start"
-  }) : label), /*#__PURE__*/React.createElement(Grid, {
+  }) : label), /*#__PURE__*/_jsx(Grid, {
     pr: "xxs2",
     cols: ['auto', 'auto'],
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(StyledDate, {
+  }, void 0, /*#__PURE__*/_jsx(StyledDate, {
     ml: "xxs",
     "data-testid": "leftnav-list-item-date"
-  }, labelRightSection), /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, labelRightSection), /*#__PURE__*/_jsx(Grid, {
     pl: RightComponent ? 'xxs' : '0px'
-  }, RightComponent && /*#__PURE__*/React.createElement(RightComponent, {
+  }, void 0, RightComponent && /*#__PURE__*/_jsx(RightComponent, {
     ctx: ctx,
     item: item
   }))));
 };
 
 export { ItemUncontrolledDrilldown };
-//# sourceMappingURL=index.js.map

package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js

@@ -1,22 +1,14 @@
 import styled from 'styled-components';
 import Grid from '@elliemae/ds-grid';
 
-var StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
+const StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-17rk89j-0"
-})(["font-size:13px;font-weight:", ";color:", ";line-height:14px;word-break:", ";"], function (props) {
-  return props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular;
-}, function (_ref) {
-  var labelColor = _ref.labelColor,
-      theme = _ref.theme;
-  return labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800];
-}, function (props) {
-  return props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal';
-});
-var StyledDate = /*#__PURE__*/styled(Grid).withConfig({
+})(["font-size:13px;font-weight:", ";color:", ";line-height:14px;word-break:", ";"], props => props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular, ({
+  labelColor,
+  theme
+}) => labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800], props => props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal');
+const StyledDate = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-17rk89j-1"
-})(["font-size:12px;color:", ";line-height:14px;"], function (props) {
-  return props.theme.colors.neutral[600];
-});
+})(["font-size:12px;color:", ";line-height:14px;"], props => props.theme.colors.neutral[600]);
 
 export { StyledDate, StyledLabel };
-//# sourceMappingURL=styled.js.map

package/esm/outOfTheBox/ItemWithDate/index.js

@@ -1,64 +1,75 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React from 'react';
+import 'react';
 import Grid from '@elliemae/ds-grid';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import { ItemRenderer } from '../../exported-related/ItemRenderer/index.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-icons';
+import '@elliemae/ds-icons/ChevronSmallRight';
+import 'react/jsx-runtime';
+import '@elliemae/ds-icons/Notifications';
+import '@elliemae/ds-icons/ExceptionsSmallFill';
+import '@elliemae/ds-icons/AlertsSmallFill';
+import '@elliemae/ds-icons/MessagesSmallFill';
 import 'styled-components';
+import '@elliemae/ds-icons/OpenWindow';
 import { StyledLabel, StyledDate } from './styled.js';
-import '../../exported-related/ItemRenderer/styled.js';
-import '../../LeftNavigationContext.js';
-import '../../exported-related/ItemRenderer/usePropsWithDefaults.js';
-import '../../hooks/useKeyboardNavigation.js';
-import '../../exported-related/constants.js';
+
+var _div;
 
 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 ItemWithDate = function ItemWithDate(props) {
-  var item = props.item,
-      _props$item$itemOpts = props.item.itemOpts,
-      label = _props$item$itemOpts.label,
-      RightComponent = _props$item$itemOpts.RightComponent,
-      labelRightSection = _props$item$itemOpts.labelRightSection,
-      itemLabelOverflow = _props$item$itemOpts.labelOverflow,
-      labelBold = _props$item$itemOpts.labelBold,
-      labelColor = _props$item$itemOpts.labelColor,
-      ctx = props.ctx,
-      leftNavLabelOverflow = props.ctx.leftNavProps.labelOverflow;
-  var labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
-  return /*#__PURE__*/React.createElement(ItemRenderer, {
+const ItemWithDate = props => {
+  const {
+    item,
+    item: {
+      itemOpts: {
+        label,
+        RightComponent,
+        labelRightSection,
+        labelOverflow: itemLabelOverflow,
+        labelBold,
+        labelColor
+      }
+    },
+    ctx,
+    ctx: {
+      leftNavProps: {
+        labelOverflow: leftNavLabelOverflow
+      }
+    }
+  } = props;
+  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
+  return /*#__PURE__*/_jsx(ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
       CollapsedComponent: null
     }),
     minHeight: "32px",
     paddingTop: "8px"
-  }, " ", /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement(StyledLabel, {
+  }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx("div", {})), /*#__PURE__*/_jsx(StyledLabel, {
     pl: "xxs",
     pb: "xxxs",
     "data-testid": "leftnav-list-item-label",
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor
-  }, labelOverflow === 'truncate' ? /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
+  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
     value: label,
     placement: "bottom-start"
-  }) : label), /*#__PURE__*/React.createElement(Grid, {
+  }) : label), /*#__PURE__*/_jsx(Grid, {
     pr: "xxs2",
     cols: ['auto', 'auto'],
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(StyledDate, {
+  }, void 0, /*#__PURE__*/_jsx(StyledDate, {
     ml: "xxs",
     "data-testid": "leftnav-list-item-date"
-  }, labelRightSection), /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, labelRightSection), /*#__PURE__*/_jsx(Grid, {
     pl: RightComponent ? 'xxs' : '0px',
     "data-testid": "leftnav-right-component"
-  }, RightComponent && /*#__PURE__*/React.createElement(RightComponent, {
+  }, void 0, RightComponent && /*#__PURE__*/_jsx(RightComponent, {
     ctx: ctx,
     item: item
   }))));
 };
 
 export { ItemWithDate };
-//# sourceMappingURL=index.js.map

package/esm/outOfTheBox/ItemWithDate/styled.js

@@ -1,22 +1,14 @@
 import styled from 'styled-components';
 import Grid from '@elliemae/ds-grid';
 
-var StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
+const StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-govmsc-0"
-})(["font-size:13px;font-weight:", ";color:", ";line-height:14px;word-break:", ";"], function (props) {
-  return props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular;
-}, function (_ref) {
-  var labelColor = _ref.labelColor,
-      theme = _ref.theme;
-  return labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800];
-}, function (props) {
-  return props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal';
-});
-var StyledDate = /*#__PURE__*/styled(Grid).withConfig({
+})(["font-size:13px;font-weight:", ";color:", ";line-height:14px;word-break:", ";"], props => props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular, ({
+  labelColor,
+  theme
+}) => labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800], props => props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal');
+const StyledDate = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-govmsc-1"
-})(["font-size:12px;color:", ";line-height:14px;"], function (props) {
-  return props.theme.colors.neutral[600];
-});
+})(["font-size:12px;color:", ";line-height:14px;"], props => props.theme.colors.neutral[600]);
 
 export { StyledDate, StyledLabel };
-//# sourceMappingURL=styled.js.map

package/esm/outOfTheBox/index.js

@@ -1,10 +1,16 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { ITEM_TYPES } from '../exported-related/constants.js';
+import '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import '@elliemae/ds-grid';
 import 'styled-components';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-icons';
+import '@babel/runtime/helpers/esm/defineProperty';
+import 'react/jsx-runtime';
+import '@elliemae/ds-icons/ChevronSmallRight';
+import '@elliemae/ds-icons/Notifications';
+import '@elliemae/ds-icons/ExceptionsSmallFill';
+import '@elliemae/ds-icons/AlertsSmallFill';
+import '@elliemae/ds-icons/MessagesSmallFill';
+import '@elliemae/ds-icons/OpenWindow';
 import { ItemControlledDrilldown } from './ItemControlledDrilldown/index.js';
 export { ItemControlledDrilldown } from './ItemControlledDrilldown/index.js';
 import { ItemUncontrolledDrilldown } from './ItemUncontrolledDrilldown/index.js';
@@ -23,34 +29,29 @@ import { ItemTextLabel } from './ItemTextLabel/index.js';
 export { ItemTextLabel } from './ItemTextLabel/index.js';
 import { ItemWithDate } from './ItemWithDate/index.js';
 export { ItemWithDate } from './ItemWithDate/index.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../exported-related/ItemRenderer/index.js';
-import '../exported-related/ItemRenderer/styled.js';
-import '../LeftNavigationContext.js';
-import '../exported-related/ItemRenderer/usePropsWithDefaults.js';
-import '../hooks/useKeyboardNavigation.js';
-import './ItemControlledDrilldown/styled.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './ItemUncontrolledDrilldown/styled.js';
-import './ItemHeader/styled.js';
-import './ItemLink/styled.js';
-import './ItemSection/styled.js';
-import './ItemSubmenu/styled.js';
-import './ItemTextLabel/styled.js';
-import './ItemWithDate/styled.js';
 
-var _outOfTheBoxComponent;
-var outOfTheBoxTypes = Object.values(ITEM_TYPES);
-var LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN = ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,
-    LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN = ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,
-    LEFT_NAV_ITEM_HEADER = ITEM_TYPES.LEFT_NAV_ITEM_HEADER,
-    LEFT_NAV_ITEM_LINK = ITEM_TYPES.LEFT_NAV_ITEM_LINK,
-    LEFT_NAV_ITEM_SECTION = ITEM_TYPES.LEFT_NAV_ITEM_SECTION,
-    LEFT_NAV_ITEM_SEPARATOR = ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR,
-    LEFT_NAV_ITEM_SUBMENU = ITEM_TYPES.LEFT_NAV_ITEM_SUBMENU,
-    LEFT_NAV_ITEM_TEXT_LABEL = ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL,
-    LEFT_NAV_ITEM_WITH_DATE = ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE;
-var outOfTheBoxComponents = (_outOfTheBoxComponent = {}, _defineProperty(_outOfTheBoxComponent, LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN, ItemControlledDrilldown), _defineProperty(_outOfTheBoxComponent, LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN, ItemUncontrolledDrilldown), _defineProperty(_outOfTheBoxComponent, LEFT_NAV_ITEM_HEADER, ItemHeader), _defineProperty(_outOfTheBoxComponent, LEFT_NAV_ITEM_LINK, ItemLink), _defineProperty(_outOfTheBoxComponent, LEFT_NAV_ITEM_SECTION, ItemSection), _defineProperty(_outOfTheBoxComponent, LEFT_NAV_ITEM_SEPARATOR, ItemSeparator), _defineProperty(_outOfTheBoxComponent, LEFT_NAV_ITEM_SUBMENU, ItemSubmenu), _defineProperty(_outOfTheBoxComponent, LEFT_NAV_ITEM_TEXT_LABEL, ItemTextLabel), _defineProperty(_outOfTheBoxComponent, LEFT_NAV_ITEM_WITH_DATE, ItemWithDate), _outOfTheBoxComponent);
+const outOfTheBoxTypes = Object.values(ITEM_TYPES);
+const {
+  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,
+  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,
+  LEFT_NAV_ITEM_HEADER,
+  LEFT_NAV_ITEM_LINK,
+  LEFT_NAV_ITEM_SECTION,
+  LEFT_NAV_ITEM_SEPARATOR,
+  LEFT_NAV_ITEM_SUBMENU,
+  LEFT_NAV_ITEM_TEXT_LABEL,
+  LEFT_NAV_ITEM_WITH_DATE
+} = ITEM_TYPES;
+const outOfTheBoxComponents = {
+  [LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN]: ItemControlledDrilldown,
+  [LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN]: ItemUncontrolledDrilldown,
+  [LEFT_NAV_ITEM_HEADER]: ItemHeader,
+  [LEFT_NAV_ITEM_LINK]: ItemLink,
+  [LEFT_NAV_ITEM_SECTION]: ItemSection,
+  [LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,
+  [LEFT_NAV_ITEM_SUBMENU]: ItemSubmenu,
+  [LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,
+  [LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate
+};
 
 export { outOfTheBoxComponents, outOfTheBoxTypes };
-//# sourceMappingURL=index.js.map

package/esm/parts/LeftNavContent/index.js

@@ -1,3 +1,4 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
 import { LeftNavContext } from '../../LeftNavigationContext.js';
 import { LeftNavFooterItem } from '../LeftNavFooterItem/index.js';
@@ -5,101 +6,65 @@ import { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar/inde
 import { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem.js';
 import { StyledLeftNavExpandAnimationWrapper, StyledLeftNavAreasContainer, StyledLeftNavFooterArea, StyledLeftNavHeaderArea, StyledLeftNavBodyAreasContainer, StyledLeftNavBodyHeaderArea, StyledLeftNavBodyItemsArea } from './styled.js';
 import { LeftNavLoading } from '../LeftNavLoading/index.js';
-import '@elliemae/ds-icons';
-import 'react-desc';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../LeftNavFooterItem/styled.js';
-import 'styled-components';
-import '../../common/getFocusedByKeyboardStyle.js';
-import '../../common/getItemBackgroundStyle.js';
-import '../../common/getLeftBorderStyle.js';
-import '../../hooks/useKeyboardNavigation.js';
-import '../../exported-related/constants.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'overlayscrollbars/css/OverlayScrollbars.css';
-import 'overlayscrollbars';
-import '../../outOfTheBox/index.js';
-import '@babel/runtime/helpers/esm/extends';
-import '../../outOfTheBox/ItemControlledDrilldown/index.js';
-import '../../exported-related/ItemRenderer/index.js';
-import '../../exported-related/ItemRenderer/styled.js';
-import '../../exported-related/ItemRenderer/usePropsWithDefaults.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 '@elliemae/ds-circular-progress-indicator';
+import { jsxs, Fragment } from 'react/jsx-runtime';
 
-var leftNavScreenReaderInstructions = 'Left Navigation. You can navigate through the items using the Up/Down arrows. ' + 'To expand or select an item, use the Enter/Return or Space keys. ' + 'Expandable items can also be opened/closed with the Right/Left arrows. ' + 'The Home and End keys will take you to the first and last item respectively.';
+var _LeftNavInnerContent;
+const leftNavScreenReaderInstructions = 'Left Navigation. You can navigate through the items using the Up/Down arrows. ' + 'To expand or select an item, use the Enter/Return or Space keys. ' + 'Expandable items can also be opened/closed with the Right/Left arrows. ' + 'The Home and End keys will take you to the first and last item respectively.';
 
-var LeftNavInnerContent = function LeftNavInnerContent() {
-  var _React$useContext = React.useContext(LeftNavContext),
-      _React$useContext$lef = _React$useContext.leftNavProps,
-      HeaderComponent = _React$useContext$lef.HeaderComponent,
-      BodyHeaderComponent = _React$useContext$lef.BodyHeaderComponent,
-      openedItem = _React$useContext$lef.openedItem,
-      items = _React$useContext$lef.items,
-      selectedItem = _React$useContext.selectedItem;
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledLeftNavHeaderArea, {
-    "data-testid": "leftnav-header-area",
-    selected: HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)
-  }, HeaderComponent ? /*#__PURE__*/React.createElement(OutOfTheBoxMapItem, {
-    item: HeaderComponent
-  }) : null), /*#__PURE__*/React.createElement(StyledLeftNavBodyAreasContainer, null, /*#__PURE__*/React.createElement(StyledLeftNavBodyHeaderArea, {
-    "data-testid": "leftnav-body-header-area",
-    selected: BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)
-  }, BodyHeaderComponent ? /*#__PURE__*/React.createElement(OutOfTheBoxMapItem, {
-    item: BodyHeaderComponent
-  }) : null), /*#__PURE__*/React.createElement(StyledLeftNavBodyItemsArea, {
-    selected: openedItem !== null,
-    "data-testid": "leftnav-body-items-area",
-    tabIndex: -1
-  }, /*#__PURE__*/React.createElement(LeftNavContentWithScrollbar, null, items.map(function (item) {
-    return /*#__PURE__*/React.createElement(OutOfTheBoxMapItem, {
-      item: item,
-      key: item.dsId
-    });
-  })))));
+const LeftNavInnerContent = () => {
+  const {
+    leftNavProps: {
+      HeaderComponent,
+      BodyHeaderComponent,
+      openedItem,
+      items
+    },
+    selectedItem
+  } = React.useContext(LeftNavContext);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(StyledLeftNavHeaderArea, {
+      "data-testid": "leftnav-header-area",
+      selected: HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)
+    }, void 0, HeaderComponent ? /*#__PURE__*/_jsx(OutOfTheBoxMapItem, {
+      item: HeaderComponent
+    }) : null), /*#__PURE__*/_jsx(StyledLeftNavBodyAreasContainer, {}, void 0, /*#__PURE__*/_jsx(StyledLeftNavBodyHeaderArea, {
+      "data-testid": "leftnav-body-header-area",
+      selected: BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)
+    }, void 0, BodyHeaderComponent ? /*#__PURE__*/_jsx(OutOfTheBoxMapItem, {
+      item: BodyHeaderComponent
+    }) : null), /*#__PURE__*/_jsx(StyledLeftNavBodyItemsArea, {
+      selected: openedItem !== null,
+      "data-testid": "leftnav-body-items-area",
+      tabIndex: -1
+    }, void 0, /*#__PURE__*/_jsx(LeftNavContentWithScrollbar, {}, void 0, items.map(item => /*#__PURE__*/_jsx(OutOfTheBoxMapItem, {
+      item: item
+    }, item.dsId)))))]
+  });
 };
 
-var LeftNavContent = function LeftNavContent() {
-  var _React$useContext2 = React.useContext(LeftNavContext),
-      expandedForAnimation = _React$useContext2.expandedForAnimation,
-      _React$useContext2$le = _React$useContext2.leftNavProps,
-      expanded = _React$useContext2$le.expanded,
-      expandedWidth = _React$useContext2$le.expandedWidth,
-      footerLabel = _React$useContext2$le.footerLabel,
-      onFooterExpand = _React$useContext2$le.onFooterExpand,
-      onFooterClose = _React$useContext2$le.onFooterClose,
-      loading = _React$useContext2$le.loading;
-
-  return /*#__PURE__*/React.createElement(StyledLeftNavExpandAnimationWrapper, {
+const LeftNavContent = () => {
+  const {
+    expandedForAnimation,
+    leftNavProps: {
+      expanded,
+      expandedWidth,
+      footerLabel,
+      onFooterExpand,
+      onFooterClose,
+      loading
+    }
+  } = React.useContext(LeftNavContext);
+  return /*#__PURE__*/_jsx(StyledLeftNavExpandAnimationWrapper, {
     expandedWidth: expandedWidth,
     expanded: expanded,
     "data-testid": "leftnav-component",
     "aria-label": leftNavScreenReaderInstructions
-  }, /*#__PURE__*/React.createElement(StyledLeftNavAreasContainer, {
+  }, void 0, /*#__PURE__*/_jsx(StyledLeftNavAreasContainer, {
     expandedWidth: expandedWidth,
     expanded: expandedForAnimation
-  }, loading && /*#__PURE__*/React.createElement(LeftNavLoading, {
+  }, void 0, loading && /*#__PURE__*/_jsx(LeftNavLoading, {
     expanded: expandedForAnimation
-  }), !loading && /*#__PURE__*/React.createElement(LeftNavInnerContent, null), /*#__PURE__*/React.createElement(StyledLeftNavFooterArea, null, /*#__PURE__*/React.createElement(LeftNavFooterItem, {
+  }), !loading && (_LeftNavInnerContent || (_LeftNavInnerContent = /*#__PURE__*/_jsx(LeftNavInnerContent, {}))), /*#__PURE__*/_jsx(StyledLeftNavFooterArea, {}, void 0, /*#__PURE__*/_jsx(LeftNavFooterItem, {
     footerLabel: footerLabel,
     onFooterExpand: onFooterExpand,
     onFooterClose: onFooterClose
@@ -107,4 +72,3 @@ var LeftNavContent = function LeftNavContent() {
 };
 
 export { LeftNavContent as default };
-//# sourceMappingURL=index.js.map