@elliemae/ds-left-navigation 1.59.8 → 1.60.0

package/esm/hooks/useSelectFirstBodyItem.js

@@ -20,9 +20,9 @@ var isItemInsideTheTree = function isItemInsideTheTree(item, itemID) {
   }));
 };
 
-var useSelectFirstBodyItem = function useSelectFirstBodyItem(items, openedItem, selectedItem, setSelectedItem) {
+var useSelectFirstBodyItem = function useSelectFirstBodyItem(items, openedItem, selectedItem, setSelectedItem, disableDefaultSelection) {
   useEffect(function () {
-    if (items && items.length && openedItem) {
+    if (!disableDefaultSelection && items && items.length && openedItem) {
       var index = items.findIndex(function (elem) {
         return isSelectableOutOfTheBox(elem) || isSelectableCustom(elem);
       });
@@ -31,7 +31,7 @@ var useSelectFirstBodyItem = function useSelectFirstBodyItem(items, openedItem,
       });
       if (isItemInside) setSelectedItem(selectedItem);else if (index !== -1) setSelectedItem(items[index].dsId);
     }
-  }, [openedItem, setSelectedItem]);
+  }, [openedItem, setSelectedItem, disableDefaultSelection]);
 };
 
 export { useSelectFirstBodyItem };

package/esm/hooks/useSelectFirstBodyItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectFirstBodyItem.js","sources":["../../../src/hooks/useSelectFirstBodyItem.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { GenericItemItemProps } from '../index.d';\nimport { ITEM_TYPES } from '../exported-related/constants';\n\nconst { LEFT_NAV_ITEM_SEPARATOR, LEFT_NAV_ITEM_SECTION } = ITEM_TYPES;\n\nconst isSelectableOutOfTheBox = (elem: GenericItemItemProps) =>\n  typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;\nconst isSelectableCustom = (elem: GenericItemItemProps) => elem.itemOpts.selectable;\n\nconst isItemInsideTheTree = (item: GenericItemItemProps, itemID: string) =>\n  item.dsId === itemID || item?.itemOpts?.items?.some((it) => isItemInsideTheTree(it, itemID));\n\nexport const useSelectFirstBodyItem = (\n  items: GenericItemItemProps[],\n  openedItem: string,\n  selectedItem: string,\n  setSelectedItem: React.Dispatch<React.SetStateAction<string>>,\n): void => {\n  useEffect(() => {\n    if (items && items.length && openedItem) {\n      const index = items.findIndex((elem) => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));\n      const isItemInside = items.some((it) => isItemInsideTheTree(it, selectedItem));\n      if (isItemInside) setSelectedItem(selectedItem);\n      else if (index !== -1) setSelectedItem(items[index].dsId);\n    }\n  }, [openedItem, setSelectedItem]);\n};\n"],"names":["LEFT_NAV_ITEM_SEPARATOR","ITEM_TYPES","LEFT_NAV_ITEM_SECTION","isSelectableOutOfTheBox","elem","type","isSelectableCustom","itemOpts","selectable","isItemInsideTheTree","item","itemID","dsId","items","some","it","useSelectFirstBodyItem","openedItem","selectedItem","setSelectedItem","useEffect","length","index","findIndex","isItemInside"],"mappings":";;;AAIA,IAAQA,uBAAR,GAA2DC,UAA3D,CAAQD,uBAAR;AAAA,IAAiCE,qBAAjC,GAA2DD,UAA3D,CAAiCC,qBAAjC;;AAEA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,IAAD;AAAA,SAC9B,OAAOA,IAAI,CAACC,IAAZ,KAAqB,QAArB,IAAiCD,IAAI,CAACC,IAAL,KAAcL,uBAA/C,IAA0EI,IAAI,CAACC,IAAL,KAAcH,qBAD1D;AAAA,CAAhC;;AAEA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAACF,IAAD;AAAA,SAAgCA,IAAI,CAACG,QAAL,CAAcC,UAA9C;AAAA,CAA3B;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,IAAD,EAA6BC,MAA7B;AAAA;;AAAA,SAC1BD,IAAI,CAACE,IAAL,KAAcD,MAAd,KAAwBD,IAAxB,aAAwBA,IAAxB,yCAAwBA,IAAI,CAAEH,QAA9B,2EAAwB,eAAgBM,KAAxC,yDAAwB,qBAAuBC,IAAvB,CAA4B,UAACC,EAAD;AAAA,WAAQN,mBAAmB,CAACM,EAAD,EAAKJ,MAAL,CAA3B;AAAA,GAA5B,CAAxB,CAD0B;AAAA,CAA5B;;IAGaK,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCH,KADoC,EAEpCI,UAFoC,EAGpCC,YAHoC,EAIpCC,eAJoC,EAK3B;AACTC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIP,KAAK,IAAIA,KAAK,CAACQ,MAAf,IAAyBJ,UAA7B,EAAyC;AACvC,UAAMK,KAAK,GAAGT,KAAK,CAACU,SAAN,CAAgB,UAACnB,IAAD;AAAA,eAAUD,uBAAuB,CAACC,IAAD,CAAvB,IAAiCE,kBAAkB,CAACF,IAAD,CAA7D;AAAA,OAAhB,CAAd;AACA,UAAMoB,YAAY,GAAGX,KAAK,CAACC,IAAN,CAAW,UAACC,EAAD;AAAA,eAAQN,mBAAmB,CAACM,EAAD,EAAKG,YAAL,CAA3B;AAAA,OAAX,CAArB;AACA,UAAIM,YAAJ,EAAkBL,eAAe,CAACD,YAAD,CAAf,CAAlB,KACK,IAAII,KAAK,KAAK,CAAC,CAAf,EAAkBH,eAAe,CAACN,KAAK,CAACS,KAAD,CAAL,CAAaV,IAAd,CAAf;AACxB;AACF,GAPQ,EAON,CAACK,UAAD,EAAaE,eAAb,CAPM,CAAT;AAQD;;;;"}
+{"version":3,"file":"useSelectFirstBodyItem.js","sources":["../../../src/hooks/useSelectFirstBodyItem.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { GenericItemItemProps } from '../index.d';\nimport { ITEM_TYPES } from '../exported-related/constants';\n\nconst { LEFT_NAV_ITEM_SEPARATOR, LEFT_NAV_ITEM_SECTION } = ITEM_TYPES;\n\nconst isSelectableOutOfTheBox = (elem: GenericItemItemProps) =>\n  typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;\nconst isSelectableCustom = (elem: GenericItemItemProps) => elem.itemOpts.selectable;\n\nconst isItemInsideTheTree = (item: GenericItemItemProps, itemID: string) =>\n  item.dsId === itemID || item?.itemOpts?.items?.some((it) => isItemInsideTheTree(it, itemID));\n\nexport const useSelectFirstBodyItem = (\n  items: GenericItemItemProps[],\n  openedItem: string,\n  selectedItem: string,\n  setSelectedItem: React.Dispatch<React.SetStateAction<string>>,\n  disableDefaultSelection: boolean,\n): void => {\n  useEffect(() => {\n    if (!disableDefaultSelection && items && items.length && openedItem) {\n      const index = items.findIndex((elem) => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));\n      const isItemInside = items.some((it) => isItemInsideTheTree(it, selectedItem));\n      if (isItemInside) setSelectedItem(selectedItem);\n      else if (index !== -1) setSelectedItem(items[index].dsId);\n    }\n  }, [openedItem, setSelectedItem, disableDefaultSelection]);\n};\n"],"names":["LEFT_NAV_ITEM_SEPARATOR","ITEM_TYPES","LEFT_NAV_ITEM_SECTION","isSelectableOutOfTheBox","elem","type","isSelectableCustom","itemOpts","selectable","isItemInsideTheTree","item","itemID","dsId","items","some","it","useSelectFirstBodyItem","openedItem","selectedItem","setSelectedItem","disableDefaultSelection","useEffect","length","index","findIndex","isItemInside"],"mappings":";;;AAIA,IAAQA,uBAAR,GAA2DC,UAA3D,CAAQD,uBAAR;AAAA,IAAiCE,qBAAjC,GAA2DD,UAA3D,CAAiCC,qBAAjC;;AAEA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,IAAD;AAAA,SAC9B,OAAOA,IAAI,CAACC,IAAZ,KAAqB,QAArB,IAAiCD,IAAI,CAACC,IAAL,KAAcL,uBAA/C,IAA0EI,IAAI,CAACC,IAAL,KAAcH,qBAD1D;AAAA,CAAhC;;AAEA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAACF,IAAD;AAAA,SAAgCA,IAAI,CAACG,QAAL,CAAcC,UAA9C;AAAA,CAA3B;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,IAAD,EAA6BC,MAA7B;AAAA;;AAAA,SAC1BD,IAAI,CAACE,IAAL,KAAcD,MAAd,KAAwBD,IAAxB,aAAwBA,IAAxB,yCAAwBA,IAAI,CAAEH,QAA9B,2EAAwB,eAAgBM,KAAxC,yDAAwB,qBAAuBC,IAAvB,CAA4B,UAACC,EAAD;AAAA,WAAQN,mBAAmB,CAACM,EAAD,EAAKJ,MAAL,CAA3B;AAAA,GAA5B,CAAxB,CAD0B;AAAA,CAA5B;;IAGaK,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCH,KADoC,EAEpCI,UAFoC,EAGpCC,YAHoC,EAIpCC,eAJoC,EAKpCC,uBALoC,EAM3B;AACTC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAACD,uBAAD,IAA4BP,KAA5B,IAAqCA,KAAK,CAACS,MAA3C,IAAqDL,UAAzD,EAAqE;AACnE,UAAMM,KAAK,GAAGV,KAAK,CAACW,SAAN,CAAgB,UAACpB,IAAD;AAAA,eAAUD,uBAAuB,CAACC,IAAD,CAAvB,IAAiCE,kBAAkB,CAACF,IAAD,CAA7D;AAAA,OAAhB,CAAd;AACA,UAAMqB,YAAY,GAAGZ,KAAK,CAACC,IAAN,CAAW,UAACC,EAAD;AAAA,eAAQN,mBAAmB,CAACM,EAAD,EAAKG,YAAL,CAA3B;AAAA,OAAX,CAArB;AACA,UAAIO,YAAJ,EAAkBN,eAAe,CAACD,YAAD,CAAf,CAAlB,KACK,IAAIK,KAAK,KAAK,CAAC,CAAf,EAAkBJ,eAAe,CAACN,KAAK,CAACU,KAAD,CAAL,CAAaX,IAAd,CAAf;AACxB;AACF,GAPQ,EAON,CAACK,UAAD,EAAaE,eAAb,EAA8BC,uBAA9B,CAPM,CAAT;AAQD;;;;"}

package/esm/index.js

@@ -24,11 +24,11 @@ import './exported-related/ItemRenderer/usePropsWithDefaults.js';
 import './hooks/useKeyboardNavigation.js';
 import './outOfTheBox/ItemWithDate/index.js';
 import './outOfTheBox/ItemWithDate/styled.js';
+import './outOfTheBox/ItemTextLabel/index.js';
+import './outOfTheBox/ItemTextLabel/styled.js';
 import './outOfTheBox/ItemUncontrolledDrilldown/index.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import './outOfTheBox/ItemUncontrolledDrilldown/styled.js';
-import './outOfTheBox/ItemTextLabel/index.js';
-import './outOfTheBox/ItemTextLabel/styled.js';
 import './outOfTheBox/ItemHeader/index.js';
 import './outOfTheBox/ItemHeader/styled.js';
 import './outOfTheBox/ItemLink/index.js';

package/esm/outOfTheBox/ItemControlledDrilldown/index.js

@@ -10,18 +10,20 @@ import 'styled-components';
 import { StyledLabel, StyledDate } from './styled.js';
 import { ItemSeparator } from '../ItemSeparator/index.js';
 import { ItemWithDate } from '../ItemWithDate/index.js';
+import { ItemTextLabel } from '../ItemTextLabel/index.js';
 import '../../exported-related/ItemRenderer/styled.js';
 import '../../LeftNavigationContext.js';
 import '../../exported-related/ItemRenderer/usePropsWithDefaults.js';
 import '../../hooks/useKeyboardNavigation.js';
 import '../ItemWithDate/styled.js';
+import '../ItemTextLabel/styled.js';
 
 var _outOfTheBoxSubitemsC;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var outOfTheBoxSubitemsComponents = (_outOfTheBoxSubitemsC = {}, _defineProperty(_outOfTheBoxSubitemsC, ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ItemSeparator), _defineProperty(_outOfTheBoxSubitemsC, ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE, ItemWithDate), _outOfTheBoxSubitemsC);
+var outOfTheBoxSubitemsComponents = (_outOfTheBoxSubitemsC = {}, _defineProperty(_outOfTheBoxSubitemsC, ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ItemSeparator), _defineProperty(_outOfTheBoxSubitemsC, ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE, ItemWithDate), _defineProperty(_outOfTheBoxSubitemsC, ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL, ItemTextLabel), _outOfTheBoxSubitemsC);
 
 var OutOfTheBoxMapSubitem = function OutOfTheBoxMapSubitem(props) {
   var item = props.item,
@@ -66,6 +68,7 @@ var ItemControlledDrilldown = function ItemControlledDrilldown(props) {
       labelColor = _props$item$itemOpts.labelColor,
       isOpened = _props$item$itemOpts.isOpened,
       items = _props$item$itemOpts.items,
+      labelDataTestId = _props$item$itemOpts.labelDataTestId,
       ctx = props.ctx,
       leftNavLabelOverflow = props.ctx.leftNavProps.labelOverflow;
   var labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
@@ -106,7 +109,7 @@ var ItemControlledDrilldown = function ItemControlledDrilldown(props) {
     mt: "-2px"
   }, arrowIcon), /*#__PURE__*/React.createElement(StyledLabel, {
     pb: "xxxs",
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor

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

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

package/esm/outOfTheBox/ItemHeader/index.js

@@ -33,6 +33,7 @@ var ItemHeader = function ItemHeader(props) {
       label = _props$item$itemOpts.label,
       RightComponent = _props$item$itemOpts.RightComponent,
       BottomComponent = _props$item$itemOpts.BottomComponent,
+      labelDataTestId = _props$item$itemOpts.labelDataTestId,
       _props$item$Collapsed = _props$item.CollapsedComponent,
       CollapsedComponent = _props$item$Collapsed === void 0 ? function () {
     return null;
@@ -50,8 +51,10 @@ var ItemHeader = function ItemHeader(props) {
   var opened = openedItem === dsId;
   var ariaLabel = (_item$itemOpts$ariaLa = item.itemOpts.ariaLabel) !== null && _item$itemOpts$ariaLa !== void 0 ? _item$itemOpts$ariaLa : typeof label === 'string' ? label : 'menuitem';
   var isSelected = selectedItem === dsId || selectedParent === dsId;
-  var shadowStyle = useCallback(function (theme) {
-    return !openedItem ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inherit";
+  var shadowStyle = useCallback(function (opened) {
+    return function (theme) {
+      return !opened ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inset 4px 0 0 0 #52A6EC";
+    };
   }, [isSelected, openedItem]);
   return /*#__PURE__*/React.createElement(ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
@@ -94,7 +97,7 @@ var ItemHeader = function ItemHeader(props) {
     ml: opened ? 'xxs' : '1px',
     mt: "xxxs",
     mb: "15px",
-    "data-testid": "leftnav-itemlabel",
+    "data-testid": labelDataTestId || 'leftnav-itemlabel',
     labelOverflow: labelOverflow
   }, labelOverflow === 'truncate' ? /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
     value: label,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemHeader/index.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { 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 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemHeader = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, BottomComponent },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { openedItem, labelOverflow, onItemClick },\n      expandedForAnimation,\n      setFocusedItem,\n      selectedItem,\n      selectedParent,\n    },\n  } = props;\n\n  const opened = openedItem === dsId;\n\n  const ariaLabel = item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (theme) => (!openedItem ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inherit`),\n    [isSelected, openedItem],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel,\n          ariaExpanded: opened,\n          ...item.itemOpts,\n          openable: expandedForAnimation && !opened,\n          closable: expandedForAnimation && opened,\n          selectable: !opened,\n        },\n      }}\n      hasBorderBottom\n      borderBottomMr={opened ? '12px' : '0px'}\n      shadowStyle={shadowStyle}\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            }}\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' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n      <Grid\n        pl=\"xs\"\n        pr={opened ? 'xxs2' : 'xxs'}\n        onFocus={(e) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n      {BottomComponent && (\n        <Grid\n          style={{ gridColumn: 'span 3' }}\n          pb=\"xxxs\"\n          pl=\"xxs\"\n          pr=\"xxs\"\n          onFocus={(e) => {\n            setFocusedItem(null);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          <BottomComponent ctx={ctx} item={item} />\n        </Grid>\n      )}\n    </ItemRenderer>\n  );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","ItemHeader","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","setFocusedItem","selectedItem","selectedParent","opened","ariaLabel","shadowStyle","useCallback","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","gridColumn"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemHeader/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\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 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemHeader = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, BottomComponent, labelDataTestId },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { openedItem, labelOverflow, onItemClick },\n      expandedForAnimation,\n      setFocusedItem,\n      selectedItem,\n      selectedParent,\n    },\n  } = props;\n\n  const opened = openedItem === dsId;\n\n  const ariaLabel = item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (opened) => (theme: any) =>\n      !opened ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n    [isSelected, openedItem],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel,\n          ariaExpanded: opened,\n          ...item.itemOpts,\n          openable: expandedForAnimation && !opened,\n          closable: expandedForAnimation && opened,\n          selectable: !opened,\n        },\n      }}\n      hasBorderBottom\n      borderBottomMr={opened ? '12px' : '0px'}\n      shadowStyle={shadowStyle}\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            }}\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={labelDataTestId || 'leftnav-itemlabel'}\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n      <Grid\n        pl=\"xs\"\n        pr={opened ? 'xxs2' : 'xxs'}\n        onFocus={(e) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n      {BottomComponent && (\n        <Grid\n          style={{ gridColumn: 'span 3' }}\n          pb=\"xxxs\"\n          pl=\"xxs\"\n          pr=\"xxs\"\n          onFocus={(e) => {\n            setFocusedItem(null);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          <BottomComponent ctx={ctx} item={item} />\n        </Grid>\n      )}\n    </ItemRenderer>\n  );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","ItemHeader","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","labelDataTestId","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","setFocusedItem","selectedItem","selectedParent","opened","ariaLabel","shadowStyle","useCallback","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","gridColumn"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;AAAA,SAAyB,UAACC,KAAD;AAAA,qDAEtBD,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6B,aAFjB,8DAKpBH,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6BF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CALnB,oEASpBF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAToB;AAAA,GAAzB;AAAA,CAA7B;;IAaaC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAwC;AAAA;;AAChE,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,MAIwDC,eAJxD,wBAIwDA,eAJxD;AAAA,0CAKIC,kBALJ;AAAA,MAKIA,kBALJ,sCAKyB;AAAA,WAAM,IAAN;AAAA,GALzB;AAAA,MAOEC,GAPF,GAeIT,KAfJ,CAOES,GAPF;AAAA,mBAeIT,KAfJ,CAQES,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,cAXJ,cAWIA,cAXJ;AAAA,MAYIC,YAZJ,cAYIA,YAZJ;AAAA,MAaIC,cAbJ,cAaIA,cAbJ;AAiBA,MAAMC,MAAM,GAAGP,UAAU,KAAKT,IAA9B;AAEA,MAAMiB,SAAS,4BAAGlB,IAAI,CAACE,QAAL,CAAcgB,SAAjB,yEAA+B,OAAOf,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,UAAlF;AAEA,MAAMT,UAAU,GAAGqB,YAAY,KAAKd,IAAjB,IAAyBe,cAAc,KAAKf,IAA/D;AAEA,MAAMkB,WAAW,GAAGC,WAAW,CAC7B,UAACH,MAAD;AAAA,WAAY,UAACtB,KAAD;AAAA,aACV,CAACsB,MAAD,GAAUxB,oBAAoB,CAACC,UAAD,CAApB,CAAiCC,KAAjC,CAAV,wCADU;AAAA,KAAZ;AAAA,GAD6B,EAG7B,CAACD,UAAD,EAAagB,UAAb,CAH6B,CAA/B;AAMA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCV,IADD;AAEFE,MAAAA,QAAQ;AACNgB,QAAAA,SAAS,EAATA,SADM;AAENG,QAAAA,YAAY,EAAEJ;AAFR,SAGHjB,IAAI,CAACE,QAHF;AAINoB,QAAAA,QAAQ,EAAET,oBAAoB,IAAI,CAACI,MAJ7B;AAKNM,QAAAA,QAAQ,EAAEV,oBAAoB,IAAII,MAL5B;AAMNO,QAAAA,UAAU,EAAE,CAACP;AANP;AAFN,MADN;AAYE,IAAA,eAAe,MAZjB;AAaE,IAAA,cAAc,EAAEA,MAAM,GAAG,MAAH,GAAY,KAbpC;AAcE,IAAA,WAAW,EAAEE;AAdf,kBAgBE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEF,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,iBACL,oBAAC,iBAAD;AACE,IAAA,IAAI,EAAC,GADP;AAEE,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAFT;AAGE,IAAA,OAAO,EAAE,iBAACQ,CAAD,EAAO;AACdb,MAAAA,WAAW,CAACZ,IAAD,EAAOyB,CAAP,CAAX;AACD,KALH;AAME,mBAAY,+BANd;AAOE,IAAA,QAAQ,EAAE,CAPZ;AAQE,IAAA,OAAO,EAAE,iBAACA,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAZ,MAAAA,cAAc,CAACa,kBAAD,CAAd;AACD,KAXH;AAYE,IAAA,IAAI,EAAC,QAZP;AAaE,kCAAqBT,SAArB;AAbF,IARJ,eAwBE,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAElB,IAA1B;AAAgC,IAAA,GAAG,EAAEQ;AAArC,IAxBF,CAhBF,eA0CE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAES,MAAM,GAAG,KAAH,GAAW,KADvB;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,MAHL;AAIE,mBAAaX,eAAe,IAAI,mBAJlC;AAKE,IAAA,aAAa,EAAEK;AALjB,KAOGA,aAAa,KAAK,UAAlB,gBAA+B,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAER,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IAA/B,GAAuGA,KAP1G,CA1CF,eAmDE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,EAAE,EAAEc,MAAM,GAAG,MAAH,GAAY,KAFxB;AAGE,IAAA,OAAO,EAAE,iBAACQ,CAAD,EAAO;AACdX,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAW,MAAAA,CAAC,CAACC,eAAF;AACD,KANH;AAOE,IAAA,SAAS,EAAE,mBAACD,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KAPb;AAQE,mBAAY;AARd,KAUGtB,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEI,GAArB;AAA0B,IAAA,IAAI,EAAER;AAAhC,IAVrB,CAnDF,EA+DGK,eAAe,iBACd,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AAAEuB,MAAAA,UAAU,EAAE;AAAd,KADT;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,KAHL;AAIE,IAAA,EAAE,EAAC,KAJL;AAKE,IAAA,OAAO,EAAE,iBAACH,CAAD,EAAO;AACdX,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAW,MAAAA,CAAC,CAACC,eAAF;AACD,KARH;AASE,IAAA,SAAS,EAAE,mBAACD,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA;AATb,kBAWE,oBAAC,eAAD;AAAiB,IAAA,GAAG,EAAElB,GAAtB;AAA2B,IAAA,IAAI,EAAER;AAAjC,IAXF,CAhEJ,CADF;AAiFD;;;;"}

package/esm/outOfTheBox/ItemLink/index.js

@@ -30,6 +30,7 @@ var ItemLink = function ItemLink(props) {
       _props$item$itemOpts = _props$item.itemOpts,
       label = _props$item$itemOpts.label,
       RightComponent = _props$item$itemOpts.RightComponent,
+      labelDataTestId = _props$item$itemOpts.labelDataTestId,
       _props$item$Collapsed = _props$item.CollapsedComponent,
       CollapsedComponent = _props$item$Collapsed === void 0 ? function () {
     return null;
@@ -42,8 +43,10 @@ var ItemLink = function ItemLink(props) {
       selectedItem = _props$ctx.selectedItem,
       selectedParent = _props$ctx.selectedParent;
   var isSelected = selectedItem === dsId || selectedParent === dsId;
-  var shadowStyle = useCallback(function (theme) {
-    return !openedItem ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inherit";
+  var shadowStyle = useCallback(function (opened) {
+    return function (theme) {
+      return !opened ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inset 4px 0 0 0 #52A6EC";
+    };
   }, [isSelected, openedItem]);
   return /*#__PURE__*/React.createElement(ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
@@ -68,7 +71,7 @@ var ItemLink = function ItemLink(props) {
     ml: "1px",
     mt: "xxxs",
     mb: "15px",
-    "data-testid": "leftnav-itemlabel",
+    "data-testid": labelDataTestId || 'leftnav-itemlabel',
     labelOverflow: labelOverflow
   }, labelOverflow === 'truncate' ? /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
     value: label,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemLink/index.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\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      selectedParent,\n    },\n  } = props;\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (theme) => (!openedItem ? notOpenedShadowStyle(isSelected)(theme) : `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          selectable: true,\n        },\n      }}\n      shadowStyle={shadowStyle}\n    >\n      <Grid cols={['38px']} gutter=\"1px\" pl={0} justifyItems=\"center\" data-testid=\"leftnav-leftcomponent\">\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel ml=\"1px\" mt=\"xxxs\" mb=\"15px\" data-testid=\"leftnav-itemlabel\" labelOverflow={labelOverflow}>\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\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","ItemLink","props","item","dsId","itemOpts","label","RightComponent","CollapsedComponent","ctx","leftNavProps","labelOverflow","openedItem","selectedItem","selectedParent","shadowStyle","useCallback","ariaLabel","ariaRole","selectable"],"mappings":"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"}
+{"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 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\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, labelDataTestId },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow, openedItem },\n      selectedItem,\n      selectedParent,\n    },\n  } = props;\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (opened) => (theme: any) => !opened ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\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          selectable: true,\n        },\n      }}\n      shadowStyle={shadowStyle}\n    >\n      <Grid cols={['38px']} gutter=\"1px\" pl={0} justifyItems=\"center\" data-testid=\"leftnav-leftcomponent\">\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel\n        ml=\"1px\"\n        mt=\"xxxs\"\n        mb=\"15px\"\n        data-testid={labelDataTestId || 'leftnav-itemlabel'}\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\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","ItemLink","props","item","dsId","itemOpts","label","RightComponent","labelDataTestId","CollapsedComponent","ctx","leftNavProps","labelOverflow","openedItem","selectedItem","selectedParent","shadowStyle","useCallback","opened","ariaLabel","ariaRole","selectable"],"mappings":"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"}

package/esm/outOfTheBox/ItemSubmenu/index.js

@@ -33,6 +33,7 @@ var ItemSubmenu = function ItemSubmenu(props) {
       label = _props$item$itemOpts.label,
       RightComponent = _props$item$itemOpts.RightComponent,
       BottomComponent = _props$item$itemOpts.BottomComponent,
+      labelDataTestId = _props$item$itemOpts.labelDataTestId,
       _props$item$Collapsed = _props$item.CollapsedComponent,
       CollapsedComponent = _props$item$Collapsed === void 0 ? function () {
     return null;
@@ -49,8 +50,10 @@ var ItemSubmenu = function ItemSubmenu(props) {
       setFocusedItem = _props$ctx.setFocusedItem;
   var opened = openedItem === dsId;
   var isSelected = selectedItem === dsId;
-  var shadowStyle = useCallback(function (theme) {
-    return !openedItem ? notOpenedShadowStyle(isSelected || selectedParent === dsId)(theme) : "box-shadow: inherit";
+  var shadowStyle = useCallback(function (opened) {
+    return function (theme) {
+      return !opened ? notOpenedShadowStyle(isSelected || selectedParent === dsId)(theme) : "box-shadow: inset 4px 0 0 0 #52A6EC";
+    };
   }, [dsId, isSelected, openedItem, selectedParent]);
   var ariaLabel = (_item$itemOpts$ariaLa = item.itemOpts.ariaLabel) !== null && _item$itemOpts$ariaLa !== void 0 ? _item$itemOpts$ariaLa : typeof label === 'string' ? label : 'menuitem';
   return /*#__PURE__*/React.createElement(ItemRenderer, {
@@ -93,7 +96,7 @@ var ItemSubmenu = function ItemSubmenu(props) {
     ml: opened ? 'xxs' : '1px',
     mt: "xxxs",
     mb: "15px",
-    "data-testid": "leftnav-itemlabel",
+    "data-testid": labelDataTestId || 'leftnav-itemlabel',
     labelOverflow: labelOverflow
   }, labelOverflow === 'truncate' ? /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
     value: label,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\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      selectedParent,\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 ? notOpenedShadowStyle(isSelected || selectedParent === dsId)(theme) : `box-shadow: inherit`,\n    [dsId, isSelected, openedItem, selectedParent],\n  );\n\n  const ariaLabel = 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            }}\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' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\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","ItemSubmenu","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","selectedItem","selectedParent","setFocusedItem","opened","shadowStyle","useCallback","ariaLabel","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","gridColumn"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\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, labelDataTestId },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { openedItem, labelOverflow, onItemClick },\n      expandedForAnimation,\n      selectedItem,\n      selectedParent,\n      setFocusedItem,\n    },\n  } = props;\n\n  const opened = openedItem === dsId;\n\n  const isSelected = selectedItem === dsId;\n\n  const shadowStyle = useCallback(\n    (opened) => (theme: any) =>\n      !opened ? notOpenedShadowStyle(isSelected || selectedParent === dsId)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n    [dsId, isSelected, openedItem, selectedParent],\n  );\n\n  const ariaLabel = 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            }}\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={labelDataTestId || 'leftnav-itemlabel'}\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\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","ItemSubmenu","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","labelDataTestId","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","selectedItem","selectedParent","setFocusedItem","opened","shadowStyle","useCallback","ariaLabel","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","gridColumn"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;AAAA,SAAyB,UAACC,KAAD;AAAA,qDAEtBD,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6B,aAFjB,8DAKpBH,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6BF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CALnB,oEASpBF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAToB;AAAA,GAAzB;AAAA,CAA7B;;IAaaC,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,MAIwDC,eAJxD,wBAIwDA,eAJxD;AAAA,0CAKIC,kBALJ;AAAA,MAKIA,kBALJ,sCAKyB;AAAA,WAAM,IAAN;AAAA,GALzB;AAAA,MAOEC,GAPF,GAeIT,KAfJ,CAOES,GAPF;AAAA,mBAeIT,KAfJ,CAQES,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,cAZJ,cAYIA,cAZJ;AAAA,MAaIC,cAbJ,cAaIA,cAbJ;AAiBA,MAAMC,MAAM,GAAGP,UAAU,KAAKT,IAA9B;AAEA,MAAMP,UAAU,GAAGoB,YAAY,KAAKb,IAApC;AAEA,MAAMiB,WAAW,GAAGC,WAAW,CAC7B,UAACF,MAAD;AAAA,WAAY,UAACtB,KAAD;AAAA,aACV,CAACsB,MAAD,GAAUxB,oBAAoB,CAACC,UAAU,IAAIqB,cAAc,KAAKd,IAAlC,CAApB,CAA4DN,KAA5D,CAAV,wCADU;AAAA,KAAZ;AAAA,GAD6B,EAG7B,CAACM,IAAD,EAAOP,UAAP,EAAmBgB,UAAnB,EAA+BK,cAA/B,CAH6B,CAA/B;AAMA,MAAMK,SAAS,4BAAGpB,IAAI,CAACE,QAAL,CAAckB,SAAjB,yEAA+B,OAAOjB,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,UAAlF;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCH,IADD;AAEFE,MAAAA,QAAQ,kCACHF,IAAI,CAACE,QADF;AAENkB,QAAAA,SAAS,EAATA,SAFM;AAGNC,QAAAA,YAAY,EAAEJ,MAHR;AAINK,QAAAA,QAAQ,EAAET,oBAAoB,IAAI,CAACI,MAJ7B;AAKNM,QAAAA,QAAQ,EAAEV,oBAAoB,IAAII,MAL5B;AAMNO,QAAAA,UAAU,EAAE,CAACP;AANP;AAFN,MADN;AAYE,IAAA,WAAW,EAAEC,WAZf;AAaE,IAAA,eAAe,EAAED,MAbnB;AAcE,IAAA,cAAc,EAAC;AAdjB,kBAgBE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,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,iBACL,oBAAC,iBAAD;AACE,IAAA,IAAI,EAAC,GADP;AAEE,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAFT;AAGE,IAAA,OAAO,EAAE,iBAACQ,CAAD,EAAO;AACdb,MAAAA,WAAW,CAACZ,IAAD,EAAOyB,CAAP,CAAX;AACD,KALH;AAME,mBAAY,+BANd;AAOE,IAAA,QAAQ,EAAE,CAPZ;AAQE,IAAA,OAAO,EAAE,iBAACA,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAV,MAAAA,cAAc,CAACW,kBAAD,CAAd;AACD,KAXH;AAYE,IAAA,IAAI,EAAC,QAZP;AAaE,kCAAqBP,SAArB;AAbF,IARJ,eAwBE,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEpB,IAA1B;AAAgC,IAAA,GAAG,EAAEQ;AAArC,IAxBF,CAhBF,eA0CE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAES,MAAM,GAAG,KAAH,GAAW,KADvB;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,MAHL;AAIE,mBAAaX,eAAe,IAAI,mBAJlC;AAKE,IAAA,aAAa,EAAEK;AALjB,KAOGA,aAAa,KAAK,UAAlB,gBAA+B,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAER,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IAA/B,GAAuGA,KAP1G,CA1CF,eAmDE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,EAAE,EAAEc,MAAM,GAAG,MAAH,GAAY,KAFxB;AAGE,IAAA,OAAO,EAAE,iBAACQ,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAV,MAAAA,cAAc,CAAC,IAAD,CAAd;AACD,KANH;AAOE,IAAA,SAAS,EAAE,mBAACS,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KAPb;AAQE,IAAA,OAAO,EAAE,iBAACD,CAAD;AAAA,aAAOf,UAAU,IAAIe,CAAC,CAACC,eAAF,EAArB;AAAA,KARX;AASE,mBAAY;AATd,KAWGtB,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEI,GAArB;AAA0B,IAAA,IAAI,EAAER;AAAhC,IAXrB,CAnDF,EAgEGK,eAAe,iBACd,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AAAEuB,MAAAA,UAAU,EAAE;AAAd,KADT;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,KAHL;AAIE,IAAA,EAAE,EAAC,KAJL;AAKE,IAAA,OAAO,EAAE,iBAACH,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAV,MAAAA,cAAc,CAAC,IAAD,CAAd;AACD,KARH;AASE,IAAA,SAAS,EAAE,mBAACS,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KATb;AAUE,IAAA,OAAO,EAAE,iBAACD,CAAD;AAAA,aAAOf,UAAU,IAAIe,CAAC,CAACC,eAAF,EAArB;AAAA;AAVX,kBAYE,oBAAC,eAAD;AAAiB,IAAA,GAAG,EAAElB,GAAtB;AAA2B,IAAA,IAAI,EAAER;AAAjC,IAZF,CAjEJ,CADF;AAmFD;;;;"}

package/esm/outOfTheBox/ItemTextLabel/index.js

@@ -23,6 +23,7 @@ var ItemTextLabel = function ItemTextLabel(props) {
       itemLabelOverflow = _props$item$itemOpts.labelOverflow,
       labelBold = _props$item$itemOpts.labelBold,
       labelColor = _props$item$itemOpts.labelColor,
+      labelDataTestId = _props$item$itemOpts.labelDataTestId,
       leftNavLabelOverflow = props.ctx.leftNavProps.labelOverflow;
   var labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
   return /*#__PURE__*/React.createElement(ItemRenderer, {
@@ -32,7 +33,7 @@ var ItemTextLabel = function ItemTextLabel(props) {
     minHeight: "32px",
     paddingTop: "8px"
   }, " ", /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement(StyledLabel, {
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     pl: "24px",
     labelOverflow: labelOverflow,
     labelBold: labelBold,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemTextLabel/index.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\nexport const ItemTextLabel = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: { label, labelOverflow: itemLabelOverflow, labelBold, labelColor },\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        pb=\"xxxs\"\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemTextLabel","props","item","itemOpts","label","itemLabelOverflow","labelOverflow","labelBold","labelColor","leftNavLabelOverflow","ctx","leftNavProps","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;IAMaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAwC;AACnE,MACEC,IADF,GAQID,KARJ,CACEC,IADF;AAAA,6BAQID,KARJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAGgBC,KAHhB,wBAGgBA,KAHhB;AAAA,MAGsCC,iBAHtC,wBAGuBC,aAHvB;AAAA,MAGyDC,SAHzD,wBAGyDA,SAHzD;AAAA,MAGoEC,UAHpE,wBAGoEA,UAHpE;AAAA,MAMmCC,oBANnC,GAQIR,KARJ,CAKES,GALF,CAMIC,YANJ,CAMoBL,aANpB;AAUA,MAAMA,aAAa,GAAGD,iBAAiB,IAAII,oBAA3C;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCP,IADD;AAEFU,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8B,gCAR9B,eASE,oBAAC,WAAD;AACE,mBAAY,yBADd;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,aAAa,EAAEN,aAHjB;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,EAAE,EAAC,MANL;AAOE,IAAA,EAAE,EAAC;AAPL,KASGF,aAAa,KAAK,UAAlB,gBAA+B,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEF,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IAA/B,GAAuGA,KAT1G,CATF,CADF;AAuBD;;;;"}
+{"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: { label, labelOverflow: itemLabelOverflow, labelBold, labelColor, labelDataTestId },\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={labelDataTestId || 'leftnav-list-item-label'}\n        pl=\"24px\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n        mr=\"xxs2\"\n        pb=\"xxxs\"\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemTextLabel","props","item","itemOpts","label","itemLabelOverflow","labelOverflow","labelBold","labelColor","labelDataTestId","leftNavLabelOverflow","ctx","leftNavProps","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;IAMaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAwC;AACnE,MACEC,IADF,GAQID,KARJ,CACEC,IADF;AAAA,6BAQID,KARJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAGgBC,KAHhB,wBAGgBA,KAHhB;AAAA,MAGsCC,iBAHtC,wBAGuBC,aAHvB;AAAA,MAGyDC,SAHzD,wBAGyDA,SAHzD;AAAA,MAGoEC,UAHpE,wBAGoEA,UAHpE;AAAA,MAGgFC,eAHhF,wBAGgFA,eAHhF;AAAA,MAMmCC,oBANnC,GAQIT,KARJ,CAKEU,GALF,CAMIC,YANJ,CAMoBN,aANpB;AAUA,MAAMA,aAAa,GAAGD,iBAAiB,IAAIK,oBAA3C;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCR,IADD;AAEFW,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8B,gCAR9B,eASE,oBAAC,WAAD;AACE,mBAAaJ,eAAe,IAAI,yBADlC;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,aAAa,EAAEH,aAHjB;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,EAAE,EAAC,MANL;AAOE,IAAA,EAAE,EAAC;AAPL,KASGF,aAAa,KAAK,UAAlB,gBAA+B,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEF,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IAA/B,GAAuGA,KAT1G,CATF,CADF;AAuBD;;;;"}

package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js

@@ -72,6 +72,7 @@ var ItemUncontrolledDrilldown = function ItemUncontrolledDrilldown(props) {
       labelColor = _props$item2$itemOpts.labelColor,
       startOpened = _props$item2$itemOpts.startOpened,
       items = _props$item2$itemOpts.items,
+      labelDataTestId = _props$item2$itemOpts.labelDataTestId,
       ctx = props.ctx,
       _props$ctx = props.ctx,
       leftNavLabelOverflow = _props$ctx.leftNavProps.labelOverflow,
@@ -127,7 +128,7 @@ var ItemUncontrolledDrilldown = function ItemUncontrolledDrilldown(props) {
     mt: "-2px"
   }, arrowIcon), /*#__PURE__*/React.createElement(StyledLabel, {
     pb: "xxxs",
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor

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

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

package/esm/outOfTheBox/ItemWithDate/index.js

@@ -25,6 +25,7 @@ var ItemWithDate = function ItemWithDate(props) {
       itemLabelOverflow = _props$item$itemOpts.labelOverflow,
       labelBold = _props$item$itemOpts.labelBold,
       labelColor = _props$item$itemOpts.labelColor,
+      labelDataTestId = _props$item$itemOpts.labelDataTestId,
       ctx = props.ctx,
       leftNavLabelOverflow = props.ctx.leftNavProps.labelOverflow;
   var labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
@@ -37,7 +38,7 @@ var ItemWithDate = function ItemWithDate(props) {
   }, " ", /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement(StyledLabel, {
     pl: "xxs",
     pb: "xxxs",
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor

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

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

package/esm/parts/LeftNavContent/index.js

@@ -29,11 +29,11 @@ import '../../outOfTheBox/ItemControlledDrilldown/styled.js';
 import '../../outOfTheBox/ItemSeparator/index.js';
 import '../../outOfTheBox/ItemWithDate/index.js';
 import '../../outOfTheBox/ItemWithDate/styled.js';
+import '../../outOfTheBox/ItemTextLabel/index.js';
+import '../../outOfTheBox/ItemTextLabel/styled.js';
 import '../../outOfTheBox/ItemUncontrolledDrilldown/index.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import '../../outOfTheBox/ItemUncontrolledDrilldown/styled.js';
-import '../../outOfTheBox/ItemTextLabel/index.js';
-import '../../outOfTheBox/ItemTextLabel/styled.js';
 import '../../outOfTheBox/ItemHeader/index.js';
 import '../../outOfTheBox/ItemHeader/styled.js';
 import '../../outOfTheBox/ItemLink/index.js';
@@ -53,6 +53,7 @@ var LeftNavInnerContent = function LeftNavInnerContent() {
       BodyHeaderComponent = _React$useContext$lef.BodyHeaderComponent,
       openedItem = _React$useContext$lef.openedItem,
       items = _React$useContext$lef.items,
+      withoutBodyShadow = _React$useContext$lef.withoutBodyShadow,
       selectedItem = _React$useContext.selectedItem;
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledLeftNavHeaderArea, {
@@ -66,7 +67,7 @@ var LeftNavInnerContent = function LeftNavInnerContent() {
   }, BodyHeaderComponent ? /*#__PURE__*/React.createElement(OutOfTheBoxMapItem, {
     item: BodyHeaderComponent
   }) : null), /*#__PURE__*/React.createElement(StyledLeftNavBodyItemsArea, {
-    selected: openedItem !== null,
+    selected: !withoutBodyShadow && openedItem !== null,
     "data-testid": "leftnav-body-items-area",
     tabIndex: -1
   }, /*#__PURE__*/React.createElement(LeftNavContentWithScrollbar, null, items.map(function (item) {

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

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

package/esm/parts/OutOfTheBoxMapItem.js

@@ -17,11 +17,11 @@ import '../outOfTheBox/ItemControlledDrilldown/styled.js';
 import '../outOfTheBox/ItemSeparator/index.js';
 import '../outOfTheBox/ItemWithDate/index.js';
 import '../outOfTheBox/ItemWithDate/styled.js';
+import '../outOfTheBox/ItemTextLabel/index.js';
+import '../outOfTheBox/ItemTextLabel/styled.js';
 import '../outOfTheBox/ItemUncontrolledDrilldown/index.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import '../outOfTheBox/ItemUncontrolledDrilldown/styled.js';
-import '../outOfTheBox/ItemTextLabel/index.js';
-import '../outOfTheBox/ItemTextLabel/styled.js';
 import '../outOfTheBox/ItemHeader/index.js';
 import '../outOfTheBox/ItemHeader/styled.js';
 import '../outOfTheBox/ItemLink/index.js';