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

package/dist/cjs/typescript-testing/slot-props.js

@@ -38,6 +38,7 @@ const SlotPropsAsObject = {
   dsLeftnavigationFooterMenuCollapse: { "aria-label": "just a typescript test" },
   dsLeftnavigationFooterSeparator: { "aria-label": "just a typescript test" },
   dsLeftnavigationHeaderArea: { "aria-label": "just a typescript test" },
+  dsLeftnavigationIcon: { "aria-label": "just a typescript test" },
   dsLeftnavigationItem: { "aria-label": "just a typescript test" },
   dsLeftnavigationItemBorderBottom: { "aria-label": "just a typescript test" },
   dsLeftnavigationItemChevronBack: { "aria-label": "just a typescript test" },
@@ -49,11 +50,14 @@ const SlotPropsAsObject = {
   dsLeftnavigationMessagesIcon: { "aria-label": "just a typescript test" },
   dsLeftnavigationNotificationsContainer: { "aria-label": "just a typescript test" },
   dsLeftnavigationNotificationsIcon: { "aria-label": "just a typescript test" },
+  dsLeftnavigationOpenWindowIcon: { "aria-label": "just a typescript test" },
   dsLeftnavigationRightContainer: { "aria-label": "just a typescript test" },
   dsLeftnavigationRoot: { "aria-label": "just a typescript test" },
   dsLeftnavigationSectionContainer: { "aria-label": "just a typescript test" },
   dsLeftnavigationSectionLabel: { "aria-label": "just a typescript test" },
   dsLeftnavigationSectionRightLabel: { "aria-label": "just a typescript test" },
+  dsLeftnavigationTruncatedLabel: { "aria-label": "just a typescript test" },
+  dsLeftnavigationTruncatedLabelTooltip: { "aria-label": "just a typescript test" },
   dsLeftnavigationVerticalSeparator: { "aria-label": "just a typescript test" }
 };
 const SlotPropsAsFunctions = {
@@ -72,6 +76,7 @@ const SlotPropsAsFunctions = {
   dsLeftnavigationFooterMenuCollapse: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationFooterSeparator: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationHeaderArea: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationIcon: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationItem: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationItemBorderBottom: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationItemChevronBack: () => ({ "aria-label": "just a typescript test" }),
@@ -83,11 +88,14 @@ const SlotPropsAsFunctions = {
   dsLeftnavigationMessagesIcon: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationNotificationsContainer: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationNotificationsIcon: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationOpenWindowIcon: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationRightContainer: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationRoot: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationSectionContainer: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationSectionLabel: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationSectionRightLabel: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationTruncatedLabel: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationTruncatedLabelTooltip: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationVerticalSeparator: () => ({ "aria-label": "just a typescript test" })
 };
 const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;

package/dist/cjs/typescript-testing/slot-props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from '../constants/index.js';\nimport type { DSLeftNavigationT } from '../index.js';\n\nconst SlotPropsAsObject: Partial<DSLeftNavigationT.Props> = {\n  dsLeftnavigationAlertsIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationAreasContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationArrowContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationBodyAreasContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationBodyHeaderArea: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationBodyItemsArea: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationBottomContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationCollapsedContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationExceptionsIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterItem: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterLabel: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterMenu: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterMenuCollapse: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterSeparator: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationHeaderArea: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItem: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemBorderBottom: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemChevronBack: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemDate: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemLabel: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemSeparator: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationLeftContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationLoaderWrapper: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationMessagesIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationNotificationsContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationNotificationsIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationRightContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationRoot: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationSectionContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationSectionLabel: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationSectionRightLabel: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationVerticalSeparator: { 'aria-label': 'just a typescript test' },\n};\nconst SlotPropsAsFunctions: DSLeftNavigationT.SlotFunctionArguments = {\n  dsLeftnavigationAlertsIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationAreasContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationArrowContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationBodyAreasContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationBodyHeaderArea: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationBodyItemsArea: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationBottomContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationCollapsedContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationExceptionsIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterItem: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterMenu: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterMenuCollapse: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterSeparator: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationHeaderArea: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItem: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemBorderBottom: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemChevronBack: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemDate: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemSeparator: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationLeftContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationLoaderWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationMessagesIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationNotificationsContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationNotificationsIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationRightContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationSectionContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationSectionLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationSectionRightLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationVerticalSeparator: () => ({ 'aria-label': 'just a typescript test' }),\n};\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSLeftNavigationName, typeof LEFT_NAVIGATION_SLOTS>\n> = SlotPropsAsFunctions;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from '../constants/index.js';\nimport type { DSLeftNavigationT } from '../index.js';\n\nconst SlotPropsAsObject: Partial<DSLeftNavigationT.Props> = {\n  dsLeftnavigationAlertsIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationAreasContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationArrowContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationBodyAreasContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationBodyHeaderArea: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationBodyItemsArea: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationBottomContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationCollapsedContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationExceptionsIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterItem: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterLabel: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterMenu: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterMenuCollapse: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationFooterSeparator: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationHeaderArea: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItem: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemBorderBottom: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemChevronBack: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemDate: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemLabel: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationItemSeparator: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationLeftContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationLoaderWrapper: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationMessagesIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationNotificationsContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationNotificationsIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationOpenWindowIcon: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationRightContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationRoot: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationSectionContainer: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationSectionLabel: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationSectionRightLabel: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationTruncatedLabel: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationTruncatedLabelTooltip: { 'aria-label': 'just a typescript test' },\n  dsLeftnavigationVerticalSeparator: { 'aria-label': 'just a typescript test' },\n};\nconst SlotPropsAsFunctions: DSLeftNavigationT.SlotFunctionArguments = {\n  dsLeftnavigationAlertsIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationAreasContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationArrowContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationBodyAreasContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationBodyHeaderArea: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationBodyItemsArea: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationBottomContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationCollapsedContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationExceptionsIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterItem: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterMenu: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterMenuCollapse: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationFooterSeparator: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationHeaderArea: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItem: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemBorderBottom: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemChevronBack: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemDate: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationItemSeparator: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationLeftContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationLoaderWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationMessagesIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationNotificationsContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationNotificationsIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationOpenWindowIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationRightContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationSectionContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationSectionLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationSectionRightLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationTruncatedLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationTruncatedLabelTooltip: () => ({ 'aria-label': 'just a typescript test' }),\n  dsLeftnavigationVerticalSeparator: () => ({ 'aria-label': 'just a typescript test' }),\n};\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSLeftNavigationName, typeof LEFT_NAVIGATION_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/TruncatedTooltipText.js

@@ -1,20 +1,28 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
+import { useCallback, useContext, useState } from "react";
 import { styled } from "@elliemae/ds-system";
 import {
   useFloatingContext,
   FloatingWrapper,
   PopoverArrow
 } from "@elliemae/ds-floating-context";
-const TruncatedSpan = styled.span`
+import { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from "./constants/index.js";
+import { LeftNavContext } from "./LeftNavigationContext.js";
+const TruncatedSpan = styled("span", {
+  name: DSLeftNavigationName,
+  slot: LEFT_NAVIGATION_SLOTS.TRUNCATED_LABEL
+})`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: inline-block;
   max-width: 100%;
 `;
-const TooltipContainer = styled.div`
+const TooltipContainer = styled("div", {
+  name: DSLeftNavigationName,
+  slot: LEFT_NAVIGATION_SLOTS.TRUNCATED_LABEL_TOOLTIP
+})`
   text-align: center;
   min-width: ${({ theme }) => theme.space.l};
   max-width: 250px;
@@ -33,6 +41,9 @@ const TooltipContainer = styled.div`
 `;
 const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
   const [showTooltip, setShowTooltip] = useState(false);
+  const { leftNavProps } = useContext(LeftNavContext);
+  const getOwnerProps = useCallback(() => leftNavProps, [leftNavProps]);
+  const getOwnerPropsArguments = useCallback(() => ({}), []);
   const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({
     placement,
     externallyControlledIsOpen: showTooltip,
@@ -46,7 +57,17 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
     setShowTooltip(false);
   }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(TruncatedSpan, { innerRef: refs.setReference, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: value }),
+    /* @__PURE__ */ jsx(
+      TruncatedSpan,
+      {
+        innerRef: refs.setReference,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: value
+      }
+    ),
     /* @__PURE__ */ jsx(
       FloatingWrapper,
       {
@@ -54,7 +75,7 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
         isOpen: showTooltip,
         floatingStyles,
         context,
-        children: /* @__PURE__ */ jsxs(TooltipContainer, { children: [
+        children: /* @__PURE__ */ jsxs(TooltipContainer, { getOwnerProps, getOwnerPropsArguments, children: [
           value,
           /* @__PURE__ */ jsx(PopoverArrow, { ...arrowStyles })
         ] })

package/dist/esm/TruncatedTooltipText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TruncatedTooltipText.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;AC4DnB,mBACE,KASE,YAVJ;AA5DJ,SAAgB,aAAa,gBAAgB;AAC7C,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,mBAAmB,OAAO;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,IAAI,SAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,IAAI,mBAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,mBAAmB,YAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,YAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA,wBAAC,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,+BAAC,oBACE;AAAA;AAAA,UACD,oBAAC,gBAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACuEnB,mBACE,KAeE,YAhBJ;AAvEJ,SAAgB,aAAa,YAAY,gBAAgB;AACzD,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,sBAAsB,6BAA6B;AAC5D,SAAS,sBAAsB;AAE/B,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASD,MAAM,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,sBAAsB;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,IAAI,SAAS,KAAK;AACpD,QAAM,EAAE,aAAa,IAAI,WAAW,cAAc;AAClD,QAAM,gBAAgB,YAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AACpE,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,IAAI,mBAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,mBAAmB,YAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,YAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;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,+BAAC,oBAAiB,eAA8B,wBAC7C;AAAA;AAAA,UACD,oBAAC,gBAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/constants/index.js

@@ -28,14 +28,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/esm/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,14 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+import React2 from "react";
 import { styled } from "@elliemae/ds-system";
-const AugmentedIcon = (Icon2) => styled(Icon2)`
+import { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from "../../constants/index.js";
+import { LeftNavContext } from "../../LeftNavigationContext.js";
+const AugmentedIcon = (Icon2) => styled(Icon2, {
+  name: DSLeftNavigationName,
+  slot: LEFT_NAVIGATION_SLOTS.ICON,
+  preserveLegacyDataTestId: true
+})`
   cursor: pointer;
 
   outline: 0;
@@ -10,9 +17,23 @@ const AugmentedIcon = (Icon2) => styled(Icon2)`
     outline: 1px solid #1e79c2;
   }
 `;
-const Icon = (IconComponent) => function(props) {
+const Icon = (IconComponent) => {
   const StyledComponent = AugmentedIcon(IconComponent);
-  return /* @__PURE__ */ jsx(StyledComponent, { color: ["brand-primary", "800"], tabIndex: 0, ...props });
+  return function LeftNavIcon(props) {
+    const { leftNavProps } = React2.useContext(LeftNavContext);
+    const getOwnerProps = React2.useCallback(() => leftNavProps, [leftNavProps]);
+    const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
+    return /* @__PURE__ */ jsx(
+      StyledComponent,
+      {
+        color: ["brand-primary", "800"],
+        tabIndex: 0,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        ...props
+      }
+    );
+  };
 };
 export {
   Icon

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Icon/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACiBZ;AAhBX,SAAS,cAAc;AAGvB,MAAM,gBAAgB,CAACA,UAAoE,OAAOA,KAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU/F,MAAM,OAAO,CAAC,kBACnB,SAAU,OAAqC;AAC7C,QAAM,kBAAkB,cAAc,aAAa;AACnD,SAAO,oBAAC,mBAAgB,OAAO,CAAC,iBAAiB,KAAK,GAAG,UAAU,GAAI,GAAG,OAAO;AACnF;",
-  "names": ["Icon"]
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACmCjB;AAnCN,OAAOA,YAAW;AAClB,SAAS,cAAc;AAEvB,SAAS,sBAAsB,6BAA6B;AAC5D,SAAS,sBAAsB;AAM/B,MAAM,gBAAgB,CAACC,UAAoE,OAAOA,OAAM;AAAA,EACtG,MAAM;AAAA,EACN,MAAM,sBAAsB;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,IAAID,OAAM,WAAW,cAAc;AACxD,UAAM,gBAAgBA,OAAM,YAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AAC1E,UAAM,yBAAyBA,OAAM,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": ["React", "Icon"]
 }

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

@@ -1,14 +1,35 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+import React2 from "react";
 import { styled } from "@elliemae/ds-system";
 import { OpenWindow as OpenWindowIcon } from "@elliemae/ds-icons";
-const StyledOpenWindow = styled(OpenWindowIcon)`
+import { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from "../../constants/index.js";
+import { LeftNavContext } from "../../LeftNavigationContext.js";
+const StyledOpenWindow = styled(OpenWindowIcon, {
+  name: DSLeftNavigationName,
+  slot: LEFT_NAVIGATION_SLOTS.OPEN_WINDOW_ICON,
+  preserveLegacyDataTestId: true
+})`
   cursor: pointer;
   :focus {
     outline: 1px solid ${(props) => props.theme.colors.brand[800]};
   }
 `;
-const OpenWindow = (props) => /* @__PURE__ */ jsx(StyledOpenWindow, { size: "s", color: ["brand-primary", "800"], ...props });
+const OpenWindow = (props) => {
+  const { leftNavProps } = React2.useContext(LeftNavContext);
+  const getOwnerProps = React2.useCallback(() => leftNavProps, [leftNavProps]);
+  const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
+  return /* @__PURE__ */ jsx(
+    StyledOpenWindow,
+    {
+      size: "s",
+      color: ["brand-primary", "800"],
+      getOwnerProps,
+      getOwnerPropsArguments,
+      ...props
+    }
+  );
+};
 var OpenWindowItem_default = OpenWindow;
 export {
   OpenWindow,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/OpenWindowItem/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACYrB;AAXF,SAAS,cAAc;AACvB,SAAS,cAAc,sBAAqC;AAE5D,MAAM,mBAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,yBAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAI1D,MAAM,aAAa,CAAC,UACzB,oBAAC,oBAAiB,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAI,GAAG,OAAO;AAGzE,IAAO,yBAAQ;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;AC0BnB;AA1BJ,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,cAAc,sBAAqC;AAC5D,SAAS,sBAAsB,6BAA6B;AAC5D,SAAS,sBAAsB;AAM/B,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,sBAAsB;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,IAAIA,OAAM,WAAW,cAAc;AACxD,QAAM,gBAAgBA,OAAM,YAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AAC1E,QAAM,yBAAyBA,OAAM,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": ["React"]
 }

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

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { ITEM_TYPES } from "../../constants/index.js";
+const DRILLDOWN_TYPES = [
+  ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,
+  ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN
+];
+const LEAF_TYPES = [
+  ITEM_TYPES.LEFT_NAV_ITEM_LINK,
+  ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL,
+  ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE
+];
+const getOwn = (map, key) => Object.prototype.hasOwnProperty.call(map, key) ? map[key] : void 0;
+const HEADER_TYPES = [ITEM_TYPES.LEFT_NAV_ITEM_HEADER, ...LEAF_TYPES];
+const OUT_OF_THE_BOX_TYPES = Object.values(ITEM_TYPES);
+const NO_RAIL_TYPES = [
+  ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL,
+  ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE,
+  ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,
+  ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN
+];
+const DROPPED_TYPE_CODES = {
+  [ITEM_TYPES.LEFT_NAV_ITEM_HEADER]: ["header-item-dropped", "Header items are not part of the list"],
+  [ITEM_TYPES.LEFT_NAV_ITEM_SKELETON]: ["skeleton-dropped", "Skeleton items are not supported"]
+};
+export {
+  DRILLDOWN_TYPES,
+  DROPPED_TYPE_CODES,
+  HEADER_TYPES,
+  LEAF_TYPES,
+  NO_RAIL_TYPES,
+  OUT_OF_THE_BOX_TYPES,
+  getOwn
+};
+//# sourceMappingURL=conversionConstants.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/conversionConstants.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAEpB,MAAM,kBAA4B;AAAA,EACvC,WAAW;AAAA,EACX,WAAW;AACb;AACO,MAAM,aAAuB;AAAA,EAClC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAKO,MAAM,SAAS,CAAI,KAAwB,QAChD,OAAO,UAAU,eAAe,KAAK,KAAK,GAAG,IAAI,IAAI,GAAG,IAAI;AAKvD,MAAM,eAAyB,CAAC,WAAW,sBAAsB,GAAG,UAAU;AAE9E,MAAM,uBAAiC,OAAO,OAAO,UAAU;AAK/D,MAAM,gBAA0B;AAAA,EACrC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,qBAAqB;AAAA,EAChC,CAAC,WAAW,oBAAoB,GAAG,CAAC,uBAAuB,uCAAuC;AAAA,EAClG,CAAC,WAAW,sBAAsB,GAAG,CAAC,oBAAoB,kCAAkC;AAC9F;",
+  "names": []
+}

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

@@ -0,0 +1,172 @@
+import * as React from "react";
+import {
+  LEFT_NAVIGATION_TREE_ITEM_TYPES as TREE_TYPES
+} from "@elliemae/ds-left-navigation-tree";
+import { ITEM_TYPES } from "../../constants/index.js";
+import {
+  DRILLDOWN_TYPES,
+  DROPPED_TYPE_CODES,
+  HEADER_TYPES,
+  LEAF_TYPES,
+  NO_RAIL_TYPES,
+  OUT_OF_THE_BOX_TYPES,
+  getOwn
+} from "./conversionConstants.js";
+import { convertItemOpts } from "./convertItemOpts.js";
+import { markLost } from "./report.js";
+const convertCollapsed = (item, report) => {
+  if (!item.CollapsedComponent || NO_RAIL_TYPES.includes(item.type ?? "")) return {};
+  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 = getOwn(childrenByParentId, dsId);
+  if (!children)
+    markLost(report, { code: "submenu-without-children", dsId, message: "No entry in childrenByParentId" });
+  return {
+    dsId,
+    type: TREE_TYPES.PARENT,
+    ...convertCollapsed(item, report),
+    itemOpts: { ...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 = convertItemOpts({ item, report, kind: "drilldown" });
+  const isControlled = item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN;
+  return {
+    dsId,
+    type: TREE_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") {
+    markLost(report, {
+      code: "custom-component-dropped",
+      dsId,
+      message: "Items with a custom Component are not supported"
+    });
+    return null;
+  }
+  if (LEAF_TYPES.includes(type)) {
+    return {
+      dsId,
+      type: TREE_TYPES.LEAF,
+      ...convertCollapsed(item, report),
+      itemOpts: convertItemOpts({ item, report, kind: "leaf" })
+    };
+  }
+  if (type === ITEM_TYPES.LEFT_NAV_ITEM_SUBMENU) return convertSubmenu(item, args);
+  if (DRILLDOWN_TYPES.includes(type)) return convertDrilldown(item, args);
+  const [code, message] = getOwn(DROPPED_TYPE_CODES, type) ?? [
+    "unknown-type-dropped",
+    `Type "${type}" is not out of the box`
+  ];
+  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 = convertItemOpts({ item, report, kind: "section", joinable });
+  return {
+    dsId: item.dsId ?? "",
+    type: TREE_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 === ITEM_TYPES.LEFT_NAV_ITEM_SECTION;
+    if (isSection || type === ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR) {
+      if (!isRoot) {
+        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: TREE_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 === ITEM_TYPES.LEFT_NAV_ITEM_SKELETON) {
+    const [code, message] = DROPPED_TYPE_CODES[ITEM_TYPES.LEFT_NAV_ITEM_SKELETON];
+    markLost(report, { code, dsId: header.dsId ?? "", message });
+    return null;
+  }
+  if (typeof header.type !== "string" || !OUT_OF_THE_BOX_TYPES.includes(header.type)) {
+    markLost(report, {
+      code: "custom-component-dropped",
+      dsId: header.dsId ?? "",
+      message: "A HeaderComponent with a custom Component is not supported"
+    });
+    return null;
+  }
+  if (!HEADER_TYPES.includes(header.type)) {
+    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: TREE_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: convertItemOpts({
+      item: header,
+      report,
+      kind: header.type === ITEM_TYPES.LEFT_NAV_ITEM_HEADER ? "header" : "leaf"
+    })
+  };
+};
+export {
+  convertHeader,
+  convertList
+};
+//# sourceMappingURL=conversionHelpers.js.map