@elliemae/ds-left-navigation 3.0.0-next.2 → 3.0.0-next.6

package/cjs/prop-types.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var index = require('./outOfTheBox/index.js');
-
-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')
-};
-const leftNavigationProps = {
-  containerProps: reactDesc.PropTypes.shape({
-    expandedWidth: reactDesc.PropTypes.string
-  }).description('Set of Properties attached to the main container').defaultValue({
-    expandedWidth: '240px'
-  }),
-  expanded: reactDesc.PropTypes.bool.description('Whether to show the left navigation expanded or collapsed').defaultValue(false),
-  loading: reactDesc.PropTypes.bool.description('Whether the left-nav is loading').defaultValue(false),
-  tabIndex: reactDesc.PropTypes.number.description('Tab index').defaultValue(0),
-  openedItem: reactDesc.PropTypes.string.description('The id of the left navigation item you want to be opened').defaultValue(null),
-  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(() => 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([]),
-  disableDefaultSelection: reactDesc.PropTypes.bool.description('Whether you do not want to automatically select the first body item').defaultValue(false)
-};
-
-const LeftNavItemProps = () => null;
-
-const LeftNavItemPropsSchema = reactDesc.describe(LeftNavItemProps);
-LeftNavItemPropsSchema.propTypes = leftNavItemProps;
-
-const LeftNavItemOptions = () => null;
-
-const LeftNavItemOptionsSchema = reactDesc.describe(LeftNavItemOptions);
-LeftNavItemOptionsSchema.propTypes = leftNavItemProps;
-
-exports.LeftNavItemOptionsSchema = LeftNavItemOptionsSchema;
-exports.LeftNavItemPropsSchema = LeftNavItemPropsSchema;
-exports.leftNavItemProps = leftNavItemProps;
-exports.leftNavigationProps = leftNavigationProps;

package/esm/LeftNavigation.js

@@ -1,20 +0,0 @@
-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';
-
-var _LeftNavContent;
-const LeftNavigation = props => {
-  const leftNavConfig = useLeftNavConfig(props);
-  return /*#__PURE__*/_jsx(LeftNavContext.Provider, {
-    value: leftNavConfig
-  }, void 0, _LeftNavContent || (_LeftNavContent = /*#__PURE__*/_jsx(LeftNavContent, {})));
-};
-LeftNavigation.defaultProps = defaultProps;
-const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');
-LeftNavigationWithSchema.propTypes = leftNavigationProps;
-
-export { LeftNavigation, LeftNavigationWithSchema };

package/esm/common/getItemBackgroundStyle.js

@@ -1,8 +0,0 @@
-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");
-
-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 };

package/esm/common/getLeftBorderStyle.js

@@ -1,8 +0,0 @@
-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");
-
-const getLeftBorderStyle = props => {
-  if (props.selected || props.selectedParent) 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.brand[300], props.theme.colors.brand[400]);
-};
-
-export { getLeftBorderStyle };

package/esm/common/getScrollbarStyle.js

@@ -1,3 +0,0 @@
-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 };

package/esm/common/index.js

@@ -1,3 +0,0 @@
-export { getItemBackgroundStyle } from './getItemBackgroundStyle.js';
-export { getLeftBorderStyle } from './getLeftBorderStyle.js';
-export { getScrolbarStyle } from './getScrollbarStyle.js';

package/esm/configs/index.js

@@ -1,2 +0,0 @@
-import { useLeftNavConfig } from './useLeftNavConfig.js';
-export { useLeftNavConfig as default, useLeftNavConfig } from './useLeftNavConfig.js';

package/esm/configs/useLeftNavConfig.js

@@ -1,93 +0,0 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React from 'react';
-import { useLeftNavItems } from './useLeftNavItems.js';
-import { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand.js';
-import { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem.js';
-
-const useLeftNavConfig = props => {
-  const {
-    expanded,
-    openedItem,
-    onSelectedChange,
-    onFocusChange,
-    items
-  } = props; // -----------------------------------------------------------------------------
-  // ************************** ------------ **************************
-  // *                         INTERNAL STATE                         *
-  // ************************** ------------ **************************
-  // Selection related
-
-  const [selectedItem, setSelectedItem] = React.useState(null);
-  const [selectedParent, setSelectedParent] = React.useState(null); // Focus related
-
-  const [focusedItem, setFocusedItem] = React.useState(null); // Opened uncontrolled drilldowns
-
-  const [openedDrilldowns, setOpenedDrilldowns] = React.useState([]); // -----------------------------------------------------------------------------
-  // ************************** ------------ **************************
-  // *                        EXPAND ANIMATION                        *
-  // ************************** ------------ **************************
-
-  const [expandedForAnimation, setExpandedForAnimation] = React.useState(expanded);
-  const timeoutRef = React.useRef(null);
-  const smoothExpandOpts = React.useMemo(() => ({
-    expandedForAnimation,
-    timeoutRef,
-    setExpandedForAnimation
-  }), [expandedForAnimation, timeoutRef, setExpandedForAnimation]);
-  useLeftNavSmoothExpand(props, smoothExpandOpts); // -----------------------------------------------------------------------------
-  // ************************** ------------ **************************
-  // *                          SIDE EFFECTS                          *
-  // ************************** ------------ **************************
-
-  React.useEffect(() => {
-    onSelectedChange(selectedItem);
-  }, [selectedItem, onSelectedChange]);
-  React.useEffect(() => {
-    if (props.actionRef && props.actionRef.current) {
-      props.actionRef.current.setFocusedItem = setFocusedItem;
-    }
-  }, [props.actionRef]);
-  React.useEffect(() => {
-    if (openedItem !== null) setSelectedParent(openedItem);
-  }, [openedItem]);
-  React.useEffect(() => {
-    onFocusChange(focusedItem);
-  }, [focusedItem, onFocusChange]);
-  useSelectFirstBodyItem(items, openedItem, props.selectedItem !== undefined ? props.selectedItem : selectedItem, setSelectedItem, props.disableDefaultSelection); // -----------------------------------------------------------------------------
-  // ************************** ------------ **************************
-  // *                        ITEMS MANAGEMENT                        *
-  // ************************** ------------ **************************
-
-  const leftNavItemsProps = React.useMemo(() => ({
-    headerItem: props.HeaderComponent,
-    bodyHeaderItem: props.BodyHeaderComponent,
-    items: props.items,
-    openedDrilldowns
-  }), [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns]); // We need to know the current visible items since we have drilldowns
-
-  const {
-    visibleItems,
-    visibleItemsRefs
-  } = useLeftNavItems(leftNavItemsProps); // -----------------------------------------------------------------------------
-  // ************************** ------------ **************************
-  // *                         LEFTNAV CONFIG                         *
-  // ************************** ------------ **************************
-
-  const finalConfig = React.useMemo(() => ({
-    leftNavProps: props,
-    expandedForAnimation,
-    selectedItem: props.selectedItem !== undefined ? props.selectedItem : selectedItem,
-    setSelectedItem,
-    selectedParent: props.selectedParent !== undefined ? props.selectedParent : selectedParent,
-    setSelectedParent,
-    focusedItem,
-    setFocusedItem,
-    openedDrilldowns,
-    setOpenedDrilldowns,
-    visibleItems,
-    visibleItemsRefs
-  }), [props, expandedForAnimation, selectedItem, setSelectedItem, setSelectedParent, selectedParent, focusedItem, setFocusedItem, openedDrilldowns, setOpenedDrilldowns, visibleItems, visibleItemsRefs]);
-  return finalConfig;
-};
-
-export { useLeftNavConfig as default, useLeftNavConfig };

package/esm/configs/useLeftNavItems.js

@@ -1,75 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useMemo, useRef, createRef } from 'react';
-import { ITEM_TYPES, FOOTER_DS_ID } from '../exported-related/constants.js';
-import '@babel/runtime/helpers/esm/jsx';
-import '@elliemae/ds-grid';
-import 'styled-components';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react/jsx-runtime';
-import '@elliemae/ds-icons';
-
-const notFocuseableItems = [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ITEM_TYPES.LEFT_NAV_ITEM_SECTION]; // Walks the array of items
-// Drilldowns are tree-like structures
-
-const walkItems = (items, openedDrilldowns, callback) => {
-  items.forEach(item => {
-    if (typeof item.type === 'string') {
-      var _item$itemOpts$items, _item$itemOpts, _item$itemOpts2, _item$itemOpts$items2, _item$itemOpts3;
-
-      // Out of the box item
-      if (notFocuseableItems.includes(item.type)) return; // not focuseable
-
-      callback(item.dsId); // If it's an opened uncontrolled drilldown
-
-      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId)) walkItems((_item$itemOpts$items = (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : _item$itemOpts.items) !== null && _item$itemOpts$items !== void 0 ? _item$itemOpts$items : [], openedDrilldowns, callback); // If it's an opened controlled drilldown
-
-      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && (_item$itemOpts2 = item.itemOpts) !== null && _item$itemOpts2 !== void 0 && _item$itemOpts2.isOpened) walkItems((_item$itemOpts$items2 = (_item$itemOpts3 = item.itemOpts) === null || _item$itemOpts3 === void 0 ? void 0 : _item$itemOpts3.items) !== null && _item$itemOpts$items2 !== void 0 ? _item$itemOpts$items2 : [], openedDrilldowns, callback);
-    } else {
-      var _item$itemOpts4;
-
-      // Custom item
-      if (!((_item$itemOpts4 = item.itemOpts) !== null && _item$itemOpts4 !== void 0 && _item$itemOpts4.focuseable)) return; // not focuseable specified
-
-      callback(item.dsId);
-    }
-  });
-};
-
-const useLeftNavItems = props => {
-  const {
-    headerItem,
-    bodyHeaderItem,
-    items: bodyItems,
-    openedDrilldowns
-  } = props; // Place the header and body header items into the array of items
-
-  const items = useMemo(() => {
-    const itemsArray = [...bodyItems];
-    if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);
-    if (headerItem) itemsArray.unshift(headerItem);
-    return itemsArray;
-  }, [headerItem, bodyHeaderItem, bodyItems]);
-  const visibleItemsRefs = useRef({});
-  const visibleItems = useMemo(() => {
-    const visibleItemsArray = [];
-    walkItems(items, openedDrilldowns, dsId => {
-      visibleItemsArray.push(dsId);
-    });
-    visibleItemsArray.push(FOOTER_DS_ID);
-    return visibleItemsArray;
-  }, [items, openedDrilldowns]);
-  visibleItems.forEach(dsId => {
-    if (!(dsId in visibleItemsRefs.current)) visibleItemsRefs.current[dsId] = /*#__PURE__*/createRef();
-  });
-  return {
-    visibleItems,
-    visibleItemsRefs
-  };
-};
-
-export { useLeftNavItems as default, useLeftNavItems };

package/esm/configs/useLeftNavSmoothExpand.js

@@ -1,26 +0,0 @@
-import React from 'react';
-
-const useLeftNavSmoothExpand = (props, smoothExpandOpts) => {
-  const {
-    expanded
-  } = props;
-  const {
-    expandedForAnimation,
-    timeoutRef,
-    setExpandedForAnimation
-  } = smoothExpandOpts;
-  React.useEffect(() => {
-    // If expanded changes, we need to smoothly transition to the non-expanded state
-    // so we need to wait for 350ms
-    if (!expanded && expandedForAnimation) {
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(() => setExpandedForAnimation(false), 350);
-    } else if (expanded) setExpandedForAnimation(true); // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [expanded]);
-  React.useEffect(() => () => {
-    if (timeoutRef.current) clearTimeout(timeoutRef.current);
-  }, [timeoutRef]);
-};
-
-export { useLeftNavSmoothExpand as default, useLeftNavSmoothExpand };

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

@@ -1,19 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { ChevronSmallRight } from '@elliemae/ds-icons';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const ChevronItem = props => /*#__PURE__*/jsx(ChevronSmallRight, _objectSpread({
-  size: "m",
-  color: ['brand-primary', 800]
-}, props));
-
-export { ChevronItem, ChevronItem as default };

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

@@ -1,27 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import styled from 'styled-components';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const AugmentedIcon = Icon => styled(Icon).withConfig({
-  componentId: "sc-1eek2uh-0"
-})(["cursor:pointer;outline:0;:focus,:active{outline:1px solid #1e79c2;}"]);
-
-const Icon = IconComponent => props => {
-  const StyledComponent = AugmentedIcon(IconComponent);
-  return /*#__PURE__*/jsx(StyledComponent, _objectSpread({
-    color: ['brand-primary', 800],
-    tabIndex: 0
-  }, props));
-};
-
-export { Icon };

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

@@ -1,119 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext, useCallback, useMemo } from 'react';
-import Grid from '@elliemae/ds-grid';
-import { StyledItemWrapper, StyledItem } from './styled.js';
-import { LeftNavContext } from '../../LeftNavigationContext.js';
-import { usePropsWithDefaults } from './usePropsWithDefaults.js';
-import { useKeyboardNavigation } from '../../hooks/useKeyboardNavigation.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-const ItemRenderer = props => {
-  const propsWithDefault = 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 = useContext(LeftNavContext);
-  const {
-    leftNavProps: {
-      onItemClick,
-      openedItem
-    },
-    expandedForAnimation,
-    selectedParent,
-    selectedItem,
-    setSelectedItem,
-    setFocusedItem,
-    visibleItemsRefs
-  } = ctx;
-  const opened = dsId === openedItem;
-  const handleOnClick = useCallback(e => {
-    if (onClick) onClick(); // used by uncontrolled drilldowns
-
-    onItemClick(item, e);
-    if (selectable) setSelectedItem(item.dsId);
-  }, [onItemClick, item, setSelectedItem, selectable, onClick]);
-  const handleFocus = useCallback(() => {
-    if (focuseable) setFocusedItem(dsId);
-  }, [dsId, setFocusedItem, focuseable]);
-  const onKeyDown = useKeyboardNavigation({
-    item,
-    onClick: handleOnClick
-  });
-  const cols = useMemo(() => expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px'], [expandedForAnimation]);
-  const isSelected = useMemo(() => selectedItem === dsId, [selectedItem, dsId]);
-
-  if (!expandedForAnimation && !CollapsedComponent) {
-    return null;
-  }
-
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(StyledItemWrapper, {
-      shadowStyle: shadowStyle(opened, item.type),
-      "data-testid": "leftnav-item-wrapper"
-    }, void 0, /*#__PURE__*/jsx(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(Grid, {
-        "data-testid": "leftnav-leftcomponent",
-        justifyContent: "center"
-      }, void 0, /*#__PURE__*/_jsx(CollapsedComponent, {
-        item: item,
-        ctx: ctx
-      })) : children
-    }), hasBorderBottom && /*#__PURE__*/_jsx("div", {
-      style: {
-        marginLeft: opened ? '16px' : '0px',
-        marginRight: borderBottomMr,
-        height: '1px',
-        width: "calc(100% - ".concat(borderBottomMr, " - ").concat(opened ? '16px' : '0px', ")"),
-        backgroundColor: '#E0E3E8'
-      }
-    })), subitems]
-  });
-};
-
-export { ItemRenderer };

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

@@ -1,47 +0,0 @@
-import Grid from '@elliemae/ds-grid';
-import styled from 'styled-components';
-
-/* eslint-disable indent */
-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}");
-};
-const StyledItemWrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-11wzgfh-0"
-})(["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'];
-};
-
-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'];
-};
-
-const StyledItem = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-11wzgfh-1"
-})(["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';
-}, props => props.shadowStyle(props.theme), props => props.tabIndex !== -1 ? ":focus {\n    ".concat(borderOutside(props.theme.colors.brand[700]), "\n        }") : '');
-
-export { StyledItem, StyledItemWrapper, borderOutside };

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

@@ -1,49 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useMemo } from 'react';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const itemDefaultProps = {
-  label: '',
-  labelOverflow: 'truncate',
-  selectable: true,
-  focuseable: true,
-  openable: false,
-  closable: false,
-  ariaLabel: '',
-  ariaRole: 'menuitem',
-  ariaLive: 'off',
-  ariaExpanded: undefined,
-  ariaDescribedBy: undefined
-};
-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 = useMemo(() => {
-    const itemWithDefaults = _objectSpread(_objectSpread({
-      CollapsedComponent: () => null
-    }, props.item), {}, {
-      itemOpts: _objectSpread(_objectSpread({}, itemDefaultProps), props.item.itemOpts)
-    });
-
-    return _objectSpread(_objectSpread({
-      minHeight: '48px',
-      paddingTop: '12px',
-      subitems: [],
-      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), {}, {
-      item: itemWithDefaults
-    });
-  }, [props]);
-  return propsWithDefault;
-};
-
-export { usePropsWithDefaults };

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

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

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

@@ -1,23 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import styled from 'styled-components';
-import { OpenWindow as OpenWindow$1 } from '@elliemae/ds-icons';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const StyledOpenWindow = /*#__PURE__*/styled(OpenWindow$1).withConfig({
-  componentId: "sc-g53ios-0"
-})(["cursor:pointer;:focus{outline:1px solid ", ";}"], 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 };