@elliemae/ds-left-navigation 3.5.0-rc.7 → 3.5.1-next.0

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavContent/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n  StyledLeftNavExpandAnimationWrapper,\n  StyledLeftNavAreasContainer,\n  StyledLeftNavHeaderArea,\n  StyledLeftNavBodyAreasContainer,\n  StyledLeftNavBodyHeaderArea,\n  StyledLeftNavBodyItemsArea,\n  StyledLeftNavFooterArea,\n  StyledLeftNavContentWithScrollbar,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n  'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n  'To expand or select an item, use the Enter/Return or Space keys. ' +\n  'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n  'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n  const {\n    leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items, withoutBodyShadow },\n    selectedItem,\n  } = React.useContext(LeftNavContext);\n  return (\n    <>\n      <StyledLeftNavHeaderArea\n        data-testid=\"leftnav-header-area\"\n        selected={HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)}\n      >\n        {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n      </StyledLeftNavHeaderArea>\n      <StyledLeftNavBodyAreasContainer>\n        <StyledLeftNavBodyHeaderArea\n          data-testid=\"leftnav-body-header-area\"\n          selected={BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)}\n        >\n          {BodyHeaderComponent ? <OutOfTheBoxMapItem item={BodyHeaderComponent} /> : null}\n        </StyledLeftNavBodyHeaderArea>\n        <StyledLeftNavBodyItemsArea\n          selected={!withoutBodyShadow && openedItem !== null}\n          data-testid=\"leftnav-body-items-area\"\n          tabIndex={-1}\n        >\n          <StyledLeftNavContentWithScrollbar>\n            {items.map((item) => (\n              <OutOfTheBoxMapItem item={item} key={item.dsId} />\n            ))}\n          </StyledLeftNavContentWithScrollbar>\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,MAAM,kCACJ;AAKF,MAAM,sBAAsB,MAAM;AAChC,QAAM;AAAA,IACJ,cAAc,EAAE,iBAAiB,qBAAqB,YAAY,OAAO,kBAAkB;AAAA,IAC3F;AAAA,EACF,IAAIA,OAAM,WAAW,cAAc;AACnC,SACE,gBAAAA,OAAA,cAAAA,OAAA,gBACE,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAY;AAAA,IACZ,UAAU,mBAAmB,CAAC,cAAc,UAAU,EAAE,SAAS,gBAAgB,IAAI;AAAA,KAEpF,kBAAkB,gBAAAA,OAAA,cAAC;AAAA,IAAmB,MAAM;AAAA,GAAiB,IAAK,IACrE,GACA,gBAAAA,OAAA,cAAC,uCACC,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAY;AAAA,IACZ,UAAU,uBAAuB,CAAC,cAAc,UAAU,EAAE,SAAS,oBAAoB,IAAI;AAAA,KAE5F,sBAAsB,gBAAAA,OAAA,cAAC;AAAA,IAAmB,MAAM;AAAA,GAAqB,IAAK,IAC7E,GACA,gBAAAA,OAAA,cAAC;AAAA,IACC,UAAU,CAAC,qBAAqB,eAAe;AAAA,IAC/C,eAAY;AAAA,IACZ,UAAU;AAAA,KAEV,gBAAAA,OAAA,cAAC,yCACE,MAAM,IAAI,CAAC,SACV,gBAAAA,OAAA,cAAC;AAAA,IAAmB;AAAA,IAAY,KAAK,KAAK;AAAA,GAAM,CACjD,CACH,CACF,CACF,CACF;AAEJ;AAEA,MAAM,iBAAsC,MAAM;AAChD,QAAM;AAAA,IACJ;AAAA,IACA,cAAc,EAAE,UAAU,eAAe,aAAa,gBAAgB,eAAe,QAAQ;AAAA,EAC/F,IAAIA,OAAM,WAAW,cAAc;AAEnC,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,cAAY;AAAA,KAEZ,gBAAAA,OAAA,cAAC;AAAA,IAA4B;AAAA,IAA8B,UAAU;AAAA,KAClE,WAAW,gBAAAA,OAAA,cAAC;AAAA,IAAe,UAAU;AAAA,GAAsB,GAC3D,CAAC,WAAW,gBAAAA,OAAA,cAAC,yBAAoB,GAClC,gBAAAA,OAAA,cAAC,+BACC,gBAAAA,OAAA,cAAC;AAAA,IAAkB;AAAA,IAA0B;AAAA,IAAgC;AAAA,GAA8B,CAC7G,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,MAAM,kCACJ;AAKF,MAAM,sBAAsB,MAAM;AAChC,QAAM;AAAA,IACJ,cAAc,EAAE,iBAAiB,qBAAqB,YAAY,OAAO,kBAAkB;AAAA,IAC3F;AAAA,EACF,IAAIA,OAAM,WAAW,cAAc;AACnC,SACE;AAAA,IACE;AAAA,0BAAC;AAAA,QACC,eAAY;AAAA,QACZ,UAAU,mBAAmB,CAAC,cAAc,UAAU,EAAE,SAAS,gBAAgB,IAAI;AAAA,QAEpF,4BAAkB,oBAAC;AAAA,UAAmB,MAAM;AAAA,SAAiB,IAAK;AAAA,OACrE;AAAA,MACA,qBAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YACC,eAAY;AAAA,YACZ,UAAU,uBAAuB,CAAC,cAAc,UAAU,EAAE,SAAS,oBAAoB,IAAI;AAAA,YAE5F,gCAAsB,oBAAC;AAAA,cAAmB,MAAM;AAAA,aAAqB,IAAK;AAAA,WAC7E;AAAA,UACA,oBAAC;AAAA,YACC,UAAU,CAAC,qBAAqB,eAAe;AAAA,YAC/C,eAAY;AAAA,YACZ,UAAU;AAAA,YAEV,8BAAC;AAAA,cACE,gBAAM,IAAI,CAAC,SACV,oBAAC;AAAA,gBAAmB;AAAA,iBAAiB,KAAK,IAAM,CACjD;AAAA,aACH;AAAA,WACF;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,iBAAsC,MAAM;AAChD,QAAM;AAAA,IACJ;AAAA,IACA,cAAc,EAAE,UAAU,eAAe,aAAa,gBAAgB,eAAe,QAAQ;AAAA,EAC/F,IAAIA,OAAM,WAAW,cAAc;AAEnC,SACE,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,cAAY;AAAA,IAEZ,+BAAC;AAAA,MAA4B;AAAA,MAA8B,UAAU;AAAA,MAClE;AAAA,mBAAW,oBAAC;AAAA,UAAe,UAAU;AAAA,SAAsB;AAAA,QAC3D,CAAC,WAAW,oBAAC,uBAAoB;AAAA,QAClC,oBAAC;AAAA,UACC,8BAAC;AAAA,YAAkB;AAAA,YAA0B;AAAA,YAAgC;AAAA,WAA8B;AAAA,SAC7G;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,IAAO,yBAAQ;",
   "names": ["React"]
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { MenuExpand } from "@elliemae/ds-icons";
 import { PropTypes } from "@elliemae/ds-utilities";
 import Grid from "@elliemae/ds-grid";
@@ -37,58 +38,69 @@ const LeftNavFooterItem = (props) => {
     },
     onClick: handleOnClick
   });
-  return /* @__PURE__ */ React2.createElement(StyledFooterMenu, {
-    key: id,
-    "data-testid": "leftnav-container"
-  }, /* @__PURE__ */ React2.createElement(StyledItemWrapper, null, /* @__PURE__ */ React2.createElement(StyledItem, {
-    ref: visibleItemsRefs.current[id],
-    tabIndex: expandedForAnimation ? -1 : 0,
-    expanded: expandedForAnimation,
-    pt: "xxs2",
-    height: expandedForAnimation ? "auto" : "48px",
-    alignItems: "flex-start",
-    pl: "xxs",
-    cols: expandedForAnimation ? ["auto", "1fr", "auto"] : ["38px"],
-    onClick: expandedForAnimation ? () => null : handleOnClick,
-    onKeyDown,
-    onFocus: () => setFocusedItem(id),
-    "data-testid": "leftnav-item-container",
-    role: "menuitem",
-    "aria-label": expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`
-  }, !expandedForAnimation ? /* @__PURE__ */ React2.createElement(MenuExpand, {
-    size: "m",
-    color: ["brand-primary", 800],
-    "data-testid": "leftnav-footer-btn"
-  }) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledLabel, {
-    mt: "5px",
-    mr: "12px",
-    mb: "16px",
-    "data-testid": "leftnav-itemlabel",
-    labelOverflow,
-    "aria-live": "polite"
-  }, labelOverflow === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
-    value: footerLabel,
-    placement: "bottom-start"
-  }) : footerLabel), /* @__PURE__ */ React2.createElement(StyledSeparator, {
-    mt: "xxxs"
-  }), /* @__PURE__ */ React2.createElement(Grid, {
-    m: "0 12px"
-  }, /* @__PURE__ */ React2.createElement(StyledMenuCollapse, {
-    size: "m",
-    color: ["brand-primary", 800],
-    onClick: (e) => {
-      e.stopPropagation();
-      handleOnClick(e);
-    },
-    "data-testid": "leftnav-footer-btn",
-    tabIndex: 0,
-    onFocus: (e) => {
-      e.stopPropagation();
-      setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);
-    },
-    role: "button",
-    "aria-label": "Collapse left navigation"
-  }))))));
+  return /* @__PURE__ */ jsx(StyledFooterMenu, {
+    "data-testid": "leftnav-container",
+    children: /* @__PURE__ */ jsx(StyledItemWrapper, {
+      children: /* @__PURE__ */ jsx(StyledItem, {
+        ref: visibleItemsRefs.current[id],
+        tabIndex: expandedForAnimation ? -1 : 0,
+        expanded: expandedForAnimation,
+        pt: "xxs2",
+        height: expandedForAnimation ? "auto" : "48px",
+        alignItems: "flex-start",
+        pl: "xxs",
+        cols: expandedForAnimation ? ["auto", "1fr", "auto"] : ["38px"],
+        onClick: expandedForAnimation ? () => null : handleOnClick,
+        onKeyDown,
+        onFocus: () => setFocusedItem(id),
+        "data-testid": "leftnav-item-container",
+        role: "menuitem",
+        "aria-label": expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`,
+        children: !expandedForAnimation ? /* @__PURE__ */ jsx(MenuExpand, {
+          size: "m",
+          color: ["brand-primary", 800],
+          "data-testid": "leftnav-footer-btn"
+        }) : /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            /* @__PURE__ */ jsx(StyledLabel, {
+              mt: "5px",
+              mr: "12px",
+              mb: "16px",
+              "data-testid": "leftnav-itemlabel",
+              labelOverflow,
+              "aria-live": "polite",
+              children: labelOverflow === "truncate" ? /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
+                value: footerLabel,
+                placement: "bottom-start"
+              }) : footerLabel
+            }),
+            /* @__PURE__ */ jsx(StyledSeparator, {
+              mt: "xxxs"
+            }),
+            /* @__PURE__ */ jsx(Grid, {
+              m: "0 12px",
+              children: /* @__PURE__ */ jsx(StyledMenuCollapse, {
+                size: "m",
+                color: ["brand-primary", 800],
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleOnClick(e);
+                },
+                "data-testid": "leftnav-footer-btn",
+                tabIndex: 0,
+                onFocus: (e) => {
+                  e.stopPropagation();
+                  setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);
+                },
+                role: "button",
+                "aria-label": "Collapse left navigation"
+              })
+            })
+          ]
+        })
+      })
+    })
+  }, id);
 };
 LeftNavFooterItem.propTypes = {
   footerLabel: PropTypes.any,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavFooterItem/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { MenuExpand } from '@elliemae/ds-icons';\nimport { PropTypes } from '@elliemae/ds-utilities';\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    setFocusedItem,\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          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                    e.stopPropagation();\n                    handleOnClick(e);\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AACjB,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,OAAO,2BAA2B;AAClC,SAAS,cAAc,+BAA+B;AAQ/C,MAAM,oBAAiE,CAAC,UAAU;AACvF,QAAM,EAAE,aAAa,iBAAiB,MAAM,MAAM,gBAAgB,MAAM,KAAK,IAAI;AACjF,QAAM;AAAA,IACJ,cAAc,EAAE,eAAe,WAAW;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,qBAAqB;AAEpC,QAAM,KAAK;AAEX,QAAM,gBAAgB,uBAAuB,gBAAgB;AAE7D,QAAM,YAAY,sBAAsB;AAAA,IACtC,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,QACR,YAAY,CAAC;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAiB,KAAK;AAAA,IAAI,eAAY;AAAA,KACrC,gBAAAA,OAAA,cAAC,yBACC,gBAAAA,OAAA,cAAC;AAAA,IACC,KAAK,iBAAiB,QAAQ;AAAA,IAC9B,UAAU,uBAAuB,KAAK;AAAA,IACtC,UAAU;AAAA,IACV,IAAG;AAAA,IACH,QAAQ,uBAAuB,SAAS;AAAA,IACxC,YAAW;AAAA,IACX,IAAG;AAAA,IACH,MAAM,uBAAuB,CAAC,QAAQ,OAAO,MAAM,IAAI,CAAC,MAAM;AAAA,IAC9D,SAAS,uBAAuB,MAAM,OAAO;AAAA,IAC7C;AAAA,IACA,SAAS,MAAM,eAAe,EAAE;AAAA,IAChC,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,cAAY,uBAAuB,WAAW,gBAAgB;AAAA,KAE7D,CAAC,uBACA,gBAAAA,OAAA,cAAC;AAAA,IAAW,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAAG,eAAY;AAAA,GAAqB,IAErF,gBAAAA,OAAA,cAAAA,OAAA,gBACE,gBAAAA,OAAA,cAAC;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,eAAY;AAAA,IACZ;AAAA,IACA,aAAU;AAAA,KAET,kBAAkB,aACjB,gBAAAA,OAAA,cAAC;AAAA,IAA2B,OAAO;AAAA,IAAa,WAAU;AAAA,GAAe,IAEzE,WAEJ,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAgB,IAAG;AAAA,GAAO,GAC3B,gBAAAA,OAAA,cAAC;AAAA,IAAK,GAAE;AAAA,KACN,gBAAAA,OAAA,cAAC;AAAA,IACC,MAAK;AAAA,IACL,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAC5B,SAAS,CAAC,MAAM;AACd,QAAE,gBAAgB;AAClB,oBAAc,CAAC;AAAA,IACjB;AAAA,IACA,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,SAAS,CAAC,MAAM;AACd,QAAE,gBAAgB;AAClB,qBAAe,uBAAuB;AAAA,IACxC;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,GACb,CACF,CACF,CAEJ,CACF,CACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,aAAa,UAAU;AAAA,EACvB,gBAAgB,UAAU;AAAA,EAC1B,eAAe,UAAU;AAC3B;AAEA,IAAO,4BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AACjB,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,OAAO,2BAA2B;AAClC,SAAS,cAAc,+BAA+B;AAQ/C,MAAM,oBAAiE,CAAC,UAAU;AACvF,QAAM,EAAE,aAAa,iBAAiB,MAAM,MAAM,gBAAgB,MAAM,KAAK,IAAI;AACjF,QAAM;AAAA,IACJ,cAAc,EAAE,eAAe,WAAW;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,qBAAqB;AAEpC,QAAM,KAAK;AAEX,QAAM,gBAAgB,uBAAuB,gBAAgB;AAE7D,QAAM,YAAY,sBAAsB;AAAA,IACtC,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,QACR,YAAY,CAAC;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,SACE,oBAAC;AAAA,IAA0B,eAAY;AAAA,IACrC,8BAAC;AAAA,MACC,8BAAC;AAAA,QACC,KAAK,iBAAiB,QAAQ;AAAA,QAC9B,UAAU,uBAAuB,KAAK;AAAA,QACtC,UAAU;AAAA,QACV,IAAG;AAAA,QACH,QAAQ,uBAAuB,SAAS;AAAA,QACxC,YAAW;AAAA,QACX,IAAG;AAAA,QACH,MAAM,uBAAuB,CAAC,QAAQ,OAAO,MAAM,IAAI,CAAC,MAAM;AAAA,QAC9D,SAAS,uBAAuB,MAAM,OAAO;AAAA,QAC7C;AAAA,QACA,SAAS,MAAM,eAAe,EAAE;AAAA,QAChC,eAAY;AAAA,QACZ,MAAK;AAAA,QACL,cAAY,uBAAuB,WAAW,gBAAgB;AAAA,QAE7D,WAAC,uBACA,oBAAC;AAAA,UAAW,MAAK;AAAA,UAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,UAAG,eAAY;AAAA,SAAqB,IAErF;AAAA,UACE;AAAA,gCAAC;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cACH,eAAY;AAAA,cACZ;AAAA,cACA,aAAU;AAAA,cAET,4BAAkB,aACjB,oBAAC;AAAA,gBAA2B,OAAO;AAAA,gBAAa,WAAU;AAAA,eAAe,IAEzE;AAAA,aAEJ;AAAA,YACA,oBAAC;AAAA,cAAgB,IAAG;AAAA,aAAO;AAAA,YAC3B,oBAAC;AAAA,cAAK,GAAE;AAAA,cACN,8BAAC;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,CAAC,iBAAiB,GAAG;AAAA,gBAC5B,SAAS,CAAC,MAAM;AACd,oBAAE,gBAAgB;AAClB,gCAAc,CAAC;AAAA,gBACjB;AAAA,gBACA,eAAY;AAAA,gBACZ,UAAU;AAAA,gBACV,SAAS,CAAC,MAAM;AACd,oBAAE,gBAAgB;AAClB,iCAAe,uBAAuB;AAAA,gBACxC;AAAA,gBACA,MAAK;AAAA,gBACL,cAAW;AAAA,eACb;AAAA,aACF;AAAA;AAAA,SACF;AAAA,OAEJ;AAAA,KACF;AAAA,KA1DqB,EA2DvB;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,aAAa,UAAU;AAAA,EACvB,gBAAgB,UAAU;AAAA,EAC1B,eAAe,UAAU;AAC3B;AAEA,IAAO,4BAAQ;",
+  "names": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import DSCircularProgressIndicator from "@elliemae/ds-circular-progress-indicator";
 import Grid from "@elliemae/ds-grid";
 import { styled } from "@elliemae/ds-system";
@@ -10,13 +10,15 @@ const StyledLoaderWrapper = styled(Grid)`
   z-index: 0;
   background-color: white;
 `;
-const LeftNavLoading = ({ expanded }) => /* @__PURE__ */ React2.createElement(StyledLoaderWrapper, null, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
-  size: expanded ? "xl" : "m",
-  loading: true,
-  showLabel: expanded,
-  waiting: false,
-  showTooltip: !expanded
-}));
+const LeftNavLoading = ({ expanded }) => /* @__PURE__ */ jsx(StyledLoaderWrapper, {
+  children: /* @__PURE__ */ jsx(DSCircularProgressIndicator, {
+    size: expanded ? "xl" : "m",
+    loading: true,
+    showLabel: expanded,
+    waiting: false,
+    showTooltip: !expanded
+  })
+});
 export {
   LeftNavLoading
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavLoading/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSCircularProgressIndicator from '@elliemae/ds-circular-progress-indicator';\nimport Grid from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\n\nconst StyledLoaderWrapper = styled(Grid)`\n  grid-area: left-nav-body;\n  height: 100%;\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({ expanded }) => (\n  <StyledLoaderWrapper>\n    <DSCircularProgressIndicator\n      size={expanded ? 'xl' : 'm'}\n      loading\n      showLabel={expanded}\n      waiting={false}\n      showTooltip={!expanded}\n    />\n  </StyledLoaderWrapper>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,OAAO,iCAAiC;AACxC,OAAO,UAAU;AACjB,SAAS,cAAc;AAEvB,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,iBAA6D,CAAC,EAAE,SAAS,MACpF,gBAAAA,OAAA,cAAC,2BACC,gBAAAA,OAAA,cAAC;AAAA,EACC,MAAM,WAAW,OAAO;AAAA,EACxB,SAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa,CAAC;AAAA,CAChB,CACF;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,iCAAiC;AACxC,OAAO,UAAU;AACjB,SAAS,cAAc;AAEvB,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,iBAA6D,CAAC,EAAE,SAAS,MACpF,oBAAC;AAAA,EACC,8BAAC;AAAA,IACC,MAAM,WAAW,OAAO;AAAA,IACxB,SAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,GAChB;AAAA,CACF;",
+  "names": []
 }

package/dist/esm/parts/OutOfTheBoxMapItem.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import React2 from "react";
 import { outOfTheBoxComponents } from "../outOfTheBox";
 import { LeftNavContext } from "../LeftNavigationContext";
@@ -10,12 +11,12 @@ const OutOfTheBoxMapItem = (props) => {
   const ctx = React2.useContext(LeftNavContext);
   if (typeof type === "string" && !!outOfTheBoxComponents[type]) {
     const OutOfTheBoxComponent = outOfTheBoxComponents[type];
-    return /* @__PURE__ */ React2.createElement(OutOfTheBoxComponent, {
+    return /* @__PURE__ */ jsx(OutOfTheBoxComponent, {
       item: { itemOpts: {}, ...item },
       ctx
     });
   }
-  return /* @__PURE__ */ React2.createElement(Component, {
+  return /* @__PURE__ */ jsx(Component, {
     item,
     ctx
   });

package/dist/esm/parts/OutOfTheBoxMapItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/OutOfTheBoxMapItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { outOfTheBoxComponents } from '../outOfTheBox';\nimport { OutOfTheBoxMapItemT } from '../index.d';\nimport { LeftNavContext } from '../LeftNavigationContext';\n\nexport const OutOfTheBoxMapItem = (props: OutOfTheBoxMapItemT): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n  } = props;\n  const ctx = React.useContext(LeftNavContext);\n\n  if (typeof type === 'string' && !!outOfTheBoxComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxComponents[type];\n    return <OutOfTheBoxComponent item={{ itemOpts: {}, ...item }} ctx={ctx} />;\n  }\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,6BAA6B;AAEtC,SAAS,sBAAsB;AAExB,MAAM,qBAAqB,CAAC,UAA4C;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA,MAAM,EAAE,MAAM,UAAU;AAAA,EAC1B,IAAI;AACJ,QAAM,MAAMA,OAAM,WAAW,cAAc;AAE3C,MAAI,OAAO,SAAS,YAAY,CAAC,CAAC,sBAAsB,OAAO;AAC7D,UAAM,uBAAuB,sBAAsB;AACnD,WAAO,gBAAAA,OAAA,cAAC;AAAA,MAAqB,MAAM,EAAE,UAAU,CAAC,GAAG,GAAG,KAAK;AAAA,MAAG;AAAA,KAAU;AAAA,EAC1E;AAEA,SAAO,gBAAAA,OAAA,cAAC;AAAA,IAAU;AAAA,IAAY;AAAA,GAAU;AAC1C;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,6BAA6B;AAEtC,SAAS,sBAAsB;AAExB,MAAM,qBAAqB,CAAC,UAA4C;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA,MAAM,EAAE,MAAM,UAAU;AAAA,EAC1B,IAAI;AACJ,QAAM,MAAMA,OAAM,WAAW,cAAc;AAE3C,MAAI,OAAO,SAAS,YAAY,CAAC,CAAC,sBAAsB,OAAO;AAC7D,UAAM,uBAAuB,sBAAsB;AACnD,WAAO,oBAAC;AAAA,MAAqB,MAAM,EAAE,UAAU,CAAC,GAAG,GAAG,KAAK;AAAA,MAAG;AAAA,KAAU;AAAA,EAC1E;AAEA,SAAO,oBAAC;AAAA,IAAU;AAAA,IAAY;AAAA,GAAU;AAC1C;",
   "names": ["React"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "3.5.0-rc.7",
+  "version": "3.5.1-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Left Navigation",
   "files": [
@@ -235,13 +235,13 @@
     "typeSafety": false
   },
   "dependencies": {
-    "@elliemae/ds-circular-progress-indicator": "3.5.0-rc.7",
-    "@elliemae/ds-grid": "3.5.0-rc.7",
-    "@elliemae/ds-icons": "3.5.0-rc.7",
-    "@elliemae/ds-scrollable-container": "3.5.0-rc.7",
-    "@elliemae/ds-system": "3.5.0-rc.7",
-    "@elliemae/ds-truncated-tooltip-text": "3.5.0-rc.7",
-    "@elliemae/ds-utilities": "3.5.0-rc.7",
+    "@elliemae/ds-circular-progress-indicator": "3.5.1-next.0",
+    "@elliemae/ds-grid": "3.5.1-next.0",
+    "@elliemae/ds-icons": "3.5.1-next.0",
+    "@elliemae/ds-scrollable-container": "3.5.1-next.0",
+    "@elliemae/ds-system": "3.5.1-next.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.5.1-next.0",
+    "@elliemae/ds-utilities": "3.5.1-next.0",
     "overlayscrollbars": "1.13.1"
   },
   "devDependencies": {