@elliemae/ds-legacy-left-navigation 1.0.0-rc.1

package/dist/esm/configs/useLeftNavSmoothExpand.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import React2 from "react";
+const useLeftNavSmoothExpand = (props, smoothExpandOpts) => {
+  const { expanded } = props;
+  const { expandedForAnimation, timeoutRef, setExpandedForAnimation } = smoothExpandOpts;
+  React2.useEffect(() => {
+    if (!expanded && expandedForAnimation) {
+      if (timeoutRef.current)
+        clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => setExpandedForAnimation(false), 350);
+    } else if (expanded)
+      setExpandedForAnimation(true);
+  }, [expanded]);
+  React2.useEffect(
+    () => () => {
+      if (timeoutRef.current)
+        clearTimeout(timeoutRef.current);
+    },
+    [timeoutRef]
+  );
+};
+var useLeftNavSmoothExpand_default = useLeftNavSmoothExpand;
+export {
+  useLeftNavSmoothExpand_default as default,
+  useLeftNavSmoothExpand
+};
+//# sourceMappingURL=useLeftNavSmoothExpand.js.map

package/dist/esm/configs/useLeftNavSmoothExpand.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useLeftNavSmoothExpand.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\n\ninterface SmoothExpandOptsT {\n  expandedForAnimation: boolean;\n  timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>;\n  setExpandedForAnimation: React.Dispatch<React.SetStateAction<boolean>>;\n}\nexport const useLeftNavSmoothExpand = (props: DSLeftNavigationT.Props, smoothExpandOpts: SmoothExpandOptsT): void => {\n  const { expanded } = props;\n  const { expandedForAnimation, timeoutRef, setExpandedForAnimation } = smoothExpandOpts;\n\n  React.useEffect(() => {\n    // If expanded changes, we need to smoothly transition to the non-expanded state\n    // so we need to wait for 350ms\n    if (!expanded && expandedForAnimation) {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = setTimeout(() => setExpandedForAnimation(false), 350);\n    } else if (expanded) setExpandedForAnimation(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [expanded]);\n\n  React.useEffect(\n    () => () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    },\n    [timeoutRef],\n  );\n};\n\nexport default useLeftNavSmoothExpand;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAQX,MAAM,yBAAyB,CAAC,OAAgC,qBAA8C;AACnH,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,EAAE,sBAAsB,YAAY,wBAAwB,IAAI;AAEtE,EAAAA,OAAM,UAAU,MAAM;AAGpB,QAAI,CAAC,YAAY,sBAAsB;AACrC,UAAI,WAAW;AAAS,qBAAa,WAAW,OAAO;AACvD,iBAAW,UAAU,WAAW,MAAM,wBAAwB,KAAK,GAAG,GAAG;AAAA,IAC3E,WAAW;AAAU,8BAAwB,IAAI;AAAA,EAEnD,GAAG,CAAC,QAAQ,CAAC;AAEb,EAAAA,OAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,WAAW;AAAS,qBAAa,WAAW,OAAO;AAAA,IACzD;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACF;AAEA,IAAO,iCAAQ;",
+  "names": ["React"]
+}

package/dist/esm/constants/constants.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+const DSLeftNavigationName = "DSLeftNavigation";
+const DSLeftNavigationSlots = {
+  ROOT: "root",
+  AREAS_CONTAINER: "areas-container",
+  BODY_AREAS_CONTAINER: "body-areas-container",
+  FOOTER_AREA: "footer-area",
+  LOADER_WRAPPER: "loader-wrapper",
+  HEADER_AREA: "header-area",
+  BODY_HEADER_AREA: "body-header-area",
+  BODY_ITEMS_AREA: "body-items-area",
+  FOOTER_MENU: "footer-menu",
+  FOOTER_ITEM: "footer-item",
+  FOOTER_LABEL: "footer-label",
+  FOOTER_SEPARATOR: "footer-separator",
+  FOOTER_MENU_COLLAPSE: "footer-menu-collapse",
+  NOTIFICATIONS_CONTAINER: "notifications-container",
+  ITEM_SEPARATOR: "item-separator",
+  SECTION_LABEL: "section-label",
+  SECTION_RIGHT_LABEL: "section-right-label",
+  VERTICAL_SEPARATOR: "vertical-separator",
+  SECTION_CONTAINER: "section-container",
+  ITEM_LABEL: "item-label",
+  LEFT_CONTAINER: "left-container",
+  BOTTOM_CONTAINER: "bottom-container",
+  RIGHT_CONTAINER: "right-container",
+  ITEM_DATE: "item-date",
+  ITEM_CHEVRON_BACK: "item-chevron-back",
+  ITEM: "item",
+  COLLAPSED_CONTAINER: "collapsed-container",
+  ARROW_CONTAINER: "arrow-container",
+  ITEM_BORDER_BOTTOM: "item-border-bottom"
+};
+export {
+  DSLeftNavigationName,
+  DSLeftNavigationSlots
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/constants.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSLeftNavigationName = 'DSLeftNavigation';\n\nexport const DSLeftNavigationSlots = {\n  ROOT: 'root',\n\n  AREAS_CONTAINER: 'areas-container',\n  BODY_AREAS_CONTAINER: 'body-areas-container',\n  FOOTER_AREA: 'footer-area',\n  LOADER_WRAPPER: 'loader-wrapper',\n  HEADER_AREA: 'header-area',\n  BODY_HEADER_AREA: 'body-header-area',\n  BODY_ITEMS_AREA: 'body-items-area',\n\n  FOOTER_MENU: 'footer-menu',\n  FOOTER_ITEM: 'footer-item',\n  FOOTER_LABEL: 'footer-label',\n  FOOTER_SEPARATOR: 'footer-separator',\n  FOOTER_MENU_COLLAPSE: 'footer-menu-collapse',\n\n  NOTIFICATIONS_CONTAINER: 'notifications-container',\n\n  ITEM_SEPARATOR: 'item-separator',\n\n  SECTION_LABEL: 'section-label',\n  SECTION_RIGHT_LABEL: 'section-right-label',\n  VERTICAL_SEPARATOR: 'vertical-separator',\n  SECTION_CONTAINER: 'section-container',\n\n  ITEM_LABEL: 'item-label',\n  LEFT_CONTAINER: 'left-container',\n  BOTTOM_CONTAINER: 'bottom-container',\n  RIGHT_CONTAINER: 'right-container',\n  ITEM_DATE: 'item-date',\n  ITEM_CHEVRON_BACK: 'item-chevron-back',\n\n  ITEM: 'item',\n  COLLAPSED_CONTAINER: 'collapsed-container',\n  ARROW_CONTAINER: 'arrow-container',\n  ITEM_BORDER_BOTTOM: 'item-border-bottom',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,uBAAuB;AAE7B,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EAEN,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EAEjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EAEtB,yBAAyB;AAAA,EAEzB,gBAAgB;AAAA,EAEhB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EAEnB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,mBAAmB;AAAA,EAEnB,MAAM;AAAA,EACN,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,oBAAoB;AACtB;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./constants.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './constants.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
+  "names": []
+}

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { ChevronSmallRight } from "@elliemae/ds-legacy-icons";
+const ChevronItem = (props) => /* @__PURE__ */ jsx(ChevronSmallRight, { size: "m", color: ["brand-primary", "800"], ...props });
+var ChevronItem_default = ChevronItem;
+export {
+  ChevronItem,
+  ChevronItem_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/ChevronItem/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ChevronSmallRight, type SvgIconT } from '@elliemae/ds-legacy-icons';\n\nexport const ChevronItem = (props?: SvgIconT.Props): JSX.Element => (\n  <ChevronSmallRight size=\"m\" color={['brand-primary', '800']} {...props} />\n);\n\nexport default ChevronItem;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIrB;AAHF,SAAS,yBAAwC;AAE1C,MAAM,cAAc,CAAC,UAC1B,oBAAC,qBAAkB,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAI,GAAG,OAAO;AAG1E,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { styled } from "@elliemae/ds-legacy-system";
+const AugmentedIcon = (Icon2) => styled(Icon2)`
+  cursor: pointer;
+
+  outline: 0;
+  :focus,
+  :active {
+    outline: 1px solid #1e79c2;
+  }
+`;
+const Icon = (IconComponent) => function(props) {
+  const StyledComponent = AugmentedIcon(IconComponent);
+  return /* @__PURE__ */ jsx(StyledComponent, { color: ["brand-primary", "800"], tabIndex: 0, ...props });
+};
+export {
+  Icon
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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-legacy-system';\nimport { type SvgIconT } from '@elliemae/ds-legacy-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"]
+}

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

@@ -0,0 +1,103 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useMemo, useCallback } from "react";
+import { StyledItem, StyledCollapsedContainer, StyledBorderBottom } from "./styled.js";
+import { LeftNavContext } from "../../LeftNavigationContext.js";
+import { usePropsWithDefaults } from "./usePropsWithDefaults.js";
+import { useKeyboardNavigation } from "../../hooks/index.js";
+const ItemRenderer = (props) => {
+  const propsWithDefault = usePropsWithDefaults(props);
+  const {
+    item,
+    item: {
+      dsId,
+      itemOpts: { selectable = false, focuseable, indent, ariaLabel, ariaRole, ariaExpanded, ariaDescribedBy },
+      CollapsedComponent
+    },
+    subitems,
+    minHeight,
+    paddingTop,
+    onClick,
+    shadowStyle,
+    hasBorderBottom,
+    borderBottomMr,
+    children
+  } = propsWithDefault;
+  const ctx = useContext(LeftNavContext);
+  const {
+    leftNavProps: { onItemClick, openedItem },
+    expandedForAnimation,
+    selectedParent,
+    selectedItem,
+    setSelectedItem,
+    setFocusedItem,
+    visibleItemsRefs
+  } = ctx;
+  const opened = dsId === openedItem;
+  const handleOnClick = useCallback(
+    (e) => {
+      if (onClick)
+        onClick();
+      if (onItemClick)
+        onItemClick(item, e);
+      if (selectable)
+        setSelectedItem(item.dsId);
+    },
+    [onItemClick, item, setSelectedItem, selectable, onClick]
+  );
+  const handleFocus = useCallback(() => {
+    if (focuseable)
+      setFocusedItem(dsId);
+  }, [dsId, setFocusedItem, focuseable]);
+  const onKeyDown = useKeyboardNavigation({
+    item,
+    onClick: handleOnClick
+  });
+  const cols = useMemo(() => expandedForAnimation ? ["auto", "1fr", "auto"] : ["38px"], [expandedForAnimation]);
+  const isSelected = useMemo(() => selectedItem === dsId, [selectedItem, dsId]);
+  if (!expandedForAnimation && !CollapsedComponent) {
+    return null;
+  }
+  const isSelectedParent = selectedParent === dsId;
+  const visibleItemRef = dsId ? visibleItemsRefs.current[dsId] : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      StyledItem,
+      {
+        ref: visibleItemRef,
+        pt: paddingTop,
+        pl: indent === void 0 ? "xxxs" : `${indent}px`,
+        minHeight,
+        shadowStyle: shadowStyle(opened, item.type),
+        alignItems: "flex-start",
+        cols,
+        onClick: !opened ? handleOnClick : () => null,
+        onKeyDown,
+        selectable,
+        selected: isSelected,
+        selectedParent: isSelectedParent,
+        opened,
+        onFocus: handleFocus,
+        "data-testid": "leftnav-item-container",
+        tabIndex: focuseable ? 0 : void 0,
+        "aria-describedby": ariaDescribedBy,
+        "aria-expanded": ariaExpanded,
+        role: ariaRole,
+        "data-selected": isSelected,
+        "data-selectedparent": isSelectedParent,
+        "data-opened": opened,
+        "data-type": item.type,
+        "aria-label": ariaLabel,
+        children: [
+          !expandedForAnimation ? /* @__PURE__ */ jsx(StyledCollapsedContainer, { "data-testid": "leftnav-leftcomponent", justifyContent: "center", children: CollapsedComponent && /* @__PURE__ */ jsx(CollapsedComponent, { item, ctx }) }) : children,
+          hasBorderBottom && /* @__PURE__ */ jsx(StyledBorderBottom, { opened, borderBottomMr })
+        ]
+      }
+    ),
+    subitems
+  ] });
+};
+export {
+  ItemRenderer
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/ItemRenderer/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport { StyledItem, StyledCollapsedContainer, StyledBorderBottom } from './styled.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\nimport { LeftNavContext } from '../../LeftNavigationContext.js';\nimport { usePropsWithDefaults } from './usePropsWithDefaults.js';\nimport { useKeyboardNavigation } from '../../hooks/index.js';\n\nexport const ItemRenderer: React.ComponentType<DSLeftNavigationT.ItemRendererT> = (props) => {\n  const propsWithDefault = usePropsWithDefaults(props);\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { selectable = false, focuseable, indent, ariaLabel, ariaRole, ariaExpanded, ariaDescribedBy },\n      CollapsedComponent,\n    },\n    subitems,\n    minHeight,\n    paddingTop,\n    onClick,\n    shadowStyle,\n    hasBorderBottom,\n    borderBottomMr,\n    children,\n  } = propsWithDefault;\n\n  const ctx = useContext(LeftNavContext);\n  const {\n    leftNavProps: { onItemClick, openedItem },\n    expandedForAnimation,\n    selectedParent,\n    selectedItem,\n    setSelectedItem,\n    setFocusedItem,\n    visibleItemsRefs,\n  } = ctx;\n\n  const opened = dsId === openedItem;\n\n  const handleOnClick = useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      if (onClick) onClick(); // used by uncontrolled drilldowns\n      if (onItemClick) onItemClick(item, e);\n      if (selectable) setSelectedItem(item.dsId as string);\n    },\n    [onItemClick, item, setSelectedItem, selectable, onClick],\n  );\n\n  const handleFocus = useCallback(() => {\n    if (focuseable) setFocusedItem(dsId as string);\n  }, [dsId, setFocusedItem, focuseable]);\n\n  const onKeyDown = useKeyboardNavigation({\n    item,\n    onClick: handleOnClick,\n  });\n\n  const cols = useMemo(() => (expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']), [expandedForAnimation]);\n  const isSelected = useMemo(() => selectedItem === dsId, [selectedItem, dsId]);\n\n  if (!expandedForAnimation && !CollapsedComponent) {\n    return null;\n  }\n\n  const isSelectedParent = selectedParent === dsId;\n  const visibleItemRef = dsId ? visibleItemsRefs.current[dsId] : undefined;\n  return (\n    <>\n      <StyledItem\n        ref={visibleItemRef}\n        pt={paddingTop}\n        pl={indent === undefined ? 'xxxs' : `${indent}px`}\n        minHeight={minHeight}\n        shadowStyle={shadowStyle(opened, item.type)}\n        alignItems=\"flex-start\"\n        cols={cols}\n        onClick={!opened ? handleOnClick : () => null}\n        onKeyDown={onKeyDown}\n        selectable={selectable}\n        selected={isSelected}\n        selectedParent={isSelectedParent}\n        opened={opened}\n        onFocus={handleFocus}\n        data-testid=\"leftnav-item-container\"\n        tabIndex={focuseable ? 0 : undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={ariaExpanded}\n        role={ariaRole}\n        data-selected={isSelected}\n        data-selectedparent={isSelectedParent}\n        data-opened={opened}\n        data-type={item.type}\n        aria-label={ariaLabel}\n      >\n        {!expandedForAnimation ? (\n          <StyledCollapsedContainer data-testid=\"leftnav-leftcomponent\" justifyContent=\"center\">\n            {CollapsedComponent && <CollapsedComponent item={item} ctx={ctx} />}\n          </StyledCollapsedContainer>\n        ) : (\n          children\n        )}\n        {hasBorderBottom && <StyledBorderBottom opened={opened} borderBottomMr={borderBottomMr} />}\n      </StyledItem>\n      {subitems}\n    </>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqEnB,mBA6B+B,KA5B7B,YADF;AAnEJ,SAAgB,YAAY,SAAS,mBAAmB;AACxD,SAAS,YAAY,0BAA0B,0BAA0B;AAEzE,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AAE/B,MAAM,eAAqE,CAAC,UAAU;AAC3F,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,MACA,UAAU,EAAE,aAAa,OAAO,YAAY,QAAQ,WAAW,UAAU,cAAc,gBAAgB;AAAA,MACvG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,MAAM,WAAW,cAAc;AACrC,QAAM;AAAA,IACJ,cAAc,EAAE,aAAa,WAAW;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,SAAS,SAAS;AAExB,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAqC;AACpC,UAAI;AAAS,gBAAQ;AACrB,UAAI;AAAa,oBAAY,MAAM,CAAC;AACpC,UAAI;AAAY,wBAAgB,KAAK,IAAc;AAAA,IACrD;AAAA,IACA,CAAC,aAAa,MAAM,iBAAiB,YAAY,OAAO;AAAA,EAC1D;AAEA,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI;AAAY,qBAAe,IAAc;AAAA,EAC/C,GAAG,CAAC,MAAM,gBAAgB,UAAU,CAAC;AAErC,QAAM,YAAY,sBAAsB;AAAA,IACtC;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,OAAO,QAAQ,MAAO,uBAAuB,CAAC,QAAQ,OAAO,MAAM,IAAI,CAAC,MAAM,GAAI,CAAC,oBAAoB,CAAC;AAC9G,QAAM,aAAa,QAAQ,MAAM,iBAAiB,MAAM,CAAC,cAAc,IAAI,CAAC;AAE5E,MAAI,CAAC,wBAAwB,CAAC,oBAAoB;AAChD,WAAO;AAAA,EACT;AAEA,QAAM,mBAAmB,mBAAmB;AAC5C,QAAM,iBAAiB,OAAO,iBAAiB,QAAQ,IAAI,IAAI;AAC/D,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI,WAAW,SAAY,SAAS,GAAG;AAAA,QACvC;AAAA,QACA,aAAa,YAAY,QAAQ,KAAK,IAAI;AAAA,QAC1C,YAAW;AAAA,QACX;AAAA,QACA,SAAS,CAAC,SAAS,gBAAgB,MAAM;AAAA,QACzC;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB;AAAA,QACA,SAAS;AAAA,QACT,eAAY;AAAA,QACZ,UAAU,aAAa,IAAI;AAAA,QAC3B,oBAAkB;AAAA,QAClB,iBAAe;AAAA,QACf,MAAM;AAAA,QACN,iBAAe;AAAA,QACf,uBAAqB;AAAA,QACrB,eAAa;AAAA,QACb,aAAW,KAAK;AAAA,QAChB,cAAY;AAAA,QAEX;AAAA,WAAC,uBACA,oBAAC,4BAAyB,eAAY,yBAAwB,gBAAe,UAC1E,gCAAsB,oBAAC,sBAAmB,MAAY,KAAU,GACnE,IAEA;AAAA,UAED,mBAAmB,oBAAC,sBAAmB,QAAgB,gBAAgC;AAAA;AAAA;AAAA,IAC1F;AAAA,IACC;AAAA,KACH;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,77 @@
+import * as React from "react";
+import Grid from "@elliemae/ds-legacy-grid";
+import { styled } from "@elliemae/ds-legacy-system";
+import { DSLeftNavigationName, DSLeftNavigationSlots } from "../../constants/index.js";
+const borderOutside = (color, weight = 2) => `&:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: ${weight}px solid ${color};
+  pointer-events: none;
+}`;
+const getItemBackground = ({ selectable, opened, selected, theme }) => {
+  if (!selectable)
+    return "white";
+  if (selected && !opened)
+    return theme.colors.brand[200];
+  return theme.colors.neutral["000"];
+};
+const getItemHoverBackground = ({ selectable, opened, selected, theme }) => {
+  if (!selectable)
+    return "white";
+  if (selected && !opened)
+    return theme.colors.brand[200];
+  return theme.colors.brand["200"];
+};
+const StyledItem = styled(Grid, { name: DSLeftNavigationName, slot: DSLeftNavigationSlots.ITEM })`
+  position: relative;
+  cursor: ${(props) => props.selectable && !props.opened ? "pointer" : "auto"};
+  min-height: ${(props) => props.minHeight};
+
+  background: ${getItemBackground};
+
+  ${(props) => props.selected && !props.opened ? borderOutside(props.theme.colors.brand[500], 1) : ""}
+
+  :hover {
+    background: ${getItemHoverBackground};
+  }
+
+  :active {
+    background: ${({ selectable, theme }) => selectable ? theme.colors.brand[200] : "white"};
+  }
+
+  ${(props) => props.shadowStyle(props.theme)};
+
+  outline: none;
+
+  :focus {
+    ${(props) => borderOutside(props.theme.colors.brand[700])}
+  }
+`;
+const StyledCollapsedContainer = styled(Grid, {
+  name: DSLeftNavigationName,
+  slot: DSLeftNavigationSlots.COLLAPSED_CONTAINER
+})``;
+const StyledBorderBottom = styled("div", {
+  name: DSLeftNavigationName,
+  slot: DSLeftNavigationSlots.ITEM_BORDER_BOTTOM
+})`
+  margin-left: ${({ opened }) => opened ? "12px" : "-4px"};
+  margin-right: ${({ borderBottomMr }) => borderBottomMr};
+  margin-top: 1px;
+  height: 1px;
+  width: calc(100% - ${({ borderBottomMr }) => borderBottomMr} - ${({ opened }) => opened ? "12px" : "-4px"});
+  background-color: #e0e3e8;
+  grid-column: span 3;
+  align-self: end;
+`;
+export {
+  StyledBorderBottom,
+  StyledCollapsedContainer,
+  StyledItem,
+  borderOutside
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/ItemRenderer/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport Grid from '@elliemae/ds-legacy-grid';\nimport { styled, type Theme } from '@elliemae/ds-legacy-system';\nimport { DSLeftNavigationName, DSLeftNavigationSlots } from '../../constants/index.js';\n\ninterface ItemProps {\n  selected: boolean;\n  selectable: boolean;\n  opened: boolean;\n  theme: Theme;\n  shadowStyle: (theme: Theme) => string;\n}\n\nexport const borderOutside = (color: string, weight = 2): string => `&:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: ${weight}px solid ${color};\n  pointer-events: none;\n}`;\n\nconst getItemBackground = ({ selectable, opened, selected, theme }: ItemProps) => {\n  if (!selectable) return 'white';\n  if (selected && !opened) return theme.colors.brand[200];\n  return theme.colors.neutral['000'];\n};\n\nconst getItemHoverBackground = ({ selectable, opened, selected, theme }: ItemProps) => {\n  if (!selectable) return 'white';\n  if (selected && !opened) return theme.colors.brand[200];\n  return theme.colors.brand['200'];\n};\n\nexport const StyledItem = styled(Grid, { name: DSLeftNavigationName, slot: DSLeftNavigationSlots.ITEM })<\n  { minHeight: string; selectedParent: boolean } & ItemProps\n>`\n  position: relative;\n  cursor: ${(props) => (props.selectable && !props.opened ? 'pointer' : 'auto')};\n  min-height: ${(props) => props.minHeight};\n\n  background: ${getItemBackground};\n\n  ${(props) => (props.selected && !props.opened ? borderOutside(props.theme.colors.brand[500], 1) : '')}\n\n  :hover {\n    background: ${getItemHoverBackground};\n  }\n\n  :active {\n    background: ${({ selectable, theme }) => (selectable ? theme.colors.brand[200] : 'white')};\n  }\n\n  ${(props) => props.shadowStyle(props.theme)};\n\n  outline: none;\n\n  :focus {\n    ${(props) => borderOutside(props.theme.colors.brand[700])}\n  }\n`;\n\nexport const StyledCollapsedContainer = styled(Grid, {\n  name: DSLeftNavigationName,\n  slot: DSLeftNavigationSlots.COLLAPSED_CONTAINER,\n})``;\n\nexport const StyledBorderBottom = styled('div', {\n  name: DSLeftNavigationName,\n  slot: DSLeftNavigationSlots.ITEM_BORDER_BOTTOM,\n})<{ opened: boolean; borderBottomMr?: string }>`\n  margin-left: ${({ opened }) => (opened ? '12px' : '-4px')};\n  margin-right: ${({ borderBottomMr }) => borderBottomMr};\n  margin-top: 1px;\n  height: 1px;\n  width: calc(100% - ${({ borderBottomMr }) => borderBottomMr} - ${({ opened }) => (opened ? '12px' : '-4px')});\n  background-color: #e0e3e8;\n  grid-column: span 3;\n  align-self: end;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAO,UAAU;AACjB,SAAS,cAA0B;AACnC,SAAS,sBAAsB,6BAA6B;AAUrD,MAAM,gBAAgB,CAAC,OAAe,SAAS,MAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOxD,kBAAkB;AAAA;AAAA;AAI9B,MAAM,oBAAoB,CAAC,EAAE,YAAY,QAAQ,UAAU,MAAM,MAAiB;AAChF,MAAI,CAAC;AAAY,WAAO;AACxB,MAAI,YAAY,CAAC;AAAQ,WAAO,MAAM,OAAO,MAAM,GAAG;AACtD,SAAO,MAAM,OAAO,QAAQ,KAAK;AACnC;AAEA,MAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,UAAU,MAAM,MAAiB;AACrF,MAAI,CAAC;AAAY,WAAO;AACxB,MAAI,YAAY,CAAC;AAAQ,WAAO,MAAM,OAAO,MAAM,GAAG;AACtD,SAAO,MAAM,OAAO,MAAM,KAAK;AACjC;AAEO,MAAM,aAAa,OAAO,MAAM,EAAE,MAAM,sBAAsB,MAAM,sBAAsB,KAAK,CAAC;AAAA;AAAA,YAI3F,CAAC,UAAW,MAAM,cAAc,CAAC,MAAM,SAAS,YAAY;AAAA,gBACxD,CAAC,UAAU,MAAM;AAAA;AAAA,gBAEjB;AAAA;AAAA,IAEZ,CAAC,UAAW,MAAM,YAAY,CAAC,MAAM,SAAS,cAAc,MAAM,MAAM,OAAO,MAAM,GAAG,GAAG,CAAC,IAAI;AAAA;AAAA;AAAA,kBAGlF;AAAA;AAAA;AAAA;AAAA,kBAIA,CAAC,EAAE,YAAY,MAAM,MAAO,aAAa,MAAM,OAAO,MAAM,GAAG,IAAI;AAAA;AAAA;AAAA,IAGjF,CAAC,UAAU,MAAM,YAAY,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,MAKtC,CAAC,UAAU,cAAc,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAIrD,MAAM,2BAA2B,OAAO,MAAM;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAEM,MAAM,qBAAqB,OAAO,OAAO;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAAA,iBACgB,CAAC,EAAE,OAAO,MAAO,SAAS,SAAS;AAAA,kBAClC,CAAC,EAAE,eAAe,MAAM;AAAA;AAAA;AAAA,uBAGnB,CAAC,EAAE,eAAe,MAAM,oBAAoB,CAAC,EAAE,OAAO,MAAO,SAAS,SAAS;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { useMemo } from "react";
+const itemDefaultProps = {
+  label: "",
+  labelOverflow: "truncate",
+  selectable: true,
+  focuseable: true,
+  openable: false,
+  closable: false,
+  ariaLabel: void 0,
+  ariaRole: "menuitem",
+  ariaExpanded: void 0,
+  ariaDescribedBy: void 0
+};
+const itemWithoutShadows = ["ds-left-nav-item-header", "ds-left-nav-item-link", "ds-left-nav-item-submenu"];
+const usePropsWithDefaults = (props) => {
+  const propsWithDefault = useMemo(() => {
+    const itemWithDefaults = {
+      CollapsedComponent: () => null,
+      ...props.item,
+      itemOpts: { ...itemDefaultProps, ...props.item.itemOpts }
+    };
+    return {
+      minHeight: "48px",
+      paddingTop: "12px",
+      subitems: [],
+      shadowStyle: (opened, type) => () => `box-shadow: ${opened || !itemWithoutShadows.includes(type) ? "inset 4px 0 0 0 #52A6EC" : "inset 4px 0 0 0 white"}`,
+      hasBorderBottom: false,
+      borderBottomMr: "0px",
+      ...props,
+      item: itemWithDefaults
+    };
+  }, [props]);
+  return propsWithDefault;
+};
+export {
+  usePropsWithDefaults
+};
+//# sourceMappingURL=usePropsWithDefaults.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/ItemRenderer/usePropsWithDefaults.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\n\nconst itemDefaultProps: DSLeftNavigationT.ItemOptsT = {\n  label: '',\n  labelOverflow: 'truncate',\n  selectable: true,\n  focuseable: true,\n  openable: false,\n  closable: false,\n  ariaLabel: undefined,\n  ariaRole: 'menuitem',\n  ariaExpanded: undefined,\n  ariaDescribedBy: undefined,\n};\n\nconst itemWithoutShadows = ['ds-left-nav-item-header', 'ds-left-nav-item-link', 'ds-left-nav-item-submenu'];\n\n// Make use Item props with defaults\nexport const usePropsWithDefaults = (\n  props: DSLeftNavigationT.ItemRendererT,\n): Required<DSLeftNavigationT.ItemRendererT> => {\n  const propsWithDefault = useMemo(() => {\n    const itemWithDefaults = {\n      CollapsedComponent: () => null,\n      ...props.item,\n      itemOpts: { ...itemDefaultProps, ...props.item.itemOpts },\n    };\n    return {\n      minHeight: '48px',\n      paddingTop: '12px',\n      subitems: [],\n      shadowStyle: (opened: boolean, type: string) => () =>\n        `box-shadow: ${\n          opened || !itemWithoutShadows.includes(type) ? 'inset 4px 0 0 0 #52A6EC' : 'inset 4px 0 0 0 white'\n        }`,\n      hasBorderBottom: false,\n      borderBottomMr: '0px',\n      ...props,\n      item: itemWithDefaults,\n    };\n  }, [props]);\n\n  return propsWithDefault as Required<DSLeftNavigationT.ItemRendererT>;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAGxB,MAAM,mBAAgD;AAAA,EACpD,OAAO;AAAA,EACP,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB;AACnB;AAEA,MAAM,qBAAqB,CAAC,2BAA2B,yBAAyB,0BAA0B;AAGnG,MAAM,uBAAuB,CAClC,UAC8C;AAC9C,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,mBAAmB;AAAA,MACvB,oBAAoB,MAAM;AAAA,MAC1B,GAAG,MAAM;AAAA,MACT,UAAU,EAAE,GAAG,kBAAkB,GAAG,MAAM,KAAK,SAAS;AAAA,IAC1D;AACA,WAAO;AAAA,MACL,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,CAAC;AAAA,MACX,aAAa,CAAC,QAAiB,SAAiB,MAC9C,eACE,UAAU,CAAC,mBAAmB,SAAS,IAAI,IAAI,4BAA4B;AAAA,MAE/E,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,MAChB,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  AlertsSmallFill,
+  Notifications as InternalNotifications,
+  ExceptionsSmallFill,
+  MessagesSmallFill
+} from "@elliemae/ds-legacy-icons";
+import { styled } from "@elliemae/ds-legacy-system";
+import Grid from "@elliemae/ds-legacy-grid";
+import { DSLeftNavigationName, DSLeftNavigationSlots } from "../../constants/index.js";
+const StyledIconContainer = styled("div", {
+  name: DSLeftNavigationName,
+  slot: DSLeftNavigationSlots.NOTIFICATIONS_CONTAINER
+})`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+const Notifications = ({
+  exceptions = false,
+  alerts = false,
+  messages = false
+}) => /* @__PURE__ */ jsxs(StyledIconContainer, { children: [
+  /* @__PURE__ */ jsx(InternalNotifications, { size: "m", color: ["brand-primary", "800"], "data-testid": "left-nav-notifications-icon" }),
+  (exceptions || alerts || messages) && /* @__PURE__ */ jsxs(Grid, { cols: ["1fr", "1fr", "1fr"], gutter: "xxxs", mt: "2px", children: [
+    /* @__PURE__ */ jsx(Grid, { width: "6px", height: "6px", "data-testid": "left-nav-exceptions-icon", children: exceptions && /* @__PURE__ */ jsx(ExceptionsSmallFill, { width: "6px", height: "6px", color: ["warning", "900"] }) }),
+    /* @__PURE__ */ jsx(Grid, { width: "6px", height: "6px", "data-testid": "left-nav-alerts-icon", children: alerts && /* @__PURE__ */ jsx(AlertsSmallFill, { width: "6px", height: "6px", color: ["danger", "900"] }) }),
+    /* @__PURE__ */ jsx(Grid, { width: "6px", height: "6px", "data-testid": "left-nav-messages-icon", children: messages && /* @__PURE__ */ jsx(MessagesSmallFill, { width: "6px", height: "6px", color: ["success", "900"] }) })
+  ] })
+] });
+var Notifications_default = Notifications;
+export {
+  Notifications,
+  Notifications_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Notifications/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  AlertsSmallFill,\n  Notifications as InternalNotifications,\n  ExceptionsSmallFill,\n  MessagesSmallFill,\n} from '@elliemae/ds-legacy-icons';\nimport { styled } from '@elliemae/ds-legacy-system';\nimport Grid from '@elliemae/ds-legacy-grid';\nimport { DSLeftNavigationName, DSLeftNavigationSlots } from '../../constants/index.js';\n\nconst StyledIconContainer = styled('div', {\n  name: DSLeftNavigationName,\n  slot: DSLeftNavigationSlots.NOTIFICATIONS_CONTAINER,\n})`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\ntype NotificationsProps = {\n  exceptions?: boolean;\n  alerts?: boolean;\n  messages?: boolean;\n};\n\nexport const Notifications = ({\n  exceptions = false,\n  alerts = false,\n  messages = false,\n}: NotificationsProps): JSX.Element => (\n  <StyledIconContainer>\n    <InternalNotifications size=\"m\" color={['brand-primary', '800']} data-testid=\"left-nav-notifications-icon\" />\n    {(exceptions || alerts || messages) && (\n      <Grid cols={['1fr', '1fr', '1fr']} gutter=\"xxxs\" mt=\"2px\">\n        <Grid width=\"6px\" height=\"6px\" data-testid=\"left-nav-exceptions-icon\">\n          {exceptions && <ExceptionsSmallFill width=\"6px\" height=\"6px\" color={['warning', '900']} />}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\" data-testid=\"left-nav-alerts-icon\">\n          {alerts && <AlertsSmallFill width=\"6px\" height=\"6px\" color={['danger', '900']} />}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\" data-testid=\"left-nav-messages-icon\">\n          {messages && <MessagesSmallFill width=\"6px\" height=\"6px\" color={['success', '900']} />}\n        </Grid>\n      </Grid>\n    )}\n  </StyledIconContainer>\n);\n\nexport default Notifications;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgCnB,cAEE,YAFF;AA/BJ;AAAA,EACE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,OAAO,UAAU;AACjB,SAAS,sBAAsB,6BAA6B;AAE5D,MAAM,sBAAsB,OAAO,OAAO;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,gBAAgB,CAAC;AAAA,EAC5B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AACb,MACE,qBAAC,uBACC;AAAA,sBAAC,yBAAsB,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAG,eAAY,+BAA8B;AAAA,GACzG,cAAc,UAAU,aACxB,qBAAC,QAAK,MAAM,CAAC,OAAO,OAAO,KAAK,GAAG,QAAO,QAAO,IAAG,OAClD;AAAA,wBAAC,QAAK,OAAM,OAAM,QAAO,OAAM,eAAY,4BACxC,wBAAc,oBAAC,uBAAoB,OAAM,OAAM,QAAO,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG,GAC1F;AAAA,IACA,oBAAC,QAAK,OAAM,OAAM,QAAO,OAAM,eAAY,wBACxC,oBAAU,oBAAC,mBAAgB,OAAM,OAAM,QAAO,OAAM,OAAO,CAAC,UAAU,KAAK,GAAG,GACjF;AAAA,IACA,oBAAC,QAAK,OAAM,OAAM,QAAO,OAAM,eAAY,0BACxC,sBAAY,oBAAC,qBAAkB,OAAM,OAAM,QAAO,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG,GACtF;AAAA,KACF;AAAA,GAEJ;AAGF,IAAO,wBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { styled } from "@elliemae/ds-legacy-system";
+import { OpenWindow as OpenWindowIcon } from "@elliemae/ds-legacy-icons";
+const StyledOpenWindow = styled(OpenWindowIcon)`
+  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 });
+var OpenWindowItem_default = OpenWindow;
+export {
+  OpenWindow,
+  OpenWindowItem_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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-legacy-system';\nimport { OpenWindow as OpenWindowIcon, type SvgIconT } from '@elliemae/ds-legacy-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;AAAA;AAAA;AAIzD,MAAM,aAAa,CAAC,UACzB,oBAAC,oBAAiB,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAI,GAAG,OAAO;AAGzE,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/exported-related/constants.js

@@ -0,0 +1,41 @@
+import * as React from "react";
+const LABEL_OVERFLOW = {
+  WRAP: "wrap",
+  WRAP_ALL: "wrapAll",
+  TRUNCATE: "truncate"
+};
+const ITEM_TYPES = {
+  LEFT_NAV_ITEM_HEADER: "ds-left-nav-item-header",
+  LEFT_NAV_ITEM_LINK: "ds-left-nav-item-link",
+  LEFT_NAV_ITEM_SUBMENU: "ds-left-nav-item-submenu",
+  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: "ds-left-nav-item-controlled-drilldown",
+  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: "ds-left-nav-item-uncontrolled-drilldown",
+  LEFT_NAV_ITEM_SECTION: "ds-left-nav-item-section",
+  LEFT_NAV_ITEM_SEPARATOR: "ds-left-nav-item-separator",
+  LEFT_NAV_ITEM_SKELETON: "ds-left-nav-item-skeleton",
+  LEFT_NAV_ITEM_TEXT_LABEL: "ds-left-nav-item-text-label",
+  LEFT_NAV_ITEM_WITH_DATE: "ds-left-nav-item-with-date"
+};
+const MAP_ITEMS_TO_SKELETON = {
+  "ds-left-nav-item-header": "item",
+  "ds-left-nav-item-link": "subitem",
+  "ds-left-nav-item-submenu": "item",
+  "ds-left-nav-item-controlled-drilldown": "subitem",
+  "ds-left-nav-item-uncontrolled-drilldown": "subitem",
+  "ds-left-nav-item-section": "subitem",
+  "ds-left-nav-item-separator": "subitem",
+  "ds-left-nav-item-text-label": "subitem",
+  "ds-left-nav-item-with-date": "subitem"
+};
+const FOOTER_DS_ID = "ds-left-nav-__internal__-footer";
+const FOOTER_MENU_CLOSE_DS_ID = "ds-left-nav-__internal__-footer-menu-close";
+const CHEVRON_BACK_DS_ID = "ds-left-nav-__internal__-chevron-back";
+export {
+  CHEVRON_BACK_DS_ID,
+  FOOTER_DS_ID,
+  FOOTER_MENU_CLOSE_DS_ID,
+  ITEM_TYPES,
+  LABEL_OVERFLOW,
+  MAP_ITEMS_TO_SKELETON
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/exported-related/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export 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 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": "AAAA,YAAY,WAAW;ACAhB,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,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/esm/exported-related/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export * from "./constants.js";
+export * from "./ItemRenderer/index.js";
+export * from "./ChevronItem/index.js";
+export * from "./Notifications/index.js";
+export * from "./OpenWindowItem/index.js";
+export * from "./Icon/index.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './constants.js';\nexport * from './ItemRenderer/index.js';\nexport * from './ChevronItem/index.js';\nexport * from './Notifications/index.js';\nexport * from './OpenWindowItem/index.js';\nexport * from './Icon/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/hooks/index.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+export * from "./useOpenableOnClickHandler.js";
+export * from "./useExpandableOnClickHandler.js";
+export * from "./useKeyboardNavigation.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useOpenableOnClickHandler.js';\nexport * from './useExpandableOnClickHandler.js';\nexport * from './useKeyboardNavigation.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}