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

package/cjs/outOfTheBox/ItemHeader/styled.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Grid = require('@elliemae/ds-grid');
-var ChevronLeft = require('@elliemae/ds-icons/ChevronSmallLeft');
+var dsIcons = require('@elliemae/ds-icons');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var ChevronLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeft);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var StyledLabel = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
@@ -19,7 +18,7 @@ var StyledLabel = /*#__PURE__*/styled__default['default'](Grid__default['default
 }, function (props) {
   return props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal';
 });
-var StyledChevronLeft = /*#__PURE__*/styled__default['default'](ChevronLeft__default['default']).withConfig({
+var StyledChevronLeft = /*#__PURE__*/styled__default['default'](dsIcons.ChevronSmallLeft).withConfig({
   componentId: "sc-m5k4h8-1"
 })(["cursor:pointer;:focus{outline:1px solid ", ";}"], function (props) {
   return props.theme.colors.brand[800];

package/cjs/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,0BAAM,CAACC,wBAAD,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,0BAAM,CAACQ,+BAAD,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,0BAAM,CAACC,wBAAD,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,0BAAM,CAACQ,wBAAD,CAAT;AAAA;AAAA,uDAGL,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHK;;;;;"}

package/cjs/outOfTheBox/ItemLink/index.js

@@ -8,13 +8,8 @@ var Grid = require('@elliemae/ds-grid');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var exportedRelated_ItemRenderer_index = require('../../exported-related/ItemRenderer/index.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
+require('@elliemae/ds-icons');
 require('styled-components');
-require('@elliemae/ds-icons/OpenWindow');
 var outOfTheBox_ItemLink_styled = require('./styled.js');
 require('../../exported-related/ItemRenderer/styled.js');
 require('../../LeftNavigationContext.js');

package/cjs/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","React","ItemRenderer","ariaLabel","ariaRole","Grid","StyledLabel","SimpleTruncatedTooltipText"],"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,iBAAW,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,sBACEI,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCd,IADD;AAEFE,MAAAA,QAAQ;AACNa,QAAAA,SAAS,EAAE,OAAOZ,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,EADzC;AAENa,QAAAA,QAAQ,EAAE;AAFJ,SAGHhB,IAAI,CAACE,QAHF;AAFN,MADN;AASE,IAAA,WAAW,EAAES;AATf,kBAWEE,wCAACI,wBAAD;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,kBAOEJ,wCAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEb,IAA1B;AAAgC,IAAA,GAAG,EAAEM;AAArC,IAPF,CAXF,eAoBEO,wCAACK,uCAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,MAHL;AAIE,mBAAY,mBAJd;AAKE,IAAA,aAAa,EAAEV;AALjB,KAOGA,aAAa,KAAK,UAAlB,gBACCK,wCAACM,iDAAD;AAA4B,IAAA,KAAK,EAAEhB,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAVJ,CApBF,eAiCEU,wCAACI,wBAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,EAAE,EAAC,MAAnB;AAA0B,mBAAY;AAAtC,KACGb,cAAc,iBAAIS,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEP,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","React","ItemRenderer","ariaLabel","ariaRole","Grid","StyledLabel","SimpleTruncatedTooltipText"],"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,iBAAW,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,sBACEI,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCd,IADD;AAEFE,MAAAA,QAAQ;AACNa,QAAAA,SAAS,EAAE,OAAOZ,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,EADzC;AAENa,QAAAA,QAAQ,EAAE;AAFJ,SAGHhB,IAAI,CAACE,QAHF;AAFN,MADN;AASE,IAAA,WAAW,EAAES;AATf,kBAWEE,wCAACI,wBAAD;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,kBAOEJ,wCAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEb,IAA1B;AAAgC,IAAA,GAAG,EAAEM;AAArC,IAPF,CAXF,eAoBEO,wCAACK,uCAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,MAHL;AAIE,mBAAY,mBAJd;AAKE,IAAA,aAAa,EAAEV;AALjB,KAOGA,aAAa,KAAK,UAAlB,gBACCK,wCAACM,iDAAD;AAA4B,IAAA,KAAK,EAAEhB,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAVJ,CApBF,eAiCEU,wCAACI,wBAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,EAAE,EAAC,MAAnB;AAA0B,mBAAY;AAAtC,KACGb,cAAc,iBAAIS,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEP,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IADrB,CAjCF,CADF;AAuCD;;;;"}

package/cjs/outOfTheBox/ItemSection/index.js

@@ -7,13 +7,8 @@ var React = require('react');
 var Grid = require('@elliemae/ds-grid');
 var exportedRelated_ItemRenderer_index = require('../../exported-related/ItemRenderer/index.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
+require('@elliemae/ds-icons');
 require('styled-components');
-require('@elliemae/ds-icons/OpenWindow');
 var outOfTheBox_ItemSection_styled = require('./styled.js');
 require('../../exported-related/ItemRenderer/styled.js');
 require('../../LeftNavigationContext.js');

package/cjs/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","React","ItemRenderer","selectable","focuseable","CollapsedComponent","Grid","StyledLabel","StyledVerticalSeparator","StyledRightLabel","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,sBACEC,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCT,IADD;AAEFC,MAAAA,QAAQ,kCAAOD,IAAI,CAACC,QAAZ;AAAsBS,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,kBASEJ,wCAACK,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;AAA4D,IAAA,EAAE,EAAC,KAA/D;AAAqE,IAAA,UAAU,EAAC;AAAhF,KACGV,aAAa,gBAAGK,wCAAC,aAAD;AAAe,IAAA,GAAG,EAAEF,GAApB;AAAyB,IAAA,IAAI,EAAEN;AAA/B,IAAH,gBAA6CQ,oDAD7D,eAEEA,wCAACM,0CAAD,QAAcZ,KAAd,CAFF,eAGEM,wCAACO,sDAAD,OAHF,eAIEP,wCAACQ,+CAAD,QAAmBX,iBAAnB,CAJF,CATF,eAeEG,wCAACK,wBAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,IAAA,OAAO,EAAE,iBAACI,CAAD,EAAO;AACdV,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAU,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,KAWGd,cAAc,iBAAII,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEF,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","React","ItemRenderer","selectable","focuseable","CollapsedComponent","Grid","StyledLabel","StyledVerticalSeparator","StyledRightLabel","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,sBACEC,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCT,IADD;AAEFC,MAAAA,QAAQ,kCAAOD,IAAI,CAACC,QAAZ;AAAsBS,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,kBASEJ,wCAACK,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;AAA4D,IAAA,EAAE,EAAC,KAA/D;AAAqE,IAAA,UAAU,EAAC;AAAhF,KACGV,aAAa,gBAAGK,wCAAC,aAAD;AAAe,IAAA,GAAG,EAAEF,GAApB;AAAyB,IAAA,IAAI,EAAEN;AAA/B,IAAH,gBAA6CQ,oDAD7D,eAEEA,wCAACM,0CAAD,QAAcZ,KAAd,CAFF,eAGEM,wCAACO,sDAAD,OAHF,eAIEP,wCAACQ,+CAAD,QAAmBX,iBAAnB,CAJF,CATF,eAeEG,wCAACK,wBAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,IAAA,OAAO,EAAE,iBAACI,CAAD,EAAO;AACdV,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAU,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,KAWGd,cAAc,iBAAII,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEF,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IAXrB,CAfF,CADF;AA+BD;;;;"}

package/cjs/outOfTheBox/ItemSeparator/index.js

@@ -7,13 +7,8 @@ var React = require('react');
 var styled = require('styled-components');
 var exportedRelated_ItemRenderer_index = require('../../exported-related/ItemRenderer/index.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-icons/OpenWindow');
 require('../../exported-related/ItemRenderer/styled.js');
 require('../../LeftNavigationContext.js');
 require('../../exported-related/ItemRenderer/usePropsWithDefaults.js');

package/cjs/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","React","ItemRenderer","itemOpts","selectable","focuseable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,0BAAM,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,sBACEC,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCF,IADD;AAEFG,MAAAA,QAAQ,kCACHH,IAAI,CAACG,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,kBAaEL,wCAAC,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","React","ItemRenderer","itemOpts","selectable","focuseable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,0BAAM,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,sBACEC,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCF,IADD;AAEFG,MAAAA,QAAQ,kCACHH,IAAI,CAACG,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,kBAaEL,wCAAC,eAAD;AAAiB,mBAAY;AAA7B,IAbF,CADF;AAiBD;;;;"}

package/cjs/outOfTheBox/ItemSubmenu/index.js

@@ -9,19 +9,13 @@ var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var exportedRelated_constants = require('../../exported-related/constants.js');
 var exportedRelated_ItemRenderer_index = require('../../exported-related/ItemRenderer/index.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
+require('@elliemae/ds-icons');
 require('styled-components');
-require('@elliemae/ds-icons/OpenWindow');
 var outOfTheBox_ItemSubmenu_styled = require('./styled.js');
 require('../../exported-related/ItemRenderer/styled.js');
 require('../../LeftNavigationContext.js');
 require('../../exported-related/ItemRenderer/usePropsWithDefaults.js');
 require('../../hooks/useKeyboardNavigation.js');
-require('@elliemae/ds-icons/ChevronSmallLeft');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/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","React","ItemRenderer","ariaExpanded","openable","closable","selectable","Grid","StyledChevronLeft","e","stopPropagation","CHEVRON_BACK_DS_ID","StyledLabel","SimpleTruncatedTooltipText","gridColumn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,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,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAwC;AAAA;;AACjE,MACEC,IADF,GAeID,KAfJ,CACEC,IADF;AAAA,oBAeID,KAfJ,CAEEC,IAFF;AAAA,MAGIC,IAHJ,eAGIA,IAHJ;AAAA,yCAIIC,QAJJ;AAAA,MAIgBC,KAJhB,wBAIgBA,KAJhB;AAAA,MAIuBC,cAJvB,wBAIuBA,cAJvB;AAAA,MAIuCC,eAJvC,wBAIuCA,eAJvC;AAAA,0CAKIC,kBALJ;AAAA,MAKIA,kBALJ,sCAKyB;AAAA,WAAM,IAAN;AAAA,GALzB;AAAA,MAOEC,GAPF,GAeIR,KAfJ,CAOEQ,GAPF;AAAA,mBAeIR,KAfJ,CAQEQ,GARF;AAAA,yCASIC,YATJ;AAAA,MASoBC,UATpB,yBASoBA,UATpB;AAAA,MASgCC,aAThC,yBASgCA,aAThC;AAAA,MAS+CC,WAT/C,yBAS+CA,WAT/C;AAAA,MAUIC,oBAVJ,cAUIA,oBAVJ;AAAA,MAWIC,YAXJ,cAWIA,YAXJ;AAAA,MAYIC,eAZJ,cAYIA,eAZJ;AAAA,MAaIC,cAbJ,cAaIA,cAbJ;AAiBA,MAAMC,MAAM,GAAGP,UAAU,KAAKR,IAA9B;AAEA,MAAMR,UAAU,GAAGoB,YAAY,KAAKZ,IAApC;AAEA,MAAMgB,WAAW,GAAGC,iBAAW,CAC7B,UAACxB,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,MAAMU,SAAS,4BACbnB,IAAI,CAACE,QAAL,CAAciB,SADD,yEACe,OAAOhB,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,UADlE;AAGA,sBACEiB,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCrB,IADD;AAEFE,MAAAA,QAAQ,kCACHF,IAAI,CAACE,QADF;AAENiB,QAAAA,SAAS,EAATA,SAFM;AAGNG,QAAAA,YAAY,EAAEN,MAHR;AAINO,QAAAA,QAAQ,EAAEX,oBAAoB,IAAI,CAACI,MAJ7B;AAKNQ,QAAAA,QAAQ,EAAEZ,oBAAoB,IAAII,MAL5B;AAMNS,QAAAA,UAAU,EAAE,CAACT;AANP;AAFN,MADN;AAYE,IAAA,WAAW,EAAEC,WAZf;AAaE,IAAA,eAAe,EAAED,MAbnB;AAcE,IAAA,cAAc,EAAC;AAdjB,kBAgBEI,wCAACM,wBAAD;AACE,IAAA,IAAI,EAAEV,MAAM,GAAG,CAAC,MAAD,EAAS,MAAT,CAAH,GAAsB,CAAC,MAAD,CADpC;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,EAAE,EAAEA,MAAM,GAAG,KAAH,GAAW,CAHvB;AAIE,IAAA,YAAY,EAAC,QAJf;AAKE,mBAAY;AALd,KAOGA,MAAM,iBACLI,wCAACO,gDAAD;AACE,IAAA,IAAI,EAAC,GADP;AAEE,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAFT;AAGE,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AACdjB,MAAAA,WAAW,CAACX,IAAD,EAAO4B,CAAP,CAAX;AACAd,MAAAA,eAAe,CAACb,IAAD,CAAf;AACD,KANH;AAOE,mBAAY,+BAPd;AAQE,IAAA,QAAQ,EAAE,CARZ;AASE,IAAA,OAAO,EAAE,iBAAC2B,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAd,MAAAA,cAAc,CAACe,4CAAD,CAAd;AACD,KAZH;AAaE,IAAA,IAAI,EAAC,QAbP;AAcE,kCAAqBX,SAArB;AAdF,IARJ,eAyBEC,wCAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEpB,IAA1B;AAAgC,IAAA,GAAG,EAAEO;AAArC,IAzBF,CAhBF,eA2CEa,wCAACW,0CAAD;AACE,IAAA,EAAE,EAAEf,MAAM,GAAG,KAAH,GAAW,KADvB;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,MAHL;AAIE,mBAAY,mBAJd;AAKE,IAAA,aAAa,EAAEN;AALjB,KAOGA,aAAa,KAAK,UAAlB,gBACCU,wCAACY,iDAAD;AAA4B,IAAA,KAAK,EAAE7B,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAVJ,CA3CF,eAwDEiB,wCAACM,wBAAD;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,EAAE,EAAEV,MAAM,GAAG,MAAH,GAAY,KAFxB;AAGE,IAAA,OAAO,EAAE,iBAACY,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAd,MAAAA,cAAc,CAAC,IAAD,CAAd;AACD,KANH;AAOE,IAAA,SAAS,EAAE,mBAACa,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KAPb;AAQE,IAAA,OAAO,EAAE,iBAACD,CAAD;AAAA,aAAOnB,UAAU,IAAImB,CAAC,CAACC,eAAF,EAArB;AAAA,KARX;AASE,mBAAY;AATd,KAWGzB,cAAc,iBAAIgB,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEb,GAArB;AAA0B,IAAA,IAAI,EAAEP;AAAhC,IAXrB,CAxDF,EAqEGK,eAAe,iBACde,wCAACM,wBAAD;AACE,IAAA,KAAK,EAAE;AAAEO,MAAAA,UAAU,EAAE;AAAd,KADT;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,KAHL;AAIE,IAAA,EAAE,EAAC,KAJL;AAKE,IAAA,OAAO,EAAE,iBAACL,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAd,MAAAA,cAAc,CAAC,IAAD,CAAd;AACD,KARH;AASE,IAAA,SAAS,EAAE,mBAACa,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KATb;AAUE,IAAA,OAAO,EAAE,iBAACD,CAAD;AAAA,aAAOnB,UAAU,IAAImB,CAAC,CAACC,eAAF,EAArB;AAAA;AAVX,kBAYET,wCAAC,eAAD;AAAiB,IAAA,GAAG,EAAEb,GAAtB;AAA2B,IAAA,IAAI,EAAEP;AAAjC,IAZF,CAtEJ,CADF;AAwFD;;;;"}
+{"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","React","ItemRenderer","ariaExpanded","openable","closable","selectable","Grid","StyledChevronLeft","e","stopPropagation","CHEVRON_BACK_DS_ID","StyledLabel","SimpleTruncatedTooltipText","gridColumn"],"mappings":"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"}

package/cjs/outOfTheBox/ItemSubmenu/styled.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Grid = require('@elliemae/ds-grid');
-var ChevronLeft = require('@elliemae/ds-icons/ChevronSmallLeft');
+var dsIcons = require('@elliemae/ds-icons');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var ChevronLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeft);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var StyledLabel = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
@@ -19,7 +18,7 @@ var StyledLabel = /*#__PURE__*/styled__default['default'](Grid__default['default
 }, function (props) {
   return props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal';
 });
-var StyledChevronLeft = /*#__PURE__*/styled__default['default'](ChevronLeft__default['default']).withConfig({
+var StyledChevronLeft = /*#__PURE__*/styled__default['default'](dsIcons.ChevronSmallLeft).withConfig({
   componentId: "sc-1hegp8y-1"
 })(["cursor:pointer;:focus{outline:1px solid ", ";}"], function (props) {
   return props.theme.colors.brand[800];

package/cjs/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,0BAAM,CAACC,wBAAD,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,0BAAM,CAACQ,+BAAD,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,0BAAM,CAACC,wBAAD,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,0BAAM,CAACQ,wBAAD,CAAT;AAAA;AAAA,uDAGL,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHK;;;;;"}

package/cjs/outOfTheBox/ItemTextLabel/index.js

@@ -7,14 +7,9 @@ var React = require('react');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var exportedRelated_ItemRenderer_index = require('../../exported-related/ItemRenderer/index.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
+require('@elliemae/ds-icons');
 require('styled-components');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-icons/OpenWindow');
 var outOfTheBox_ItemTextLabel_styled = require('./styled.js');
 require('../../exported-related/ItemRenderer/styled.js');
 require('../../LeftNavigationContext.js');

package/cjs/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","React","ItemRenderer","CollapsedComponent","StyledLabel","SimpleTruncatedTooltipText"],"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,sBACEG,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCX,IADD;AAEFY,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8BF,oDAR9B,eASEA,wCAACG,4CAAD;AACE,mBAAY,yBADd;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,aAAa,EAAET,aAHjB;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,EAAE,EAAC;AANL,KAQGF,aAAa,KAAK,UAAlB,gBACCM,wCAACI,iDAAD;AAA4B,IAAA,KAAK,EAAEZ,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","React","ItemRenderer","CollapsedComponent","StyledLabel","SimpleTruncatedTooltipText"],"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,sBACEG,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCX,IADD;AAEFY,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8BF,oDAR9B,eASEA,wCAACG,4CAAD;AACE,mBAAY,yBADd;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,aAAa,EAAET,aAHjB;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,EAAE,EAAC;AANL,KAQGF,aAAa,KAAK,UAAlB,gBACCM,wCAACI,iDAAD;AAA4B,IAAA,KAAK,EAAEZ,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAXJ,CATF,CADF;AA0BD;;;;"}

package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js

@@ -7,18 +7,11 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var Grid = require('@elliemae/ds-grid');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
+var dsIcons = require('@elliemae/ds-icons');
 var exportedRelated_constants = require('../../exported-related/constants.js');
 var exportedRelated_ItemRenderer_index = require('../../exported-related/ItemRenderer/index.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
 require('styled-components');
-require('@elliemae/ds-icons/OpenWindow');
 var outOfTheBox_ItemUncontrolledDrilldown_styled = require('./styled.js');
 var outOfTheBox_ItemSeparator_index = require('../ItemSeparator/index.js');
 var outOfTheBox_ItemWithDate_index = require('../ItemWithDate/index.js');
@@ -36,8 +29,6 @@ var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumab
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
 
 var _outOfTheBoxSubitemsC;
 
@@ -104,7 +95,7 @@ var ItemUncontrolledDrilldown = function ItemUncontrolledDrilldown(props) {
   var opened = openedDrilldowns.includes(dsId);
   var labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
   var arrowIcon = React.useMemo(function () {
-    var Component = opened ? ArrowheadDown__default['default'] : ArrowheadRight__default['default'];
+    var Component = opened ? dsIcons.ArrowheadDown : dsIcons.ArrowheadRight;
     return /*#__PURE__*/React__default['default'].createElement(Component, {
       width: "24px",
       height: "18px",

package/cjs/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","React","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","ItemRenderer","ariaExpanded","ariaRole","openable","closable","CollapsedComponent","Grid","StyledLabel","SimpleTruncatedTooltipText","StyledDate"],"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","React","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","ItemRenderer","ariaExpanded","ariaRole","openable","closable","CollapsedComponent","Grid","StyledLabel","SimpleTruncatedTooltipText","StyledDate"],"mappings":"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"}

package/cjs/outOfTheBox/ItemWithDate/index.js

@@ -8,13 +8,8 @@ var Grid = require('@elliemae/ds-grid');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var exportedRelated_ItemRenderer_index = require('../../exported-related/ItemRenderer/index.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
+require('@elliemae/ds-icons');
 require('styled-components');
-require('@elliemae/ds-icons/OpenWindow');
 var outOfTheBox_ItemWithDate_styled = require('./styled.js');
 require('../../exported-related/ItemRenderer/styled.js');
 require('../../LeftNavigationContext.js');

package/cjs/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","React","ItemRenderer","CollapsedComponent","StyledLabel","SimpleTruncatedTooltipText","Grid","StyledDate"],"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,sBACEE,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCb,IADD;AAEFc,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8BF,oDAR9B,eASEA,wCAACG,2CAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,mBAAY,yBAHd;AAIE,IAAA,aAAa,EAAET,aAJjB;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,UAAU,EAAEC;AANd,KAQGF,aAAa,KAAK,UAAlB,gBACCM,wCAACI,iDAAD;AAA4B,IAAA,KAAK,EAAEd,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAXJ,CATF,eAuBEU,wCAACK,wBAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAtB;AAAwC,IAAA,UAAU,EAAC;AAAnD,kBACEL,wCAACM,0CAAD;AAAY,IAAA,EAAE,EAAC,KAAf;AAAqB,mBAAY;AAAjC,KACGd,iBADH,CADF,eAIEQ,wCAACK,wBAAD;AACE,IAAA,EAAE,EAAEd,cAAc,GAAG,KAAH,GAAW,KAD/B;AAEE,mBAAY;AAFd,KAIGA,cAAc,iBAAIS,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEH,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","React","ItemRenderer","CollapsedComponent","StyledLabel","SimpleTruncatedTooltipText","Grid","StyledDate"],"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,sBACEE,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCb,IADD;AAEFc,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8BF,oDAR9B,eASEA,wCAACG,2CAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,mBAAY,yBAHd;AAIE,IAAA,aAAa,EAAET,aAJjB;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,UAAU,EAAEC;AANd,KAQGF,aAAa,KAAK,UAAlB,gBACCM,wCAACI,iDAAD;AAA4B,IAAA,KAAK,EAAEd,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAXJ,CATF,eAuBEU,wCAACK,wBAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAtB;AAAwC,IAAA,UAAU,EAAC;AAAnD,kBACEL,wCAACM,0CAAD;AAAY,IAAA,EAAE,EAAC,KAAf;AAAqB,mBAAY;AAAjC,KACGd,iBADH,CADF,eAIEQ,wCAACK,wBAAD;AACE,IAAA,EAAE,EAAEd,cAAc,GAAG,KAAH,GAAW,KAD/B;AAEE,mBAAY;AAFd,KAIGA,cAAc,iBAAIS,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEH,GAArB;AAA0B,IAAA,IAAI,EAAET;AAAhC,IAJrB,CAJF,CAvBF,CADF;AAqCD;;;;"}

package/cjs/outOfTheBox/index.js

@@ -8,12 +8,7 @@ require('react');
 require('@elliemae/ds-grid');
 require('styled-components');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
-require('@elliemae/ds-icons/OpenWindow');
+require('@elliemae/ds-icons');
 var outOfTheBox_ItemControlledDrilldown_index = require('./ItemControlledDrilldown/index.js');
 var outOfTheBox_ItemUncontrolledDrilldown_index = require('./ItemUncontrolledDrilldown/index.js');
 var outOfTheBox_ItemHeader_index = require('./ItemHeader/index.js');
@@ -24,8 +19,6 @@ var outOfTheBox_ItemSubmenu_index = require('./ItemSubmenu/index.js');
 var outOfTheBox_ItemTextLabel_index = require('./ItemTextLabel/index.js');
 var outOfTheBox_ItemWithDate_index = require('./ItemWithDate/index.js');
 require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-icons/ArrowheadDown');
 require('../exported-related/ItemRenderer/index.js');
 require('../exported-related/ItemRenderer/styled.js');
 require('../LeftNavigationContext.js');
@@ -35,7 +28,6 @@ require('./ItemControlledDrilldown/styled.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('./ItemUncontrolledDrilldown/styled.js');
 require('./ItemHeader/styled.js');
-require('@elliemae/ds-icons/ChevronSmallLeft');
 require('./ItemLink/styled.js');
 require('./ItemSection/styled.js');
 require('./ItemSubmenu/styled.js');

package/cjs/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,oCAAd;AAChC,IACEC,kCADF,GAUID,oCAVJ,CACEC,kCADF;AAAA,IAEEC,oCAFF,GAUIF,oCAVJ,CAEEE,oCAFF;AAAA,IAGEC,oBAHF,GAUIH,oCAVJ,CAGEG,oBAHF;AAAA,IAIEC,kBAJF,GAUIJ,oCAVJ,CAIEI,kBAJF;AAAA,IAKEC,qBALF,GAUIL,oCAVJ,CAKEK,qBALF;AAAA,IAMEC,uBANF,GAUIN,oCAVJ,CAMEM,uBANF;AAAA,IAOEC,qBAPF,GAUIP,oCAVJ,CAOEO,qBAPF;AAAA,IAQEC,wBARF,GAUIR,oCAVJ,CAQEQ,wBARF;AAAA,IASEC,uBATF,GAUIT,oCAVJ,CASES,uBATF;IAYaC,qBAGZ,2FACET,kCADF,EACuCU,iEADvC,8DAEET,oCAFF,EAEyCU,qEAFzC,8DAGET,oBAHF,EAGyBU,uCAHzB,8DAIET,kBAJF,EAIuBU,mCAJvB,8DAKET,qBALF,EAK0BU,yCAL1B,8DAMET,uBANF,EAM4BU,6CAN5B,8DAOET,qBAPF,EAO0BU,yCAP1B,8DAQET,wBARF,EAQ6BU,6CAR7B,8DASET,uBATF,EAS4BU,2CAT5B;;;;;;;;;;;;;;"}
+{"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,oCAAd;AAChC,IACEC,kCADF,GAUID,oCAVJ,CACEC,kCADF;AAAA,IAEEC,oCAFF,GAUIF,oCAVJ,CAEEE,oCAFF;AAAA,IAGEC,oBAHF,GAUIH,oCAVJ,CAGEG,oBAHF;AAAA,IAIEC,kBAJF,GAUIJ,oCAVJ,CAIEI,kBAJF;AAAA,IAKEC,qBALF,GAUIL,oCAVJ,CAKEK,qBALF;AAAA,IAMEC,uBANF,GAUIN,oCAVJ,CAMEM,uBANF;AAAA,IAOEC,qBAPF,GAUIP,oCAVJ,CAOEO,qBAPF;AAAA,IAQEC,wBARF,GAUIR,oCAVJ,CAQEQ,wBARF;AAAA,IASEC,uBATF,GAUIT,oCAVJ,CASES,uBATF;IAYaC,qBAGZ,2FACET,kCADF,EACuCU,iEADvC,8DAEET,oCAFF,EAEyCU,qEAFzC,8DAGET,oBAHF,EAGyBU,uCAHzB,8DAIET,kBAJF,EAIuBU,mCAJvB,8DAKET,qBALF,EAK0BU,yCAL1B,8DAMET,uBANF,EAM4BU,6CAN5B,8DAOET,qBAPF,EAO0BU,yCAP1B,8DAQET,wBARF,EAQ6BU,6CAR7B,8DASET,uBATF,EAS4BU,2CAT5B;;;;;;;;;;;;;;"}

package/cjs/parts/LeftNavContent/index.js

@@ -7,14 +7,12 @@ var parts_LeftNavContentWithScrollbar_index = require('../LeftNavContentWithScro
 var parts_OutOfTheBoxMapItem = require('../OutOfTheBoxMapItem.js');
 var parts_LeftNavContent_styled = require('./styled.js');
 var parts_LeftNavLoading_index = require('../LeftNavLoading/index.js');
-require('@elliemae/ds-icons/MenuExpand');
+require('@elliemae/ds-icons');
 require('react-desc');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-truncated-tooltip-text');
 require('../LeftNavFooterItem/styled.js');
 require('styled-components');
-require('@elliemae/ds-basic');
-require('@elliemae/ds-icons');
 require('../../common/getFocusedByKeyboardStyle.js');
 require('../../common/getItemBackgroundStyle.js');
 require('../../common/getLeftBorderStyle.js');
@@ -22,18 +20,11 @@ require('../../hooks/useKeyboardNavigation.js');
 require('../../exported-related/constants.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/slicedToArray');
+require('overlayscrollbars/css/OverlayScrollbars.css');
 require('overlayscrollbars');
 require('../../outOfTheBox/index.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
-require('@elliemae/ds-icons/OpenWindow');
 require('../../outOfTheBox/ItemControlledDrilldown/index.js');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-icons/ArrowheadDown');
 require('../../exported-related/ItemRenderer/index.js');
 require('../../exported-related/ItemRenderer/styled.js');
 require('../../exported-related/ItemRenderer/usePropsWithDefaults.js');
@@ -48,14 +39,13 @@ require('../../outOfTheBox/ItemTextLabel/index.js');
 require('../../outOfTheBox/ItemTextLabel/styled.js');
 require('../../outOfTheBox/ItemHeader/index.js');
 require('../../outOfTheBox/ItemHeader/styled.js');
-require('@elliemae/ds-icons/ChevronSmallLeft');
 require('../../outOfTheBox/ItemLink/index.js');
 require('../../outOfTheBox/ItemLink/styled.js');
 require('../../outOfTheBox/ItemSection/index.js');
 require('../../outOfTheBox/ItemSection/styled.js');
 require('../../outOfTheBox/ItemSubmenu/index.js');
 require('../../outOfTheBox/ItemSubmenu/styled.js');
-require('@elliemae/ds-basic/CircularProgressIndicator');
+require('@elliemae/ds-circular-progress-indicator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/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","StyledLeftNavHeaderArea","includes","dsId","OutOfTheBoxMapItem","StyledLeftNavBodyAreasContainer","StyledLeftNavBodyHeaderArea","StyledLeftNavBodyItemsArea","LeftNavContentWithScrollbar","map","item","LeftNavContent","expandedForAnimation","expanded","expandedWidth","footerLabel","onFooterExpand","onFooterClose","loading","StyledLeftNavExpandAnimationWrapper","StyledLeftNavAreasContainer","LeftNavLoading","StyledLeftNavFooterArea","LeftNavFooterItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,+BAA+B,GACnC,mFACA,mEADA,GAEA,yEAFA,GAGA,8EAJF;;AAMA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,0BAGIC,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,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,sBACER,+FACEA,wCAACS,mDAAD;AACE,mBAAY,qBADd;AAEE,IAAA,QAAQ,EAAEL,eAAe,IAAI,CAACI,YAAD,EAAeF,UAAf,EAA2BI,QAA3B,CAAoCN,eAAe,CAACO,IAApD;AAF/B,KAIGP,eAAe,gBAAGJ,wCAACY,2CAAD;AAAoB,IAAA,IAAI,EAAER;AAA1B,IAAH,GAAmD,IAJrE,CADF,eAOEJ,wCAACa,2DAAD,qBACEb,wCAACc,uDAAD;AACE,mBAAY,0BADd;AAEE,IAAA,QAAQ,EAAET,mBAAmB,IAAI,CAACG,YAAD,EAAeF,UAAf,EAA2BI,QAA3B,CAAoCL,mBAAmB,CAACM,IAAxD;AAFnC,KAIGN,mBAAmB,gBAAGL,wCAACY,2CAAD;AAAoB,IAAA,IAAI,EAAEP;AAA1B,IAAH,GAAuD,IAJ7E,CADF,eAOEL,wCAACe,sDAAD;AAA4B,IAAA,QAAQ,EAAET,UAAU,KAAK,IAArD;AAA2D,mBAAY,yBAAvE;AAAiG,IAAA,QAAQ,EAAE,CAAC;AAA5G,kBACEN,wCAACgB,mEAAD,QACGT,KAAK,CAACU,GAAN,CAAU,UAACC,IAAD;AAAA,wBACTlB,wCAACY,2CAAD;AAAoB,MAAA,IAAI,EAAEM,IAA1B;AAAgC,MAAA,GAAG,EAAEA,IAAI,CAACP;AAA1C,MADS;AAAA,GAAV,CADH,CADF,CAPF,CAPF,CADF;AAyBD,CA9BD;;IAgCMQ,cAAmC,GAAG,SAAtCA,cAAsC,GAAM;AAChD,2BAGInB,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAHJ;AAAA,MACEkB,oBADF,sBACEA,oBADF;AAAA,iDAEEjB,YAFF;AAAA,MAEkBkB,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,sBACE1B,wCAAC2B,+DAAD;AACE,IAAA,aAAa,EAAEL,aADjB;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,mBAAY,mBAHd;AAIE,kBAAYvB;AAJd,kBAMEE,wCAAC4B,uDAAD;AAA6B,IAAA,aAAa,EAAEN,aAA5C;AAA2D,IAAA,QAAQ,EAAEF;AAArE,KACGM,OAAO,iBAAI1B,wCAAC6B,yCAAD;AAAgB,IAAA,QAAQ,EAAET;AAA1B,IADd,EAEG,CAACM,OAAD,iBAAY1B,wCAAC,mBAAD,OAFf,eAGEA,wCAAC8B,mDAAD,qBACE9B,wCAAC+B,+CAAD;AAAmB,IAAA,WAAW,EAAER,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","StyledLeftNavHeaderArea","includes","dsId","OutOfTheBoxMapItem","StyledLeftNavBodyAreasContainer","StyledLeftNavBodyHeaderArea","StyledLeftNavBodyItemsArea","LeftNavContentWithScrollbar","map","item","LeftNavContent","expandedForAnimation","expanded","expandedWidth","footerLabel","onFooterExpand","onFooterClose","loading","StyledLeftNavExpandAnimationWrapper","StyledLeftNavAreasContainer","LeftNavLoading","StyledLeftNavFooterArea","LeftNavFooterItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,+BAA+B,GACnC,mFACA,mEADA,GAEA,yEAFA,GAGA,8EAJF;;AAMA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,0BAGIC,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,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,sBACER,+FACEA,wCAACS,mDAAD;AACE,mBAAY,qBADd;AAEE,IAAA,QAAQ,EAAEL,eAAe,IAAI,CAACI,YAAD,EAAeF,UAAf,EAA2BI,QAA3B,CAAoCN,eAAe,CAACO,IAApD;AAF/B,KAIGP,eAAe,gBAAGJ,wCAACY,2CAAD;AAAoB,IAAA,IAAI,EAAER;AAA1B,IAAH,GAAmD,IAJrE,CADF,eAOEJ,wCAACa,2DAAD,qBACEb,wCAACc,uDAAD;AACE,mBAAY,0BADd;AAEE,IAAA,QAAQ,EAAET,mBAAmB,IAAI,CAACG,YAAD,EAAeF,UAAf,EAA2BI,QAA3B,CAAoCL,mBAAmB,CAACM,IAAxD;AAFnC,KAIGN,mBAAmB,gBAAGL,wCAACY,2CAAD;AAAoB,IAAA,IAAI,EAAEP;AAA1B,IAAH,GAAuD,IAJ7E,CADF,eAOEL,wCAACe,sDAAD;AAA4B,IAAA,QAAQ,EAAET,UAAU,KAAK,IAArD;AAA2D,mBAAY,yBAAvE;AAAiG,IAAA,QAAQ,EAAE,CAAC;AAA5G,kBACEN,wCAACgB,mEAAD,QACGT,KAAK,CAACU,GAAN,CAAU,UAACC,IAAD;AAAA,wBACTlB,wCAACY,2CAAD;AAAoB,MAAA,IAAI,EAAEM,IAA1B;AAAgC,MAAA,GAAG,EAAEA,IAAI,CAACP;AAA1C,MADS;AAAA,GAAV,CADH,CADF,CAPF,CAPF,CADF;AAyBD,CA9BD;;IAgCMQ,cAAmC,GAAG,SAAtCA,cAAsC,GAAM;AAChD,2BAGInB,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAHJ;AAAA,MACEkB,oBADF,sBACEA,oBADF;AAAA,iDAEEjB,YAFF;AAAA,MAEkBkB,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,sBACE1B,wCAAC2B,+DAAD;AACE,IAAA,aAAa,EAAEL,aADjB;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,mBAAY,mBAHd;AAIE,kBAAYvB;AAJd,kBAMEE,wCAAC4B,uDAAD;AAA6B,IAAA,aAAa,EAAEN,aAA5C;AAA2D,IAAA,QAAQ,EAAEF;AAArE,KACGM,OAAO,iBAAI1B,wCAAC6B,yCAAD;AAAgB,IAAA,QAAQ,EAAET;AAA1B,IADd,EAEG,CAACM,OAAD,iBAAY1B,wCAAC,mBAAD,OAFf,eAGEA,wCAAC8B,mDAAD,qBACE9B,wCAAC+B,+CAAD;AAAmB,IAAA,WAAW,EAAER,WAAhC;AAA6C,IAAA,cAAc,EAAEC,cAA7D;AAA6E,IAAA,aAAa,EAAEC;AAA5F,IADF,CAHF,CANF,CADF;AAgBD;;;;"}

package/cjs/parts/LeftNavContentWithScrollbar/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
+require('overlayscrollbars/css/OverlayScrollbars.css');
 var OverlayScrollbars = require('overlayscrollbars');
 var styled = require('styled-components');
 

package/cjs/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","React","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,YAAY,gBAAGC,0BAAM,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,cAAQ,EAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,WAAW,GAAGC,YAAM,CAAiB,IAAjB,CAA1B;AAEAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAMC,cAAiC,GAAGC,qCAAiB,CAACJ,WAAW,CAACK,OAAb,EAAsBlB,OAAtB,CAA3D;AACAY,IAAAA,aAAa,CAACI,cAAD,CAAb;AACD,GAHQ,EAGN,CAACL,UAAD,CAHM,CAAT;AAKA,sBACEQ;AAAK,IAAA,SAAS,EAAC,SAAf;AAAyB,IAAA,KAAK;AAAIC,MAAAA,MAAM,EAAE;AAAZ,OAAuBZ,gBAAvB,CAA9B;AAAyE,IAAA,QAAQ,EAAE,CAAC,CAApF;AAAuF,IAAA,GAAG,EAAEK;AAA5F,kBACEM;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,eAEEA;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEX;AAAnC,kBACEW;AAAK,IAAA,SAAS,EAAC,aAAf;AAA6B,IAAA,KAAK,EAAEX;AAApC,kBACEW;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEX,gBAAnC;AAAqD;AAArD,KACGD,QADH,CADF,CADF,CAFF,eASEY;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,CADF,CATF,eAcEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,IADF,CADF,CAdF,eAmBEA;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","React","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,YAAY,gBAAGC,0BAAM,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,cAAQ,EAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,WAAW,GAAGC,YAAM,CAAiB,IAAjB,CAA1B;AAEAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAMC,cAAiC,GAAGC,qCAAiB,CAACJ,WAAW,CAACK,OAAb,EAAsBlB,OAAtB,CAA3D;AACAY,IAAAA,aAAa,CAACI,cAAD,CAAb;AACD,GAHQ,EAGN,CAACL,UAAD,CAHM,CAAT;AAKA,sBACEQ;AAAK,IAAA,SAAS,EAAC,SAAf;AAAyB,IAAA,KAAK;AAAIC,MAAAA,MAAM,EAAE;AAAZ,OAAuBZ,gBAAvB,CAA9B;AAAyE,IAAA,QAAQ,EAAE,CAAC,CAApF;AAAuF,IAAA,GAAG,EAAEK;AAA5F,kBACEM;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,eAEEA;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEX;AAAnC,kBACEW;AAAK,IAAA,SAAS,EAAC,aAAf;AAA6B,IAAA,KAAK,EAAEX;AAApC,kBACEW;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEX,gBAAnC;AAAqD;AAArD,KACGD,QADH,CADF,CADF,CAFF,eASEY;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,CADF,CATF,eAcEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,IADF,CADF,CAdF,eAmBEA;AAAK,IAAA,SAAS,EAAC;AAAf,IAnBF,CADF;AAuBD;;;;"}