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

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

@@ -3,11 +3,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Grid } from "@elliemae/ds-grid";
 import { MenuCollapse, MenuExpand } from "@elliemae/ds-icons";
 import { DSSkeleton } from "@elliemae/ds-skeleton";
-import React2, { useCallback, useContext, useMemo } from "react";
 import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import React2, { useCallback, useContext, useMemo } from "react";
 import LeftNavigationContext from "../../LeftNavigationContext.js";
-import { LEFT_NAVIGATION_DATA_TESTID } from "../../constants/constants.js";
-import { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from "../../exported-related/constants.js";
+import { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID, LEFT_NAVIGATION_DATA_TESTID } from "../../constants/index.js";
 import { useKeyboardNavigation } from "../../hooks/index.js";
 import {
   StyledFooterItem,
@@ -26,6 +25,8 @@ const LeftNavFooterItem = (props) => {
     visibleItemsRefs,
     leftNavProps
   } = useContext(LeftNavigationContext);
+  const getOwnerProps = React2.useCallback(() => leftNavProps, [leftNavProps]);
+  const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
   const id = FOOTER_DS_ID;
   const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;
   const onKeyDown = useKeyboardNavigation({
@@ -48,12 +49,9 @@ const LeftNavFooterItem = (props) => {
     [handleOnClick, id, setFocusedItem]
   );
   const label = useMemo(() => {
-    if (FooterLabelComponent) {
-      return /* @__PURE__ */ jsx(FooterLabelComponent, {});
-    }
-    if (labelOverflow === "truncate") {
+    if (FooterLabelComponent) return /* @__PURE__ */ jsx(FooterLabelComponent, {});
+    if (labelOverflow === "truncate")
       return /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, { value: footerLabel, placement: "bottom-start" });
-    }
     return footerLabel;
   }, [footerLabel, FooterLabelComponent, labelOverflow]);
   const postAnimationButtonFocusHandler = useCallback(
@@ -72,13 +70,13 @@ const LeftNavFooterItem = (props) => {
       StyledFooterMenu,
       {
         "data-testid": LEFT_NAVIGATION_DATA_TESTID.FOOTER_MENU,
+        getOwnerProps,
+        getOwnerPropsArguments,
         children: /* @__PURE__ */ jsx(Grid, { height: "48px", justifyContent: "center", alignItems: "center", cols: ["1fr"], p: "xxs", children: /* @__PURE__ */ jsx(DSSkeleton, { variant: "rectangular", height: "24px" }) })
       },
       id
     );
   }
-  const getOwnerProps = React2.useCallback(() => leftNavProps, [leftNavProps]);
-  const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
   return /* @__PURE__ */ jsx(
     StyledFooterMenu,
     {
@@ -130,7 +128,9 @@ const LeftNavFooterItem = (props) => {
               StyledFooterSeparator,
               {
                 mt: "xxxs",
-                "data-testid": LEFT_NAVIGATION_DATA_TESTID.FOOTER_SEPARATOR
+                "data-testid": LEFT_NAVIGATION_DATA_TESTID.FOOTER_SEPARATOR,
+                getOwnerProps,
+                getOwnerPropsArguments
               }
             ) : /* @__PURE__ */ jsx("div", {}),
             /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavFooterItem/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable max-lines */\nimport { Grid } from '@elliemae/ds-grid';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport React, { useCallback, useContext, useMemo } from 'react';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport LeftNavigationContext from '../../LeftNavigationContext.js';\nimport { LEFT_NAVIGATION_DATA_TESTID } from '../../constants/constants.js';\nimport { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../../exported-related/constants.js';\nimport { useKeyboardNavigation } from '../../hooks/index.js';\nimport {\n  StyledFooterItem,\n  StyledFooterLabel,\n  StyledFooterMenu,\n  StyledFooterSeparator,\n  StyledMenuCollapse,\n} from './styled.js';\n\ntype LeftNavFooterItemProps = {\n  footerLabel: string;\n  FooterLabelComponent?: React.ComponentType<unknown>;\n  onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n  onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;\n};\n\n// eslint-disable-next-line complexity\nexport const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps> = (props) => {\n  const { footerLabel, FooterLabelComponent, onFooterExpand = () => null, onFooterClose = () => null } = props;\n  const {\n    leftNavProps: { labelOverflow, isSkeleton, hideFooterPipe, expanded },\n    expandedForAnimation,\n    setFocusedItem,\n    focusedItem,\n    visibleItemsRefs,\n    leftNavProps,\n  } = useContext(LeftNavigationContext);\n  const id = FOOTER_DS_ID;\n\n  const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;\n\n  const onKeyDown = useKeyboardNavigation({\n    item: {\n      dsId: id,\n      itemOpts: {\n        selectable: !expandedForAnimation,\n        openable: false,\n        closable: false,\n      },\n    },\n    onClick: handleOnClick,\n  });\n\n  const handleMenuCollapseClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.KeyboardEvent<HTMLButtonElement>) => {\n      e.stopPropagation();\n      handleOnClick(e as React.MouseEvent<HTMLButtonElement, MouseEvent>);\n      setFocusedItem(id);\n    },\n    [handleOnClick, id, setFocusedItem],\n  );\n\n  const label = useMemo(() => {\n    if (FooterLabelComponent) {\n      return <FooterLabelComponent />;\n    }\n    if (labelOverflow === 'truncate') {\n      return <SimpleTruncatedTooltipText value={footerLabel} placement=\"bottom-start\" />;\n    }\n    return footerLabel;\n  }, [footerLabel, FooterLabelComponent, labelOverflow]);\n\n  const postAnimationButtonFocusHandler = useCallback(\n    (newHTMLNode: HTMLButtonElement | null) => {\n      if (newHTMLNode === null || !expanded) {\n        return;\n      }\n      if (focusedItem === id) {\n        newHTMLNode.focus();\n      }\n    },\n    [focusedItem, id, expanded],\n  );\n\n  if (isSkeleton) {\n    return (\n      <StyledFooterMenu\n        key={id}\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_MENU} // https://jira.elliemae.io/browse/PUI-15589\n      >\n        <Grid height=\"48px\" justifyContent=\"center\" alignItems=\"center\" cols={['1fr']} p=\"xxs\">\n          <DSSkeleton variant=\"rectangular\" height=\"24px\" />\n        </Grid>\n      </StyledFooterMenu>\n    );\n  }\n\n  const getOwnerProps = React.useCallback(() => leftNavProps, [leftNavProps]);\n\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n\n  return (\n    <StyledFooterMenu\n      key={id}\n      data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_MENU} // https://jira.elliemae.io/browse/PUI-15589\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledFooterItem\n        innerRef={visibleItemsRefs.current[id]}\n        tabIndex={expandedForAnimation ? -1 : 0}\n        expanded={expandedForAnimation}\n        pt=\"xxs2\"\n        height={expandedForAnimation ? 'auto' : '48px'}\n        alignItems=\"flex-start\"\n        pl=\"xxs2\"\n        cols={expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']}\n        onClick={expandedForAnimation ? () => null : handleOnClick}\n        onKeyDown={onKeyDown}\n        onFocus={() => setFocusedItem(id)}\n        role=\"menuitem\"\n        aria-label={\n          expandedForAnimation\n            ? `Footer, ${typeof footerLabel === 'string' ? footerLabel : ''}`\n            : `Expand left navigation`\n        }\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_ITEM} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {!expandedForAnimation ? (\n          <MenuExpand\n            size=\"m\"\n            color={['brand-primary', '800']}\n            // https://jira.elliemae.io/browse/PUI-15589\n            //   VERY SPECIAL CASE, THE SLOT FOOTER_BTN GOES TO THE ICON WHEN COLLAPSED, TO THE BTN WHEN EXPANDED\n            data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_BTN}\n          />\n        ) : (\n          <>\n            <StyledFooterLabel\n              mt=\"5px\"\n              mr=\"12px\"\n              mb=\"16px\"\n              labelOverflow={labelOverflow}\n              aria-live=\"polite\"\n              data-testid={LEFT_NAVIGATION_DATA_TESTID.ITEM_LABEL} // https://jira.elliemae.io/browse/PUI-15589\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              {label}\n            </StyledFooterLabel>\n            {!hideFooterPipe ? (\n              <StyledFooterSeparator\n                mt=\"xxxs\"\n                data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_SEPARATOR} // https://jira.elliemae.io/browse/PUI-15589\n              />\n            ) : (\n              <div></div>\n            )}\n            <StyledMenuCollapse\n              innerRef={postAnimationButtonFocusHandler}\n              buttonType=\"raw\"\n              onClick={handleMenuCollapseClick}\n              tabIndex={0}\n              onFocus={(e: React.FocusEvent) => {\n                e.stopPropagation();\n                setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);\n              }}\n              role=\"button\"\n              aria-label=\"Collapse left navigation\"\n              //   VERY SPECIAL CASE, THE SLOT FOOTER_BTN GOES TO THE ICON WHEN COLLAPSED, TO THE BTN WHEN EXPANDED\n              data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_BTN}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              <MenuCollapse size=\"m\" color={['brand-primary', '800']} />\n            </StyledMenuCollapse>\n          </>\n        )}\n      </StyledFooterItem>\n    </StyledFooterMenu>\n  );\n};\n\nexport default LeftNavFooterItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiEV,SA2EH,UA3EG,KA2EH,YA3EG;AA/Db,SAAS,YAAY;AACrB,SAAS,cAAc,kBAAkB;AACzC,SAAS,kBAAkB;AAC3B,OAAOA,UAAS,aAAa,YAAY,eAAe;AAExD,SAAS,kCAAkC;AAC3C,OAAO,2BAA2B;AAClC,SAAS,mCAAmC;AAC5C,SAAS,cAAc,+BAA+B;AACtD,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAUA,MAAM,oBAAiE,CAAC,UAAU;AACvF,QAAM,EAAE,aAAa,sBAAsB,iBAAiB,MAAM,MAAM,gBAAgB,MAAM,KAAK,IAAI;AACvG,QAAM;AAAA,IACJ,cAAc,EAAE,eAAe,YAAY,gBAAgB,SAAS;AAAA,IACpE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,qBAAqB;AACpC,QAAM,KAAK;AAEX,QAAM,gBAAgB,uBAAuB,gBAAgB;AAE7D,QAAM,YAAY,sBAAsB;AAAA,IACtC,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,QACR,YAAY,CAAC;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,0BAA0B;AAAA,IAC9B,CAAC,MAAgG;AAC/F,QAAE,gBAAgB;AAClB,oBAAc,CAAoD;AAClE,qBAAe,EAAE;AAAA,IACnB;AAAA,IACA,CAAC,eAAe,IAAI,cAAc;AAAA,EACpC;AAEA,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,sBAAsB;AACxB,aAAO,oBAAC,wBAAqB;AAAA,IAC/B;AACA,QAAI,kBAAkB,YAAY;AAChC,aAAO,oBAAC,8BAA2B,OAAO,aAAa,WAAU,gBAAe;AAAA,IAClF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,sBAAsB,aAAa,CAAC;AAErD,QAAM,kCAAkC;AAAA,IACtC,CAAC,gBAA0C;AACzC,UAAI,gBAAgB,QAAQ,CAAC,UAAU;AACrC;AAAA,MACF;AACA,UAAI,gBAAgB,IAAI;AACtB,oBAAY,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,aAAa,IAAI,QAAQ;AAAA,EAC5B;AAEA,MAAI,YAAY;AACd,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,eAAa,4BAA4B;AAAA,QAEzC,8BAAC,QAAK,QAAO,QAAO,gBAAe,UAAS,YAAW,UAAS,MAAM,CAAC,KAAK,GAAG,GAAE,OAC/E,8BAAC,cAAW,SAAQ,eAAc,QAAO,QAAO,GAClD;AAAA;AAAA,MALK;AAAA,IAMP;AAAA,EAEJ;AAEA,QAAM,gBAAgBA,OAAM,YAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AAE1E,QAAM,yBAAyBA,OAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,eAAa,4BAA4B;AAAA,MACzC;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,iBAAiB,QAAQ,EAAE;AAAA,UACrC,UAAU,uBAAuB,KAAK;AAAA,UACtC,UAAU;AAAA,UACV,IAAG;AAAA,UACH,QAAQ,uBAAuB,SAAS;AAAA,UACxC,YAAW;AAAA,UACX,IAAG;AAAA,UACH,MAAM,uBAAuB,CAAC,QAAQ,OAAO,MAAM,IAAI,CAAC,MAAM;AAAA,UAC9D,SAAS,uBAAuB,MAAM,OAAO;AAAA,UAC7C;AAAA,UACA,SAAS,MAAM,eAAe,EAAE;AAAA,UAChC,MAAK;AAAA,UACL,cACE,uBACI,WAAW,OAAO,gBAAgB,WAAW,cAAc,EAAE,KAC7D;AAAA,UAEN,eAAa,4BAA4B;AAAA,UACzC;AAAA,UACA;AAAA,UAEC,WAAC,uBACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,CAAC,iBAAiB,KAAK;AAAA,cAG9B,eAAa,4BAA4B;AAAA;AAAA,UAC3C,IAEA,iCACE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH;AAAA,gBACA,aAAU;AAAA,gBACV,eAAa,4BAA4B;AAAA,gBACzC;AAAA,gBACA;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,YACC,CAAC,iBACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,eAAa,4BAA4B;AAAA;AAAA,YAC3C,IAEA,oBAAC,SAAI;AAAA,YAEP;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,YAAW;AAAA,gBACX,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,SAAS,CAAC,MAAwB;AAChC,oBAAE,gBAAgB;AAClB,iCAAe,uBAAuB;AAAA,gBACxC;AAAA,gBACA,MAAK;AAAA,gBACL,cAAW;AAAA,gBAEX,eAAa,4BAA4B;AAAA,gBACzC;AAAA,gBACA;AAAA,gBAEA,8BAAC,gBAAa,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA,YAC1D;AAAA,aACF;AAAA;AAAA,MAEJ;AAAA;AAAA,IA7EK;AAAA,EA8EP;AAEJ;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable max-lines */\nimport { Grid } from '@elliemae/ds-grid';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport LeftNavigationContext from '../../LeftNavigationContext.js';\nimport { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID, LEFT_NAVIGATION_DATA_TESTID } from '../../constants/index.js';\nimport { useKeyboardNavigation } from '../../hooks/index.js';\nimport {\n  StyledFooterItem,\n  StyledFooterLabel,\n  StyledFooterMenu,\n  StyledFooterSeparator,\n  StyledMenuCollapse,\n} from './styled.js';\n\ntype LeftNavFooterItemProps = {\n  footerLabel: string;\n  FooterLabelComponent?: React.ComponentType<unknown>;\n  onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n  onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;\n};\n\n// eslint-disable-next-line complexity\nexport const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps> = (props) => {\n  const { footerLabel, FooterLabelComponent, onFooterExpand = () => null, onFooterClose = () => null } = props;\n  const {\n    leftNavProps: { labelOverflow, isSkeleton, hideFooterPipe, expanded },\n    expandedForAnimation,\n    setFocusedItem,\n    focusedItem,\n    visibleItemsRefs,\n    leftNavProps,\n  } = useContext(LeftNavigationContext);\n  const getOwnerProps = React.useCallback(() => leftNavProps, [leftNavProps]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  const id = FOOTER_DS_ID;\n\n  const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;\n\n  const onKeyDown = useKeyboardNavigation({\n    item: {\n      dsId: id,\n      itemOpts: {\n        selectable: !expandedForAnimation,\n        openable: false,\n        closable: false,\n      },\n    },\n    onClick: handleOnClick,\n  });\n\n  const handleMenuCollapseClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.KeyboardEvent<HTMLButtonElement>) => {\n      e.stopPropagation();\n      handleOnClick(e as React.MouseEvent<HTMLButtonElement, MouseEvent>);\n      setFocusedItem(id);\n    },\n    [handleOnClick, id, setFocusedItem],\n  );\n\n  const label = useMemo(() => {\n    if (FooterLabelComponent) return <FooterLabelComponent />;\n    if (labelOverflow === 'truncate')\n      return <SimpleTruncatedTooltipText value={footerLabel} placement=\"bottom-start\" />;\n    return footerLabel;\n  }, [footerLabel, FooterLabelComponent, labelOverflow]);\n\n  const postAnimationButtonFocusHandler = useCallback(\n    (newHTMLNode: HTMLButtonElement | null) => {\n      if (newHTMLNode === null || !expanded) {\n        return;\n      }\n      if (focusedItem === id) {\n        newHTMLNode.focus();\n      }\n    },\n    [focusedItem, id, expanded],\n  );\n\n  if (isSkeleton) {\n    return (\n      <StyledFooterMenu\n        key={id}\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_MENU} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <Grid height=\"48px\" justifyContent=\"center\" alignItems=\"center\" cols={['1fr']} p=\"xxs\">\n          <DSSkeleton variant=\"rectangular\" height=\"24px\" />\n        </Grid>\n      </StyledFooterMenu>\n    );\n  }\n\n  return (\n    <StyledFooterMenu\n      key={id}\n      data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_MENU} // https://jira.elliemae.io/browse/PUI-15589\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledFooterItem\n        innerRef={visibleItemsRefs.current[id]}\n        tabIndex={expandedForAnimation ? -1 : 0}\n        expanded={expandedForAnimation}\n        pt=\"xxs2\"\n        height={expandedForAnimation ? 'auto' : '48px'}\n        alignItems=\"flex-start\"\n        pl=\"xxs2\"\n        cols={expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']}\n        onClick={expandedForAnimation ? () => null : handleOnClick}\n        onKeyDown={onKeyDown}\n        onFocus={() => setFocusedItem(id)}\n        role=\"menuitem\"\n        aria-label={\n          expandedForAnimation\n            ? `Footer, ${typeof footerLabel === 'string' ? footerLabel : ''}`\n            : `Expand left navigation`\n        }\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_ITEM} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {!expandedForAnimation ? (\n          <MenuExpand\n            size=\"m\"\n            color={['brand-primary', '800']}\n            // https://jira.elliemae.io/browse/PUI-15589\n            //   VERY SPECIAL CASE, THE SLOT FOOTER_BTN GOES TO THE ICON WHEN COLLAPSED, TO THE BTN WHEN EXPANDED\n            data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_BTN}\n          />\n        ) : (\n          <>\n            <StyledFooterLabel\n              mt=\"5px\"\n              mr=\"12px\"\n              mb=\"16px\"\n              labelOverflow={labelOverflow}\n              aria-live=\"polite\"\n              data-testid={LEFT_NAVIGATION_DATA_TESTID.ITEM_LABEL} // https://jira.elliemae.io/browse/PUI-15589\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              {label}\n            </StyledFooterLabel>\n            {!hideFooterPipe ? (\n              <StyledFooterSeparator\n                mt=\"xxxs\"\n                data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_SEPARATOR} // https://jira.elliemae.io/browse/PUI-15589\n                getOwnerProps={getOwnerProps}\n                getOwnerPropsArguments={getOwnerPropsArguments}\n              />\n            ) : (\n              <div></div>\n            )}\n            <StyledMenuCollapse\n              innerRef={postAnimationButtonFocusHandler}\n              buttonType=\"raw\"\n              onClick={handleMenuCollapseClick}\n              tabIndex={0}\n              onFocus={(e: React.FocusEvent) => {\n                e.stopPropagation();\n                setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);\n              }}\n              role=\"button\"\n              aria-label=\"Collapse left navigation\"\n              //   VERY SPECIAL CASE, THE SLOT FOOTER_BTN GOES TO THE ICON WHEN COLLAPSED, TO THE BTN WHEN EXPANDED\n              data-testid={LEFT_NAVIGATION_DATA_TESTID.FOOTER_BTN}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              <MenuCollapse size=\"m\" color={['brand-primary', '800']} />\n            </StyledMenuCollapse>\n          </>\n        )}\n      </StyledFooterItem>\n    </StyledFooterMenu>\n  );\n};\n\nexport default LeftNavFooterItem;\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/parts/LeftNavFooterItem/styled.js

@@ -3,7 +3,7 @@ import { styled } from "@elliemae/ds-system";
 import { DSButtonV2 } from "@elliemae/ds-button-v2";
 import { Grid } from "@elliemae/ds-grid";
 import { getLeftBorderStyle, getItemBackgroundStyle } from "../../common/index.js";
-import { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from "../../constants/constants.js";
+import { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from "../../constants/index.js";
 const StyledFooterMenu = styled(Grid, { name: DSLeftNavigationName, slot: LEFT_NAVIGATION_SLOTS.FOOTER_MENU })`
   width: 100%;
   margin-top: auto;

package/dist/esm/parts/LeftNavFooterItem/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavFooterItem/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { getLeftBorderStyle, getItemBackgroundStyle } from '../../common/index.js';\nimport { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from '../../constants/constants.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\n\nexport const StyledFooterMenu = styled(Grid, { name: DSLeftNavigationName, slot: LEFT_NAVIGATION_SLOTS.FOOTER_MENU })`\n  width: 100%;\n  margin-top: auto;\n  background: ${(props) => props.theme.colors.neutral['000']};\n\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledFooterItem = styled(Grid, { name: DSLeftNavigationName, slot: LEFT_NAVIGATION_SLOTS.FOOTER_ITEM })<{\n  expanded?: boolean;\n  opened?: boolean;\n  selected?: boolean;\n  selectedParent?: boolean;\n}>`\n  position: relative;\n  ${(props) => getLeftBorderStyle({ ...props })}\n\n  min-height: 48px;\n  cursor: ${(props) => (props.expanded ? 'auto' : 'pointer')};\n\n  ${getItemBackgroundStyle}\n\n  outline: none;\n\n  :focus {\n    &:before {\n      content: '';\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      top: 0;\n      left: 0px;\n      border: 2px solid ${(props) => props.theme.colors.brand[600]};\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledFooterLabel = styled(Grid, {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.FOOTER_LABEL,\n})<{ labelOverflow?: DSLeftNavigationT.LabelOveflowT }>`\n  font-size: 11px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  line-height: 14px;\n  word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledFooterSeparator = styled(Grid, {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.FOOTER_SEPARATOR,\n})`\n  height: 16px;\n  width: 1px;\n  background-color: ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledMenuCollapse = styled(DSButtonV2, {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.FOOTER_MENU_COLLAPSE,\n})`\n  padding: 0;\n  margin: 0 12px;\n  :focus {\n    outline: 2px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { getLeftBorderStyle, getItemBackgroundStyle } from '../../common/index.js';\nimport { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from '../../constants/index.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\n\nexport const StyledFooterMenu = styled(Grid, { name: DSLeftNavigationName, slot: LEFT_NAVIGATION_SLOTS.FOOTER_MENU })`\n  width: 100%;\n  margin-top: auto;\n  background: ${(props) => props.theme.colors.neutral['000']};\n\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledFooterItem = styled(Grid, { name: DSLeftNavigationName, slot: LEFT_NAVIGATION_SLOTS.FOOTER_ITEM })<{\n  expanded?: boolean;\n  opened?: boolean;\n  selected?: boolean;\n  selectedParent?: boolean;\n}>`\n  position: relative;\n  ${(props) => getLeftBorderStyle({ ...props })}\n\n  min-height: 48px;\n  cursor: ${(props) => (props.expanded ? 'auto' : 'pointer')};\n\n  ${getItemBackgroundStyle}\n\n  outline: none;\n\n  :focus {\n    &:before {\n      content: '';\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      top: 0;\n      left: 0px;\n      border: 2px solid ${(props) => props.theme.colors.brand[600]};\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledFooterLabel = styled(Grid, {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.FOOTER_LABEL,\n})<{ labelOverflow?: DSLeftNavigationT.LabelOveflowT }>`\n  font-size: 11px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  line-height: 14px;\n  word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledFooterSeparator = styled(Grid, {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.FOOTER_SEPARATOR,\n})`\n  height: 16px;\n  width: 1px;\n  background-color: ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledMenuCollapse = styled(DSButtonV2, {\n  name: DSLeftNavigationName,\n  slot: LEFT_NAVIGATION_SLOTS.FOOTER_MENU_COLLAPSE,\n})`\n  padding: 0;\n  margin: 0 12px;\n  :focus {\n    outline: 2px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,oBAAoB,8BAA8B;AAC3D,SAAS,sBAAsB,6BAA6B;AAGrD,MAAM,mBAAmB,OAAO,MAAM,EAAE,MAAM,sBAAsB,MAAM,sBAAsB,YAAY,CAAC;AAAA;AAAA;AAAA,gBAGpG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,0BAElC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAG7D,MAAM,mBAAmB,OAAO,MAAM,EAAE,MAAM,sBAAsB,MAAM,sBAAsB,YAAY,CAAC;AAAA;AAAA,IAOhH,CAAC,UAAU,mBAAmB,EAAE,GAAG,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA,YAGnC,CAAC,UAAW,MAAM,WAAW,SAAS,SAAU;AAAA;AAAA,IAExD,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYA,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAM3D,MAAM,oBAAoB,OAAO,MAAM;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAAA;AAAA,WAEU,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,gBAErC,CAAC,UAAW,MAAM,kBAAkB,YAAY,cAAc,QAAS;AAAA;AAGhF,MAAM,wBAAwB,OAAO,MAAM;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA,sBAGqB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAGzD,MAAM,qBAAqB,OAAO,YAAY;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,sBAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA,yBAIwB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;",
   "names": []
 }

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

@@ -3,22 +3,38 @@ import { jsx } from "react/jsx-runtime";
 import { DSCircularIndeterminateIndicator } from "@elliemae/ds-circular-progress-indicator";
 import Grid from "@elliemae/ds-grid";
 import { styled } from "@elliemae/ds-system";
-import { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from "../../constants/constants.js";
+import React2 from "react";
+import { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from "../../constants/index.js";
+import LeftNavigationContext from "../../LeftNavigationContext.js";
 const StyledLoaderWrapper = styled(Grid, { name: DSLeftNavigationName, slot: LEFT_NAVIGATION_SLOTS.LOADER_WRAPPER })`
   height: 100%;
   place-items: center;
   z-index: 0;
   background-color: white;
 `;
-const LeftNavLoading = ({ expanded }) => /* @__PURE__ */ jsx(StyledLoaderWrapper, { role: "menuitem", "aria-label": "Loading...", children: /* @__PURE__ */ jsx(
-  DSCircularIndeterminateIndicator,
-  {
-    size: expanded ? "l" : "s",
-    text: "Loading...",
-    showText: expanded,
-    withTooltip: !expanded
-  }
-) });
+const LeftNavLoading = ({ expanded }) => {
+  const { leftNavProps } = React2.useContext(LeftNavigationContext);
+  const getOwnerProps = React2.useCallback(() => leftNavProps, [leftNavProps]);
+  const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
+  return /* @__PURE__ */ jsx(
+    StyledLoaderWrapper,
+    {
+      role: "menuitem",
+      "aria-label": "Loading...",
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ jsx(
+        DSCircularIndeterminateIndicator,
+        {
+          size: expanded ? "l" : "s",
+          text: "Loading...",
+          showText: expanded,
+          withTooltip: !expanded
+        }
+      )
+    }
+  );
+};
 export {
   LeftNavLoading
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavLoading/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport Grid from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from '../../constants/constants.js';\n\nconst StyledLoaderWrapper = styled(Grid, { name: DSLeftNavigationName, slot: LEFT_NAVIGATION_SLOTS.LOADER_WRAPPER })`\n  height: 100%;\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({ expanded }) => (\n  <StyledLoaderWrapper role=\"menuitem\" aria-label=\"Loading...\">\n    <DSCircularIndeterminateIndicator\n      size={expanded ? 'l' : 's'}\n      text=\"Loading...\"\n      showText={expanded}\n      withTooltip={!expanded}\n    />\n  </StyledLoaderWrapper>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACenB;AAdJ,SAAS,wCAAwC;AACjD,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,sBAAsB,6BAA6B;AAE5D,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,sBAAsB,MAAM,sBAAsB,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5G,MAAM,iBAA6D,CAAC,EAAE,SAAS,MACpF,oBAAC,uBAAoB,MAAK,YAAW,cAAW,cAC9C;AAAA,EAAC;AAAA;AAAA,IACC,MAAM,WAAW,MAAM;AAAA,IACvB,MAAK;AAAA,IACL,UAAU;AAAA,IACV,aAAa,CAAC;AAAA;AAChB,GACF;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport Grid from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport React from 'react';\nimport { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from '../../constants/index.js';\nimport LeftNavigationContext from '../../LeftNavigationContext.js';\n\nconst StyledLoaderWrapper = styled(Grid, { name: DSLeftNavigationName, slot: LEFT_NAVIGATION_SLOTS.LOADER_WRAPPER })`\n  height: 100%;\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({ expanded }) => {\n  const { leftNavProps } = React.useContext(LeftNavigationContext);\n  const getOwnerProps = React.useCallback(() => leftNavProps, [leftNavProps]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n\n  return (\n    <StyledLoaderWrapper\n      role=\"menuitem\"\n      aria-label=\"Loading...\"\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <DSCircularIndeterminateIndicator\n        size={expanded ? 'l' : 's'}\n        text=\"Loading...\"\n        showText={expanded}\n        withTooltip={!expanded}\n      />\n    </StyledLoaderWrapper>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0BjB;AA1BN,SAAS,wCAAwC;AACjD,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,OAAOA,YAAW;AAClB,SAAS,sBAAsB,6BAA6B;AAC5D,OAAO,2BAA2B;AAElC,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,sBAAsB,MAAM,sBAAsB,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5G,MAAM,iBAA6D,CAAC,EAAE,SAAS,MAAM;AAC1F,QAAM,EAAE,aAAa,IAAIA,OAAM,WAAW,qBAAqB;AAC/D,QAAM,gBAAgBA,OAAM,YAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AAC1E,QAAM,yBAAyBA,OAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,WAAW,MAAM;AAAA,UACvB,MAAK;AAAA,UACL,UAAU;AAAA,UACV,aAAa,CAAC;AAAA;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
+  "names": ["React"]
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,45 +1,81 @@
 import * as React from "react";
-import { PropTypes, describe } from "@elliemae/ds-props-helpers";
-import { outOfTheBoxTypes } from "./outOfTheBox/index.js";
-const leftNavItemProps = {
-  type: PropTypes.oneOf(outOfTheBoxTypes).description("out of the box types"),
-  dsId: PropTypes.string.description("unique identifier for the left nav item"),
-  Component: PropTypes.func.description(
-    "A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box"
-  ),
-  CollapsedComponent: PropTypes.func.description("A component which is renderer when the left-nav is collapsed"),
-  itemOpts: PropTypes.object.description("Item options")
+import {
+  PropTypes,
+  describe,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS, outOfTheBoxTypes } from "./constants/index.js";
+const defaultProps = {
+  expandedWidth: "240px",
+  loading: false,
+  expanded: false,
+  openedItem: null,
+  footerLabel: "",
+  onSelectedChange: () => null,
+  onFocusChange: () => null,
+  onFooterExpand: () => null,
+  onFooterClose: () => null,
+  items: [],
+  labelOverflow: "wrap",
+  onItemClick: () => null,
+  isSkeleton: false,
+  hideFooterPipe: false
 };
-const leftNavigationProps = {
-  containerProps: PropTypes.shape({ expandedWidth: PropTypes.string }).description("Set of Properties attached to the main container").defaultValue({ expandedWidth: "240px" }),
+const DSLeftNavigationPropTypes = {
+  ...getPropsPerSlotPropTypes(DSLeftNavigationName, LEFT_NAVIGATION_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  expandedWidth: PropTypes.string.description("Width of the navigation when expanded").defaultValue("240px"),
   expanded: PropTypes.bool.description("Whether to show the left navigation expanded or collapsed").defaultValue(false),
   loading: PropTypes.bool.description("Whether the left-nav is loading").defaultValue(false),
   openedItem: PropTypes.string.description("The id of the left navigation item you want to be opened").defaultValue(null),
-  footerLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).description(
-    "The label to show in the footer item"
-  ),
+  footerLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).description("The label to show in the footer item").defaultValue(""),
   FooterLabelComponent: PropTypes.func.description("The component to show in the footer item"),
-  onFooterExpand: PropTypes.func.description("The function to call when the left-nav is opened via the footer"),
-  onFooterClose: PropTypes.func.description("The function to call when the left-nav is closed via the footer"),
+  onFooterExpand: PropTypes.func.description("The function to call when the left-nav is opened via the footer").defaultValue(() => null),
+  onFooterClose: PropTypes.func.description("The function to call when the left-nav is closed via the footer").defaultValue(() => null),
   onSelectedChange: PropTypes.func.description("A callback which triggers when the selected item changes").defaultValue(() => null),
   onFocusChange: PropTypes.func.description("A callback which triggers when the focused item changes").defaultValue(() => null),
   items: PropTypes.arrayOf(PropTypes.object).description("The array of items you want to render inside the left nav").defaultValue([]),
-  disableDefaultSelection: PropTypes.bool.description("Whether you do not want to automatically select the first body item").defaultValue(false),
+  labelOverflow: PropTypes.oneOf(["wrap", "wrapAll", "truncate"]).description("How to handle label overflow").defaultValue("wrap"),
+  onItemClick: PropTypes.func.description("Callback when an item is clicked").defaultValue(() => null),
   isSkeleton: PropTypes.bool.description("Whether the component is in skeleton mode").defaultValue(false),
-  hideFooterPipe: PropTypes.bool.description("Whether to hide the pipe in the footer").defaultValue(false)
+  hideFooterPipe: PropTypes.bool.description("Whether to hide the pipe in the footer").defaultValue(false),
+  selectedItem: PropTypes.string.description("The currently selected item"),
+  selectedParent: PropTypes.string.description("The parent of the currently selected item"),
+  disableDefaultSelection: PropTypes.bool.description("Whether you do not want to automatically select the first body item").defaultValue(false),
+  withoutBodyShadow: PropTypes.bool.description("Whether to hide the body shadow"),
+  actionRef: PropTypes.object.description("Ref for controlling focus"),
+  HeaderComponent: PropTypes.object.description("Custom header component"),
+  BodyHeaderComponent: PropTypes.object.description("Custom body header component")
+};
+const DSLeftNavigationPropTypesSchema = DSLeftNavigationPropTypes;
+const DSLeftNavigationItemPropTypes = {
+  type: PropTypes.oneOf(outOfTheBoxTypes).description("out of the box types"),
+  dsId: PropTypes.string.description("unique identifier for the left nav item"),
+  Component: PropTypes.func.description(
+    "A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box"
+  ),
+  CollapsedComponent: PropTypes.func.description("A component which is renderer when the left-nav is collapsed"),
+  itemOpts: PropTypes.object.description("Item options")
 };
+const DSLeftNavigationItemPropTypesSchema = DSLeftNavigationItemPropTypes;
 const LeftNavItemProps = () => null;
 LeftNavItemProps.displayName = "LeftNavItemProps";
 const LeftNavItemPropsSchema = describe(LeftNavItemProps);
-LeftNavItemPropsSchema.propTypes = leftNavItemProps;
+LeftNavItemPropsSchema.propTypes = DSLeftNavigationItemPropTypes;
 const LeftNavItemOptions = () => null;
 LeftNavItemOptions.displayName = "LeftNavItemOptions";
 const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);
-LeftNavItemOptionsSchema.propTypes = leftNavItemProps;
+LeftNavItemOptionsSchema.propTypes = DSLeftNavigationItemPropTypes;
 export {
+  DSLeftNavigationItemPropTypes,
+  DSLeftNavigationItemPropTypesSchema,
+  DSLeftNavigationPropTypes,
+  DSLeftNavigationPropTypesSchema,
   LeftNavItemOptionsSchema,
   LeftNavItemPropsSchema,
-  leftNavItemProps,
-  leftNavigationProps
+  defaultProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { type Theme } from '@elliemae/ds-system';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { outOfTheBoxTypes } from './outOfTheBox/index.js';\nimport type { ContextProps } from './LeftNavigationContext.js';\n\ntype ColorsKey = keyof Theme['colors'];\n\nexport declare namespace DSLeftNavigationT {\n  export type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';\n\n  export interface DefaultProps {\n    expanded: boolean;\n    expandedWidth: string;\n    openedItem: string | null;\n    items: GenericItemItemProps[];\n    footerLabel: string;\n    labelOverflow: LabelOveflowT;\n    onSelectedChange: (item: string | null) => void;\n    onFocusChange: (item: string | null) => void;\n    onFooterExpand: () => void;\n    onFooterClose: () => void;\n    onItemClick: (item: GenericItemItemProps, e: React.MouseEvent<HTMLElement>) => void;\n    loading: boolean;\n    isSkeleton: boolean;\n    hideFooterPipe: boolean;\n  }\n  export interface OptionalProps {\n    FooterLabelComponent?: React.ComponentType<unknown>;\n    selectedItem?: string | null;\n    selectedParent?: string | null;\n    disableDefaultSelection?: boolean;\n    withoutBodyShadow?: boolean;\n    actionRef?: React.RefObject<{ setFocusedItem: React.Dispatch<React.SetStateAction<string | null>> }>;\n    HeaderComponent?: GenericItemItemProps;\n    BodyHeaderComponent?: GenericItemItemProps;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n\n  export type OutOfTheBoxT =\n    | 'ds-left-nav-item-header'\n    | 'ds-left-nav-item-link'\n    | 'ds-left-nav-item-submenu'\n    | 'ds-left-nav-item-controlled-drilldown'\n    | 'ds-left-nav-item-uncontrolled-drilldown'\n    | 'ds-left-nav-item-section'\n    | 'ds-left-nav-item-separator'\n    | 'ds-left-nav-item-text-label'\n    | 'ds-left-nav-item-with-date';\n\n  export interface ItemOptsT extends Record<string, unknown> {\n    label?: string | JSX.Element;\n    labelBold?: boolean;\n    labelColor?: [ColorsKey, keyof Theme['colors'][ColorsKey]];\n    labelOverflow?: LabelOveflowT;\n    labelRightSection?: string | JSX.Element;\n    selectable?: boolean;\n    focuseable?: boolean;\n    startOpened?: boolean;\n    isOpened?: boolean;\n    openable?: boolean;\n    closable?: boolean;\n    indent?: number;\n    LeftComponent?: React.ComponentType<ComponentProps>;\n    RightComponent?: React.ComponentType<ComponentProps>;\n    BottomComponent?: React.ComponentType<ComponentProps>;\n    ariaLabel?: string;\n    ariaRole?: string;\n    ariaLive?: string;\n    ariaExpanded?: boolean;\n    ariaDescribedBy?: string;\n    items?: GenericItemItemProps[];\n    labelDataTestId?: string;\n    skeletonVariant?: 'item' | 'subitem';\n  }\n\n  export interface ComponentProps {\n    item: GenericItemItemProps;\n    ctx: ContextProps;\n  }\n  export interface GenericItemItemProps {\n    dsId?: string;\n    type?: string;\n    CollapsedComponent?: React.ComponentType<ComponentProps> | null;\n    Component?: React.ComponentType<ComponentProps>;\n    itemOpts: ItemOptsT;\n  }\n  export interface OutOfTheBoxMapItemT {\n    item: GenericItemItemProps;\n  }\n  export interface ItemRendererT {\n    item: GenericItemItemProps;\n    subitems?: JSX.Element[];\n    minHeight?: string;\n    paddingTop?: string;\n    onClick?: () => void;\n    shadowStyle?: (opened: boolean, type?: string) => (theme: Theme) => string;\n    hasBorderBottom?: boolean;\n    borderBottomMr?: string;\n    children: React.ReactNode;\n  }\n}\nexport const leftNavItemProps = {\n  type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n  dsId: PropTypes.string.description('unique identifier for the left nav item'),\n  Component: PropTypes.func.description(\n    \"A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box\",\n  ),\n  CollapsedComponent: PropTypes.func.description('A component which is renderer when the left-nav is collapsed'),\n  itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n  containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n    .description('Set of Properties attached to the main container')\n    .defaultValue({ expandedWidth: '240px' }),\n  expanded: PropTypes.bool.description('Whether to show the left navigation expanded or collapsed').defaultValue(false),\n  loading: PropTypes.bool.description('Whether the left-nav is loading').defaultValue(false),\n  openedItem: PropTypes.string\n    .description('The id of the left navigation item you want to be opened')\n    .defaultValue(null),\n  footerLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).description(\n    'The label to show in the footer item',\n  ),\n  FooterLabelComponent: PropTypes.func.description('The component to show in the footer item'),\n  onFooterExpand: PropTypes.func.description('The function to call when the left-nav is opened via the footer'),\n  onFooterClose: PropTypes.func.description('The function to call when the left-nav is closed via the footer'),\n  onSelectedChange: PropTypes.func\n    .description('A callback which triggers when the selected item changes')\n    .defaultValue(() => null),\n  onFocusChange: PropTypes.func\n    .description('A callback which triggers when the focused item changes')\n    .defaultValue(() => null),\n  items: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of items you want to render inside the left nav')\n    .defaultValue([]),\n  disableDefaultSelection: PropTypes.bool\n    .description('Whether you do not want to automatically select the first body item')\n    .defaultValue(false),\n  isSkeleton: PropTypes.bool.description('Whether the component is in skeleton mode').defaultValue(false),\n  hideFooterPipe: PropTypes.bool.description('Whether to hide the pipe in the footer').defaultValue(false),\n} as unknown as WeakValidationMap<DSLeftNavigationT.Props>;\n\nconst LeftNavItemProps = () => null;\nLeftNavItemProps.displayName = 'LeftNavItemProps';\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nLeftNavItemOptions.displayName = 'LeftNavItemOptions';\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,gBAAgB;AAGpC,SAAS,wBAAwB;AA6G1B,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,gBAAgB,EAAE,YAAY,sBAAsB;AAAA,EAC1E,MAAM,UAAU,OAAO,YAAY,yCAAyC;AAAA,EAC5E,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,oBAAoB,UAAU,KAAK,YAAY,8DAA8D;AAAA,EAC7G,UAAU,UAAU,OAAO,YAAY,cAAc;AACvD;AAEO,MAAM,sBAAsB;AAAA,EACjC,gBAAgB,UAAU,MAAM,EAAE,eAAe,UAAU,OAAO,CAAC,EAChE,YAAY,kDAAkD,EAC9D,aAAa,EAAE,eAAe,QAAQ,CAAC;AAAA,EAC1C,UAAU,UAAU,KAAK,YAAY,2DAA2D,EAAE,aAAa,KAAK;AAAA,EACpH,SAAS,UAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,UAAU,OACnB,YAAY,0DAA0D,EACtE,aAAa,IAAI;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EACA,sBAAsB,UAAU,KAAK,YAAY,0CAA0C;AAAA,EAC3F,gBAAgB,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAC5G,eAAe,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAC3G,kBAAkB,UAAU,KACzB,YAAY,0DAA0D,EACtE,aAAa,MAAM,IAAI;AAAA,EAC1B,eAAe,UAAU,KACtB,YAAY,yDAAyD,EACrE,aAAa,MAAM,IAAI;AAAA,EAC1B,OAAO,UAAU,QAAQ,UAAU,MAAM,EACtC,YAAY,2DAA2D,EACvE,aAAa,CAAC,CAAC;AAAA,EAClB,yBAAyB,UAAU,KAChC,YAAY,qEAAqE,EACjF,aAAa,KAAK;AAAA,EACrB,YAAY,UAAU,KAAK,YAAY,2CAA2C,EAAE,aAAa,KAAK;AAAA,EACtG,gBAAgB,UAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,KAAK;AACzG;AAEA,MAAM,mBAAmB,MAAM;AAC/B,iBAAiB,cAAc;AACxB,MAAM,yBAAyB,SAAS,gBAAgB;AAC/D,uBAAuB,YAAY;AAEnC,MAAM,qBAAqB,MAAM;AACjC,mBAAmB,cAAc;AAC1B,MAAM,2BAA2B,SAAS,kBAAkB;AACnE,yBAAyB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  describe,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type Theme } from '@elliemae/ds-system';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS, outOfTheBoxTypes } from './constants/index.js';\nimport type { ContextProps } from './LeftNavigationContext.js';\n\ntype ColorsKey = keyof Theme['colors'];\n\nexport declare namespace DSLeftNavigationT {\n  export type SlotFunctionArguments = {\n    dsLeftnavigationAlertsIcon: () => object;\n    dsLeftnavigationAreasContainer: () => object;\n    dsLeftnavigationArrowContainer: () => object;\n    dsLeftnavigationBodyAreasContainer: () => object;\n    dsLeftnavigationBodyHeaderArea: () => object;\n    dsLeftnavigationBodyItemsArea: () => object;\n    dsLeftnavigationBottomContainer: () => object;\n    dsLeftnavigationCollapsedContainer: () => object;\n    dsLeftnavigationExceptionsIcon: () => object;\n    dsLeftnavigationFooterItem: () => object;\n    dsLeftnavigationFooterLabel: () => object;\n    dsLeftnavigationFooterMenu: () => object;\n    dsLeftnavigationFooterMenuCollapse: () => object;\n    dsLeftnavigationFooterSeparator: () => object;\n    dsLeftnavigationHeaderArea: () => object;\n    dsLeftnavigationItem: () => object;\n    dsLeftnavigationItemBorderBottom: () => object;\n    dsLeftnavigationItemChevronBack: () => object;\n    dsLeftnavigationItemDate: () => object;\n    dsLeftnavigationItemLabel: () => object;\n    dsLeftnavigationItemSeparator: () => object;\n    dsLeftnavigationLeftContainer: () => object;\n    dsLeftnavigationLoaderWrapper: () => object;\n    dsLeftnavigationMessagesIcon: () => object;\n    dsLeftnavigationNotificationsContainer: () => object;\n    dsLeftnavigationNotificationsIcon: () => object;\n    dsLeftnavigationRightContainer: () => object;\n    dsLeftnavigationRoot: () => object;\n    dsLeftnavigationSectionContainer: () => object;\n    dsLeftnavigationSectionLabel: () => object;\n    dsLeftnavigationSectionRightLabel: () => object;\n    dsLeftnavigationVerticalSeparator: () => object;\n  };\n  export type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    expanded: boolean;\n    expandedWidth: string;\n    openedItem: string | null;\n    items: GenericItemItemProps[];\n    footerLabel: string;\n    labelOverflow: LabelOveflowT;\n    onSelectedChange: (item: string | null) => void;\n    onFocusChange: (item: string | null) => void;\n    onFooterExpand: () => void;\n    onFooterClose: () => void;\n    onItemClick: (item: GenericItemItemProps, e: React.MouseEvent<HTMLElement>) => void;\n    loading: boolean;\n    isSkeleton: boolean;\n    hideFooterPipe: boolean;\n  }\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSLeftNavigationName, typeof LEFT_NAVIGATION_SLOTS> {\n    FooterLabelComponent?: React.ComponentType<unknown>;\n    selectedItem?: string | null;\n    selectedParent?: string | null;\n    disableDefaultSelection?: boolean;\n    withoutBodyShadow?: boolean;\n    actionRef?: React.RefObject<{ setFocusedItem: React.Dispatch<React.SetStateAction<string | null>> }>;\n    HeaderComponent?: GenericItemItemProps;\n    BodyHeaderComponent?: GenericItemItemProps;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export type OutOfTheBoxT =\n    | 'ds-left-nav-item-header'\n    | 'ds-left-nav-item-link'\n    | 'ds-left-nav-item-submenu'\n    | 'ds-left-nav-item-controlled-drilldown'\n    | 'ds-left-nav-item-uncontrolled-drilldown'\n    | 'ds-left-nav-item-section'\n    | 'ds-left-nav-item-separator'\n    | 'ds-left-nav-item-text-label'\n    | 'ds-left-nav-item-with-date';\n\n  export interface ItemOptsT extends Record<string, unknown> {\n    label?: string | JSX.Element;\n    labelBold?: boolean;\n    labelColor?: [ColorsKey, keyof Theme['colors'][ColorsKey]];\n    labelOverflow?: LabelOveflowT;\n    labelRightSection?: string | JSX.Element;\n    selectable?: boolean;\n    focuseable?: boolean;\n    startOpened?: boolean;\n    isOpened?: boolean;\n    openable?: boolean;\n    closable?: boolean;\n    indent?: number;\n    LeftComponent?: React.ComponentType<ComponentProps>;\n    RightComponent?: React.ComponentType<ComponentProps>;\n    BottomComponent?: React.ComponentType<ComponentProps>;\n    ariaLabel?: string;\n    ariaRole?: string;\n    ariaLive?: string;\n    ariaExpanded?: boolean;\n    ariaDescribedBy?: string;\n    items?: GenericItemItemProps[];\n    labelDataTestId?: string;\n    skeletonVariant?: 'item' | 'subitem';\n  }\n\n  export interface ComponentProps {\n    item: GenericItemItemProps;\n    ctx: ContextProps;\n  }\n  export interface GenericItemItemProps {\n    dsId?: string;\n    type?: string;\n    CollapsedComponent?: React.ComponentType<ComponentProps> | null;\n    Component?: React.ComponentType<ComponentProps>;\n    itemOpts: ItemOptsT;\n  }\n  export interface OutOfTheBoxMapItemT {\n    item: GenericItemItemProps;\n  }\n  export interface ItemRendererT {\n    item: GenericItemItemProps;\n    subitems?: JSX.Element[];\n    minHeight?: string;\n    paddingTop?: string;\n    onClick?: () => void;\n    shadowStyle?: (opened: boolean, type?: string) => (theme: Theme) => string;\n    hasBorderBottom?: boolean;\n    borderBottomMr?: string;\n    children: React.ReactNode;\n  }\n}\n\nexport const defaultProps: DSLeftNavigationT.DefaultProps = {\n  expandedWidth: '240px',\n  loading: false,\n  expanded: false,\n  openedItem: null,\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  items: [],\n  labelOverflow: 'wrap' as DSLeftNavigationT.LabelOveflowT,\n  onItemClick: () => null,\n  isSkeleton: false,\n  hideFooterPipe: false,\n};\n\nexport const DSLeftNavigationPropTypes: DSPropTypesSchema<DSLeftNavigationT.Props> = {\n  ...getPropsPerSlotPropTypes(DSLeftNavigationName, LEFT_NAVIGATION_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n\n  expandedWidth: PropTypes.string.description('Width of the navigation when expanded').defaultValue('240px'),\n  expanded: PropTypes.bool.description('Whether to show the left navigation expanded or collapsed').defaultValue(false),\n  loading: PropTypes.bool.description('Whether the left-nav is loading').defaultValue(false),\n  openedItem: PropTypes.string\n    .description('The id of the left navigation item you want to be opened')\n    .defaultValue(null),\n  footerLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.string])\n    .description('The label to show in the footer item')\n    .defaultValue(''),\n  FooterLabelComponent: PropTypes.func.description('The component to show in the footer item'),\n  onFooterExpand: PropTypes.func\n    .description('The function to call when the left-nav is opened via the footer')\n    .defaultValue(() => null),\n  onFooterClose: PropTypes.func\n    .description('The function to call when the left-nav is closed via the footer')\n    .defaultValue(() => null),\n  onSelectedChange: PropTypes.func\n    .description('A callback which triggers when the selected item changes')\n    .defaultValue(() => null),\n  onFocusChange: PropTypes.func\n    .description('A callback which triggers when the focused item changes')\n    .defaultValue(() => null),\n  items: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of items you want to render inside the left nav')\n    .defaultValue([]),\n  labelOverflow: PropTypes.oneOf(['wrap', 'wrapAll', 'truncate'])\n    .description('How to handle label overflow')\n    .defaultValue('wrap'),\n  onItemClick: PropTypes.func.description('Callback when an item is clicked').defaultValue(() => null),\n  isSkeleton: PropTypes.bool.description('Whether the component is in skeleton mode').defaultValue(false),\n  hideFooterPipe: PropTypes.bool.description('Whether to hide the pipe in the footer').defaultValue(false),\n  selectedItem: PropTypes.string.description('The currently selected item'),\n  selectedParent: PropTypes.string.description('The parent of the currently selected item'),\n  disableDefaultSelection: PropTypes.bool\n    .description('Whether you do not want to automatically select the first body item')\n    .defaultValue(false),\n  withoutBodyShadow: PropTypes.bool.description('Whether to hide the body shadow'),\n  actionRef: PropTypes.object.description('Ref for controlling focus'),\n  HeaderComponent: PropTypes.object.description('Custom header component'),\n  BodyHeaderComponent: PropTypes.object.description('Custom body header component'),\n};\n\nexport const DSLeftNavigationPropTypesSchema =\n  DSLeftNavigationPropTypes as unknown as ValidationMap<DSLeftNavigationT.Props>;\n\nexport const DSLeftNavigationItemPropTypes: DSPropTypesSchema<DSLeftNavigationT.GenericItemItemProps> = {\n  type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n  dsId: PropTypes.string.description('unique identifier for the left nav item'),\n  Component: PropTypes.func.description(\n    \"A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box\",\n  ),\n  CollapsedComponent: PropTypes.func.description('A component which is renderer when the left-nav is collapsed'),\n  itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const DSLeftNavigationItemPropTypesSchema =\n  DSLeftNavigationItemPropTypes as unknown as ValidationMap<DSLeftNavigationT.GenericItemItemProps>;\n\nconst LeftNavItemProps = () => null;\nLeftNavItemProps.displayName = 'LeftNavItemProps';\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = DSLeftNavigationItemPropTypes;\n\nconst LeftNavItemOptions = () => null;\nLeftNavItemOptions.displayName = 'LeftNavItemOptions';\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = DSLeftNavigationItemPropTypes;\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,71 @@
+import * as React from "react";
+const SlotPropsAsObject = {
+  dsLeftnavigationAlertsIcon: { "aria-label": "just a typescript test" },
+  dsLeftnavigationAreasContainer: { "aria-label": "just a typescript test" },
+  dsLeftnavigationArrowContainer: { "aria-label": "just a typescript test" },
+  dsLeftnavigationBodyAreasContainer: { "aria-label": "just a typescript test" },
+  dsLeftnavigationBodyHeaderArea: { "aria-label": "just a typescript test" },
+  dsLeftnavigationBodyItemsArea: { "aria-label": "just a typescript test" },
+  dsLeftnavigationBottomContainer: { "aria-label": "just a typescript test" },
+  dsLeftnavigationCollapsedContainer: { "aria-label": "just a typescript test" },
+  dsLeftnavigationExceptionsIcon: { "aria-label": "just a typescript test" },
+  dsLeftnavigationFooterItem: { "aria-label": "just a typescript test" },
+  dsLeftnavigationFooterLabel: { "aria-label": "just a typescript test" },
+  dsLeftnavigationFooterMenu: { "aria-label": "just a typescript test" },
+  dsLeftnavigationFooterMenuCollapse: { "aria-label": "just a typescript test" },
+  dsLeftnavigationFooterSeparator: { "aria-label": "just a typescript test" },
+  dsLeftnavigationHeaderArea: { "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" },
+  dsLeftnavigationItemDate: { "aria-label": "just a typescript test" },
+  dsLeftnavigationItemLabel: { "aria-label": "just a typescript test" },
+  dsLeftnavigationItemSeparator: { "aria-label": "just a typescript test" },
+  dsLeftnavigationLeftContainer: { "aria-label": "just a typescript test" },
+  dsLeftnavigationLoaderWrapper: { "aria-label": "just a typescript test" },
+  dsLeftnavigationMessagesIcon: { "aria-label": "just a typescript test" },
+  dsLeftnavigationNotificationsContainer: { "aria-label": "just a typescript test" },
+  dsLeftnavigationNotificationsIcon: { "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" },
+  dsLeftnavigationVerticalSeparator: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsLeftnavigationAlertsIcon: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationAreasContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationArrowContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationBodyAreasContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationBodyHeaderArea: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationBodyItemsArea: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationBottomContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationCollapsedContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationExceptionsIcon: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationFooterItem: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationFooterLabel: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationFooterMenu: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationFooterMenuCollapse: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationFooterSeparator: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationHeaderArea: () => ({ "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" }),
+  dsLeftnavigationItemDate: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationItemLabel: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationItemSeparator: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationLeftContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationLoaderWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationMessagesIcon: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationNotificationsContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationNotificationsIcon: () => ({ "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" }),
+  dsLeftnavigationVerticalSeparator: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

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

@@ -0,0 +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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",
+  "names": []
+}

package/dist/esm/typescript-testing/typescript-left-navigation-valid.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createRef } from "react";
 import { LeftNavigation } from "../index.js";
-import { ITEM_TYPES } from "../exported-related/constants.js";
+import { ITEM_TYPES } from "../constants/index.js";
 const ref = createRef();
 const testOptionalProps = {
   selectedItem: "selected item",

package/dist/esm/typescript-testing/typescript-left-navigation-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-left-navigation-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { createRef } from 'react';\nimport { LeftNavigation } from '../index.js';\nimport type { DSLeftNavigationT } from '../index.js';\nimport { ITEM_TYPES } from '../exported-related/constants.js';\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSLeftNavigationT.Props;\ntype ComponentPropsInternals = DSLeftNavigationT.InternalProps;\ntype ComponentPropsDefaultProps = DSLeftNavigationT.DefaultProps;\ntype ComponentPropsOptionalProps = DSLeftNavigationT.OptionalProps;\n\nconst ref = createRef<{ setFocusedItem: React.Dispatch<React.SetStateAction<string | null>> }>();\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  selectedItem: 'selected item',\n  selectedParent: 'parent',\n  disableDefaultSelection: true,\n  withoutBodyShadow: true,\n  actionRef: ref,\n  HeaderComponent: {\n    type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n    dsId: 'application-header-id',\n    CollapsedComponent: () => <div />,\n    itemOpts: {\n      label: 'Notifications',\n    },\n  },\n  BodyHeaderComponent: {\n    type: ITEM_TYPES.LEFT_NAV_ITEM_SUBMENU,\n    dsId: 'application-submenu-forms-id',\n    CollapsedComponent: () => <div />,\n    itemOpts: {\n      label: 'Forms',\n    },\n  },\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  expanded: true,\n  expandedWidth: '100px',\n  openedItem: 'opened item',\n  items: [\n    {\n      type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n      dsId: 'application-header-id',\n      CollapsedComponent: () => <div />,\n      itemOpts: {\n        label: 'Notifications',\n      },\n    },\n  ],\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  labelOverflow: 'wrap',\n  onItemClick: () => null,\n  isSkeleton: false,\n  loading: false,\n  hideFooterPipe: false,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  expanded: true,\n  expandedWidth: '100px',\n  openedItem: 'opened item',\n  items: [\n    {\n      type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n      dsId: 'application-header-id',\n      CollapsedComponent: () => <div />,\n      itemOpts: {\n        label: 'Notifications',\n      },\n    },\n  ],\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  labelOverflow: 'wrap',\n  onItemClick: () => null,\n  isSkeleton: false,\n  loading: false,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  expanded: true,\n  expandedWidth: '100px',\n  openedItem: 'opened item',\n  items: [\n    {\n      type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n      dsId: 'application-header-id',\n      CollapsedComponent: () => <div />,\n      itemOpts: {\n        label: 'Notifications',\n      },\n    },\n  ],\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  labelOverflow: 'wrap',\n  onItemClick: () => null,\n  isSkeleton: false,\n  loading: false,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  expanded: true,\n  expandedWidth: '100px',\n  openedItem: 'opened item',\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  labelOverflow: 'wrap',\n  onItemClick: () => null,\n  isSkeleton: false,\n  loading: false,\n} as const;\n\nconst ComponentDummy = () => <div />;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <LeftNavigation {...testExplicitDefinition} />\n    <LeftNavigation {...testInferedTypeCompatibility} />\n    <LeftNavigation {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <LeftNavigation\n      expanded\n      expandedWidth=\"100px\"\n      openedItem=\"opened item\"\n      items={[\n        {\n          type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n          dsId: 'application-header-id',\n          CollapsedComponent: ComponentDummy,\n          itemOpts: {\n            label: 'Notifications',\n          },\n        },\n      ]}\n      footerLabel=\"\"\n      onSelectedChange={() => null}\n      onFocusChange={() => null}\n      onFooterExpand={() => null}\n      onFooterClose={() => null}\n      labelOverflow=\"wrap\"\n      onItemClick={() => null}\n    />\n  </>\n);\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { createRef } from 'react';\nimport { LeftNavigation } from '../index.js';\nimport type { DSLeftNavigationT } from '../index.js';\nimport { ITEM_TYPES } from '../constants/index.js';\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSLeftNavigationT.Props;\ntype ComponentPropsInternals = DSLeftNavigationT.InternalProps;\ntype ComponentPropsDefaultProps = DSLeftNavigationT.DefaultProps;\ntype ComponentPropsOptionalProps = DSLeftNavigationT.OptionalProps;\n\nconst ref = createRef<{ setFocusedItem: React.Dispatch<React.SetStateAction<string | null>> }>();\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  selectedItem: 'selected item',\n  selectedParent: 'parent',\n  disableDefaultSelection: true,\n  withoutBodyShadow: true,\n  actionRef: ref,\n  HeaderComponent: {\n    type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n    dsId: 'application-header-id',\n    CollapsedComponent: () => <div />,\n    itemOpts: {\n      label: 'Notifications',\n    },\n  },\n  BodyHeaderComponent: {\n    type: ITEM_TYPES.LEFT_NAV_ITEM_SUBMENU,\n    dsId: 'application-submenu-forms-id',\n    CollapsedComponent: () => <div />,\n    itemOpts: {\n      label: 'Forms',\n    },\n  },\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  expanded: true,\n  expandedWidth: '100px',\n  openedItem: 'opened item',\n  items: [\n    {\n      type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n      dsId: 'application-header-id',\n      CollapsedComponent: () => <div />,\n      itemOpts: {\n        label: 'Notifications',\n      },\n    },\n  ],\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  labelOverflow: 'wrap',\n  onItemClick: () => null,\n  isSkeleton: false,\n  loading: false,\n  hideFooterPipe: false,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  expanded: true,\n  expandedWidth: '100px',\n  openedItem: 'opened item',\n  items: [\n    {\n      type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n      dsId: 'application-header-id',\n      CollapsedComponent: () => <div />,\n      itemOpts: {\n        label: 'Notifications',\n      },\n    },\n  ],\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  labelOverflow: 'wrap',\n  onItemClick: () => null,\n  isSkeleton: false,\n  loading: false,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  expanded: true,\n  expandedWidth: '100px',\n  openedItem: 'opened item',\n  items: [\n    {\n      type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n      dsId: 'application-header-id',\n      CollapsedComponent: () => <div />,\n      itemOpts: {\n        label: 'Notifications',\n      },\n    },\n  ],\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  labelOverflow: 'wrap',\n  onItemClick: () => null,\n  isSkeleton: false,\n  loading: false,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  expanded: true,\n  expandedWidth: '100px',\n  openedItem: 'opened item',\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  labelOverflow: 'wrap',\n  onItemClick: () => null,\n  isSkeleton: false,\n  loading: false,\n} as const;\n\nconst ComponentDummy = () => <div />;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <LeftNavigation {...testExplicitDefinition} />\n    <LeftNavigation {...testInferedTypeCompatibility} />\n    <LeftNavigation {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <LeftNavigation\n      expanded\n      expandedWidth=\"100px\"\n      openedItem=\"opened item\"\n      items={[\n        {\n          type: ITEM_TYPES.LEFT_NAV_ITEM_HEADER,\n          dsId: 'application-header-id',\n          CollapsedComponent: ComponentDummy,\n          itemOpts: {\n            label: 'Notifications',\n          },\n        },\n      ]}\n      footerLabel=\"\"\n      onSelectedChange={() => null}\n      onFocusChange={() => null}\n      onFooterExpand={() => null}\n      onFooterClose={() => null}\n      labelOverflow=\"wrap\"\n      onItemClick={() => null}\n    />\n  </>\n);\n"],
   "mappings": "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",
   "names": []
 }

package/dist/types/LeftNavigationContext.d.ts

@@ -1,5 +1,5 @@
-import type { MutableRefObject, RefObject } from 'react';
 import type React from 'react';
+import type { MutableRefObject, RefObject } from 'react';
 import type { DSLeftNavigationT } from './react-desc-prop-types.js';
 export type ContextProps = {
     selectedItem: string | null;
@@ -15,7 +15,6 @@ export type ContextProps = {
     leftNavProps: DSLeftNavigationT.InternalProps;
     expandedForAnimation: boolean;
 };
-export declare const defaultProps: DSLeftNavigationT.DefaultProps;
 export declare const defaultContext: ContextProps;
 export declare const LeftNavContext: React.Context<ContextProps>;
 export default LeftNavContext;

package/dist/types/constants/{constants.d.ts → index.d.ts}

@@ -112,3 +112,35 @@ export declare const DSLeftNavigationSlots: {
     readonly SECTION_RIGHT_LABEL: "section-right-label";
     readonly VERTICAL_SEPARATOR: "vertical-separator";
 };
+export declare const LABEL_OVERFLOW: {
+    WRAP: string;
+    WRAP_ALL: string;
+    TRUNCATE: string;
+};
+export declare const ITEM_TYPES: {
+    LEFT_NAV_ITEM_HEADER: string;
+    LEFT_NAV_ITEM_LINK: string;
+    LEFT_NAV_ITEM_SUBMENU: string;
+    LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: string;
+    LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: string;
+    LEFT_NAV_ITEM_SECTION: string;
+    LEFT_NAV_ITEM_SEPARATOR: string;
+    LEFT_NAV_ITEM_SKELETON: string;
+    LEFT_NAV_ITEM_TEXT_LABEL: string;
+    LEFT_NAV_ITEM_WITH_DATE: string;
+};
+export declare const outOfTheBoxTypes: string[];
+export declare const MAP_ITEMS_TO_SKELETON: {
+    readonly 'ds-left-nav-item-header': "item";
+    readonly 'ds-left-nav-item-link': "subitem";
+    readonly 'ds-left-nav-item-submenu': "item";
+    readonly 'ds-left-nav-item-controlled-drilldown': "subitem";
+    readonly 'ds-left-nav-item-uncontrolled-drilldown': "subitem";
+    readonly 'ds-left-nav-item-section': "subitem";
+    readonly 'ds-left-nav-item-separator': "subitem";
+    readonly 'ds-left-nav-item-text-label': "subitem";
+    readonly 'ds-left-nav-item-with-date': "subitem";
+};
+export declare const FOOTER_DS_ID = "ds-left-nav-__internal__-footer";
+export declare const FOOTER_MENU_CLOSE_DS_ID = "ds-left-nav-__internal__-footer-menu-close";
+export declare const CHEVRON_BACK_DS_ID = "ds-left-nav-__internal__-chevron-back";