@elliemae/ds-left-navigation 1.56.1 → 1.57.0-rc.11

package/esm/exported-related/index.js

@@ -13,10 +13,5 @@ import './ItemRenderer/usePropsWithDefaults.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '../hooks/useKeyboardNavigation.js';
 import '@babel/runtime/helpers/esm/extends';
-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 '@elliemae/ds-icons';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/esm/index.js

@@ -1,4 +1,3 @@
-import 'overlayscrollbars/css/OverlayScrollbars.css';
 export { LeftNavItemOptionsSchema, LeftNavItemPropsSchema } from './prop-types.js';
 export { LeftNavigation, LeftNavigationWithSchema, LeftNavigation as default } from './LeftNavigation.js';
 export { CHEVRON_BACK_DS_ID, FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID, ITEM_TYPES, LABEL_OVERFLOW } from './exported-related/constants.js';
@@ -14,16 +13,9 @@ import 'react';
 import '@elliemae/ds-grid';
 import 'styled-components';
 import '@babel/runtime/helpers/esm/extends';
-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 '@elliemae/ds-icons';
 import './outOfTheBox/ItemControlledDrilldown/index.js';
 import '@elliemae/ds-truncated-tooltip-text';
-import '@elliemae/ds-icons/ArrowheadRight';
-import '@elliemae/ds-icons/ArrowheadDown';
 import './outOfTheBox/ItemControlledDrilldown/styled.js';
 import './outOfTheBox/ItemSeparator/index.js';
 import './exported-related/ItemRenderer/styled.js';
@@ -39,7 +31,6 @@ import './outOfTheBox/ItemTextLabel/index.js';
 import './outOfTheBox/ItemTextLabel/styled.js';
 import './outOfTheBox/ItemHeader/index.js';
 import './outOfTheBox/ItemHeader/styled.js';
-import '@elliemae/ds-icons/ChevronSmallLeft';
 import './outOfTheBox/ItemLink/index.js';
 import './outOfTheBox/ItemLink/styled.js';
 import './outOfTheBox/ItemSection/index.js';
@@ -54,17 +45,15 @@ import './configs/useLeftNavSmoothExpand.js';
 import './hooks/useSelectFirstBodyItem.js';
 import './parts/LeftNavContent/index.js';
 import './parts/LeftNavFooterItem/index.js';
-import '@elliemae/ds-icons/MenuExpand';
 import './parts/LeftNavFooterItem/styled.js';
-import '@elliemae/ds-basic';
-import '@elliemae/ds-icons';
 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-basic/CircularProgressIndicator';
+import '@elliemae/ds-circular-progress-indicator';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/outOfTheBox/ItemControlledDrilldown/index.js

@@ -2,18 +2,11 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { useMemo } from 'react';
 import Grid from '@elliemae/ds-grid';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
+import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
 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 '@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';

package/esm/outOfTheBox/ItemControlledDrilldown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemControlledDrilldown/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport type { ComponentProps } from '../../index.d';\n\nconst outOfTheBoxSubitemsComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n    ctx,\n  } = props;\n\n  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n    const currentIndent = item.itemOpts?.indent ?? 0;\n    const newItem = {\n      ...item,\n      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n    };\n    return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n  }\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemControlledDrilldown = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        isOpened,\n        items,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const arrowIcon = useMemo(() => {\n    const Component = isOpened ? ArrowheadDown : ArrowheadRight;\n    return (\n      <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />\n    );\n  }, [isOpened]);\n\n  const subitems = useMemo(() => {\n    if (!isOpened || !items) return [];\n    return items.map((subitem) => (\n      <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />\n    ));\n  }, [items, isOpened]);\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaExpanded: isOpened,\n          ariaRole: 'menuitem',\n          ...item.itemOpts,\n          openable: !isOpened,\n          closable: isOpened,\n        },\n        CollapsedComponent: null,\n      }}\n      subitems={subitems}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      <Grid pl=\"xxs\" mt=\"-2px\">\n        {arrowIcon}\n      </Grid>\n      <StyledLabel\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid\n          pl={RightComponent ? 'xxs' : '0px'}\n          data-testid=\"leftnav-right-component\"\n        >\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","ItemControlledDrilldown","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","isOpened","items","leftNavLabelOverflow","leftNavProps","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","dsId","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemControlledDrilldown/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport type { ComponentProps } from '../../index.d';\n\nconst outOfTheBoxSubitemsComponents: Record<string, React.ComponentType<ComponentProps>> = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n    ctx,\n  } = props;\n\n  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n    const currentIndent = item.itemOpts?.indent ?? 0;\n    const newItem = {\n      ...item,\n      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n    };\n    return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n  }\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemControlledDrilldown = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        isOpened,\n        items,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const arrowIcon = useMemo(() => {\n    const Component = isOpened ? ArrowheadDown : ArrowheadRight;\n    return <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />;\n  }, [isOpened]);\n\n  const subitems = useMemo(() => {\n    if (!isOpened || !items) return [];\n    return items.map((subitem) => <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />);\n  }, [items, isOpened]);\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaExpanded: isOpened,\n          ariaRole: 'menuitem',\n          ...item.itemOpts,\n          openable: !isOpened,\n          closable: isOpened,\n        },\n        CollapsedComponent: null,\n      }}\n      subitems={subitems}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      <Grid pl=\"xxs\" mt=\"-2px\">\n        {arrowIcon}\n      </Grid>\n      <StyledLabel\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid pl={RightComponent ? 'xxs' : '0px'} data-testid=\"leftnav-right-component\">\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","ItemControlledDrilldown","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","isOpened","items","leftNavLabelOverflow","leftNavProps","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","dsId","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"mappings":"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"}

package/esm/outOfTheBox/ItemHeader/index.js

@@ -5,19 +5,13 @@ import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text'
 import { CHEVRON_BACK_DS_ID } 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 '@elliemae/ds-icons/Notifications';
-import '@elliemae/ds-icons/ExceptionsSmallFill';
-import '@elliemae/ds-icons/AlertsSmallFill';
-import '@elliemae/ds-icons/MessagesSmallFill';
+import '@elliemae/ds-icons';
 import 'styled-components';
-import '@elliemae/ds-icons/OpenWindow';
 import { StyledChevronLeft, StyledLabel } from './styled.js';
 import '../../exported-related/ItemRenderer/styled.js';
 import '../../LeftNavigationContext.js';
 import '../../exported-related/ItemRenderer/usePropsWithDefaults.js';
 import '../../hooks/useKeyboardNavigation.js';
-import '@elliemae/ds-icons/ChevronSmallLeft';
 
 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; }
 

package/esm/outOfTheBox/ItemHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemHeader/index.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\nexport const ItemHeader = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, BottomComponent },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { openedItem, labelOverflow, onItemClick },\n      expandedForAnimation,\n      setSelectedItem,\n      setFocusedItem,\n    },\n  } = props;\n\n  const opened = openedItem === dsId;\n\n  const ariaLabel =\n    item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel,\n          ariaExpanded: opened,\n          ...item.itemOpts,\n          openable: expandedForAnimation && !opened,\n          closable: expandedForAnimation && opened,\n          selectable: !opened,\n        },\n      }}\n      hasBorderBottom\n      borderBottomMr={opened ? '12px' : '0px'}\n    >\n      <Grid\n        cols={opened ? ['auto', 'auto'] : ['38px']}\n        gutter=\"1px\"\n        pl={opened ? 'xxs' : 0}\n        justifyItems=\"center\"\n        data-testid=\"leftnav-leftcomponent\"\n      >\n        {opened && (\n          <StyledChevronLeft\n            size=\"m\"\n            color={['brand-primary', 800]}\n            onClick={(e) => {\n              onItemClick(item, e);\n              setSelectedItem(dsId);\n            }}\n            data-testid=\"leftnav-leftcomponent-chevron\"\n            tabIndex={0}\n            onFocus={(e) => {\n              e.stopPropagation();\n              setFocusedItem(CHEVRON_BACK_DS_ID);\n            }}\n            role=\"button\"\n            aria-label={`Close ${ariaLabel}`}\n          />\n        )}\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel\n        ml={opened ? 'xxs' : '1px'}\n        mt=\"xxxs\"\n        mb=\"15px\"\n        data-testid=\"leftnav-itemlabel\"\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid\n        pl=\"xs\"\n        pr={opened ? 'xxs2' : 'xxs'}\n        onFocus={(e) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n      {BottomComponent && (\n        <Grid\n          style={{ gridColumn: 'span 3' }}\n          pb=\"xxxs\"\n          pl=\"xxs\"\n          pr=\"xxs\"\n          onFocus={(e) => {\n            setFocusedItem(null);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          <BottomComponent ctx={ctx} item={item} />\n        </Grid>\n      )}\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemHeader","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","setSelectedItem","setFocusedItem","opened","ariaLabel","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","gridColumn"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemHeader/index.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\nexport const ItemHeader = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, BottomComponent },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { openedItem, labelOverflow, onItemClick },\n      expandedForAnimation,\n      setSelectedItem,\n      setFocusedItem,\n    },\n  } = props;\n\n  const opened = openedItem === dsId;\n\n  const ariaLabel =\n    item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel,\n          ariaExpanded: opened,\n          ...item.itemOpts,\n          openable: expandedForAnimation && !opened,\n          closable: expandedForAnimation && opened,\n          selectable: !opened,\n        },\n      }}\n      hasBorderBottom\n      borderBottomMr={opened ? '12px' : '0px'}\n    >\n      <Grid\n        cols={opened ? ['auto', 'auto'] : ['38px']}\n        gutter=\"1px\"\n        pl={opened ? 'xxs' : 0}\n        justifyItems=\"center\"\n        data-testid=\"leftnav-leftcomponent\"\n      >\n        {opened && (\n          <StyledChevronLeft\n            size=\"m\"\n            color={['brand-primary', 800]}\n            onClick={(e) => {\n              onItemClick(item, e);\n              setSelectedItem(dsId);\n            }}\n            data-testid=\"leftnav-leftcomponent-chevron\"\n            tabIndex={0}\n            onFocus={(e) => {\n              e.stopPropagation();\n              setFocusedItem(CHEVRON_BACK_DS_ID);\n            }}\n            role=\"button\"\n            aria-label={`Close ${ariaLabel}`}\n          />\n        )}\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel\n        ml={opened ? 'xxs' : '1px'}\n        mt=\"xxxs\"\n        mb=\"15px\"\n        data-testid=\"leftnav-itemlabel\"\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid\n        pl=\"xs\"\n        pr={opened ? 'xxs2' : 'xxs'}\n        onFocus={(e) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n      {BottomComponent && (\n        <Grid\n          style={{ gridColumn: 'span 3' }}\n          pb=\"xxxs\"\n          pl=\"xxs\"\n          pr=\"xxs\"\n          onFocus={(e) => {\n            setFocusedItem(null);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          <BottomComponent ctx={ctx} item={item} />\n        </Grid>\n      )}\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemHeader","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","setSelectedItem","setFocusedItem","opened","ariaLabel","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","gridColumn"],"mappings":"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"}

package/esm/outOfTheBox/ItemHeader/styled.js

@@ -1,5 +1,5 @@
 import Grid from '@elliemae/ds-grid';
-import ChevronLeft from '@elliemae/ds-icons/ChevronSmallLeft';
+import { ChevronSmallLeft } from '@elliemae/ds-icons';
 import styled from 'styled-components';
 
 var StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
@@ -9,7 +9,7 @@ var StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
 }, function (props) {
   return props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal';
 });
-var StyledChevronLeft = /*#__PURE__*/styled(ChevronLeft).withConfig({
+var StyledChevronLeft = /*#__PURE__*/styled(ChevronSmallLeft).withConfig({
   componentId: "sc-m5k4h8-1"
 })(["cursor:pointer;:focus{outline:1px solid ", ";}"], function (props) {
   return props.theme.colors.brand[800];

package/esm/outOfTheBox/ItemHeader/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemHeader/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport ChevronLeft from '@elliemae/ds-icons/ChevronSmallLeft';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n  font-size: 14px;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  word-break: ${(props) =>\n    props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledChevronLeft = styled(ChevronLeft)`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow","StyledChevronLeft","ChevronLeft","brand"],"mappings":";;;;IAIaA,WAAW,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,mDAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;AAAA,SACZA,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAHQ;IAOXC,iBAAiB,gBAAGP,MAAM,CAACQ,WAAD,CAAT;AAAA;AAAA,uDAGL,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHK;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemHeader/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport { ChevronSmallLeft } from '@elliemae/ds-icons';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n  font-size: 14px;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledChevronLeft = styled(ChevronSmallLeft)`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow","StyledChevronLeft","ChevronSmallLeft","brand"],"mappings":";;;;IAIaA,WAAW,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,mDAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAHQ;IAMXC,iBAAiB,gBAAGP,MAAM,CAACQ,gBAAD,CAAT;AAAA;AAAA,uDAGL,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHK;;;;"}

package/esm/outOfTheBox/ItemLink/index.js

@@ -4,13 +4,8 @@ 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/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';
 import 'styled-components';
-import '@elliemae/ds-icons/OpenWindow';
 import { StyledLabel } from './styled.js';
 import '../../exported-related/ItemRenderer/styled.js';
 import '../../LeftNavigationContext.js';

package/esm/outOfTheBox/ItemLink/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemLink/index.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${\n    isSelected ? theme.colors.brand[400] : 'transparent'\n  };\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${\n      isSelected ? theme.colors.brand[400] : theme.colors.neutral[300]\n    };\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemLink = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow, openedItem },\n      selectedItem,\n    },\n  } = props;\n\n  const isSelected = selectedItem === dsId;\n\n  const shadowStyle = useCallback(\n    (theme) =>\n      !openedItem\n        ? notOpenedShadowStyle(isSelected)(theme)\n        : `box-shadow: inherit`,\n    [isSelected, !openedItem],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel: typeof label === 'string' ? label : '',\n          ariaRole: 'link',\n          ...item.itemOpts,\n        },\n      }}\n      shadowStyle={shadowStyle}\n    >\n      <Grid\n        cols={['38px']}\n        gutter=\"1px\"\n        pl={0}\n        justifyItems=\"center\"\n        data-testid=\"leftnav-leftcomponent\"\n      >\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel\n        ml=\"1px\"\n        mt=\"xxxs\"\n        mb=\"15px\"\n        data-testid=\"leftnav-itemlabel\"\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid mt=\"xxxs\" pr=\"xxs2\" data-testid=\"leftnav-right-component\">\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","neutral","ItemLink","props","item","dsId","itemOpts","label","RightComponent","CollapsedComponent","ctx","leftNavProps","labelOverflow","openedItem","selectedItem","shadowStyle","useCallback","ariaLabel","ariaRole"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;AAAA,SAAyB,UAACC,KAAD;AAAA,qDAGlDD,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6B,aAHW,8DAQhDH,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6BF,KAAK,CAACC,MAAN,CAAaE,OAAb,CAAqB,GAArB,CARS,oEAapBH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAboB;AAAA,GAAzB;AAAA,CAA7B;;IAiBaE,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAwC;AAC9D,MACEC,IADF,GAYID,KAZJ,CACEC,IADF;AAAA,oBAYID,KAZJ,CAEEC,IAFF;AAAA,MAGIC,IAHJ,eAGIA,IAHJ;AAAA,yCAIIC,QAJJ;AAAA,MAIgBC,KAJhB,wBAIgBA,KAJhB;AAAA,MAIuBC,cAJvB,wBAIuBA,cAJvB;AAAA,0CAKIC,kBALJ;AAAA,MAKIA,kBALJ,sCAKyB;AAAA,WAAM,IAAN;AAAA,GALzB;AAAA,MAOEC,GAPF,GAYIP,KAZJ,CAOEO,GAPF;AAAA,mBAYIP,KAZJ,CAQEO,GARF;AAAA,yCASIC,YATJ;AAAA,MASoBC,aATpB,yBASoBA,aATpB;AAAA,MASmCC,UATnC,yBASmCA,UATnC;AAAA,MAUIC,YAVJ,cAUIA,YAVJ;AAcA,MAAMjB,UAAU,GAAGiB,YAAY,KAAKT,IAApC;AAEA,MAAMU,WAAW,GAAGC,WAAW,CAC7B,UAAClB,KAAD;AAAA,WACE,CAACe,UAAD,GACIjB,oBAAoB,CAACC,UAAD,CAApB,CAAiCC,KAAjC,CADJ,wBADF;AAAA,GAD6B,EAK7B,CAACD,UAAD,EAAa,CAACgB,UAAd,CAL6B,CAA/B;AAQA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCT,IADD;AAEFE,MAAAA,QAAQ;AACNW,QAAAA,SAAS,EAAE,OAAOV,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,EADzC;AAENW,QAAAA,QAAQ,EAAE;AAFJ,SAGHd,IAAI,CAACE,QAHF;AAFN,MADN;AASE,IAAA,WAAW,EAAES;AATf,kBAWE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAE,CAAC,MAAD,CADR;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,EAAE,EAAE,CAHN;AAIE,IAAA,YAAY,EAAC,QAJf;AAKE,mBAAY;AALd,kBAOE,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEX,IAA1B;AAAgC,IAAA,GAAG,EAAEM;AAArC,IAPF,CAXF,eAoBE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,MAHL;AAIE,mBAAY,mBAJd;AAKE,IAAA,aAAa,EAAEE;AALjB,KAOGA,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEL,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAVJ,CApBF,eAiCE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,EAAE,EAAC,MAAnB;AAA0B,mBAAY;AAAtC,KACGC,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEE,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IADrB,CAjCF,CADF;AAuCD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemLink/index.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${\n    isSelected ? theme.colors.brand[400] : 'transparent'\n  };\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${\n      isSelected ? theme.colors.brand[400] : theme.colors.neutral[300]\n    };\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemLink = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow, openedItem },\n      selectedItem,\n    },\n  } = props;\n\n  const isSelected = selectedItem === dsId;\n\n  const shadowStyle = useCallback(\n    (theme) =>\n      !openedItem\n        ? notOpenedShadowStyle(isSelected)(theme)\n        : `box-shadow: inherit`,\n    [isSelected, !openedItem],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel: typeof label === 'string' ? label : '',\n          ariaRole: 'link',\n          ...item.itemOpts,\n        },\n      }}\n      shadowStyle={shadowStyle}\n    >\n      <Grid\n        cols={['38px']}\n        gutter=\"1px\"\n        pl={0}\n        justifyItems=\"center\"\n        data-testid=\"leftnav-leftcomponent\"\n      >\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel\n        ml=\"1px\"\n        mt=\"xxxs\"\n        mb=\"15px\"\n        data-testid=\"leftnav-itemlabel\"\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid mt=\"xxxs\" pr=\"xxs2\" data-testid=\"leftnav-right-component\">\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","neutral","ItemLink","props","item","dsId","itemOpts","label","RightComponent","CollapsedComponent","ctx","leftNavProps","labelOverflow","openedItem","selectedItem","shadowStyle","useCallback","ariaLabel","ariaRole"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;AAAA,SAAyB,UAACC,KAAD;AAAA,qDAGlDD,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6B,aAHW,8DAQhDH,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6BF,KAAK,CAACC,MAAN,CAAaE,OAAb,CAAqB,GAArB,CARS,oEAapBH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAboB;AAAA,GAAzB;AAAA,CAA7B;;IAiBaE,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAwC;AAC9D,MACEC,IADF,GAYID,KAZJ,CACEC,IADF;AAAA,oBAYID,KAZJ,CAEEC,IAFF;AAAA,MAGIC,IAHJ,eAGIA,IAHJ;AAAA,yCAIIC,QAJJ;AAAA,MAIgBC,KAJhB,wBAIgBA,KAJhB;AAAA,MAIuBC,cAJvB,wBAIuBA,cAJvB;AAAA,0CAKIC,kBALJ;AAAA,MAKIA,kBALJ,sCAKyB;AAAA,WAAM,IAAN;AAAA,GALzB;AAAA,MAOEC,GAPF,GAYIP,KAZJ,CAOEO,GAPF;AAAA,mBAYIP,KAZJ,CAQEO,GARF;AAAA,yCASIC,YATJ;AAAA,MASoBC,aATpB,yBASoBA,aATpB;AAAA,MASmCC,UATnC,yBASmCA,UATnC;AAAA,MAUIC,YAVJ,cAUIA,YAVJ;AAcA,MAAMjB,UAAU,GAAGiB,YAAY,KAAKT,IAApC;AAEA,MAAMU,WAAW,GAAGC,WAAW,CAC7B,UAAClB,KAAD;AAAA,WACE,CAACe,UAAD,GACIjB,oBAAoB,CAACC,UAAD,CAApB,CAAiCC,KAAjC,CADJ,wBADF;AAAA,GAD6B,EAK7B,CAACD,UAAD,EAAa,CAACgB,UAAd,CAL6B,CAA/B;AAQA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCT,IADD;AAEFE,MAAAA,QAAQ;AACNW,QAAAA,SAAS,EAAE,OAAOV,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,EADzC;AAENW,QAAAA,QAAQ,EAAE;AAFJ,SAGHd,IAAI,CAACE,QAHF;AAFN,MADN;AASE,IAAA,WAAW,EAAES;AATf,kBAWE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAE,CAAC,MAAD,CADR;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,EAAE,EAAE,CAHN;AAIE,IAAA,YAAY,EAAC,QAJf;AAKE,mBAAY;AALd,kBAOE,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEX,IAA1B;AAAgC,IAAA,GAAG,EAAEM;AAArC,IAPF,CAXF,eAoBE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,MAHL;AAIE,mBAAY,mBAJd;AAKE,IAAA,aAAa,EAAEE;AALjB,KAOGA,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEL,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAVJ,CApBF,eAiCE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,EAAE,EAAC,MAAnB;AAA0B,mBAAY;AAAtC,KACGC,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEE,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IADrB,CAjCF,CADF;AAuCD;;;;"}

package/esm/outOfTheBox/ItemSection/index.js

@@ -3,13 +3,8 @@ import React from 'react';
 import Grid from '@elliemae/ds-grid';
 import { ItemRenderer } from '../../exported-related/ItemRenderer/index.js';
 import '@babel/runtime/helpers/esm/extends';
-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';
 import 'styled-components';
-import '@elliemae/ds-icons/OpenWindow';
 import { StyledLabel, StyledVerticalSeparator, StyledRightLabel } from './styled.js';
 import '../../exported-related/ItemRenderer/styled.js';
 import '../../LeftNavigationContext.js';

package/esm/outOfTheBox/ItemSection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSection/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledRightLabel, StyledVerticalSeparator } from './styled';\n\nexport const ItemSection = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: { label, LeftComponent, RightComponent, labelRightSection },\n    },\n    ctx,\n    ctx: { setFocusedItem },\n  } = props;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: { ...item.itemOpts, selectable: false, focuseable: false },\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      <Grid cols={['min-content', 'auto', 'min-content', 'auto']} pl=\"xxs\" alignItems=\"center\">\n        {LeftComponent ? <LeftComponent ctx={ctx} item={item} /> : <div />}\n        <StyledLabel>{label}</StyledLabel>\n        <StyledVerticalSeparator />\n        <StyledRightLabel>{labelRightSection}</StyledRightLabel>\n      </Grid>\n      <Grid\n        ml=\"auto\"\n        onFocus={(e) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        pr=\"xxs2\"\n        alignItems=\"center\"\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemSection","props","item","itemOpts","label","LeftComponent","RightComponent","labelRightSection","ctx","setFocusedItem","selectable","focuseable","CollapsedComponent","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAMaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAwC;AACjE,MACEC,IADF,GAOID,KAPJ,CACEC,IADF;AAAA,6BAOID,KAPJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAGgBC,KAHhB,wBAGgBA,KAHhB;AAAA,MAGuBC,aAHvB,wBAGuBA,aAHvB;AAAA,MAGsCC,cAHtC,wBAGsCA,cAHtC;AAAA,MAGsDC,iBAHtD,wBAGsDA,iBAHtD;AAAA,MAKEC,GALF,GAOIP,KAPJ,CAKEO,GALF;AAAA,MAMSC,cANT,GAOIR,KAPJ,CAMEO,GANF,CAMSC,cANT;AASA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCP,IADD;AAEFC,MAAAA,QAAQ,kCAAOD,IAAI,CAACC,QAAZ;AAAsBO,QAAAA,UAAU,EAAE,KAAlC;AAAyCC,QAAAA,UAAU,EAAE;AAArD,QAFN;AAGFC,MAAAA,kBAAkB,EAAE;AAHlB,MADN;AAME,IAAA,SAAS,EAAC,MANZ;AAOE,IAAA,UAAU,EAAC;AAPb,kBASE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;AAA4D,IAAA,EAAE,EAAC,KAA/D;AAAqE,IAAA,UAAU,EAAC;AAAhF,KACGP,aAAa,gBAAG,oBAAC,aAAD;AAAe,IAAA,GAAG,EAAEG,GAApB;AAAyB,IAAA,IAAI,EAAEN;AAA/B,IAAH,gBAA6C,gCAD7D,eAEE,oBAAC,WAAD,QAAcE,KAAd,CAFF,eAGE,oBAAC,uBAAD,OAHF,eAIE,oBAAC,gBAAD,QAAmBG,iBAAnB,CAJF,CATF,eAeE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,IAAA,OAAO,EAAE,iBAACM,CAAD,EAAO;AACdJ,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAI,MAAAA,CAAC,CAACC,eAAF;AACD,KALH;AAME,IAAA,SAAS,EAAE,mBAACD,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KANb;AAOE,IAAA,EAAE,EAAC,MAPL;AAQE,IAAA,UAAU,EAAC,QARb;AASE,mBAAY;AATd,KAWGR,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEE,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IAXrB,CAfF,CADF;AA+BD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSection/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledRightLabel, StyledVerticalSeparator } from './styled';\n\nexport const ItemSection = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: { label, LeftComponent, RightComponent, labelRightSection },\n    },\n    ctx,\n    ctx: { setFocusedItem },\n  } = props;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: { ...item.itemOpts, selectable: false, focuseable: false },\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      <Grid cols={['min-content', 'auto', 'min-content', 'auto']} pl=\"xxs\" alignItems=\"center\">\n        {LeftComponent ? <LeftComponent ctx={ctx} item={item} /> : <div />}\n        <StyledLabel>{label}</StyledLabel>\n        <StyledVerticalSeparator />\n        <StyledRightLabel>{labelRightSection}</StyledRightLabel>\n      </Grid>\n      <Grid\n        ml=\"auto\"\n        onFocus={(e) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        pr=\"xxs2\"\n        alignItems=\"center\"\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemSection","props","item","itemOpts","label","LeftComponent","RightComponent","labelRightSection","ctx","setFocusedItem","selectable","focuseable","CollapsedComponent","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;IAMaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAwC;AACjE,MACEC,IADF,GAOID,KAPJ,CACEC,IADF;AAAA,6BAOID,KAPJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAGgBC,KAHhB,wBAGgBA,KAHhB;AAAA,MAGuBC,aAHvB,wBAGuBA,aAHvB;AAAA,MAGsCC,cAHtC,wBAGsCA,cAHtC;AAAA,MAGsDC,iBAHtD,wBAGsDA,iBAHtD;AAAA,MAKEC,GALF,GAOIP,KAPJ,CAKEO,GALF;AAAA,MAMSC,cANT,GAOIR,KAPJ,CAMEO,GANF,CAMSC,cANT;AASA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCP,IADD;AAEFC,MAAAA,QAAQ,kCAAOD,IAAI,CAACC,QAAZ;AAAsBO,QAAAA,UAAU,EAAE,KAAlC;AAAyCC,QAAAA,UAAU,EAAE;AAArD,QAFN;AAGFC,MAAAA,kBAAkB,EAAE;AAHlB,MADN;AAME,IAAA,SAAS,EAAC,MANZ;AAOE,IAAA,UAAU,EAAC;AAPb,kBASE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;AAA4D,IAAA,EAAE,EAAC,KAA/D;AAAqE,IAAA,UAAU,EAAC;AAAhF,KACGP,aAAa,gBAAG,oBAAC,aAAD;AAAe,IAAA,GAAG,EAAEG,GAApB;AAAyB,IAAA,IAAI,EAAEN;AAA/B,IAAH,gBAA6C,gCAD7D,eAEE,oBAAC,WAAD,QAAcE,KAAd,CAFF,eAGE,oBAAC,uBAAD,OAHF,eAIE,oBAAC,gBAAD,QAAmBG,iBAAnB,CAJF,CATF,eAeE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,IAAA,OAAO,EAAE,iBAACM,CAAD,EAAO;AACdJ,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAI,MAAAA,CAAC,CAACC,eAAF;AACD,KALH;AAME,IAAA,SAAS,EAAE,mBAACD,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KANb;AAOE,IAAA,EAAE,EAAC,MAPL;AAQE,IAAA,UAAU,EAAC,QARb;AASE,mBAAY;AATd,KAWGR,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEE,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IAXrB,CAfF,CADF;AA+BD;;;;"}

package/esm/outOfTheBox/ItemSeparator/index.js

@@ -3,13 +3,8 @@ import React from 'react';
 import styled from 'styled-components';
 import { ItemRenderer } from '../../exported-related/ItemRenderer/index.js';
 import '@babel/runtime/helpers/esm/extends';
-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';
 import '@elliemae/ds-grid';
-import '@elliemae/ds-icons/OpenWindow';
 import '../../exported-related/ItemRenderer/styled.js';
 import '../../LeftNavigationContext.js';
 import '../../exported-related/ItemRenderer/usePropsWithDefaults.js';

package/esm/outOfTheBox/ItemSeparator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSeparator/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\n\nconst StyledSeparator = styled.div`\n  height: 1px;\n  background-color: ${(props) => props.theme.colors.neutral[100]};\n  width: auto;\n  margin: ${(props) => props.theme.space.xxxs} 0;\n  margin-left: ${(props) => props.theme.space.xxxs};\n  grid-column: span 3;\n`;\n\nexport const ItemSeparator = (props: ComponentProps): JSX.Element => {\n  const { item } = props;\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ...item.itemOpts,\n          selectable: false,\n          focuseable: false,\n        },\n        CollapsedComponent: null,\n      }}\n      minHeight=\"1px\"\n      paddingTop=\"0px\"\n    >\n      <StyledSeparator data-testid=\"leftnav-separator-subitem\" />\n    </ItemRenderer>\n  );\n};\n"],"names":["StyledSeparator","styled","div","props","theme","colors","neutral","space","xxxs","ItemSeparator","item","itemOpts","selectable","focuseable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,uGAEC,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFD,EAIT,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CAJS,EAKJ,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CALI,CAArB;IASaC,aAAa,GAAG,SAAhBA,aAAgB,CAACN,KAAD,EAAwC;AACnE,MAAQO,IAAR,GAAiBP,KAAjB,CAAQO,IAAR;AACA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCA,IADD;AAEFC,MAAAA,QAAQ,kCACHD,IAAI,CAACC,QADF;AAENC,QAAAA,UAAU,EAAE,KAFN;AAGNC,QAAAA,UAAU,EAAE;AAHN,QAFN;AAOFC,MAAAA,kBAAkB,EAAE;AAPlB,MADN;AAUE,IAAA,SAAS,EAAC,KAVZ;AAWE,IAAA,UAAU,EAAC;AAXb,kBAaE,oBAAC,eAAD;AAAiB,mBAAY;AAA7B,IAbF,CADF;AAiBD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSeparator/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\n\nconst StyledSeparator = styled.div`\n  height: 1px;\n  background-color: ${(props) => props.theme.colors.neutral[100]};\n  width: auto;\n  margin: ${(props) => props.theme.space.xxxs} 0;\n  margin-left: ${(props) => props.theme.space.xxxs};\n  grid-column: span 3;\n`;\n\nexport const ItemSeparator = (props: ComponentProps): JSX.Element => {\n  const { item } = props;\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ...item.itemOpts,\n          selectable: false,\n          focuseable: false,\n        },\n        CollapsedComponent: null,\n      }}\n      minHeight=\"1px\"\n      paddingTop=\"0px\"\n    >\n      <StyledSeparator data-testid=\"leftnav-separator-subitem\" />\n    </ItemRenderer>\n  );\n};\n"],"names":["StyledSeparator","styled","div","props","theme","colors","neutral","space","xxxs","ItemSeparator","item","itemOpts","selectable","focuseable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,uGAEC,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFD,EAIT,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CAJS,EAKJ,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CALI,CAArB;IASaC,aAAa,GAAG,SAAhBA,aAAgB,CAACN,KAAD,EAAwC;AACnE,MAAQO,IAAR,GAAiBP,KAAjB,CAAQO,IAAR;AACA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCA,IADD;AAEFC,MAAAA,QAAQ,kCACHD,IAAI,CAACC,QADF;AAENC,QAAAA,UAAU,EAAE,KAFN;AAGNC,QAAAA,UAAU,EAAE;AAHN,QAFN;AAOFC,MAAAA,kBAAkB,EAAE;AAPlB,MADN;AAUE,IAAA,SAAS,EAAC,KAVZ;AAWE,IAAA,UAAU,EAAC;AAXb,kBAaE,oBAAC,eAAD;AAAiB,mBAAY;AAA7B,IAbF,CADF;AAiBD;;;;"}

package/esm/outOfTheBox/ItemSubmenu/index.js

@@ -5,19 +5,13 @@ import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text'
 import { CHEVRON_BACK_DS_ID } 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 '@elliemae/ds-icons/Notifications';
-import '@elliemae/ds-icons/ExceptionsSmallFill';
-import '@elliemae/ds-icons/AlertsSmallFill';
-import '@elliemae/ds-icons/MessagesSmallFill';
+import '@elliemae/ds-icons';
 import 'styled-components';
-import '@elliemae/ds-icons/OpenWindow';
 import { StyledChevronLeft, StyledLabel } from './styled.js';
 import '../../exported-related/ItemRenderer/styled.js';
 import '../../LeftNavigationContext.js';
 import '../../exported-related/ItemRenderer/usePropsWithDefaults.js';
 import '../../hooks/useKeyboardNavigation.js';
-import '@elliemae/ds-icons/ChevronSmallLeft';
 
 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; }
 

package/esm/outOfTheBox/ItemSubmenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${\n    isSelected ? theme.colors.brand[400] : 'transparent'\n  };\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${\n      isSelected ? theme.colors.brand[400] : theme.colors.neutral[300]\n    };\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemSubmenu = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, BottomComponent },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { openedItem, labelOverflow, onItemClick },\n      expandedForAnimation,\n      selectedItem,\n      setSelectedItem,\n      setFocusedItem,\n    },\n  } = props;\n\n  const opened = openedItem === dsId;\n\n  const isSelected = selectedItem === dsId;\n\n  const shadowStyle = useCallback(\n    (theme) =>\n      !openedItem\n        ? notOpenedShadowStyle(isSelected)(theme)\n        : `box-shadow: inherit`,\n    [isSelected, !openedItem],\n  );\n\n  const ariaLabel =\n    item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ...item.itemOpts,\n          ariaLabel,\n          ariaExpanded: opened,\n          openable: expandedForAnimation && !opened,\n          closable: expandedForAnimation && opened,\n          selectable: !opened,\n        },\n      }}\n      shadowStyle={shadowStyle}\n      hasBorderBottom={opened}\n      borderBottomMr=\"12px\"\n    >\n      <Grid\n        cols={opened ? ['auto', 'auto'] : ['38px']}\n        gutter=\"1px\"\n        pl={opened ? 'xxs' : 0}\n        justifyItems=\"center\"\n        data-testid=\"leftnav-leftcomponent\"\n      >\n        {opened && (\n          <StyledChevronLeft\n            size=\"m\"\n            color={['brand-primary', 800]}\n            onClick={(e) => {\n              onItemClick(item, e);\n              setSelectedItem(dsId);\n            }}\n            data-testid=\"leftnav-leftcomponent-chevron\"\n            tabIndex={0}\n            onFocus={(e) => {\n              e.stopPropagation();\n              setFocusedItem(CHEVRON_BACK_DS_ID);\n            }}\n            role=\"button\"\n            aria-label={`Close ${ariaLabel}`}\n          />\n        )}\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel\n        ml={opened ? 'xxs' : '1px'}\n        mt=\"xxxs\"\n        mb=\"15px\"\n        data-testid=\"leftnav-itemlabel\"\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid\n        pl=\"xs\"\n        pr={opened ? 'xxs2' : 'xxs'}\n        onFocus={(e) => {\n          e.stopPropagation();\n          setFocusedItem(null);\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        onClick={(e) => openedItem && e.stopPropagation()}\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n      {BottomComponent && (\n        <Grid\n          style={{ gridColumn: 'span 3' }}\n          pb=\"xxxs\"\n          pl=\"xxs\"\n          pr=\"xxs\"\n          onFocus={(e) => {\n            e.stopPropagation();\n            setFocusedItem(null);\n          }}\n          onKeyDown={(e) => e.stopPropagation()}\n          onClick={(e) => openedItem && e.stopPropagation()}\n        >\n          <BottomComponent ctx={ctx} item={item} />\n        </Grid>\n      )}\n    </ItemRenderer>\n  );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","neutral","ItemSubmenu","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","selectedItem","setSelectedItem","setFocusedItem","opened","shadowStyle","useCallback","ariaLabel","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","gridColumn"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${\n    isSelected ? theme.colors.brand[400] : 'transparent'\n  };\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${\n      isSelected ? theme.colors.brand[400] : theme.colors.neutral[300]\n    };\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemSubmenu = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, BottomComponent },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { openedItem, labelOverflow, onItemClick },\n      expandedForAnimation,\n      selectedItem,\n      setSelectedItem,\n      setFocusedItem,\n    },\n  } = props;\n\n  const opened = openedItem === dsId;\n\n  const isSelected = selectedItem === dsId;\n\n  const shadowStyle = useCallback(\n    (theme) =>\n      !openedItem\n        ? notOpenedShadowStyle(isSelected)(theme)\n        : `box-shadow: inherit`,\n    [isSelected, !openedItem],\n  );\n\n  const ariaLabel =\n    item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ...item.itemOpts,\n          ariaLabel,\n          ariaExpanded: opened,\n          openable: expandedForAnimation && !opened,\n          closable: expandedForAnimation && opened,\n          selectable: !opened,\n        },\n      }}\n      shadowStyle={shadowStyle}\n      hasBorderBottom={opened}\n      borderBottomMr=\"12px\"\n    >\n      <Grid\n        cols={opened ? ['auto', 'auto'] : ['38px']}\n        gutter=\"1px\"\n        pl={opened ? 'xxs' : 0}\n        justifyItems=\"center\"\n        data-testid=\"leftnav-leftcomponent\"\n      >\n        {opened && (\n          <StyledChevronLeft\n            size=\"m\"\n            color={['brand-primary', 800]}\n            onClick={(e) => {\n              onItemClick(item, e);\n              setSelectedItem(dsId);\n            }}\n            data-testid=\"leftnav-leftcomponent-chevron\"\n            tabIndex={0}\n            onFocus={(e) => {\n              e.stopPropagation();\n              setFocusedItem(CHEVRON_BACK_DS_ID);\n            }}\n            role=\"button\"\n            aria-label={`Close ${ariaLabel}`}\n          />\n        )}\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel\n        ml={opened ? 'xxs' : '1px'}\n        mt=\"xxxs\"\n        mb=\"15px\"\n        data-testid=\"leftnav-itemlabel\"\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid\n        pl=\"xs\"\n        pr={opened ? 'xxs2' : 'xxs'}\n        onFocus={(e) => {\n          e.stopPropagation();\n          setFocusedItem(null);\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        onClick={(e) => openedItem && e.stopPropagation()}\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n      {BottomComponent && (\n        <Grid\n          style={{ gridColumn: 'span 3' }}\n          pb=\"xxxs\"\n          pl=\"xxs\"\n          pr=\"xxs\"\n          onFocus={(e) => {\n            e.stopPropagation();\n            setFocusedItem(null);\n          }}\n          onKeyDown={(e) => e.stopPropagation()}\n          onClick={(e) => openedItem && e.stopPropagation()}\n        >\n          <BottomComponent ctx={ctx} item={item} />\n        </Grid>\n      )}\n    </ItemRenderer>\n  );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","neutral","ItemSubmenu","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","selectedItem","setSelectedItem","setFocusedItem","opened","shadowStyle","useCallback","ariaLabel","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","gridColumn"],"mappings":"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"}

package/esm/outOfTheBox/ItemSubmenu/styled.js

@@ -1,5 +1,5 @@
 import Grid from '@elliemae/ds-grid';
-import ChevronLeft from '@elliemae/ds-icons/ChevronSmallLeft';
+import { ChevronSmallLeft } from '@elliemae/ds-icons';
 import styled from 'styled-components';
 
 var StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
@@ -9,7 +9,7 @@ var StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
 }, function (props) {
   return props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal';
 });
-var StyledChevronLeft = /*#__PURE__*/styled(ChevronLeft).withConfig({
+var StyledChevronLeft = /*#__PURE__*/styled(ChevronSmallLeft).withConfig({
   componentId: "sc-1hegp8y-1"
 })(["cursor:pointer;:focus{outline:1px solid ", ";}"], function (props) {
   return props.theme.colors.brand[800];

package/esm/outOfTheBox/ItemSubmenu/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport ChevronLeft from '@elliemae/ds-icons/ChevronSmallLeft';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n  font-size: 14px;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  word-break: ${(props) =>\n    props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledChevronLeft = styled(ChevronLeft)`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow","StyledChevronLeft","ChevronLeft","brand"],"mappings":";;;;IAIaA,WAAW,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,mDAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;AAAA,SACZA,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAHQ;IAOXC,iBAAiB,gBAAGP,MAAM,CAACQ,WAAD,CAAT;AAAA;AAAA,uDAGL,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHK;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport { ChevronSmallLeft } from '@elliemae/ds-icons';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n  font-size: 14px;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledChevronLeft = styled(ChevronSmallLeft)`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow","StyledChevronLeft","ChevronSmallLeft","brand"],"mappings":";;;;IAIaA,WAAW,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,mDAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAHQ;IAMXC,iBAAiB,gBAAGP,MAAM,CAACQ,gBAAD,CAAT;AAAA;AAAA,uDAGL,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHK;;;;"}

package/esm/outOfTheBox/ItemTextLabel/index.js

@@ -3,14 +3,9 @@ import React from 'react';
 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/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';
 import 'styled-components';
 import '@elliemae/ds-grid';
-import '@elliemae/ds-icons/OpenWindow';
 import { StyledLabel } from './styled.js';
 import '../../exported-related/ItemRenderer/styled.js';
 import '../../LeftNavigationContext.js';

package/esm/outOfTheBox/ItemTextLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemTextLabel/index.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\nexport const ItemTextLabel = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: {\n        label,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n      },\n    },\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      {/* Empty LeftComponent */} <div />\n      <StyledLabel\n        data-testid=\"leftnav-list-item-label\"\n        pl=\"24px\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n        mr=\"xxs2\"\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemTextLabel","props","item","itemOpts","label","itemLabelOverflow","labelOverflow","labelBold","labelColor","leftNavLabelOverflow","ctx","leftNavProps","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAMaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAwC;AACnE,MACEC,IADF,GAaID,KAbJ,CACEC,IADF;AAAA,6BAaID,KAbJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAIMC,KAJN,wBAIMA,KAJN;AAAA,MAKqBC,iBALrB,wBAKMC,aALN;AAAA,MAMMC,SANN,wBAMMA,SANN;AAAA,MAOMC,UAPN,wBAOMA,UAPN;AAAA,MAWmCC,oBAXnC,GAaIR,KAbJ,CAUES,GAVF,CAWIC,YAXJ,CAWoBL,aAXpB;AAeA,MAAMA,aAAa,GAAGD,iBAAiB,IAAII,oBAA3C;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCP,IADD;AAEFU,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8B,gCAR9B,eASE,oBAAC,WAAD;AACE,mBAAY,yBADd;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,aAAa,EAAEN,aAHjB;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,EAAE,EAAC;AANL,KAQGF,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEF,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAXJ,CATF,CADF;AA0BD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemTextLabel/index.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\nexport const ItemTextLabel = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: {\n        label,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n      },\n    },\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      {/* Empty LeftComponent */} <div />\n      <StyledLabel\n        data-testid=\"leftnav-list-item-label\"\n        pl=\"24px\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n        mr=\"xxs2\"\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemTextLabel","props","item","itemOpts","label","itemLabelOverflow","labelOverflow","labelBold","labelColor","leftNavLabelOverflow","ctx","leftNavProps","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;IAMaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAwC;AACnE,MACEC,IADF,GAaID,KAbJ,CACEC,IADF;AAAA,6BAaID,KAbJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAIMC,KAJN,wBAIMA,KAJN;AAAA,MAKqBC,iBALrB,wBAKMC,aALN;AAAA,MAMMC,SANN,wBAMMA,SANN;AAAA,MAOMC,UAPN,wBAOMA,UAPN;AAAA,MAWmCC,oBAXnC,GAaIR,KAbJ,CAUES,GAVF,CAWIC,YAXJ,CAWoBL,aAXpB;AAeA,MAAMA,aAAa,GAAGD,iBAAiB,IAAII,oBAA3C;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCP,IADD;AAEFU,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8B,gCAR9B,eASE,oBAAC,WAAD;AACE,mBAAY,yBADd;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,aAAa,EAAEN,aAHjB;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,EAAE,EAAC;AANL,KAQGF,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEF,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAXJ,CATF,CADF;AA0BD;;;;"}

package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js

@@ -3,18 +3,11 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { useEffect, useMemo, useCallback } from 'react';
 import Grid from '@elliemae/ds-grid';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
+import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
 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 '@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';

package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useEffect } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport { ItemTextLabel } from '../ItemTextLabel';\nimport type { ComponentProps } from '../../index.d';\n\n// Subitem mapping\nconst outOfTheBoxSubitemsComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n  [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n    ctx,\n  } = props;\n\n  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n    const currentIndent = item.itemOpts?.indent ?? 0;\n    const newItem = {\n      ...item,\n      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n    };\n    return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n  }\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemUncontrolledDrilldown = (\n  props: ComponentProps,\n): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        startOpened,\n        items,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n      openedDrilldowns,\n      setOpenedDrilldowns,\n    },\n  } = props;\n\n  // Start opened functionality\n  useEffect(() => {\n    if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, []);\n\n  const opened = openedDrilldowns.includes(dsId);\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const arrowIcon = useMemo(() => {\n    const Component = opened ? ArrowheadDown : ArrowheadRight;\n    return (\n      <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />\n    );\n  }, [opened]);\n\n  // Array of subitems\n  const subitems = useMemo(() => {\n    if (!opened || !items) return [];\n    return items.map((subitem) => (\n      <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />\n    ));\n  }, [items, opened]);\n\n  const handleOnClick = useCallback(() => {\n    if (opened)\n      setOpenedDrilldowns(\n        openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId),\n      );\n    else setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, [opened, setOpenedDrilldowns, openedDrilldowns]);\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaExpanded: opened,\n          ariaRole: 'menuitem',\n          ...item.itemOpts,\n          openable: !opened,\n          closable: opened,\n        },\n        CollapsedComponent: null,\n      }}\n      subitems={subitems}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n      onClick={handleOnClick}\n    >\n      <Grid pl=\"xxs\" mt=\"-2px\">\n        {arrowIcon}\n      </Grid>\n      <StyledLabel\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid pl={RightComponent ? 'xxs' : '0px'}>\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","LEFT_NAV_ITEM_TEXT_LABEL","ItemTextLabel","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","ItemUncontrolledDrilldown","dsId","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","startOpened","items","leftNavLabelOverflow","leftNavProps","openedDrilldowns","setOpenedDrilldowns","useEffect","opened","includes","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","handleOnClick","useCallback","filter","openedDrilldown","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useEffect } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport { ItemTextLabel } from '../ItemTextLabel';\nimport type { ComponentProps } from '../../index.d';\n\n// Subitem mapping\nconst outOfTheBoxSubitemsComponents: Record<string, React.ComponentType<ComponentProps>> = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n  [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n    ctx,\n  } = props;\n\n  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n    const currentIndent = item.itemOpts?.indent ?? 0;\n    const newItem = {\n      ...item,\n      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n    };\n    return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n  }\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemUncontrolledDrilldown = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        startOpened,\n        items,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n      openedDrilldowns,\n      setOpenedDrilldowns,\n    },\n  } = props;\n\n  // Start opened functionality\n  useEffect(() => {\n    if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, []);\n\n  const opened = openedDrilldowns.includes(dsId);\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const arrowIcon = useMemo(() => {\n    const Component = opened ? ArrowheadDown : ArrowheadRight;\n    return <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />;\n  }, [opened]);\n\n  // Array of subitems\n  const subitems = useMemo(() => {\n    if (!opened || !items) return [];\n    return items.map((subitem) => <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />);\n  }, [items, opened]);\n\n  const handleOnClick = useCallback(() => {\n    if (opened) setOpenedDrilldowns(openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId));\n    else setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, [opened, setOpenedDrilldowns, openedDrilldowns]);\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaExpanded: opened,\n          ariaRole: 'menuitem',\n          ...item.itemOpts,\n          openable: !opened,\n          closable: opened,\n        },\n        CollapsedComponent: null,\n      }}\n      subitems={subitems}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n      onClick={handleOnClick}\n    >\n      <Grid pl=\"xxs\" mt=\"-2px\">\n        {arrowIcon}\n      </Grid>\n      <StyledLabel\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid pl={RightComponent ? 'xxs' : '0px'}>{RightComponent && <RightComponent ctx={ctx} item={item} />}</Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","LEFT_NAV_ITEM_TEXT_LABEL","ItemTextLabel","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","ItemUncontrolledDrilldown","dsId","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","startOpened","items","leftNavLabelOverflow","leftNavProps","openedDrilldowns","setOpenedDrilldowns","useEffect","opened","includes","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","handleOnClick","useCallback","filter","openedDrilldown","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"mappings":"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"}

package/esm/outOfTheBox/ItemWithDate/index.js

@@ -4,13 +4,8 @@ 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/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';
 import 'styled-components';
-import '@elliemae/ds-icons/OpenWindow';
 import { StyledLabel, StyledDate } from './styled.js';
 import '../../exported-related/ItemRenderer/styled.js';
 import '../../LeftNavigationContext.js';

package/esm/outOfTheBox/ItemWithDate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemWithDate/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledDate } from './styled';\n\nexport const ItemWithDate = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      {/* Empty LeftComponent */} <div />\n      <StyledLabel\n        pl=\"xxs\"\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid\n          pl={RightComponent ? 'xxs' : '0px'}\n          data-testid=\"leftnav-right-component\"\n        >\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemWithDate","props","item","itemOpts","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","ctx","leftNavLabelOverflow","leftNavProps","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAOaA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAwC;AAClE,MACEC,IADF,GAgBID,KAhBJ,CACEC,IADF;AAAA,6BAgBID,KAhBJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAIMC,KAJN,wBAIMA,KAJN;AAAA,MAKMC,cALN,wBAKMA,cALN;AAAA,MAMMC,iBANN,wBAMMA,iBANN;AAAA,MAOqBC,iBAPrB,wBAOMC,aAPN;AAAA,MAQMC,SARN,wBAQMA,SARN;AAAA,MASMC,UATN,wBASMA,UATN;AAAA,MAYEC,GAZF,GAgBIV,KAhBJ,CAYEU,GAZF;AAAA,MAcmCC,oBAdnC,GAgBIX,KAhBJ,CAaEU,GAbF,CAcIE,YAdJ,CAcoBL,aAdpB;AAkBA,MAAMA,aAAa,GAAGD,iBAAiB,IAAIK,oBAA3C;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCV,IADD;AAEFY,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8B,gCAR9B,eASE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,mBAAY,yBAHd;AAIE,IAAA,aAAa,EAAEN,aAJjB;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,UAAU,EAAEC;AANd,KAQGF,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEJ,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAXJ,CATF,eAuBE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAtB;AAAwC,IAAA,UAAU,EAAC;AAAnD,kBACE,oBAAC,UAAD;AAAY,IAAA,EAAE,EAAC,KAAf;AAAqB,mBAAY;AAAjC,KACGE,iBADH,CADF,eAIE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAED,cAAc,GAAG,KAAH,GAAW,KAD/B;AAEE,mBAAY;AAFd,KAIGA,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEM,GAArB;AAA0B,IAAA,IAAI,EAAET;AAAhC,IAJrB,CAJF,CAvBF,CADF;AAqCD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemWithDate/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledDate } from './styled';\n\nexport const ItemWithDate = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      {/* Empty LeftComponent */} <div />\n      <StyledLabel\n        pl=\"xxs\"\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid\n          pl={RightComponent ? 'xxs' : '0px'}\n          data-testid=\"leftnav-right-component\"\n        >\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemWithDate","props","item","itemOpts","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","ctx","leftNavLabelOverflow","leftNavProps","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;IAOaA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAwC;AAClE,MACEC,IADF,GAgBID,KAhBJ,CACEC,IADF;AAAA,6BAgBID,KAhBJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAIMC,KAJN,wBAIMA,KAJN;AAAA,MAKMC,cALN,wBAKMA,cALN;AAAA,MAMMC,iBANN,wBAMMA,iBANN;AAAA,MAOqBC,iBAPrB,wBAOMC,aAPN;AAAA,MAQMC,SARN,wBAQMA,SARN;AAAA,MASMC,UATN,wBASMA,UATN;AAAA,MAYEC,GAZF,GAgBIV,KAhBJ,CAYEU,GAZF;AAAA,MAcmCC,oBAdnC,GAgBIX,KAhBJ,CAaEU,GAbF,CAcIE,YAdJ,CAcoBL,aAdpB;AAkBA,MAAMA,aAAa,GAAGD,iBAAiB,IAAIK,oBAA3C;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCV,IADD;AAEFY,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8B,gCAR9B,eASE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,mBAAY,yBAHd;AAIE,IAAA,aAAa,EAAEN,aAJjB;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,UAAU,EAAEC;AANd,KAQGF,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEJ,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAXJ,CATF,eAuBE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAtB;AAAwC,IAAA,UAAU,EAAC;AAAnD,kBACE,oBAAC,UAAD;AAAY,IAAA,EAAE,EAAC,KAAf;AAAqB,mBAAY;AAAjC,KACGE,iBADH,CADF,eAIE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAED,cAAc,GAAG,KAAH,GAAW,KAD/B;AAEE,mBAAY;AAFd,KAIGA,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEM,GAArB;AAA0B,IAAA,IAAI,EAAET;AAAhC,IAJrB,CAJF,CAvBF,CADF;AAqCD;;;;"}