@elliemae/ds-left-navigation 3.80.0-next.5 → 3.80.0-next.50

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", "/* 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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",
+  "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    dsLeftnavigationIcon: () => 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    dsLeftnavigationOpenWindowIcon: () => object;\n    dsLeftnavigationRightContainer: () => object;\n    dsLeftnavigationRoot: () => object;\n    dsLeftnavigationSectionContainer: () => object;\n    dsLeftnavigationSectionLabel: () => object;\n    dsLeftnavigationSectionRightLabel: () => object;\n    dsLeftnavigationTruncatedLabel: () => object;\n    dsLeftnavigationTruncatedLabelTooltip: () => 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 extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSLeftNavigationName,\n    typeof LEFT_NAVIGATION_SLOTS\n  > {\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\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n  export interface InternalProps\n    extends\n      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 DSLeftNavigationItemOptionsPropTypes: DSPropTypesSchema<DSLeftNavigationT.ItemOptsT> = {\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).description(\n    'Text or element rendered as the item label',\n  ),\n  labelBold: PropTypes.bool.description(\n    'Text label, with date and drilldown items only: whether the label is rendered with semibold font weight',\n  ),\n  labelColor: PropTypes.array.description(\n    'Text label, with date and drilldown items only: theme color tuple for the label, e.g. [\"neutral\", \"800\"]',\n  ),\n  labelOverflow: PropTypes.oneOf(['wrap', 'wrapAll', 'truncate']).description(\n    'How the label handles overflow, falls back to the left navigation labelOverflow prop when not set. Not applied by section items',\n  ),\n  labelRightSection: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).description(\n    'Section, with date and drilldown items only: content rendered on the right side of the label, e.g. a date or an unread count',\n  ),\n  selectable: PropTypes.bool.description(\n    'Whether clicking the item, or pressing Enter or Space on it, selects it. Header, submenu, link, section, separator and skeleton items set it themselves',\n  ),\n  focuseable: PropTypes.bool.description(\n    'Whether the item can receive keyboard focus. Section, separator and skeleton items are never focusable',\n  ),\n  startOpened: PropTypes.bool.description('Uncontrolled drilldown items only: whether the drilldown starts opened'),\n  isOpened: PropTypes.bool.description('Controlled drilldown items only: whether the drilldown is opened'),\n  openable: PropTypes.bool.description(\n    'Whether the ArrowRight key triggers the item, as a click does. Header, submenu and drilldown items set it from their opened state',\n  ),\n  closable: PropTypes.bool.description(\n    'Whether the ArrowLeft key triggers the item, as a click does, and keeps focus on it. Header, submenu and drilldown items set it from their opened state',\n  ),\n  indent: PropTypes.number.description('Left padding of the item, in pixels'),\n  LeftComponent: PropTypes.func.description(\n    'Section items only: component rendered on the left side of the item, receives { item, ctx }',\n  ),\n  RightComponent: PropTypes.func.description(\n    'Header, submenu, link, section, with date and drilldown items only: component rendered on the right side of the item, receives { item, ctx }',\n  ),\n  BottomComponent: PropTypes.func.description(\n    'Header and submenu items only: component rendered below the label, receives { item, ctx }',\n  ),\n  ariaLabel: PropTypes.string.description('aria-label applied to the item'),\n  ariaRole: PropTypes.string.description(\n    'role applied to the item. Separator, skeleton and drilldown items set their own role',\n  ),\n  ariaLive: PropTypes.string.description('Not applied by the out-of-the-box item types'),\n  ariaExpanded: PropTypes.bool.description(\n    'aria-expanded applied to the item. Header, submenu and drilldown items set it from their opened state',\n  ),\n  ariaDescribedBy: PropTypes.string.description('aria-describedby applied to the item'),\n  items: PropTypes.arrayOf(PropTypes.object).description('Drilldown items only: the subitems to render'),\n  labelDataTestId: PropTypes.string.description(\n    'Overrides the data-testid of the item label. Not applied by controlled drilldown items',\n  ),\n  skeletonVariant: PropTypes.oneOf(['item', 'subitem']).description(\n    'Skeleton shape used when the item renders as a skeleton',\n  ),\n};\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 = DSLeftNavigationItemOptionsPropTypes;\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -15,6 +15,7 @@ const SlotPropsAsObject = {
   dsLeftnavigationFooterMenuCollapse: { "aria-label": "just a typescript test" },
   dsLeftnavigationFooterSeparator: { "aria-label": "just a typescript test" },
   dsLeftnavigationHeaderArea: { "aria-label": "just a typescript test" },
+  dsLeftnavigationIcon: { "aria-label": "just a typescript test" },
   dsLeftnavigationItem: { "aria-label": "just a typescript test" },
   dsLeftnavigationItemBorderBottom: { "aria-label": "just a typescript test" },
   dsLeftnavigationItemChevronBack: { "aria-label": "just a typescript test" },
@@ -26,11 +27,14 @@ const SlotPropsAsObject = {
   dsLeftnavigationMessagesIcon: { "aria-label": "just a typescript test" },
   dsLeftnavigationNotificationsContainer: { "aria-label": "just a typescript test" },
   dsLeftnavigationNotificationsIcon: { "aria-label": "just a typescript test" },
+  dsLeftnavigationOpenWindowIcon: { "aria-label": "just a typescript test" },
   dsLeftnavigationRightContainer: { "aria-label": "just a typescript test" },
   dsLeftnavigationRoot: { "aria-label": "just a typescript test" },
   dsLeftnavigationSectionContainer: { "aria-label": "just a typescript test" },
   dsLeftnavigationSectionLabel: { "aria-label": "just a typescript test" },
   dsLeftnavigationSectionRightLabel: { "aria-label": "just a typescript test" },
+  dsLeftnavigationTruncatedLabel: { "aria-label": "just a typescript test" },
+  dsLeftnavigationTruncatedLabelTooltip: { "aria-label": "just a typescript test" },
   dsLeftnavigationVerticalSeparator: { "aria-label": "just a typescript test" }
 };
 const SlotPropsAsFunctions = {
@@ -49,6 +53,7 @@ const SlotPropsAsFunctions = {
   dsLeftnavigationFooterMenuCollapse: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationFooterSeparator: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationHeaderArea: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationIcon: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationItem: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationItemBorderBottom: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationItemChevronBack: () => ({ "aria-label": "just a typescript test" }),
@@ -60,11 +65,14 @@ const SlotPropsAsFunctions = {
   dsLeftnavigationMessagesIcon: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationNotificationsContainer: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationNotificationsIcon: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationOpenWindowIcon: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationRightContainer: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationRoot: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationSectionContainer: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationSectionLabel: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationSectionRightLabel: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationTruncatedLabel: () => ({ "aria-label": "just a typescript test" }),
+  dsLeftnavigationTruncatedLabelTooltip: () => ({ "aria-label": "just a typescript test" }),
   dsLeftnavigationVerticalSeparator: () => ({ "aria-label": "just a typescript test" })
 };
 const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;

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

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

package/dist/types/constants/index.d.ts

@@ -26,14 +26,18 @@ export declare const LEFT_NAVIGATION_SLOTS: {
     readonly LEFT_CONTAINER: "left-container";
     readonly LOADER_WRAPPER: "loader-wrapper";
     readonly HEADER_AREA: "header-area";
+    readonly ICON: "icon";
     readonly MESSAGES_ICON_WRAPPER: "messages-icon";
     readonly NOTIFICATIONS_CONTAINER: "notifications-container";
     readonly NOTIFICATIONS_ICON: "notifications-icon";
+    readonly OPEN_WINDOW_ICON: "open-window-icon";
     readonly RIGHT_CONTAINER: "right-container";
     readonly ROOT: "root";
     readonly SECTION_CONTAINER: "section-container";
     readonly SECTION_LABEL: "section-label";
     readonly SECTION_RIGHT_LABEL: "section-right-label";
+    readonly TRUNCATED_LABEL: "truncated-label";
+    readonly TRUNCATED_LABEL_TOOLTIP: "truncated-label-tooltip";
     readonly VERTICAL_SEPARATOR: "vertical-separator";
 };
 export declare const LEFT_NAVIGATION_DATA_TESTID: {
@@ -77,6 +81,10 @@ export declare const LEFT_NAVIGATION_DATA_TESTID: {
     FOOTER_LABEL: "ds-leftnavigation-footer-label";
     FOOTER_MENU_COLLAPSE: "ds-leftnavigation-footer-menu-collapse";
     LOADER_WRAPPER: "ds-leftnavigation-loader-wrapper";
+    ICON: "ds-leftnavigation-icon";
+    OPEN_WINDOW_ICON: "ds-leftnavigation-open-window-icon";
+    TRUNCATED_LABEL: "ds-leftnavigation-truncated-label";
+    TRUNCATED_LABEL_TOOLTIP: "ds-leftnavigation-truncated-label-tooltip";
 };
 export declare const DSLeftNavigationSlots: {
     readonly ALERTS_ICON_WRAPPER: "alerts-icon";
@@ -102,14 +110,18 @@ export declare const DSLeftNavigationSlots: {
     readonly LEFT_CONTAINER: "left-container";
     readonly LOADER_WRAPPER: "loader-wrapper";
     readonly HEADER_AREA: "header-area";
+    readonly ICON: "icon";
     readonly MESSAGES_ICON_WRAPPER: "messages-icon";
     readonly NOTIFICATIONS_CONTAINER: "notifications-container";
     readonly NOTIFICATIONS_ICON: "notifications-icon";
+    readonly OPEN_WINDOW_ICON: "open-window-icon";
     readonly RIGHT_CONTAINER: "right-container";
     readonly ROOT: "root";
     readonly SECTION_CONTAINER: "section-container";
     readonly SECTION_LABEL: "section-label";
     readonly SECTION_RIGHT_LABEL: "section-right-label";
+    readonly TRUNCATED_LABEL: "truncated-label";
+    readonly TRUNCATED_LABEL_TOOLTIP: "truncated-label-tooltip";
     readonly VERTICAL_SEPARATOR: "vertical-separator";
 };
 export declare const LABEL_OVERFLOW: {

package/dist/types/exported-related/Icon/index.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
 import { type SvgIconT } from '@elliemae/ds-icons';
+/**
+ * The styled component is created once per Icon() call, not per render:
+ * a new component type on every render would remount the icon and drop its focus.
+ */
 export declare const Icon: (IconComponent: React.ComponentType<{
     color: unknown;
     tabIndex: number;

package/dist/types/react-desc-prop-types.d.ts

@@ -21,6 +21,7 @@ export declare namespace DSLeftNavigationT {
         dsLeftnavigationFooterMenuCollapse: () => object;
         dsLeftnavigationFooterSeparator: () => object;
         dsLeftnavigationHeaderArea: () => object;
+        dsLeftnavigationIcon: () => object;
         dsLeftnavigationItem: () => object;
         dsLeftnavigationItemBorderBottom: () => object;
         dsLeftnavigationItemChevronBack: () => object;
@@ -32,11 +33,14 @@ export declare namespace DSLeftNavigationT {
         dsLeftnavigationMessagesIcon: () => object;
         dsLeftnavigationNotificationsContainer: () => object;
         dsLeftnavigationNotificationsIcon: () => object;
+        dsLeftnavigationOpenWindowIcon: () => object;
         dsLeftnavigationRightContainer: () => object;
         dsLeftnavigationRoot: () => object;
         dsLeftnavigationSectionContainer: () => object;
         dsLeftnavigationSectionLabel: () => object;
         dsLeftnavigationSectionRightLabel: () => object;
+        dsLeftnavigationTruncatedLabel: () => object;
+        dsLeftnavigationTruncatedLabelTooltip: () => object;
         dsLeftnavigationVerticalSeparator: () => object;
     };
     type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "3.80.0-next.5",
+  "version": "3.80.0-next.50",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Left Navigation",
   "files": [
@@ -36,20 +36,22 @@
     "typeSafety": false
   },
   "dependencies": {
-    "@elliemae/ds-circular-progress-indicator": "3.80.0-next.5",
-    "@elliemae/ds-grid": "3.80.0-next.5",
-    "@elliemae/ds-button-v2": "3.80.0-next.5",
-    "@elliemae/ds-floating-context": "3.80.0-next.5",
-    "@elliemae/ds-props-helpers": "3.80.0-next.5",
-    "@elliemae/ds-icons": "3.80.0-next.5",
-    "@elliemae/ds-skeleton": "3.80.0-next.5",
-    "@elliemae/ds-system": "3.80.0-next.5"
+    "@elliemae/ds-button-v2": "3.80.0-next.50",
+    "@elliemae/ds-circular-progress-indicator": "3.80.0-next.50",
+    "@elliemae/ds-floating-context": "3.80.0-next.50",
+    "@elliemae/ds-grid": "3.80.0-next.50",
+    "@elliemae/ds-icons": "3.80.0-next.50",
+    "@elliemae/ds-props-helpers": "3.80.0-next.50",
+    "@elliemae/ds-skeleton": "3.80.0-next.50",
+    "@elliemae/ds-system": "3.80.0-next.50"
   },
   "devDependencies": {
+    "@elliemae/ds-monorepo-devops": "3.80.0-next.50",
+    "@elliemae/ds-test-utils": "3.80.0-next.50",
+    "@elliemae/ds-typescript-helpers": "3.80.0-next.50",
+    "@playwright/experimental-ct-react": "1.61.1",
     "jest": "^30.0.0",
-    "styled-components": "~5.3.11",
-    "@elliemae/ds-monorepo-devops": "3.80.0-next.5",
-    "@elliemae/ds-test-utils": "3.80.0-next.5"
+    "styled-components": "~5.3.11"
   },
   "peerDependencies": {
     "lodash-es": "^4.18.1",
@@ -58,7 +60,7 @@
     "styled-components": "~5.3.11"
   },
   "scripts": {
-    "test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "test": "playwright test -c ./playwright.config.mjs && ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
     "lint": "node ../../../scripts/lint.mjs --fix",
     "lint:strict": "node ../../../scripts/lint-strict.mjs",
     "dts": "node ../../../scripts/dts.mjs",