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

package/cjs/exported-related/Icon/index.js

@@ -2,31 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
 var styled = require('styled-components');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var AugmentedIcon = function AugmentedIcon(Icon) {
-  return styled__default['default'](Icon).withConfig({
-    componentId: "sc-1eek2uh-0"
-  })(["cursor:pointer;outline:0;:focus,:active{outline:1px solid #1e79c2;}"]);
-};
+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; }
+
+const AugmentedIcon = Icon => styled__default["default"](Icon).withConfig({
+  componentId: "sc-1eek2uh-0"
+})(["cursor:pointer;outline:0;:focus,:active{outline:1px solid #1e79c2;}"]);
 
-var Icon = function Icon(IconComponent) {
-  return function (props) {
-    var StyledComponent = AugmentedIcon(IconComponent);
-    return /*#__PURE__*/React__default['default'].createElement(StyledComponent, _extends__default['default']({
-      color: ['brand-primary', 800],
-      tabIndex: 0
-    }, props));
-  };
+const Icon = IconComponent => props => {
+  const StyledComponent = AugmentedIcon(IconComponent);
+  return /*#__PURE__*/jsxRuntime.jsx(StyledComponent, _objectSpread({
+    color: ['brand-primary', 800],
+    tabIndex: 0
+  }, props));
 };
 
 exports.Icon = Icon;
-//# sourceMappingURL=index.js.map

package/cjs/exported-related/ItemRenderer/index.js

@@ -2,126 +2,127 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var Grid = require('@elliemae/ds-grid');
-var exportedRelated_ItemRenderer_styled = require('./styled.js');
+var styled = require('./styled.js');
 var LeftNavigationContext = require('../../LeftNavigationContext.js');
-var exportedRelated_ItemRenderer_usePropsWithDefaults = require('./usePropsWithDefaults.js');
-var hooks_useKeyboardNavigation = require('../../hooks/useKeyboardNavigation.js');
-require('styled-components');
-require('@babel/runtime/helpers/defineProperty');
-require('../constants.js');
+var usePropsWithDefaults = require('./usePropsWithDefaults.js');
+var useKeyboardNavigation = require('../../hooks/useKeyboardNavigation.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 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 Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
-/* eslint-disable complexity */
-var ItemRenderer = function ItemRenderer(props) {
-  var propsWithDefault = exportedRelated_ItemRenderer_usePropsWithDefaults.usePropsWithDefaults(props);
-  var item = propsWithDefault.item,
-      _propsWithDefault$ite = propsWithDefault.item,
-      dsId = _propsWithDefault$ite.dsId,
-      _propsWithDefault$ite2 = _propsWithDefault$ite.itemOpts,
-      selectable = _propsWithDefault$ite2.selectable,
-      focuseable = _propsWithDefault$ite2.focuseable,
-      indent = _propsWithDefault$ite2.indent,
-      ariaLabel = _propsWithDefault$ite2.ariaLabel,
-      ariaRole = _propsWithDefault$ite2.ariaRole,
-      ariaLive = _propsWithDefault$ite2.ariaLive,
-      ariaExpanded = _propsWithDefault$ite2.ariaExpanded,
-      ariaDescribedBy = _propsWithDefault$ite2.ariaDescribedBy,
-      CollapsedComponent = _propsWithDefault$ite.CollapsedComponent,
-      subitems = propsWithDefault.subitems,
-      minHeight = propsWithDefault.minHeight,
-      paddingTop = propsWithDefault.paddingTop,
-      onClick = propsWithDefault.onClick,
-      shadowStyle = propsWithDefault.shadowStyle,
-      hasBorderBottom = propsWithDefault.hasBorderBottom,
-      borderBottomMr = propsWithDefault.borderBottomMr,
-      children = propsWithDefault.children;
-  var ctx = React.useContext(LeftNavigationContext.LeftNavContext);
-  var _ctx$leftNavProps = ctx.leftNavProps,
-      onItemClick = _ctx$leftNavProps.onItemClick,
-      openedItem = _ctx$leftNavProps.openedItem,
-      expandedForAnimation = ctx.expandedForAnimation,
-      selectedParent = ctx.selectedParent,
-      selectedItem = ctx.selectedItem,
-      setSelectedItem = ctx.setSelectedItem,
-      setFocusedItem = ctx.setFocusedItem,
-      visibleItemsRefs = ctx.visibleItemsRefs;
-  var opened = dsId === openedItem;
-  var handleOnClick = React.useCallback(function (e) {
+const ItemRenderer = props => {
+  const propsWithDefault = usePropsWithDefaults.usePropsWithDefaults(props);
+  const {
+    item,
+    item: {
+      dsId,
+      itemOpts: {
+        selectable,
+        focuseable,
+        indent,
+        ariaLabel,
+        ariaRole,
+        ariaLive,
+        ariaExpanded,
+        ariaDescribedBy
+      },
+      CollapsedComponent
+    },
+    subitems,
+    minHeight,
+    paddingTop,
+    onClick,
+    shadowStyle,
+    hasBorderBottom,
+    borderBottomMr,
+    children
+  } = propsWithDefault;
+  const ctx = React.useContext(LeftNavigationContext.LeftNavContext);
+  const {
+    leftNavProps: {
+      onItemClick,
+      openedItem
+    },
+    expandedForAnimation,
+    selectedParent,
+    selectedItem,
+    setSelectedItem,
+    setFocusedItem,
+    visibleItemsRefs
+  } = ctx;
+  const opened = dsId === openedItem;
+  const handleOnClick = React.useCallback(e => {
     if (onClick) onClick(); // used by uncontrolled drilldowns
 
     onItemClick(item, e);
     if (selectable) setSelectedItem(item.dsId);
   }, [onItemClick, item, setSelectedItem, selectable, onClick]);
-  var handleFocus = React.useCallback(function () {
+  const handleFocus = React.useCallback(() => {
     if (focuseable) setFocusedItem(dsId);
   }, [dsId, setFocusedItem, focuseable]);
-  var onKeyDown = hooks_useKeyboardNavigation.useKeyboardNavigation({
-    item: item,
+  const onKeyDown = useKeyboardNavigation.useKeyboardNavigation({
+    item,
     onClick: handleOnClick
   });
-  var cols = React.useMemo(function () {
-    return expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px'];
-  }, [expandedForAnimation]);
-  var isSelected = React.useMemo(function () {
-    return selectedItem === dsId;
-  }, [selectedItem, dsId]);
+  const cols = React.useMemo(() => expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px'], [expandedForAnimation]);
+  const isSelected = React.useMemo(() => selectedItem === dsId, [selectedItem, dsId]);
 
   if (!expandedForAnimation && !CollapsedComponent) {
     return null;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(exportedRelated_ItemRenderer_styled.StyledItemWrapper, {
-    shadowStyle: shadowStyle(opened, item.type),
-    "data-testid": "leftnav-item-wrapper"
-  }, /*#__PURE__*/React__default['default'].createElement(exportedRelated_ItemRenderer_styled.StyledItem, {
-    ref: visibleItemsRefs.current[dsId],
-    pt: paddingTop,
-    pl: indent === undefined ? 'xxxs' : "".concat(indent, "px"),
-    minHeight: minHeight,
-    shadowStyle: shadowStyle(opened, item.type),
-    alignItems: "flex-start",
-    cols: cols,
-    onClick: !opened ? handleOnClick : function () {
-      return null;
-    },
-    onKeyDown: onKeyDown,
-    selectable: selectable,
-    selected: isSelected,
-    selectedParent: selectedParent === dsId,
-    opened: opened,
-    onFocus: handleFocus,
-    "data-testid": "leftnav-item-container",
-    tabIndex: focuseable ? 0 : -1,
-    "aria-describedby": ariaDescribedBy,
-    "aria-expanded": ariaExpanded,
-    role: ariaRole,
-    "data-selected": isSelected,
-    "data-selectedparent": selectedParent === dsId,
-    "aria-label": ariaLabel,
-    "aria-hidden": !focuseable,
-    "aria-live": ariaLive
-  }, !expandedForAnimation ? /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
-    "data-testid": "leftnav-leftcomponent",
-    justifyContent: "center"
-  }, /*#__PURE__*/React__default['default'].createElement(CollapsedComponent, {
-    item: item,
-    ctx: ctx
-  })) : children), hasBorderBottom && /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      marginLeft: opened ? '16px' : '0px',
-      marginRight: borderBottomMr,
-      height: '1px',
-      width: "calc(100% - ".concat(borderBottomMr, " - ").concat(opened ? '16px' : '0px', ")"),
-      backgroundColor: '#E0E3E8'
-    }
-  })), subitems);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.StyledItemWrapper, {
+      shadowStyle: shadowStyle(opened, item.type),
+      "data-testid": "leftnav-item-wrapper"
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledItem, {
+      ref: visibleItemsRefs.current[dsId],
+      pt: paddingTop,
+      pl: indent === undefined ? 'xxxs' : "".concat(indent, "px"),
+      minHeight: minHeight,
+      shadowStyle: shadowStyle(opened, item.type),
+      alignItems: "flex-start",
+      cols: cols,
+      onClick: !opened ? handleOnClick : () => null,
+      onKeyDown: onKeyDown,
+      selectable: selectable,
+      selected: isSelected,
+      selectedParent: selectedParent === dsId,
+      opened: opened,
+      onFocus: handleFocus,
+      "data-testid": "leftnav-item-container",
+      tabIndex: focuseable ? 0 : -1,
+      "aria-describedby": ariaDescribedBy,
+      "aria-expanded": ariaExpanded,
+      role: ariaRole,
+      "data-selected": isSelected,
+      "data-selectedparent": selectedParent === dsId,
+      "aria-label": ariaLabel,
+      "aria-hidden": !focuseable,
+      "aria-live": ariaLive,
+      children: !expandedForAnimation ? /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
+        "data-testid": "leftnav-leftcomponent",
+        justifyContent: "center"
+      }, void 0, /*#__PURE__*/_jsx__default["default"](CollapsedComponent, {
+        item: item,
+        ctx: ctx
+      })) : children
+    }), hasBorderBottom && /*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        marginLeft: opened ? '16px' : '0px',
+        marginRight: borderBottomMr,
+        height: '1px',
+        width: "calc(100% - ".concat(borderBottomMr, " - ").concat(opened ? '16px' : '0px', ")"),
+        backgroundColor: '#E0E3E8'
+      }
+    })), subitems]
+  });
 };
 
 exports.ItemRenderer = ItemRenderer;
-//# sourceMappingURL=index.js.map

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

@@ -11,55 +11,48 @@ var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 /* 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__default['default'](Grid__default['default']).withConfig({
+const StyledItemWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-11wzgfh-0"
-})(["position:relative;", ""], function (props) {
-  return props.shadowStyle(props.theme);
-});
-
-var getItemBackground = function getItemBackground(_ref) {
-  var selectable = _ref.selectable,
-      opened = _ref.opened,
-      selected = _ref.selected,
-      theme = _ref.theme;
+})(["position:relative;", ""], props => props.shadowStyle(props.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__default['default'](Grid__default['default']).withConfig({
+const StyledItem = /*#__PURE__*/styled__default["default"](Grid__default["default"]).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        }") : '');
 
 exports.StyledItem = StyledItem;
 exports.StyledItemWrapper = StyledItemWrapper;
 exports.borderOutside = borderOutside;
-//# sourceMappingURL=styled.js.map

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

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 
@@ -11,8 +16,8 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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 itemDefaultProps = {
+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 itemDefaultProps = {
   label: '',
   labelOverflow: 'truncate',
   selectable: true,
@@ -25,14 +30,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
-
-var usePropsWithDefaults = function usePropsWithDefaults(props) {
-  var propsWithDefault = React.useMemo(function () {
-    var itemWithDefaults = _objectSpread(_objectSpread({
-      CollapsedComponent: function CollapsedComponent() {
-        return null;
-      }
+const itemWithoutShadows = ['ds-left-nav-item-header', 'ds-left-nav-item-link', 'ds-left-nav-item-submenu']; // Make use Item props with defaults
+
+const usePropsWithDefaults = props => {
+  const propsWithDefault = React.useMemo(() => {
+    const itemWithDefaults = _objectSpread(_objectSpread({
+      CollapsedComponent: () => null
     }, props.item), {}, {
       itemOpts: _objectSpread(_objectSpread({}, itemDefaultProps), props.item.itemOpts)
     });
@@ -41,11 +44,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), {}, {
@@ -56,4 +55,3 @@ var usePropsWithDefaults = function usePropsWithDefaults(props) {
 };
 
 exports.usePropsWithDefaults = usePropsWithDefaults;
-//# sourceMappingURL=usePropsWithDefaults.js.map

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

@@ -2,56 +2,56 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var styled = require('styled-components');
 var Grid = require('@elliemae/ds-grid');
 
 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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
-var StyledIcon = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledIcon = /*#__PURE__*/styled__default["default"].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__default['default'].createElement(StyledIcon, null, /*#__PURE__*/React__default['default'].createElement(dsIcons.Notifications, {
+const Notifications = _ref => {
+  let {
+    exceptions = false,
+    alerts = false,
+    messages = false
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](StyledIcon, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Notifications, {
     size: "m",
     color: ['brand-primary', 800],
     "data-testid": "left-nav-notifications-icon"
-  }), (exceptions || alerts || messages) && /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
+  }), (exceptions || alerts || messages) && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     cols: ['1fr', '1fr', '1fr'],
     gutter: "xxxs",
     mt: "2px"
-  }, /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     width: "6px",
     height: "6px",
     "data-testid": "left-nav-exceptions-icon"
-  }, exceptions && /*#__PURE__*/React__default['default'].createElement(dsIcons.ExceptionsSmallFill, {
+  }, void 0, exceptions && /*#__PURE__*/_jsx__default["default"](dsIcons.ExceptionsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['warning', 900]
-  })), /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
+  })), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     width: "6px",
     height: "6px",
     "data-testid": "left-nav-alerts-icon"
-  }, alerts && /*#__PURE__*/React__default['default'].createElement(dsIcons.AlertsSmallFill, {
+  }, void 0, alerts && /*#__PURE__*/_jsx__default["default"](dsIcons.AlertsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['danger', 900]
-  })), /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
+  })), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     width: "6px",
     height: "6px",
     "data-testid": "left-nav-messages-icon"
-  }, messages && /*#__PURE__*/React__default['default'].createElement(dsIcons.MessagesSmallFill, {
+  }, void 0, messages && /*#__PURE__*/_jsx__default["default"](dsIcons.MessagesSmallFill, {
     width: "6px",
     height: "6px",
     color: ['success', 900]
@@ -59,5 +59,4 @@ var Notifications = function Notifications(_ref) {
 };
 
 exports.Notifications = Notifications;
-exports['default'] = Notifications;
-//# sourceMappingURL=index.js.map
+exports["default"] = Notifications;

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

@@ -2,29 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
 var styled = require('styled-components');
 var dsIcons = require('@elliemae/ds-icons');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledOpenWindow = /*#__PURE__*/styled__default['default'](dsIcons.OpenWindow).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__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 StyledOpenWindow = /*#__PURE__*/styled__default["default"](dsIcons.OpenWindow).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__default['default'].createElement(StyledOpenWindow, _extends__default['default']({
-    size: "s",
-    color: ['brand-primary', 800]
-  }, props));
-};
+})(["cursor:pointer;:focus{outline:1px solid ", ";}"], props => props.theme.colors.brand[800]);
+const OpenWindow = props => /*#__PURE__*/jsxRuntime.jsx(StyledOpenWindow, _objectSpread({
+  size: "s",
+  color: ['brand-primary', 800]
+}, props));
 
 exports.OpenWindow = OpenWindow;
-exports['default'] = OpenWindow;
-//# sourceMappingURL=index.js.map
+exports["default"] = OpenWindow;

package/cjs/exported-related/constants.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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',
@@ -18,13 +18,12 @@ 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';
 
 exports.CHEVRON_BACK_DS_ID = CHEVRON_BACK_DS_ID;
 exports.FOOTER_DS_ID = FOOTER_DS_ID;
 exports.FOOTER_MENU_CLOSE_DS_ID = FOOTER_MENU_CLOSE_DS_ID;
 exports.ITEM_TYPES = ITEM_TYPES;
 exports.LABEL_OVERFLOW = LABEL_OVERFLOW;
-//# sourceMappingURL=constants.js.map