@elliemae/ds-left-navigation 3.80.0-next.6 → 3.80.0-next.61

package/dist/cjs/TruncatedTooltipText.js

@@ -37,14 +37,22 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_floating_context = require("@elliemae/ds-floating-context");
-const TruncatedSpan = import_ds_system.styled.span`
+var import_constants = require("./constants/index.js");
+var import_LeftNavigationContext = require("./LeftNavigationContext.js");
+const TruncatedSpan = (0, import_ds_system.styled)("span", {
+  name: import_constants.DSLeftNavigationName,
+  slot: import_constants.LEFT_NAVIGATION_SLOTS.TRUNCATED_LABEL
+})`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: inline-block;
   max-width: 100%;
 `;
-const TooltipContainer = import_ds_system.styled.div`
+const TooltipContainer = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSLeftNavigationName,
+  slot: import_constants.LEFT_NAVIGATION_SLOTS.TRUNCATED_LABEL_TOOLTIP
+})`
   text-align: center;
   min-width: ${({ theme }) => theme.space.l};
   max-width: 250px;
@@ -63,6 +71,9 @@ const TooltipContainer = import_ds_system.styled.div`
 `;
 const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
   const [showTooltip, setShowTooltip] = (0, import_react.useState)(false);
+  const { leftNavProps } = (0, import_react.useContext)(import_LeftNavigationContext.LeftNavContext);
+  const getOwnerProps = (0, import_react.useCallback)(() => leftNavProps, [leftNavProps]);
+  const getOwnerPropsArguments = (0, import_react.useCallback)(() => ({}), []);
   const { refs, floatingStyles, arrowStyles, context } = (0, import_ds_floating_context.useFloatingContext)({
     placement,
     externallyControlledIsOpen: showTooltip,
@@ -76,7 +87,17 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
     setShowTooltip(false);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TruncatedSpan, { innerRef: refs.setReference, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: value }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      TruncatedSpan,
+      {
+        innerRef: refs.setReference,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: value
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_ds_floating_context.FloatingWrapper,
       {
@@ -84,7 +105,7 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
         isOpen: showTooltip,
         floatingStyles,
         context,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipContainer, { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipContainer, { getOwnerProps, getOwnerPropsArguments, children: [
           value,
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_floating_context.PopoverArrow, { ...arrowStyles })
         ] })

package/dist/cjs/TruncatedTooltipText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TruncatedTooltipText.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  useFloatingContext,\n  FloatingWrapper,\n  PopoverArrow,\n  type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\n\nconst TruncatedSpan = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst TooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  pointer-events: none;\n`;\n\ninterface TruncatedTooltipTextProps {\n  value?: string | JSX.Element | undefined;\n  placement?: DSHookFloatingContextT.PopperPlacementsT;\n}\n\nconst TruncatedTooltipText = ({ value = '', placement = 'top' }: TruncatedTooltipTextProps) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n    placement,\n    externallyControlledIsOpen: showTooltip,\n    withoutAnimation: true,\n  });\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n    const el = e.currentTarget;\n    setShowTooltip(el.offsetWidth < el.scrollWidth);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setShowTooltip(false);\n  }, []);\n\n  return (\n    <>\n      <TruncatedSpan innerRef={refs.setReference} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n        {value}\n      </TruncatedSpan>\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={showTooltip}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <TooltipContainer>\n          {value}\n          <PopoverArrow {...arrowStyles} />\n        </TooltipContainer>\n      </FloatingWrapper>\n    </>\n  );\n};\n\nexport { TruncatedTooltipText };\nexport default TruncatedTooltipText;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4DnB;AA5DJ,mBAA6C;AAC7C,uBAAuB;AACvB,iCAKO;AAEP,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,mBAAmB,wBAAO;AAAA;AAAA,eAEjB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AASnD,MAAM,uBAAuB,CAAC,EAAE,QAAQ,IAAI,YAAY,MAAM,MAAiC;AAC7F,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,QAAI,+CAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,uBAAmB,0BAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,0BAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,4EACE;AAAA,gDAAC,iBAAc,UAAU,KAAK,cAAc,cAAc,kBAAkB,cAAc,kBACvF,iBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,uDAAC,oBACE;AAAA;AAAA,UACD,4CAAC,2CAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
+  "sourcesContent": ["import React, { useCallback, useContext, useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  useFloatingContext,\n  FloatingWrapper,\n  PopoverArrow,\n  type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\nimport { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from './constants/index.js';\nimport { LeftNavContext } from './LeftNavigationContext.js';\n\nconst TruncatedSpan = styled('span', {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.TRUNCATED_LABEL,\n})`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst TooltipContainer = styled('div', {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.TRUNCATED_LABEL_TOOLTIP,\n})`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  pointer-events: none;\n`;\n\ninterface TruncatedTooltipTextProps {\n  value?: string | JSX.Element | undefined;\n  placement?: DSHookFloatingContextT.PopperPlacementsT;\n}\n\nconst TruncatedTooltipText = ({ value = '', placement = 'top' }: TruncatedTooltipTextProps) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n  const { leftNavProps } = useContext(LeftNavContext);\n  const getOwnerProps = useCallback(() => leftNavProps, [leftNavProps]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n    placement,\n    externallyControlledIsOpen: showTooltip,\n    withoutAnimation: true,\n  });\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n    const el = e.currentTarget;\n    setShowTooltip(el.offsetWidth < el.scrollWidth);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setShowTooltip(false);\n  }, []);\n\n  return (\n    <>\n      <TruncatedSpan\n        innerRef={refs.setReference}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {value}\n      </TruncatedSpan>\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={showTooltip}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <TooltipContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          {value}\n          <PopoverArrow {...arrowStyles} />\n        </TooltipContainer>\n      </FloatingWrapper>\n    </>\n  );\n};\n\nexport { TruncatedTooltipText };\nexport default TruncatedTooltipText;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuEnB;AAvEJ,mBAAyD;AACzD,uBAAuB;AACvB,iCAKO;AACP,uBAA4D;AAC5D,mCAA+B;AAE/B,MAAM,oBAAgB,yBAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASD,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AASnD,MAAM,uBAAuB,CAAC,EAAE,QAAQ,IAAI,YAAY,MAAM,MAAiC;AAC7F,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,QAAM,EAAE,aAAa,QAAI,yBAAW,2CAAc;AAClD,QAAM,oBAAgB,0BAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AACpE,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,QAAI,+CAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,uBAAmB,0BAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,0BAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,uDAAC,oBAAiB,eAA8B,wBAC7C;AAAA;AAAA,UACD,4CAAC,2CAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/cjs/constants/index.js

@@ -72,14 +72,18 @@ const LEFT_NAVIGATION_SLOTS = {
   LEFT_CONTAINER: "left-container",
   LOADER_WRAPPER: "loader-wrapper",
   HEADER_AREA: "header-area",
+  ICON: "icon",
   MESSAGES_ICON_WRAPPER: "messages-icon",
   NOTIFICATIONS_CONTAINER: "notifications-container",
   NOTIFICATIONS_ICON: "notifications-icon",
+  OPEN_WINDOW_ICON: "open-window-icon",
   RIGHT_CONTAINER: "right-container",
   ROOT: "root",
   SECTION_CONTAINER: "section-container",
   SECTION_LABEL: "section-label",
   SECTION_RIGHT_LABEL: "section-right-label",
+  TRUNCATED_LABEL: "truncated-label",
+  TRUNCATED_LABEL_TOOLTIP: "truncated-label-tooltip",
   VERTICAL_SEPARATOR: "vertical-separator"
 };
 const LEFT_NAVIGATION_DATA_TESTID = {

package/dist/cjs/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSLeftNavigationName = 'DSLeftnavigation';\n\n// we are naming this with the ${component_name}_region_focuses convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LEFT_NAVIGATION_REGION_FOCUSES = {\n  RESET: '',\n} as const;\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LEFT_NAVIGATION_SLOTS = {\n  ALERTS_ICON_WRAPPER: 'alerts-icon',\n  AREAS_CONTAINER: 'areas-container',\n  ARROW_CONTAINER: 'arrow-container',\n  BODY_AREAS_CONTAINER: 'body-areas-container',\n  BODY_HEADER_AREA: 'body-header-area',\n  BODY_ITEMS_AREA: 'body-items-area',\n  BOTTOM_CONTAINER: 'bottom-container',\n  COLLAPSED_CONTAINER: 'collapsed-container',\n  EXCEPTIONS_ICON_WRAPPER: 'exceptions-icon',\n  FOOTER_ITEM: 'footer-item',\n  FOOTER_LABEL: 'footer-label',\n  FOOTER_MENU: 'footer-menu',\n  FOOTER_MENU_COLLAPSE: 'footer-menu-collapse',\n  FOOTER_SEPARATOR: 'footer-separator',\n  ITEM: 'item',\n  ITEM_BORDER_BOTTOM: 'item-border-bottom',\n  ITEM_CHEVRON_BACK: 'item-chevron-back',\n  ITEM_DATE: 'item-date',\n  ITEM_LABEL: 'item-label',\n  ITEM_SEPARATOR: 'item-separator',\n  LEFT_CONTAINER: 'left-container',\n  LOADER_WRAPPER: 'loader-wrapper',\n  HEADER_AREA: 'header-area',\n  MESSAGES_ICON_WRAPPER: 'messages-icon',\n  NOTIFICATIONS_CONTAINER: 'notifications-container',\n  NOTIFICATIONS_ICON: 'notifications-icon',\n  RIGHT_CONTAINER: 'right-container',\n  ROOT: 'root',\n  SECTION_CONTAINER: 'section-container',\n  SECTION_LABEL: 'section-label',\n  SECTION_RIGHT_LABEL: 'section-right-label',\n  VERTICAL_SEPARATOR: 'vertical-separator',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LEFT_NAVIGATION_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSLeftNavigationName, LEFT_NAVIGATION_SLOTS),\n  /* ********************************************************************************************************************************************\n   *    keeping old values around based on vinoth/guncha (forced) request to keep them stable\n   *      in the future, before removing/changing those values, please make sure to check with them\n   *      (and get written approval for future reference, verba volant, scripta manent).\n   * ********************************************************************************************************************************************\n   *                  https://jira.elliemae.io/browse/PUI-15589\n   ******************************************************************************************************************************************** */\n  ROOT: 'leftnav-component',\n  HEADER_AREA: 'leftnav-header-area',\n  AREAS_CONTAINER: 'ds-leftnavigation-areas-container',\n\n  COLLAPSED_CONTAINER: 'leftnav-leftcomponent',\n\n  BODY_AREAS_CONTAINER: 'ds-leftnavigation-body-areas-container',\n  BODY_HEADER_AREA: 'leftnav-body-header-area',\n  BODY_ITEMS_AREA: 'leftnav-body-items-area',\n  BOTTOM_CONTAINER: 'ds-leftnavigation-bottom-container',\n\n  ITEM: 'leftnav-item-container',\n  ITEM_BORDER_BOTTOM: 'ds-leftnavigation-item-border-bottom',\n  ITEM_LABEL: 'leftnav-itemlabel',\n  ITEM_DATE: 'leftnav-list-item-date',\n  ITEM_SEPARATOR: 'leftnav-separator-subitem',\n  ITEM_CHEVRON_BACK: 'leftnav-leftcomponent-chevron',\n\n  // repeated with \"COLLAPSED_CONTAINER\" above, APP QA team doesn't approve us changing this.\n  //    IF anyone come with the request to have a separate value for this, address them to guncha/vinoth.\n  LEFT_CONTAINER: 'leftnav-leftcomponent',\n  RIGHT_CONTAINER: 'leftnav-right-component',\n  ARROW_CONTAINER: 'ds-leftnavigation-arrow-container',\n\n  SECTION_CONTAINER: 'ds-leftnavigation-section-container',\n  SECTION_LABEL: 'leftnav-section-item-label',\n  SECTION_RIGHT_LABEL: 'ds-leftnavigation-section-right-label',\n\n  NOTIFICATIONS_CONTAINER: 'ds-leftnavigation-notifications-container',\n\n  EXCEPTIONS_ICON_WRAPPER: 'left-nav-exceptions-icon',\n  ALERTS_ICON_WRAPPER: 'left-nav-alerts-icon',\n  MESSAGES_ICON_WRAPPER: 'left-nav-messages-icon',\n\n  FOOTER_MENU: 'leftnav-container',\n  FOOTER_SEPARATOR: 'ds-leftnavigation-footer-separator',\n  // repeated with \"ITEM\" above, APP QA team doesn't approve us changing this.\n  //    IF anyone come with the request to have a separate value for this, address them to guncha/vinoth.\n  FOOTER_ITEM: 'leftnav-item-container',\n\n  VERTICAL_SEPARATOR: 'ds-leftnavigation-vertical-separator',\n\n  // Things that are not slots (why?) and still need data-testids (that needs to not change else APP QA team can't work)\n  NOTIFICATION_ICON: 'left-nav-notifications-icon',\n  ALERTS_ICON: 'left-nav-alerts-icon',\n  EXCEPTIONS_ICON: 'left-nav-exceptions-icon',\n  MESSAGES_ICON: 'left-nav-messages-icon',\n\n  // I don't know if there was already a slot or not because the naming convention is confusing and we can't change it.\n  //   so I am re-defining those to be sure.\n  //  (usually this comes from previous implementation \"slot\" being a \"nested\" slot that inherits the slot from the child)\n  DROPDOWN_MENU_TRIGGER_WRAPPER: 'dropdown-menu-trigger-wrapper', // used to be dsDropdownmenuRoot slot at time of writing this comment\n\n  NOTIFICATIONS_ICON: 'left-nav-notifications-icon', // used to be dsIconRoot slot at time of writing this comment\n  LEFT_COMPONENT_CHEVRON: 'leftnav-leftcomponent-chevron', // used to be dsButtonRoot slot at time of writing this comment\n  // VERY SPECIAL CASE, THE SLOT FOOTER_BTN GOES TO THE ICON WHEN COLLAPSED, TO THE BTN WHEN EXPANDED\n  //   WE CAN'T FIX THE TECH DEBT\n  FOOTER_BTN: 'leftnav-footer-btn', // used to be [ \"dsIconRoot\", \"dsButtonRoot\" ] slots at time of writing this comment\n  // VERY SPECIAL CASE 2\n  //   THE SLOT IS TECHNICALLY dsLeftnavigationItemLabel\n  //      which is LEFT_NAVIGATION_SLOTS.ITEM_LABEL\n  //   BUT the data-test-id is either \"leftnav-itemlabel\" or \"leftnav-list-item-label\"\n  //      APPARENTLY (we are not sure) based on it's \"type\"\n  //      \"leftnav-list-item-label\" for:\n  //         - ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL\n  //         - ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE\n  //         - ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN\n  //         - ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN\n  //   WE CAN'T FIX THE TECH DEBT\n  //    IF we somehow need to change this, address them to guncha/vinoth.\n  LIST_ITEM_LABEL_ID_EXCEPTION: 'leftnav-list-item-label',\n};\n\nexport const DSLeftNavigationSlots = LEFT_NAVIGATION_SLOTS;\n\n/* ********************************************************************************************************************************************\n *    Specific left-nav constants. Those are exported to third parties so they can use them in their code.\n ******************************************************************************************************************************************** */\n\nexport const LABEL_OVERFLOW = {\n  WRAP: 'wrap',\n  WRAP_ALL: 'wrapAll',\n  TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n  LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n  LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n  LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: 'ds-left-nav-item-uncontrolled-drilldown',\n  LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',\n  LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',\n  LEFT_NAV_ITEM_SKELETON: 'ds-left-nav-item-skeleton',\n  LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',\n  LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date',\n};\n\nexport const outOfTheBoxTypes = Object.values(ITEM_TYPES);\n\nexport const MAP_ITEMS_TO_SKELETON = {\n  'ds-left-nav-item-header': 'item',\n  'ds-left-nav-item-link': 'subitem',\n  'ds-left-nav-item-submenu': 'item',\n  'ds-left-nav-item-controlled-drilldown': 'subitem',\n  'ds-left-nav-item-uncontrolled-drilldown': 'subitem',\n  'ds-left-nav-item-section': 'subitem',\n  'ds-left-nav-item-separator': 'subitem',\n  'ds-left-nav-item-text-label': 'subitem',\n  'ds-left-nav-item-with-date': 'subitem',\n} as const;\n\nexport const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';\n\nexport const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';\n\nexport const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSLeftNavigationName = 'DSLeftnavigation';\n\n// we are naming this with the ${component_name}_region_focuses convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LEFT_NAVIGATION_REGION_FOCUSES = {\n  RESET: '',\n} as const;\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LEFT_NAVIGATION_SLOTS = {\n  ALERTS_ICON_WRAPPER: 'alerts-icon',\n  AREAS_CONTAINER: 'areas-container',\n  ARROW_CONTAINER: 'arrow-container',\n  BODY_AREAS_CONTAINER: 'body-areas-container',\n  BODY_HEADER_AREA: 'body-header-area',\n  BODY_ITEMS_AREA: 'body-items-area',\n  BOTTOM_CONTAINER: 'bottom-container',\n  COLLAPSED_CONTAINER: 'collapsed-container',\n  EXCEPTIONS_ICON_WRAPPER: 'exceptions-icon',\n  FOOTER_ITEM: 'footer-item',\n  FOOTER_LABEL: 'footer-label',\n  FOOTER_MENU: 'footer-menu',\n  FOOTER_MENU_COLLAPSE: 'footer-menu-collapse',\n  FOOTER_SEPARATOR: 'footer-separator',\n  ITEM: 'item',\n  ITEM_BORDER_BOTTOM: 'item-border-bottom',\n  ITEM_CHEVRON_BACK: 'item-chevron-back',\n  ITEM_DATE: 'item-date',\n  ITEM_LABEL: 'item-label',\n  ITEM_SEPARATOR: 'item-separator',\n  LEFT_CONTAINER: 'left-container',\n  LOADER_WRAPPER: 'loader-wrapper',\n  HEADER_AREA: 'header-area',\n  ICON: 'icon',\n  MESSAGES_ICON_WRAPPER: 'messages-icon',\n  NOTIFICATIONS_CONTAINER: 'notifications-container',\n  NOTIFICATIONS_ICON: 'notifications-icon',\n  OPEN_WINDOW_ICON: 'open-window-icon',\n  RIGHT_CONTAINER: 'right-container',\n  ROOT: 'root',\n  SECTION_CONTAINER: 'section-container',\n  SECTION_LABEL: 'section-label',\n  SECTION_RIGHT_LABEL: 'section-right-label',\n  TRUNCATED_LABEL: 'truncated-label',\n  TRUNCATED_LABEL_TOOLTIP: 'truncated-label-tooltip',\n  VERTICAL_SEPARATOR: 'vertical-separator',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LEFT_NAVIGATION_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSLeftNavigationName, LEFT_NAVIGATION_SLOTS),\n  /* ********************************************************************************************************************************************\n   *    keeping old values around based on vinoth/guncha (forced) request to keep them stable\n   *      in the future, before removing/changing those values, please make sure to check with them\n   *      (and get written approval for future reference, verba volant, scripta manent).\n   * ********************************************************************************************************************************************\n   *                  https://jira.elliemae.io/browse/PUI-15589\n   ******************************************************************************************************************************************** */\n  ROOT: 'leftnav-component',\n  HEADER_AREA: 'leftnav-header-area',\n  AREAS_CONTAINER: 'ds-leftnavigation-areas-container',\n\n  COLLAPSED_CONTAINER: 'leftnav-leftcomponent',\n\n  BODY_AREAS_CONTAINER: 'ds-leftnavigation-body-areas-container',\n  BODY_HEADER_AREA: 'leftnav-body-header-area',\n  BODY_ITEMS_AREA: 'leftnav-body-items-area',\n  BOTTOM_CONTAINER: 'ds-leftnavigation-bottom-container',\n\n  ITEM: 'leftnav-item-container',\n  ITEM_BORDER_BOTTOM: 'ds-leftnavigation-item-border-bottom',\n  ITEM_LABEL: 'leftnav-itemlabel',\n  ITEM_DATE: 'leftnav-list-item-date',\n  ITEM_SEPARATOR: 'leftnav-separator-subitem',\n  ITEM_CHEVRON_BACK: 'leftnav-leftcomponent-chevron',\n\n  // repeated with \"COLLAPSED_CONTAINER\" above, APP QA team doesn't approve us changing this.\n  //    IF anyone come with the request to have a separate value for this, address them to guncha/vinoth.\n  LEFT_CONTAINER: 'leftnav-leftcomponent',\n  RIGHT_CONTAINER: 'leftnav-right-component',\n  ARROW_CONTAINER: 'ds-leftnavigation-arrow-container',\n\n  SECTION_CONTAINER: 'ds-leftnavigation-section-container',\n  SECTION_LABEL: 'leftnav-section-item-label',\n  SECTION_RIGHT_LABEL: 'ds-leftnavigation-section-right-label',\n\n  NOTIFICATIONS_CONTAINER: 'ds-leftnavigation-notifications-container',\n\n  EXCEPTIONS_ICON_WRAPPER: 'left-nav-exceptions-icon',\n  ALERTS_ICON_WRAPPER: 'left-nav-alerts-icon',\n  MESSAGES_ICON_WRAPPER: 'left-nav-messages-icon',\n\n  FOOTER_MENU: 'leftnav-container',\n  FOOTER_SEPARATOR: 'ds-leftnavigation-footer-separator',\n  // repeated with \"ITEM\" above, APP QA team doesn't approve us changing this.\n  //    IF anyone come with the request to have a separate value for this, address them to guncha/vinoth.\n  FOOTER_ITEM: 'leftnav-item-container',\n\n  VERTICAL_SEPARATOR: 'ds-leftnavigation-vertical-separator',\n\n  // Things that are not slots (why?) and still need data-testids (that needs to not change else APP QA team can't work)\n  NOTIFICATION_ICON: 'left-nav-notifications-icon',\n  ALERTS_ICON: 'left-nav-alerts-icon',\n  EXCEPTIONS_ICON: 'left-nav-exceptions-icon',\n  MESSAGES_ICON: 'left-nav-messages-icon',\n\n  // I don't know if there was already a slot or not because the naming convention is confusing and we can't change it.\n  //   so I am re-defining those to be sure.\n  //  (usually this comes from previous implementation \"slot\" being a \"nested\" slot that inherits the slot from the child)\n  DROPDOWN_MENU_TRIGGER_WRAPPER: 'dropdown-menu-trigger-wrapper', // used to be dsDropdownmenuRoot slot at time of writing this comment\n\n  NOTIFICATIONS_ICON: 'left-nav-notifications-icon', // used to be dsIconRoot slot at time of writing this comment\n  LEFT_COMPONENT_CHEVRON: 'leftnav-leftcomponent-chevron', // used to be dsButtonRoot slot at time of writing this comment\n  // VERY SPECIAL CASE, THE SLOT FOOTER_BTN GOES TO THE ICON WHEN COLLAPSED, TO THE BTN WHEN EXPANDED\n  //   WE CAN'T FIX THE TECH DEBT\n  FOOTER_BTN: 'leftnav-footer-btn', // used to be [ \"dsIconRoot\", \"dsButtonRoot\" ] slots at time of writing this comment\n  // VERY SPECIAL CASE 2\n  //   THE SLOT IS TECHNICALLY dsLeftnavigationItemLabel\n  //      which is LEFT_NAVIGATION_SLOTS.ITEM_LABEL\n  //   BUT the data-test-id is either \"leftnav-itemlabel\" or \"leftnav-list-item-label\"\n  //      APPARENTLY (we are not sure) based on it's \"type\"\n  //      \"leftnav-list-item-label\" for:\n  //         - ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL\n  //         - ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE\n  //         - ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN\n  //         - ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN\n  //   WE CAN'T FIX THE TECH DEBT\n  //    IF we somehow need to change this, address them to guncha/vinoth.\n  LIST_ITEM_LABEL_ID_EXCEPTION: 'leftnav-list-item-label',\n};\n\nexport const DSLeftNavigationSlots = LEFT_NAVIGATION_SLOTS;\n\n/* ********************************************************************************************************************************************\n *    Specific left-nav constants. Those are exported to third parties so they can use them in their code.\n ******************************************************************************************************************************************** */\n\nexport const LABEL_OVERFLOW = {\n  WRAP: 'wrap',\n  WRAP_ALL: 'wrapAll',\n  TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n  LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n  LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n  LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: 'ds-left-nav-item-uncontrolled-drilldown',\n  LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',\n  LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',\n  LEFT_NAV_ITEM_SKELETON: 'ds-left-nav-item-skeleton',\n  LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',\n  LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date',\n};\n\nexport const outOfTheBoxTypes = Object.values(ITEM_TYPES);\n\nexport const MAP_ITEMS_TO_SKELETON = {\n  'ds-left-nav-item-header': 'item',\n  'ds-left-nav-item-link': 'subitem',\n  'ds-left-nav-item-submenu': 'item',\n  'ds-left-nav-item-controlled-drilldown': 'subitem',\n  'ds-left-nav-item-uncontrolled-drilldown': 'subitem',\n  'ds-left-nav-item-section': 'subitem',\n  'ds-left-nav-item-separator': 'subitem',\n  'ds-left-nav-item-text-label': 'subitem',\n  'ds-left-nav-item-with-date': 'subitem',\n} as const;\n\nexport const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';\n\nexport const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';\n\nexport const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,uBAAuB;AAG7B,MAAM,iCAAiC;AAAA,EAC5C,OAAO;AACT;AAGO,MAAM,wBAAwB;AAAA,EACnC,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,oBAAoB;AACtB;AAGO,MAAM,8BAA8B;AAAA,EACzC,OAAG,0CAAwB,sBAAsB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQtE,MAAM;AAAA,EACN,aAAa;AAAA,EACb,iBAAiB;AAAA,EAEjB,qBAAqB;AAAA,EAErB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAElB,MAAM;AAAA,EACN,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,mBAAmB;AAAA;AAAA;AAAA,EAInB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EAEjB,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,qBAAqB;AAAA,EAErB,yBAAyB;AAAA,EAEzB,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EAEvB,aAAa;AAAA,EACb,kBAAkB;AAAA;AAAA;AAAA,EAGlB,aAAa;AAAA,EAEb,oBAAoB;AAAA;AAAA,EAGpB,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,eAAe;AAAA;AAAA;AAAA;AAAA,EAKf,+BAA+B;AAAA;AAAA,EAE/B,oBAAoB;AAAA;AAAA,EACpB,wBAAwB;AAAA;AAAA;AAAA;AAAA,EAGxB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaZ,8BAA8B;AAChC;AAEO,MAAM,wBAAwB;AAM9B,MAAM,iBAAiB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,aAAa;AAAA,EACxB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,oCAAoC;AAAA,EACpC,sCAAsC;AAAA,EACtC,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,yBAAyB;AAC3B;AAEO,MAAM,mBAAmB,OAAO,OAAO,UAAU;AAEjD,MAAM,wBAAwB;AAAA,EACnC,2BAA2B;AAAA,EAC3B,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,yCAAyC;AAAA,EACzC,2CAA2C;AAAA,EAC3C,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,+BAA+B;AAAA,EAC/B,8BAA8B;AAChC;AAEO,MAAM,eAAe;AAErB,MAAM,0BAA0B;AAEhC,MAAM,qBAAqB;",
   "names": []
 }

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

@@ -33,8 +33,15 @@ __export(Icon_exports, {
 module.exports = __toCommonJS(Icon_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-const AugmentedIcon = (Icon2) => (0, import_ds_system.styled)(Icon2)`
+var import_constants = require("../../constants/index.js");
+var import_LeftNavigationContext = require("../../LeftNavigationContext.js");
+const AugmentedIcon = (Icon2) => (0, import_ds_system.styled)(Icon2, {
+  name: import_constants.DSLeftNavigationName,
+  slot: import_constants.LEFT_NAVIGATION_SLOTS.ICON,
+  preserveLegacyDataTestId: true
+})`
   cursor: pointer;
 
   outline: 0;
@@ -43,8 +50,22 @@ const AugmentedIcon = (Icon2) => (0, import_ds_system.styled)(Icon2)`
     outline: 1px solid #1e79c2;
   }
 `;
-const Icon = (IconComponent) => function(props) {
+const Icon = (IconComponent) => {
   const StyledComponent = AugmentedIcon(IconComponent);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledComponent, { color: ["brand-primary", "800"], tabIndex: 0, ...props });
+  return function LeftNavIcon(props) {
+    const { leftNavProps } = import_react.default.useContext(import_LeftNavigationContext.LeftNavContext);
+    const getOwnerProps = import_react.default.useCallback(() => leftNavProps, [leftNavProps]);
+    const getOwnerPropsArguments = import_react.default.useCallback(() => ({}), []);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StyledComponent,
+      {
+        color: ["brand-primary", "800"],
+        tabIndex: 0,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        ...props
+      }
+    );
+  };
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "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';\nimport { type SvgIconT } from '@elliemae/ds-icons';\n\nconst AugmentedIcon = (Icon: React.ComponentType<{ color: unknown; tabIndex: number }>) => styled(Icon)`\n  cursor: pointer;\n\n  outline: 0;\n  :focus,\n  :active {\n    outline: 1px solid #1e79c2;\n  }\n`;\n\nexport const Icon = (IconComponent: React.ComponentType<{ color: unknown; tabIndex: number }>) =>\n  function (props?: SvgIconT.Props): JSX.Element {\n    const StyledComponent = AugmentedIcon(IconComponent);\n    return <StyledComponent color={['brand-primary', '800']} tabIndex={0} {...props} />;\n  };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBZ;AAhBX,uBAAuB;AAGvB,MAAM,gBAAgB,CAACA,cAAoE,yBAAOA,KAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU/F,MAAM,OAAO,CAAC,kBACnB,SAAU,OAAqC;AAC7C,QAAM,kBAAkB,cAAc,aAAa;AACnD,SAAO,4CAAC,mBAAgB,OAAO,CAAC,iBAAiB,KAAK,GAAG,UAAU,GAAI,GAAG,OAAO;AACnF;",
-  "names": ["Icon"]
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { type SvgIconT } from '@elliemae/ds-icons';\nimport { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from '../../constants/index.js';\nimport { LeftNavContext } from '../../LeftNavigationContext.js';\n\n/**\n * preserveLegacyDataTestId keeps the ds-icons generated data-testid on the svg wrapper,\n * the left-nav slot must not override a data-testid QA may already rely on.\n */\nconst AugmentedIcon = (Icon: React.ComponentType<{ color: unknown; tabIndex: number }>) => styled(Icon, {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.ICON,\n  preserveLegacyDataTestId: true,\n})`\n  cursor: pointer;\n\n  outline: 0;\n  :focus,\n  :active {\n    outline: 1px solid #1e79c2;\n  }\n`;\n\n/**\n * The styled component is created once per Icon() call, not per render:\n * a new component type on every render would remount the icon and drop its focus.\n */\nexport const Icon = (IconComponent: React.ComponentType<{ color: unknown; tabIndex: number }>) => {\n  const StyledComponent = AugmentedIcon(IconComponent);\n  return function LeftNavIcon(props?: SvgIconT.Props): JSX.Element {\n    const { leftNavProps } = React.useContext(LeftNavContext);\n    const getOwnerProps = React.useCallback(() => leftNavProps, [leftNavProps]);\n    const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n    return (\n      <StyledComponent\n        color={['brand-primary', '800']}\n        tabIndex={0}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n        {...props}\n      />\n    );\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCjB;AAnCN,mBAAkB;AAClB,uBAAuB;AAEvB,uBAA4D;AAC5D,mCAA+B;AAM/B,MAAM,gBAAgB,CAACA,cAAoE,yBAAOA,OAAM;AAAA,EACtG,MAAM;AAAA,EACN,MAAM,uCAAsB;AAAA,EAC5B,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM,MAAM,OAAO,CAAC,kBAA6E;AAChG,QAAM,kBAAkB,cAAc,aAAa;AACnD,SAAO,SAAS,YAAY,OAAqC;AAC/D,UAAM,EAAE,aAAa,IAAI,aAAAC,QAAM,WAAW,2CAAc;AACxD,UAAM,gBAAgB,aAAAA,QAAM,YAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AAC1E,UAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,CAAC,iBAAiB,KAAK;AAAA,QAC9B,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;",
+  "names": ["Icon", "React"]
 }

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

@@ -34,14 +34,35 @@ __export(OpenWindowItem_exports, {
 module.exports = __toCommonJS(OpenWindowItem_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
 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)`
+var import_constants = require("../../constants/index.js");
+var import_LeftNavigationContext = require("../../LeftNavigationContext.js");
+const StyledOpenWindow = (0, import_ds_system.styled)(import_ds_icons.OpenWindow, {
+  name: import_constants.DSLeftNavigationName,
+  slot: import_constants.LEFT_NAVIGATION_SLOTS.OPEN_WINDOW_ICON,
+  preserveLegacyDataTestId: true
+})`
   cursor: pointer;
   :focus {
     outline: 1px solid ${(props) => props.theme.colors.brand[800]};
   }
 `;
-const OpenWindow = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledOpenWindow, { size: "s", color: ["brand-primary", "800"], ...props });
+const OpenWindow = (props) => {
+  const { leftNavProps } = import_react.default.useContext(import_LeftNavigationContext.LeftNavContext);
+  const getOwnerProps = import_react.default.useCallback(() => leftNavProps, [leftNavProps]);
+  const getOwnerPropsArguments = import_react.default.useCallback(() => ({}), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledOpenWindow,
+    {
+      size: "s",
+      color: ["brand-primary", "800"],
+      getOwnerProps,
+      getOwnerPropsArguments,
+      ...props
+    }
+  );
+};
 var OpenWindowItem_default = OpenWindow;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "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, type SvgIconT } 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: SvgIconT.Props): 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;ADYrB;AAXF,uBAAuB;AACvB,sBAA4D;AAE5D,MAAM,uBAAmB,yBAAO,gBAAAA,UAAc;AAAA;AAAA;AAAA,yBAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAI1D,MAAM,aAAa,CAAC,UACzB,4CAAC,oBAAiB,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAI,GAAG,OAAO;AAGzE,IAAO,yBAAQ;",
-  "names": ["OpenWindowIcon"]
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { OpenWindow as OpenWindowIcon, type SvgIconT } from '@elliemae/ds-icons';\nimport { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from '../../constants/index.js';\nimport { LeftNavContext } from '../../LeftNavigationContext.js';\n\n/**\n * preserveLegacyDataTestId keeps the ds-icons generated data-testid on the svg wrapper,\n * the left-nav slot must not override a data-testid QA may already rely on.\n */\nconst StyledOpenWindow = styled(OpenWindowIcon, {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.OPEN_WINDOW_ICON,\n  preserveLegacyDataTestId: true,\n})`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n\nexport const OpenWindow = (props: SvgIconT.Props): JSX.Element => {\n  const { leftNavProps } = React.useContext(LeftNavContext);\n  const getOwnerProps = React.useCallback(() => leftNavProps, [leftNavProps]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  return (\n    <StyledOpenWindow\n      size=\"s\"\n      color={['brand-primary', '800']}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      {...props}\n    />\n  );\n};\n\nexport default OpenWindow;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkB;AAClB,uBAAuB;AACvB,sBAA4D;AAC5D,uBAA4D;AAC5D,mCAA+B;AAM/B,MAAM,uBAAmB,yBAAO,gBAAAA,YAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,uCAAsB;AAAA,EAC5B,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA,yBAGwB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAI1D,MAAM,aAAa,CAAC,UAAuC;AAChE,QAAM,EAAE,aAAa,IAAI,aAAAC,QAAM,WAAW,2CAAc;AACxD,QAAM,gBAAgB,aAAAA,QAAM,YAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AAC1E,QAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO,CAAC,iBAAiB,KAAK;AAAA,MAC9B;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": ["OpenWindowIcon", "React"]
 }

package/dist/cjs/exported-related/conversion-utils/conversionConstants.js

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var conversionConstants_exports = {};
+__export(conversionConstants_exports, {
+  DRILLDOWN_TYPES: () => DRILLDOWN_TYPES,
+  DROPPED_TYPE_CODES: () => DROPPED_TYPE_CODES,
+  HEADER_TYPES: () => HEADER_TYPES,
+  LEAF_TYPES: () => LEAF_TYPES,
+  NO_RAIL_TYPES: () => NO_RAIL_TYPES,
+  OUT_OF_THE_BOX_TYPES: () => OUT_OF_THE_BOX_TYPES,
+  getOwn: () => getOwn
+});
+module.exports = __toCommonJS(conversionConstants_exports);
+var React = __toESM(require("react"));
+var import_constants = require("../../constants/index.js");
+const DRILLDOWN_TYPES = [
+  import_constants.ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,
+  import_constants.ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN
+];
+const LEAF_TYPES = [
+  import_constants.ITEM_TYPES.LEFT_NAV_ITEM_LINK,
+  import_constants.ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL,
+  import_constants.ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE
+];
+const getOwn = (map, key) => Object.prototype.hasOwnProperty.call(map, key) ? map[key] : void 0;
+const HEADER_TYPES = [import_constants.ITEM_TYPES.LEFT_NAV_ITEM_HEADER, ...LEAF_TYPES];
+const OUT_OF_THE_BOX_TYPES = Object.values(import_constants.ITEM_TYPES);
+const NO_RAIL_TYPES = [
+  import_constants.ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL,
+  import_constants.ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE,
+  import_constants.ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,
+  import_constants.ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN
+];
+const DROPPED_TYPE_CODES = {
+  [import_constants.ITEM_TYPES.LEFT_NAV_ITEM_HEADER]: ["header-item-dropped", "Header items are not part of the list"],
+  [import_constants.ITEM_TYPES.LEFT_NAV_ITEM_SKELETON]: ["skeleton-dropped", "Skeleton items are not supported"]
+};
+//# sourceMappingURL=conversionConstants.js.map

package/dist/cjs/exported-related/conversion-utils/conversionConstants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/conversion-utils/conversionConstants.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { ITEM_TYPES } from '../../constants/index.js';\n\nexport const DRILLDOWN_TYPES: string[] = [\n  ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,\n  ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,\n];\nexport const LEAF_TYPES: string[] = [\n  ITEM_TYPES.LEFT_NAV_ITEM_LINK,\n  ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL,\n  ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE,\n];\n\n/**\n * Reads only own entries, so ids and types like \"constructor\" or \"toString\" do not resolve to inherited members.\n */\nexport const getOwn = <T>(map: Record<string, T>, key: string): T | undefined =>\n  Object.prototype.hasOwnProperty.call(map, key) ? map[key] : undefined;\n\n/**\n * The types a `HeaderComponent` can have and still be the tree header: a header, or a leaf when the header is only a link.\n */\nexport const HEADER_TYPES: string[] = [ITEM_TYPES.LEFT_NAV_ITEM_HEADER, ...LEAF_TYPES];\n\nexport const OUT_OF_THE_BOX_TYPES: string[] = Object.values(ITEM_TYPES);\n\n/**\n * LeftNavigation renders no `CollapsedComponent` for these types (it forces it to null), so they were never in its rail.\n */\nexport const NO_RAIL_TYPES: string[] = [\n  ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL,\n  ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE,\n  ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,\n  ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,\n];\n\nexport const DROPPED_TYPE_CODES = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_HEADER]: ['header-item-dropped', 'Header items are not part of the list'],\n  [ITEM_TYPES.LEFT_NAV_ITEM_SKELETON]: ['skeleton-dropped', 'Skeleton items are not supported'],\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2B;AAEpB,MAAM,kBAA4B;AAAA,EACvC,4BAAW;AAAA,EACX,4BAAW;AACb;AACO,MAAM,aAAuB;AAAA,EAClC,4BAAW;AAAA,EACX,4BAAW;AAAA,EACX,4BAAW;AACb;AAKO,MAAM,SAAS,CAAI,KAAwB,QAChD,OAAO,UAAU,eAAe,KAAK,KAAK,GAAG,IAAI,IAAI,GAAG,IAAI;AAKvD,MAAM,eAAyB,CAAC,4BAAW,sBAAsB,GAAG,UAAU;AAE9E,MAAM,uBAAiC,OAAO,OAAO,2BAAU;AAK/D,MAAM,gBAA0B;AAAA,EACrC,4BAAW;AAAA,EACX,4BAAW;AAAA,EACX,4BAAW;AAAA,EACX,4BAAW;AACb;AAEO,MAAM,qBAAqB;AAAA,EAChC,CAAC,4BAAW,oBAAoB,GAAG,CAAC,uBAAuB,uCAAuC;AAAA,EAClG,CAAC,4BAAW,sBAAsB,GAAG,CAAC,oBAAoB,kCAAkC;AAC9F;",
+  "names": []
+}

package/dist/cjs/exported-related/conversion-utils/conversionHelpers.js

@@ -0,0 +1,192 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var conversionHelpers_exports = {};
+__export(conversionHelpers_exports, {
+  convertHeader: () => convertHeader,
+  convertList: () => convertList
+});
+module.exports = __toCommonJS(conversionHelpers_exports);
+var React = __toESM(require("react"));
+var import_ds_left_navigation_tree = require("@elliemae/ds-left-navigation-tree");
+var import_constants = require("../../constants/index.js");
+var import_conversionConstants = require("./conversionConstants.js");
+var import_convertItemOpts = require("./convertItemOpts.js");
+var import_report = require("./report.js");
+const convertCollapsed = (item, report) => {
+  if (!item.CollapsedComponent || import_conversionConstants.NO_RAIL_TYPES.includes(item.type ?? "")) return {};
+  (0, import_report.markLost)(report, {
+    code: "collapsed-component-ctx",
+    dsId: item.dsId ?? "",
+    message: "CollapsedComponent is kept, it only receives { item }"
+  });
+  return { CollapsedComponent: item.CollapsedComponent };
+};
+const joinSectionLabel = (label, rightSection) => typeof label === "string" && typeof rightSection === "string" ? `${label}, ${rightSection}` : label;
+const convertSubmenu = (item, args) => {
+  const { report, childrenByParentId, recurse } = args;
+  const dsId = item.dsId ?? "";
+  const children = (0, import_conversionConstants.getOwn)(childrenByParentId, dsId);
+  if (!children)
+    (0, import_report.markLost)(report, { code: "submenu-without-children", dsId, message: "No entry in childrenByParentId" });
+  return {
+    dsId,
+    type: import_ds_left_navigation_tree.LEFT_NAVIGATION_TREE_ITEM_TYPES.PARENT,
+    ...convertCollapsed(item, report),
+    itemOpts: { ...(0, import_convertItemOpts.convertItemOpts)({ item, report, kind: "submenu" }), items: recurse(children ?? []) }
+  };
+};
+const convertDrilldown = (item, args) => {
+  const { report, recurse } = args;
+  const dsId = item.dsId ?? "";
+  const { startOpened, isOpened, items = [] } = item.itemOpts ?? {};
+  const opts = (0, import_convertItemOpts.convertItemOpts)({ item, report, kind: "drilldown" });
+  const isControlled = item.type === import_constants.ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN;
+  return {
+    dsId,
+    type: import_ds_left_navigation_tree.LEFT_NAVIGATION_TREE_ITEM_TYPES.PARENT,
+    ...convertCollapsed(item, report),
+    itemOpts: {
+      ...opts,
+      ...isControlled && { isOpened: !!isOpened },
+      ...!isControlled && startOpened !== void 0 && { startOpened },
+      items: recurse(items)
+    }
+  };
+};
+const convertOne = (item, args) => {
+  const { report } = args;
+  const dsId = item.dsId ?? "";
+  const { type } = item;
+  if (typeof type !== "string") {
+    (0, import_report.markLost)(report, {
+      code: "custom-component-dropped",
+      dsId,
+      message: "Items with a custom Component are not supported"
+    });
+    return null;
+  }
+  if (import_conversionConstants.LEAF_TYPES.includes(type)) {
+    return {
+      dsId,
+      type: import_ds_left_navigation_tree.LEFT_NAVIGATION_TREE_ITEM_TYPES.LEAF,
+      ...convertCollapsed(item, report),
+      itemOpts: (0, import_convertItemOpts.convertItemOpts)({ item, report, kind: "leaf" })
+    };
+  }
+  if (type === import_constants.ITEM_TYPES.LEFT_NAV_ITEM_SUBMENU) return convertSubmenu(item, args);
+  if (import_conversionConstants.DRILLDOWN_TYPES.includes(type)) return convertDrilldown(item, args);
+  const [code, message] = (0, import_conversionConstants.getOwn)(import_conversionConstants.DROPPED_TYPE_CODES, type) ?? [
+    "unknown-type-dropped",
+    `Type "${type}" is not out of the box`
+  ];
+  (0, import_report.markLost)(report, { code, dsId, message });
+  return null;
+};
+const convertSection = (item, report, items) => {
+  const { label, labelRightSection } = item.itemOpts ?? {};
+  const joinable = typeof label === "string" && typeof labelRightSection === "string";
+  const opts = (0, import_convertItemOpts.convertItemOpts)({ item, report, kind: "section", joinable });
+  return {
+    dsId: item.dsId ?? "",
+    type: import_ds_left_navigation_tree.LEFT_NAVIGATION_TREE_ITEM_TYPES.SECTION,
+    itemOpts: {
+      ...opts,
+      label: joinSectionLabel(label, labelRightSection),
+      items
+    }
+  };
+};
+const convertList = (args) => {
+  const { list, isRoot, report, ancestors = [] } = args;
+  const converted = [];
+  let sectionItems = null;
+  list.forEach((item) => {
+    const { type, dsId = "" } = item;
+    const isSection = type === import_constants.ITEM_TYPES.LEFT_NAV_ITEM_SECTION;
+    if (isSection || type === import_constants.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR) {
+      if (!isRoot) {
+        (0, import_report.markLost)(report, {
+          code: "section-in-nested-list-dropped",
+          dsId,
+          message: "Sections and separators are only supported at the root level"
+        });
+        return;
+      }
+      sectionItems = isSection ? [] : null;
+      converted.push(sectionItems ? convertSection(item, report, sectionItems) : { dsId, type: import_ds_left_navigation_tree.LEFT_NAVIGATION_TREE_ITEM_TYPES.SEPARATOR });
+      return;
+    }
+    const ancestorKey = dsId || item;
+    const isOwnAncestor = ancestors.includes(ancestorKey);
+    const convertedItem = convertOne(item, {
+      report,
+      childrenByParentId: args.childrenByParentId,
+      recurse: (children) => isOwnAncestor ? [] : convertList({ ...args, list: children, isRoot: false, ancestors: [...ancestors, ancestorKey] })
+    });
+    if (!convertedItem) return;
+    if (sectionItems) sectionItems.push(convertedItem);
+    else converted.push(convertedItem);
+  });
+  return converted;
+};
+const convertHeader = (header, report) => {
+  if (header.type === import_constants.ITEM_TYPES.LEFT_NAV_ITEM_SKELETON) {
+    const [code, message] = import_conversionConstants.DROPPED_TYPE_CODES[import_constants.ITEM_TYPES.LEFT_NAV_ITEM_SKELETON];
+    (0, import_report.markLost)(report, { code, dsId: header.dsId ?? "", message });
+    return null;
+  }
+  if (typeof header.type !== "string" || !import_conversionConstants.OUT_OF_THE_BOX_TYPES.includes(header.type)) {
+    (0, import_report.markLost)(report, {
+      code: "custom-component-dropped",
+      dsId: header.dsId ?? "",
+      message: "A HeaderComponent with a custom Component is not supported"
+    });
+    return null;
+  }
+  if (!import_conversionConstants.HEADER_TYPES.includes(header.type)) {
+    (0, import_report.markLost)(report, {
+      code: "unknown-type-dropped",
+      dsId: header.dsId ?? "",
+      message: `A HeaderComponent of type "${header.type}" is not supported, use a header or a leaf type`
+    });
+    return null;
+  }
+  return {
+    dsId: header.dsId ?? "",
+    type: import_ds_left_navigation_tree.LEFT_NAVIGATION_TREE_ITEM_TYPES.LEAF,
+    ...convertCollapsed(header, report),
+    /** A header of a leaf type is drawn by LeftNavigation as that leaf (a with-date header shows its date), so it converts as one. */
+    itemOpts: (0, import_convertItemOpts.convertItemOpts)({
+      item: header,
+      report,
+      kind: header.type === import_constants.ITEM_TYPES.LEFT_NAV_ITEM_HEADER ? "header" : "leaf"
+    })
+  };
+};
+//# sourceMappingURL=conversionHelpers.js.map

package/dist/cjs/exported-related/conversion-utils/conversionHelpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/conversion-utils/conversionHelpers.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import {\n  LEFT_NAVIGATION_TREE_ITEM_TYPES as TREE_TYPES,\n  type DSLeftNavigationTreeT,\n} from '@elliemae/ds-left-navigation-tree';\nimport { ITEM_TYPES } from '../../constants/index.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\nimport {\n  DRILLDOWN_TYPES,\n  DROPPED_TYPE_CODES,\n  HEADER_TYPES,\n  LEAF_TYPES,\n  NO_RAIL_TYPES,\n  OUT_OF_THE_BOX_TYPES,\n  getOwn,\n} from './conversionConstants.js';\nimport { convertItemOpts } from './convertItemOpts.js';\nimport { markLost } from './report.js';\nimport type { DSLeftNavBridgeT } from './types.js';\n\ntype OldItemT = DSLeftNavigationT.GenericItemItemProps;\ntype NewItemT = DSLeftNavigationTreeT.Item;\ntype ReportT = DSLeftNavBridgeT.ReportMutableT;\n\ntype ConvertListArgsT = {\n  list: readonly OldItemT[];\n  isRoot: boolean;\n  /** The dsIds (or the items themselves, when they have none) of the submenus and drilldowns being expanded, to stop a branch that contains itself. */\n  ancestors?: readonly (string | OldItemT)[];\n  report: ReportT;\n  childrenByParentId: DSLeftNavBridgeT.ChildrenByParentIdT;\n};\n\nconst convertCollapsed = (item: OldItemT, report: ReportT): Partial<NewItemT> => {\n  if (!item.CollapsedComponent || NO_RAIL_TYPES.includes(item.type ?? '')) return {};\n  markLost(report, {\n    code: 'collapsed-component-ctx',\n    dsId: item.dsId ?? '',\n    message: 'CollapsedComponent is kept, it only receives { item }',\n  });\n  return { CollapsedComponent: item.CollapsedComponent as unknown as NewItemT['CollapsedComponent'] };\n};\n\nconst joinSectionLabel = (label: unknown, rightSection: unknown) =>\n  typeof label === 'string' && typeof rightSection === 'string' ? `${label}, ${rightSection}` : label;\n\ntype RecurseT = (children: readonly OldItemT[]) => NewItemT[];\n\nconst convertSubmenu = (item: OldItemT, args: ConvertOneArgsT): NewItemT => {\n  const { report, childrenByParentId, recurse } = args;\n  const dsId = item.dsId ?? '';\n  const children = getOwn(childrenByParentId, dsId);\n  if (!children)\n    markLost(report, { code: 'submenu-without-children', dsId, message: 'No entry in childrenByParentId' });\n  return {\n    dsId,\n    type: TREE_TYPES.PARENT,\n    ...convertCollapsed(item, report),\n    itemOpts: { ...convertItemOpts({ item, report, kind: 'submenu' }), items: recurse(children ?? []) },\n  };\n};\n\n/**\n * Both legacy drilldowns already open their children in place, so they map one to one to a tree parent. The open state\n * follows the legacy type: the controlled one reads only `isOpened` (closed when omitted), the uncontrolled one only\n * `startOpened`. The tree treats a parent as controlled when `isOpened` is defined, so each option is carried only where\n * LeftNavigation used it.\n */\nconst convertDrilldown = (item: OldItemT, args: ConvertOneArgsT): NewItemT => {\n  const { report, recurse } = args;\n  const dsId = item.dsId ?? '';\n  const { startOpened, isOpened, items = [] } = item.itemOpts ?? {};\n  const opts = convertItemOpts({ item, report, kind: 'drilldown' });\n  const isControlled = item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN;\n  return {\n    dsId,\n    type: TREE_TYPES.PARENT,\n    ...convertCollapsed(item, report),\n    itemOpts: {\n      ...opts,\n      ...(isControlled && { isOpened: !!isOpened }),\n      ...(!isControlled && startOpened !== undefined && { startOpened }),\n      items: recurse(items),\n    },\n  };\n};\n\ntype ConvertOneArgsT = Omit<ConvertListArgsT, 'list' | 'isRoot'> & { recurse: RecurseT };\n\n/**\n * Converts one item that is neither a section nor a separator. Returns null when the tree cannot carry it over.\n */\nconst convertOne = (item: OldItemT, args: ConvertOneArgsT): NewItemT | null => {\n  const { report } = args;\n  const dsId = item.dsId ?? '';\n  const { type } = item;\n\n  if (typeof type !== 'string') {\n    markLost(report, {\n      code: 'custom-component-dropped',\n      dsId,\n      message: 'Items with a custom Component are not supported',\n    });\n    return null;\n  }\n  if (LEAF_TYPES.includes(type)) {\n    return {\n      dsId,\n      type: TREE_TYPES.LEAF,\n      ...convertCollapsed(item, report),\n      itemOpts: convertItemOpts({ item, report, kind: 'leaf' }),\n    };\n  }\n  if (type === ITEM_TYPES.LEFT_NAV_ITEM_SUBMENU) return convertSubmenu(item, args);\n  if (DRILLDOWN_TYPES.includes(type)) return convertDrilldown(item, args);\n  const [code, message] = getOwn(DROPPED_TYPE_CODES as Record<string, readonly [string, string]>, type) ?? [\n    'unknown-type-dropped',\n    `Type \"${type}\" is not out of the box`,\n  ];\n  markLost(report, { code: code as DSLeftNavBridgeT.LostCodeT, dsId, message });\n  return null;\n};\n\nconst convertSection = (item: OldItemT, report: ReportT, items: NewItemT[]): NewItemT => {\n  const { label, labelRightSection } = item.itemOpts ?? {};\n  const joinable = typeof label === 'string' && typeof labelRightSection === 'string';\n  const opts = convertItemOpts({ item, report, kind: 'section', joinable });\n  return {\n    dsId: item.dsId ?? '',\n    type: TREE_TYPES.SECTION,\n    itemOpts: {\n      ...opts,\n      label: joinSectionLabel(label, labelRightSection) as NonNullable<NewItemT['itemOpts']>['label'],\n      items,\n    },\n  };\n};\n\n/**\n * LeftNavigation lists are flat: a section is a label and the items that follow it belong to it until the next section or separator.\n * The tree holds the children of a section inside it, so the conversion groups them.\n */\nexport const convertList = (args: ConvertListArgsT): NewItemT[] => {\n  const { list, isRoot, report, ancestors = [] } = args;\n  const converted: NewItemT[] = [];\n  let sectionItems: NewItemT[] | null = null;\n\n  list.forEach((item) => {\n    const { type, dsId = '' } = item;\n    const isSection = type === ITEM_TYPES.LEFT_NAV_ITEM_SECTION;\n    if (isSection || type === ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR) {\n      if (!isRoot) {\n        markLost(report, {\n          code: 'section-in-nested-list-dropped',\n          dsId,\n          message: 'Sections and separators are only supported at the root level',\n        });\n        return;\n      }\n      sectionItems = isSection ? [] : null;\n      converted.push(sectionItems ? convertSection(item, report, sectionItems) : { dsId, type: TREE_TYPES.SEPARATOR });\n      return;\n    }\n    /** An item that is its own ancestor (by dsId, or by identity when it has none) would expand forever: its repeated branch stays empty and `duplicate-id` or `missing-id` reports it. */\n    const ancestorKey = dsId || item;\n    const isOwnAncestor = ancestors.includes(ancestorKey);\n    const convertedItem = convertOne(item, {\n      report,\n      childrenByParentId: args.childrenByParentId,\n      recurse: (children) =>\n        isOwnAncestor\n          ? []\n          : convertList({ ...args, list: children, isRoot: false, ancestors: [...ancestors, ancestorKey] }),\n    });\n    if (!convertedItem) return;\n    if (sectionItems) sectionItems.push(convertedItem);\n    else converted.push(convertedItem);\n  });\n  return converted;\n};\n\n/**\n * Returns null when the header cannot be carried over: a skeleton (the same policy as the items of the list), or a custom\n * `Component` (no type, or a type that is not out of the box).\n */\nexport const convertHeader = (header: OldItemT, report: ReportT): NewItemT | null => {\n  if (header.type === ITEM_TYPES.LEFT_NAV_ITEM_SKELETON) {\n    const [code, message] = DROPPED_TYPE_CODES[ITEM_TYPES.LEFT_NAV_ITEM_SKELETON];\n    markLost(report, { code, dsId: header.dsId ?? '', message });\n    return null;\n  }\n  if (typeof header.type !== 'string' || !OUT_OF_THE_BOX_TYPES.includes(header.type)) {\n    markLost(report, {\n      code: 'custom-component-dropped',\n      dsId: header.dsId ?? '',\n      message: 'A HeaderComponent with a custom Component is not supported',\n    });\n    return null;\n  }\n  if (!HEADER_TYPES.includes(header.type)) {\n    markLost(report, {\n      code: 'unknown-type-dropped',\n      dsId: header.dsId ?? '',\n      message: `A HeaderComponent of type \"${header.type}\" is not supported, use a header or a leaf type`,\n    });\n    return null;\n  }\n  return {\n    dsId: header.dsId ?? '',\n    type: TREE_TYPES.LEAF,\n    ...convertCollapsed(header, report),\n    /** A header of a leaf type is drawn by LeftNavigation as that leaf (a with-date header shows its date), so it converts as one. */\n    itemOpts: convertItemOpts({\n      item: header,\n      report,\n      kind: header.type === ITEM_TYPES.LEFT_NAV_ITEM_HEADER ? 'header' : 'leaf',\n    }),\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["TREE_TYPES"]
+}