@elliemae/ds-left-navigation 1.54.0-next.8 → 1.54.0-rc.1

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

@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
-/* eslint-disable max-lines */
+/* eslint-disable complexity */
 var ItemRenderer = function ItemRenderer(props) {
   var propsWithDefault = exportedRelated_ItemRenderer_usePropsWithDefaults.usePropsWithDefaults(props);
   var item = propsWithDefault.item,
@@ -29,6 +29,7 @@ var ItemRenderer = function ItemRenderer(props) {
       indent = _propsWithDefault$ite2.indent,
       ariaLabel = _propsWithDefault$ite2.ariaLabel,
       ariaRole = _propsWithDefault$ite2.ariaRole,
+      ariaLive = _propsWithDefault$ite2.ariaLive,
       ariaExpanded = _propsWithDefault$ite2.ariaExpanded,
       CollapsedComponent = _propsWithDefault$ite.CollapsedComponent,
       subitems = propsWithDefault.subitems,
@@ -104,7 +105,8 @@ var ItemRenderer = function ItemRenderer(props) {
     "aria-expanded": ariaExpanded,
     role: ariaRole,
     "aria-label": ariaLabel,
-    "aria-hidden": !focuseable
+    "aria-hidden": !focuseable,
+    "aria-live": ariaLive
   }, !expandedForAnimation ? /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
     "data-testid": "leftnav-leftcomponent",
     justifyContent: "center"

package/cjs/exported-related/ItemRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/exported-related/ItemRenderer/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { StyledItemWrapper, StyledItem } from './styled';\n\nimport { ItemRendererT } from '../../index.d';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { usePropsWithDefaults } from './usePropsWithDefaults';\nimport { useKeyboardNavigation } from '../../hooks';\n\nexport const ItemRenderer = (props: ItemRendererT): JSX.Element => {\n  const propsWithDefault = usePropsWithDefaults(props);\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: {\n        selectable,\n        focuseable,\n        indent,\n        ariaLabel,\n        ariaRole,\n        ariaExpanded,\n      },\n      CollapsedComponent,\n    },\n    subitems,\n    minHeight,\n    paddingTop,\n    onClick,\n    shadowStyle,\n    hasBorderBottom,\n    borderBottomMr,\n    children,\n  } = propsWithDefault;\n\n  const ctx = useContext(LeftNavContext);\n  const {\n    leftNavProps: { onItemClick, openedItem },\n    expandedForAnimation,\n    focusedByKey,\n    selectedItem,\n    setSelectedItem,\n    focusedItem,\n    setFocusedItem,\n    visibleItemsRefs,\n  } = ctx;\n\n  const opened = dsId === openedItem;\n\n  const handleOnClick = useCallback(\n    (e) => {\n      if (onClick) onClick(); // used by uncontrolled drilldowns\n      onItemClick(item, e);\n      if (selectable) setSelectedItem(item.dsId);\n    },\n    [onItemClick, item, setSelectedItem, selectable, onClick],\n  );\n\n  const handleFocus = useCallback(() => {\n    if (focuseable) setFocusedItem(dsId);\n  }, [dsId, setFocusedItem, focuseable]);\n\n  const onKeyDown = useKeyboardNavigation({\n    item,\n    onClick: handleOnClick,\n  });\n\n  const cols = useMemo(\n    () => (expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']),\n    [expandedForAnimation],\n  );\n  const isSelected = useMemo(() => selectedItem === dsId, [selectedItem, dsId]);\n  const isFocused = useMemo(() => focusedItem === dsId, [focusedItem, dsId]);\n\n  if (!expandedForAnimation && !CollapsedComponent) {\n    return null;\n  }\n\n  return (\n    <>\n      <StyledItemWrapper\n        shadowStyle={shadowStyle}\n        data-testid=\"leftnav-item-wrapper\"\n      >\n        <StyledItem\n          ref={visibleItemsRefs.current[dsId]}\n          pt={paddingTop}\n          pl={indent === undefined ? 'xxxs' : `${indent}px`}\n          minHeight={minHeight}\n          shadowStyle={shadowStyle}\n          alignItems=\"flex-start\"\n          cols={cols}\n          onClick={!opened ? handleOnClick : () => null}\n          onKeyDown={onKeyDown}\n          selectable={selectable}\n          selected={isSelected}\n          opened={opened}\n          focused={isFocused}\n          focusedByKey={focusedByKey}\n          onFocus={handleFocus}\n          data-testid=\"leftnav-item-container\"\n          tabIndex={focuseable ? 0 : -1}\n          aria-expanded={ariaExpanded}\n          role={ariaRole}\n          aria-label={ariaLabel}\n          aria-hidden={!focuseable}\n        >\n          {!expandedForAnimation ? (\n            <Grid data-testid=\"leftnav-leftcomponent\" justifyContent=\"center\">\n              <CollapsedComponent item={item} ctx={ctx} />\n            </Grid>\n          ) : (\n            children\n          )}\n        </StyledItem>\n        {hasBorderBottom && (\n          <div\n            style={{\n              marginLeft: opened ? '16px' : '0px',\n              marginRight: borderBottomMr,\n              height: '1px',\n              width: `calc(100% - ${borderBottomMr} - ${\n                opened ? '16px' : '0px'\n              })`,\n              backgroundColor: '#E0E3E8',\n            }}\n          />\n        )}\n      </StyledItemWrapper>\n      {subitems}\n    </>\n  );\n};\n"],"names":["ItemRenderer","props","propsWithDefault","usePropsWithDefaults","item","dsId","itemOpts","selectable","focuseable","indent","ariaLabel","ariaRole","ariaExpanded","CollapsedComponent","subitems","minHeight","paddingTop","onClick","shadowStyle","hasBorderBottom","borderBottomMr","children","ctx","useContext","LeftNavContext","leftNavProps","onItemClick","openedItem","expandedForAnimation","focusedByKey","selectedItem","setSelectedItem","focusedItem","setFocusedItem","visibleItemsRefs","opened","handleOnClick","useCallback","e","handleFocus","onKeyDown","useKeyboardNavigation","cols","useMemo","isSelected","isFocused","React","StyledItemWrapper","StyledItem","current","undefined","Grid","marginLeft","marginRight","height","width","backgroundColor"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/exported-related/ItemRenderer/index.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { StyledItemWrapper, StyledItem } from './styled';\n\nimport { ItemRendererT } from '../../index.d';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { usePropsWithDefaults } from './usePropsWithDefaults';\nimport { useKeyboardNavigation } from '../../hooks';\n\nexport const ItemRenderer = (props: ItemRendererT): JSX.Element => {\n  const propsWithDefault = usePropsWithDefaults(props);\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { selectable, focuseable, indent, ariaLabel, ariaRole, ariaLive, ariaExpanded },\n      CollapsedComponent,\n    },\n    subitems,\n    minHeight,\n    paddingTop,\n    onClick,\n    shadowStyle,\n    hasBorderBottom,\n    borderBottomMr,\n    children,\n  } = propsWithDefault;\n\n  const ctx = useContext(LeftNavContext);\n  const {\n    leftNavProps: { onItemClick, openedItem },\n    expandedForAnimation,\n    focusedByKey,\n    selectedItem,\n    setSelectedItem,\n    focusedItem,\n    setFocusedItem,\n    visibleItemsRefs,\n  } = ctx;\n\n  const opened = dsId === openedItem;\n\n  const handleOnClick = useCallback(\n    (e) => {\n      if (onClick) onClick(); // used by uncontrolled drilldowns\n      onItemClick(item, e);\n      if (selectable) setSelectedItem(item.dsId);\n    },\n    [onItemClick, item, setSelectedItem, selectable, onClick],\n  );\n\n  const handleFocus = useCallback(() => {\n    if (focuseable) setFocusedItem(dsId);\n  }, [dsId, setFocusedItem, focuseable]);\n\n  const onKeyDown = useKeyboardNavigation({\n    item,\n    onClick: handleOnClick,\n  });\n\n  const cols = useMemo(() => (expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']), [expandedForAnimation]);\n  const isSelected = useMemo(() => selectedItem === dsId, [selectedItem, dsId]);\n  const isFocused = useMemo(() => focusedItem === dsId, [focusedItem, dsId]);\n\n  if (!expandedForAnimation && !CollapsedComponent) {\n    return null;\n  }\n\n  return (\n    <>\n      <StyledItemWrapper shadowStyle={shadowStyle} data-testid=\"leftnav-item-wrapper\">\n        <StyledItem\n          ref={visibleItemsRefs.current[dsId]}\n          pt={paddingTop}\n          pl={indent === undefined ? 'xxxs' : `${indent}px`}\n          minHeight={minHeight}\n          shadowStyle={shadowStyle}\n          alignItems=\"flex-start\"\n          cols={cols}\n          onClick={!opened ? handleOnClick : () => null}\n          onKeyDown={onKeyDown}\n          selectable={selectable}\n          selected={isSelected}\n          opened={opened}\n          focused={isFocused}\n          focusedByKey={focusedByKey}\n          onFocus={handleFocus}\n          data-testid=\"leftnav-item-container\"\n          tabIndex={focuseable ? 0 : -1}\n          aria-expanded={ariaExpanded}\n          role={ariaRole}\n          aria-label={ariaLabel}\n          aria-hidden={!focuseable}\n          aria-live={ariaLive}\n        >\n          {!expandedForAnimation ? (\n            <Grid data-testid=\"leftnav-leftcomponent\" justifyContent=\"center\">\n              <CollapsedComponent item={item} ctx={ctx} />\n            </Grid>\n          ) : (\n            children\n          )}\n        </StyledItem>\n        {hasBorderBottom && (\n          <div\n            style={{\n              marginLeft: opened ? '16px' : '0px',\n              marginRight: borderBottomMr,\n              height: '1px',\n              width: `calc(100% - ${borderBottomMr} - ${opened ? '16px' : '0px'})`,\n              backgroundColor: '#E0E3E8',\n            }}\n          />\n        )}\n      </StyledItemWrapper>\n      {subitems}\n    </>\n  );\n};\n"],"names":["ItemRenderer","props","propsWithDefault","usePropsWithDefaults","item","dsId","itemOpts","selectable","focuseable","indent","ariaLabel","ariaRole","ariaLive","ariaExpanded","CollapsedComponent","subitems","minHeight","paddingTop","onClick","shadowStyle","hasBorderBottom","borderBottomMr","children","ctx","useContext","LeftNavContext","leftNavProps","onItemClick","openedItem","expandedForAnimation","focusedByKey","selectedItem","setSelectedItem","focusedItem","setFocusedItem","visibleItemsRefs","opened","handleOnClick","useCallback","e","handleFocus","onKeyDown","useKeyboardNavigation","cols","useMemo","isSelected","isFocused","React","StyledItemWrapper","StyledItem","current","undefined","Grid","marginLeft","marginRight","height","width","backgroundColor"],"mappings":"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"}

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

@@ -21,6 +21,7 @@ var itemDefaultProps = {
   closable: false,
   ariaLabel: '',
   ariaRole: 'menuitem',
+  ariaLive: 'off',
   ariaExpanded: undefined
 }; // Make use Item props with defaults
 

package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePropsWithDefaults.js","sources":["../../../../src/exported-related/ItemRenderer/usePropsWithDefaults.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { itemOptsT, ItemRendererT } from '../../index.d';\n\nconst itemDefaultProps: itemOptsT = {\n  label: '',\n  labelOverflow: 'truncate',\n  selectable: true,\n  focuseable: true,\n  openable: false,\n  closable: false,\n  ariaLabel: '',\n  ariaRole: 'menuitem',\n  ariaExpanded: undefined,\n};\n\n// Make use Item props with defaults\n\nexport const usePropsWithDefaults = (props: ItemRendererT): ItemRendererT => {\n  const propsWithDefault = useMemo(() => {\n    const itemWithDefaults = {\n      CollapsedComponent: () => null,\n      ...props.item,\n      itemOpts: { ...itemDefaultProps, ...props.item.itemOpts },\n    };\n    return {\n      minHeight: '48px',\n      paddingTop: '12px',\n      subitems: [],\n      shadowStyle: () => 'box-shadow: inherit',\n      hasBorderBottom: false,\n      borderBottomMr: '0px',\n      ...props,\n      item: itemWithDefaults,\n    };\n  }, [props]);\n\n  return propsWithDefault;\n};\n"],"names":["itemDefaultProps","label","labelOverflow","selectable","focuseable","openable","closable","ariaLabel","ariaRole","ariaExpanded","undefined","usePropsWithDefaults","props","propsWithDefault","useMemo","itemWithDefaults","CollapsedComponent","item","itemOpts","minHeight","paddingTop","subitems","shadowStyle","hasBorderBottom","borderBottomMr"],"mappings":";;;;;;;;;;;;;;AAGA,IAAMA,gBAA2B,GAAG;AAClCC,EAAAA,KAAK,EAAE,EAD2B;AAElCC,EAAAA,aAAa,EAAE,UAFmB;AAGlCC,EAAAA,UAAU,EAAE,IAHsB;AAIlCC,EAAAA,UAAU,EAAE,IAJsB;AAKlCC,EAAAA,QAAQ,EAAE,KALwB;AAMlCC,EAAAA,QAAQ,EAAE,KANwB;AAOlCC,EAAAA,SAAS,EAAE,EAPuB;AAQlCC,EAAAA,QAAQ,EAAE,UARwB;AASlCC,EAAAA,YAAY,EAAEC;AAToB,CAApC;;IAcaC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAyC;AAC3E,MAAMC,gBAAgB,GAAGC,aAAO,CAAC,YAAM;AACrC,QAAMC,gBAAgB;AACpBC,MAAAA,kBAAkB,EAAE;AAAA,eAAM,IAAN;AAAA;AADA,OAEjBJ,KAAK,CAACK,IAFW;AAGpBC,MAAAA,QAAQ,kCAAOlB,gBAAP,GAA4BY,KAAK,CAACK,IAAN,CAAWC,QAAvC;AAHY,MAAtB;;AAKA;AACEC,MAAAA,SAAS,EAAE,MADb;AAEEC,MAAAA,UAAU,EAAE,MAFd;AAGEC,MAAAA,QAAQ,EAAE,EAHZ;AAIEC,MAAAA,WAAW,EAAE;AAAA,eAAM,qBAAN;AAAA,OAJf;AAKEC,MAAAA,eAAe,EAAE,KALnB;AAMEC,MAAAA,cAAc,EAAE;AANlB,OAOKZ,KAPL;AAQEK,MAAAA,IAAI,EAAEF;AARR;AAUD,GAhB+B,EAgB7B,CAACH,KAAD,CAhB6B,CAAhC;AAkBA,SAAOC,gBAAP;AACD;;;;"}
+{"version":3,"file":"usePropsWithDefaults.js","sources":["../../../../src/exported-related/ItemRenderer/usePropsWithDefaults.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { itemOptsT, ItemRendererT } from '../../index.d';\n\nconst itemDefaultProps: itemOptsT = {\n  label: '',\n  labelOverflow: 'truncate',\n  selectable: true,\n  focuseable: true,\n  openable: false,\n  closable: false,\n  ariaLabel: '',\n  ariaRole: 'menuitem',\n  ariaLive: 'off',\n  ariaExpanded: undefined,\n};\n\n// Make use Item props with defaults\n\nexport const usePropsWithDefaults = (props: ItemRendererT): ItemRendererT => {\n  const propsWithDefault = useMemo(() => {\n    const itemWithDefaults = {\n      CollapsedComponent: () => null,\n      ...props.item,\n      itemOpts: { ...itemDefaultProps, ...props.item.itemOpts },\n    };\n    return {\n      minHeight: '48px',\n      paddingTop: '12px',\n      subitems: [],\n      shadowStyle: () => 'box-shadow: inherit',\n      hasBorderBottom: false,\n      borderBottomMr: '0px',\n      ...props,\n      item: itemWithDefaults,\n    };\n  }, [props]);\n\n  return propsWithDefault;\n};\n"],"names":["itemDefaultProps","label","labelOverflow","selectable","focuseable","openable","closable","ariaLabel","ariaRole","ariaLive","ariaExpanded","undefined","usePropsWithDefaults","props","propsWithDefault","useMemo","itemWithDefaults","CollapsedComponent","item","itemOpts","minHeight","paddingTop","subitems","shadowStyle","hasBorderBottom","borderBottomMr"],"mappings":";;;;;;;;;;;;;;AAGA,IAAMA,gBAA2B,GAAG;AAClCC,EAAAA,KAAK,EAAE,EAD2B;AAElCC,EAAAA,aAAa,EAAE,UAFmB;AAGlCC,EAAAA,UAAU,EAAE,IAHsB;AAIlCC,EAAAA,UAAU,EAAE,IAJsB;AAKlCC,EAAAA,QAAQ,EAAE,KALwB;AAMlCC,EAAAA,QAAQ,EAAE,KANwB;AAOlCC,EAAAA,SAAS,EAAE,EAPuB;AAQlCC,EAAAA,QAAQ,EAAE,UARwB;AASlCC,EAAAA,QAAQ,EAAE,KATwB;AAUlCC,EAAAA,YAAY,EAAEC;AAVoB,CAApC;;IAeaC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAyC;AAC3E,MAAMC,gBAAgB,GAAGC,aAAO,CAAC,YAAM;AACrC,QAAMC,gBAAgB;AACpBC,MAAAA,kBAAkB,EAAE;AAAA,eAAM,IAAN;AAAA;AADA,OAEjBJ,KAAK,CAACK,IAFW;AAGpBC,MAAAA,QAAQ,kCAAOnB,gBAAP,GAA4Ba,KAAK,CAACK,IAAN,CAAWC,QAAvC;AAHY,MAAtB;;AAKA;AACEC,MAAAA,SAAS,EAAE,MADb;AAEEC,MAAAA,UAAU,EAAE,MAFd;AAGEC,MAAAA,QAAQ,EAAE,EAHZ;AAIEC,MAAAA,WAAW,EAAE;AAAA,eAAM,qBAAN;AAAA,OAJf;AAKEC,MAAAA,eAAe,EAAE,KALnB;AAMEC,MAAAA,cAAc,EAAE;AANlB,OAOKZ,KAPL;AAQEK,MAAAA,IAAI,EAAEF;AARR;AAUD,GAhB+B,EAgB7B,CAACH,KAAD,CAhB6B,CAAhC;AAkBA,SAAOC,gBAAP;AACD;;;;"}

package/cjs/outOfTheBox/ItemControlledDrilldown/index.js

@@ -110,7 +110,7 @@ var ItemControlledDrilldown = function ItemControlledDrilldown(props) {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
         ariaExpanded: isOpened,
-        ariaRole: 'menu'
+        ariaRole: 'menuitem'
       }, item.itemOpts), {}, {
         openable: !isOpened,
         closable: isOpened

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

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

package/cjs/outOfTheBox/ItemSection/index.js

@@ -43,7 +43,8 @@ var ItemSection = function ItemSection(props) {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({}, item.itemOpts), {}, {
         selectable: false,
-        focuseable: false
+        focuseable: false,
+        ariaLive: 'polite'
       }),
       CollapsedComponent: null
     }),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSection/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledRightLabel, StyledVerticalSeparator } from './styled';\n\nexport const ItemSection = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: { label, LeftComponent, RightComponent, labelRightSection },\n    },\n    ctx,\n    ctx: { setFocusedItem },\n  } = props;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: { ...item.itemOpts, selectable: false, focuseable: false },\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      <Grid cols={['min-content', 'auto', 'min-content', 'auto']} pl=\"xxs\" alignItems=\"center\">\n        {LeftComponent ? <LeftComponent ctx={ctx} item={item} /> : <div />}\n        <StyledLabel>{label}</StyledLabel>\n        <StyledVerticalSeparator />\n        <StyledRightLabel>{labelRightSection}</StyledRightLabel>\n      </Grid>\n      <Grid\n        ml=\"auto\"\n        onFocus={(e) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        pr=\"xxs2\"\n        alignItems=\"center\"\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemSection","props","item","itemOpts","label","LeftComponent","RightComponent","labelRightSection","ctx","setFocusedItem","React","ItemRenderer","selectable","focuseable","CollapsedComponent","Grid","StyledLabel","StyledVerticalSeparator","StyledRightLabel","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAwC;AACjE,MACEC,IADF,GAOID,KAPJ,CACEC,IADF;AAAA,6BAOID,KAPJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAGgBC,KAHhB,wBAGgBA,KAHhB;AAAA,MAGuBC,aAHvB,wBAGuBA,aAHvB;AAAA,MAGsCC,cAHtC,wBAGsCA,cAHtC;AAAA,MAGsDC,iBAHtD,wBAGsDA,iBAHtD;AAAA,MAKEC,GALF,GAOIP,KAPJ,CAKEO,GALF;AAAA,MAMSC,cANT,GAOIR,KAPJ,CAMEO,GANF,CAMSC,cANT;AASA,sBACEC,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCT,IADD;AAEFC,MAAAA,QAAQ,kCAAOD,IAAI,CAACC,QAAZ;AAAsBS,QAAAA,UAAU,EAAE,KAAlC;AAAyCC,QAAAA,UAAU,EAAE;AAArD,QAFN;AAGFC,MAAAA,kBAAkB,EAAE;AAHlB,MADN;AAME,IAAA,SAAS,EAAC,MANZ;AAOE,IAAA,UAAU,EAAC;AAPb,kBASEJ,wCAACK,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;AAA4D,IAAA,EAAE,EAAC,KAA/D;AAAqE,IAAA,UAAU,EAAC;AAAhF,KACGV,aAAa,gBAAGK,wCAAC,aAAD;AAAe,IAAA,GAAG,EAAEF,GAApB;AAAyB,IAAA,IAAI,EAAEN;AAA/B,IAAH,gBAA6CQ,oDAD7D,eAEEA,wCAACM,0CAAD,QAAcZ,KAAd,CAFF,eAGEM,wCAACO,sDAAD,OAHF,eAIEP,wCAACQ,+CAAD,QAAmBX,iBAAnB,CAJF,CATF,eAeEG,wCAACK,wBAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,IAAA,OAAO,EAAE,iBAACI,CAAD,EAAO;AACdV,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAU,MAAAA,CAAC,CAACC,eAAF;AACD,KALH;AAME,IAAA,SAAS,EAAE,mBAACD,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KANb;AAOE,IAAA,EAAE,EAAC,MAPL;AAQE,IAAA,UAAU,EAAC,QARb;AASE,mBAAY;AATd,KAWGd,cAAc,iBAAII,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEF,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IAXrB,CAfF,CADF;AA+BD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSection/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledRightLabel, StyledVerticalSeparator } from './styled';\n\nexport const ItemSection = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: { label, LeftComponent, RightComponent, labelRightSection },\n    },\n    ctx,\n    ctx: { setFocusedItem },\n  } = props;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: { ...item.itemOpts, selectable: false, focuseable: false, ariaLive: 'polite' },\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      <Grid cols={['min-content', 'auto', 'min-content', 'auto']} pl=\"xxs\" alignItems=\"center\">\n        {LeftComponent ? <LeftComponent ctx={ctx} item={item} /> : <div />}\n        <StyledLabel>{label}</StyledLabel>\n        <StyledVerticalSeparator />\n        <StyledRightLabel>{labelRightSection}</StyledRightLabel>\n      </Grid>\n      <Grid\n        ml=\"auto\"\n        onFocus={(e) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        pr=\"xxs2\"\n        alignItems=\"center\"\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["ItemSection","props","item","itemOpts","label","LeftComponent","RightComponent","labelRightSection","ctx","setFocusedItem","React","ItemRenderer","selectable","focuseable","ariaLive","CollapsedComponent","Grid","StyledLabel","StyledVerticalSeparator","StyledRightLabel","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAwC;AACjE,MACEC,IADF,GAOID,KAPJ,CACEC,IADF;AAAA,6BAOID,KAPJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAGgBC,KAHhB,wBAGgBA,KAHhB;AAAA,MAGuBC,aAHvB,wBAGuBA,aAHvB;AAAA,MAGsCC,cAHtC,wBAGsCA,cAHtC;AAAA,MAGsDC,iBAHtD,wBAGsDA,iBAHtD;AAAA,MAKEC,GALF,GAOIP,KAPJ,CAKEO,GALF;AAAA,MAMSC,cANT,GAOIR,KAPJ,CAMEO,GANF,CAMSC,cANT;AASA,sBACEC,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCT,IADD;AAEFC,MAAAA,QAAQ,kCAAOD,IAAI,CAACC,QAAZ;AAAsBS,QAAAA,UAAU,EAAE,KAAlC;AAAyCC,QAAAA,UAAU,EAAE,KAArD;AAA4DC,QAAAA,QAAQ,EAAE;AAAtE,QAFN;AAGFC,MAAAA,kBAAkB,EAAE;AAHlB,MADN;AAME,IAAA,SAAS,EAAC,MANZ;AAOE,IAAA,UAAU,EAAC;AAPb,kBASEL,wCAACM,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;AAA4D,IAAA,EAAE,EAAC,KAA/D;AAAqE,IAAA,UAAU,EAAC;AAAhF,KACGX,aAAa,gBAAGK,wCAAC,aAAD;AAAe,IAAA,GAAG,EAAEF,GAApB;AAAyB,IAAA,IAAI,EAAEN;AAA/B,IAAH,gBAA6CQ,oDAD7D,eAEEA,wCAACO,0CAAD,QAAcb,KAAd,CAFF,eAGEM,wCAACQ,sDAAD,OAHF,eAIER,wCAACS,+CAAD,QAAmBZ,iBAAnB,CAJF,CATF,eAeEG,wCAACM,wBAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,IAAA,OAAO,EAAE,iBAACI,CAAD,EAAO;AACdX,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAW,MAAAA,CAAC,CAACC,eAAF;AACD,KALH;AAME,IAAA,SAAS,EAAE,mBAACD,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KANb;AAOE,IAAA,EAAE,EAAC,MAPL;AAQE,IAAA,UAAU,EAAC,QARb;AASE,mBAAY;AATd,KAWGf,cAAc,iBAAII,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEF,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IAXrB,CAfF,CADF;AA+BD;;;;"}

package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js

@@ -131,7 +131,7 @@ var ItemUncontrolledDrilldown = function ItemUncontrolledDrilldown(props) {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
         ariaExpanded: opened,
-        ariaRole: 'menu'
+        ariaRole: 'menuitem'
       }, item.itemOpts), {}, {
         openable: !opened,
         closable: opened

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n  StyledLeftNavExpandAnimationWrapper,\n  StyledLeftNavAreasContainer,\n  StyledLeftNavHeaderArea,\n  StyledLeftNavBodyAreasContainer,\n  StyledLeftNavBodyHeaderArea,\n  StyledLeftNavBodyItemsArea,\n  StyledLeftNavFooterArea,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n  'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n  'To expand or select an item, use the Enter/Return or Space keys. ' +\n  'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n  'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n  const {\n    leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items },\n    selectedItem,\n  } = React.useContext(LeftNavContext);\n  return (\n    <>\n      <StyledLeftNavHeaderArea\n        data-testid=\"leftnav-header-area\"\n        selected={\n          HeaderComponent &&\n          [selectedItem, openedItem].includes(HeaderComponent.dsId)\n        }\n      >\n        {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n      </StyledLeftNavHeaderArea>\n      <StyledLeftNavBodyAreasContainer>\n        <StyledLeftNavBodyHeaderArea\n          data-testid=\"leftnav-body-header-area\"\n          selected={\n            BodyHeaderComponent &&\n            [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)\n          }\n        >\n          {BodyHeaderComponent ? (\n            <OutOfTheBoxMapItem item={BodyHeaderComponent} />\n          ) : null}\n        </StyledLeftNavBodyHeaderArea>\n        <StyledLeftNavBodyItemsArea\n          selected={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: {\n      expanded,\n      expandedWidth,\n      footerLabel,\n      onFooterExpand,\n      onFooterClose,\n      loading,\n    },\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\n        expandedWidth={expandedWidth}\n        expanded={expandedForAnimation}\n      >\n        {loading && <LeftNavLoading expanded={expandedForAnimation} />}\n        {!loading && <LeftNavInnerContent />}\n        <StyledLeftNavFooterArea>\n          <LeftNavFooterItem\n            footerLabel={footerLabel}\n            onFooterExpand={onFooterExpand}\n            onFooterClose={onFooterClose}\n          />\n        </StyledLeftNavFooterArea>\n      </StyledLeftNavAreasContainer>\n    </StyledLeftNavExpandAnimationWrapper>\n  );\n};\n\nexport default LeftNavContent;\n"],"names":["leftNavScreenReaderInstructions","LeftNavInnerContent","React","useContext","LeftNavContext","leftNavProps","HeaderComponent","BodyHeaderComponent","openedItem","items","selectedItem","StyledLeftNavHeaderArea","includes","dsId","OutOfTheBoxMapItem","StyledLeftNavBodyAreasContainer","StyledLeftNavBodyHeaderArea","StyledLeftNavBodyItemsArea","LeftNavContentWithScrollbar","map","item","LeftNavContent","expandedForAnimation","expanded","expandedWidth","footerLabel","onFooterExpand","onFooterClose","loading","StyledLeftNavExpandAnimationWrapper","StyledLeftNavAreasContainer","LeftNavLoading","StyledLeftNavFooterArea","LeftNavFooterItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,+BAA+B,GACnC,mFACA,mEADA,GAEA,yEAFA,GAGA,8EAJF;;AAMA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,0BAGIC,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAHJ;AAAA,gDACEC,YADF;AAAA,MACkBC,eADlB,yBACkBA,eADlB;AAAA,MACmCC,mBADnC,yBACmCA,mBADnC;AAAA,MACwDC,UADxD,yBACwDA,UADxD;AAAA,MACoEC,KADpE,yBACoEA,KADpE;AAAA,MAEEC,YAFF,qBAEEA,YAFF;;AAIA,sBACER,+FACEA,wCAACS,mDAAD;AACE,mBAAY,qBADd;AAEE,IAAA,QAAQ,EACNL,eAAe,IACf,CAACI,YAAD,EAAeF,UAAf,EAA2BI,QAA3B,CAAoCN,eAAe,CAACO,IAApD;AAJJ,KAOGP,eAAe,gBAAGJ,wCAACY,2CAAD;AAAoB,IAAA,IAAI,EAAER;AAA1B,IAAH,GAAmD,IAPrE,CADF,eAUEJ,wCAACa,2DAAD,qBACEb,wCAACc,uDAAD;AACE,mBAAY,0BADd;AAEE,IAAA,QAAQ,EACNT,mBAAmB,IACnB,CAACG,YAAD,EAAeF,UAAf,EAA2BI,QAA3B,CAAoCL,mBAAmB,CAACM,IAAxD;AAJJ,KAOGN,mBAAmB,gBAClBL,wCAACY,2CAAD;AAAoB,IAAA,IAAI,EAAEP;AAA1B,IADkB,GAEhB,IATN,CADF,eAYEL,wCAACe,sDAAD;AACE,IAAA,QAAQ,EAAET,UAAU,KAAK,IAD3B;AAEE,mBAAY,yBAFd;AAGE,IAAA,QAAQ,EAAE,CAAC;AAHb,kBAKEN,wCAACgB,mEAAD,QACGT,KAAK,CAACU,GAAN,CAAU,UAACC,IAAD;AAAA,wBACTlB,wCAACY,2CAAD;AAAoB,MAAA,IAAI,EAAEM,IAA1B;AAAgC,MAAA,GAAG,EAAEA,IAAI,CAACP;AAA1C,MADS;AAAA,GAAV,CADH,CALF,CAZF,CAVF,CADF;AAqCD,CA1CD;;IA4CMQ,cAAmC,GAAG,SAAtCA,cAAsC,GAAM;AAChD,2BAUInB,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAVJ;AAAA,MACEkB,oBADF,sBACEA,oBADF;AAAA,iDAEEjB,YAFF;AAAA,MAGIkB,QAHJ,yBAGIA,QAHJ;AAAA,MAIIC,aAJJ,yBAIIA,aAJJ;AAAA,MAKIC,WALJ,yBAKIA,WALJ;AAAA,MAMIC,cANJ,yBAMIA,cANJ;AAAA,MAOIC,aAPJ,yBAOIA,aAPJ;AAAA,MAQIC,OARJ,yBAQIA,OARJ;;AAYA,sBACE1B,wCAAC2B,+DAAD;AACE,IAAA,aAAa,EAAEL,aADjB;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,mBAAY,mBAHd;AAIE,kBAAYvB;AAJd,kBAMEE,wCAAC4B,uDAAD;AACE,IAAA,aAAa,EAAEN,aADjB;AAEE,IAAA,QAAQ,EAAEF;AAFZ,KAIGM,OAAO,iBAAI1B,wCAAC6B,yCAAD;AAAgB,IAAA,QAAQ,EAAET;AAA1B,IAJd,EAKG,CAACM,OAAD,iBAAY1B,wCAAC,mBAAD,OALf,eAMEA,wCAAC8B,mDAAD,qBACE9B,wCAAC+B,+CAAD;AACE,IAAA,WAAW,EAAER,WADf;AAEE,IAAA,cAAc,EAAEC,cAFlB;AAGE,IAAA,aAAa,EAAEC;AAHjB,IADF,CANF,CANF,CADF;AAuBD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n  StyledLeftNavExpandAnimationWrapper,\n  StyledLeftNavAreasContainer,\n  StyledLeftNavHeaderArea,\n  StyledLeftNavBodyAreasContainer,\n  StyledLeftNavBodyHeaderArea,\n  StyledLeftNavBodyItemsArea,\n  StyledLeftNavFooterArea,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n  'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n  'To expand or select an item, use the Enter/Return or Space keys. ' +\n  'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n  'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n  const {\n    leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items },\n    selectedItem,\n  } = React.useContext(LeftNavContext);\n  return (\n    <>\n      <StyledLeftNavHeaderArea\n        data-testid=\"leftnav-header-area\"\n        selected={HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)}\n      >\n        {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n      </StyledLeftNavHeaderArea>\n      <StyledLeftNavBodyAreasContainer>\n        <StyledLeftNavBodyHeaderArea\n          data-testid=\"leftnav-body-header-area\"\n          selected={BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)}\n        >\n          {BodyHeaderComponent ? <OutOfTheBoxMapItem item={BodyHeaderComponent} /> : null}\n        </StyledLeftNavBodyHeaderArea>\n        <StyledLeftNavBodyItemsArea selected={openedItem !== null} data-testid=\"leftnav-body-items-area\" tabIndex={-1}>\n          <LeftNavContentWithScrollbar>\n            {items.map((item) => (\n              <OutOfTheBoxMapItem item={item} key={item.dsId} />\n            ))}\n          </LeftNavContentWithScrollbar>\n        </StyledLeftNavBodyItemsArea>\n      </StyledLeftNavBodyAreasContainer>\n    </>\n  );\n};\n\nconst LeftNavContent: React.ComponentType = () => {\n  const {\n    expandedForAnimation,\n    leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading },\n  } = React.useContext(LeftNavContext);\n\n  return (\n    <StyledLeftNavExpandAnimationWrapper\n      expandedWidth={expandedWidth}\n      expanded={expanded}\n      data-testid=\"leftnav-component\"\n      aria-label={leftNavScreenReaderInstructions}\n    >\n      <StyledLeftNavAreasContainer expandedWidth={expandedWidth} expanded={expandedForAnimation}>\n        {loading && <LeftNavLoading expanded={expandedForAnimation} />}\n        {!loading && <LeftNavInnerContent />}\n        <StyledLeftNavFooterArea>\n          <LeftNavFooterItem footerLabel={footerLabel} onFooterExpand={onFooterExpand} onFooterClose={onFooterClose} />\n        </StyledLeftNavFooterArea>\n      </StyledLeftNavAreasContainer>\n    </StyledLeftNavExpandAnimationWrapper>\n  );\n};\n\nexport default LeftNavContent;\n"],"names":["leftNavScreenReaderInstructions","LeftNavInnerContent","React","useContext","LeftNavContext","leftNavProps","HeaderComponent","BodyHeaderComponent","openedItem","items","selectedItem","StyledLeftNavHeaderArea","includes","dsId","OutOfTheBoxMapItem","StyledLeftNavBodyAreasContainer","StyledLeftNavBodyHeaderArea","StyledLeftNavBodyItemsArea","LeftNavContentWithScrollbar","map","item","LeftNavContent","expandedForAnimation","expanded","expandedWidth","footerLabel","onFooterExpand","onFooterClose","loading","StyledLeftNavExpandAnimationWrapper","StyledLeftNavAreasContainer","LeftNavLoading","StyledLeftNavFooterArea","LeftNavFooterItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,+BAA+B,GACnC,mFACA,mEADA,GAEA,yEAFA,GAGA,8EAJF;;AAMA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,0BAGIC,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAHJ;AAAA,gDACEC,YADF;AAAA,MACkBC,eADlB,yBACkBA,eADlB;AAAA,MACmCC,mBADnC,yBACmCA,mBADnC;AAAA,MACwDC,UADxD,yBACwDA,UADxD;AAAA,MACoEC,KADpE,yBACoEA,KADpE;AAAA,MAEEC,YAFF,qBAEEA,YAFF;;AAIA,sBACER,+FACEA,wCAACS,mDAAD;AACE,mBAAY,qBADd;AAEE,IAAA,QAAQ,EAAEL,eAAe,IAAI,CAACI,YAAD,EAAeF,UAAf,EAA2BI,QAA3B,CAAoCN,eAAe,CAACO,IAApD;AAF/B,KAIGP,eAAe,gBAAGJ,wCAACY,2CAAD;AAAoB,IAAA,IAAI,EAAER;AAA1B,IAAH,GAAmD,IAJrE,CADF,eAOEJ,wCAACa,2DAAD,qBACEb,wCAACc,uDAAD;AACE,mBAAY,0BADd;AAEE,IAAA,QAAQ,EAAET,mBAAmB,IAAI,CAACG,YAAD,EAAeF,UAAf,EAA2BI,QAA3B,CAAoCL,mBAAmB,CAACM,IAAxD;AAFnC,KAIGN,mBAAmB,gBAAGL,wCAACY,2CAAD;AAAoB,IAAA,IAAI,EAAEP;AAA1B,IAAH,GAAuD,IAJ7E,CADF,eAOEL,wCAACe,sDAAD;AAA4B,IAAA,QAAQ,EAAET,UAAU,KAAK,IAArD;AAA2D,mBAAY,yBAAvE;AAAiG,IAAA,QAAQ,EAAE,CAAC;AAA5G,kBACEN,wCAACgB,mEAAD,QACGT,KAAK,CAACU,GAAN,CAAU,UAACC,IAAD;AAAA,wBACTlB,wCAACY,2CAAD;AAAoB,MAAA,IAAI,EAAEM,IAA1B;AAAgC,MAAA,GAAG,EAAEA,IAAI,CAACP;AAA1C,MADS;AAAA,GAAV,CADH,CADF,CAPF,CAPF,CADF;AAyBD,CA9BD;;IAgCMQ,cAAmC,GAAG,SAAtCA,cAAsC,GAAM;AAChD,2BAGInB,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAHJ;AAAA,MACEkB,oBADF,sBACEA,oBADF;AAAA,iDAEEjB,YAFF;AAAA,MAEkBkB,QAFlB,yBAEkBA,QAFlB;AAAA,MAE4BC,aAF5B,yBAE4BA,aAF5B;AAAA,MAE2CC,WAF3C,yBAE2CA,WAF3C;AAAA,MAEwDC,cAFxD,yBAEwDA,cAFxD;AAAA,MAEwEC,aAFxE,yBAEwEA,aAFxE;AAAA,MAEuFC,OAFvF,yBAEuFA,OAFvF;;AAKA,sBACE1B,wCAAC2B,+DAAD;AACE,IAAA,aAAa,EAAEL,aADjB;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,mBAAY,mBAHd;AAIE,kBAAYvB;AAJd,kBAMEE,wCAAC4B,uDAAD;AAA6B,IAAA,aAAa,EAAEN,aAA5C;AAA2D,IAAA,QAAQ,EAAEF;AAArE,KACGM,OAAO,iBAAI1B,wCAAC6B,yCAAD;AAAgB,IAAA,QAAQ,EAAET;AAA1B,IADd,EAEG,CAACM,OAAD,iBAAY1B,wCAAC,mBAAD,OAFf,eAGEA,wCAAC8B,mDAAD,qBACE9B,wCAAC+B,+CAAD;AAAmB,IAAA,WAAW,EAAER,WAAhC;AAA6C,IAAA,cAAc,EAAEC,cAA7D;AAA6E,IAAA,aAAa,EAAEC;AAA5F,IADF,CAHF,CANF,CADF;AAgBD;;;;"}

package/cjs/parts/LeftNavContentWithScrollbar/index.js

@@ -22,15 +22,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var StyledHandle = /*#__PURE__*/styled__default['default'].div.withConfig({
   componentId: "sc-yn7jj3-0"
 })(["width:6px;border:1px solid rgba(0,0,0,0);background-color:rgba(105,116,137,0.5) !important;border-radius:7px;:hover{background-color:rgba(105,116,137,0.7) !important;}:active{background-color:rgba(105,116,137,0.7) !important;}"]);
+var options = {
+  className: 'os-theme-dark',
+  scrollbars: {
+    autoHide: 'leave',
+    autoHideDelay: 0
+  }
+};
 var LeftNavContentWithScrollbar = function LeftNavContentWithScrollbar(props) {
   var children = props.children;
-  var options = {
-    className: 'os-theme-dark',
-    scrollbars: {
-      autoHide: 'leave',
-      autoHideDelay: 0
-    }
-  };
   var inheritBoxShadow = {
     boxShadow: 'inherit'
   };
@@ -62,7 +62,8 @@ var LeftNavContentWithScrollbar = function LeftNavContentWithScrollbar(props) {
     style: inheritBoxShadow
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "os-content",
-    style: inheritBoxShadow
+    style: inheritBoxShadow,
+    "aria-hidden": true
   }, children))), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "os-scrollbar os-scrollbar-horizontal "
   }, /*#__PURE__*/React__default['default'].createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContentWithScrollbar/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (\n  props,\n) => {\n  const { children } = props;\n  const options: Options = {\n    className: 'os-theme-dark',\n    scrollbars: {\n      autoHide: 'leave',\n      autoHideDelay: 0,\n    },\n  };\n  const inheritBoxShadow = { boxShadow: 'inherit' };\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const nextOsInstance: OverlayScrollbars = OverlayScrollbars(\n      osTargetRef.current,\n      options,\n    );\n    setOsInstance(nextOsInstance);\n  }, [osInstance]);\n\n  return (\n    <div\n      className=\"os-host\"\n      style={{ height: '100%', ...inheritBoxShadow }}\n      tabIndex={-1}\n      ref={osTargetRef}\n    >\n      <div className=\"os-resize-observer-host\" />\n      <div className=\"os-padding\" style={inheritBoxShadow}>\n        <div className=\"os-viewport\" style={inheritBoxShadow}>\n          <div className=\"os-content\" style={inheritBoxShadow}>\n            {children}\n          </div>\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-horizontal \">\n        <div className=\"os-scrollbar-track\">\n          <div className=\"os-scrollbar-handle\" />\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-vertical\">\n        <div className=\"os-scrollbar-track\">\n          <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n        </div>\n      </div>\n      <div className=\"os-scrollbar-corner\" />\n    </div>\n  );\n};\n"],"names":["StyledHandle","styled","div","LeftNavContentWithScrollbar","props","children","options","className","scrollbars","autoHide","autoHideDelay","inheritBoxShadow","boxShadow","useState","osInstance","setOsInstance","osTargetRef","useRef","useEffect","nextOsInstance","OverlayScrollbars","current","React","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,YAAY,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,0OAAlB;IAeaC,2BAAiF,GAAG,SAApFA,2BAAoF,CAC/FC,KAD+F,EAE5F;AACH,MAAQC,QAAR,GAAqBD,KAArB,CAAQC,QAAR;AACA,MAAMC,OAAgB,GAAG;AACvBC,IAAAA,SAAS,EAAE,eADY;AAEvBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE,OADA;AAEVC,MAAAA,aAAa,EAAE;AAFL;AAFW,GAAzB;AAOA,MAAMC,gBAAgB,GAAG;AAAEC,IAAAA,SAAS,EAAE;AAAb,GAAzB;;AACA,kBAAoCC,cAAQ,EAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,WAAW,GAAGC,YAAM,CAAiB,IAAjB,CAA1B;AAEAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAMC,cAAiC,GAAGC,qCAAiB,CACzDJ,WAAW,CAACK,OAD6C,EAEzDf,OAFyD,CAA3D;AAIAS,IAAAA,aAAa,CAACI,cAAD,CAAb;AACD,GANQ,EAMN,CAACL,UAAD,CANM,CAAT;AAQA,sBACEQ;AACE,IAAA,SAAS,EAAC,SADZ;AAEE,IAAA,KAAK;AAAIC,MAAAA,MAAM,EAAE;AAAZ,OAAuBZ,gBAAvB,CAFP;AAGE,IAAA,QAAQ,EAAE,CAAC,CAHb;AAIE,IAAA,GAAG,EAAEK;AAJP,kBAMEM;AAAK,IAAA,SAAS,EAAC;AAAf,IANF,eAOEA;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEX;AAAnC,kBACEW;AAAK,IAAA,SAAS,EAAC,aAAf;AAA6B,IAAA,KAAK,EAAEX;AAApC,kBACEW;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEX;AAAnC,KACGN,QADH,CADF,CADF,CAPF,eAcEiB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,CADF,CAdF,eAmBEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,IADF,CADF,CAnBF,eAwBEA;AAAK,IAAA,SAAS,EAAC;AAAf,IAxBF,CADF;AA4BD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContentWithScrollbar/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nconst options: Options = {\n  className: 'os-theme-dark',\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (props) => {\n  const { children } = props;\n\n  const inheritBoxShadow = { boxShadow: 'inherit' };\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n    setOsInstance(nextOsInstance);\n  }, [osInstance]);\n\n  return (\n    <div className=\"os-host\" style={{ height: '100%', ...inheritBoxShadow }} tabIndex={-1} ref={osTargetRef}>\n      <div className=\"os-resize-observer-host\" />\n      <div className=\"os-padding\" style={inheritBoxShadow}>\n        <div className=\"os-viewport\" style={inheritBoxShadow}>\n          <div className=\"os-content\" style={inheritBoxShadow} aria-hidden>\n            {children}\n          </div>\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-horizontal \">\n        <div className=\"os-scrollbar-track\">\n          <div className=\"os-scrollbar-handle\" />\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-vertical\">\n        <div className=\"os-scrollbar-track\">\n          <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n        </div>\n      </div>\n      <div className=\"os-scrollbar-corner\" />\n    </div>\n  );\n};\n"],"names":["StyledHandle","styled","div","options","className","scrollbars","autoHide","autoHideDelay","LeftNavContentWithScrollbar","props","children","inheritBoxShadow","boxShadow","useState","osInstance","setOsInstance","osTargetRef","useRef","useEffect","nextOsInstance","OverlayScrollbars","current","React","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,YAAY,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,0OAAlB;AAeA,IAAMC,OAAgB,GAAG;AACvBC,EAAAA,SAAS,EAAE,eADY;AAEvBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE,OADA;AAEVC,IAAAA,aAAa,EAAE;AAFL;AAFW,CAAzB;IAQaC,2BAAiF,GAAG,SAApFA,2BAAoF,CAACC,KAAD,EAAW;AAC1G,MAAQC,QAAR,GAAqBD,KAArB,CAAQC,QAAR;AAEA,MAAMC,gBAAgB,GAAG;AAAEC,IAAAA,SAAS,EAAE;AAAb,GAAzB;;AACA,kBAAoCC,cAAQ,EAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,WAAW,GAAGC,YAAM,CAAiB,IAAjB,CAA1B;AAEAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAMC,cAAiC,GAAGC,qCAAiB,CAACJ,WAAW,CAACK,OAAb,EAAsBlB,OAAtB,CAA3D;AACAY,IAAAA,aAAa,CAACI,cAAD,CAAb;AACD,GAHQ,EAGN,CAACL,UAAD,CAHM,CAAT;AAKA,sBACEQ;AAAK,IAAA,SAAS,EAAC,SAAf;AAAyB,IAAA,KAAK;AAAIC,MAAAA,MAAM,EAAE;AAAZ,OAAuBZ,gBAAvB,CAA9B;AAAyE,IAAA,QAAQ,EAAE,CAAC,CAApF;AAAuF,IAAA,GAAG,EAAEK;AAA5F,kBACEM;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,eAEEA;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEX;AAAnC,kBACEW;AAAK,IAAA,SAAS,EAAC,aAAf;AAA6B,IAAA,KAAK,EAAEX;AAApC,kBACEW;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEX,gBAAnC;AAAqD;AAArD,KACGD,QADH,CADF,CADF,CAFF,eASEY;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,CADF,CATF,eAcEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,IADF,CADF,CAdF,eAmBEA;AAAK,IAAA,SAAS,EAAC;AAAf,IAnBF,CADF;AAuBD;;;;"}

package/cjs/parts/LeftNavFooterItem/index.js

@@ -93,7 +93,8 @@ var LeftNavFooterItem = function LeftNavFooterItem(props) {
     mr: "12px",
     mb: "16px",
     "data-testid": "leftnav-itemlabel",
-    labelOverflow: labelOverflow
+    labelOverflow: labelOverflow,
+    "aria-live": "polite"
   }, labelOverflow === 'truncate' ? /*#__PURE__*/React__default['default'].createElement(dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: footerLabel,
     placement: "bottom-start"

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

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

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

@@ -8,7 +8,7 @@ import 'styled-components';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '../constants.js';
 
-/* eslint-disable max-lines */
+/* eslint-disable complexity */
 var ItemRenderer = function ItemRenderer(props) {
   var propsWithDefault = usePropsWithDefaults(props);
   var item = propsWithDefault.item,
@@ -20,6 +20,7 @@ var ItemRenderer = function ItemRenderer(props) {
       indent = _propsWithDefault$ite2.indent,
       ariaLabel = _propsWithDefault$ite2.ariaLabel,
       ariaRole = _propsWithDefault$ite2.ariaRole,
+      ariaLive = _propsWithDefault$ite2.ariaLive,
       ariaExpanded = _propsWithDefault$ite2.ariaExpanded,
       CollapsedComponent = _propsWithDefault$ite.CollapsedComponent,
       subitems = propsWithDefault.subitems,
@@ -95,7 +96,8 @@ var ItemRenderer = function ItemRenderer(props) {
     "aria-expanded": ariaExpanded,
     role: ariaRole,
     "aria-label": ariaLabel,
-    "aria-hidden": !focuseable
+    "aria-hidden": !focuseable,
+    "aria-live": ariaLive
   }, !expandedForAnimation ? /*#__PURE__*/React.createElement(Grid, {
     "data-testid": "leftnav-leftcomponent",
     justifyContent: "center"

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/exported-related/ItemRenderer/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { StyledItemWrapper, StyledItem } from './styled';\n\nimport { ItemRendererT } from '../../index.d';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { usePropsWithDefaults } from './usePropsWithDefaults';\nimport { useKeyboardNavigation } from '../../hooks';\n\nexport const ItemRenderer = (props: ItemRendererT): JSX.Element => {\n  const propsWithDefault = usePropsWithDefaults(props);\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: {\n        selectable,\n        focuseable,\n        indent,\n        ariaLabel,\n        ariaRole,\n        ariaExpanded,\n      },\n      CollapsedComponent,\n    },\n    subitems,\n    minHeight,\n    paddingTop,\n    onClick,\n    shadowStyle,\n    hasBorderBottom,\n    borderBottomMr,\n    children,\n  } = propsWithDefault;\n\n  const ctx = useContext(LeftNavContext);\n  const {\n    leftNavProps: { onItemClick, openedItem },\n    expandedForAnimation,\n    focusedByKey,\n    selectedItem,\n    setSelectedItem,\n    focusedItem,\n    setFocusedItem,\n    visibleItemsRefs,\n  } = ctx;\n\n  const opened = dsId === openedItem;\n\n  const handleOnClick = useCallback(\n    (e) => {\n      if (onClick) onClick(); // used by uncontrolled drilldowns\n      onItemClick(item, e);\n      if (selectable) setSelectedItem(item.dsId);\n    },\n    [onItemClick, item, setSelectedItem, selectable, onClick],\n  );\n\n  const handleFocus = useCallback(() => {\n    if (focuseable) setFocusedItem(dsId);\n  }, [dsId, setFocusedItem, focuseable]);\n\n  const onKeyDown = useKeyboardNavigation({\n    item,\n    onClick: handleOnClick,\n  });\n\n  const cols = useMemo(\n    () => (expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']),\n    [expandedForAnimation],\n  );\n  const isSelected = useMemo(() => selectedItem === dsId, [selectedItem, dsId]);\n  const isFocused = useMemo(() => focusedItem === dsId, [focusedItem, dsId]);\n\n  if (!expandedForAnimation && !CollapsedComponent) {\n    return null;\n  }\n\n  return (\n    <>\n      <StyledItemWrapper\n        shadowStyle={shadowStyle}\n        data-testid=\"leftnav-item-wrapper\"\n      >\n        <StyledItem\n          ref={visibleItemsRefs.current[dsId]}\n          pt={paddingTop}\n          pl={indent === undefined ? 'xxxs' : `${indent}px`}\n          minHeight={minHeight}\n          shadowStyle={shadowStyle}\n          alignItems=\"flex-start\"\n          cols={cols}\n          onClick={!opened ? handleOnClick : () => null}\n          onKeyDown={onKeyDown}\n          selectable={selectable}\n          selected={isSelected}\n          opened={opened}\n          focused={isFocused}\n          focusedByKey={focusedByKey}\n          onFocus={handleFocus}\n          data-testid=\"leftnav-item-container\"\n          tabIndex={focuseable ? 0 : -1}\n          aria-expanded={ariaExpanded}\n          role={ariaRole}\n          aria-label={ariaLabel}\n          aria-hidden={!focuseable}\n        >\n          {!expandedForAnimation ? (\n            <Grid data-testid=\"leftnav-leftcomponent\" justifyContent=\"center\">\n              <CollapsedComponent item={item} ctx={ctx} />\n            </Grid>\n          ) : (\n            children\n          )}\n        </StyledItem>\n        {hasBorderBottom && (\n          <div\n            style={{\n              marginLeft: opened ? '16px' : '0px',\n              marginRight: borderBottomMr,\n              height: '1px',\n              width: `calc(100% - ${borderBottomMr} - ${\n                opened ? '16px' : '0px'\n              })`,\n              backgroundColor: '#E0E3E8',\n            }}\n          />\n        )}\n      </StyledItemWrapper>\n      {subitems}\n    </>\n  );\n};\n"],"names":["ItemRenderer","props","propsWithDefault","usePropsWithDefaults","item","dsId","itemOpts","selectable","focuseable","indent","ariaLabel","ariaRole","ariaExpanded","CollapsedComponent","subitems","minHeight","paddingTop","onClick","shadowStyle","hasBorderBottom","borderBottomMr","children","ctx","useContext","LeftNavContext","leftNavProps","onItemClick","openedItem","expandedForAnimation","focusedByKey","selectedItem","setSelectedItem","focusedItem","setFocusedItem","visibleItemsRefs","opened","handleOnClick","useCallback","e","handleFocus","onKeyDown","useKeyboardNavigation","cols","useMemo","isSelected","isFocused","current","undefined","marginLeft","marginRight","height","width","backgroundColor"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/exported-related/ItemRenderer/index.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { StyledItemWrapper, StyledItem } from './styled';\n\nimport { ItemRendererT } from '../../index.d';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { usePropsWithDefaults } from './usePropsWithDefaults';\nimport { useKeyboardNavigation } from '../../hooks';\n\nexport const ItemRenderer = (props: ItemRendererT): JSX.Element => {\n  const propsWithDefault = usePropsWithDefaults(props);\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { selectable, focuseable, indent, ariaLabel, ariaRole, ariaLive, ariaExpanded },\n      CollapsedComponent,\n    },\n    subitems,\n    minHeight,\n    paddingTop,\n    onClick,\n    shadowStyle,\n    hasBorderBottom,\n    borderBottomMr,\n    children,\n  } = propsWithDefault;\n\n  const ctx = useContext(LeftNavContext);\n  const {\n    leftNavProps: { onItemClick, openedItem },\n    expandedForAnimation,\n    focusedByKey,\n    selectedItem,\n    setSelectedItem,\n    focusedItem,\n    setFocusedItem,\n    visibleItemsRefs,\n  } = ctx;\n\n  const opened = dsId === openedItem;\n\n  const handleOnClick = useCallback(\n    (e) => {\n      if (onClick) onClick(); // used by uncontrolled drilldowns\n      onItemClick(item, e);\n      if (selectable) setSelectedItem(item.dsId);\n    },\n    [onItemClick, item, setSelectedItem, selectable, onClick],\n  );\n\n  const handleFocus = useCallback(() => {\n    if (focuseable) setFocusedItem(dsId);\n  }, [dsId, setFocusedItem, focuseable]);\n\n  const onKeyDown = useKeyboardNavigation({\n    item,\n    onClick: handleOnClick,\n  });\n\n  const cols = useMemo(() => (expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']), [expandedForAnimation]);\n  const isSelected = useMemo(() => selectedItem === dsId, [selectedItem, dsId]);\n  const isFocused = useMemo(() => focusedItem === dsId, [focusedItem, dsId]);\n\n  if (!expandedForAnimation && !CollapsedComponent) {\n    return null;\n  }\n\n  return (\n    <>\n      <StyledItemWrapper shadowStyle={shadowStyle} data-testid=\"leftnav-item-wrapper\">\n        <StyledItem\n          ref={visibleItemsRefs.current[dsId]}\n          pt={paddingTop}\n          pl={indent === undefined ? 'xxxs' : `${indent}px`}\n          minHeight={minHeight}\n          shadowStyle={shadowStyle}\n          alignItems=\"flex-start\"\n          cols={cols}\n          onClick={!opened ? handleOnClick : () => null}\n          onKeyDown={onKeyDown}\n          selectable={selectable}\n          selected={isSelected}\n          opened={opened}\n          focused={isFocused}\n          focusedByKey={focusedByKey}\n          onFocus={handleFocus}\n          data-testid=\"leftnav-item-container\"\n          tabIndex={focuseable ? 0 : -1}\n          aria-expanded={ariaExpanded}\n          role={ariaRole}\n          aria-label={ariaLabel}\n          aria-hidden={!focuseable}\n          aria-live={ariaLive}\n        >\n          {!expandedForAnimation ? (\n            <Grid data-testid=\"leftnav-leftcomponent\" justifyContent=\"center\">\n              <CollapsedComponent item={item} ctx={ctx} />\n            </Grid>\n          ) : (\n            children\n          )}\n        </StyledItem>\n        {hasBorderBottom && (\n          <div\n            style={{\n              marginLeft: opened ? '16px' : '0px',\n              marginRight: borderBottomMr,\n              height: '1px',\n              width: `calc(100% - ${borderBottomMr} - ${opened ? '16px' : '0px'})`,\n              backgroundColor: '#E0E3E8',\n            }}\n          />\n        )}\n      </StyledItemWrapper>\n      {subitems}\n    </>\n  );\n};\n"],"names":["ItemRenderer","props","propsWithDefault","usePropsWithDefaults","item","dsId","itemOpts","selectable","focuseable","indent","ariaLabel","ariaRole","ariaLive","ariaExpanded","CollapsedComponent","subitems","minHeight","paddingTop","onClick","shadowStyle","hasBorderBottom","borderBottomMr","children","ctx","useContext","LeftNavContext","leftNavProps","onItemClick","openedItem","expandedForAnimation","focusedByKey","selectedItem","setSelectedItem","focusedItem","setFocusedItem","visibleItemsRefs","opened","handleOnClick","useCallback","e","handleFocus","onKeyDown","useKeyboardNavigation","cols","useMemo","isSelected","isFocused","current","undefined","marginLeft","marginRight","height","width","backgroundColor"],"mappings":";;;;;;;;;;AAAA;IAWaA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAuC;AACjE,MAAMC,gBAAgB,GAAGC,oBAAoB,CAACF,KAAD,CAA7C;AACA,MACEG,IADF,GAeIF,gBAfJ,CACEE,IADF;AAAA,8BAeIF,gBAfJ,CAEEE,IAFF;AAAA,MAGIC,IAHJ,yBAGIA,IAHJ;AAAA,qDAIIC,QAJJ;AAAA,MAIgBC,UAJhB,0BAIgBA,UAJhB;AAAA,MAI4BC,UAJ5B,0BAI4BA,UAJ5B;AAAA,MAIwCC,MAJxC,0BAIwCA,MAJxC;AAAA,MAIgDC,SAJhD,0BAIgDA,SAJhD;AAAA,MAI2DC,QAJ3D,0BAI2DA,QAJ3D;AAAA,MAIqEC,QAJrE,0BAIqEA,QAJrE;AAAA,MAI+EC,YAJ/E,0BAI+EA,YAJ/E;AAAA,MAKIC,kBALJ,yBAKIA,kBALJ;AAAA,MAOEC,QAPF,GAeIb,gBAfJ,CAOEa,QAPF;AAAA,MAQEC,SARF,GAeId,gBAfJ,CAQEc,SARF;AAAA,MASEC,UATF,GAeIf,gBAfJ,CASEe,UATF;AAAA,MAUEC,OAVF,GAeIhB,gBAfJ,CAUEgB,OAVF;AAAA,MAWEC,WAXF,GAeIjB,gBAfJ,CAWEiB,WAXF;AAAA,MAYEC,eAZF,GAeIlB,gBAfJ,CAYEkB,eAZF;AAAA,MAaEC,cAbF,GAeInB,gBAfJ,CAaEmB,cAbF;AAAA,MAcEC,QAdF,GAeIpB,gBAfJ,CAcEoB,QAdF;AAiBA,MAAMC,GAAG,GAAGC,UAAU,CAACC,cAAD,CAAtB;AACA,0BASIF,GATJ,CACEG,YADF;AAAA,MACkBC,WADlB,qBACkBA,WADlB;AAAA,MAC+BC,UAD/B,qBAC+BA,UAD/B;AAAA,MAEEC,oBAFF,GASIN,GATJ,CAEEM,oBAFF;AAAA,MAGEC,YAHF,GASIP,GATJ,CAGEO,YAHF;AAAA,MAIEC,YAJF,GASIR,GATJ,CAIEQ,YAJF;AAAA,MAKEC,eALF,GASIT,GATJ,CAKES,eALF;AAAA,MAMEC,WANF,GASIV,GATJ,CAMEU,WANF;AAAA,MAOEC,cAPF,GASIX,GATJ,CAOEW,cAPF;AAAA,MAQEC,gBARF,GASIZ,GATJ,CAQEY,gBARF;AAWA,MAAMC,MAAM,GAAG/B,IAAI,KAAKuB,UAAxB;AAEA,MAAMS,aAAa,GAAGC,WAAW,CAC/B,UAACC,CAAD,EAAO;AACL,QAAIrB,OAAJ,EAAaA,OAAO,GADf;;AAELS,IAAAA,WAAW,CAACvB,IAAD,EAAOmC,CAAP,CAAX;AACA,QAAIhC,UAAJ,EAAgByB,eAAe,CAAC5B,IAAI,CAACC,IAAN,CAAf;AACjB,GAL8B,EAM/B,CAACsB,WAAD,EAAcvB,IAAd,EAAoB4B,eAApB,EAAqCzB,UAArC,EAAiDW,OAAjD,CAN+B,CAAjC;AASA,MAAMsB,WAAW,GAAGF,WAAW,CAAC,YAAM;AACpC,QAAI9B,UAAJ,EAAgB0B,cAAc,CAAC7B,IAAD,CAAd;AACjB,GAF8B,EAE5B,CAACA,IAAD,EAAO6B,cAAP,EAAuB1B,UAAvB,CAF4B,CAA/B;AAIA,MAAMiC,SAAS,GAAGC,qBAAqB,CAAC;AACtCtC,IAAAA,IAAI,EAAJA,IADsC;AAEtCc,IAAAA,OAAO,EAAEmB;AAF6B,GAAD,CAAvC;AAKA,MAAMM,IAAI,GAAGC,OAAO,CAAC;AAAA,WAAOf,oBAAoB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,MAAhB,CAAH,GAA6B,CAAC,MAAD,CAAxD;AAAA,GAAD,EAAoE,CAACA,oBAAD,CAApE,CAApB;AACA,MAAMgB,UAAU,GAAGD,OAAO,CAAC;AAAA,WAAMb,YAAY,KAAK1B,IAAvB;AAAA,GAAD,EAA8B,CAAC0B,YAAD,EAAe1B,IAAf,CAA9B,CAA1B;AACA,MAAMyC,SAAS,GAAGF,OAAO,CAAC;AAAA,WAAMX,WAAW,KAAK5B,IAAtB;AAAA,GAAD,EAA6B,CAAC4B,WAAD,EAAc5B,IAAd,CAA7B,CAAzB;;AAEA,MAAI,CAACwB,oBAAD,IAAyB,CAACf,kBAA9B,EAAkD;AAChD,WAAO,IAAP;AACD;;AAED,sBACE,uDACE,oBAAC,iBAAD;AAAmB,IAAA,WAAW,EAAEK,WAAhC;AAA6C,mBAAY;AAAzD,kBACE,oBAAC,UAAD;AACE,IAAA,GAAG,EAAEgB,gBAAgB,CAACY,OAAjB,CAAyB1C,IAAzB,CADP;AAEE,IAAA,EAAE,EAAEY,UAFN;AAGE,IAAA,EAAE,EAAER,MAAM,KAAKuC,SAAX,GAAuB,MAAvB,aAAmCvC,MAAnC,OAHN;AAIE,IAAA,SAAS,EAAEO,SAJb;AAKE,IAAA,WAAW,EAAEG,WALf;AAME,IAAA,UAAU,EAAC,YANb;AAOE,IAAA,IAAI,EAAEwB,IAPR;AAQE,IAAA,OAAO,EAAE,CAACP,MAAD,GAAUC,aAAV,GAA0B;AAAA,aAAM,IAAN;AAAA,KARrC;AASE,IAAA,SAAS,EAAEI,SATb;AAUE,IAAA,UAAU,EAAElC,UAVd;AAWE,IAAA,QAAQ,EAAEsC,UAXZ;AAYE,IAAA,MAAM,EAAET,MAZV;AAaE,IAAA,OAAO,EAAEU,SAbX;AAcE,IAAA,YAAY,EAAEhB,YAdhB;AAeE,IAAA,OAAO,EAAEU,WAfX;AAgBE,mBAAY,wBAhBd;AAiBE,IAAA,QAAQ,EAAEhC,UAAU,GAAG,CAAH,GAAO,CAAC,CAjB9B;AAkBE,qBAAeK,YAlBjB;AAmBE,IAAA,IAAI,EAAEF,QAnBR;AAoBE,kBAAYD,SApBd;AAqBE,mBAAa,CAACF,UArBhB;AAsBE,iBAAWI;AAtBb,KAwBG,CAACiB,oBAAD,gBACC,oBAAC,IAAD;AAAM,mBAAY,uBAAlB;AAA0C,IAAA,cAAc,EAAC;AAAzD,kBACE,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEzB,IAA1B;AAAgC,IAAA,GAAG,EAAEmB;AAArC,IADF,CADD,GAKCD,QA7BJ,CADF,EAiCGF,eAAe,iBACd;AACE,IAAA,KAAK,EAAE;AACL6B,MAAAA,UAAU,EAAEb,MAAM,GAAG,MAAH,GAAY,KADzB;AAELc,MAAAA,WAAW,EAAE7B,cAFR;AAGL8B,MAAAA,MAAM,EAAE,KAHH;AAILC,MAAAA,KAAK,wBAAiB/B,cAAjB,gBAAqCe,MAAM,GAAG,MAAH,GAAY,KAAvD,MAJA;AAKLiB,MAAAA,eAAe,EAAE;AALZ;AADT,IAlCJ,CADF,EA8CGtC,QA9CH,CADF;AAkDD;;;;"}

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

@@ -13,6 +13,7 @@ var itemDefaultProps = {
   closable: false,
   ariaLabel: '',
   ariaRole: 'menuitem',
+  ariaLive: 'off',
   ariaExpanded: undefined
 }; // Make use Item props with defaults
 

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

@@ -1 +1 @@
-{"version":3,"file":"usePropsWithDefaults.js","sources":["../../../../src/exported-related/ItemRenderer/usePropsWithDefaults.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { itemOptsT, ItemRendererT } from '../../index.d';\n\nconst itemDefaultProps: itemOptsT = {\n  label: '',\n  labelOverflow: 'truncate',\n  selectable: true,\n  focuseable: true,\n  openable: false,\n  closable: false,\n  ariaLabel: '',\n  ariaRole: 'menuitem',\n  ariaExpanded: undefined,\n};\n\n// Make use Item props with defaults\n\nexport const usePropsWithDefaults = (props: ItemRendererT): ItemRendererT => {\n  const propsWithDefault = useMemo(() => {\n    const itemWithDefaults = {\n      CollapsedComponent: () => null,\n      ...props.item,\n      itemOpts: { ...itemDefaultProps, ...props.item.itemOpts },\n    };\n    return {\n      minHeight: '48px',\n      paddingTop: '12px',\n      subitems: [],\n      shadowStyle: () => 'box-shadow: inherit',\n      hasBorderBottom: false,\n      borderBottomMr: '0px',\n      ...props,\n      item: itemWithDefaults,\n    };\n  }, [props]);\n\n  return propsWithDefault;\n};\n"],"names":["itemDefaultProps","label","labelOverflow","selectable","focuseable","openable","closable","ariaLabel","ariaRole","ariaExpanded","undefined","usePropsWithDefaults","props","propsWithDefault","useMemo","itemWithDefaults","CollapsedComponent","item","itemOpts","minHeight","paddingTop","subitems","shadowStyle","hasBorderBottom","borderBottomMr"],"mappings":";;;;;;AAGA,IAAMA,gBAA2B,GAAG;AAClCC,EAAAA,KAAK,EAAE,EAD2B;AAElCC,EAAAA,aAAa,EAAE,UAFmB;AAGlCC,EAAAA,UAAU,EAAE,IAHsB;AAIlCC,EAAAA,UAAU,EAAE,IAJsB;AAKlCC,EAAAA,QAAQ,EAAE,KALwB;AAMlCC,EAAAA,QAAQ,EAAE,KANwB;AAOlCC,EAAAA,SAAS,EAAE,EAPuB;AAQlCC,EAAAA,QAAQ,EAAE,UARwB;AASlCC,EAAAA,YAAY,EAAEC;AAToB,CAApC;;IAcaC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAyC;AAC3E,MAAMC,gBAAgB,GAAGC,OAAO,CAAC,YAAM;AACrC,QAAMC,gBAAgB;AACpBC,MAAAA,kBAAkB,EAAE;AAAA,eAAM,IAAN;AAAA;AADA,OAEjBJ,KAAK,CAACK,IAFW;AAGpBC,MAAAA,QAAQ,kCAAOlB,gBAAP,GAA4BY,KAAK,CAACK,IAAN,CAAWC,QAAvC;AAHY,MAAtB;;AAKA;AACEC,MAAAA,SAAS,EAAE,MADb;AAEEC,MAAAA,UAAU,EAAE,MAFd;AAGEC,MAAAA,QAAQ,EAAE,EAHZ;AAIEC,MAAAA,WAAW,EAAE;AAAA,eAAM,qBAAN;AAAA,OAJf;AAKEC,MAAAA,eAAe,EAAE,KALnB;AAMEC,MAAAA,cAAc,EAAE;AANlB,OAOKZ,KAPL;AAQEK,MAAAA,IAAI,EAAEF;AARR;AAUD,GAhB+B,EAgB7B,CAACH,KAAD,CAhB6B,CAAhC;AAkBA,SAAOC,gBAAP;AACD;;;;"}
+{"version":3,"file":"usePropsWithDefaults.js","sources":["../../../../src/exported-related/ItemRenderer/usePropsWithDefaults.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { itemOptsT, ItemRendererT } from '../../index.d';\n\nconst itemDefaultProps: itemOptsT = {\n  label: '',\n  labelOverflow: 'truncate',\n  selectable: true,\n  focuseable: true,\n  openable: false,\n  closable: false,\n  ariaLabel: '',\n  ariaRole: 'menuitem',\n  ariaLive: 'off',\n  ariaExpanded: undefined,\n};\n\n// Make use Item props with defaults\n\nexport const usePropsWithDefaults = (props: ItemRendererT): ItemRendererT => {\n  const propsWithDefault = useMemo(() => {\n    const itemWithDefaults = {\n      CollapsedComponent: () => null,\n      ...props.item,\n      itemOpts: { ...itemDefaultProps, ...props.item.itemOpts },\n    };\n    return {\n      minHeight: '48px',\n      paddingTop: '12px',\n      subitems: [],\n      shadowStyle: () => 'box-shadow: inherit',\n      hasBorderBottom: false,\n      borderBottomMr: '0px',\n      ...props,\n      item: itemWithDefaults,\n    };\n  }, [props]);\n\n  return propsWithDefault;\n};\n"],"names":["itemDefaultProps","label","labelOverflow","selectable","focuseable","openable","closable","ariaLabel","ariaRole","ariaLive","ariaExpanded","undefined","usePropsWithDefaults","props","propsWithDefault","useMemo","itemWithDefaults","CollapsedComponent","item","itemOpts","minHeight","paddingTop","subitems","shadowStyle","hasBorderBottom","borderBottomMr"],"mappings":";;;;;;AAGA,IAAMA,gBAA2B,GAAG;AAClCC,EAAAA,KAAK,EAAE,EAD2B;AAElCC,EAAAA,aAAa,EAAE,UAFmB;AAGlCC,EAAAA,UAAU,EAAE,IAHsB;AAIlCC,EAAAA,UAAU,EAAE,IAJsB;AAKlCC,EAAAA,QAAQ,EAAE,KALwB;AAMlCC,EAAAA,QAAQ,EAAE,KANwB;AAOlCC,EAAAA,SAAS,EAAE,EAPuB;AAQlCC,EAAAA,QAAQ,EAAE,UARwB;AASlCC,EAAAA,QAAQ,EAAE,KATwB;AAUlCC,EAAAA,YAAY,EAAEC;AAVoB,CAApC;;IAeaC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAyC;AAC3E,MAAMC,gBAAgB,GAAGC,OAAO,CAAC,YAAM;AACrC,QAAMC,gBAAgB;AACpBC,MAAAA,kBAAkB,EAAE;AAAA,eAAM,IAAN;AAAA;AADA,OAEjBJ,KAAK,CAACK,IAFW;AAGpBC,MAAAA,QAAQ,kCAAOnB,gBAAP,GAA4Ba,KAAK,CAACK,IAAN,CAAWC,QAAvC;AAHY,MAAtB;;AAKA;AACEC,MAAAA,SAAS,EAAE,MADb;AAEEC,MAAAA,UAAU,EAAE,MAFd;AAGEC,MAAAA,QAAQ,EAAE,EAHZ;AAIEC,MAAAA,WAAW,EAAE;AAAA,eAAM,qBAAN;AAAA,OAJf;AAKEC,MAAAA,eAAe,EAAE,KALnB;AAMEC,MAAAA,cAAc,EAAE;AANlB,OAOKZ,KAPL;AAQEK,MAAAA,IAAI,EAAEF;AARR;AAUD,GAhB+B,EAgB7B,CAACH,KAAD,CAhB6B,CAAhC;AAkBA,SAAOC,gBAAP;AACD;;;;"}

package/esm/outOfTheBox/ItemControlledDrilldown/index.js

@@ -98,7 +98,7 @@ var ItemControlledDrilldown = function ItemControlledDrilldown(props) {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
         ariaExpanded: isOpened,
-        ariaRole: 'menu'
+        ariaRole: 'menuitem'
       }, item.itemOpts), {}, {
         openable: !isOpened,
         closable: isOpened

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemControlledDrilldown/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport type { ComponentProps } from '../../index.d';\n\nconst outOfTheBoxSubitemsComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n    ctx,\n  } = props;\n\n  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n    const currentIndent = item.itemOpts?.indent ?? 0;\n    const newItem = {\n      ...item,\n      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n    };\n    return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n  }\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemControlledDrilldown = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        isOpened,\n        items,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const arrowIcon = useMemo(() => {\n    const Component = isOpened ? ArrowheadDown : ArrowheadRight;\n    return (\n      <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />\n    );\n  }, [isOpened]);\n\n  const subitems = useMemo(() => {\n    if (!isOpened || !items) return [];\n    return items.map((subitem) => (\n      <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />\n    ));\n  }, [items, isOpened]);\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaExpanded: isOpened,\n          ariaRole: 'menu',\n          ...item.itemOpts,\n          openable: !isOpened,\n          closable: isOpened,\n        },\n        CollapsedComponent: null,\n      }}\n      subitems={subitems}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      <Grid pl=\"xxs\" mt=\"-2px\">\n        {arrowIcon}\n      </Grid>\n      <StyledLabel\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid\n          pl={RightComponent ? 'xxs' : '0px'}\n          data-testid=\"leftnav-right-component\"\n        >\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","ItemControlledDrilldown","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","isOpened","items","leftNavLabelOverflow","leftNavProps","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","dsId","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,6BAGL,uEACEC,UAAU,CAACC,uBADb,EACuCC,aADvC,0CAEEF,UAAU,CAACG,uBAFb,EAEuCC,YAFvC,yBAHD;;AAQA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAAwC;AACpE,MACEC,IADF,GAIID,KAJJ,CACEC,IADF;AAAA,oBAIID,KAJJ,CAEEC,IAFF;AAAA,MAEUC,IAFV,eAEUA,IAFV;AAAA,MAEgBC,SAFhB,eAEgBA,SAFhB;AAAA,MAGEC,GAHF,GAIIJ,KAJJ,CAGEI,GAHF;;AAMA,MAAI,OAAOF,IAAP,KAAgB,QAAhB,IAA4B,CAAC,CAACT,6BAA6B,CAACS,IAAD,CAA/D,EAAuE;AAAA;;AACrE,QAAMG,oBAAoB,GAAGZ,6BAA6B,CAACS,IAAD,CAA1D;AACA,QAAMI,aAAa,8CAAGL,IAAI,CAACM,QAAR,mDAAG,eAAeC,MAAlB,yEAA4B,CAA/C;;AACA,QAAMC,OAAO,mCACRR,IADQ;AAEXM,MAAAA,QAAQ,kCAAON,IAAI,CAACM,QAAZ;AAAsBC,QAAAA,MAAM,EAAEF,aAAa,GAAG;AAA9C;AAFG,MAAb;;AAIA,wBAAO,oBAAC,oBAAD;AAAsB,MAAA,IAAI,EAAEG,OAA5B;AAAqC,MAAA,GAAG,EAAEL;AAA1C,MAAP;AACD,GAfmE;;;AAiBpE,sBAAO,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEH,IAAjB;AAAuB,IAAA,GAAG,EAAEG;AAA5B,IAAP;AACD,CAlBD;;IAoBaM,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACV,KAAD,EAAwC;AAC7E,MACEC,IADF,GAkBID,KAlBJ,CACEC,IADF;AAAA,6BAkBID,KAlBJ,CAEEC,IAFF,CAGIM,QAHJ;AAAA,MAIMI,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,QAVN,wBAUMA,QAVN;AAAA,MAWMC,KAXN,wBAWMA,KAXN;AAAA,MAcEf,GAdF,GAkBIJ,KAlBJ,CAcEI,GAdF;AAAA,MAgBmCgB,oBAhBnC,GAkBIpB,KAlBJ,CAeEI,GAfF,CAgBIiB,YAhBJ,CAgBoBN,aAhBpB;AAoBA,MAAMA,aAAa,GAAGD,iBAAiB,IAAIM,oBAA3C;AAEA,MAAME,SAAS,GAAGC,OAAO,CAAC,YAAM;AAC9B,QAAMpB,SAAS,GAAGe,QAAQ,GAAGM,aAAH,GAAmBC,cAA7C;AACA,wBACE,oBAAC,SAAD;AAAW,MAAA,KAAK,EAAC,MAAjB;AAAwB,MAAA,MAAM,EAAC,MAA/B;AAAsC,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA7C,MADF;AAGD,GALwB,EAKtB,CAACP,QAAD,CALsB,CAAzB;AAOA,MAAMQ,QAAQ,GAAGH,OAAO,CAAC,YAAM;AAC7B,QAAI,CAACL,QAAD,IAAa,CAACC,KAAlB,EAAyB,OAAO,EAAP;AACzB,WAAOA,KAAK,CAACQ,GAAN,CAAU,UAACC,OAAD;AAAA,0BACf,oBAAC,qBAAD;AAAuB,QAAA,IAAI,EAAEA,OAA7B;AAAsC,QAAA,GAAG,EAAExB,GAA3C;AAAgD,QAAA,GAAG,EAAEwB,OAAO,CAACC;AAA7D,QADe;AAAA,KAAV,CAAP;AAGD,GALuB,EAKrB,CAACV,KAAD,EAAQD,QAAR,CALqB,CAAxB;AAOA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCjB,IADD;AAEFM,MAAAA,QAAQ;AACNuB,QAAAA,YAAY,EAAEZ,QADR;AAENa,QAAAA,QAAQ,EAAE;AAFJ,SAGH9B,IAAI,CAACM,QAHF;AAINyB,QAAAA,QAAQ,EAAE,CAACd,QAJL;AAKNe,QAAAA,QAAQ,EAAEf;AALJ,QAFN;AASFgB,MAAAA,kBAAkB,EAAE;AATlB,MADN;AAYE,IAAA,QAAQ,EAAER,QAZZ;AAaE,IAAA,SAAS,EAAC,MAbZ;AAcE,IAAA,UAAU,EAAC;AAdb,kBAgBE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,KAAT;AAAe,IAAA,EAAE,EAAC;AAAlB,KACGJ,SADH,CAhBF,eAmBE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,mBAAY,yBAFd;AAGE,IAAA,aAAa,EAAEP,aAHjB;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,UAAU,EAAEC;AALd,KAOGF,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEJ,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAVJ,CAnBF,eAgCE,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,EAAER,GAArB;AAA0B,IAAA,IAAI,EAAEH;AAAhC,IAJrB,CAJF,CAhCF,CADF;AA8CD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemControlledDrilldown/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport type { ComponentProps } from '../../index.d';\n\nconst outOfTheBoxSubitemsComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n    ctx,\n  } = props;\n\n  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n    const currentIndent = item.itemOpts?.indent ?? 0;\n    const newItem = {\n      ...item,\n      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n    };\n    return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n  }\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemControlledDrilldown = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        isOpened,\n        items,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const arrowIcon = useMemo(() => {\n    const Component = isOpened ? ArrowheadDown : ArrowheadRight;\n    return (\n      <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />\n    );\n  }, [isOpened]);\n\n  const subitems = useMemo(() => {\n    if (!isOpened || !items) return [];\n    return items.map((subitem) => (\n      <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />\n    ));\n  }, [items, isOpened]);\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaExpanded: isOpened,\n          ariaRole: 'menuitem',\n          ...item.itemOpts,\n          openable: !isOpened,\n          closable: isOpened,\n        },\n        CollapsedComponent: null,\n      }}\n      subitems={subitems}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      <Grid pl=\"xxs\" mt=\"-2px\">\n        {arrowIcon}\n      </Grid>\n      <StyledLabel\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid\n          pl={RightComponent ? 'xxs' : '0px'}\n          data-testid=\"leftnav-right-component\"\n        >\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","ItemControlledDrilldown","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","isOpened","items","leftNavLabelOverflow","leftNavProps","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","dsId","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"mappings":"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"}

package/esm/outOfTheBox/ItemSection/index.js

@@ -33,7 +33,8 @@ var ItemSection = function ItemSection(props) {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({}, item.itemOpts), {}, {
         selectable: false,
-        focuseable: false
+        focuseable: false,
+        ariaLive: 'polite'
       }),
       CollapsedComponent: null
     }),

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

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

package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js

@@ -118,7 +118,7 @@ var ItemUncontrolledDrilldown = function ItemUncontrolledDrilldown(props) {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
         ariaExpanded: opened,
-        ariaRole: 'menu'
+        ariaRole: 'menuitem'
       }, item.itemOpts), {}, {
         openable: !opened,
         closable: opened

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useEffect } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport { ItemTextLabel } from '../ItemTextLabel';\nimport type { ComponentProps } from '../../index.d';\n\n// Subitem mapping\nconst outOfTheBoxSubitemsComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n  [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n    ctx,\n  } = props;\n\n  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n    const currentIndent = item.itemOpts?.indent ?? 0;\n    const newItem = {\n      ...item,\n      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n    };\n    return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n  }\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemUncontrolledDrilldown = (\n  props: ComponentProps,\n): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        startOpened,\n        items,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n      openedDrilldowns,\n      setOpenedDrilldowns,\n    },\n  } = props;\n\n  // Start opened functionality\n  useEffect(() => {\n    if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, []);\n\n  const opened = openedDrilldowns.includes(dsId);\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const arrowIcon = useMemo(() => {\n    const Component = opened ? ArrowheadDown : ArrowheadRight;\n    return (\n      <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />\n    );\n  }, [opened]);\n\n  // Array of subitems\n  const subitems = useMemo(() => {\n    if (!opened || !items) return [];\n    return items.map((subitem) => (\n      <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />\n    ));\n  }, [items, opened]);\n\n  const handleOnClick = useCallback(() => {\n    if (opened)\n      setOpenedDrilldowns(\n        openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId),\n      );\n    else setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, [opened, setOpenedDrilldowns, openedDrilldowns]);\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaExpanded: opened,\n          ariaRole: 'menu',\n          ...item.itemOpts,\n          openable: !opened,\n          closable: opened,\n        },\n        CollapsedComponent: null,\n      }}\n      subitems={subitems}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n      onClick={handleOnClick}\n    >\n      <Grid pl=\"xxs\" mt=\"-2px\">\n        {arrowIcon}\n      </Grid>\n      <StyledLabel\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid pl={RightComponent ? 'xxs' : '0px'}>\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","LEFT_NAV_ITEM_TEXT_LABEL","ItemTextLabel","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","ItemUncontrolledDrilldown","dsId","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","startOpened","items","leftNavLabelOverflow","leftNavProps","openedDrilldowns","setOpenedDrilldowns","useEffect","opened","includes","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","handleOnClick","useCallback","filter","openedDrilldown","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useEffect } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport { ItemTextLabel } from '../ItemTextLabel';\nimport type { ComponentProps } from '../../index.d';\n\n// Subitem mapping\nconst outOfTheBoxSubitemsComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n  [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n    ctx,\n  } = props;\n\n  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n    const currentIndent = item.itemOpts?.indent ?? 0;\n    const newItem = {\n      ...item,\n      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n    };\n    return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n  }\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemUncontrolledDrilldown = (\n  props: ComponentProps,\n): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        startOpened,\n        items,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n      openedDrilldowns,\n      setOpenedDrilldowns,\n    },\n  } = props;\n\n  // Start opened functionality\n  useEffect(() => {\n    if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, []);\n\n  const opened = openedDrilldowns.includes(dsId);\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const arrowIcon = useMemo(() => {\n    const Component = opened ? ArrowheadDown : ArrowheadRight;\n    return (\n      <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />\n    );\n  }, [opened]);\n\n  // Array of subitems\n  const subitems = useMemo(() => {\n    if (!opened || !items) return [];\n    return items.map((subitem) => (\n      <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />\n    ));\n  }, [items, opened]);\n\n  const handleOnClick = useCallback(() => {\n    if (opened)\n      setOpenedDrilldowns(\n        openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId),\n      );\n    else setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, [opened, setOpenedDrilldowns, openedDrilldowns]);\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaExpanded: opened,\n          ariaRole: 'menuitem',\n          ...item.itemOpts,\n          openable: !opened,\n          closable: opened,\n        },\n        CollapsedComponent: null,\n      }}\n      subitems={subitems}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n      onClick={handleOnClick}\n    >\n      <Grid pl=\"xxs\" mt=\"-2px\">\n        {arrowIcon}\n      </Grid>\n      <StyledLabel\n        pb=\"xxxs\"\n        data-testid=\"leftnav-list-item-label\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? (\n          <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n        ) : (\n          label\n        )}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid pl={RightComponent ? 'xxs' : '0px'}>\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","LEFT_NAV_ITEM_TEXT_LABEL","ItemTextLabel","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","ItemUncontrolledDrilldown","dsId","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","startOpened","items","leftNavLabelOverflow","leftNavProps","openedDrilldowns","setOpenedDrilldowns","useEffect","opened","includes","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","handleOnClick","useCallback","filter","openedDrilldown","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;AACA,IAAMA,6BAGL,uEACEC,UAAU,CAACC,uBADb,EACuCC,aADvC,0CAEEF,UAAU,CAACG,uBAFb,EAEuCC,YAFvC,0CAGEJ,UAAU,CAACK,wBAHb,EAGwCC,aAHxC,yBAHD;;AASA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAAwC;AACpE,MACEC,IADF,GAIID,KAJJ,CACEC,IADF;AAAA,oBAIID,KAJJ,CAEEC,IAFF;AAAA,MAEUC,IAFV,eAEUA,IAFV;AAAA,MAEgBC,SAFhB,eAEgBA,SAFhB;AAAA,MAGEC,GAHF,GAIIJ,KAJJ,CAGEI,GAHF;;AAMA,MAAI,OAAOF,IAAP,KAAgB,QAAhB,IAA4B,CAAC,CAACX,6BAA6B,CAACW,IAAD,CAA/D,EAAuE;AAAA;;AACrE,QAAMG,oBAAoB,GAAGd,6BAA6B,CAACW,IAAD,CAA1D;AACA,QAAMI,aAAa,8CAAGL,IAAI,CAACM,QAAR,mDAAG,eAAeC,MAAlB,yEAA4B,CAA/C;;AACA,QAAMC,OAAO,mCACRR,IADQ;AAEXM,MAAAA,QAAQ,kCAAON,IAAI,CAACM,QAAZ;AAAsBC,QAAAA,MAAM,EAAEF,aAAa,GAAG;AAA9C;AAFG,MAAb;;AAIA,wBAAO,oBAAC,oBAAD;AAAsB,MAAA,IAAI,EAAEG,OAA5B;AAAqC,MAAA,GAAG,EAAEL;AAA1C,MAAP;AACD,GAfmE;;;AAiBpE,sBAAO,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEH,IAAjB;AAAuB,IAAA,GAAG,EAAEG;AAA5B,IAAP;AACD,CAlBD;;IAoBaM,yBAAyB,GAAG,SAA5BA,yBAA4B,CACvCV,KADuC,EAEvB;AAChB,MACEC,IADF,GAqBID,KArBJ,CACEC,IADF;AAAA,qBAqBID,KArBJ,CAEEC,IAFF;AAAA,MAGIU,IAHJ,gBAGIA,IAHJ;AAAA,2CAIIJ,QAJJ;AAAA,MAKMK,KALN,yBAKMA,KALN;AAAA,MAMMC,cANN,yBAMMA,cANN;AAAA,MAOMC,iBAPN,yBAOMA,iBAPN;AAAA,MAQqBC,iBARrB,yBAQMC,aARN;AAAA,MASMC,SATN,yBASMA,SATN;AAAA,MAUMC,UAVN,yBAUMA,UAVN;AAAA,MAWMC,WAXN,yBAWMA,WAXN;AAAA,MAYMC,KAZN,yBAYMA,KAZN;AAAA,MAeEhB,GAfF,GAqBIJ,KArBJ,CAeEI,GAfF;AAAA,mBAqBIJ,KArBJ,CAgBEI,GAhBF;AAAA,MAiBmCiB,oBAjBnC,cAiBIC,YAjBJ,CAiBoBN,aAjBpB;AAAA,MAkBIO,gBAlBJ,cAkBIA,gBAlBJ;AAAA,MAmBIC,mBAnBJ,cAmBIA,mBAnBJ,CADgB;;AAyBhBC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIN,WAAJ,EAAiBK,mBAAmB,8BAAKD,gBAAL,IAAuBZ,IAAvB,GAAnB;AAClB,GAFQ,EAEN,EAFM,CAAT;AAIA,MAAMe,MAAM,GAAGH,gBAAgB,CAACI,QAAjB,CAA0BhB,IAA1B,CAAf;AAEA,MAAMK,aAAa,GAAGD,iBAAiB,IAAIM,oBAA3C;AAEA,MAAMO,SAAS,GAAGC,OAAO,CAAC,YAAM;AAC9B,QAAM1B,SAAS,GAAGuB,MAAM,GAAGI,aAAH,GAAmBC,cAA3C;AACA,wBACE,oBAAC,SAAD;AAAW,MAAA,KAAK,EAAC,MAAjB;AAAwB,MAAA,MAAM,EAAC,MAA/B;AAAsC,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA7C,MADF;AAGD,GALwB,EAKtB,CAACL,MAAD,CALsB,CAAzB,CAjCgB;;AAyChB,MAAMM,QAAQ,GAAGH,OAAO,CAAC,YAAM;AAC7B,QAAI,CAACH,MAAD,IAAW,CAACN,KAAhB,EAAuB,OAAO,EAAP;AACvB,WAAOA,KAAK,CAACa,GAAN,CAAU,UAACC,OAAD;AAAA,0BACf,oBAAC,qBAAD;AAAuB,QAAA,IAAI,EAAEA,OAA7B;AAAsC,QAAA,GAAG,EAAE9B,GAA3C;AAAgD,QAAA,GAAG,EAAE8B,OAAO,CAACvB;AAA7D,QADe;AAAA,KAAV,CAAP;AAGD,GALuB,EAKrB,CAACS,KAAD,EAAQM,MAAR,CALqB,CAAxB;AAOA,MAAMS,aAAa,GAAGC,WAAW,CAAC,YAAM;AACtC,QAAIV,MAAJ,EACEF,mBAAmB,CACjBD,gBAAgB,CAACc,MAAjB,CAAwB,UAACC,eAAD;AAAA,aAAqBA,eAAe,KAAK3B,IAAzC;AAAA,KAAxB,CADiB,CAAnB,CADF,KAIKa,mBAAmB,8BAAKD,gBAAL,IAAuBZ,IAAvB,GAAnB;AACN,GANgC,EAM9B,CAACe,MAAD,EAASF,mBAAT,EAA8BD,gBAA9B,CAN8B,CAAjC;AAQA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCtB,IADD;AAEFM,MAAAA,QAAQ;AACNgC,QAAAA,YAAY,EAAEb,MADR;AAENc,QAAAA,QAAQ,EAAE;AAFJ,SAGHvC,IAAI,CAACM,QAHF;AAINkC,QAAAA,QAAQ,EAAE,CAACf,MAJL;AAKNgB,QAAAA,QAAQ,EAAEhB;AALJ,QAFN;AASFiB,MAAAA,kBAAkB,EAAE;AATlB,MADN;AAYE,IAAA,QAAQ,EAAEX,QAZZ;AAaE,IAAA,SAAS,EAAC,MAbZ;AAcE,IAAA,UAAU,EAAC,KAdb;AAeE,IAAA,OAAO,EAAEG;AAfX,kBAiBE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,KAAT;AAAe,IAAA,EAAE,EAAC;AAAlB,KACGP,SADH,CAjBF,eAoBE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,mBAAY,yBAFd;AAGE,IAAA,aAAa,EAAEZ,aAHjB;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,UAAU,EAAEC;AALd,KAOGF,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEJ,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAVJ,CApBF,eAiCE,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;AAAnC,KACGA,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAET,GAArB;AAA0B,IAAA,IAAI,EAAEH;AAAhC,IADrB,CAJF,CAjCF,CADF;AA4CD;;;;"}

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

package/esm/parts/LeftNavContentWithScrollbar/index.js

@@ -10,15 +10,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var StyledHandle = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-yn7jj3-0"
 })(["width:6px;border:1px solid rgba(0,0,0,0);background-color:rgba(105,116,137,0.5) !important;border-radius:7px;:hover{background-color:rgba(105,116,137,0.7) !important;}:active{background-color:rgba(105,116,137,0.7) !important;}"]);
+var options = {
+  className: 'os-theme-dark',
+  scrollbars: {
+    autoHide: 'leave',
+    autoHideDelay: 0
+  }
+};
 var LeftNavContentWithScrollbar = function LeftNavContentWithScrollbar(props) {
   var children = props.children;
-  var options = {
-    className: 'os-theme-dark',
-    scrollbars: {
-      autoHide: 'leave',
-      autoHideDelay: 0
-    }
-  };
   var inheritBoxShadow = {
     boxShadow: 'inherit'
   };
@@ -50,7 +50,8 @@ var LeftNavContentWithScrollbar = function LeftNavContentWithScrollbar(props) {
     style: inheritBoxShadow
   }, /*#__PURE__*/React.createElement("div", {
     className: "os-content",
-    style: inheritBoxShadow
+    style: inheritBoxShadow,
+    "aria-hidden": true
   }, children))), /*#__PURE__*/React.createElement("div", {
     className: "os-scrollbar os-scrollbar-horizontal "
   }, /*#__PURE__*/React.createElement("div", {

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

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

package/esm/parts/LeftNavFooterItem/index.js

@@ -83,7 +83,8 @@ var LeftNavFooterItem = function LeftNavFooterItem(props) {
     mr: "12px",
     mb: "16px",
     "data-testid": "leftnav-itemlabel",
-    labelOverflow: labelOverflow
+    labelOverflow: labelOverflow,
+    "aria-live": "polite"
   }, labelOverflow === 'truncate' ? /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
     value: footerLabel,
     placement: "bottom-start"

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "1.54.0-next.8",
+  "version": "1.54.0-rc.1",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Left Navigation",
   "main": "cjs/index.js",
@@ -16,9 +16,9 @@
     "directory": "dist"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.54.0-next.8",
-    "@elliemae/ds-icons": "1.54.0-next.8",
-    "@elliemae/ds-system": "1.54.0-next.8",
+    "@elliemae/ds-basic": "1.54.0-rc.1",
+    "@elliemae/ds-icons": "1.54.0-rc.1",
+    "@elliemae/ds-system": "1.54.0-rc.1",
     "prop-types": "~15.7.2",
     "react-virtual": "^2.3.2",
     "tree-model": "^1.0.7"