@elliemae/ds-left-navigation 3.5.0-rc.9 → 3.5.1-rc.2

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

@@ -29,7 +29,8 @@ __export(LeftNavFooterItem_exports, {
 });
 module.exports = __toCommonJS(LeftNavFooterItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
@@ -60,58 +61,69 @@ const LeftNavFooterItem = (props) => {
     },
     onClick: handleOnClick
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFooterMenu, {
-    key: id,
-    "data-testid": "leftnav-container"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledItemWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_styled.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__ */ import_react.default.createElement(import_ds_icons.MenuExpand, {
-    size: "m",
-    color: ["brand-primary", 800],
-    "data-testid": "leftnav-footer-btn"
-  }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLabel, {
-    mt: "5px",
-    mr: "12px",
-    mb: "16px",
-    "data-testid": "leftnav-itemlabel",
-    labelOverflow,
-    "aria-live": "polite"
-  }, labelOverflow === "truncate" ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
-    value: footerLabel,
-    placement: "bottom-start"
-  }) : footerLabel), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSeparator, {
-    mt: "xxxs"
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
-    m: "0 12px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.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(import_constants.FOOTER_MENU_CLOSE_DS_ID);
-    },
-    role: "button",
-    "aria-label": "Collapse left navigation"
-  }))))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledFooterMenu, {
+    "data-testid": "leftnav-container",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledItemWrapper, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.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__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MenuExpand, {
+          size: "m",
+          color: ["brand-primary", 800],
+          "data-testid": "leftnav-footer-btn"
+        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLabel, {
+              mt: "5px",
+              mr: "12px",
+              mb: "16px",
+              "data-testid": "leftnav-itemlabel",
+              labelOverflow,
+              "aria-live": "polite",
+              children: labelOverflow === "truncate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+                value: footerLabel,
+                placement: "bottom-start"
+              }) : footerLabel
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSeparator, {
+              mt: "xxxs"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
+              m: "0 12px",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.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(import_constants.FOOTER_MENU_CLOSE_DS_ID);
+                },
+                role: "button",
+                "aria-label": "Collapse left navigation"
+              })
+            })
+          ]
+        })
+      })
+    })
+  }, id);
 };
 LeftNavFooterItem.propTypes = {
   footerLabel: import_ds_utilities.PropTypes.any,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/LeftNavFooterItem/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,sBAA2B;AAC3B,0BAA0B;AAC1B,qBAAiB;AACjB,uCAA2C;AAC3C,oBAOO;AACP,mBAAsC;AACtC,mCAAkC;AAClC,uBAAsD;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,QAAI,yBAAW,6BAAAA,OAAqB;AAEpC,QAAM,KAAK;AAEX,QAAM,gBAAgB,uBAAuB,gBAAgB;AAE7D,QAAM,gBAAY,oCAAsB;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,6BAAAC,QAAA,cAAC;AAAA,IAAiB,KAAK;AAAA,IAAI,eAAY;AAAA,KACrC,6BAAAA,QAAA,cAAC,uCACC,6BAAAA,QAAA,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,6BAAAA,QAAA,cAAC;AAAA,IAAW,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAAG,eAAY;AAAA,GAAqB,IAErF,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,eAAY;AAAA,IACZ;AAAA,IACA,aAAU;AAAA,KAET,kBAAkB,aACjB,6BAAAA,QAAA,cAAC;AAAA,IAA2B,OAAO;AAAA,IAAa,WAAU;AAAA,GAAe,IAEzE,WAEJ,GACA,6BAAAA,QAAA,cAAC;AAAA,IAAgB,IAAG;AAAA,GAAO,GAC3B,6BAAAA,QAAA,cAAC,eAAAC,SAAA;AAAA,IAAK,GAAE;AAAA,KACN,6BAAAD,QAAA,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,wCAAuB;AAAA,IACxC;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,GACb,CACF,CACF,CAEJ,CACF,CACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,aAAa,8BAAU;AAAA,EACvB,gBAAgB,8BAAU;AAAA,EAC1B,eAAe,8BAAU;AAC3B;AAEA,IAAO,4BAAQ;",
-  "names": ["LeftNavigationContext", "React", "Grid"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkC;AAClC,sBAA2B;AAC3B,0BAA0B;AAC1B,qBAAiB;AACjB,uCAA2C;AAC3C,oBAOO;AACP,mBAAsC;AACtC,mCAAkC;AAClC,uBAAsD;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,QAAI,yBAAW,6BAAAA,OAAqB;AAEpC,QAAM,KAAK;AAEX,QAAM,gBAAgB,uBAAuB,gBAAgB;AAE7D,QAAM,gBAAY,oCAAsB;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,4CAAC;AAAA,IAA0B,eAAY;AAAA,IACrC,sDAAC;AAAA,MACC,sDAAC;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,4CAAC;AAAA,UAAW,MAAK;AAAA,UAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,UAAG,eAAY;AAAA,SAAqB,IAErF;AAAA,UACE;AAAA,wDAAC;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cACH,eAAY;AAAA,cACZ;AAAA,cACA,aAAU;AAAA,cAET,4BAAkB,aACjB,4CAAC;AAAA,gBAA2B,OAAO;AAAA,gBAAa,WAAU;AAAA,eAAe,IAEzE;AAAA,aAEJ;AAAA,YACA,4CAAC;AAAA,cAAgB,IAAG;AAAA,aAAO;AAAA,YAC3B,4CAAC,eAAAC,SAAA;AAAA,cAAK,GAAE;AAAA,cACN,sDAAC;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,wCAAuB;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,8BAAU;AAAA,EACvB,gBAAgB,8BAAU;AAAA,EAC1B,eAAe,8BAAU;AAC3B;AAEA,IAAO,4BAAQ;",
+  "names": ["LeftNavigationContext", "Grid"]
 }

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

@@ -28,7 +28,7 @@ __export(LeftNavLoading_exports, {
 });
 module.exports = __toCommonJS(LeftNavLoading_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_circular_progress_indicator = __toESM(require("@elliemae/ds-circular-progress-indicator"));
 var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
 var import_ds_system = require("@elliemae/ds-system");
@@ -39,11 +39,13 @@ const StyledLoaderWrapper = (0, import_ds_system.styled)(import_ds_grid.default)
   z-index: 0;
   background-color: white;
 `;
-const LeftNavLoading = ({ expanded }) => /* @__PURE__ */ import_react.default.createElement(StyledLoaderWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.default, {
-  size: expanded ? "xl" : "m",
-  loading: true,
-  showLabel: expanded,
-  waiting: false,
-  showTooltip: !expanded
-}));
+const LeftNavLoading = ({ expanded }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledLoaderWrapper, {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_circular_progress_indicator.default, {
+    size: expanded ? "xl" : "m",
+    loading: true,
+    showLabel: expanded,
+    waiting: false,
+    showTooltip: !expanded
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/LeftNavLoading/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,4CAAwC;AACxC,qBAAiB;AACjB,uBAAuB;AAEvB,MAAM,0BAAsB,yBAAO,eAAAA,OAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,iBAA6D,CAAC,EAAE,SAAS,MACpF,6BAAAC,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,sCAAAC,SAAA;AAAA,EACC,MAAM,WAAW,OAAO;AAAA,EACxB,SAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa,CAAC;AAAA,CAChB,CACF;",
-  "names": ["Grid", "React", "DSCircularProgressIndicator"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,4CAAwC;AACxC,qBAAiB;AACjB,uBAAuB;AAEvB,MAAM,0BAAsB,yBAAO,eAAAA,OAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,iBAA6D,CAAC,EAAE,SAAS,MACpF,4CAAC;AAAA,EACC,sDAAC,sCAAAC,SAAA;AAAA,IACC,MAAM,WAAW,OAAO;AAAA,IACxB,SAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,GAChB;AAAA,CACF;",
+  "names": ["Grid", "DSCircularProgressIndicator"]
 }

package/dist/cjs/parts/OutOfTheBoxMapItem.js

@@ -28,6 +28,7 @@ __export(OutOfTheBoxMapItem_exports, {
 });
 module.exports = __toCommonJS(OutOfTheBoxMapItem_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_outOfTheBox = require("../outOfTheBox");
 var import_LeftNavigationContext = require("../LeftNavigationContext");
@@ -39,12 +40,12 @@ const OutOfTheBoxMapItem = (props) => {
   const ctx = import_react.default.useContext(import_LeftNavigationContext.LeftNavContext);
   if (typeof type === "string" && !!import_outOfTheBox.outOfTheBoxComponents[type]) {
     const OutOfTheBoxComponent = import_outOfTheBox.outOfTheBoxComponents[type];
-    return /* @__PURE__ */ import_react.default.createElement(OutOfTheBoxComponent, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OutOfTheBoxComponent, {
       item: { itemOpts: {}, ...item },
       ctx
     });
   }
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
     item,
     ctx
   });

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/OutOfTheBoxMapItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,yBAAsC;AAEtC,mCAA+B;AAExB,MAAM,qBAAqB,CAAC,UAA4C;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA,MAAM,EAAE,MAAM,UAAU;AAAA,EAC1B,IAAI;AACJ,QAAM,MAAM,aAAAA,QAAM,WAAW,2CAAc;AAE3C,MAAI,OAAO,SAAS,YAAY,CAAC,CAAC,yCAAsB,OAAO;AAC7D,UAAM,uBAAuB,yCAAsB;AACnD,WAAO,6BAAAA,QAAA,cAAC;AAAA,MAAqB,MAAM,EAAE,UAAU,CAAC,GAAG,GAAG,KAAK;AAAA,MAAG;AAAA,KAAU;AAAA,EAC1E;AAEA,SAAO,6BAAAA,QAAA,cAAC;AAAA,IAAU;AAAA,IAAY;AAAA,GAAU;AAC1C;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,yBAAsC;AAEtC,mCAA+B;AAExB,MAAM,qBAAqB,CAAC,UAA4C;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA,MAAM,EAAE,MAAM,UAAU;AAAA,EAC1B,IAAI;AACJ,QAAM,MAAM,aAAAA,QAAM,WAAW,2CAAc;AAE3C,MAAI,OAAO,SAAS,YAAY,CAAC,CAAC,yCAAsB,OAAO;AAC7D,UAAM,uBAAuB,yCAAsB;AACnD,WAAO,4CAAC;AAAA,MAAqB,MAAM,EAAE,UAAU,CAAC,GAAG,GAAG,KAAK;AAAA,MAAG;AAAA,KAAU;AAAA,EAC1E;AAEA,SAAO,4CAAC;AAAA,IAAU;AAAA,IAAY;AAAA,GAAU;AAC1C;",
   "names": ["React"]
 }

package/dist/esm/LeftNavigation.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-utilities";
 import { leftNavigationProps } from "./prop-types";
 import LeftNavigationContext, { defaultProps } from "./LeftNavigationContext";
@@ -7,9 +7,10 @@ import { useLeftNavConfig } from "./configs/useLeftNavConfig";
 import LeftNavContent from "./parts/LeftNavContent";
 const LeftNavigation = (props) => {
   const leftNavConfig = useLeftNavConfig(props);
-  return /* @__PURE__ */ React2.createElement(LeftNavigationContext.Provider, {
-    value: leftNavConfig
-  }, /* @__PURE__ */ React2.createElement(LeftNavContent, null));
+  return /* @__PURE__ */ jsx(LeftNavigationContext.Provider, {
+    value: leftNavConfig,
+    children: /* @__PURE__ */ jsx(LeftNavContent, {})
+  });
 };
 LeftNavigation.propTypes = leftNavigationProps;
 LeftNavigation.defaultProps = defaultProps;

package/dist/esm/LeftNavigation.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/LeftNavigation.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nLeftNavigation.displayName = 'LeftNavigation';\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,OAAO,yBAAyB,oBAAoB;AACpD,SAAS,wBAAwB;AACjC,OAAO,oBAAoB;AAGpB,MAAM,iBAAiB,CAAC,UAAqC;AAClE,QAAM,gBAAgB,iBAAiB,KAAK;AAE5C,SACE,gBAAAA,OAAA,cAAC,sBAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,KACrC,gBAAAA,OAAA,cAAC,oBAAe,CAClB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AACtB,MAAM,2BAA2B,SAAS,cAAc,EAAE,YAAY,iBAAiB;AAC9F,yBAAyB,YAAY;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,OAAO,yBAAyB,oBAAoB;AACpD,SAAS,wBAAwB;AACjC,OAAO,oBAAoB;AAGpB,MAAM,iBAAiB,CAAC,UAAqC;AAClE,QAAM,gBAAgB,iBAAiB,KAAK;AAE5C,SACE,oBAAC,sBAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,IACrC,8BAAC,kBAAe;AAAA,GAClB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AACtB,MAAM,2BAA2B,SAAS,cAAc,EAAE,YAAY,iBAAiB;AAC9F,yBAAyB,YAAY;",
+  "names": []
 }

package/dist/esm/exported-related/ChevronItem/index.js

@@ -1,7 +1,7 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { ChevronSmallRight } from "@elliemae/ds-icons";
-const ChevronItem = (props) => /* @__PURE__ */ React2.createElement(ChevronSmallRight, {
+const ChevronItem = (props) => /* @__PURE__ */ jsx(ChevronSmallRight, {
   size: "m",
   color: ["brand-primary", 800],
   ...props

package/dist/esm/exported-related/ChevronItem/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/ChevronItem/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,yBAAyB;AAE3B,MAAM,cAAc,CAAC,UAC1B,gBAAAA,OAAA,cAAC;AAAA,EAAkB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,EAAI,GAAG;AAAA,CAAO;AAGxE,IAAO,sBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,yBAAyB;AAE3B,MAAM,cAAc,CAAC,UAC1B,oBAAC;AAAA,EAAkB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,EAAI,GAAG;AAAA,CAAO;AAGxE,IAAO,sBAAQ;",
+  "names": []
 }

package/dist/esm/exported-related/Icon/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
 const AugmentedIcon = (Icon2) => styled(Icon2)`
   cursor: pointer;
@@ -12,7 +12,7 @@ const AugmentedIcon = (Icon2) => styled(Icon2)`
 `;
 const Icon = (IconComponent) => (props) => {
   const StyledComponent = AugmentedIcon(IconComponent);
-  return /* @__PURE__ */ React2.createElement(StyledComponent, {
+  return /* @__PURE__ */ jsx(StyledComponent, {
     color: ["brand-primary", 800],
     tabIndex: 0,
     ...props

package/dist/esm/exported-related/Icon/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Icon/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\n\nconst AugmentedIcon = (\n  Icon: React.ComponentType<{ color: unknown; tabIndex: number }>,\n) => styled(Icon)`\n  cursor: pointer;\n\n  outline: 0;\n  :focus,\n  :active {\n    outline: 1px solid #1e79c2;\n  }\n`;\n\nexport const Icon = (\n  IconComponent: React.ComponentType<{ color: unknown; tabIndex: number }>,\n) => (props: unknown): JSX.Element => {\n  const StyledComponent = AugmentedIcon(IconComponent);\n  return (\n    <StyledComponent color={['brand-primary', 800]} tabIndex={0} {...props} />\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,cAAc;AAEvB,MAAM,gBAAgB,CACpBC,UACG,OAAOA,KAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUT,MAAM,OAAO,CAClB,kBACG,CAAC,UAAgC;AACpC,QAAM,kBAAkB,cAAc,aAAa;AACnD,SACE,gBAAAD,OAAA,cAAC;AAAA,IAAgB,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAAG,UAAU;AAAA,IAAI,GAAG;AAAA,GAAO;AAE5E;",
-  "names": ["React", "Icon"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,cAAc;AAEvB,MAAM,gBAAgB,CACpBA,UACG,OAAOA,KAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUT,MAAM,OAAO,CAClB,kBACG,CAAC,UAAgC;AACpC,QAAM,kBAAkB,cAAc,aAAa;AACnD,SACE,oBAAC;AAAA,IAAgB,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAAG,UAAU;AAAA,IAAI,GAAG;AAAA,GAAO;AAE5E;",
+  "names": ["Icon"]
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useMemo, useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useMemo, useCallback } from "react";
 import Grid from "@elliemae/ds-grid";
 import { StyledItemWrapper, StyledItem } from "./styled";
 import { LeftNavContext } from "../../LeftNavigationContext";
@@ -57,49 +58,60 @@ const ItemRenderer = (props) => {
   if (!expandedForAnimation && !CollapsedComponent) {
     return null;
   }
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledItemWrapper, {
-    shadowStyle: shadowStyle(opened, item.type),
-    "data-testid": "leftnav-item-wrapper"
-  }, /* @__PURE__ */ React2.createElement(StyledItem, {
-    ref: visibleItemsRefs.current[dsId],
-    pt: paddingTop,
-    pl: indent === void 0 ? "xxxs" : `${indent}px`,
-    minHeight,
-    shadowStyle: shadowStyle(opened, item.type),
-    alignItems: "flex-start",
-    cols,
-    onClick: !opened ? handleOnClick : () => null,
-    onKeyDown,
-    selectable,
-    selected: isSelected,
-    selectedParent: selectedParent === dsId,
-    opened,
-    onFocus: handleFocus,
-    "data-testid": "leftnav-item-container",
-    tabIndex: focuseable ? 0 : -1,
-    "aria-describedby": ariaDescribedBy,
-    "aria-expanded": ariaExpanded,
-    role: ariaRole,
-    "data-selected": isSelected,
-    "data-selectedparent": selectedParent === dsId,
-    "aria-label": ariaLabel,
-    "aria-hidden": !focuseable,
-    "aria-live": ariaLive
-  }, !expandedForAnimation ? /* @__PURE__ */ React2.createElement(Grid, {
-    "data-testid": "leftnav-leftcomponent",
-    justifyContent: "center"
-  }, /* @__PURE__ */ React2.createElement(CollapsedComponent, {
-    item,
-    ctx
-  })) : children), hasBorderBottom && /* @__PURE__ */ React2.createElement("div", {
-    style: {
-      marginLeft: opened ? "16px" : "0px",
-      marginRight: borderBottomMr,
-      height: "1px",
-      width: `calc(100% - ${borderBottomMr} - ${opened ? "16px" : "0px"})`,
-      backgroundColor: "#E0E3E8"
-    }
-  })), subitems);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxs(StyledItemWrapper, {
+        shadowStyle: shadowStyle(opened, item.type),
+        "data-testid": "leftnav-item-wrapper",
+        children: [
+          /* @__PURE__ */ jsx(StyledItem, {
+            ref: visibleItemsRefs.current[dsId],
+            pt: paddingTop,
+            pl: indent === void 0 ? "xxxs" : `${indent}px`,
+            minHeight,
+            shadowStyle: shadowStyle(opened, item.type),
+            alignItems: "flex-start",
+            cols,
+            onClick: !opened ? handleOnClick : () => null,
+            onKeyDown,
+            selectable,
+            selected: isSelected,
+            selectedParent: selectedParent === dsId,
+            opened,
+            onFocus: handleFocus,
+            "data-testid": "leftnav-item-container",
+            tabIndex: focuseable ? 0 : -1,
+            "aria-describedby": ariaDescribedBy,
+            "aria-expanded": ariaExpanded,
+            role: ariaRole,
+            "data-selected": isSelected,
+            "data-selectedparent": selectedParent === dsId,
+            "aria-label": ariaLabel,
+            "aria-hidden": !focuseable,
+            "aria-live": ariaLive,
+            children: !expandedForAnimation ? /* @__PURE__ */ jsx(Grid, {
+              "data-testid": "leftnav-leftcomponent",
+              justifyContent: "center",
+              children: /* @__PURE__ */ jsx(CollapsedComponent, {
+                item,
+                ctx
+              })
+            }) : children
+          }),
+          hasBorderBottom && /* @__PURE__ */ jsx("div", {
+            style: {
+              marginLeft: opened ? "16px" : "0px",
+              marginRight: borderBottomMr,
+              height: "1px",
+              width: `calc(100% - ${borderBottomMr} - ${opened ? "16px" : "0px"})`,
+              backgroundColor: "#E0E3E8"
+            }
+          })
+        ]
+      }),
+      subitems
+    ]
+  });
 };
 export {
   ItemRenderer

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

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

package/dist/esm/exported-related/Notifications/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   AlertsSmallFill,
   Notifications as InternalNotifications,
@@ -17,39 +17,52 @@ const Notifications = ({
   exceptions = false,
   alerts = false,
   messages = false
-}) => /* @__PURE__ */ React2.createElement(StyledIcon, null, /* @__PURE__ */ React2.createElement(InternalNotifications, {
-  size: "m",
-  color: ["brand-primary", 800],
-  "data-testid": "left-nav-notifications-icon"
-}), (exceptions || alerts || messages) && /* @__PURE__ */ React2.createElement(Grid, {
-  cols: ["1fr", "1fr", "1fr"],
-  gutter: "xxxs",
-  mt: "2px"
-}, /* @__PURE__ */ React2.createElement(Grid, {
-  width: "6px",
-  height: "6px",
-  "data-testid": "left-nav-exceptions-icon"
-}, exceptions && /* @__PURE__ */ React2.createElement(ExceptionsSmallFill, {
-  width: "6px",
-  height: "6px",
-  color: ["warning", 900]
-})), /* @__PURE__ */ React2.createElement(Grid, {
-  width: "6px",
-  height: "6px",
-  "data-testid": "left-nav-alerts-icon"
-}, alerts && /* @__PURE__ */ React2.createElement(AlertsSmallFill, {
-  width: "6px",
-  height: "6px",
-  color: ["danger", 900]
-})), /* @__PURE__ */ React2.createElement(Grid, {
-  width: "6px",
-  height: "6px",
-  "data-testid": "left-nav-messages-icon"
-}, messages && /* @__PURE__ */ React2.createElement(MessagesSmallFill, {
-  width: "6px",
-  height: "6px",
-  color: ["success", 900]
-}))));
+}) => /* @__PURE__ */ jsxs(StyledIcon, {
+  children: [
+    /* @__PURE__ */ jsx(InternalNotifications, {
+      size: "m",
+      color: ["brand-primary", 800],
+      "data-testid": "left-nav-notifications-icon"
+    }),
+    (exceptions || alerts || messages) && /* @__PURE__ */ jsxs(Grid, {
+      cols: ["1fr", "1fr", "1fr"],
+      gutter: "xxxs",
+      mt: "2px",
+      children: [
+        /* @__PURE__ */ jsx(Grid, {
+          width: "6px",
+          height: "6px",
+          "data-testid": "left-nav-exceptions-icon",
+          children: exceptions && /* @__PURE__ */ jsx(ExceptionsSmallFill, {
+            width: "6px",
+            height: "6px",
+            color: ["warning", 900]
+          })
+        }),
+        /* @__PURE__ */ jsx(Grid, {
+          width: "6px",
+          height: "6px",
+          "data-testid": "left-nav-alerts-icon",
+          children: alerts && /* @__PURE__ */ jsx(AlertsSmallFill, {
+            width: "6px",
+            height: "6px",
+            color: ["danger", 900]
+          })
+        }),
+        /* @__PURE__ */ jsx(Grid, {
+          width: "6px",
+          height: "6px",
+          "data-testid": "left-nav-messages-icon",
+          children: messages && /* @__PURE__ */ jsx(MessagesSmallFill, {
+            width: "6px",
+            height: "6px",
+            color: ["success", 900]
+          })
+        })
+      ]
+    })
+  ]
+});
 var Notifications_default = Notifications;
 export {
   Notifications,

package/dist/esm/exported-related/Notifications/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Notifications/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  AlertsSmallFill,\n  Notifications as InternalNotifications,\n  ExceptionsSmallFill,\n  MessagesSmallFill,\n} from '@elliemae/ds-icons';\nimport { styled } from '@elliemae/ds-system';\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]} data-testid=\"left-nav-notifications-icon\" />\n    {(exceptions || alerts || messages) && (\n      <Grid cols={['1fr', '1fr', '1fr']} gutter=\"xxxs\" mt=\"2px\">\n        <Grid width=\"6px\" height=\"6px\" data-testid=\"left-nav-exceptions-icon\">\n          {exceptions && <ExceptionsSmallFill width=\"6px\" height=\"6px\" color={['warning', 900]} />}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\" data-testid=\"left-nav-alerts-icon\">\n          {alerts && <AlertsSmallFill width=\"6px\" height=\"6px\" color={['danger', 900]} />}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\" data-testid=\"left-nav-messages-icon\">\n          {messages && <MessagesSmallFill width=\"6px\" height=\"6px\" color={['success', 900]} />}\n        </Grid>\n      </Grid>\n    )}\n  </StyledIcon>\n);\n\nexport default Notifications;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB;AAAA,EACE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,OAAO,UAAU;AAEjB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAYnB,MAAM,gBAAgB,CAAC;AAAA,EAC5B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AACb,MACE,gBAAAA,OAAA,cAAC,kBACC,gBAAAA,OAAA,cAAC;AAAA,EAAsB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,EAAG,eAAY;AAAA,CAA8B,IACvG,cAAc,UAAU,aACxB,gBAAAA,OAAA,cAAC;AAAA,EAAK,MAAM,CAAC,OAAO,OAAO,KAAK;AAAA,EAAG,QAAO;AAAA,EAAO,IAAG;AAAA,GAClD,gBAAAA,OAAA,cAAC;AAAA,EAAK,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,eAAY;AAAA,GACxC,cAAc,gBAAAA,OAAA,cAAC;AAAA,EAAoB,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW,GAAG;AAAA,CAAG,CACxF,GACA,gBAAAA,OAAA,cAAC;AAAA,EAAK,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,eAAY;AAAA,GACxC,UAAU,gBAAAA,OAAA,cAAC;AAAA,EAAgB,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,OAAO,CAAC,UAAU,GAAG;AAAA,CAAG,CAC/E,GACA,gBAAAA,OAAA,cAAC;AAAA,EAAK,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,eAAY;AAAA,GACxC,YAAY,gBAAAA,OAAA,cAAC;AAAA,EAAkB,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW,GAAG;AAAA,CAAG,CACpF,CACF,CAEJ;AAGF,IAAO,wBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA;AAAA,EACE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,OAAO,UAAU;AAEjB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAYnB,MAAM,gBAAgB,CAAC;AAAA,EAC5B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AACb,MACE,qBAAC;AAAA,EACC;AAAA,wBAAC;AAAA,MAAsB,MAAK;AAAA,MAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,MAAG,eAAY;AAAA,KAA8B;AAAA,KACvG,cAAc,UAAU,aACxB,qBAAC;AAAA,MAAK,MAAM,CAAC,OAAO,OAAO,KAAK;AAAA,MAAG,QAAO;AAAA,MAAO,IAAG;AAAA,MAClD;AAAA,4BAAC;AAAA,UAAK,OAAM;AAAA,UAAM,QAAO;AAAA,UAAM,eAAY;AAAA,UACxC,wBAAc,oBAAC;AAAA,YAAoB,OAAM;AAAA,YAAM,QAAO;AAAA,YAAM,OAAO,CAAC,WAAW,GAAG;AAAA,WAAG;AAAA,SACxF;AAAA,QACA,oBAAC;AAAA,UAAK,OAAM;AAAA,UAAM,QAAO;AAAA,UAAM,eAAY;AAAA,UACxC,oBAAU,oBAAC;AAAA,YAAgB,OAAM;AAAA,YAAM,QAAO;AAAA,YAAM,OAAO,CAAC,UAAU,GAAG;AAAA,WAAG;AAAA,SAC/E;AAAA,QACA,oBAAC;AAAA,UAAK,OAAM;AAAA,UAAM,QAAO;AAAA,UAAM,eAAY;AAAA,UACxC,sBAAY,oBAAC;AAAA,YAAkB,OAAM;AAAA,YAAM,QAAO;AAAA,YAAM,OAAO,CAAC,WAAW,GAAG;AAAA,WAAG;AAAA,SACpF;AAAA;AAAA,KACF;AAAA;AAAA,CAEJ;AAGF,IAAO,wBAAQ;",
+  "names": []
 }

package/dist/esm/exported-related/OpenWindowItem/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
 import { OpenWindow as OpenWindowIcon } from "@elliemae/ds-icons";
 const StyledOpenWindow = styled(OpenWindowIcon)`
@@ -8,7 +8,7 @@ const StyledOpenWindow = styled(OpenWindowIcon)`
     outline: 1px solid ${(props) => props.theme.colors.brand[800]};
   }
 `;
-const OpenWindow = (props) => /* @__PURE__ */ React2.createElement(StyledOpenWindow, {
+const OpenWindow = (props) => /* @__PURE__ */ jsx(StyledOpenWindow, {
   size: "s",
   color: ["brand-primary", 800],
   ...props