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

package/cjs/LeftNavigation.js

@@ -14,16 +14,9 @@ require('./exported-related/constants.js');
 require('@elliemae/ds-grid');
 require('styled-components');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
-require('@elliemae/ds-icons/OpenWindow');
+require('@elliemae/ds-icons');
 require('./outOfTheBox/ItemControlledDrilldown/index.js');
 require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-icons/ArrowheadDown');
 require('./exported-related/ItemRenderer/index.js');
 require('./exported-related/ItemRenderer/styled.js');
 require('./exported-related/ItemRenderer/usePropsWithDefaults.js');
@@ -39,7 +32,6 @@ require('./outOfTheBox/ItemTextLabel/index.js');
 require('./outOfTheBox/ItemTextLabel/styled.js');
 require('./outOfTheBox/ItemHeader/index.js');
 require('./outOfTheBox/ItemHeader/styled.js');
-require('@elliemae/ds-icons/ChevronSmallLeft');
 require('./outOfTheBox/ItemLink/index.js');
 require('./outOfTheBox/ItemLink/styled.js');
 require('./outOfTheBox/ItemSection/index.js');
@@ -52,19 +44,17 @@ require('./configs/useLeftNavItems.js');
 require('./configs/useLeftNavSmoothExpand.js');
 require('./hooks/useSelectFirstBodyItem.js');
 require('./parts/LeftNavFooterItem/index.js');
-require('@elliemae/ds-icons/MenuExpand');
 require('./parts/LeftNavFooterItem/styled.js');
-require('@elliemae/ds-basic');
-require('@elliemae/ds-icons');
 require('./common/getFocusedByKeyboardStyle.js');
 require('./common/getItemBackgroundStyle.js');
 require('./common/getLeftBorderStyle.js');
 require('./parts/LeftNavContentWithScrollbar/index.js');
+require('overlayscrollbars/css/OverlayScrollbars.css');
 require('overlayscrollbars');
 require('./parts/OutOfTheBoxMapItem.js');
 require('./parts/LeftNavContent/styled.js');
 require('./parts/LeftNavLoading/index.js');
-require('@elliemae/ds-basic/CircularProgressIndicator');
+require('@elliemae/ds-circular-progress-indicator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/LeftNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftNavigation.js","sources":["../../src/LeftNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { leftNavigationProps } from './prop-types';\nimport LeftNavigationContext, { defaultProps } from './LeftNavigationContext';\nimport { useLeftNavConfig } from './configs/useLeftNavConfig';\nimport LeftNavContent from './parts/LeftNavContent';\nimport type { LeftNavProps } from './index.d';\n\nexport const LeftNavigation = (props: LeftNavProps): JSX.Element => {\n  const leftNavConfig = useLeftNavConfig(props);\n\n  return (\n    <LeftNavigationContext.Provider value={leftNavConfig}>\n      <LeftNavContent />\n    </LeftNavigationContext.Provider>\n  );\n};\n\nLeftNavigation.propTypes = leftNavigationProps;\nLeftNavigation.defaultProps = defaultProps;\n\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description(\n  'Left Navigation',\n);\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],"names":["LeftNavigation","props","leftNavConfig","useLeftNavConfig","React","LeftNavigationContext","LeftNavContent","propTypes","leftNavigationProps","defaultProps","LeftNavigationWithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAsC;AAClE,MAAMC,aAAa,GAAGC,yCAAgB,CAACF,KAAD,CAAtC;AAEA,sBACEG,wCAACC,oCAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEH;AAAvC,kBACEE,wCAACE,0BAAD,OADF,CADF;AAKD;AAEDN,cAAc,CAACO,SAAf,GAA2BC,6BAA3B;AACAR,cAAc,CAACS,YAAf,GAA8BA,kCAA9B;IAEaC,wBAAwB,GAAGC,kBAAQ,CAACX,cAAD,CAAR,CAAyBY,WAAzB,CACtC,iBADsC;AAGxCF,wBAAwB,CAACH,SAAzB,GAAqCC,6BAArC;;;;;"}
+{"version":3,"file":"LeftNavigation.js","sources":["../../src/LeftNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { leftNavigationProps } from './prop-types';\nimport LeftNavigationContext, { defaultProps } from './LeftNavigationContext';\nimport { useLeftNavConfig } from './configs/useLeftNavConfig';\nimport LeftNavContent from './parts/LeftNavContent';\nimport type { LeftNavProps } from './index.d';\n\nexport const LeftNavigation = (props: LeftNavProps): JSX.Element => {\n  const leftNavConfig = useLeftNavConfig(props);\n\n  return (\n    <LeftNavigationContext.Provider value={leftNavConfig}>\n      <LeftNavContent />\n    </LeftNavigationContext.Provider>\n  );\n};\n\nLeftNavigation.propTypes = leftNavigationProps;\nLeftNavigation.defaultProps = defaultProps;\n\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description(\n  'Left Navigation',\n);\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],"names":["LeftNavigation","props","leftNavConfig","useLeftNavConfig","React","LeftNavigationContext","LeftNavContent","propTypes","leftNavigationProps","defaultProps","LeftNavigationWithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAsC;AAClE,MAAMC,aAAa,GAAGC,yCAAgB,CAACF,KAAD,CAAtC;AAEA,sBACEG,wCAACC,oCAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEH;AAAvC,kBACEE,wCAACE,0BAAD,OADF,CADF;AAKD;AAEDN,cAAc,CAACO,SAAf,GAA2BC,6BAA3B;AACAR,cAAc,CAACS,YAAf,GAA8BA,kCAA9B;IAEaC,wBAAwB,GAAGC,kBAAQ,CAACX,cAAD,CAAR,CAAyBY,WAAzB,CACtC,iBADsC;AAGxCF,wBAAwB,CAACH,SAAzB,GAAqCC,6BAArC;;;;;"}

package/cjs/configs/index.js

@@ -13,12 +13,7 @@ require('@elliemae/ds-grid');
 require('styled-components');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
-require('@elliemae/ds-icons/OpenWindow');
+require('@elliemae/ds-icons');
 require('./useLeftNavSmoothExpand.js');
 require('../hooks/useSelectFirstBodyItem.js');
 

package/cjs/configs/index.js.map

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

package/cjs/configs/useGlobalKeyListeners.js

@@ -11,19 +11,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var useGlobalKeyListeners = function useGlobalKeyListeners(opts) {
   var setFocusedByKey = opts.setFocusedByKey;
   React__default['default'].useEffect(function () {
-    var isKey = function isKey() {
-      return setFocusedByKey(true);
-    };
 
     var isClick = function isClick() {
       return setFocusedByKey(false);
     }; // To track wheter it's keyboard focus to apply the necessary style
+    // window.addEventListener('keydown', isKey);
 
 
-    window.addEventListener('keydown', isKey);
     window.addEventListener('mousedown', isClick);
     return function () {
-      window.removeEventListener('keydown', isKey);
+      // window.removeEventListener('keydown', isKey);
       window.removeEventListener('mousedown', isClick);
     };
   }, [setFocusedByKey]);

package/cjs/configs/useGlobalKeyListeners.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalKeyListeners.js","sources":["../../../src/configs/useGlobalKeyListeners.tsx"],"sourcesContent":["import React from 'react';\n\ninterface optsT {\n  setFocusedByKey: React.Dispatch<boolean>;\n}\n\nexport const useGlobalKeyListeners = (opts: optsT) => {\n  const { setFocusedByKey } = opts;\n  React.useEffect(() => {\n    const isKey = () => setFocusedByKey(true);\n    const isClick = () => setFocusedByKey(false);\n\n    // To track wheter it's keyboard focus to apply the necessary style\n    window.addEventListener('keydown', isKey);\n    window.addEventListener('mousedown', isClick);\n\n    return () => {\n      window.removeEventListener('keydown', isKey);\n      window.removeEventListener('mousedown', isClick);\n    };\n  }, [setFocusedByKey]);\n};\n\nexport default useGlobalKeyListeners;\n"],"names":["useGlobalKeyListeners","opts","setFocusedByKey","React","useEffect","isKey","isClick","window","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;IAMaA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAiB;AACpD,MAAQC,eAAR,GAA4BD,IAA5B,CAAQC,eAAR;AACAC,EAAAA,yBAAK,CAACC,SAAN,CAAgB,YAAM;AACpB,QAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,aAAMH,eAAe,CAAC,IAAD,CAArB;AAAA,KAAd;;AACA,QAAMI,OAAO,GAAG,SAAVA,OAAU;AAAA,aAAMJ,eAAe,CAAC,KAAD,CAArB;AAAA,KAAhB,CAFoB;;;AAKpBK,IAAAA,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCH,KAAnC;AACAE,IAAAA,MAAM,CAACC,gBAAP,CAAwB,WAAxB,EAAqCF,OAArC;AAEA,WAAO,YAAM;AACXC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCJ,KAAtC;AACAE,MAAAA,MAAM,CAACE,mBAAP,CAA2B,WAA3B,EAAwCH,OAAxC;AACD,KAHD;AAID,GAZD,EAYG,CAACJ,eAAD,CAZH;AAaD;;;;;"}
+{"version":3,"file":"useGlobalKeyListeners.js","sources":["../../../src/configs/useGlobalKeyListeners.tsx"],"sourcesContent":["import React from 'react';\n\ninterface optsT {\n  setFocusedByKey: React.Dispatch<boolean>;\n}\n\nexport const useGlobalKeyListeners = (opts: optsT) => {\n  const { setFocusedByKey } = opts;\n  React.useEffect(() => {\n    const isKey = () => setFocusedByKey(true);\n    const isClick = () => setFocusedByKey(false);\n\n    // To track wheter it's keyboard focus to apply the necessary style\n    // window.addEventListener('keydown', isKey);\n    window.addEventListener('mousedown', isClick);\n\n    return () => {\n      // window.removeEventListener('keydown', isKey);\n      window.removeEventListener('mousedown', isClick);\n    };\n  }, [setFocusedByKey]);\n};\n\nexport default useGlobalKeyListeners;\n"],"names":["useGlobalKeyListeners","opts","setFocusedByKey","React","useEffect","isClick","window","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;IAMaA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAiB;AACpD,MAAQC,eAAR,GAA4BD,IAA5B,CAAQC,eAAR;AACAC,EAAAA,yBAAK,CAACC,SAAN,CAAgB,YAAM;;AAEpB,QAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,aAAMH,eAAe,CAAC,KAAD,CAArB;AAAA,KAAhB,CAFoB;AAKpB;;;AACAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,WAAxB,EAAqCF,OAArC;AAEA,WAAO,YAAM;AACX;AACAC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,WAA3B,EAAwCH,OAAxC;AACD,KAHD;AAID,GAZD,EAYG,CAACH,eAAD,CAZH;AAaD;;;;;"}

package/cjs/configs/useLeftNavConfig.js

@@ -14,12 +14,7 @@ require('@elliemae/ds-grid');
 require('styled-components');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
-require('@elliemae/ds-icons/OpenWindow');
+require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/configs/useLeftNavConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLeftNavConfig.js","sources":["../../../src/configs/useLeftNavConfig.tsx"],"sourcesContent":["import React from 'react';\nimport type { LeftNavProps } from '../index.d';\nimport { ContextProps } from '../LeftNavigationContext';\nimport { useGlobalKeyListeners } from './useGlobalKeyListeners';\nimport useLeftNavItems from './useLeftNavItems';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem';\n\nexport const useLeftNavConfig = (props: LeftNavProps): ContextProps => {\n  const {\n    expanded,\n    openedItem,\n    onSelectedChange,\n    onFocusChange,\n    items,\n  } = props;\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         INTERNAL STATE                         *\n  // ************************** ------------ **************************\n  // Selection related\n  const [selectedItem, setSelectedItem] = React.useState(null);\n  const [selectedSubitem, setSelectedSubitem] = React.useState(null);\n  // Focus related\n  const [focusedItem, setFocusedItem] = React.useState(null);\n  const [focusedByKey, setFocusedByKey] = React.useState(true);\n  // Opened uncontrolled drilldowns\n  const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        EXPAND ANIMATION                        *\n  // ************************** ------------ **************************\n  const [expandedForAnimation, setExpandedForAnimation] = React.useState(\n    expanded,\n  );\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n  const smoothExpandOpts = React.useMemo(\n    () => ({\n      expandedForAnimation,\n      timeoutRef,\n      setExpandedForAnimation,\n    }),\n    [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n  );\n  useLeftNavSmoothExpand(props, smoothExpandOpts);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                            KEYBOARD                            *\n  // ************************** ------------ **************************\n  const globalKeyOpts = React.useMemo(() => ({ setFocusedByKey }), [\n    setFocusedByKey,\n  ]);\n  useGlobalKeyListeners(globalKeyOpts);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                          SIDE EFFECTS                          *\n  // ************************** ------------ **************************\n  React.useEffect(() => {\n    onSelectedChange(selectedItem);\n  }, [selectedItem, onSelectedChange]);\n\n  React.useEffect(() => {\n    onFocusChange(focusedItem);\n  }, [focusedItem, setFocusedItem]);\n\n  useSelectFirstBodyItem(items, openedItem, setSelectedItem);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        ITEMS MANAGEMENT                        *\n  // ************************** ------------ **************************\n\n  const leftNavItemsProps = React.useMemo(\n    () => ({\n      headerItem: props.HeaderComponent,\n      bodyHeaderItem: props.BodyHeaderComponent,\n      items: props.items,\n      openedDrilldowns,\n    }),\n    [props.items, openedDrilldowns],\n  );\n  // We need to know the current visible items since we have drilldowns\n  const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         LEFTNAV CONFIG                         *\n  // ************************** ------------ **************************\n  const finalConfig = React.useMemo(\n    () => ({\n      leftNavProps: props,\n      expandedForAnimation,\n      selectedItem,\n      setSelectedItem,\n      selectedSubitem,\n      setSelectedSubitem,\n      focusedItem,\n      setFocusedItem,\n      focusedByKey,\n      setFocusedByKey,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    }),\n    [\n      props,\n      props.items,\n      expandedForAnimation,\n      selectedItem,\n      setSelectedItem,\n      selectedSubitem,\n      setSelectedSubitem,\n      focusedItem,\n      setFocusedItem,\n      focusedByKey,\n      setFocusedByKey,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    ],\n  );\n\n  return finalConfig;\n};\n\nexport default useLeftNavConfig;\n"],"names":["useLeftNavConfig","props","expanded","openedItem","onSelectedChange","onFocusChange","items","React","useState","selectedItem","setSelectedItem","selectedSubitem","setSelectedSubitem","focusedItem","setFocusedItem","focusedByKey","setFocusedByKey","openedDrilldowns","setOpenedDrilldowns","expandedForAnimation","setExpandedForAnimation","timeoutRef","useRef","smoothExpandOpts","useMemo","useLeftNavSmoothExpand","globalKeyOpts","useGlobalKeyListeners","useEffect","useSelectFirstBodyItem","leftNavItemsProps","headerItem","HeaderComponent","bodyHeaderItem","BodyHeaderComponent","useLeftNavItems","visibleItems","visibleItemsRefs","finalConfig","leftNavProps"],"mappings":"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"}
+{"version":3,"file":"useLeftNavConfig.js","sources":["../../../src/configs/useLeftNavConfig.tsx"],"sourcesContent":["import React from 'react';\nimport type { LeftNavProps } from '../index.d';\nimport { ContextProps } from '../LeftNavigationContext';\nimport { useGlobalKeyListeners } from './useGlobalKeyListeners';\nimport useLeftNavItems from './useLeftNavItems';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem';\n\nexport const useLeftNavConfig = (props: LeftNavProps): ContextProps => {\n  const {\n    expanded,\n    openedItem,\n    onSelectedChange,\n    onFocusChange,\n    items,\n  } = props;\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         INTERNAL STATE                         *\n  // ************************** ------------ **************************\n  // Selection related\n  const [selectedItem, setSelectedItem] = React.useState(null);\n  const [selectedSubitem, setSelectedSubitem] = React.useState(null);\n  // Focus related\n  const [focusedItem, setFocusedItem] = React.useState(null);\n  const [focusedByKey, setFocusedByKey] = React.useState(true);\n  // Opened uncontrolled drilldowns\n  const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        EXPAND ANIMATION                        *\n  // ************************** ------------ **************************\n  const [expandedForAnimation, setExpandedForAnimation] = React.useState(\n    expanded,\n  );\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n  const smoothExpandOpts = React.useMemo(\n    () => ({\n      expandedForAnimation,\n      timeoutRef,\n      setExpandedForAnimation,\n    }),\n    [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n  );\n  useLeftNavSmoothExpand(props, smoothExpandOpts);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                            KEYBOARD                            *\n  // ************************** ------------ **************************\n  const globalKeyOpts = React.useMemo(() => ({ setFocusedByKey }), [\n    setFocusedByKey,\n  ]);\n  useGlobalKeyListeners(globalKeyOpts);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                          SIDE EFFECTS                          *\n  // ************************** ------------ **************************\n  React.useEffect(() => {\n    onSelectedChange(selectedItem);\n  }, [selectedItem, onSelectedChange]);\n\n  React.useEffect(() => {\n    onFocusChange(focusedItem);\n  }, [focusedItem, setFocusedItem]);\n\n  useSelectFirstBodyItem(items, openedItem, setSelectedItem);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        ITEMS MANAGEMENT                        *\n  // ************************** ------------ **************************\n\n  const leftNavItemsProps = React.useMemo(\n    () => ({\n      headerItem: props.HeaderComponent,\n      bodyHeaderItem: props.BodyHeaderComponent,\n      items: props.items,\n      openedDrilldowns,\n    }),\n    [props.items, openedDrilldowns],\n  );\n  // We need to know the current visible items since we have drilldowns\n  const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         LEFTNAV CONFIG                         *\n  // ************************** ------------ **************************\n  const finalConfig = React.useMemo(\n    () => ({\n      leftNavProps: props,\n      expandedForAnimation,\n      selectedItem,\n      setSelectedItem,\n      selectedSubitem,\n      setSelectedSubitem,\n      focusedItem,\n      setFocusedItem,\n      focusedByKey,\n      setFocusedByKey,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    }),\n    [\n      props,\n      props.items,\n      expandedForAnimation,\n      selectedItem,\n      setSelectedItem,\n      selectedSubitem,\n      setSelectedSubitem,\n      focusedItem,\n      setFocusedItem,\n      focusedByKey,\n      setFocusedByKey,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    ],\n  );\n\n  return finalConfig;\n};\n\nexport default useLeftNavConfig;\n"],"names":["useLeftNavConfig","props","expanded","openedItem","onSelectedChange","onFocusChange","items","React","useState","selectedItem","setSelectedItem","selectedSubitem","setSelectedSubitem","focusedItem","setFocusedItem","focusedByKey","setFocusedByKey","openedDrilldowns","setOpenedDrilldowns","expandedForAnimation","setExpandedForAnimation","timeoutRef","useRef","smoothExpandOpts","useMemo","useLeftNavSmoothExpand","globalKeyOpts","useGlobalKeyListeners","useEffect","useSelectFirstBodyItem","leftNavItemsProps","headerItem","HeaderComponent","bodyHeaderItem","BodyHeaderComponent","useLeftNavItems","visibleItems","visibleItemsRefs","finalConfig","leftNavProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAQaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAuC;AACrE,MACEC,QADF,GAMID,KANJ,CACEC,QADF;AAAA,MAEEC,UAFF,GAMIF,KANJ,CAEEE,UAFF;AAAA,MAGEC,gBAHF,GAMIH,KANJ,CAGEG,gBAHF;AAAA,MAIEC,aAJF,GAMIJ,KANJ,CAIEI,aAJF;AAAA,MAKEC,KALF,GAMIL,KANJ,CAKEK,KALF,CADqE;AAUrE;AACA;AACA;AACA;;AACA,wBAAwCC,yBAAK,CAACC,QAAN,CAAe,IAAf,CAAxC;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AACA,yBAA8CH,yBAAK,CAACC,QAAN,CAAe,IAAf,CAA9C;AAAA;AAAA,MAAOG,eAAP;AAAA,MAAwBC,kBAAxB,uBAfqE;;;AAiBrE,yBAAsCL,yBAAK,CAACC,QAAN,CAAe,IAAf,CAAtC;AAAA;AAAA,MAAOK,WAAP;AAAA,MAAoBC,cAApB;;AACA,yBAAwCP,yBAAK,CAACC,QAAN,CAAe,IAAf,CAAxC;AAAA;AAAA,MAAOO,YAAP;AAAA,MAAqBC,eAArB,uBAlBqE;;;AAoBrE,yBAAgDT,yBAAK,CAACC,QAAN,CAAyB,EAAzB,CAAhD;AAAA;AAAA,MAAOS,gBAAP;AAAA,MAAyBC,mBAAzB,wBApBqE;AAuBrE;AACA;AACA;;;AACA,0BAAwDX,yBAAK,CAACC,QAAN,CACtDN,QADsD,CAAxD;AAAA;AAAA,MAAOiB,oBAAP;AAAA,MAA6BC,uBAA7B;;AAGA,MAAMC,UAAU,GAAGd,yBAAK,CAACe,MAAN,CAA4C,IAA5C,CAAnB;AACA,MAAMC,gBAAgB,GAAGhB,yBAAK,CAACiB,OAAN,CACvB;AAAA,WAAO;AACLL,MAAAA,oBAAoB,EAApBA,oBADK;AAELE,MAAAA,UAAU,EAAVA,UAFK;AAGLD,MAAAA,uBAAuB,EAAvBA;AAHK,KAAP;AAAA,GADuB,EAMvB,CAACD,oBAAD,EAAuBE,UAAvB,EAAmCD,uBAAnC,CANuB,CAAzB;AAQAK,EAAAA,qDAAsB,CAACxB,KAAD,EAAQsB,gBAAR,CAAtB,CAtCqE;AAyCrE;AACA;AACA;;AACA,MAAMG,aAAa,GAAGnB,yBAAK,CAACiB,OAAN,CAAc;AAAA,WAAO;AAAER,MAAAA,eAAe,EAAfA;AAAF,KAAP;AAAA,GAAd,EAA2C,CAC/DA,eAD+D,CAA3C,CAAtB;AAGAW,EAAAA,mDAAqB,CAACD,aAAD,CAArB,CA/CqE;AAkDrE;AACA;AACA;;AACAnB,EAAAA,yBAAK,CAACqB,SAAN,CAAgB,YAAM;AACpBxB,IAAAA,gBAAgB,CAACK,YAAD,CAAhB;AACD,GAFD,EAEG,CAACA,YAAD,EAAeL,gBAAf,CAFH;AAIAG,EAAAA,yBAAK,CAACqB,SAAN,CAAgB,YAAM;AACpBvB,IAAAA,aAAa,CAACQ,WAAD,CAAb;AACD,GAFD,EAEG,CAACA,WAAD,EAAcC,cAAd,CAFH;AAIAe,EAAAA,mDAAsB,CAACvB,KAAD,EAAQH,UAAR,EAAoBO,eAApB,CAAtB,CA7DqE;AAgErE;AACA;AACA;;AAEA,MAAMoB,iBAAiB,GAAGvB,yBAAK,CAACiB,OAAN,CACxB;AAAA,WAAO;AACLO,MAAAA,UAAU,EAAE9B,KAAK,CAAC+B,eADb;AAELC,MAAAA,cAAc,EAAEhC,KAAK,CAACiC,mBAFjB;AAGL5B,MAAAA,KAAK,EAAEL,KAAK,CAACK,KAHR;AAILW,MAAAA,gBAAgB,EAAhBA;AAJK,KAAP;AAAA,GADwB,EAOxB,CAAChB,KAAK,CAACK,KAAP,EAAcW,gBAAd,CAPwB,CAA1B,CApEqE;;AA8ErE,yBAA2CkB,uCAAe,CAACL,iBAAD,CAA1D;AAAA,MAAQM,YAAR,oBAAQA,YAAR;AAAA,MAAsBC,gBAAtB,oBAAsBA,gBAAtB,CA9EqE;AAiFrE;AACA;AACA;;;AACA,MAAMC,WAAW,GAAG/B,yBAAK,CAACiB,OAAN,CAClB;AAAA,WAAO;AACLe,MAAAA,YAAY,EAAEtC,KADT;AAELkB,MAAAA,oBAAoB,EAApBA,oBAFK;AAGLV,MAAAA,YAAY,EAAZA,YAHK;AAILC,MAAAA,eAAe,EAAfA,eAJK;AAKLC,MAAAA,eAAe,EAAfA,eALK;AAMLC,MAAAA,kBAAkB,EAAlBA,kBANK;AAOLC,MAAAA,WAAW,EAAXA,WAPK;AAQLC,MAAAA,cAAc,EAAdA,cARK;AASLC,MAAAA,YAAY,EAAZA,YATK;AAULC,MAAAA,eAAe,EAAfA,eAVK;AAWLC,MAAAA,gBAAgB,EAAhBA,gBAXK;AAYLC,MAAAA,mBAAmB,EAAnBA,mBAZK;AAaLkB,MAAAA,YAAY,EAAZA,YAbK;AAcLC,MAAAA,gBAAgB,EAAhBA;AAdK,KAAP;AAAA,GADkB,EAiBlB,CACEpC,KADF,EAEEA,KAAK,CAACK,KAFR,EAGEa,oBAHF,EAIEV,YAJF,EAKEC,eALF,EAMEC,eANF,EAOEC,kBAPF,EAQEC,WARF,EASEC,cATF,EAUEC,YAVF,EAWEC,eAXF,EAYEC,gBAZF,EAaEC,mBAbF,EAcEkB,YAdF,EAeEC,gBAfF,CAjBkB,CAApB;AAoCA,SAAOC,WAAP;AACD;;;;;"}

package/cjs/configs/useLeftNavItems.js

@@ -9,12 +9,7 @@ require('@elliemae/ds-grid');
 require('styled-components');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
-require('@elliemae/ds-icons/OpenWindow');
+require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/configs/useLeftNavItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLeftNavItems.js","sources":["../../../src/configs/useLeftNavItems.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport { createRef, MutableRefObject, RefObject, useMemo, useRef } from 'react';\nimport { ITEM_TYPES } from '../exported-related';\nimport type { GenericItemItemProps } from '../index.d';\nimport { FOOTER_DS_ID } from '../exported-related/constants';\n\nconst notFocuseableItems = [\n  ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR,\n  ITEM_TYPES.LEFT_NAV_ITEM_SECTION,\n];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (\n  items: GenericItemItemProps[],\n  openedDrilldowns: string[],\n  callback: (dsId: string) => void,\n) => {\n  items.forEach((item) => {\n    if (typeof item.type === 'string') {\n      // Out of the box item\n      if (notFocuseableItems.includes(item.type)) return; // not focuseable\n\n      callback(item.dsId);\n\n      // If it's an opened uncontrolled drilldown\n      if (\n        item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN &&\n        openedDrilldowns.includes(item.dsId)\n      )\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n      // If it's an opened controlled drilldown\n      if (\n        item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN &&\n        item.itemOpts?.isOpened\n      )\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n    } else {\n      // Custom item\n      if (!item.itemOpts?.focuseable) return; // not focuseable specified\n      callback(item.dsId);\n    }\n  });\n};\n\nexport const useLeftNavItems = (props: {\n  headerItem: GenericItemItemProps;\n  bodyHeaderItem: GenericItemItemProps;\n  items: GenericItemItemProps[];\n  openedDrilldowns: string[];\n}): {\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n} => {\n  const {\n    headerItem,\n    bodyHeaderItem,\n    items: bodyItems,\n    openedDrilldowns,\n  } = props;\n\n  // Place the header and body header items into the array of items\n  const items = useMemo(() => {\n    const itemsArray: GenericItemItemProps[] = [...bodyItems];\n    if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);\n    if (headerItem) itemsArray.unshift(headerItem);\n    return itemsArray;\n  }, [headerItem, bodyHeaderItem, bodyItems]);\n\n  const visibleItemsRefs = useRef<Record<string, RefObject<HTMLElement>>>({});\n\n  const visibleItems: string[] = useMemo(() => {\n    const visibleItemsArray: string[] = [];\n    walkItems(items, openedDrilldowns, (dsId: string) => {\n      visibleItemsArray.push(dsId);\n    });\n    visibleItemsArray.push(FOOTER_DS_ID);\n    return visibleItemsArray;\n  }, [props]);\n\n  visibleItems.forEach((dsId) => {\n    if (!(dsId in visibleItemsRefs.current))\n      visibleItemsRefs.current[dsId] = createRef();\n  });\n\n  return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n"],"names":["notFocuseableItems","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_SECTION","walkItems","items","openedDrilldowns","callback","forEach","item","type","includes","dsId","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","itemOpts","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","isOpened","focuseable","useLeftNavItems","props","headerItem","bodyHeaderItem","bodyItems","useMemo","itemsArray","unshift","visibleItemsRefs","useRef","visibleItems","visibleItemsArray","push","FOOTER_DS_ID","current","createRef"],"mappings":"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"}
+{"version":3,"file":"useLeftNavItems.js","sources":["../../../src/configs/useLeftNavItems.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport { createRef, MutableRefObject, RefObject, useMemo, useRef } from 'react';\nimport { ITEM_TYPES } from '../exported-related';\nimport type { GenericItemItemProps } from '../index.d';\nimport { FOOTER_DS_ID } from '../exported-related/constants';\n\nconst notFocuseableItems = [\n  ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR,\n  ITEM_TYPES.LEFT_NAV_ITEM_SECTION,\n];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (\n  items: GenericItemItemProps[],\n  openedDrilldowns: string[],\n  callback: (dsId: string) => void,\n) => {\n  items.forEach((item) => {\n    if (typeof item.type === 'string') {\n      // Out of the box item\n      if (notFocuseableItems.includes(item.type)) return; // not focuseable\n\n      callback(item.dsId);\n\n      // If it's an opened uncontrolled drilldown\n      if (\n        item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN &&\n        openedDrilldowns.includes(item.dsId)\n      )\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n      // If it's an opened controlled drilldown\n      if (\n        item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN &&\n        item.itemOpts?.isOpened\n      )\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n    } else {\n      // Custom item\n      if (!item.itemOpts?.focuseable) return; // not focuseable specified\n      callback(item.dsId);\n    }\n  });\n};\n\nexport const useLeftNavItems = (props: {\n  headerItem: GenericItemItemProps;\n  bodyHeaderItem: GenericItemItemProps;\n  items: GenericItemItemProps[];\n  openedDrilldowns: string[];\n}): {\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n} => {\n  const {\n    headerItem,\n    bodyHeaderItem,\n    items: bodyItems,\n    openedDrilldowns,\n  } = props;\n\n  // Place the header and body header items into the array of items\n  const items = useMemo(() => {\n    const itemsArray: GenericItemItemProps[] = [...bodyItems];\n    if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);\n    if (headerItem) itemsArray.unshift(headerItem);\n    return itemsArray;\n  }, [headerItem, bodyHeaderItem, bodyItems]);\n\n  const visibleItemsRefs = useRef<Record<string, RefObject<HTMLElement>>>({});\n\n  const visibleItems: string[] = useMemo(() => {\n    const visibleItemsArray: string[] = [];\n    walkItems(items, openedDrilldowns, (dsId: string) => {\n      visibleItemsArray.push(dsId);\n    });\n    visibleItemsArray.push(FOOTER_DS_ID);\n    return visibleItemsArray;\n  }, [props]);\n\n  visibleItems.forEach((dsId) => {\n    if (!(dsId in visibleItemsRefs.current))\n      visibleItemsRefs.current[dsId] = createRef();\n  });\n\n  return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n"],"names":["notFocuseableItems","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_SECTION","walkItems","items","openedDrilldowns","callback","forEach","item","type","includes","dsId","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","itemOpts","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","isOpened","focuseable","useLeftNavItems","props","headerItem","bodyHeaderItem","bodyItems","useMemo","itemsArray","unshift","visibleItemsRefs","useRef","visibleItems","visibleItemsArray","push","FOOTER_DS_ID","current","createRef"],"mappings":"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"}

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

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
-var ChevronRight = require('@elliemae/ds-icons/ChevronSmallRight');
+var dsIcons = require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
 
 var ChevronItem = function ChevronItem(props) {
-  return /*#__PURE__*/React__default['default'].createElement(ChevronRight__default['default'], _extends__default['default']({
+  return /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallRight, _extends__default['default']({
     size: "m",
     color: ['brand-primary', 800]
   }, props));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/exported-related/ChevronItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport ChevronRight from '@elliemae/ds-icons/ChevronSmallRight';\n\nexport const ChevronItem = (props: unknown): JSX.Element => (\n  <ChevronRight size=\"m\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default ChevronItem;\n"],"names":["ChevronItem","props","React","ChevronRight"],"mappings":";;;;;;;;;;;;;;IAGaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,sBACzBC,wCAACC,gCAAD;AAAc,IAAA,IAAI,EAAC,GAAnB;AAAuB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAA9B,KAA0DF,KAA1D,EADyB;AAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/exported-related/ChevronItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\n\nexport const ChevronItem = (props: unknown): JSX.Element => (\n  <ChevronSmallRight size=\"m\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default ChevronItem;\n"],"names":["ChevronItem","props","React","ChevronSmallRight"],"mappings":";;;;;;;;;;;;;IAGaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,sBACzBC,wCAACC,yBAAD;AAAmB,IAAA,IAAI,EAAC,GAAxB;AAA4B,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAnC,KAA+DF,KAA/D,EADyB;AAAA;;;;;"}

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

@@ -3,20 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var InternalNotifications = require('@elliemae/ds-icons/Notifications');
-var ExceptionsSmallFill = require('@elliemae/ds-icons/ExceptionsSmallFill');
-var AlertsSmallFill = require('@elliemae/ds-icons/AlertsSmallFill');
-var MessagesSmallFill = require('@elliemae/ds-icons/MessagesSmallFill');
+var dsIcons = require('@elliemae/ds-icons');
 var styled = require('styled-components');
 var Grid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var InternalNotifications__default = /*#__PURE__*/_interopDefaultLegacy(InternalNotifications);
-var ExceptionsSmallFill__default = /*#__PURE__*/_interopDefaultLegacy(ExceptionsSmallFill);
-var AlertsSmallFill__default = /*#__PURE__*/_interopDefaultLegacy(AlertsSmallFill);
-var MessagesSmallFill__default = /*#__PURE__*/_interopDefaultLegacy(MessagesSmallFill);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
@@ -30,7 +23,7 @@ var Notifications = function Notifications(_ref) {
       alerts = _ref$alerts === void 0 ? false : _ref$alerts,
       _ref$messages = _ref.messages,
       messages = _ref$messages === void 0 ? false : _ref$messages;
-  return /*#__PURE__*/React__default['default'].createElement(StyledIcon, null, /*#__PURE__*/React__default['default'].createElement(InternalNotifications__default['default'], {
+  return /*#__PURE__*/React__default['default'].createElement(StyledIcon, null, /*#__PURE__*/React__default['default'].createElement(dsIcons.Notifications, {
     size: "m",
     color: ['brand-primary', 800]
   }), (exceptions || alerts || messages) && /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
@@ -40,21 +33,21 @@ var Notifications = function Notifications(_ref) {
   }, /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
     width: "6px",
     height: "6px"
-  }, exceptions && /*#__PURE__*/React__default['default'].createElement(ExceptionsSmallFill__default['default'], {
+  }, exceptions && /*#__PURE__*/React__default['default'].createElement(dsIcons.ExceptionsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['warning', 900]
   })), /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
     width: "6px",
     height: "6px"
-  }, alerts && /*#__PURE__*/React__default['default'].createElement(AlertsSmallFill__default['default'], {
+  }, alerts && /*#__PURE__*/React__default['default'].createElement(dsIcons.AlertsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['danger', 900]
   })), /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
     width: "6px",
     height: "6px"
-  }, messages && /*#__PURE__*/React__default['default'].createElement(MessagesSmallFill__default['default'], {
+  }, messages && /*#__PURE__*/React__default['default'].createElement(dsIcons.MessagesSmallFill, {
     width: "6px",
     height: "6px",
     color: ['success', 900]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/exported-related/Notifications/index.tsx"],"sourcesContent":["import React from 'react';\nimport InternalNotifications from '@elliemae/ds-icons/Notifications';\nimport ExceptionsSmallFill from '@elliemae/ds-icons/ExceptionsSmallFill';\nimport AlertsSmallFill from '@elliemae/ds-icons/AlertsSmallFill';\nimport MessagesSmallFill from '@elliemae/ds-icons/MessagesSmallFill';\nimport styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nconst StyledIcon = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\ntype NotificationsProps = {\n  exceptions?: boolean;\n  alerts?: boolean;\n  messages?: boolean;\n};\n\nexport const Notifications = ({\n  exceptions = false,\n  alerts = false,\n  messages = false,\n}: NotificationsProps): JSX.Element => (\n  <StyledIcon>\n    <InternalNotifications size=\"m\" color={['brand-primary', 800]} />\n    {(exceptions || alerts || messages) && (\n      <Grid cols={['1fr', '1fr', '1fr']} gutter=\"xxxs\" mt=\"2px\">\n        <Grid width=\"6px\" height=\"6px\">\n          {exceptions && (\n            <ExceptionsSmallFill\n              width=\"6px\"\n              height=\"6px\"\n              color={['warning', 900]}\n            />\n          )}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\">\n          {alerts && (\n            <AlertsSmallFill width=\"6px\" height=\"6px\" color={['danger', 900]} />\n          )}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\">\n          {messages && (\n            <MessagesSmallFill\n              width=\"6px\"\n              height=\"6px\"\n              color={['success', 900]}\n            />\n          )}\n        </Grid>\n      </Grid>\n    )}\n  </StyledIcon>\n);\n\nexport default Notifications;\n"],"names":["StyledIcon","styled","div","Notifications","exceptions","alerts","messages","React","InternalNotifications","Grid","ExceptionsSmallFill","AlertsSmallFill","MessagesSmallFill"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,UAAU,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,8DAAhB;IAYaC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,6BAC3BC,UAD2B;AAAA,MAC3BA,UAD2B,gCACd,KADc;AAAA,yBAE3BC,MAF2B;AAAA,MAE3BA,MAF2B,4BAElB,KAFkB;AAAA,2BAG3BC,QAH2B;AAAA,MAG3BA,QAH2B,8BAGhB,KAHgB;AAAA,sBAK3BC,wCAAC,UAAD,qBACEA,wCAACC,yCAAD;AAAuB,IAAA,IAAI,EAAC,GAA5B;AAAgC,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAvC,IADF,EAEG,CAACJ,UAAU,IAAIC,MAAd,IAAwBC,QAAzB,kBACCC,wCAACE,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,CAAZ;AAAmC,IAAA,MAAM,EAAC,MAA1C;AAAiD,IAAA,EAAE,EAAC;AAApD,kBACEF,wCAACE,wBAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGL,UAAU,iBACTG,wCAACG,uCAAD;AACE,IAAA,KAAK,EAAC,KADR;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAHT,IAFJ,CADF,eAUEH,wCAACE,wBAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGJ,MAAM,iBACLE,wCAACI,mCAAD;AAAiB,IAAA,KAAK,EAAC,KAAvB;AAA6B,IAAA,MAAM,EAAC,KAApC;AAA0C,IAAA,KAAK,EAAE,CAAC,QAAD,EAAW,GAAX;AAAjD,IAFJ,CAVF,eAeEJ,wCAACE,wBAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGH,QAAQ,iBACPC,wCAACK,qCAAD;AACE,IAAA,KAAK,EAAC,KADR;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAHT,IAFJ,CAfF,CAHJ,CAL2B;AAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/exported-related/Notifications/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AlertsSmallFill,\n  Notifications as InternalNotifications,\n  ExceptionsSmallFill,\n  MessagesSmallFill,\n} from '@elliemae/ds-icons';\nimport styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nconst StyledIcon = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\ntype NotificationsProps = {\n  exceptions?: boolean;\n  alerts?: boolean;\n  messages?: boolean;\n};\n\nexport const Notifications = ({\n  exceptions = false,\n  alerts = false,\n  messages = false,\n}: NotificationsProps): JSX.Element => (\n  <StyledIcon>\n    <InternalNotifications size=\"m\" color={['brand-primary', 800]} />\n    {(exceptions || alerts || messages) && (\n      <Grid cols={['1fr', '1fr', '1fr']} gutter=\"xxxs\" mt=\"2px\">\n        <Grid width=\"6px\" height=\"6px\">\n          {exceptions && <ExceptionsSmallFill width=\"6px\" height=\"6px\" color={['warning', 900]} />}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\">\n          {alerts && <AlertsSmallFill width=\"6px\" height=\"6px\" color={['danger', 900]} />}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\">\n          {messages && <MessagesSmallFill width=\"6px\" height=\"6px\" color={['success', 900]} />}\n        </Grid>\n      </Grid>\n    )}\n  </StyledIcon>\n);\n\nexport default Notifications;\n"],"names":["StyledIcon","styled","div","Notifications","exceptions","alerts","messages","React","InternalNotifications","Grid","ExceptionsSmallFill","AlertsSmallFill","MessagesSmallFill"],"mappings":";;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,8DAAhB;IAYaC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,6BAC3BC,UAD2B;AAAA,MAC3BA,UAD2B,gCACd,KADc;AAAA,yBAE3BC,MAF2B;AAAA,MAE3BA,MAF2B,4BAElB,KAFkB;AAAA,2BAG3BC,QAH2B;AAAA,MAG3BA,QAH2B,8BAGhB,KAHgB;AAAA,sBAK3BC,wCAAC,UAAD,qBACEA,wCAACC,qBAAD;AAAuB,IAAA,IAAI,EAAC,GAA5B;AAAgC,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAvC,IADF,EAEG,CAACJ,UAAU,IAAIC,MAAd,IAAwBC,QAAzB,kBACCC,wCAACE,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,CAAZ;AAAmC,IAAA,MAAM,EAAC,MAA1C;AAAiD,IAAA,EAAE,EAAC;AAApD,kBACEF,wCAACE,wBAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGL,UAAU,iBAAIG,wCAACG,2BAAD;AAAqB,IAAA,KAAK,EAAC,KAA3B;AAAiC,IAAA,MAAM,EAAC,KAAxC;AAA8C,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAArD,IADjB,CADF,eAIEH,wCAACE,wBAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGJ,MAAM,iBAAIE,wCAACI,uBAAD;AAAiB,IAAA,KAAK,EAAC,KAAvB;AAA6B,IAAA,MAAM,EAAC,KAApC;AAA0C,IAAA,KAAK,EAAE,CAAC,QAAD,EAAW,GAAX;AAAjD,IADb,CAJF,eAOEJ,wCAACE,wBAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGH,QAAQ,iBAAIC,wCAACK,yBAAD;AAAmB,IAAA,KAAK,EAAC,KAAzB;AAA+B,IAAA,MAAM,EAAC,KAAtC;AAA4C,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAAnD,IADf,CAPF,CAHJ,CAL2B;AAAA;;;;;"}

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

@@ -5,16 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var styled = require('styled-components');
-var InternalOpenWindow = require('@elliemae/ds-icons/OpenWindow');
+var dsIcons = require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var InternalOpenWindow__default = /*#__PURE__*/_interopDefaultLegacy(InternalOpenWindow);
 
-var StyledOpenWindow = /*#__PURE__*/styled__default['default'](InternalOpenWindow__default['default']).withConfig({
+var StyledOpenWindow = /*#__PURE__*/styled__default['default'](dsIcons.OpenWindow).withConfig({
   componentId: "sc-g53ios-0"
 })(["cursor:pointer;:focus{outline:1px solid ", ";}"], function (props) {
   return props.theme.colors.brand[800];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/exported-related/OpenWindowItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport InternalOpenWindow from '@elliemae/ds-icons/OpenWindow';\n\nconst StyledOpenWindow = styled(InternalOpenWindow)`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n\nexport const OpenWindow = (props: unknown): JSX.Element => (\n  <StyledOpenWindow size=\"s\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default OpenWindow;\n"],"names":["StyledOpenWindow","styled","InternalOpenWindow","props","theme","colors","brand","OpenWindow","React"],"mappings":";;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,sCAAD,CAAT;AAAA;AAAA,uDAGG,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHH,CAAtB;IAOaC,UAAU,GAAG,SAAbA,UAAa,CAACJ,KAAD;AAAA,sBACxBK,wCAAC,gBAAD;AAAkB,IAAA,IAAI,EAAC,GAAvB;AAA2B,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAlC,KAA8DL,KAA9D,EADwB;AAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/exported-related/OpenWindowItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { OpenWindow as OpenWindowIcon } from '@elliemae/ds-icons';\n\nconst StyledOpenWindow = styled(OpenWindowIcon)`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n\nexport const OpenWindow = (props: unknown): JSX.Element => (\n  <StyledOpenWindow size=\"s\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default OpenWindow;\n"],"names":["StyledOpenWindow","styled","OpenWindowIcon","props","theme","colors","brand","OpenWindow","React"],"mappings":";;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,kBAAD,CAAT;AAAA;AAAA,uDAGG,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHH,CAAtB;IAOaC,UAAU,GAAG,SAAbA,UAAa,CAACJ,KAAD;AAAA,sBACxBK,wCAAC,gBAAD;AAAkB,IAAA,IAAI,EAAC,GAAvB;AAA2B,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAlC,KAA8DL,KAA9D,EADwB;AAAA;;;;;"}

package/cjs/exported-related/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/exported-related/constants.tsx"],"sourcesContent":["export const LABEL_OVERFLOW = {\n  WRAP: 'wrap',\n  WRAP_ALL: 'wrapAll',\n  TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n  LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n  LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n  LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN:\n    'ds-left-nav-item-uncontrolled-drilldown',\n  LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',\n  LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',\n  LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',\n  LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date',\n};\n\nexport const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';\n\nexport const FOOTER_MENU_CLOSE_DS_ID =\n  'ds-left-nav-__internal__-footer-menu-close';\n\nexport const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';\n"],"names":["LABEL_OVERFLOW","WRAP","WRAP_ALL","TRUNCATE","ITEM_TYPES","LEFT_NAV_ITEM_HEADER","LEFT_NAV_ITEM_LINK","LEFT_NAV_ITEM_SUBMENU","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_SECTION","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_TEXT_LABEL","LEFT_NAV_ITEM_WITH_DATE","FOOTER_DS_ID","FOOTER_MENU_CLOSE_DS_ID","CHEVRON_BACK_DS_ID"],"mappings":";;;;IAAaA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,MADsB;AAE5BC,EAAAA,QAAQ,EAAE,SAFkB;AAG5BC,EAAAA,QAAQ,EAAE;AAHkB;IAMjBC,UAAU,GAAG;AACxBC,EAAAA,oBAAoB,EAAE,yBADE;AAExBC,EAAAA,kBAAkB,EAAE,uBAFI;AAGxBC,EAAAA,qBAAqB,EAAE,0BAHC;AAIxBC,EAAAA,kCAAkC,EAAE,uCAJZ;AAKxBC,EAAAA,oCAAoC,EAClC,yCANsB;AAOxBC,EAAAA,qBAAqB,EAAE,0BAPC;AAQxBC,EAAAA,uBAAuB,EAAE,4BARD;AASxBC,EAAAA,wBAAwB,EAAE,6BATF;AAUxBC,EAAAA,uBAAuB,EAAE;AAVD;IAabC,YAAY,GAAG;IAEfC,uBAAuB,GAClC;IAEWC,kBAAkB,GAAG;;;;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../src/exported-related/constants.tsx"],"sourcesContent":["export const LABEL_OVERFLOW = {\n  WRAP: 'wrap',\n  WRAP_ALL: 'wrapAll',\n  TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n  LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n  LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n  LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: 'ds-left-nav-item-uncontrolled-drilldown',\n  LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',\n  LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',\n  LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',\n  LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date',\n};\n\nexport const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';\n\nexport const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';\n\nexport const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';\n"],"names":["LABEL_OVERFLOW","WRAP","WRAP_ALL","TRUNCATE","ITEM_TYPES","LEFT_NAV_ITEM_HEADER","LEFT_NAV_ITEM_LINK","LEFT_NAV_ITEM_SUBMENU","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_SECTION","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_TEXT_LABEL","LEFT_NAV_ITEM_WITH_DATE","FOOTER_DS_ID","FOOTER_MENU_CLOSE_DS_ID","CHEVRON_BACK_DS_ID"],"mappings":";;;;IAAaA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,MADsB;AAE5BC,EAAAA,QAAQ,EAAE,SAFkB;AAG5BC,EAAAA,QAAQ,EAAE;AAHkB;IAMjBC,UAAU,GAAG;AACxBC,EAAAA,oBAAoB,EAAE,yBADE;AAExBC,EAAAA,kBAAkB,EAAE,uBAFI;AAGxBC,EAAAA,qBAAqB,EAAE,0BAHC;AAIxBC,EAAAA,kCAAkC,EAAE,uCAJZ;AAKxBC,EAAAA,oCAAoC,EAAE,yCALd;AAMxBC,EAAAA,qBAAqB,EAAE,0BANC;AAOxBC,EAAAA,uBAAuB,EAAE,4BAPD;AAQxBC,EAAAA,wBAAwB,EAAE,6BARF;AASxBC,EAAAA,uBAAuB,EAAE;AATD;IAYbC,YAAY,GAAG;IAEfC,uBAAuB,GAAG;IAE1BC,kBAAkB,GAAG;;;;;;;;"}

package/cjs/exported-related/index.js

@@ -17,12 +17,7 @@ require('./ItemRenderer/usePropsWithDefaults.js');
 require('@babel/runtime/helpers/defineProperty');
 require('../hooks/useKeyboardNavigation.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
-require('@elliemae/ds-icons/OpenWindow');
+require('@elliemae/ds-icons');
 
 
 

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

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

package/cjs/index.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('overlayscrollbars/css/OverlayScrollbars.css');
 var propTypes = require('./prop-types.js');
 var LeftNavigation = require('./LeftNavigation.js');
 var exportedRelated_constants = require('./exported-related/constants.js');
@@ -18,16 +17,9 @@ require('react');
 require('@elliemae/ds-grid');
 require('styled-components');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
-require('@elliemae/ds-icons/OpenWindow');
+require('@elliemae/ds-icons');
 require('./outOfTheBox/ItemControlledDrilldown/index.js');
 require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-icons/ArrowheadDown');
 require('./outOfTheBox/ItemControlledDrilldown/styled.js');
 require('./outOfTheBox/ItemSeparator/index.js');
 require('./exported-related/ItemRenderer/styled.js');
@@ -43,7 +35,6 @@ require('./outOfTheBox/ItemTextLabel/index.js');
 require('./outOfTheBox/ItemTextLabel/styled.js');
 require('./outOfTheBox/ItemHeader/index.js');
 require('./outOfTheBox/ItemHeader/styled.js');
-require('@elliemae/ds-icons/ChevronSmallLeft');
 require('./outOfTheBox/ItemLink/index.js');
 require('./outOfTheBox/ItemLink/styled.js');
 require('./outOfTheBox/ItemSection/index.js');
@@ -58,19 +49,17 @@ require('./configs/useLeftNavSmoothExpand.js');
 require('./hooks/useSelectFirstBodyItem.js');
 require('./parts/LeftNavContent/index.js');
 require('./parts/LeftNavFooterItem/index.js');
-require('@elliemae/ds-icons/MenuExpand');
 require('./parts/LeftNavFooterItem/styled.js');
-require('@elliemae/ds-basic');
-require('@elliemae/ds-icons');
 require('./common/getFocusedByKeyboardStyle.js');
 require('./common/getItemBackgroundStyle.js');
 require('./common/getLeftBorderStyle.js');
 require('./parts/LeftNavContentWithScrollbar/index.js');
+require('overlayscrollbars/css/OverlayScrollbars.css');
 require('overlayscrollbars');
 require('./parts/OutOfTheBoxMapItem.js');
 require('./parts/LeftNavContent/styled.js');
 require('./parts/LeftNavLoading/index.js');
-require('@elliemae/ds-basic/CircularProgressIndicator');
+require('@elliemae/ds-circular-progress-indicator');
 
 
 

package/cjs/index.js.map

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

package/cjs/outOfTheBox/ItemControlledDrilldown/index.js

@@ -6,18 +6,11 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var Grid = require('@elliemae/ds-grid');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
+var dsIcons = require('@elliemae/ds-icons');
 var exportedRelated_constants = require('../../exported-related/constants.js');
 var exportedRelated_ItemRenderer_index = require('../../exported-related/ItemRenderer/index.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons/ChevronSmallRight');
-require('@elliemae/ds-icons/Notifications');
-require('@elliemae/ds-icons/ExceptionsSmallFill');
-require('@elliemae/ds-icons/AlertsSmallFill');
-require('@elliemae/ds-icons/MessagesSmallFill');
 require('styled-components');
-require('@elliemae/ds-icons/OpenWindow');
 var outOfTheBox_ItemControlledDrilldown_styled = require('./styled.js');
 var outOfTheBox_ItemSeparator_index = require('../ItemSeparator/index.js');
 var outOfTheBox_ItemWithDate_index = require('../ItemWithDate/index.js');
@@ -32,8 +25,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
 
 var _outOfTheBoxSubitemsC;
 
@@ -89,7 +80,7 @@ var ItemControlledDrilldown = function ItemControlledDrilldown(props) {
       leftNavLabelOverflow = props.ctx.leftNavProps.labelOverflow;
   var labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
   var arrowIcon = React.useMemo(function () {
-    var Component = isOpened ? ArrowheadDown__default['default'] : ArrowheadRight__default['default'];
+    var Component = isOpened ? dsIcons.ArrowheadDown : dsIcons.ArrowheadRight;
     return /*#__PURE__*/React__default['default'].createElement(Component, {
       width: "24px",
       height: "18px",

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

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

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

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