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

package/dist/cjs/LeftNavigation.js

@@ -29,7 +29,7 @@ __export(LeftNavigation_exports, {
 });
 module.exports = __toCommonJS(LeftNavigation_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_prop_types = require("./prop-types");
 var import_LeftNavigationContext = __toESM(require("./LeftNavigationContext"));
@@ -37,9 +37,10 @@ var import_useLeftNavConfig = require("./configs/useLeftNavConfig");
 var import_LeftNavContent = __toESM(require("./parts/LeftNavContent"));
 const LeftNavigation = (props) => {
   const leftNavConfig = (0, import_useLeftNavConfig.useLeftNavConfig)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_LeftNavigationContext.default.Provider, {
-    value: leftNavConfig
-  }, /* @__PURE__ */ import_react.default.createElement(import_LeftNavContent.default, null));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LeftNavigationContext.default.Provider, {
+    value: leftNavConfig,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LeftNavContent.default, {})
+  });
 };
 LeftNavigation.propTypes = import_prop_types.leftNavigationProps;
 LeftNavigation.defaultProps = import_LeftNavigationContext.defaultProps;

package/dist/cjs/LeftNavigation.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LeftNavigation.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAyB;AACzB,wBAAoC;AACpC,mCAAoD;AACpD,8BAAiC;AACjC,4BAA2B;AAGpB,MAAM,iBAAiB,CAAC,UAAqC;AAClE,QAAM,oBAAgB,0CAAiB,KAAK;AAE5C,SACE,6BAAAA,QAAA,cAAC,6BAAAC,QAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,KACrC,6BAAAD,QAAA,cAAC,sBAAAE,SAAA,IAAe,CAClB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AACtB,MAAM,+BAA2B,8BAAS,cAAc,EAAE,YAAY,iBAAiB;AAC9F,yBAAyB,YAAY;",
-  "names": ["React", "LeftNavigationContext", "LeftNavContent"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,wBAAoC;AACpC,mCAAoD;AACpD,8BAAiC;AACjC,4BAA2B;AAGpB,MAAM,iBAAiB,CAAC,UAAqC;AAClE,QAAM,oBAAgB,0CAAiB,KAAK;AAE5C,SACE,4CAAC,6BAAAA,QAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,IACrC,sDAAC,sBAAAC,SAAA,EAAe;AAAA,GAClB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AACtB,MAAM,+BAA2B,8BAAS,cAAc,EAAE,YAAY,iBAAiB;AAC9F,yBAAyB,YAAY;",
+  "names": ["LeftNavigationContext", "LeftNavContent"]
 }

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

@@ -29,9 +29,9 @@ __export(ChevronItem_exports, {
 });
 module.exports = __toCommonJS(ChevronItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_icons = require("@elliemae/ds-icons");
-const ChevronItem = (props) => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallRight, {
+const ChevronItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallRight, {
   size: "m",
   color: ["brand-primary", 800],
   ...props

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/ChevronItem/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAkC;AAE3B,MAAM,cAAc,CAAC,UAC1B,6BAAAA,QAAA,cAAC;AAAA,EAAkB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,EAAI,GAAG;AAAA,CAAO;AAGxE,IAAO,sBAAQ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,sBAAkC;AAE3B,MAAM,cAAc,CAAC,UAC1B,4CAAC;AAAA,EAAkB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,EAAI,GAAG;AAAA,CAAO;AAGxE,IAAO,sBAAQ;",
+  "names": []
 }

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

@@ -28,7 +28,7 @@ __export(Icon_exports, {
 });
 module.exports = __toCommonJS(Icon_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 const AugmentedIcon = (Icon2) => (0, import_ds_system.styled)(Icon2)`
   cursor: pointer;
@@ -41,7 +41,7 @@ const AugmentedIcon = (Icon2) => (0, import_ds_system.styled)(Icon2)`
 `;
 const Icon = (IconComponent) => (props) => {
   const StyledComponent = AugmentedIcon(IconComponent);
-  return /* @__PURE__ */ import_react.default.createElement(StyledComponent, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledComponent, {
     color: ["brand-primary", 800],
     tabIndex: 0,
     ...props

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/Icon/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AAEvB,MAAM,gBAAgB,CACpBA,cACG,yBAAOA,KAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUT,MAAM,OAAO,CAClB,kBACG,CAAC,UAAgC;AACpC,QAAM,kBAAkB,cAAc,aAAa;AACnD,SACE,6BAAAC,QAAA,cAAC;AAAA,IAAgB,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAAG,UAAU;AAAA,IAAI,GAAG;AAAA,GAAO;AAE5E;",
-  "names": ["Icon", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AAEvB,MAAM,gBAAgB,CACpBA,cACG,yBAAOA,KAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUT,MAAM,OAAO,CAClB,kBACG,CAAC,UAAgC;AACpC,QAAM,kBAAkB,cAAc,aAAa;AACnD,SACE,4CAAC;AAAA,IAAgB,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAAG,UAAU;AAAA,IAAI,GAAG;AAAA,GAAO;AAE5E;",
+  "names": ["Icon"]
 }

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

@@ -28,7 +28,8 @@ __export(ItemRenderer_exports, {
 });
 module.exports = __toCommonJS(ItemRenderer_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_grid = __toESM(require("@elliemae/ds-grid"));
 var import_styled = require("./styled");
 var import_LeftNavigationContext = require("../../LeftNavigationContext");
@@ -86,48 +87,59 @@ const ItemRenderer = (props) => {
   if (!expandedForAnimation && !CollapsedComponent) {
     return null;
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledItemWrapper, {
-    shadowStyle: shadowStyle(opened, item.type),
-    "data-testid": "leftnav-item-wrapper"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.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__ */ import_react.default.createElement(import_ds_grid.default, {
-    "data-testid": "leftnav-leftcomponent",
-    justifyContent: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(CollapsedComponent, {
-    item,
-    ctx
-  })) : children), hasBorderBottom && /* @__PURE__ */ import_react.default.createElement("div", {
-    style: {
-      marginLeft: opened ? "16px" : "0px",
-      marginRight: borderBottomMr,
-      height: "1px",
-      width: `calc(100% - ${borderBottomMr} - ${opened ? "16px" : "0px"})`,
-      backgroundColor: "#E0E3E8"
-    }
-  })), subitems);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledItemWrapper, {
+        shadowStyle: shadowStyle(opened, item.type),
+        "data-testid": "leftnav-item-wrapper",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.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__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
+              "data-testid": "leftnav-leftcomponent",
+              justifyContent: "center",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsedComponent, {
+                item,
+                ctx
+              })
+            }) : children
+          }),
+          hasBorderBottom && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+            style: {
+              marginLeft: opened ? "16px" : "0px",
+              marginRight: borderBottomMr,
+              height: "1px",
+              width: `calc(100% - ${borderBottomMr} - ${opened ? "16px" : "0px"})`,
+              backgroundColor: "#E0E3E8"
+            }
+          })
+        ]
+      }),
+      subitems
+    ]
+  });
 };
 //# sourceMappingURL=index.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/ItemRenderer/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { StyledItemWrapper, StyledItem } from './styled';\n\nimport { ItemRendererT } from '../../index.d';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { usePropsWithDefaults } from './usePropsWithDefaults';\nimport { useKeyboardNavigation } from '../../hooks';\n\nexport const ItemRenderer = (props: ItemRendererT): JSX.Element => {\n  const propsWithDefault = usePropsWithDefaults(props);\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { selectable, focuseable, indent, ariaLabel, ariaRole, ariaLive, ariaExpanded, 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React", "Grid"]
+  "mappings": "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",
+  "names": ["Grid"]
 }

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

@@ -29,7 +29,7 @@ __export(Notifications_exports, {
 });
 module.exports = __toCommonJS(Notifications_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
@@ -42,38 +42,51 @@ const Notifications = ({
   exceptions = false,
   alerts = false,
   messages = false
-}) => /* @__PURE__ */ import_react.default.createElement(StyledIcon, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Notifications, {
-  size: "m",
-  color: ["brand-primary", 800],
-  "data-testid": "left-nav-notifications-icon"
-}), (exceptions || alerts || messages) && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
-  cols: ["1fr", "1fr", "1fr"],
-  gutter: "xxxs",
-  mt: "2px"
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
-  width: "6px",
-  height: "6px",
-  "data-testid": "left-nav-exceptions-icon"
-}, exceptions && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ExceptionsSmallFill, {
-  width: "6px",
-  height: "6px",
-  color: ["warning", 900]
-})), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
-  width: "6px",
-  height: "6px",
-  "data-testid": "left-nav-alerts-icon"
-}, alerts && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.AlertsSmallFill, {
-  width: "6px",
-  height: "6px",
-  color: ["danger", 900]
-})), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
-  width: "6px",
-  height: "6px",
-  "data-testid": "left-nav-messages-icon"
-}, messages && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MessagesSmallFill, {
-  width: "6px",
-  height: "6px",
-  color: ["success", 900]
-}))));
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledIcon, {
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Notifications, {
+      size: "m",
+      color: ["brand-primary", 800],
+      "data-testid": "left-nav-notifications-icon"
+    }),
+    (exceptions || alerts || messages) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.default, {
+      cols: ["1fr", "1fr", "1fr"],
+      gutter: "xxxs",
+      mt: "2px",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
+          width: "6px",
+          height: "6px",
+          "data-testid": "left-nav-exceptions-icon",
+          children: exceptions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ExceptionsSmallFill, {
+            width: "6px",
+            height: "6px",
+            color: ["warning", 900]
+          })
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
+          width: "6px",
+          height: "6px",
+          "data-testid": "left-nav-alerts-icon",
+          children: alerts && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.AlertsSmallFill, {
+            width: "6px",
+            height: "6px",
+            color: ["danger", 900]
+          })
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
+          width: "6px",
+          height: "6px",
+          "data-testid": "left-nav-messages-icon",
+          children: messages && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MessagesSmallFill, {
+            width: "6px",
+            height: "6px",
+            color: ["success", 900]
+          })
+        })
+      ]
+    })
+  ]
+});
 var Notifications_default = Notifications;
 //# sourceMappingURL=index.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/Notifications/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAKO;AACP,uBAAuB;AACvB,qBAAiB;AAEjB,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;AAYnB,MAAM,gBAAgB,CAAC;AAAA,EAC5B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AACb,MACE,6BAAAA,QAAA,cAAC,kBACC,6BAAAA,QAAA,cAAC,gBAAAC,eAAA;AAAA,EAAsB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,EAAG,eAAY;AAAA,CAA8B,IACvG,cAAc,UAAU,aACxB,6BAAAD,QAAA,cAAC,eAAAE,SAAA;AAAA,EAAK,MAAM,CAAC,OAAO,OAAO,KAAK;AAAA,EAAG,QAAO;AAAA,EAAO,IAAG;AAAA,GAClD,6BAAAF,QAAA,cAAC,eAAAE,SAAA;AAAA,EAAK,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,eAAY;AAAA,GACxC,cAAc,6BAAAF,QAAA,cAAC;AAAA,EAAoB,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW,GAAG;AAAA,CAAG,CACxF,GACA,6BAAAA,QAAA,cAAC,eAAAE,SAAA;AAAA,EAAK,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,eAAY;AAAA,GACxC,UAAU,6BAAAF,QAAA,cAAC;AAAA,EAAgB,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,OAAO,CAAC,UAAU,GAAG;AAAA,CAAG,CAC/E,GACA,6BAAAA,QAAA,cAAC,eAAAE,SAAA;AAAA,EAAK,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,eAAY;AAAA,GACxC,YAAY,6BAAAF,QAAA,cAAC;AAAA,EAAkB,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW,GAAG;AAAA,CAAG,CACpF,CACF,CAEJ;AAGF,IAAO,wBAAQ;",
-  "names": ["React", "InternalNotifications", "Grid"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,sBAKO;AACP,uBAAuB;AACvB,qBAAiB;AAEjB,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;AAYnB,MAAM,gBAAgB,CAAC;AAAA,EAC5B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AACb,MACE,6CAAC;AAAA,EACC;AAAA,gDAAC,gBAAAA,eAAA;AAAA,MAAsB,MAAK;AAAA,MAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,MAAG,eAAY;AAAA,KAA8B;AAAA,KACvG,cAAc,UAAU,aACxB,6CAAC,eAAAC,SAAA;AAAA,MAAK,MAAM,CAAC,OAAO,OAAO,KAAK;AAAA,MAAG,QAAO;AAAA,MAAO,IAAG;AAAA,MAClD;AAAA,oDAAC,eAAAA,SAAA;AAAA,UAAK,OAAM;AAAA,UAAM,QAAO;AAAA,UAAM,eAAY;AAAA,UACxC,wBAAc,4CAAC;AAAA,YAAoB,OAAM;AAAA,YAAM,QAAO;AAAA,YAAM,OAAO,CAAC,WAAW,GAAG;AAAA,WAAG;AAAA,SACxF;AAAA,QACA,4CAAC,eAAAA,SAAA;AAAA,UAAK,OAAM;AAAA,UAAM,QAAO;AAAA,UAAM,eAAY;AAAA,UACxC,oBAAU,4CAAC;AAAA,YAAgB,OAAM;AAAA,YAAM,QAAO;AAAA,YAAM,OAAO,CAAC,UAAU,GAAG;AAAA,WAAG;AAAA,SAC/E;AAAA,QACA,4CAAC,eAAAA,SAAA;AAAA,UAAK,OAAM;AAAA,UAAM,QAAO;AAAA,UAAM,eAAY;AAAA,UACxC,sBAAY,4CAAC;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": ["InternalNotifications", "Grid"]
 }

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

@@ -29,7 +29,7 @@ __export(OpenWindowItem_exports, {
 });
 module.exports = __toCommonJS(OpenWindowItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_icons = require("@elliemae/ds-icons");
 const StyledOpenWindow = (0, import_ds_system.styled)(import_ds_icons.OpenWindow)`
@@ -38,7 +38,7 @@ const StyledOpenWindow = (0, import_ds_system.styled)(import_ds_icons.OpenWindow
     outline: 1px solid ${(props) => props.theme.colors.brand[800]};
   }
 `;
-const OpenWindow = (props) => /* @__PURE__ */ import_react.default.createElement(StyledOpenWindow, {
+const OpenWindow = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledOpenWindow, {
   size: "s",
   color: ["brand-primary", 800],
   ...props

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/OpenWindowItem/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,sBAA6C;AAE7C,MAAM,uBAAmB,yBAAO,gBAAAA,UAAc;AAAA;AAAA;AAAA,yBAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAItD,MAAM,aAAa,CAAC,UACzB,6BAAAC,QAAA,cAAC;AAAA,EAAiB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,EAAI,GAAG;AAAA,CAAO;AAGvE,IAAO,yBAAQ;",
-  "names": ["OpenWindowIcon", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AACvB,sBAA6C;AAE7C,MAAM,uBAAmB,yBAAO,gBAAAA,UAAc;AAAA;AAAA;AAAA,yBAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAItD,MAAM,aAAa,CAAC,UACzB,4CAAC;AAAA,EAAiB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,EAAI,GAAG;AAAA,CAAO;AAGvE,IAAO,yBAAQ;",
+  "names": ["OpenWindowIcon"]
 }

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

@@ -28,7 +28,8 @@ __export(ItemControlledDrilldown_exports, {
 });
 module.exports = __toCommonJS(ItemControlledDrilldown_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_grid = __toESM(require("@elliemae/ds-grid"));
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -55,12 +56,12 @@ const OutOfTheBoxMapSubitem = (props) => {
       ...item,
       itemOpts: { ...item.itemOpts, indent: currentIndent + 44 }
     };
-    return /* @__PURE__ */ import_react.default.createElement(OutOfTheBoxComponent, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OutOfTheBoxComponent, {
       item: newItem,
       ctx
     });
   }
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
     item,
     ctx
   });
@@ -89,7 +90,7 @@ const ItemControlledDrilldown = (props) => {
   const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
   const arrowIcon = (0, import_react.useMemo)(() => {
     const Component = isOpened ? import_ds_icons.ArrowheadDown : import_ds_icons.ArrowheadRight;
-    return /* @__PURE__ */ import_react.default.createElement(Component, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
       width: "24px",
       height: "18px",
       color: ["brand-primary", "800"]
@@ -98,13 +99,12 @@ const ItemControlledDrilldown = (props) => {
   const subitems = (0, import_react.useMemo)(() => {
     if (!isOpened || !items)
       return [];
-    return items.map((subitem) => /* @__PURE__ */ import_react.default.createElement(OutOfTheBoxMapSubitem, {
+    return items.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OutOfTheBoxMapSubitem, {
       item: subitem,
-      ctx,
-      key: subitem.dsId
-    }));
+      ctx
+    }, subitem.dsId));
   }, [items, isOpened]);
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.ItemRenderer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_exported_related.ItemRenderer, {
     item: {
       ...item,
       itemOpts: {
@@ -118,32 +118,45 @@ const ItemControlledDrilldown = (props) => {
     },
     subitems,
     minHeight: "32px",
-    paddingTop: "8px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
-    pl: "xxs",
-    mt: "-2px"
-  }, arrowIcon), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLabel, {
-    pb: "xxxs",
-    "data-testid": labelDataTestId || "leftnav-list-item-label",
-    labelOverflow,
-    labelBold,
-    labelColor
-  }, labelOverflow === "truncate" ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
-    value: label,
-    placement: "bottom-start"
-  }) : label), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
-    pr: "xxs2",
-    cols: ["auto", "auto"],
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledDate, {
-    ml: "xxs",
-    "data-testid": "leftnav-list-item-date"
-  }, labelRightSection), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
-    pl: RightComponent ? "xxs" : "0px",
-    "data-testid": "leftnav-right-component"
-  }, RightComponent && /* @__PURE__ */ import_react.default.createElement(RightComponent, {
-    ctx,
-    item
-  }))));
+    paddingTop: "8px",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
+        pl: "xxs",
+        mt: "-2px",
+        children: arrowIcon
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLabel, {
+        pb: "xxxs",
+        "data-testid": labelDataTestId || "leftnav-list-item-label",
+        labelOverflow,
+        labelBold,
+        labelColor,
+        children: labelOverflow === "truncate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+          value: label,
+          placement: "bottom-start"
+        }) : label
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.default, {
+        pr: "xxs2",
+        cols: ["auto", "auto"],
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledDate, {
+            ml: "xxs",
+            "data-testid": "leftnav-list-item-date",
+            children: labelRightSection
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
+            pl: RightComponent ? "xxs" : "0px",
+            "data-testid": "leftnav-right-component",
+            children: RightComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RightComponent, {
+              ctx,
+              item
+            })
+          })
+        ]
+      })
+    ]
+  });
 };
 //# sourceMappingURL=index.js.map

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

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