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

package/esm/outOfTheBox/index.js

@@ -4,12 +4,7 @@ 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 { ItemControlledDrilldown } from './ItemControlledDrilldown/index.js';
 export { ItemControlledDrilldown } from './ItemControlledDrilldown/index.js';
 import { ItemUncontrolledDrilldown } from './ItemUncontrolledDrilldown/index.js';
@@ -29,8 +24,6 @@ export { ItemTextLabel } from './ItemTextLabel/index.js';
 import { ItemWithDate } from './ItemWithDate/index.js';
 export { ItemWithDate } from './ItemWithDate/index.js';
 import '@elliemae/ds-truncated-tooltip-text';
-import '@elliemae/ds-icons/ArrowheadRight';
-import '@elliemae/ds-icons/ArrowheadDown';
 import '../exported-related/ItemRenderer/index.js';
 import '../exported-related/ItemRenderer/styled.js';
 import '../LeftNavigationContext.js';
@@ -40,7 +33,6 @@ import './ItemControlledDrilldown/styled.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import './ItemUncontrolledDrilldown/styled.js';
 import './ItemHeader/styled.js';
-import '@elliemae/ds-icons/ChevronSmallLeft';
 import './ItemLink/styled.js';
 import './ItemSection/styled.js';
 import './ItemSubmenu/styled.js';

package/esm/outOfTheBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/outOfTheBox/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '../index.d';\nimport { ITEM_TYPES } from '../exported-related';\nimport { ItemControlledDrilldown } from './ItemControlledDrilldown';\nimport { ItemUncontrolledDrilldown } from './ItemUncontrolledDrilldown';\nimport { ItemHeader } from './ItemHeader';\nimport { ItemLink } from './ItemLink';\nimport { ItemSection } from './ItemSection';\nimport { ItemSeparator } from './ItemSeparator';\nimport { ItemSubmenu } from './ItemSubmenu';\nimport { ItemTextLabel } from './ItemTextLabel';\nimport { ItemWithDate } from './ItemWithDate';\n\nexport * from './ItemControlledDrilldown';\nexport * from './ItemUncontrolledDrilldown';\nexport * from './ItemHeader';\nexport * from './ItemLink';\nexport * from './ItemSection';\nexport * from './ItemSeparator';\nexport * from './ItemSubmenu';\nexport * from './ItemTextLabel';\nexport * from './ItemWithDate';\n\nexport const outOfTheBoxTypes = Object.values(ITEM_TYPES);\nconst {\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,\n  LEFT_NAV_ITEM_HEADER,\n  LEFT_NAV_ITEM_LINK,\n  LEFT_NAV_ITEM_SECTION,\n  LEFT_NAV_ITEM_SEPARATOR,\n  LEFT_NAV_ITEM_SUBMENU,\n  LEFT_NAV_ITEM_TEXT_LABEL,\n  LEFT_NAV_ITEM_WITH_DATE,\n} = ITEM_TYPES;\n\nexport const outOfTheBoxComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN]: ItemControlledDrilldown,\n  [LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN]: ItemUncontrolledDrilldown,\n  [LEFT_NAV_ITEM_HEADER]: ItemHeader,\n  [LEFT_NAV_ITEM_LINK]: ItemLink,\n  [LEFT_NAV_ITEM_SECTION]: ItemSection,\n  [LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [LEFT_NAV_ITEM_SUBMENU]: ItemSubmenu,\n  [LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n  [LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n"],"names":["outOfTheBoxTypes","Object","values","ITEM_TYPES","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_HEADER","LEFT_NAV_ITEM_LINK","LEFT_NAV_ITEM_SECTION","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_SUBMENU","LEFT_NAV_ITEM_TEXT_LABEL","LEFT_NAV_ITEM_WITH_DATE","outOfTheBoxComponents","ItemControlledDrilldown","ItemUncontrolledDrilldown","ItemHeader","ItemLink","ItemSection","ItemSeparator","ItemSubmenu","ItemTextLabel","ItemWithDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuBaA,gBAAgB,GAAGC,MAAM,CAACC,MAAP,CAAcC,UAAd;AAChC,IACEC,kCADF,GAUID,UAVJ,CACEC,kCADF;AAAA,IAEEC,oCAFF,GAUIF,UAVJ,CAEEE,oCAFF;AAAA,IAGEC,oBAHF,GAUIH,UAVJ,CAGEG,oBAHF;AAAA,IAIEC,kBAJF,GAUIJ,UAVJ,CAIEI,kBAJF;AAAA,IAKEC,qBALF,GAUIL,UAVJ,CAKEK,qBALF;AAAA,IAMEC,uBANF,GAUIN,UAVJ,CAMEM,uBANF;AAAA,IAOEC,qBAPF,GAUIP,UAVJ,CAOEO,qBAPF;AAAA,IAQEC,wBARF,GAUIR,UAVJ,CAQEQ,wBARF;AAAA,IASEC,uBATF,GAUIT,UAVJ,CASES,uBATF;IAYaC,qBAGZ,uEACET,kCADF,EACuCU,uBADvC,0CAEET,oCAFF,EAEyCU,yBAFzC,0CAGET,oBAHF,EAGyBU,UAHzB,0CAIET,kBAJF,EAIuBU,QAJvB,0CAKET,qBALF,EAK0BU,WAL1B,0CAMET,uBANF,EAM4BU,aAN5B,0CAOET,qBAPF,EAO0BU,WAP1B,0CAQET,wBARF,EAQ6BU,aAR7B,0CASET,uBATF,EAS4BU,YAT5B;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/outOfTheBox/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '../index.d';\nimport { ITEM_TYPES } from '../exported-related';\nimport { ItemControlledDrilldown } from './ItemControlledDrilldown';\nimport { ItemUncontrolledDrilldown } from './ItemUncontrolledDrilldown';\nimport { ItemHeader } from './ItemHeader';\nimport { ItemLink } from './ItemLink';\nimport { ItemSection } from './ItemSection';\nimport { ItemSeparator } from './ItemSeparator';\nimport { ItemSubmenu } from './ItemSubmenu';\nimport { ItemTextLabel } from './ItemTextLabel';\nimport { ItemWithDate } from './ItemWithDate';\n\nexport * from './ItemControlledDrilldown';\nexport * from './ItemUncontrolledDrilldown';\nexport * from './ItemHeader';\nexport * from './ItemLink';\nexport * from './ItemSection';\nexport * from './ItemSeparator';\nexport * from './ItemSubmenu';\nexport * from './ItemTextLabel';\nexport * from './ItemWithDate';\n\nexport const outOfTheBoxTypes = Object.values(ITEM_TYPES);\nconst {\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,\n  LEFT_NAV_ITEM_HEADER,\n  LEFT_NAV_ITEM_LINK,\n  LEFT_NAV_ITEM_SECTION,\n  LEFT_NAV_ITEM_SEPARATOR,\n  LEFT_NAV_ITEM_SUBMENU,\n  LEFT_NAV_ITEM_TEXT_LABEL,\n  LEFT_NAV_ITEM_WITH_DATE,\n} = ITEM_TYPES;\n\nexport const outOfTheBoxComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN]: ItemControlledDrilldown,\n  [LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN]: ItemUncontrolledDrilldown,\n  [LEFT_NAV_ITEM_HEADER]: ItemHeader,\n  [LEFT_NAV_ITEM_LINK]: ItemLink,\n  [LEFT_NAV_ITEM_SECTION]: ItemSection,\n  [LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [LEFT_NAV_ITEM_SUBMENU]: ItemSubmenu,\n  [LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n  [LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n"],"names":["outOfTheBoxTypes","Object","values","ITEM_TYPES","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_HEADER","LEFT_NAV_ITEM_LINK","LEFT_NAV_ITEM_SECTION","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_SUBMENU","LEFT_NAV_ITEM_TEXT_LABEL","LEFT_NAV_ITEM_WITH_DATE","outOfTheBoxComponents","ItemControlledDrilldown","ItemUncontrolledDrilldown","ItemHeader","ItemLink","ItemSection","ItemSeparator","ItemSubmenu","ItemTextLabel","ItemWithDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuBaA,gBAAgB,GAAGC,MAAM,CAACC,MAAP,CAAcC,UAAd;AAChC,IACEC,kCADF,GAUID,UAVJ,CACEC,kCADF;AAAA,IAEEC,oCAFF,GAUIF,UAVJ,CAEEE,oCAFF;AAAA,IAGEC,oBAHF,GAUIH,UAVJ,CAGEG,oBAHF;AAAA,IAIEC,kBAJF,GAUIJ,UAVJ,CAIEI,kBAJF;AAAA,IAKEC,qBALF,GAUIL,UAVJ,CAKEK,qBALF;AAAA,IAMEC,uBANF,GAUIN,UAVJ,CAMEM,uBANF;AAAA,IAOEC,qBAPF,GAUIP,UAVJ,CAOEO,qBAPF;AAAA,IAQEC,wBARF,GAUIR,UAVJ,CAQEQ,wBARF;AAAA,IASEC,uBATF,GAUIT,UAVJ,CASES,uBATF;IAYaC,qBAGZ,uEACET,kCADF,EACuCU,uBADvC,0CAEET,oCAFF,EAEyCU,yBAFzC,0CAGET,oBAHF,EAGyBU,UAHzB,0CAIET,kBAJF,EAIuBU,QAJvB,0CAKET,qBALF,EAK0BU,WAL1B,0CAMET,uBANF,EAM4BU,aAN5B,0CAOET,qBAPF,EAO0BU,WAP1B,0CAQET,wBARF,EAQ6BU,aAR7B,0CASET,uBATF,EAS4BU,YAT5B;;;;"}

package/esm/parts/LeftNavContent/index.js

@@ -5,14 +5,12 @@ import { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar/inde
 import { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem.js';
 import { StyledLeftNavExpandAnimationWrapper, StyledLeftNavAreasContainer, StyledLeftNavFooterArea, StyledLeftNavHeaderArea, StyledLeftNavBodyAreasContainer, StyledLeftNavBodyHeaderArea, StyledLeftNavBodyItemsArea } from './styled.js';
 import { LeftNavLoading } from '../LeftNavLoading/index.js';
-import '@elliemae/ds-icons/MenuExpand';
+import '@elliemae/ds-icons';
 import 'react-desc';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-truncated-tooltip-text';
 import '../LeftNavFooterItem/styled.js';
 import 'styled-components';
-import '@elliemae/ds-basic';
-import '@elliemae/ds-icons';
 import '../../common/getFocusedByKeyboardStyle.js';
 import '../../common/getItemBackgroundStyle.js';
 import '../../common/getLeftBorderStyle.js';
@@ -20,18 +18,11 @@ import '../../hooks/useKeyboardNavigation.js';
 import '../../exported-related/constants.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@babel/runtime/helpers/esm/slicedToArray';
+import 'overlayscrollbars/css/OverlayScrollbars.css';
 import 'overlayscrollbars';
 import '../../outOfTheBox/index.js';
 import '@babel/runtime/helpers/esm/extends';
-import '@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 '../../outOfTheBox/ItemControlledDrilldown/index.js';
-import '@elliemae/ds-icons/ArrowheadRight';
-import '@elliemae/ds-icons/ArrowheadDown';
 import '../../exported-related/ItemRenderer/index.js';
 import '../../exported-related/ItemRenderer/styled.js';
 import '../../exported-related/ItemRenderer/usePropsWithDefaults.js';
@@ -46,14 +37,13 @@ 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';
 import '../../outOfTheBox/ItemSection/styled.js';
 import '../../outOfTheBox/ItemSubmenu/index.js';
 import '../../outOfTheBox/ItemSubmenu/styled.js';
-import '@elliemae/ds-basic/CircularProgressIndicator';
+import '@elliemae/ds-circular-progress-indicator';
 
 var leftNavScreenReaderInstructions = 'Left Navigation. You can navigate through the items using the Up/Down arrows. ' + 'To expand or select an item, use the Enter/Return or Space keys. ' + 'Expandable items can also be opened/closed with the Right/Left arrows. ' + 'The Home and End keys will take you to the first and last item respectively.';
 

package/esm/parts/LeftNavContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n  StyledLeftNavExpandAnimationWrapper,\n  StyledLeftNavAreasContainer,\n  StyledLeftNavHeaderArea,\n  StyledLeftNavBodyAreasContainer,\n  StyledLeftNavBodyHeaderArea,\n  StyledLeftNavBodyItemsArea,\n  StyledLeftNavFooterArea,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n  'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n  'To expand or select an item, use the Enter/Return or Space keys. ' +\n  'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n  'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n  const {\n    leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items },\n    selectedItem,\n  } = React.useContext(LeftNavContext);\n  return (\n    <>\n      <StyledLeftNavHeaderArea\n        data-testid=\"leftnav-header-area\"\n        selected={HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)}\n      >\n        {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n      </StyledLeftNavHeaderArea>\n      <StyledLeftNavBodyAreasContainer>\n        <StyledLeftNavBodyHeaderArea\n          data-testid=\"leftnav-body-header-area\"\n          selected={BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)}\n        >\n          {BodyHeaderComponent ? <OutOfTheBoxMapItem item={BodyHeaderComponent} /> : null}\n        </StyledLeftNavBodyHeaderArea>\n        <StyledLeftNavBodyItemsArea selected={openedItem !== null} data-testid=\"leftnav-body-items-area\" tabIndex={-1}>\n          <LeftNavContentWithScrollbar>\n            {items.map((item) => (\n              <OutOfTheBoxMapItem item={item} key={item.dsId} />\n            ))}\n          </LeftNavContentWithScrollbar>\n        </StyledLeftNavBodyItemsArea>\n      </StyledLeftNavBodyAreasContainer>\n    </>\n  );\n};\n\nconst LeftNavContent: React.ComponentType = () => {\n  const {\n    expandedForAnimation,\n    leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading },\n  } = React.useContext(LeftNavContext);\n\n  return (\n    <StyledLeftNavExpandAnimationWrapper\n      expandedWidth={expandedWidth}\n      expanded={expanded}\n      data-testid=\"leftnav-component\"\n      aria-label={leftNavScreenReaderInstructions}\n    >\n      <StyledLeftNavAreasContainer expandedWidth={expandedWidth} expanded={expandedForAnimation}>\n        {loading && <LeftNavLoading expanded={expandedForAnimation} />}\n        {!loading && <LeftNavInnerContent />}\n        <StyledLeftNavFooterArea>\n          <LeftNavFooterItem footerLabel={footerLabel} onFooterExpand={onFooterExpand} onFooterClose={onFooterClose} />\n        </StyledLeftNavFooterArea>\n      </StyledLeftNavAreasContainer>\n    </StyledLeftNavExpandAnimationWrapper>\n  );\n};\n\nexport default LeftNavContent;\n"],"names":["leftNavScreenReaderInstructions","LeftNavInnerContent","React","useContext","LeftNavContext","leftNavProps","HeaderComponent","BodyHeaderComponent","openedItem","items","selectedItem","includes","dsId","map","item","LeftNavContent","expandedForAnimation","expanded","expandedWidth","footerLabel","onFooterExpand","onFooterClose","loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,+BAA+B,GACnC,mFACA,mEADA,GAEA,yEAFA,GAGA,8EAJF;;AAMA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,0BAGIC,KAAK,CAACC,UAAN,CAAiBC,cAAjB,CAHJ;AAAA,gDACEC,YADF;AAAA,MACkBC,eADlB,yBACkBA,eADlB;AAAA,MACmCC,mBADnC,yBACmCA,mBADnC;AAAA,MACwDC,UADxD,yBACwDA,UADxD;AAAA,MACoEC,KADpE,yBACoEA,KADpE;AAAA,MAEEC,YAFF,qBAEEA,YAFF;;AAIA,sBACE,uDACE,oBAAC,uBAAD;AACE,mBAAY,qBADd;AAEE,IAAA,QAAQ,EAAEJ,eAAe,IAAI,CAACI,YAAD,EAAeF,UAAf,EAA2BG,QAA3B,CAAoCL,eAAe,CAACM,IAApD;AAF/B,KAIGN,eAAe,gBAAG,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEA;AAA1B,IAAH,GAAmD,IAJrE,CADF,eAOE,oBAAC,+BAAD,qBACE,oBAAC,2BAAD;AACE,mBAAY,0BADd;AAEE,IAAA,QAAQ,EAAEC,mBAAmB,IAAI,CAACG,YAAD,EAAeF,UAAf,EAA2BG,QAA3B,CAAoCJ,mBAAmB,CAACK,IAAxD;AAFnC,KAIGL,mBAAmB,gBAAG,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEA;AAA1B,IAAH,GAAuD,IAJ7E,CADF,eAOE,oBAAC,0BAAD;AAA4B,IAAA,QAAQ,EAAEC,UAAU,KAAK,IAArD;AAA2D,mBAAY,yBAAvE;AAAiG,IAAA,QAAQ,EAAE,CAAC;AAA5G,kBACE,oBAAC,2BAAD,QACGC,KAAK,CAACI,GAAN,CAAU,UAACC,IAAD;AAAA,wBACT,oBAAC,kBAAD;AAAoB,MAAA,IAAI,EAAEA,IAA1B;AAAgC,MAAA,GAAG,EAAEA,IAAI,CAACF;AAA1C,MADS;AAAA,GAAV,CADH,CADF,CAPF,CAPF,CADF;AAyBD,CA9BD;;IAgCMG,cAAmC,GAAG,SAAtCA,cAAsC,GAAM;AAChD,2BAGIb,KAAK,CAACC,UAAN,CAAiBC,cAAjB,CAHJ;AAAA,MACEY,oBADF,sBACEA,oBADF;AAAA,iDAEEX,YAFF;AAAA,MAEkBY,QAFlB,yBAEkBA,QAFlB;AAAA,MAE4BC,aAF5B,yBAE4BA,aAF5B;AAAA,MAE2CC,WAF3C,yBAE2CA,WAF3C;AAAA,MAEwDC,cAFxD,yBAEwDA,cAFxD;AAAA,MAEwEC,aAFxE,yBAEwEA,aAFxE;AAAA,MAEuFC,OAFvF,yBAEuFA,OAFvF;;AAKA,sBACE,oBAAC,mCAAD;AACE,IAAA,aAAa,EAAEJ,aADjB;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,mBAAY,mBAHd;AAIE,kBAAYjB;AAJd,kBAME,oBAAC,2BAAD;AAA6B,IAAA,aAAa,EAAEkB,aAA5C;AAA2D,IAAA,QAAQ,EAAEF;AAArE,KACGM,OAAO,iBAAI,oBAAC,cAAD;AAAgB,IAAA,QAAQ,EAAEN;AAA1B,IADd,EAEG,CAACM,OAAD,iBAAY,oBAAC,mBAAD,OAFf,eAGE,oBAAC,uBAAD,qBACE,oBAAC,iBAAD;AAAmB,IAAA,WAAW,EAAEH,WAAhC;AAA6C,IAAA,cAAc,EAAEC,cAA7D;AAA6E,IAAA,aAAa,EAAEC;AAA5F,IADF,CAHF,CANF,CADF;AAgBD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n  StyledLeftNavExpandAnimationWrapper,\n  StyledLeftNavAreasContainer,\n  StyledLeftNavHeaderArea,\n  StyledLeftNavBodyAreasContainer,\n  StyledLeftNavBodyHeaderArea,\n  StyledLeftNavBodyItemsArea,\n  StyledLeftNavFooterArea,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n  'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n  'To expand or select an item, use the Enter/Return or Space keys. ' +\n  'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n  'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n  const {\n    leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items },\n    selectedItem,\n  } = React.useContext(LeftNavContext);\n  return (\n    <>\n      <StyledLeftNavHeaderArea\n        data-testid=\"leftnav-header-area\"\n        selected={HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)}\n      >\n        {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n      </StyledLeftNavHeaderArea>\n      <StyledLeftNavBodyAreasContainer>\n        <StyledLeftNavBodyHeaderArea\n          data-testid=\"leftnav-body-header-area\"\n          selected={BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)}\n        >\n          {BodyHeaderComponent ? <OutOfTheBoxMapItem item={BodyHeaderComponent} /> : null}\n        </StyledLeftNavBodyHeaderArea>\n        <StyledLeftNavBodyItemsArea selected={openedItem !== null} data-testid=\"leftnav-body-items-area\" tabIndex={-1}>\n          <LeftNavContentWithScrollbar>\n            {items.map((item) => (\n              <OutOfTheBoxMapItem item={item} key={item.dsId} />\n            ))}\n          </LeftNavContentWithScrollbar>\n        </StyledLeftNavBodyItemsArea>\n      </StyledLeftNavBodyAreasContainer>\n    </>\n  );\n};\n\nconst LeftNavContent: React.ComponentType = () => {\n  const {\n    expandedForAnimation,\n    leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading },\n  } = React.useContext(LeftNavContext);\n\n  return (\n    <StyledLeftNavExpandAnimationWrapper\n      expandedWidth={expandedWidth}\n      expanded={expanded}\n      data-testid=\"leftnav-component\"\n      aria-label={leftNavScreenReaderInstructions}\n    >\n      <StyledLeftNavAreasContainer expandedWidth={expandedWidth} expanded={expandedForAnimation}>\n        {loading && <LeftNavLoading expanded={expandedForAnimation} />}\n        {!loading && <LeftNavInnerContent />}\n        <StyledLeftNavFooterArea>\n          <LeftNavFooterItem footerLabel={footerLabel} onFooterExpand={onFooterExpand} onFooterClose={onFooterClose} />\n        </StyledLeftNavFooterArea>\n      </StyledLeftNavAreasContainer>\n    </StyledLeftNavExpandAnimationWrapper>\n  );\n};\n\nexport default LeftNavContent;\n"],"names":["leftNavScreenReaderInstructions","LeftNavInnerContent","React","useContext","LeftNavContext","leftNavProps","HeaderComponent","BodyHeaderComponent","openedItem","items","selectedItem","includes","dsId","map","item","LeftNavContent","expandedForAnimation","expanded","expandedWidth","footerLabel","onFooterExpand","onFooterClose","loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,+BAA+B,GACnC,mFACA,mEADA,GAEA,yEAFA,GAGA,8EAJF;;AAMA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,0BAGIC,KAAK,CAACC,UAAN,CAAiBC,cAAjB,CAHJ;AAAA,gDACEC,YADF;AAAA,MACkBC,eADlB,yBACkBA,eADlB;AAAA,MACmCC,mBADnC,yBACmCA,mBADnC;AAAA,MACwDC,UADxD,yBACwDA,UADxD;AAAA,MACoEC,KADpE,yBACoEA,KADpE;AAAA,MAEEC,YAFF,qBAEEA,YAFF;;AAIA,sBACE,uDACE,oBAAC,uBAAD;AACE,mBAAY,qBADd;AAEE,IAAA,QAAQ,EAAEJ,eAAe,IAAI,CAACI,YAAD,EAAeF,UAAf,EAA2BG,QAA3B,CAAoCL,eAAe,CAACM,IAApD;AAF/B,KAIGN,eAAe,gBAAG,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEA;AAA1B,IAAH,GAAmD,IAJrE,CADF,eAOE,oBAAC,+BAAD,qBACE,oBAAC,2BAAD;AACE,mBAAY,0BADd;AAEE,IAAA,QAAQ,EAAEC,mBAAmB,IAAI,CAACG,YAAD,EAAeF,UAAf,EAA2BG,QAA3B,CAAoCJ,mBAAmB,CAACK,IAAxD;AAFnC,KAIGL,mBAAmB,gBAAG,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEA;AAA1B,IAAH,GAAuD,IAJ7E,CADF,eAOE,oBAAC,0BAAD;AAA4B,IAAA,QAAQ,EAAEC,UAAU,KAAK,IAArD;AAA2D,mBAAY,yBAAvE;AAAiG,IAAA,QAAQ,EAAE,CAAC;AAA5G,kBACE,oBAAC,2BAAD,QACGC,KAAK,CAACI,GAAN,CAAU,UAACC,IAAD;AAAA,wBACT,oBAAC,kBAAD;AAAoB,MAAA,IAAI,EAAEA,IAA1B;AAAgC,MAAA,GAAG,EAAEA,IAAI,CAACF;AAA1C,MADS;AAAA,GAAV,CADH,CADF,CAPF,CAPF,CADF;AAyBD,CA9BD;;IAgCMG,cAAmC,GAAG,SAAtCA,cAAsC,GAAM;AAChD,2BAGIb,KAAK,CAACC,UAAN,CAAiBC,cAAjB,CAHJ;AAAA,MACEY,oBADF,sBACEA,oBADF;AAAA,iDAEEX,YAFF;AAAA,MAEkBY,QAFlB,yBAEkBA,QAFlB;AAAA,MAE4BC,aAF5B,yBAE4BA,aAF5B;AAAA,MAE2CC,WAF3C,yBAE2CA,WAF3C;AAAA,MAEwDC,cAFxD,yBAEwDA,cAFxD;AAAA,MAEwEC,aAFxE,yBAEwEA,aAFxE;AAAA,MAEuFC,OAFvF,yBAEuFA,OAFvF;;AAKA,sBACE,oBAAC,mCAAD;AACE,IAAA,aAAa,EAAEJ,aADjB;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,mBAAY,mBAHd;AAIE,kBAAYjB;AAJd,kBAME,oBAAC,2BAAD;AAA6B,IAAA,aAAa,EAAEkB,aAA5C;AAA2D,IAAA,QAAQ,EAAEF;AAArE,KACGM,OAAO,iBAAI,oBAAC,cAAD;AAAgB,IAAA,QAAQ,EAAEN;AAA1B,IADd,EAEG,CAACM,OAAD,iBAAY,oBAAC,mBAAD,OAFf,eAGE,oBAAC,uBAAD,qBACE,oBAAC,iBAAD;AAAmB,IAAA,WAAW,EAAEH,WAAhC;AAA6C,IAAA,cAAc,EAAEC,cAA7D;AAA6E,IAAA,aAAa,EAAEC;AAA5F,IADF,CAHF,CANF,CADF;AAgBD;;;;"}

package/esm/parts/LeftNavContentWithScrollbar/index.js

@@ -1,6 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import React, { useState, useRef, useEffect } from 'react';
+import 'overlayscrollbars/css/OverlayScrollbars.css';
 import OverlayScrollbars from 'overlayscrollbars';
 import styled from 'styled-components';
 

package/esm/parts/LeftNavContentWithScrollbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContentWithScrollbar/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nconst options: Options = {\n  className: 'os-theme-dark',\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (props) => {\n  const { children } = props;\n\n  const inheritBoxShadow = { boxShadow: 'inherit' };\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n    setOsInstance(nextOsInstance);\n  }, [osInstance]);\n\n  return (\n    <div className=\"os-host\" style={{ height: '100%', ...inheritBoxShadow }} tabIndex={-1} ref={osTargetRef}>\n      <div className=\"os-resize-observer-host\" />\n      <div className=\"os-padding\" style={inheritBoxShadow}>\n        <div className=\"os-viewport\" style={inheritBoxShadow}>\n          <div className=\"os-content\" style={inheritBoxShadow} aria-hidden>\n            {children}\n          </div>\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-horizontal \">\n        <div className=\"os-scrollbar-track\">\n          <div className=\"os-scrollbar-handle\" />\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-vertical\">\n        <div className=\"os-scrollbar-track\">\n          <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n        </div>\n      </div>\n      <div className=\"os-scrollbar-corner\" />\n    </div>\n  );\n};\n"],"names":["StyledHandle","styled","div","options","className","scrollbars","autoHide","autoHideDelay","LeftNavContentWithScrollbar","props","children","inheritBoxShadow","boxShadow","useState","osInstance","setOsInstance","osTargetRef","useRef","useEffect","nextOsInstance","OverlayScrollbars","current","height"],"mappings":";;;;;;;;;AASA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,0OAAlB;AAeA,IAAMC,OAAgB,GAAG;AACvBC,EAAAA,SAAS,EAAE,eADY;AAEvBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE,OADA;AAEVC,IAAAA,aAAa,EAAE;AAFL;AAFW,CAAzB;IAQaC,2BAAiF,GAAG,SAApFA,2BAAoF,CAACC,KAAD,EAAW;AAC1G,MAAQC,QAAR,GAAqBD,KAArB,CAAQC,QAAR;AAEA,MAAMC,gBAAgB,GAAG;AAAEC,IAAAA,SAAS,EAAE;AAAb,GAAzB;;AACA,kBAAoCC,QAAQ,EAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,WAAW,GAAGC,MAAM,CAAiB,IAAjB,CAA1B;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMC,cAAiC,GAAGC,iBAAiB,CAACJ,WAAW,CAACK,OAAb,EAAsBlB,OAAtB,CAA3D;AACAY,IAAAA,aAAa,CAACI,cAAD,CAAb;AACD,GAHQ,EAGN,CAACL,UAAD,CAHM,CAAT;AAKA,sBACE;AAAK,IAAA,SAAS,EAAC,SAAf;AAAyB,IAAA,KAAK;AAAIQ,MAAAA,MAAM,EAAE;AAAZ,OAAuBX,gBAAvB,CAA9B;AAAyE,IAAA,QAAQ,EAAE,CAAC,CAApF;AAAuF,IAAA,GAAG,EAAEK;AAA5F,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,eAEE;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEL;AAAnC,kBACE;AAAK,IAAA,SAAS,EAAC,aAAf;AAA6B,IAAA,KAAK,EAAEA;AAApC,kBACE;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEA,gBAAnC;AAAqD;AAArD,KACGD,QADH,CADF,CADF,CAFF,eASE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,CADF,CATF,eAcE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,IADF,CADF,CAdF,eAmBE;AAAK,IAAA,SAAS,EAAC;AAAf,IAnBF,CADF;AAuBD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContentWithScrollbar/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport 'overlayscrollbars/css/OverlayScrollbars.css';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nconst options: Options = {\n  className: 'os-theme-dark',\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (props) => {\n  const { children } = props;\n\n  const inheritBoxShadow = { boxShadow: 'inherit' };\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n    setOsInstance(nextOsInstance);\n  }, [osInstance]);\n\n  return (\n    <div className=\"os-host\" style={{ height: '100%', ...inheritBoxShadow }} tabIndex={-1} ref={osTargetRef}>\n      <div className=\"os-resize-observer-host\" />\n      <div className=\"os-padding\" style={inheritBoxShadow}>\n        <div className=\"os-viewport\" style={inheritBoxShadow}>\n          <div className=\"os-content\" style={inheritBoxShadow} aria-hidden>\n            {children}\n          </div>\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-horizontal \">\n        <div className=\"os-scrollbar-track\">\n          <div className=\"os-scrollbar-handle\" />\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-vertical\">\n        <div className=\"os-scrollbar-track\">\n          <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n        </div>\n      </div>\n      <div className=\"os-scrollbar-corner\" />\n    </div>\n  );\n};\n"],"names":["StyledHandle","styled","div","options","className","scrollbars","autoHide","autoHideDelay","LeftNavContentWithScrollbar","props","children","inheritBoxShadow","boxShadow","useState","osInstance","setOsInstance","osTargetRef","useRef","useEffect","nextOsInstance","OverlayScrollbars","current","height"],"mappings":";;;;;;;;;;AAUA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,0OAAlB;AAeA,IAAMC,OAAgB,GAAG;AACvBC,EAAAA,SAAS,EAAE,eADY;AAEvBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE,OADA;AAEVC,IAAAA,aAAa,EAAE;AAFL;AAFW,CAAzB;IAQaC,2BAAiF,GAAG,SAApFA,2BAAoF,CAACC,KAAD,EAAW;AAC1G,MAAQC,QAAR,GAAqBD,KAArB,CAAQC,QAAR;AAEA,MAAMC,gBAAgB,GAAG;AAAEC,IAAAA,SAAS,EAAE;AAAb,GAAzB;;AACA,kBAAoCC,QAAQ,EAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,WAAW,GAAGC,MAAM,CAAiB,IAAjB,CAA1B;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMC,cAAiC,GAAGC,iBAAiB,CAACJ,WAAW,CAACK,OAAb,EAAsBlB,OAAtB,CAA3D;AACAY,IAAAA,aAAa,CAACI,cAAD,CAAb;AACD,GAHQ,EAGN,CAACL,UAAD,CAHM,CAAT;AAKA,sBACE;AAAK,IAAA,SAAS,EAAC,SAAf;AAAyB,IAAA,KAAK;AAAIQ,MAAAA,MAAM,EAAE;AAAZ,OAAuBX,gBAAvB,CAA9B;AAAyE,IAAA,QAAQ,EAAE,CAAC,CAApF;AAAuF,IAAA,GAAG,EAAEK;AAA5F,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,eAEE;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEL;AAAnC,kBACE;AAAK,IAAA,SAAS,EAAC,aAAf;AAA6B,IAAA,KAAK,EAAEA;AAApC,kBACE;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEA,gBAAnC;AAAqD;AAArD,KACGD,QADH,CADF,CADF,CAFF,eASE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,CADF,CATF,eAcE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,IADF,CADF,CAdF,eAmBE;AAAK,IAAA,SAAS,EAAC;AAAf,IAnBF,CADF;AAuBD;;;;"}

package/esm/parts/LeftNavFooterItem/index.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import MenuExpand from '@elliemae/ds-icons/MenuExpand';
+import { MenuExpand } from '@elliemae/ds-icons';
 import { PropTypes } from 'react-desc';
 import Grid from '@elliemae/ds-grid';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
@@ -8,8 +8,6 @@ import { LeftNavContext } from '../../LeftNavigationContext.js';
 import { useKeyboardNavigation } from '../../hooks/useKeyboardNavigation.js';
 import { FOOTER_MENU_CLOSE_DS_ID, FOOTER_DS_ID } from '../../exported-related/constants.js';
 import 'styled-components';
-import '@elliemae/ds-basic';
-import '@elliemae/ds-icons';
 import '../../common/getFocusedByKeyboardStyle.js';
 import '../../common/getItemBackgroundStyle.js';
 import '../../common/getLeftBorderStyle.js';

package/esm/parts/LeftNavFooterItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavFooterItem/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport MenuExpand from '@elliemae/ds-icons/MenuExpand';\nimport { PropTypes } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledFooterMenu,\n  StyledItem,\n  StyledItemWrapper,\n  StyledLabel,\n  StyledSeparator,\n  StyledMenuCollapse,\n} from './styled';\nimport { useKeyboardNavigation } from '../../hooks';\nimport LeftNavigationContext from '../../LeftNavigationContext';\nimport { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../../exported-related/constants';\n\ntype LeftNavFooterItemProps = {\n  footerLabel: string | JSX.Element;\n  onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n  onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;\n};\n\nexport const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps> = (props) => {\n  const { footerLabel, onFooterExpand = () => null, onFooterClose = () => null } = props;\n  const {\n    leftNavProps: { labelOverflow, openedItem },\n    expandedForAnimation,\n    setSelectedItem,\n    focusedItem,\n    setFocusedItem,\n    focusedByKey,\n    visibleItemsRefs,\n  } = useContext(LeftNavigationContext);\n\n  const id = FOOTER_DS_ID;\n\n  const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;\n\n  const onKeyDown = useKeyboardNavigation({\n    item: {\n      dsId: id,\n      itemOpts: {\n        selectable: !expandedForAnimation,\n        openable: false,\n        closable: false,\n      },\n    },\n    onClick: handleOnClick,\n  });\n\n  return (\n    <StyledFooterMenu key={id} data-testid=\"leftnav-container\">\n      <StyledItemWrapper>\n        <StyledItem\n          ref={visibleItemsRefs.current[id]}\n          tabIndex={expandedForAnimation ? -1 : 0}\n          expanded={expandedForAnimation}\n          pt=\"xxs2\"\n          height={expandedForAnimation ? 'auto' : '48px'}\n          alignItems=\"flex-start\"\n          pl=\"xxs\"\n          cols={expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']}\n          onClick={expandedForAnimation ? () => null : handleOnClick}\n          onKeyDown={onKeyDown}\n          focused={focusedItem === id}\n          focusedByKey={focusedByKey}\n          onFocus={() => setFocusedItem(id)}\n          data-testid=\"leftnav-item-container\"\n          role=\"menuitem\"\n          aria-label={expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`}\n        >\n          {!expandedForAnimation ? (\n            <MenuExpand size=\"m\" color={['brand-primary', 800]} data-testid=\"leftnav-footer-btn\" />\n          ) : (\n            <>\n              <StyledLabel\n                mt=\"5px\"\n                mr=\"12px\"\n                mb=\"16px\"\n                data-testid=\"leftnav-itemlabel\"\n                labelOverflow={labelOverflow}\n                aria-live=\"polite\"\n              >\n                {labelOverflow === 'truncate' ? (\n                  <SimpleTruncatedTooltipText value={footerLabel} placement=\"bottom-start\" />\n                ) : (\n                  footerLabel\n                )}\n              </StyledLabel>\n              <StyledSeparator mt=\"xxxs\" />\n              <Grid m=\"0 12px\">\n                <StyledMenuCollapse\n                  size=\"m\"\n                  color={['brand-primary', 800]}\n                  onClick={(e) => {\n                    if (openedItem) setSelectedItem(openedItem);\n                    e.stopPropagation();\n                    handleOnClick(e);\n                  }}\n                  onKeyDown={(e) => {\n                    if (['Space', 'Enter'].includes(e.code) && openedItem) setSelectedItem(openedItem);\n                  }}\n                  data-testid=\"leftnav-footer-btn\"\n                  tabIndex={0}\n                  onFocus={(e) => {\n                    e.stopPropagation();\n                    setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);\n                  }}\n                  role=\"button\"\n                  aria-label=\"Collapse left navigation\"\n                />\n              </Grid>\n            </>\n          )}\n        </StyledItem>\n      </StyledItemWrapper>\n    </StyledFooterMenu>\n  );\n};\n\nLeftNavFooterItem.propTypes = {\n  footerLabel: PropTypes.any,\n  onFooterExpand: PropTypes.func,\n  onFooterClose: PropTypes.func,\n};\n\nexport default LeftNavFooterItem;\n"],"names":["LeftNavFooterItem","props","footerLabel","onFooterExpand","onFooterClose","useContext","LeftNavigationContext","leftNavProps","labelOverflow","openedItem","expandedForAnimation","setSelectedItem","focusedItem","setFocusedItem","focusedByKey","visibleItemsRefs","id","FOOTER_DS_ID","handleOnClick","onKeyDown","useKeyboardNavigation","item","dsId","itemOpts","selectable","openable","closable","onClick","current","e","stopPropagation","includes","code","FOOTER_MENU_CLOSE_DS_ID","propTypes","PropTypes","any","func"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavFooterItem/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { MenuExpand } from '@elliemae/ds-icons';\nimport { PropTypes } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledFooterMenu,\n  StyledItem,\n  StyledItemWrapper,\n  StyledLabel,\n  StyledSeparator,\n  StyledMenuCollapse,\n} from './styled';\nimport { useKeyboardNavigation } from '../../hooks';\nimport LeftNavigationContext from '../../LeftNavigationContext';\nimport { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../../exported-related/constants';\n\ntype LeftNavFooterItemProps = {\n  footerLabel: string | JSX.Element;\n  onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n  onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;\n};\n\nexport const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps> = (props) => {\n  const { footerLabel, onFooterExpand = () => null, onFooterClose = () => null } = props;\n  const {\n    leftNavProps: { labelOverflow, openedItem },\n    expandedForAnimation,\n    setSelectedItem,\n    focusedItem,\n    setFocusedItem,\n    focusedByKey,\n    visibleItemsRefs,\n  } = useContext(LeftNavigationContext);\n\n  const id = FOOTER_DS_ID;\n\n  const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;\n\n  const onKeyDown = useKeyboardNavigation({\n    item: {\n      dsId: id,\n      itemOpts: {\n        selectable: !expandedForAnimation,\n        openable: false,\n        closable: false,\n      },\n    },\n    onClick: handleOnClick,\n  });\n\n  return (\n    <StyledFooterMenu key={id} data-testid=\"leftnav-container\">\n      <StyledItemWrapper>\n        <StyledItem\n          ref={visibleItemsRefs.current[id]}\n          tabIndex={expandedForAnimation ? -1 : 0}\n          expanded={expandedForAnimation}\n          pt=\"xxs2\"\n          height={expandedForAnimation ? 'auto' : '48px'}\n          alignItems=\"flex-start\"\n          pl=\"xxs\"\n          cols={expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']}\n          onClick={expandedForAnimation ? () => null : handleOnClick}\n          onKeyDown={onKeyDown}\n          focused={focusedItem === id}\n          focusedByKey={focusedByKey}\n          onFocus={() => setFocusedItem(id)}\n          data-testid=\"leftnav-item-container\"\n          role=\"menuitem\"\n          aria-label={expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`}\n        >\n          {!expandedForAnimation ? (\n            <MenuExpand size=\"m\" color={['brand-primary', 800]} data-testid=\"leftnav-footer-btn\" />\n          ) : (\n            <>\n              <StyledLabel\n                mt=\"5px\"\n                mr=\"12px\"\n                mb=\"16px\"\n                data-testid=\"leftnav-itemlabel\"\n                labelOverflow={labelOverflow}\n                aria-live=\"polite\"\n              >\n                {labelOverflow === 'truncate' ? (\n                  <SimpleTruncatedTooltipText value={footerLabel} placement=\"bottom-start\" />\n                ) : (\n                  footerLabel\n                )}\n              </StyledLabel>\n              <StyledSeparator mt=\"xxxs\" />\n              <Grid m=\"0 12px\">\n                <StyledMenuCollapse\n                  size=\"m\"\n                  color={['brand-primary', 800]}\n                  onClick={(e) => {\n                    if (openedItem) setSelectedItem(openedItem);\n                    e.stopPropagation();\n                    handleOnClick(e);\n                  }}\n                  onKeyDown={(e) => {\n                    if (['Space', 'Enter'].includes(e.code) && openedItem) setSelectedItem(openedItem);\n                  }}\n                  data-testid=\"leftnav-footer-btn\"\n                  tabIndex={0}\n                  onFocus={(e) => {\n                    e.stopPropagation();\n                    setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);\n                  }}\n                  role=\"button\"\n                  aria-label=\"Collapse left navigation\"\n                />\n              </Grid>\n            </>\n          )}\n        </StyledItem>\n      </StyledItemWrapper>\n    </StyledFooterMenu>\n  );\n};\n\nLeftNavFooterItem.propTypes = {\n  footerLabel: PropTypes.any,\n  onFooterExpand: PropTypes.func,\n  onFooterClose: PropTypes.func,\n};\n\nexport default LeftNavFooterItem;\n"],"names":["LeftNavFooterItem","props","footerLabel","onFooterExpand","onFooterClose","useContext","LeftNavigationContext","leftNavProps","labelOverflow","openedItem","expandedForAnimation","setSelectedItem","focusedItem","setFocusedItem","focusedByKey","visibleItemsRefs","id","FOOTER_DS_ID","handleOnClick","onKeyDown","useKeyboardNavigation","item","dsId","itemOpts","selectable","openable","closable","onClick","current","e","stopPropagation","includes","code","FOOTER_MENU_CLOSE_DS_ID","propTypes","PropTypes","any","func"],"mappings":"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"}

package/esm/parts/LeftNavFooterItem/styled.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic';
+import { Grid } from '@elliemae/ds-grid';
 import { MenuCollapse } from '@elliemae/ds-icons';
 import { getFocusedByKeyboardBorderStyle } from '../../common/getFocusedByKeyboardStyle.js';
 import { getItemBackgroundStyle } from '../../common/getItemBackgroundStyle.js';

package/esm/parts/LeftNavFooterItem/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavFooterItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic';\nimport { MenuCollapse } from '@elliemae/ds-icons';\nimport {\n  getFocusedByKeyboardBorderStyle,\n  getLeftBorderStyle,\n  getItemBackgroundStyle,\n} from '../../common';\n\nexport const StyledFooterMenu = styled(Grid)`\n  width: 100%;\n  margin-top: auto;\n  background: ${(props) => props.theme.colors.neutral['000']};\n\n  ${getLeftBorderStyle}\n\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledItemWrapper = styled(Grid)`\n  position: relative;\n  padding-left: ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledItem = styled(Grid)`\n  min-height: 48px;\n  cursor: ${(props) => (props.expanded ? 'auto' : 'pointer')};\n\n  ${getItemBackgroundStyle}\n\n  outline: none;\n\n  ${getFocusedByKeyboardBorderStyle}\n`;\n\nexport const StyledLabel = styled(Grid)`\n  font-size: 11px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  line-height: 14px;\n  word-break: ${(props) =>\n    props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledSeparator = styled(Grid)`\n  height: 16px;\n  width: 1px;\n  background-color: ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledMenuCollapse = styled(MenuCollapse)`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n"],"names":["StyledFooterMenu","styled","Grid","props","theme","colors","neutral","getLeftBorderStyle","StyledItemWrapper","space","xxxs","StyledItem","expanded","getItemBackgroundStyle","getFocusedByKeyboardBorderStyle","StyledLabel","labelOverflow","StyledSeparator","StyledMenuCollapse","MenuCollapse","brand"],"mappings":";;;;;;;IASaA,gBAAgB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,mFAGb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHa,EAKzBC,kBALyB,EAOH,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAPG;IAUhBE,iBAAiB,gBAAGP,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,6CAEZ,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,IAA7B;AAAA,CAFY;IAKjBC,UAAU,gBAAGV,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,2DAEX,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACS,QAAN,GAAiB,MAAjB,GAA0B,SAAtC;AAAA,CAFW,EAInBC,sBAJmB,EAQnBC,+BARmB;IAWVC,WAAW,gBAAGd,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,oEAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAIR,UAACH,KAAD;AAAA,SACZA,KAAK,CAACa,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAJQ;IAQXC,eAAe,gBAAGhB,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,qDAGN,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHM;IAMfY,kBAAkB,gBAAGjB,MAAM,CAACkB,YAAD,CAAT;AAAA;AAAA,uDAGN,UAAChB,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBe,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHM;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavFooterItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MenuCollapse } from '@elliemae/ds-icons';\nimport { getFocusedByKeyboardBorderStyle, getLeftBorderStyle, getItemBackgroundStyle } from '../../common';\n\nexport const StyledFooterMenu = styled(Grid)`\n  width: 100%;\n  margin-top: auto;\n  background: ${(props) => props.theme.colors.neutral['000']};\n\n  ${getLeftBorderStyle}\n\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledItemWrapper = styled(Grid)`\n  position: relative;\n  padding-left: ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledItem = styled(Grid)`\n  min-height: 48px;\n  cursor: ${(props) => (props.expanded ? 'auto' : 'pointer')};\n\n  ${getItemBackgroundStyle}\n\n  outline: none;\n\n  ${getFocusedByKeyboardBorderStyle}\n`;\n\nexport const StyledLabel = styled(Grid)`\n  font-size: 11px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  line-height: 14px;\n  word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledSeparator = styled(Grid)`\n  height: 16px;\n  width: 1px;\n  background-color: ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledMenuCollapse = styled(MenuCollapse)`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n"],"names":["StyledFooterMenu","styled","Grid","props","theme","colors","neutral","getLeftBorderStyle","StyledItemWrapper","space","xxxs","StyledItem","expanded","getItemBackgroundStyle","getFocusedByKeyboardBorderStyle","StyledLabel","labelOverflow","StyledSeparator","StyledMenuCollapse","MenuCollapse","brand"],"mappings":";;;;;;;IAKaA,gBAAgB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,mFAGb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHa,EAKzBC,kBALyB,EAOH,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAPG;IAUhBE,iBAAiB,gBAAGP,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,6CAEZ,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,IAA7B;AAAA,CAFY;IAKjBC,UAAU,gBAAGV,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,2DAEX,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACS,QAAN,GAAiB,MAAjB,GAA0B,SAAtC;AAAA,CAFW,EAInBC,sBAJmB,EAQnBC,+BARmB;IAWVC,WAAW,gBAAGd,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,oEAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAIR,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACa,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAJQ;IAOXC,eAAe,gBAAGhB,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,qDAGN,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHM;IAMfY,kBAAkB,gBAAGjB,MAAM,CAACkB,YAAD,CAAT;AAAA;AAAA,uDAGN,UAAChB,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBe,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHM;;;;"}

package/esm/parts/LeftNavLoading/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import DSCircularProgressIndicator from '@elliemae/ds-basic/CircularProgressIndicator';
+import DSCircularProgressIndicator from '@elliemae/ds-circular-progress-indicator';
 import Grid from '@elliemae/ds-grid';
 import styled from 'styled-components';
 

package/esm/parts/LeftNavLoading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavLoading/index.tsx"],"sourcesContent":["import React from 'react';\nimport DSCircularProgressIndicator from '@elliemae/ds-basic/CircularProgressIndicator';\nimport Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n  grid-area: left-nav-body;\n  height: 100%;\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({\n  expanded,\n}) => (\n  <StyledLoaderWrapper>\n    <DSCircularProgressIndicator\n      size={expanded ? 'xl' : 'm'}\n      loading\n      showLabel={expanded}\n      waiting={false}\n      showTooltip={!expanded}\n    />\n  </StyledLoaderWrapper>\n);\n"],"names":["StyledLoaderWrapper","styled","Grid","LeftNavLoading","expanded"],"mappings":";;;;;AAKA,IAAMA,mBAAmB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,gGAAzB;IAQaC,cAA0D,GAAG,SAA7DA,cAA6D;AAAA,MACxEC,QADwE,QACxEA,QADwE;AAAA,sBAGxE,oBAAC,mBAAD,qBACE,oBAAC,2BAAD;AACE,IAAA,IAAI,EAAEA,QAAQ,GAAG,IAAH,GAAU,GAD1B;AAEE,IAAA,OAAO,MAFT;AAGE,IAAA,SAAS,EAAEA,QAHb;AAIE,IAAA,OAAO,EAAE,KAJX;AAKE,IAAA,WAAW,EAAE,CAACA;AALhB,IADF,CAHwE;AAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavLoading/index.tsx"],"sourcesContent":["import React from 'react';\nimport DSCircularProgressIndicator from '@elliemae/ds-circular-progress-indicator';\nimport Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n  grid-area: left-nav-body;\n  height: 100%;\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({ expanded }) => (\n  <StyledLoaderWrapper>\n    <DSCircularProgressIndicator\n      size={expanded ? 'xl' : 'm'}\n      loading\n      showLabel={expanded}\n      waiting={false}\n      showTooltip={!expanded}\n    />\n  </StyledLoaderWrapper>\n);\n"],"names":["StyledLoaderWrapper","styled","Grid","LeftNavLoading","expanded"],"mappings":";;;;;AAKA,IAAMA,mBAAmB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,gGAAzB;IAQaC,cAA0D,GAAG,SAA7DA,cAA6D;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACxE,oBAAC,mBAAD,qBACE,oBAAC,2BAAD;AACE,IAAA,IAAI,EAAEA,QAAQ,GAAG,IAAH,GAAU,GAD1B;AAEE,IAAA,OAAO,MAFT;AAGE,IAAA,SAAS,EAAEA,QAHb;AAIE,IAAA,OAAO,EAAE,KAJX;AAKE,IAAA,WAAW,EAAE,CAACA;AALhB,IADF,CADwE;AAAA;;;;"}

package/esm/parts/OutOfTheBoxMapItem.js

@@ -6,16 +6,9 @@ import '../exported-related/constants.js';
 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 '../exported-related/ItemRenderer/index.js';
 import '../exported-related/ItemRenderer/styled.js';
 import '../exported-related/ItemRenderer/usePropsWithDefaults.js';
@@ -31,7 +24,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';

package/esm/parts/OutOfTheBoxMapItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutOfTheBoxMapItem.js","sources":["../../../src/parts/OutOfTheBoxMapItem.tsx"],"sourcesContent":["import React from 'react';\nimport { outOfTheBoxComponents } from '../outOfTheBox';\nimport { OutOfTheBoxMapItemT } from '../index.d';\nimport { LeftNavContext } from '../LeftNavigationContext';\n\nexport const OutOfTheBoxMapItem = (props: OutOfTheBoxMapItemT): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n  } = props;\n  const ctx = React.useContext(LeftNavContext);\n\n  if (typeof type === 'string' && !!outOfTheBoxComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxComponents[type];\n    return <OutOfTheBoxComponent item={{ itemOpts: {}, ...item }} 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"],"names":["OutOfTheBoxMapItem","props","item","type","Component","ctx","React","useContext","LeftNavContext","outOfTheBoxComponents","OutOfTheBoxComponent","itemOpts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAA6C;AAC7E,MACEC,IADF,GAGID,KAHJ,CACEC,IADF;AAAA,oBAGID,KAHJ,CAEEC,IAFF;AAAA,MAEUC,IAFV,eAEUA,IAFV;AAAA,MAEgBC,SAFhB,eAEgBA,SAFhB;AAIA,MAAMC,GAAG,GAAGC,KAAK,CAACC,UAAN,CAAiBC,cAAjB,CAAZ;;AAEA,MAAI,OAAOL,IAAP,KAAgB,QAAhB,IAA4B,CAAC,CAACM,qBAAqB,CAACN,IAAD,CAAvD,EAA+D;AAC7D,QAAMO,oBAAoB,GAAGD,qBAAqB,CAACN,IAAD,CAAlD;AACA,wBAAO,oBAAC,oBAAD;AAAsB,MAAA,IAAI;AAAIQ,QAAAA,QAAQ,EAAE;AAAd,SAAqBT,IAArB,CAA1B;AAAuD,MAAA,GAAG,EAAEG;AAA5D,MAAP;AACD,GAV4E;;;AAY7E,sBAAO,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEH,IAAjB;AAAuB,IAAA,GAAG,EAAEG;AAA5B,IAAP;AACD;;;;"}
+{"version":3,"file":"OutOfTheBoxMapItem.js","sources":["../../../src/parts/OutOfTheBoxMapItem.tsx"],"sourcesContent":["import React from 'react';\nimport { outOfTheBoxComponents } from '../outOfTheBox';\nimport { OutOfTheBoxMapItemT } from '../index.d';\nimport { LeftNavContext } from '../LeftNavigationContext';\n\nexport const OutOfTheBoxMapItem = (props: OutOfTheBoxMapItemT): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n  } = props;\n  const ctx = React.useContext(LeftNavContext);\n\n  if (typeof type === 'string' && !!outOfTheBoxComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxComponents[type];\n    return <OutOfTheBoxComponent item={{ itemOpts: {}, ...item }} 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"],"names":["OutOfTheBoxMapItem","props","item","type","Component","ctx","React","useContext","LeftNavContext","outOfTheBoxComponents","OutOfTheBoxComponent","itemOpts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAA6C;AAC7E,MACEC,IADF,GAGID,KAHJ,CACEC,IADF;AAAA,oBAGID,KAHJ,CAEEC,IAFF;AAAA,MAEUC,IAFV,eAEUA,IAFV;AAAA,MAEgBC,SAFhB,eAEgBA,SAFhB;AAIA,MAAMC,GAAG,GAAGC,KAAK,CAACC,UAAN,CAAiBC,cAAjB,CAAZ;;AAEA,MAAI,OAAOL,IAAP,KAAgB,QAAhB,IAA4B,CAAC,CAACM,qBAAqB,CAACN,IAAD,CAAvD,EAA+D;AAC7D,QAAMO,oBAAoB,GAAGD,qBAAqB,CAACN,IAAD,CAAlD;AACA,wBAAO,oBAAC,oBAAD;AAAsB,MAAA,IAAI;AAAIQ,QAAAA,QAAQ,EAAE;AAAd,SAAqBT,IAArB,CAA1B;AAAuD,MAAA,GAAG,EAAEG;AAA5D,MAAP;AACD,GAV4E;;;AAY7E,sBAAO,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEH,IAAjB;AAAuB,IAAA,GAAG,EAAEG;AAA5B,IAAP;AACD;;;;"}

package/esm/prop-types.js

@@ -6,16 +6,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 './exported-related/ItemRenderer/index.js';
 import './exported-related/ItemRenderer/styled.js';
 import './LeftNavigationContext.js';
@@ -32,7 +25,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';

package/esm/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\nimport { outOfTheBoxTypes } from './outOfTheBox';\n\nexport const leftNavItemProps = {\n  type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n  dsId: PropTypes.string.description('unique identifier for the left nav item'),\n  Component: PropTypes.func.description(\n    \"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\",\n  ),\n  CollapsedComponent: PropTypes.func.description(\n    'A component which is renderer when the left-nav is collapsed',\n  ),\n  itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n  containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n    .description('Set of Properties attached to the main container')\n    .defaultValue({ expandedWidth: '240px' }),\n  expanded: PropTypes.bool\n    .description('Whether to show the left navigation expanded or collapsed')\n    .defaultValue(false),\n  loading: PropTypes.bool\n    .description('Whether the left-nav is loading')\n    .defaultValue(false),\n  tabIndex: PropTypes.number.description('Tab index').defaultValue(0),\n  openedItem: PropTypes.string\n    .description('The id of the left navigation item you want to be opened')\n    .defaultValue(null),\n  footerLabel: PropTypes.string.description(\n    'The label to show in the footer item',\n  ),\n  onFooterExpand: PropTypes.func.description(\n    'The function to call when the left-nav is opened via the footer',\n  ),\n  onFooterClose: PropTypes.func.description(\n    'The function to call when the left-nav is closed via the footer',\n  ),\n  onSelectedChange: PropTypes.func\n    .description('A callback which triggers when the selected item changes')\n    .defaultValue(() => null),\n  onFocusChange: PropTypes.func\n    .description('A callback which triggers when the focused item changes')\n    .defaultValue(() => null),\n  items: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of items you want to render inside the left nav')\n    .defaultValue([]),\n};\n\nconst LeftNavItemProps = () => null;\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],"names":["leftNavItemProps","type","PropTypes","oneOf","outOfTheBoxTypes","description","dsId","string","Component","func","CollapsedComponent","itemOpts","object","leftNavigationProps","containerProps","shape","expandedWidth","defaultValue","expanded","bool","loading","tabIndex","number","openedItem","footerLabel","onFooterExpand","onFooterClose","onSelectedChange","onFocusChange","items","arrayOf","LeftNavItemProps","LeftNavItemPropsSchema","describe","propTypes","LeftNavItemOptions","LeftNavItemOptionsSchema"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,gBAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAEC,SAAS,CAACC,KAAV,CAAgBC,gBAAhB,EAAkCC,WAAlC,CAA8C,sBAA9C,CADwB;AAE9BC,EAAAA,IAAI,EAAEJ,SAAS,CAACK,MAAV,CAAiBF,WAAjB,CAA6B,yCAA7B,CAFwB;AAG9BG,EAAAA,SAAS,EAAEN,SAAS,CAACO,IAAV,CAAeJ,WAAf,CACT,iIADS,CAHmB;AAM9BK,EAAAA,kBAAkB,EAAER,SAAS,CAACO,IAAV,CAAeJ,WAAf,CAClB,8DADkB,CANU;AAS9BM,EAAAA,QAAQ,EAAET,SAAS,CAACU,MAAV,CAAiBP,WAAjB,CAA6B,cAA7B;AAToB;IAYnBQ,mBAAmB,GAAG;AACjCC,EAAAA,cAAc,EAAEZ,SAAS,CAACa,KAAV,CAAgB;AAAEC,IAAAA,aAAa,EAAEd,SAAS,CAACK;AAA3B,GAAhB,EACbF,WADa,CACD,kDADC,EAEbY,YAFa,CAEA;AAAED,IAAAA,aAAa,EAAE;AAAjB,GAFA,CADiB;AAIjCE,EAAAA,QAAQ,EAAEhB,SAAS,CAACiB,IAAV,CACPd,WADO,CACK,2DADL,EAEPY,YAFO,CAEM,KAFN,CAJuB;AAOjCG,EAAAA,OAAO,EAAElB,SAAS,CAACiB,IAAV,CACNd,WADM,CACM,iCADN,EAENY,YAFM,CAEO,KAFP,CAPwB;AAUjCI,EAAAA,QAAQ,EAAEnB,SAAS,CAACoB,MAAV,CAAiBjB,WAAjB,CAA6B,WAA7B,EAA0CY,YAA1C,CAAuD,CAAvD,CAVuB;AAWjCM,EAAAA,UAAU,EAAErB,SAAS,CAACK,MAAV,CACTF,WADS,CACG,0DADH,EAETY,YAFS,CAEI,IAFJ,CAXqB;AAcjCO,EAAAA,WAAW,EAAEtB,SAAS,CAACK,MAAV,CAAiBF,WAAjB,CACX,sCADW,CAdoB;AAiBjCoB,EAAAA,cAAc,EAAEvB,SAAS,CAACO,IAAV,CAAeJ,WAAf,CACd,iEADc,CAjBiB;AAoBjCqB,EAAAA,aAAa,EAAExB,SAAS,CAACO,IAAV,CAAeJ,WAAf,CACb,iEADa,CApBkB;AAuBjCsB,EAAAA,gBAAgB,EAAEzB,SAAS,CAACO,IAAV,CACfJ,WADe,CACH,0DADG,EAEfY,YAFe,CAEF;AAAA,WAAM,IAAN;AAAA,GAFE,CAvBe;AA0BjCW,EAAAA,aAAa,EAAE1B,SAAS,CAACO,IAAV,CACZJ,WADY,CACA,yDADA,EAEZY,YAFY,CAEC;AAAA,WAAM,IAAN;AAAA,GAFD,CA1BkB;AA6BjCY,EAAAA,KAAK,EAAE3B,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAACU,MAA5B,EACJP,WADI,CACQ,2DADR,EAEJY,YAFI,CAES,EAFT;AA7B0B;;AAkCnC,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAM,IAAN;AAAA,CAAzB;;IACaC,sBAAsB,GAAGC,QAAQ,CAACF,gBAAD;AAC9CC,sBAAsB,CAACE,SAAvB,GAAmClC,gBAAnC;;AAEA,IAAMmC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAM,IAAN;AAAA,CAA3B;;IACaC,wBAAwB,GAAGH,QAAQ,CAACE,kBAAD;AAChDC,wBAAwB,CAACF,SAAzB,GAAqClC,gBAArC;;;;"}
+{"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\nimport { outOfTheBoxTypes } from './outOfTheBox';\n\nexport const leftNavItemProps = {\n  type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n  dsId: PropTypes.string.description('unique identifier for the left nav item'),\n  Component: PropTypes.func.description(\n    \"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\",\n  ),\n  CollapsedComponent: PropTypes.func.description(\n    'A component which is renderer when the left-nav is collapsed',\n  ),\n  itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n  containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n    .description('Set of Properties attached to the main container')\n    .defaultValue({ expandedWidth: '240px' }),\n  expanded: PropTypes.bool\n    .description('Whether to show the left navigation expanded or collapsed')\n    .defaultValue(false),\n  loading: PropTypes.bool\n    .description('Whether the left-nav is loading')\n    .defaultValue(false),\n  tabIndex: PropTypes.number.description('Tab index').defaultValue(0),\n  openedItem: PropTypes.string\n    .description('The id of the left navigation item you want to be opened')\n    .defaultValue(null),\n  footerLabel: PropTypes.string.description(\n    'The label to show in the footer item',\n  ),\n  onFooterExpand: PropTypes.func.description(\n    'The function to call when the left-nav is opened via the footer',\n  ),\n  onFooterClose: PropTypes.func.description(\n    'The function to call when the left-nav is closed via the footer',\n  ),\n  onSelectedChange: PropTypes.func\n    .description('A callback which triggers when the selected item changes')\n    .defaultValue(() => null),\n  onFocusChange: PropTypes.func\n    .description('A callback which triggers when the focused item changes')\n    .defaultValue(() => null),\n  items: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of items you want to render inside the left nav')\n    .defaultValue([]),\n};\n\nconst LeftNavItemProps = () => null;\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],"names":["leftNavItemProps","type","PropTypes","oneOf","outOfTheBoxTypes","description","dsId","string","Component","func","CollapsedComponent","itemOpts","object","leftNavigationProps","containerProps","shape","expandedWidth","defaultValue","expanded","bool","loading","tabIndex","number","openedItem","footerLabel","onFooterExpand","onFooterClose","onSelectedChange","onFocusChange","items","arrayOf","LeftNavItemProps","LeftNavItemPropsSchema","describe","propTypes","LeftNavItemOptions","LeftNavItemOptionsSchema"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,gBAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAEC,SAAS,CAACC,KAAV,CAAgBC,gBAAhB,EAAkCC,WAAlC,CAA8C,sBAA9C,CADwB;AAE9BC,EAAAA,IAAI,EAAEJ,SAAS,CAACK,MAAV,CAAiBF,WAAjB,CAA6B,yCAA7B,CAFwB;AAG9BG,EAAAA,SAAS,EAAEN,SAAS,CAACO,IAAV,CAAeJ,WAAf,CACT,iIADS,CAHmB;AAM9BK,EAAAA,kBAAkB,EAAER,SAAS,CAACO,IAAV,CAAeJ,WAAf,CAClB,8DADkB,CANU;AAS9BM,EAAAA,QAAQ,EAAET,SAAS,CAACU,MAAV,CAAiBP,WAAjB,CAA6B,cAA7B;AAToB;IAYnBQ,mBAAmB,GAAG;AACjCC,EAAAA,cAAc,EAAEZ,SAAS,CAACa,KAAV,CAAgB;AAAEC,IAAAA,aAAa,EAAEd,SAAS,CAACK;AAA3B,GAAhB,EACbF,WADa,CACD,kDADC,EAEbY,YAFa,CAEA;AAAED,IAAAA,aAAa,EAAE;AAAjB,GAFA,CADiB;AAIjCE,EAAAA,QAAQ,EAAEhB,SAAS,CAACiB,IAAV,CACPd,WADO,CACK,2DADL,EAEPY,YAFO,CAEM,KAFN,CAJuB;AAOjCG,EAAAA,OAAO,EAAElB,SAAS,CAACiB,IAAV,CACNd,WADM,CACM,iCADN,EAENY,YAFM,CAEO,KAFP,CAPwB;AAUjCI,EAAAA,QAAQ,EAAEnB,SAAS,CAACoB,MAAV,CAAiBjB,WAAjB,CAA6B,WAA7B,EAA0CY,YAA1C,CAAuD,CAAvD,CAVuB;AAWjCM,EAAAA,UAAU,EAAErB,SAAS,CAACK,MAAV,CACTF,WADS,CACG,0DADH,EAETY,YAFS,CAEI,IAFJ,CAXqB;AAcjCO,EAAAA,WAAW,EAAEtB,SAAS,CAACK,MAAV,CAAiBF,WAAjB,CACX,sCADW,CAdoB;AAiBjCoB,EAAAA,cAAc,EAAEvB,SAAS,CAACO,IAAV,CAAeJ,WAAf,CACd,iEADc,CAjBiB;AAoBjCqB,EAAAA,aAAa,EAAExB,SAAS,CAACO,IAAV,CAAeJ,WAAf,CACb,iEADa,CApBkB;AAuBjCsB,EAAAA,gBAAgB,EAAEzB,SAAS,CAACO,IAAV,CACfJ,WADe,CACH,0DADG,EAEfY,YAFe,CAEF;AAAA,WAAM,IAAN;AAAA,GAFE,CAvBe;AA0BjCW,EAAAA,aAAa,EAAE1B,SAAS,CAACO,IAAV,CACZJ,WADY,CACA,yDADA,EAEZY,YAFY,CAEC;AAAA,WAAM,IAAN;AAAA,GAFD,CA1BkB;AA6BjCY,EAAAA,KAAK,EAAE3B,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAACU,MAA5B,EACJP,WADI,CACQ,2DADR,EAEJY,YAFI,CAES,EAFT;AA7B0B;;AAkCnC,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAM,IAAN;AAAA,CAAzB;;IACaC,sBAAsB,GAAGC,QAAQ,CAACF,gBAAD;AAC9CC,sBAAsB,CAACE,SAAvB,GAAmClC,gBAAnC;;AAEA,IAAMmC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAM,IAAN;AAAA,CAA3B;;IACaC,wBAAwB,GAAGH,QAAQ,CAACE,kBAAD;AAChDC,wBAAwB,CAACF,SAAzB,GAAqClC,gBAArC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "1.56.1",
+  "version": "1.57.0-rc.11",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Left Navigation",
   "main": "cjs/index.js",
@@ -16,11 +16,11 @@
     "directory": "dist"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.56.1",
-    "@elliemae/ds-grid": "1.56.1",
-    "@elliemae/ds-icons": "1.56.1",
-    "@elliemae/ds-system": "1.56.1",
-    "@elliemae/ds-truncated-tooltip-text": "1.56.1",
+    "@elliemae/ds-basic": "1.57.0-rc.11",
+    "@elliemae/ds-grid": "1.57.0-rc.11",
+    "@elliemae/ds-icons": "1.57.0-rc.11",
+    "@elliemae/ds-system": "1.57.0-rc.11",
+    "@elliemae/ds-truncated-tooltip-text": "1.57.0-rc.11",
     "overlayscrollbars": "1.13.1",
     "prop-types": "~15.7.2",
     "react-desc": "^4.1.2"