@elliemae/ds-left-navigation 3.22.0-next.8 → 3.22.0-rc.0

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavLoading/index.tsx"],
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavLoading/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport Grid from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSLeftNavigationName, DSLeftNavigationSlots } from '../../constants/index.js';\n\nconst StyledLoaderWrapper = styled(Grid, { name: DSLeftNavigationName, slot: DSLeftNavigationSlots.LOADER_WRAPPER })`\n  height: 100%;\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({ expanded }) => (\n  <StyledLoaderWrapper role=\"menuitem\" aria-label=\"Loading...\">\n    <DSCircularIndeterminateIndicator\n      size={expanded ? 'l' : 's'}\n      text=\"Loading...\"\n      showText={expanded}\n      withTooltip={!expanded}\n    />\n  </StyledLoaderWrapper>\n);\n"],
   "mappings": "AAAA,YAAY,WAAW;ACenB;AAdJ,SAAS,wCAAwC;AACjD,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,sBAAsB,6BAA6B;AAE5D,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,sBAAsB,MAAM,sBAAsB,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5G,MAAM,iBAA6D,CAAC,EAAE,SAAS,MACpF,oBAAC,uBAAoB,MAAK,YAAW,cAAW,cAC9C;AAAA,EAAC;AAAA;AAAA,IACC,MAAM,WAAW,MAAM;AAAA,IACvB,MAAK;AAAA,IACL,UAAU;AAAA,IACV,aAAa,CAAC;AAAA;AAChB,GACF;",
   "names": []

package/dist/esm/parts/OutOfTheBoxMapItem.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/OutOfTheBoxMapItem.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/OutOfTheBoxMapItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { outOfTheBoxComponents } from '../outOfTheBox/index.js';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\nimport { LeftNavContext } from '../LeftNavigationContext.js';\n\nexport const OutOfTheBoxMapItem: React.ComponentType<DSLeftNavigationT.OutOfTheBoxMapItemT> = (props) => {\n  const {\n    item,\n    item: { type, Component },\n  } = props;\n  const ctx = React.useContext(LeftNavContext);\n\n  const finalItem = {\n    ...item,\n    itemOpts: {\n      ...item.itemOpts,\n    },\n  };\n  if (typeof type === 'string' && !!outOfTheBoxComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxComponents[type];\n    return <OutOfTheBoxComponent item={finalItem} ctx={ctx} />;\n  }\n  if (!Component) return null;\n  // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n  return <Component item={item} ctx={ctx} />;\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACoBZ;AApBX,OAAOA,YAAW;AAClB,SAAS,6BAA6B;AAEtC,SAAS,sBAAsB;AAExB,MAAM,qBAAiF,CAAC,UAAU;AACvG,QAAM;AAAA,IACJ;AAAA,IACA,MAAM,EAAE,MAAM,UAAU;AAAA,EAC1B,IAAI;AACJ,QAAM,MAAMA,OAAM,WAAW,cAAc;AAE3C,QAAM,YAAY;AAAA,IAChB,GAAG;AAAA,IACH,UAAU;AAAA,MACR,GAAG,KAAK;AAAA,IACV;AAAA,EACF;AACA,MAAI,OAAO,SAAS,YAAY,CAAC,CAAC,sBAAsB,IAAI,GAAG;AAC7D,UAAM,uBAAuB,sBAAsB,IAAI;AACvD,WAAO,oBAAC,wBAAqB,MAAM,WAAW,KAAU;AAAA,EAC1D;AACA,MAAI,CAAC;AAAW,WAAO;AAEvB,SAAO,oBAAC,aAAU,MAAY,KAAU;AAC1C;",
   "names": ["React"]

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { type Theme } from '@elliemae/ds-system';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\n\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 | JSX.Element;\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  }\n  export interface OptionalProps {\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  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} as unknown as WeakValidationMap<DSLeftNavigationT.Props>;\n\nconst LeftNavItemProps = () => null;\nLeftNavItemProps.displayName = 'LeftNavItemProps';\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nLeftNavItemOptions.displayName = 'LeftNavItemOptions';\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,gBAAgB;AAIpC,SAAS,wBAAwB;AA2G1B,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,gBAAgB,EAAE,YAAY,sBAAsB;AAAA,EAC1E,MAAM,UAAU,OAAO,YAAY,yCAAyC;AAAA,EAC5E,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,oBAAoB,UAAU,KAAK,YAAY,8DAA8D;AAAA,EAC7G,UAAU,UAAU,OAAO,YAAY,cAAc;AACvD;AAEO,MAAM,sBAAsB;AAAA,EACjC,gBAAgB,UAAU,MAAM,EAAE,eAAe,UAAU,OAAO,CAAC,EAChE,YAAY,kDAAkD,EAC9D,aAAa,EAAE,eAAe,QAAQ,CAAC;AAAA,EAC1C,UAAU,UAAU,KAAK,YAAY,2DAA2D,EAAE,aAAa,KAAK;AAAA,EACpH,SAAS,UAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,UAAU,OACnB,YAAY,0DAA0D,EACtE,aAAa,IAAI;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EACA,gBAAgB,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAC5G,eAAe,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAC3G,kBAAkB,UAAU,KACzB,YAAY,0DAA0D,EACtE,aAAa,MAAM,IAAI;AAAA,EAC1B,eAAe,UAAU,KACtB,YAAY,yDAAyD,EACrE,aAAa,MAAM,IAAI;AAAA,EAC1B,OAAO,UAAU,QAAQ,UAAU,MAAM,EACtC,YAAY,2DAA2D,EACvE,aAAa,CAAC,CAAC;AAAA,EAClB,yBAAyB,UAAU,KAChC,YAAY,qEAAqE,EACjF,aAAa,KAAK;AAAA,EACrB,YAAY,UAAU,KAAK,YAAY,2CAA2C,EAAE,aAAa,KAAK;AACxG;AAEA,MAAM,mBAAmB,MAAM;AAC/B,iBAAiB,cAAc;AACxB,MAAM,yBAAyB,SAAS,gBAAgB;AAC/D,uBAAuB,YAAY;AAEnC,MAAM,qBAAqB,MAAM;AACjC,mBAAmB,cAAc;AAC1B,MAAM,2BAA2B,SAAS,kBAAkB;AACnE,yBAAyB,YAAY;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-left-navigation-valid.tsx"],
+  "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};\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 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: () => <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    />\n  </>\n);\n"],
   "mappings": "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",
   "names": []

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type SvgIconT } from '@elliemae/ds-icons';
 export declare const ChevronItem: (props?: SvgIconT.Props) => JSX.Element;
 export default ChevronItem;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type NotificationsProps = {
     exceptions?: boolean;
     alerts?: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type SvgIconT } from '@elliemae/ds-icons';
 export declare const OpenWindow: (props: SvgIconT.Props) => JSX.Element;
 export default OpenWindow;

package/dist/types/outOfTheBox/ItemControlledDrilldown/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 export declare const ItemControlledDrilldown: (props: DSLeftNavigationT.ComponentProps) => JSX.Element;

package/dist/types/outOfTheBox/ItemHeader/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 export declare const ItemHeader: (props: DSLeftNavigationT.ComponentProps) => JSX.Element;

package/dist/types/outOfTheBox/ItemLink/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 export declare const ItemLink: (props: DSLeftNavigationT.ComponentProps) => JSX.Element;

package/dist/types/outOfTheBox/ItemSection/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 export declare const ItemSection: (props: DSLeftNavigationT.ComponentProps) => JSX.Element;

package/dist/types/outOfTheBox/ItemSeparator/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 export declare const ItemSeparator: (props: DSLeftNavigationT.ComponentProps) => JSX.Element;

package/dist/types/outOfTheBox/ItemSkeleton/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 interface SkeletonPropsT {
     item: DSLeftNavigationT.ComponentProps['item'];

package/dist/types/outOfTheBox/ItemSubmenu/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 export declare const ItemSubmenu: (props: DSLeftNavigationT.ComponentProps) => JSX.Element;

package/dist/types/outOfTheBox/ItemTextLabel/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 export declare const ItemTextLabel: (props: DSLeftNavigationT.ComponentProps) => JSX.Element;

package/dist/types/outOfTheBox/ItemUncontrolledDrilldown/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 export declare const ItemUncontrolledDrilldown: (props: DSLeftNavigationT.ComponentProps) => JSX.Element;

package/dist/types/outOfTheBox/ItemWithDate/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
 export declare const ItemWithDate: (props: DSLeftNavigationT.ComponentProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "3.22.0-next.8",
+  "version": "3.22.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Left Navigation",
   "files": [
@@ -235,23 +235,23 @@
     "typeSafety": false
   },
   "dependencies": {
-    "@elliemae/ds-button-v2": "3.22.0-next.8",
-    "@elliemae/ds-props-helpers": "3.22.0-next.8",
-    "@elliemae/ds-circular-progress-indicator": "3.22.0-next.8",
-    "@elliemae/ds-system": "3.22.0-next.8",
-    "@elliemae/ds-skeleton": "3.22.0-next.8",
-    "@elliemae/ds-truncated-tooltip-text": "3.22.0-next.8",
-    "@elliemae/ds-grid": "3.22.0-next.8",
-    "@elliemae/ds-icons": "3.22.0-next.8"
+    "@elliemae/ds-button-v2": "3.22.0-rc.0",
+    "@elliemae/ds-grid": "3.22.0-rc.0",
+    "@elliemae/ds-icons": "3.22.0-rc.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.22.0-rc.0",
+    "@elliemae/ds-skeleton": "3.22.0-rc.0",
+    "@elliemae/ds-system": "3.22.0-rc.0",
+    "@elliemae/ds-circular-progress-indicator": "3.22.0-rc.0",
+    "@elliemae/ds-props-helpers": "3.22.0-rc.0"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "~9.0.0-next.17",
+    "@elliemae/pui-cli": "~9.0.0-next.22",
     "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
     "jest-axe": "^7.0.1",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.22.0-next.8"
+    "@elliemae/ds-monorepo-devops": "3.22.0-rc.0"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -261,13 +261,13 @@
   },
   "scripts": {
     "test": "pui-cli test --passWithNoTests",
-    "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
-    "dts": "node ../../scripts/dts.mjs",
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
-    "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
 }