@elliemae/ds-left-navigation 3.60.0-next.4 → 3.60.0-next.41

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

@@ -28,48 +28,78 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
+  DSLeftNavigationItemPropTypes: () => DSLeftNavigationItemPropTypes,
+  DSLeftNavigationItemPropTypesSchema: () => DSLeftNavigationItemPropTypesSchema,
+  DSLeftNavigationPropTypes: () => DSLeftNavigationPropTypes,
+  DSLeftNavigationPropTypesSchema: () => DSLeftNavigationPropTypesSchema,
   LeftNavItemOptionsSchema: () => LeftNavItemOptionsSchema,
   LeftNavItemPropsSchema: () => LeftNavItemPropsSchema,
-  leftNavItemProps: () => leftNavItemProps,
-  leftNavigationProps: () => leftNavigationProps
+  defaultProps: () => defaultProps
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_outOfTheBox = require("./outOfTheBox/index.js");
-const leftNavItemProps = {
-  type: import_ds_props_helpers.PropTypes.oneOf(import_outOfTheBox.outOfTheBoxTypes).description("out of the box types"),
-  dsId: import_ds_props_helpers.PropTypes.string.description("unique identifier for the left nav item"),
-  Component: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.func.description("A component which is renderer when the left-nav is collapsed"),
-  itemOpts: import_ds_props_helpers.PropTypes.object.description("Item options")
+var import_constants = require("./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: import_ds_props_helpers.PropTypes.shape({ expandedWidth: import_ds_props_helpers.PropTypes.string }).description("Set of Properties attached to the main container").defaultValue({ expandedWidth: "240px" }),
+const DSLeftNavigationPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSLeftNavigationName, import_constants.LEFT_NAVIGATION_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  expandedWidth: import_ds_props_helpers.PropTypes.string.description("Width of the navigation when expanded").defaultValue("240px"),
   expanded: import_ds_props_helpers.PropTypes.bool.description("Whether to show the left navigation expanded or collapsed").defaultValue(false),
   loading: import_ds_props_helpers.PropTypes.bool.description("Whether the left-nav is loading").defaultValue(false),
   openedItem: import_ds_props_helpers.PropTypes.string.description("The id of the left navigation item you want to be opened").defaultValue(null),
-  footerLabel: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.node, import_ds_props_helpers.PropTypes.string]).description(
-    "The label to show in the footer item"
-  ),
+  footerLabel: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.node, import_ds_props_helpers.PropTypes.string]).description("The label to show in the footer item").defaultValue(""),
   FooterLabelComponent: import_ds_props_helpers.PropTypes.func.description("The component to show in the footer item"),
-  onFooterExpand: import_ds_props_helpers.PropTypes.func.description("The function to call when the left-nav is opened via the footer"),
-  onFooterClose: import_ds_props_helpers.PropTypes.func.description("The function to call when the left-nav is closed via the footer"),
+  onFooterExpand: import_ds_props_helpers.PropTypes.func.description("The function to call when the left-nav is opened via the footer").defaultValue(() => null),
+  onFooterClose: import_ds_props_helpers.PropTypes.func.description("The function to call when the left-nav is closed via the footer").defaultValue(() => null),
   onSelectedChange: import_ds_props_helpers.PropTypes.func.description("A callback which triggers when the selected item changes").defaultValue(() => null),
   onFocusChange: import_ds_props_helpers.PropTypes.func.description("A callback which triggers when the focused item changes").defaultValue(() => null),
   items: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.object).description("The array of items you want to render inside the left nav").defaultValue([]),
-  disableDefaultSelection: import_ds_props_helpers.PropTypes.bool.description("Whether you do not want to automatically select the first body item").defaultValue(false),
+  labelOverflow: import_ds_props_helpers.PropTypes.oneOf(["wrap", "wrapAll", "truncate"]).description("How to handle label overflow").defaultValue("wrap"),
+  onItemClick: import_ds_props_helpers.PropTypes.func.description("Callback when an item is clicked").defaultValue(() => null),
   isSkeleton: import_ds_props_helpers.PropTypes.bool.description("Whether the component is in skeleton mode").defaultValue(false),
-  hideFooterPipe: import_ds_props_helpers.PropTypes.bool.description("Whether to hide the pipe in the footer").defaultValue(false)
+  hideFooterPipe: import_ds_props_helpers.PropTypes.bool.description("Whether to hide the pipe in the footer").defaultValue(false),
+  selectedItem: import_ds_props_helpers.PropTypes.string.description("The currently selected item"),
+  selectedParent: import_ds_props_helpers.PropTypes.string.description("The parent of the currently selected item"),
+  disableDefaultSelection: import_ds_props_helpers.PropTypes.bool.description("Whether you do not want to automatically select the first body item").defaultValue(false),
+  withoutBodyShadow: import_ds_props_helpers.PropTypes.bool.description("Whether to hide the body shadow"),
+  actionRef: import_ds_props_helpers.PropTypes.object.description("Ref for controlling focus"),
+  HeaderComponent: import_ds_props_helpers.PropTypes.object.description("Custom header component"),
+  BodyHeaderComponent: import_ds_props_helpers.PropTypes.object.description("Custom body header component")
+};
+const DSLeftNavigationPropTypesSchema = DSLeftNavigationPropTypes;
+const DSLeftNavigationItemPropTypes = {
+  type: import_ds_props_helpers.PropTypes.oneOf(import_constants.outOfTheBoxTypes).description("out of the box types"),
+  dsId: import_ds_props_helpers.PropTypes.string.description("unique identifier for the left nav item"),
+  Component: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.func.description("A component which is renderer when the left-nav is collapsed"),
+  itemOpts: import_ds_props_helpers.PropTypes.object.description("Item options")
 };
+const DSLeftNavigationItemPropTypesSchema = DSLeftNavigationItemPropTypes;
 const LeftNavItemProps = () => null;
 LeftNavItemProps.displayName = "LeftNavItemProps";
 const LeftNavItemPropsSchema = (0, import_ds_props_helpers.describe)(LeftNavItemProps);
-LeftNavItemPropsSchema.propTypes = leftNavItemProps;
+LeftNavItemPropsSchema.propTypes = DSLeftNavigationItemPropTypes;
 const LeftNavItemOptions = () => null;
 LeftNavItemOptions.displayName = "LeftNavItemOptions";
 const LeftNavItemOptionsSchema = (0, import_ds_props_helpers.describe)(LeftNavItemOptions);
-LeftNavItemOptionsSchema.propTypes = leftNavItemProps;
+LeftNavItemOptionsSchema.propTypes = DSLeftNavigationItemPropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAoC;AAGpC,yBAAiC;AA6G1B,MAAM,mBAAmB;AAAA,EAC9B,MAAM,kCAAU,MAAM,mCAAgB,EAAE,YAAY,sBAAsB;AAAA,EAC1E,MAAM,kCAAU,OAAO,YAAY,yCAAyC;AAAA,EAC5E,WAAW,kCAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,oBAAoB,kCAAU,KAAK,YAAY,8DAA8D;AAAA,EAC7G,UAAU,kCAAU,OAAO,YAAY,cAAc;AACvD;AAEO,MAAM,sBAAsB;AAAA,EACjC,gBAAgB,kCAAU,MAAM,EAAE,eAAe,kCAAU,OAAO,CAAC,EAChE,YAAY,kDAAkD,EAC9D,aAAa,EAAE,eAAe,QAAQ,CAAC;AAAA,EAC1C,UAAU,kCAAU,KAAK,YAAY,2DAA2D,EAAE,aAAa,KAAK;AAAA,EACpH,SAAS,kCAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,kCAAU,OACnB,YAAY,0DAA0D,EACtE,aAAa,IAAI;AAAA,EACpB,aAAa,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EACA,sBAAsB,kCAAU,KAAK,YAAY,0CAA0C;AAAA,EAC3F,gBAAgB,kCAAU,KAAK,YAAY,iEAAiE;AAAA,EAC5G,eAAe,kCAAU,KAAK,YAAY,iEAAiE;AAAA,EAC3G,kBAAkB,kCAAU,KACzB,YAAY,0DAA0D,EACtE,aAAa,MAAM,IAAI;AAAA,EAC1B,eAAe,kCAAU,KACtB,YAAY,yDAAyD,EACrE,aAAa,MAAM,IAAI;AAAA,EAC1B,OAAO,kCAAU,QAAQ,kCAAU,MAAM,EACtC,YAAY,2DAA2D,EACvE,aAAa,CAAC,CAAC;AAAA,EAClB,yBAAyB,kCAAU,KAChC,YAAY,qEAAqE,EACjF,aAAa,KAAK;AAAA,EACrB,YAAY,kCAAU,KAAK,YAAY,2CAA2C,EAAE,aAAa,KAAK;AAAA,EACtG,gBAAgB,kCAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,KAAK;AACzG;AAEA,MAAM,mBAAmB,MAAM;AAC/B,iBAAiB,cAAc;AACxB,MAAM,6BAAyB,kCAAS,gBAAgB;AAC/D,uBAAuB,YAAY;AAEnC,MAAM,qBAAqB,MAAM;AACjC,mBAAmB,cAAc;AAC1B,MAAM,+BAA2B,kCAAS,kBAAkB;AACnE,yBAAyB,YAAY;",
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,94 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("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/cjs/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/cjs/typescript-testing/typescript-left-navigation-valid.js

@@ -25,7 +25,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import__ = require("../index.js");
-var import_constants = require("../exported-related/constants.js");
+var import_constants = require("../constants/index.js");
 const ref = (0, import_react.createRef)();
 const testOptionalProps = {
   selectedItem: "selected item",

package/dist/cjs/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/esm/LeftNavigation.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
-import { leftNavigationProps } from "./react-desc-prop-types.js";
-import LeftNavigationContext, { defaultProps } from "./LeftNavigationContext.js";
-import { useLeftNavConfig } from "./configs/useLeftNavConfig.js";
+import { DSLeftNavigationPropTypesSchema, defaultProps } from "./react-desc-prop-types.js";
+import LeftNavigationContext from "./LeftNavigationContext.js";
+import { useLeftNavConfig } from "./config/useLeftNavConfig.js";
 import LeftNavContent from "./parts/LeftNavContent/index.js";
 const LeftNavigation = (props) => {
   const leftNavConfig = useLeftNavConfig(props);
@@ -12,7 +12,7 @@ const LeftNavigation = (props) => {
 LeftNavigation.defaultProps = defaultProps;
 LeftNavigation.displayName = "LeftNavigation";
 const LeftNavigationWithSchema = describe(LeftNavigation).description("Left Navigation");
-LeftNavigationWithSchema.propTypes = leftNavigationProps;
+LeftNavigationWithSchema.propTypes = DSLeftNavigationPropTypesSchema;
 export {
   LeftNavigation,
   LeftNavigationWithSchema

package/dist/esm/LeftNavigation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/LeftNavigation.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { leftNavigationProps } from './react-desc-prop-types.js';\nimport LeftNavigationContext, { defaultProps } from './LeftNavigationContext.js';\nimport { useLeftNavConfig } from './configs/useLeftNavConfig.js';\nimport LeftNavContent from './parts/LeftNavContent/index.js';\nimport type { DSLeftNavigationT } from './react-desc-prop-types.js';\n\nexport const LeftNavigation = (props: DSLeftNavigationT.Props): JSX.Element => {\n  const leftNavConfig = useLeftNavConfig(props);\n\n  return (\n    <LeftNavigationContext.Provider value={leftNavConfig}>\n      <LeftNavContent />\n    </LeftNavigationContext.Provider>\n  );\n};\n\nLeftNavigation.defaultProps = defaultProps;\nLeftNavigation.displayName = 'LeftNavigation';\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACajB;AAZN,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,OAAO,yBAAyB,oBAAoB;AACpD,SAAS,wBAAwB;AACjC,OAAO,oBAAoB;AAGpB,MAAM,iBAAiB,CAAC,UAAgD;AAC7E,QAAM,gBAAgB,iBAAiB,KAAK;AAE5C,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACrC,8BAAC,kBAAe,GAClB;AAEJ;AAEA,eAAe,eAAe;AAC9B,eAAe,cAAc;AACtB,MAAM,2BAA2B,SAAS,cAAc,EAAE,YAAY,iBAAiB;AAC9F,yBAAyB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSLeftNavigationPropTypesSchema, defaultProps } from './react-desc-prop-types.js';\nimport LeftNavigationContext from './LeftNavigationContext.js';\nimport { useLeftNavConfig } from './config/useLeftNavConfig.js';\nimport LeftNavContent from './parts/LeftNavContent/index.js';\nimport type { DSLeftNavigationT } from './react-desc-prop-types.js';\n\nexport const LeftNavigation = (props: DSLeftNavigationT.Props): JSX.Element => {\n  const leftNavConfig = useLeftNavConfig(props);\n\n  return (\n    <LeftNavigationContext.Provider value={leftNavConfig}>\n      <LeftNavContent />\n    </LeftNavigationContext.Provider>\n  );\n};\n\nLeftNavigation.defaultProps = defaultProps;\nLeftNavigation.displayName = 'LeftNavigation';\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');\nLeftNavigationWithSchema.propTypes = DSLeftNavigationPropTypesSchema;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACajB;AAZN,SAAS,gBAAgB;AACzB,SAAS,iCAAiC,oBAAoB;AAC9D,OAAO,2BAA2B;AAClC,SAAS,wBAAwB;AACjC,OAAO,oBAAoB;AAGpB,MAAM,iBAAiB,CAAC,UAAgD;AAC7E,QAAM,gBAAgB,iBAAiB,KAAK;AAE5C,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACrC,8BAAC,kBAAe,GAClB;AAEJ;AAEA,eAAe,eAAe;AAC9B,eAAe,cAAc;AACtB,MAAM,2BAA2B,SAAS,cAAc,EAAE,YAAY,iBAAiB;AAC9F,yBAAyB,YAAY;",
   "names": []
 }

package/dist/esm/LeftNavigationContext.js

@@ -1,21 +1,6 @@
 import * as React from "react";
 import { createContext } from "react";
-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
-};
+import { defaultProps } from "./react-desc-prop-types.js";
 const defaultContext = {
   leftNavProps: defaultProps,
   selectedItem: null,
@@ -35,7 +20,6 @@ var LeftNavigationContext_default = LeftNavContext;
 export {
   LeftNavContext,
   LeftNavigationContext_default as default,
-  defaultContext,
-  defaultProps
+  defaultContext
 };
 //# sourceMappingURL=LeftNavigationContext.js.map

package/dist/esm/LeftNavigationContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/LeftNavigationContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { MutableRefObject, RefObject } from 'react';\nimport type React from 'react';\nimport { createContext } from 'react';\nimport type { DSLeftNavigationT } from './react-desc-prop-types.js';\n\nexport type ContextProps = {\n  selectedItem: string | null;\n  setSelectedItem: React.Dispatch<React.SetStateAction<string | null>>;\n  selectedParent: string | null;\n  setSelectedParent: React.Dispatch<React.SetStateAction<string | null>>;\n  focusedItem: string | null;\n  setFocusedItem: React.Dispatch<React.SetStateAction<string | null>>;\n  openedDrilldowns: string[];\n  setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLDivElement>>>;\n  leftNavProps: DSLeftNavigationT.InternalProps;\n  expandedForAnimation: boolean;\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 defaultContext: ContextProps = {\n  leftNavProps: defaultProps,\n  selectedItem: null,\n  setSelectedItem: () => null,\n  selectedParent: null,\n  setSelectedParent: () => null,\n  focusedItem: null,\n  setFocusedItem: () => null,\n  expandedForAnimation: true,\n  openedDrilldowns: [],\n  setOpenedDrilldowns: () => null,\n  visibleItems: [],\n  visibleItemsRefs: { current: {} },\n};\n\nexport const LeftNavContext = createContext<ContextProps>(defaultContext);\n\nexport default LeftNavContext;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,qBAAqB;AAkBvB,MAAM,eAA+C;AAAA,EAC1D,eAAe;AAAA,EACf,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB,MAAM;AAAA,EACxB,eAAe,MAAM;AAAA,EACrB,gBAAgB,MAAM;AAAA,EACtB,eAAe,MAAM;AAAA,EACrB,OAAO,CAAC;AAAA,EACR,eAAe;AAAA,EACf,aAAa,MAAM;AAAA,EACnB,YAAY;AAAA,EACZ,gBAAgB;AAClB;AAEO,MAAM,iBAA+B;AAAA,EAC1C,cAAc;AAAA,EACd,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EACvB,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EACtB,sBAAsB;AAAA,EACtB,kBAAkB,CAAC;AAAA,EACnB,qBAAqB,MAAM;AAAA,EAC3B,cAAc,CAAC;AAAA,EACf,kBAAkB,EAAE,SAAS,CAAC,EAAE;AAClC;AAEO,MAAM,iBAAiB,cAA4B,cAAc;AAExE,IAAO,gCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport type { MutableRefObject, RefObject } from 'react';\nimport { createContext } from 'react';\nimport type { DSLeftNavigationT } from './react-desc-prop-types.js';\nimport { defaultProps } from './react-desc-prop-types.js';\n\nexport type ContextProps = {\n  selectedItem: string | null;\n  setSelectedItem: React.Dispatch<React.SetStateAction<string | null>>;\n  selectedParent: string | null;\n  setSelectedParent: React.Dispatch<React.SetStateAction<string | null>>;\n  focusedItem: string | null;\n  setFocusedItem: React.Dispatch<React.SetStateAction<string | null>>;\n  openedDrilldowns: string[];\n  setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLDivElement>>>;\n  leftNavProps: DSLeftNavigationT.InternalProps;\n  expandedForAnimation: boolean;\n};\n\nexport const defaultContext: ContextProps = {\n  leftNavProps: defaultProps,\n  selectedItem: null,\n  setSelectedItem: () => null,\n  selectedParent: null,\n  setSelectedParent: () => null,\n  focusedItem: null,\n  setFocusedItem: () => null,\n  expandedForAnimation: true,\n  openedDrilldowns: [],\n  setOpenedDrilldowns: () => null,\n  visibleItems: [],\n  visibleItemsRefs: { current: {} },\n};\n\nexport const LeftNavContext = createContext<ContextProps>(defaultContext);\n\nexport default LeftNavContext;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,qBAAqB;AAE9B,SAAS,oBAAoB;AAiBtB,MAAM,iBAA+B;AAAA,EAC1C,cAAc;AAAA,EACd,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EACvB,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EACtB,sBAAsB;AAAA,EACtB,kBAAkB,CAAC;AAAA,EACnB,qBAAqB,MAAM;AAAA,EAC3B,cAAc,CAAC;AAAA,EACf,kBAAkB,EAAE,SAAS,CAAC,EAAE;AAClC;AAEO,MAAM,iBAAiB,cAA4B,cAAc;AAExE,IAAO,gCAAQ;",
   "names": []
 }

package/dist/esm/{configs → config}/index.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { useLeftNavConfig } from "./useLeftNavConfig.js";
 import { useLeftNavConfig as useLeftNavConfig2 } from "./useLeftNavConfig.js";
-var configs_default = useLeftNavConfig;
+var config_default = useLeftNavConfig;
 export {
-  configs_default as default,
+  config_default as default,
   useLeftNavConfig2 as useLeftNavConfig
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/{configs → config}/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/index.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useLeftNavConfig } from './useLeftNavConfig.js';\n\nexport { useLeftNavConfig } from './useLeftNavConfig.js';\nexport default useLeftNavConfig;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;AAEjC,SAAS,oBAAAA,yBAAwB;AACjC,IAAO,kBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;AAEjC,SAAS,oBAAAA,yBAAwB;AACjC,IAAO,iBAAQ;",
   "names": ["useLeftNavConfig"]
 }

package/dist/esm/{configs → config}/useLeftNavConfig.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import React2 from "react";
 import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
-import { defaultProps } from "../LeftNavigationContext.js";
+import React2 from "react";
+import { useSelectFirstBodyItem } from "../hooks/useSelectFirstBodyItem.js";
+import { defaultProps } from "../react-desc-prop-types.js";
 import useLeftNavItems from "./useLeftNavItems.js";
 import { useLeftNavSmoothExpand } from "./useLeftNavSmoothExpand.js";
-import { useSelectFirstBodyItem } from "../hooks/useSelectFirstBodyItem.js";
 const useLeftNavConfig = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
   const { expanded, openedItem, onSelectedChange, onFocusChange, items } = propsWithDefaults;

package/dist/esm/config/useLeftNavConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useLeftNavConfig.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem.js';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../react-desc-prop-types.js';\nimport useLeftNavItems from './useLeftNavItems.js';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand.js';\n\nexport const useLeftNavConfig = (props: DSLeftNavigationT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSLeftNavigationT.InternalProps>(props, defaultProps);\n  const { expanded, openedItem, onSelectedChange, onFocusChange, items } = propsWithDefaults;\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         INTERNAL STATE                         *\n  // ************************** ------------ **************************\n  // Selection related\n  const [selectedItem, setSelectedItem] = React.useState<string | null>(null);\n  const [selectedParent, setSelectedParent] = React.useState<string | null>(null);\n  // Focus related\n  const [focusedItem, setFocusedItem] = React.useState<string | null>(null);\n  // Opened uncontrolled drilldowns\n  const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        EXPAND ANIMATION                        *\n  // ************************** ------------ **************************\n  const [expandedForAnimation, setExpandedForAnimation] = React.useState(expanded);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n  const smoothExpandOpts = React.useMemo(\n    () => ({\n      expandedForAnimation,\n      timeoutRef,\n      setExpandedForAnimation,\n    }),\n    [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n  );\n  useLeftNavSmoothExpand(propsWithDefaults, smoothExpandOpts);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                          SIDE EFFECTS                          *\n  // ************************** ------------ **************************\n  React.useEffect(() => {\n    if (onSelectedChange) onSelectedChange(selectedItem);\n  }, [selectedItem, onSelectedChange]);\n\n  React.useEffect(() => {\n    if (propsWithDefaults.actionRef && propsWithDefaults.actionRef.current) {\n      propsWithDefaults.actionRef.current.setFocusedItem = setFocusedItem;\n    }\n  }, [propsWithDefaults.actionRef]);\n\n  React.useEffect(() => {\n    if (openedItem) setSelectedParent(openedItem);\n  }, [openedItem]);\n\n  React.useEffect(() => {\n    if (onFocusChange) onFocusChange(focusedItem);\n  }, [focusedItem, onFocusChange]);\n\n  useSelectFirstBodyItem(\n    items ?? [],\n    openedItem ?? '',\n    propsWithDefaults.selectedItem !== undefined ? propsWithDefaults.selectedItem : selectedItem,\n    setSelectedItem,\n    propsWithDefaults.disableDefaultSelection,\n  );\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        ITEMS MANAGEMENT                        *\n  // ************************** ------------ **************************\n\n  const leftNavItemsProps = React.useMemo(\n    () => ({\n      headerItem: propsWithDefaults.HeaderComponent,\n      bodyHeaderItem: propsWithDefaults.BodyHeaderComponent,\n      items: propsWithDefaults.items,\n      openedDrilldowns,\n    }),\n    [\n      propsWithDefaults.HeaderComponent,\n      propsWithDefaults.BodyHeaderComponent,\n      propsWithDefaults.items,\n      openedDrilldowns,\n    ],\n  );\n\n  // We need to know the current visible items since we have drilldowns\n  const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         LEFTNAV CONFIG                         *\n  // ************************** ------------ **************************\n  return React.useMemo(\n    () => ({\n      leftNavProps: propsWithDefaults,\n      expandedForAnimation,\n      selectedItem: propsWithDefaults.selectedItem !== undefined ? propsWithDefaults.selectedItem : selectedItem,\n      setSelectedItem,\n      selectedParent:\n        propsWithDefaults.selectedParent !== undefined ? propsWithDefaults.selectedParent : selectedParent,\n      setSelectedParent,\n      focusedItem,\n      setFocusedItem,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    }),\n    [\n      propsWithDefaults,\n      expandedForAnimation,\n      selectedItem,\n      selectedParent,\n      focusedItem,\n      openedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    ],\n  );\n};\n\nexport default useLeftNavConfig;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oCAAoC;AAC7C,OAAOA,YAAW;AAClB,SAAS,8BAA8B;AAEvC,SAAS,oBAAoB;AAC7B,OAAO,qBAAqB;AAC5B,SAAS,8BAA8B;AAEhC,MAAM,mBAAmB,CAAC,UAAmC;AAClE,QAAM,oBAAoB,6BAA8D,OAAO,YAAY;AAC3G,QAAM,EAAE,UAAU,YAAY,kBAAkB,eAAe,MAAM,IAAI;AAMzE,QAAM,CAAC,cAAc,eAAe,IAAIA,OAAM,SAAwB,IAAI;AAC1E,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,OAAM,SAAwB,IAAI;AAE9E,QAAM,CAAC,aAAa,cAAc,IAAIA,OAAM,SAAwB,IAAI;AAExE,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,OAAM,SAAmB,CAAC,CAAC;AAM3E,QAAM,CAAC,sBAAsB,uBAAuB,IAAIA,OAAM,SAAS,QAAQ;AAC/E,QAAM,aAAaA,OAAM,OAAsC,IAAI;AACnE,QAAM,mBAAmBA,OAAM;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,YAAY,uBAAuB;AAAA,EAC5D;AACA,yBAAuB,mBAAmB,gBAAgB;AAM1D,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,iBAAkB,kBAAiB,YAAY;AAAA,EACrD,GAAG,CAAC,cAAc,gBAAgB,CAAC;AAEnC,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,kBAAkB,aAAa,kBAAkB,UAAU,SAAS;AACtE,wBAAkB,UAAU,QAAQ,iBAAiB;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,kBAAkB,SAAS,CAAC;AAEhC,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,WAAY,mBAAkB,UAAU;AAAA,EAC9C,GAAG,CAAC,UAAU,CAAC;AAEf,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,cAAe,eAAc,WAAW;AAAA,EAC9C,GAAG,CAAC,aAAa,aAAa,CAAC;AAE/B;AAAA,IACE,SAAS,CAAC;AAAA,IACV,cAAc;AAAA,IACd,kBAAkB,iBAAiB,SAAY,kBAAkB,eAAe;AAAA,IAChF;AAAA,IACA,kBAAkB;AAAA,EACpB;AAOA,QAAM,oBAAoBA,OAAM;AAAA,IAC9B,OAAO;AAAA,MACL,YAAY,kBAAkB;AAAA,MAC9B,gBAAgB,kBAAkB;AAAA,MAClC,OAAO,kBAAkB;AAAA,MACzB;AAAA,IACF;AAAA,IACA;AAAA,MACE,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAGA,QAAM,EAAE,cAAc,iBAAiB,IAAI,gBAAgB,iBAAiB;AAM5E,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL,cAAc;AAAA,MACd;AAAA,MACA,cAAc,kBAAkB,iBAAiB,SAAY,kBAAkB,eAAe;AAAA,MAC9F;AAAA,MACA,gBACE,kBAAkB,mBAAmB,SAAY,kBAAkB,iBAAiB;AAAA,MACtF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,2BAAQ;",
+  "names": ["React"]
+}

package/dist/esm/{configs → config}/useLeftNavItems.js

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { createRef, useMemo, useRef } from "react";
-import { ITEM_TYPES } from "../exported-related/index.js";
-import { FOOTER_DS_ID } from "../exported-related/constants.js";
+import { ITEM_TYPES, FOOTER_DS_ID } from "../constants/index.js";
 const notFocuseableItems = [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ITEM_TYPES.LEFT_NAV_ITEM_SECTION];
 const walkItems = (items, openedDrilldowns, callback) => {
   items.forEach((item) => {

package/dist/esm/config/useLeftNavItems.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useLeftNavItems.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport type { MutableRefObject, RefObject } from 'react';\nimport { createRef, useMemo, useRef } from 'react';\nimport { ITEM_TYPES, FOOTER_DS_ID } from '../constants/index.js';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\n\nconst notFocuseableItems = [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ITEM_TYPES.LEFT_NAV_ITEM_SECTION];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (\n  items: DSLeftNavigationT.GenericItemItemProps[],\n  openedDrilldowns: string[],\n  callback: (dsId: string) => void,\n) => {\n  items.forEach((item) => {\n    if (typeof item.type === 'string' && item.dsId) {\n      // Out of the box item\n      if (notFocuseableItems.includes(item.type)) return; // not focuseable\n\n      callback(item.dsId);\n\n      // If it's an opened uncontrolled drilldown\n      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId))\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n      // If it's an opened controlled drilldown\n      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && item.itemOpts?.isOpened)\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n    } else if (item.dsId) {\n      // Custom item\n      if (!item.itemOpts?.focuseable) return; // not focuseable specified\n      callback(item.dsId);\n    }\n  });\n};\n\nexport const useLeftNavItems = (props: {\n  headerItem?: DSLeftNavigationT.GenericItemItemProps;\n  bodyHeaderItem?: DSLeftNavigationT.GenericItemItemProps;\n  items?: DSLeftNavigationT.GenericItemItemProps[];\n  openedDrilldowns: string[];\n}): {\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLDivElement>>>;\n} => {\n  const { headerItem, bodyHeaderItem, items: bodyItems, openedDrilldowns } = props;\n\n  // Place the header and body header items into the array of items\n  const items = useMemo(() => {\n    if (!bodyItems) return [];\n    const itemsArray: DSLeftNavigationT.GenericItemItemProps[] = [...bodyItems];\n    if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);\n    if (headerItem) itemsArray.unshift(headerItem);\n    return itemsArray;\n  }, [headerItem, bodyHeaderItem, bodyItems]);\n\n  const visibleItemsRefs = useRef<Record<string, RefObject<HTMLDivElement>>>({});\n\n  const visibleItems: string[] = useMemo(() => {\n    const visibleItemsArray: string[] = [];\n    walkItems(items, openedDrilldowns, (dsId: string) => {\n      visibleItemsArray.push(dsId);\n    });\n    visibleItemsArray.push(FOOTER_DS_ID);\n    return visibleItemsArray;\n  }, [items, openedDrilldowns]);\n\n  visibleItems.forEach((dsId) => {\n    if (!(dsId in visibleItemsRefs.current)) visibleItemsRefs.current[dsId] = createRef();\n  });\n\n  return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,SAAS,cAAc;AAC3C,SAAS,YAAY,oBAAoB;AAGzC,MAAM,qBAAqB,CAAC,WAAW,yBAAyB,WAAW,qBAAqB;AAIhG,MAAM,YAAY,CAChB,OACA,kBACA,aACG;AACH,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,OAAO,KAAK,SAAS,YAAY,KAAK,MAAM;AAE9C,UAAI,mBAAmB,SAAS,KAAK,IAAI,EAAG;AAE5C,eAAS,KAAK,IAAI;AAGlB,UAAI,KAAK,SAAS,WAAW,wCAAwC,iBAAiB,SAAS,KAAK,IAAI;AACtG,kBAAU,KAAK,UAAU,SAAS,CAAC,GAAG,kBAAkB,QAAQ;AAGlE,UAAI,KAAK,SAAS,WAAW,sCAAsC,KAAK,UAAU;AAChF,kBAAU,KAAK,UAAU,SAAS,CAAC,GAAG,kBAAkB,QAAQ;AAAA,IACpE,WAAW,KAAK,MAAM;AAEpB,UAAI,CAAC,KAAK,UAAU,WAAY;AAChC,eAAS,KAAK,IAAI;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AAEO,MAAM,kBAAkB,CAAC,UAQ3B;AACH,QAAM,EAAE,YAAY,gBAAgB,OAAO,WAAW,iBAAiB,IAAI;AAG3E,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,CAAC,UAAW,QAAO,CAAC;AACxB,UAAM,aAAuD,CAAC,GAAG,SAAS;AAC1E,QAAI,eAAgB,YAAW,QAAQ,cAAc;AACrD,QAAI,WAAY,YAAW,QAAQ,UAAU;AAC7C,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,gBAAgB,SAAS,CAAC;AAE1C,QAAM,mBAAmB,OAAkD,CAAC,CAAC;AAE7E,QAAM,eAAyB,QAAQ,MAAM;AAC3C,UAAM,oBAA8B,CAAC;AACrC,cAAU,OAAO,kBAAkB,CAAC,SAAiB;AACnD,wBAAkB,KAAK,IAAI;AAAA,IAC7B,CAAC;AACD,sBAAkB,KAAK,YAAY;AACnC,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,gBAAgB,CAAC;AAE5B,eAAa,QAAQ,CAAC,SAAS;AAC7B,QAAI,EAAE,QAAQ,iBAAiB,SAAU,kBAAiB,QAAQ,IAAI,IAAI,UAAU;AAAA,EACtF,CAAC;AAED,SAAO,EAAE,cAAc,iBAAiB;AAC1C;AAEA,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/esm/{configs → config}/useLeftNavSmoothExpand.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useLeftNavSmoothExpand.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/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,QAAS,cAAa,WAAW,OAAO;AACvD,iBAAW,UAAU,WAAW,MAAM,wBAAwB,KAAK,GAAG,GAAG;AAAA,IAC3E,WAAW,SAAU,yBAAwB,IAAI;AAAA,EAEnD,GAAG,CAAC,QAAQ,CAAC;AAEb,EAAAA,OAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,WAAW,QAAS,cAAa,WAAW,OAAO;AAAA,IACzD;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACF;AAEA,IAAO,iCAAQ;",
   "names": ["React"]

package/dist/esm/constants/{constants.js → index.js}

@@ -112,11 +112,50 @@ const LEFT_NAVIGATION_DATA_TESTID = {
   LIST_ITEM_LABEL_ID_EXCEPTION: "leftnav-list-item-label"
 };
 const DSLeftNavigationSlots = LEFT_NAVIGATION_SLOTS;
+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 outOfTheBoxTypes = Object.values(ITEM_TYPES);
+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,
   DSLeftNavigationName,
   DSLeftNavigationSlots,
+  FOOTER_DS_ID,
+  FOOTER_MENU_CLOSE_DS_ID,
+  ITEM_TYPES,
+  LABEL_OVERFLOW,
   LEFT_NAVIGATION_DATA_TESTID,
   LEFT_NAVIGATION_REGION_FOCUSES,
-  LEFT_NAVIGATION_SLOTS
+  LEFT_NAVIGATION_SLOTS,
+  MAP_ITEMS_TO_SKELETON,
+  outOfTheBoxTypes
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=index.js.map