@elliemae/ds-shuttle-v2 3.57.0-next.2 → 3.57.0-next.22

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.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { type DSButtonT, type DSButtonV3T } from '@elliemae/ds-button-v2';\nimport { type DnDKitTree, type useSortable } from '@elliemae/ds-drag-and-drop';\nimport { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { type DSInputTextT } from '@elliemae/ds-form-input-text';\nimport { type useHeadlessTooltip } from '@elliemae/ds-hooks-headless-tooltip';\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerDatatestIdPropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { ZustandT } from '@elliemae/ds-zustand-helpers';\nimport type React from 'react';\nimport { DSShuttleV2DataTestIds, DSShuttleV2Name, DSShuttleV2Slots } from './config/DSShuttleV2Definitions.js';\nimport type { useAutoCalculated } from './config/useAutoCalculated/index.js';\nimport type { ACTIONS_FOCUSES, DropIndicatorPosition, ITEMS_FOCUSES, REGIONS_FOCUSES } from './constants/index.js';\n\nexport declare namespace DSShuttleV2T {\n  export type Datum = Record<string, unknown>;\n  export type PanelMetaInfo = { isDestinationPanel: boolean; hasMultipleSelection?: boolean; height?: number };\n  type HydratedId = string;\n\n  export type DatumInternalMeta = {\n    isFirst: boolean;\n    isLast: boolean;\n    isSelected: boolean;\n    softDeleted: boolean;\n    localIndex: number;\n    hydratedId: HydratedId;\n    hydratedPreventMove: boolean;\n  };\n  export type DatumRenderFlags = {\n    selectionPrevented: boolean;\n    withActions: boolean;\n    withMoveBtn: boolean;\n    withDrilldownBtn: boolean;\n    internallyDisabledMove: boolean;\n    internallyDisabledDrilldown: boolean;\n  };\n\n  export type DropIndicatorPositionValues = TypescriptHelpersT.ObjectValues<typeof DropIndicatorPosition>;\n\n  // =============================================================================\n  // Hydratables section - panel level hydratables\n  // =============================================================================\n  type RequiredPanelHydratables = Record<string, never>;\n  type OptionalPanelHydratables = {\n    batchActionableButtonProps: Record<string, unknown>;\n  };\n  export type PanelHydratables = RequiredPanelHydratables & OptionalPanelHydratables;\n\n  // =============================================================================\n  // Hydratables section - datum level hydratables\n  //    shared usage between internal and custom component\n  // =============================================================================\n  export type PrimaryKeyHydratables = {\n    id: HydratedId;\n  };\n  type FunctionalHydratables = {\n    preventMove?: boolean;\n  };\n  type RequiredDatumHydratablesWithoutComponents = {\n    label: string;\n  };\n  type OptionalDatumHydratablesWithoutComponents = {\n    subtitle?: string;\n    preventDrilldown?: boolean;\n  };\n  type DatumHydratablesWithoutComponents = PrimaryKeyHydratables &\n    FunctionalHydratables &\n    RequiredDatumHydratablesWithoutComponents &\n    OptionalDatumHydratablesWithoutComponents;\n  // =============================================================================\n  // Hydratables section - datum level hydratables\n  //    Custom component-only\n  // =============================================================================\n  export type ComponentProps = {\n    datum: Datum;\n    thisItemIsFocused: boolean;\n    panelMetaInfo: PanelMetaInfo;\n    datumInternalMeta: DatumInternalMeta;\n    datumHydratables: DatumHydratablesWithoutComponents;\n    tooltipHelpers?: ReturnType<typeof useHeadlessTooltip>;\n  };\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  type RequiredDatumHydratablesComponents = {};\n  type OptionalDatumHydratablesComponents = {\n    Icon?: React.ComponentType<ComponentProps>;\n    CustomRenderer?: React.ComponentType<ComponentProps>;\n  };\n  // =============================================================================\n  // Hydratables section - datum level hydratables\n  //   Finals\n  // =============================================================================\n  type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;\n  type OptionalDatumHydratables = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents;\n  export type DatumHydratables = PrimaryKeyHydratables & RequiredDatumHydratables & OptionalDatumHydratables;\n\n  // =============================================================================\n  // Hydraters\n  // =============================================================================\n  export type PrimaryKeyHydraters = TypescriptHelpersT.Hydraters<PrimaryKeyHydratables, [Datum]>;\n  export type FunctionalHydraters = TypescriptHelpersT.Hydraters<\n    FunctionalHydratables,\n    [Datum, Partial<PanelMetaInfo>]\n  >;\n  type HydratersMeta = { datumMeta: DatumInternalMeta; panelMetaInfo: PanelMetaInfo };\n  type RequiredDatumHydraters = TypescriptHelpersT.Hydraters<RequiredDatumHydratables, [Datum, HydratersMeta]>;\n  type OptionalDatumHydraters = TypescriptHelpersT.Hydraters<OptionalDatumHydratables, [Datum, HydratersMeta]>;\n\n  type DatumHydraters = PrimaryKeyHydraters & FunctionalHydraters & RequiredDatumHydraters & OptionalDatumHydraters;\n\n  type RequiredPanelHydraters = TypescriptHelpersT.Hydraters<RequiredPanelHydratables, [PanelMetaInfo]>;\n  type OptionalPanelHydraters = Partial<TypescriptHelpersT.Hydraters<OptionalPanelHydratables, [PanelMetaInfo]>>;\n  type PanelHydraters = RequiredPanelHydraters & OptionalPanelHydraters;\n\n  // =============================================================================\n  // Datum & Internals structures\n  // =============================================================================\n  export type ConfiguredDatum = DatumInternalMeta & { original: Datum };\n  export interface ItemMeta extends PanelMetaInfo {\n    datum: Datum;\n    datumHydratables: DatumHydratables;\n    datumInternalMeta: DatumInternalMeta;\n    datumRenderFlags: DatumRenderFlags;\n    withDragNDrop: boolean;\n    useSortableHelpers?: ReturnType<typeof useSortable>;\n  }\n\n  // =============================================================================\n  // Callbacks\n  // =============================================================================\n  type OnDataChange = (\n    newData: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n      item?: Datum;\n      selectedItems?: Datum[];\n    },\n  ) => void;\n\n  type OnChangeEvent = (\n    items: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n    },\n  ) => void;\n\n  type OnReorderEventMetadata = Omit<DnDKitTree.OnReorder<DSShuttleV2T.Datum>, 'considerExpanding'>;\n  type OnReorderEvent = (movedItem: Datum, metadata: OnReorderEventMetadata) => void;\n\n  export type SelectionMap = Record<string, boolean>;\n  type OnSelectionChange = (\n    newSelection: SelectionMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  type OnSelectionDrilldown = (\n    item: Datum,\n    metainfo: { event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> },\n  ) => void;\n\n  type OnLoadMore = (e: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;\n  type OnFilterChange = (\n    newfilter: string | null,\n    metainfo: { event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> },\n  ) => void;\n  type OnSearchbarOpen = (\n    newfilter: boolean,\n    metainfo: { event: Parameters<Required<DSButtonT.Props>['onClick']>[0] },\n  ) => void;\n\n  export type SoftDeletedMap = Record<string, boolean>;\n  type OnSoftDeletedChange = (\n    newSoftDeleted: SoftDeletedMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  // =============================================================================\n  // Zustand Store\n  // =============================================================================\n  export type FocusRegion = (typeof REGIONS_FOCUSES)[keyof typeof REGIONS_FOCUSES];\n  export type FocusItem = Omit<(typeof ITEMS_FOCUSES)[keyof typeof ITEMS_FOCUSES], 'GET_SPECIFIC_ITEM'> & string;\n  export type FocusItemAction = (typeof ACTIONS_FOCUSES)[keyof typeof ACTIONS_FOCUSES];\n  export type InternalAtoms = {\n    focusRegion: FocusRegion;\n    focusItem: FocusItem;\n    focusItemAction: FocusItemAction;\n    deferFocusUntilFirstRender: boolean;\n    dropIndicatorPosition: DropIndicatorPositionValues;\n    overId: string;\n    dndDraggingItem: ConfiguredDatum | null;\n    dndDraggingItemMeta: ItemMeta | null;\n    lastActiveId: string;\n    isDropValid: boolean;\n    sourcePanelLastSelectedItem: string | null | undefined;\n    destinationPanelLastSelectedItem: string | null | undefined;\n  };\n  export type UseAutoCalculatedT = ReturnType<typeof useAutoCalculated>;\n  export type Selectors = {\n    getIsDragAndDropHappening: () => boolean;\n    getPanelLastSelectedItem: (isDestinationPanel: boolean) => string | null | undefined;\n  };\n  export type Reducers = Record<string, never>;\n  export type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;\n  // =============================================================================\n  // Final Props\n  // =============================================================================\n  export interface RequiredProps extends RequiredDatumHydraters, PrimaryKeyHydraters {\n    sourceData: Datum[];\n    sourceSelectedItems: SelectionMap;\n    onSourceSelectionChange: OnSelectionChange;\n    SourceHeader: React.ComponentType<Record<string, unknown>>;\n    onSourceDrilldown: OnSelectionDrilldown;\n\n    destinationData: Datum[];\n    destinationSelectedItems: SelectionMap;\n    onDestinationSelectionChange: OnSelectionChange;\n    DestinationHeader: React.ComponentType<Record<string, unknown>>;\n    onDestinationDrilldown: OnSelectionDrilldown;\n  }\n\n  export interface DefaultProps extends Required<FunctionalHydraters> {\n    // load-more and loaders\n    sourceIsLoading: boolean;\n    sourceWithLoadMore: boolean;\n    sourceIsLoadingMore: boolean;\n    onSourceLoadMore: OnLoadMore;\n    destinationIsLoading: boolean;\n    destinationWithLoadMore: boolean;\n    destinationIsLoadingMore: boolean;\n    onDestinationLoadMore: OnLoadMore;\n    destinationNoOptionsMessage: string;\n    sourceNoOptionsMessage: string;\n    // switch side\n    onSourceAdd: OnChangeEvent;\n    onSourceRemove: OnChangeEvent;\n    onDestinationAdd: OnChangeEvent;\n    onDestinationRemove: OnChangeEvent;\n\n    // dnd\n    addDragAndDropFromSource: boolean;\n    removeDragAndDropFromDestination: boolean;\n    onSourceReorder: OnReorderEvent;\n    onDestinationReorder: OnReorderEvent;\n\n    // soft delete\n    sourceSoftDeletedItems: SoftDeletedMap;\n    onSourceSoftDelete: OnSoftDeletedChange;\n    destinationSoftDeletedItems: SoftDeletedMap;\n    onDestinationSoftDelete: OnSoftDeletedChange;\n  }\n  export interface OptionalProps\n    extends OptionalDatumHydraters,\n      OptionalPanelHydraters,\n      TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSShuttleV2Name, typeof DSShuttleV2Slots> {\n    sourceItemProps?: Record<string, unknown>;\n    destinationItemProps?: Record<string, unknown>;\n    sourceHeaderProps?: Record<string, unknown>;\n    destinationHeaderProps?: Record<string, unknown>;\n    // filtering\n    sourceShowSearchbar?: boolean;\n    destinationShowSearchbar?: boolean;\n    onSourceOpenSearchbar?: OnSearchbarOpen;\n    onDesinationOpenSearchbar?: OnSearchbarOpen;\n\n    sourceFilterValue?: string;\n    destinationFilterValue?: string;\n    onSourceFilterChange?: OnFilterChange;\n    onDestinationFilterChange?: OnFilterChange;\n\n    moveButtonProps?: ({\n      itemMeta,\n      isDestinationPanel,\n    }: {\n      itemMeta: ItemMeta;\n      isDestinationPanel: boolean;\n    }) => Omit<DSButtonV3T.Props, 'children'>;\n    drillDownButtonProps?: ({\n      itemMeta,\n      isDestinationPanel,\n    }: {\n      itemMeta: ItemMeta;\n      isDestinationPanel: boolean;\n    }) => Omit<DSButtonV3T.Props, 'children'>;\n\n    checkboxSelectAllProps?: (metainfo: PanelMetaInfo) => DSControlledCheckboxT.Props;\n    dsShuttleV2ListWrapperMid?: (metaInfo: PanelMetaInfo) => Record<string, unknown>;\n    areaSearchBarProps?: (metaInfo: PanelMetaInfo) => DSInputTextT.Props;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSShuttleV2T.DefaultProps = {\n  addDragAndDropFromSource: false,\n  removeDragAndDropFromDestination: false,\n  destinationNoOptionsMessage: 'There are no items to display',\n  sourceNoOptionsMessage: 'There are no items to display',\n  sourceIsLoading: false,\n  destinationIsLoading: false,\n  sourceWithLoadMore: false,\n  destinationWithLoadMore: false,\n  sourceIsLoadingMore: false,\n  destinationIsLoadingMore: false,\n  onSourceLoadMore: () => {},\n  onDestinationLoadMore: () => {},\n\n  onSourceAdd: () => {},\n  onDestinationAdd: () => {},\n  onSourceRemove: () => {},\n  onDestinationRemove: () => {},\n  onSourceReorder: () => {},\n  onDestinationReorder: () => {},\n\n  sourceSoftDeletedItems: {},\n  onSourceSoftDelete: () => {},\n  destinationSoftDeletedItems: {},\n  onDestinationSoftDelete: () => {},\n\n  getPreventMove: () => false,\n};\n\nconst DSShuttleV2PropTypes: DSPropTypesSchema<DSShuttleV2T.Props> = {\n  ...getPropsPerSlotPropTypes(DSShuttleV2Name, DSShuttleV2Slots),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n\n  sourceData: PropTypes.arrayOf(PropTypes.object).description(\n    'An array of objects representing the items in the source list',\n  ).isRequired,\n  sourceSelectedItems: PropTypes.object.description('An object representing the selected items in the source list')\n    .isRequired,\n  onSourceSelectionChange: PropTypes.func.description('A function called when the selection in the source list changes')\n    .isRequired,\n  SourceHeader: PropTypes.func.description('The header component for the source list').isRequired,\n  sourceHeaderProps: PropTypes.object.description('Props to be passed to the source header').defaultValue({}),\n  onSourceDrilldown: PropTypes.func.description('A function called when an item in the source list is clicked')\n    .isRequired,\n  destinationData: PropTypes.arrayOf(PropTypes.object).description(\n    'An array of objects representing the items in the destination list',\n  ).isRequired,\n  destinationSelectedItems: PropTypes.object.description(\n    'An object representing the selected items in the destination list',\n  ).isRequired,\n  onDestinationSelectionChange: PropTypes.func.description(\n    'A function called when the selection in the destination list changes',\n  ).isRequired,\n  DestinationHeader: PropTypes.func.description('The header component for the destination list').isRequired,\n  destinationHeaderProps: PropTypes.object.description('Props to be passed to the destination header').defaultValue({}),\n  onDestinationDrilldown: PropTypes.func.description(\n    'A function called when an item in the destination list is clicked',\n  ).isRequired,\n  getId: PropTypes.func.description(\n    'A function that takes an item from the source/destination list and returns its unique identifier',\n  ).isRequired,\n  getLabel: PropTypes.func.description(\n    'A function that takes an item from the source/destination list and returns its display label',\n  ).isRequired,\n  sourceIsLoading: PropTypes.bool\n    .description('A boolean indicating whether the source list is currently loading data')\n    .defaultValue(false),\n  destinationIsLoading: PropTypes.bool\n    .description('A boolean indicating whether the destination list is currently loading data')\n    .defaultValue(false),\n  sourceWithLoadMore: PropTypes.bool\n    .description('A boolean indicating whether the source list supports \"load more\" functionality')\n    .defaultValue(false),\n  destinationWithLoadMore: PropTypes.bool\n    .description('A boolean indicating whether the destination list supports \"load more\" functionality')\n    .defaultValue(false),\n  sourceIsLoadingMore: PropTypes.bool\n    .description('A boolean indicating whether the source list is currently loading more data')\n    .defaultValue(false),\n  destinationIsLoadingMore: PropTypes.bool\n    .description('A boolean indicating whether the destination list is currently loading more data')\n    .defaultValue(false),\n  onSourceLoadMore: PropTypes.func\n    .description('A function called when the \"load more\" button in the source list is clicked')\n    .defaultValue(() => {}),\n  onDestinationLoadMore: PropTypes.func\n    .description('A function called when the \"load more\" button in the destination list is clicked')\n    .defaultValue(() => {}),\n  onSourceAdd: PropTypes.func\n    .description('A function called when an item is added from the source list to the destination list')\n    .defaultValue(() => {}),\n  onDestinationAdd: PropTypes.func\n    .description('A function called when an item is added from the destination list to the source list')\n    .defaultValue(() => {}),\n  onSourceRemove: PropTypes.func\n    .description('A function called when an item is removed from the destination list')\n    .defaultValue(() => {}),\n  onDestinationRemove: PropTypes.func\n    .description('Callback function to handle when an item is removed from the destination shuttle list. ')\n    .defaultValue(() => {}),\n  onSourceReorder: PropTypes.func\n    .description('Callback function to handle when items are reordered in the source shuttle list.')\n    .defaultValue(() => {}),\n  onDestinationReorder: PropTypes.func\n    .description('Callback function to handle when items are reordered in the destination shuttle list. ')\n    .defaultValue(() => {}),\n  sourceSoftDeletedItems: PropTypes.object\n    .description(\n      'Object containing the soft deleted items in the source shuttle list, where the key is the item ID and the value is the deleted item.',\n    )\n    .defaultValue({}),\n  onSourceSoftDelete: PropTypes.func\n    .description('Callback function to handle when an item is soft deleted in the source shuttle list. ')\n    .defaultValue(() => {}),\n  destinationSoftDeletedItems: PropTypes.object\n    .description(\n      'Object containing the soft deleted items in the destination shuttle list, where the key is the item ID and the value is the deleted item.',\n    )\n    .defaultValue({}),\n  onDestinationSoftDelete: PropTypes.func\n    .description('Callback function to handle when an item is soft deleted in the destination shuttle list.')\n    .defaultValue(() => {}),\n  getPreventMove: PropTypes.func\n    .description('Function that determines whether a specific item can be moved to the destination shuttle list. ')\n    .defaultValue(() => false),\n  addDragAndDropFromSource: PropTypes.bool\n    .description('Specifies whether items can be dragged from the source list and dropped into the destination list.')\n    .defaultValue(false),\n  removeDragAndDropFromDestination: PropTypes.bool\n    .description('Specifies whether items can be removed from the destination list by dragging them out of the list.')\n    .defaultValue(false),\n  sourceItemProps: PropTypes.object\n    .description('Specifies additional props to be applied to each item in the source list.')\n    .defaultValue({}),\n  destinationItemProps: PropTypes.object\n    .description('Specifies additional props to be applied to each item in the destination list.')\n    .defaultValue({}),\n  sourceShowSearchbar: PropTypes.bool\n    .description('Specifies whether the search bar should be shown in the source list.')\n    .defaultValue(false),\n  destinationShowSearchbar: PropTypes.bool\n    .description('Specifies whether the search bar should be shown in the destination list.')\n    .defaultValue(false),\n  onSourceOpenSearchbar: PropTypes.func\n    .description('Callback function that is called when the search bar in the source list is opened.')\n    .defaultValue(() => {}),\n  onDesinationOpenSearchbar: PropTypes.func\n    .description('Callback function that is called when the search bar in the destination list is opened.')\n    .defaultValue(() => {}),\n  sourceFilterValue: PropTypes.string\n    .description('Specifies the current value of the search filter in the source list.')\n    .defaultValue(''),\n  destinationFilterValue: PropTypes.string\n    .description('Specifies the current value of the search filter in the destination list.')\n    .defaultValue(''),\n  onSourceFilterChange: PropTypes.func\n    .description('Callback function that is called when the search filter in the source list is changed.')\n    .defaultValue(() => {}),\n  onDestinationFilterChange: PropTypes.func\n    .description('Callback function that is called when the search filter in the destination list is changed.')\n    .defaultValue(() => {}),\n  getSubtitle: PropTypes.func\n    .description('Callback function that returns the subtitle to be displayed for each item in the list.')\n    .defaultValue(() => ''),\n  getIcon: PropTypes.func\n    .description('Callback function that returns the icon to be displayed for each item in the list.')\n    .defaultValue(() => ''),\n  getPreventDrilldown: PropTypes.func\n    .description('Callback function that determines whether drilldown should be prevented for a particular item.')\n    .defaultValue(() => false),\n  getCustomRenderer: PropTypes.func\n    .description('Callback function that returns a custom renderer for each item in the list.')\n    .defaultValue(() => undefined),\n  getBatchActionableButtonProps: PropTypes.func\n    .description('Callback function that returns the props for the batch actionable button in the destination list.')\n    .defaultValue(() => ({}))\n    .signature(`(({ isDestionationPanel: boolean }) => ({ \"aria-label\": string }))`),\n  ...getPropsPerDatatestIdPropTypes(DSShuttleV2DataTestIds),\n  destinationNoOptionsMessage: PropTypes.string\n    .description('Custome message to be display when no matches found after filtering in destination panel')\n    .defaultValue('There are no items to display'),\n  sourceNoOptionsMessage: PropTypes.string\n    .description('Custome message to be display when no matches found after filtering in source panel')\n    .defaultValue('There are no items to display'),\n  checkboxSelectAllProps: PropTypes.func\n    .description('Function that returns props for the select all checkbox in the source panel.')\n    .defaultValue({}),\n  moveButtonProps: PropTypes.func\n    .description('Function that returns props for the move button.')\n    .defaultValue(() => ({}))\n    .signature(`(({ isDestionationPanel: boolean }) => ({ \"aria-label\": string }))`),\n  drillDownButtonProps: PropTypes.func\n    .description('Function that returns props for the drilldown button.')\n    .defaultValue(() => ({}))\n    .signature(`(({ isDestionationPanel: boolean }) => ({ \"aria-label\": string }))`),\n  areaSearchBarProps: PropTypes.func\n    .description('Function that returns props for the area search bar.')\n    .defaultValue(() => ({})),\n  dsShuttleV2ListWrapperMid: PropTypes.func\n    .description('Function that returns props for the list wrapper.')\n    .defaultValue(() => ({})),\n};\n\nexport const DSShuttleV2PropTypesSchema = DSShuttleV2PropTypes as unknown as ValidationMap<DSShuttleV2T.Props>;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { type DSButtonT, type DSButtonV3T } from '@elliemae/ds-button-v2';\nimport { type DnDKitTree, type useSortable } from '@elliemae/ds-drag-and-drop';\nimport { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { type DSInputTextT } from '@elliemae/ds-form-input-text';\nimport { type useHeadlessTooltip } from '@elliemae/ds-hooks-headless-tooltip';\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerDatatestIdPropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { ZustandT } from '@elliemae/ds-zustand-helpers';\nimport type React from 'react';\nimport { DSShuttleV2DataTestIds, DSShuttleV2Name, DSShuttleV2Slots } from './constants/index.js';\nimport type { useAutoCalculated } from './config/useAutoCalculated/index.js';\nimport type { ACTIONS_FOCUSES, DropIndicatorPosition, ITEMS_FOCUSES, REGIONS_FOCUSES } from './constants/index.js';\n\nexport declare namespace DSShuttleV2T {\n  export type Datum = Record<string, unknown>;\n  export type PanelMetaInfo = { isDestinationPanel: boolean; hasMultipleSelection?: boolean; height?: number };\n  type HydratedId = string;\n\n  export type DatumInternalMeta = {\n    isFirst: boolean;\n    isLast: boolean;\n    isSelected: boolean;\n    softDeleted: boolean;\n    localIndex: number;\n    hydratedId: HydratedId;\n    hydratedPreventMove: boolean;\n  };\n  export type DatumRenderFlags = {\n    selectionPrevented: boolean;\n    withActions: boolean;\n    withMoveBtn: boolean;\n    withDrilldownBtn: boolean;\n    internallyDisabledMove: boolean;\n    internallyDisabledDrilldown: boolean;\n  };\n\n  export type DropIndicatorPositionValues = TypescriptHelpersT.ObjectValues<typeof DropIndicatorPosition>;\n\n  // =============================================================================\n  // Hydratables section - panel level hydratables\n  // =============================================================================\n  type RequiredPanelHydratables = Record<string, never>;\n  type OptionalPanelHydratables = {\n    batchActionableButtonProps: Record<string, unknown>;\n  };\n  export type PanelHydratables = RequiredPanelHydratables & OptionalPanelHydratables;\n\n  // =============================================================================\n  // Hydratables section - datum level hydratables\n  //    shared usage between internal and custom component\n  // =============================================================================\n  export type PrimaryKeyHydratables = {\n    id: HydratedId;\n  };\n  type FunctionalHydratables = {\n    preventMove?: boolean;\n  };\n  type RequiredDatumHydratablesWithoutComponents = {\n    label: string;\n  };\n  type OptionalDatumHydratablesWithoutComponents = {\n    subtitle?: string;\n    preventDrilldown?: boolean;\n  };\n  type DatumHydratablesWithoutComponents = PrimaryKeyHydratables &\n    FunctionalHydratables &\n    RequiredDatumHydratablesWithoutComponents &\n    OptionalDatumHydratablesWithoutComponents;\n  // =============================================================================\n  // Hydratables section - datum level hydratables\n  //    Custom component-only\n  // =============================================================================\n  export type ComponentProps = {\n    datum: Datum;\n    thisItemIsFocused: boolean;\n    panelMetaInfo: PanelMetaInfo;\n    datumInternalMeta: DatumInternalMeta;\n    datumHydratables: DatumHydratablesWithoutComponents;\n    tooltipHelpers?: ReturnType<typeof useHeadlessTooltip>;\n  };\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  type RequiredDatumHydratablesComponents = {};\n  type OptionalDatumHydratablesComponents = {\n    Icon?: React.ComponentType<ComponentProps>;\n    CustomRenderer?: React.ComponentType<ComponentProps> | null;\n  };\n  // =============================================================================\n  // Hydratables section - datum level hydratables\n  //   Finals\n  // =============================================================================\n  type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;\n  type OptionalDatumHydratables = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents;\n  export type DatumHydratables = PrimaryKeyHydratables & RequiredDatumHydratables & OptionalDatumHydratables;\n\n  // =============================================================================\n  // Hydraters\n  // =============================================================================\n  export type PrimaryKeyHydraters = TypescriptHelpersT.Hydraters<PrimaryKeyHydratables, [Datum]>;\n  export type FunctionalHydraters = TypescriptHelpersT.Hydraters<\n    FunctionalHydratables,\n    [Datum, Partial<PanelMetaInfo>]\n  >;\n  type HydratersMeta = { datumMeta: DatumInternalMeta; panelMetaInfo: PanelMetaInfo };\n  type RequiredDatumHydraters = TypescriptHelpersT.Hydraters<RequiredDatumHydratables, [Datum, HydratersMeta]>;\n  type OptionalDatumHydraters = TypescriptHelpersT.Hydraters<OptionalDatumHydratables, [Datum, HydratersMeta]>;\n\n  type DatumHydraters = PrimaryKeyHydraters & FunctionalHydraters & RequiredDatumHydraters & OptionalDatumHydraters;\n\n  type RequiredPanelHydraters = TypescriptHelpersT.Hydraters<RequiredPanelHydratables, [PanelMetaInfo]>;\n  type OptionalPanelHydraters = Partial<TypescriptHelpersT.Hydraters<OptionalPanelHydratables, [PanelMetaInfo]>>;\n  type PanelHydraters = RequiredPanelHydraters & OptionalPanelHydraters;\n\n  // =============================================================================\n  // Datum & Internals structures\n  // =============================================================================\n  export type ConfiguredDatum = DatumInternalMeta & { original: Datum };\n  export interface ItemMeta extends PanelMetaInfo {\n    datum: Datum;\n    datumHydratables: DatumHydratables;\n    datumInternalMeta: DatumInternalMeta;\n    datumRenderFlags: DatumRenderFlags;\n    withDragNDrop: boolean;\n    useSortableHelpers?: ReturnType<typeof useSortable>;\n  }\n\n  // =============================================================================\n  // Callbacks\n  // =============================================================================\n  type OnDataChange = (\n    newData: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n      item?: Datum;\n      selectedItems?: Datum[];\n    },\n  ) => void;\n\n  type OnChangeEvent<T> = (\n    items: T,\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n    },\n  ) => void;\n\n  type OnReorderEventMetadata = Omit<DnDKitTree.OnReorder<DSShuttleV2T.Datum>, 'considerExpanding'>;\n  type OnReorderEvent = (movedItem: Datum, metadata: OnReorderEventMetadata) => void;\n\n  export type SelectionMap = Record<string, boolean>;\n  type OnSelectionChange = (\n    newSelection: SelectionMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n\n  type OnSelectionDrilldown<T> = (\n    item: T,\n    metainfo: { event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> },\n  ) => void;\n\n  type OnLoadMore = (e: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;\n  type OnFilterChange = (\n    newfilter: string,\n    metainfo: { event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> },\n  ) => void;\n  type OnSearchbarOpen = (\n    newfilter: boolean,\n    metainfo: { event: Parameters<Required<DSButtonT.Props>['onClick']>[0] },\n  ) => void;\n\n  export type SoftDeletedMap = Record<string, boolean>;\n  type OnSoftDeletedChange = (\n    newSoftDeleted: SoftDeletedMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  // =============================================================================\n  // Zustand Store\n  // =============================================================================\n  export type FocusRegion = (typeof REGIONS_FOCUSES)[keyof typeof REGIONS_FOCUSES];\n  export type FocusItem = Omit<(typeof ITEMS_FOCUSES)[keyof typeof ITEMS_FOCUSES], 'GET_SPECIFIC_ITEM'> & string;\n  export type FocusItemAction = (typeof ACTIONS_FOCUSES)[keyof typeof ACTIONS_FOCUSES];\n  export type InternalAtoms = {\n    focusRegion: FocusRegion;\n    focusItem: FocusItem;\n    focusItemAction: FocusItemAction;\n    deferFocusUntilFirstRender: boolean;\n    dropIndicatorPosition: DropIndicatorPositionValues;\n    overId: string;\n    dndDraggingItem: ConfiguredDatum | null;\n    dndDraggingItemMeta: ItemMeta | null;\n    lastActiveId: string;\n    isDropValid: boolean;\n    sourcePanelLastSelectedItem: string | null | undefined;\n    destinationPanelLastSelectedItem: string | null | undefined;\n    shuttleInternalId: string;\n  };\n  export type UseAutoCalculatedT = ReturnType<typeof useAutoCalculated>;\n  export type Selectors = {\n    getIsDragAndDropHappening: () => boolean;\n    getPanelLastSelectedItem: (isDestinationPanel: boolean) => string | null | undefined;\n  };\n  export type Reducers = Record<string, never>;\n  export type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;\n  // =============================================================================\n  // Final Props\n  // =============================================================================\n  export interface RequiredProps<T, H, K> extends RequiredDatumHydraters, PrimaryKeyHydraters {\n    sourceData: Datum[];\n    sourceSelectedItems: SelectionMap;\n    onSourceSelectionChange: OnSelectionChange;\n    SourceHeader: React.ComponentType<T>;\n    onSourceDrilldown: OnSelectionDrilldown<K>;\n\n    destinationData: Datum[];\n    destinationSelectedItems: SelectionMap;\n    onDestinationSelectionChange: OnSelectionChange;\n    DestinationHeader: React.ComponentType<H>;\n    onDestinationDrilldown: OnSelectionDrilldown<K>;\n  }\n\n  export interface DefaultProps<T> extends Required<FunctionalHydraters> {\n    // load-more and loaders\n    sourceIsLoading: boolean;\n    sourceWithLoadMore: boolean;\n    sourceIsLoadingMore: boolean;\n    onSourceLoadMore: OnLoadMore;\n    destinationIsLoading: boolean;\n    destinationWithLoadMore: boolean;\n    destinationIsLoadingMore: boolean;\n    onDestinationLoadMore: OnLoadMore;\n    destinationNoOptionsMessage: string;\n    sourceNoOptionsMessage: string;\n    // switch side\n    onSourceAdd: OnChangeEvent<T>;\n    onSourceRemove: OnChangeEvent<T>;\n    onDestinationAdd: OnChangeEvent<T>;\n    onDestinationRemove: OnChangeEvent<T>;\n\n    // dnd\n    addDragAndDropFromSource: boolean;\n    removeDragAndDropFromDestination: boolean;\n    onSourceReorder: OnReorderEvent;\n    onDestinationReorder: OnReorderEvent;\n\n    // soft delete\n    sourceSoftDeletedItems: SoftDeletedMap;\n    onSourceSoftDelete: OnSoftDeletedChange;\n    destinationSoftDeletedItems: SoftDeletedMap;\n    onDestinationSoftDelete: OnSoftDeletedChange;\n  }\n  export interface OptionalProps\n    extends OptionalDatumHydraters,\n      OptionalPanelHydraters,\n      TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSShuttleV2Name, typeof DSShuttleV2Slots> {\n    sourceItemProps?: Record<string, unknown>;\n    destinationItemProps?: Record<string, unknown>;\n    sourceHeaderProps?: Record<string, unknown>;\n    destinationHeaderProps?: Record<string, unknown>;\n    // filtering\n    sourceShowSearchbar?: boolean;\n    destinationShowSearchbar?: boolean;\n    onSourceOpenSearchbar?: OnSearchbarOpen;\n    onDesinationOpenSearchbar?: OnSearchbarOpen;\n    sourceFilterValue?: string;\n    destinationFilterValue?: string;\n    onSourceFilterChange?: OnFilterChange;\n    onDestinationFilterChange?: OnFilterChange;\n\n    moveButtonProps?: ({\n      itemMeta,\n      isDestinationPanel,\n    }: {\n      itemMeta: ItemMeta;\n      isDestinationPanel: boolean;\n    }) => Omit<DSButtonV3T.Props, 'children'>;\n    drillDownButtonProps?: ({\n      itemMeta,\n      isDestinationPanel,\n    }: {\n      itemMeta: ItemMeta;\n      isDestinationPanel: boolean;\n    }) => Omit<DSButtonV3T.Props, 'children'>;\n\n    checkboxSelectAllProps?: (metainfo: PanelMetaInfo) => DSControlledCheckboxT.Props;\n    dsShuttleV2ListWrapperMid?: (metaInfo: PanelMetaInfo) => Record<string, unknown>;\n    areaSearchBarProps?: (metaInfo: PanelMetaInfo) => DSInputTextT.Props;\n  }\n\n  export interface Props<T, H, N, K>\n    extends Partial<DefaultProps<N>>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps<N> | keyof OptionalProps | keyof RequiredProps<T, H, K>\n      >,\n      XstyledProps,\n      RequiredProps<T, H, K> {}\n\n  export interface InternalProps<T, H, N, K>\n    extends DefaultProps<N>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps<N> | keyof OptionalProps | keyof RequiredProps<T, H, K>\n      >,\n      XstyledProps,\n      RequiredProps<T, H, K> {}\n}\n\nexport const defaultProps: DSShuttleV2T.DefaultProps<object> = {\n  addDragAndDropFromSource: false,\n  removeDragAndDropFromDestination: false,\n  destinationNoOptionsMessage: 'There are no items to display',\n  sourceNoOptionsMessage: 'There are no items to display',\n  sourceIsLoading: false,\n  destinationIsLoading: false,\n  sourceWithLoadMore: false,\n  destinationWithLoadMore: false,\n  sourceIsLoadingMore: false,\n  destinationIsLoadingMore: false,\n  onSourceLoadMore: () => {},\n  onDestinationLoadMore: () => {},\n\n  onSourceAdd: () => {},\n  onDestinationAdd: () => {},\n  onSourceRemove: () => {},\n  onDestinationRemove: () => {},\n  onSourceReorder: () => {},\n  onDestinationReorder: () => {},\n\n  sourceSoftDeletedItems: {},\n  onSourceSoftDelete: () => {},\n  destinationSoftDeletedItems: {},\n  onDestinationSoftDelete: () => {},\n\n  getPreventMove: () => false,\n};\n\nconst DSShuttleV2PropTypes: DSPropTypesSchema<DSShuttleV2T.Props<object, object, object, object>> = {\n  ...getPropsPerSlotPropTypes(DSShuttleV2Name, DSShuttleV2Slots),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n\n  sourceData: PropTypes.arrayOf(PropTypes.object).description(\n    'An array of objects representing the items in the source list',\n  ).isRequired,\n  sourceSelectedItems: PropTypes.object.description('An object representing the selected items in the source list')\n    .isRequired,\n  onSourceSelectionChange: PropTypes.func.description('A function called when the selection in the source list changes')\n    .isRequired,\n  SourceHeader: PropTypes.func.description('The header component for the source list').isRequired,\n  sourceHeaderProps: PropTypes.object.description('Props to be passed to the source header').defaultValue({}),\n  onSourceDrilldown: PropTypes.func.description('A function called when an item in the source list is clicked')\n    .isRequired,\n  destinationData: PropTypes.arrayOf(PropTypes.object).description(\n    'An array of objects representing the items in the destination list',\n  ).isRequired,\n  destinationSelectedItems: PropTypes.object.description(\n    'An object representing the selected items in the destination list',\n  ).isRequired,\n  onDestinationSelectionChange: PropTypes.func.description(\n    'A function called when the selection in the destination list changes',\n  ).isRequired,\n  DestinationHeader: PropTypes.func.description('The header component for the destination list').isRequired,\n  destinationHeaderProps: PropTypes.object.description('Props to be passed to the destination header').defaultValue({}),\n  onDestinationDrilldown: PropTypes.func.description(\n    'A function called when an item in the destination list is clicked',\n  ).isRequired,\n  getId: PropTypes.func.description(\n    'A function that takes an item from the source/destination list and returns its unique identifier',\n  ).isRequired,\n  getLabel: PropTypes.func.description(\n    'A function that takes an item from the source/destination list and returns its display label',\n  ).isRequired,\n  sourceIsLoading: PropTypes.bool\n    .description('A boolean indicating whether the source list is currently loading data')\n    .defaultValue(false),\n  destinationIsLoading: PropTypes.bool\n    .description('A boolean indicating whether the destination list is currently loading data')\n    .defaultValue(false),\n  sourceWithLoadMore: PropTypes.bool\n    .description('A boolean indicating whether the source list supports \"load more\" functionality')\n    .defaultValue(false),\n  destinationWithLoadMore: PropTypes.bool\n    .description('A boolean indicating whether the destination list supports \"load more\" functionality')\n    .defaultValue(false),\n  sourceIsLoadingMore: PropTypes.bool\n    .description('A boolean indicating whether the source list is currently loading more data')\n    .defaultValue(false),\n  destinationIsLoadingMore: PropTypes.bool\n    .description('A boolean indicating whether the destination list is currently loading more data')\n    .defaultValue(false),\n  onSourceLoadMore: PropTypes.func\n    .description('A function called when the \"load more\" button in the source list is clicked')\n    .defaultValue(() => {}),\n  onDestinationLoadMore: PropTypes.func\n    .description('A function called when the \"load more\" button in the destination list is clicked')\n    .defaultValue(() => {}),\n  onSourceAdd: PropTypes.func\n    .description('A function called when an item is added from the source list to the destination list')\n    .defaultValue(() => {}),\n  onDestinationAdd: PropTypes.func\n    .description('A function called when an item is added from the destination list to the source list')\n    .defaultValue(() => {}),\n  onSourceRemove: PropTypes.func\n    .description('A function called when an item is removed from the destination list')\n    .defaultValue(() => {}),\n  onDestinationRemove: PropTypes.func\n    .description('Callback function to handle when an item is removed from the destination shuttle list. ')\n    .defaultValue(() => {}),\n  onSourceReorder: PropTypes.func\n    .description('Callback function to handle when items are reordered in the source shuttle list.')\n    .defaultValue(() => {}),\n  onDestinationReorder: PropTypes.func\n    .description('Callback function to handle when items are reordered in the destination shuttle list. ')\n    .defaultValue(() => {}),\n  sourceSoftDeletedItems: PropTypes.object\n    .description(\n      'Object containing the soft deleted items in the source shuttle list, where the key is the item ID and the value is the deleted item.',\n    )\n    .defaultValue({}),\n  onSourceSoftDelete: PropTypes.func\n    .description('Callback function to handle when an item is soft deleted in the source shuttle list. ')\n    .defaultValue(() => {}),\n  destinationSoftDeletedItems: PropTypes.object\n    .description(\n      'Object containing the soft deleted items in the destination shuttle list, where the key is the item ID and the value is the deleted item.',\n    )\n    .defaultValue({}),\n  onDestinationSoftDelete: PropTypes.func\n    .description('Callback function to handle when an item is soft deleted in the destination shuttle list.')\n    .defaultValue(() => {}),\n  getPreventMove: PropTypes.func\n    .description('Function that determines whether a specific item can be moved to the destination shuttle list. ')\n    .defaultValue(() => false),\n  addDragAndDropFromSource: PropTypes.bool\n    .description('Specifies whether items can be dragged from the source list and dropped into the destination list.')\n    .defaultValue(false),\n  removeDragAndDropFromDestination: PropTypes.bool\n    .description('Specifies whether items can be removed from the destination list by dragging them out of the list.')\n    .defaultValue(false),\n  sourceItemProps: PropTypes.object\n    .description('Specifies additional props to be applied to each item in the source list.')\n    .defaultValue({}),\n  destinationItemProps: PropTypes.object\n    .description('Specifies additional props to be applied to each item in the destination list.')\n    .defaultValue({}),\n  sourceShowSearchbar: PropTypes.bool\n    .description('Specifies whether the search bar should be shown in the source list.')\n    .defaultValue(false),\n  destinationShowSearchbar: PropTypes.bool\n    .description('Specifies whether the search bar should be shown in the destination list.')\n    .defaultValue(false),\n  onSourceOpenSearchbar: PropTypes.func\n    .description('Callback function that is called when the search bar in the source list is opened.')\n    .defaultValue(() => {}),\n  onDesinationOpenSearchbar: PropTypes.func\n    .description('Callback function that is called when the search bar in the destination list is opened.')\n    .defaultValue(() => {}),\n  sourceFilterValue: PropTypes.string\n    .description('Specifies the current value of the search filter in the source list.')\n    .defaultValue(''),\n  destinationFilterValue: PropTypes.string\n    .description('Specifies the current value of the search filter in the destination list.')\n    .defaultValue(''),\n  onSourceFilterChange: PropTypes.func\n    .description('Callback function that is called when the search filter in the source list is changed.')\n    .defaultValue(() => {}),\n  onDestinationFilterChange: PropTypes.func\n    .description('Callback function that is called when the search filter in the destination list is changed.')\n    .defaultValue(() => {}),\n  getSubtitle: PropTypes.func\n    .description('Callback function that returns the subtitle to be displayed for each item in the list.')\n    .defaultValue(() => ''),\n  getIcon: PropTypes.func\n    .description('Callback function that returns the icon to be displayed for each item in the list.')\n    .defaultValue(() => ''),\n  getPreventDrilldown: PropTypes.func\n    .description('Callback function that determines whether drilldown should be prevented for a particular item.')\n    .defaultValue(() => false),\n  getCustomRenderer: PropTypes.func\n    .description('Callback function that returns a custom renderer for each item in the list.')\n    .defaultValue(() => undefined),\n  getBatchActionableButtonProps: PropTypes.func\n    .description('Callback function that returns the props for the batch actionable button in the destination list.')\n    .defaultValue(() => ({}))\n    .signature(`(({ isDestionationPanel: boolean }) => ({ \"aria-label\": string }))`),\n  ...getPropsPerDatatestIdPropTypes(DSShuttleV2DataTestIds),\n  destinationNoOptionsMessage: PropTypes.string\n    .description('Custome message to be display when no matches found after filtering in destination panel')\n    .defaultValue('There are no items to display'),\n  sourceNoOptionsMessage: PropTypes.string\n    .description('Custome message to be display when no matches found after filtering in source panel')\n    .defaultValue('There are no items to display'),\n  checkboxSelectAllProps: PropTypes.func\n    .description('Function that returns props for the select all checkbox in the source panel.')\n    .defaultValue({}),\n  moveButtonProps: PropTypes.func\n    .description('Function that returns props for the move button.')\n    .defaultValue(() => ({}))\n    .signature(`(({ isDestionationPanel: boolean }) => ({ \"aria-label\": string }))`),\n  drillDownButtonProps: PropTypes.func\n    .description('Function that returns props for the drilldown button.')\n    .defaultValue(() => ({}))\n    .signature(`(({ isDestionationPanel: boolean }) => ({ \"aria-label\": string }))`),\n  areaSearchBarProps: PropTypes.func\n    .description('Function that returns props for the area search bar.')\n    .defaultValue(() => ({})),\n  dsShuttleV2ListWrapperMid: PropTypes.func\n    .description('Function that returns props for the list wrapper.')\n    .defaultValue(() => ({})),\n};\n\nexport const DSShuttleV2PropTypesSchema = DSShuttleV2PropTypes as unknown as ValidationMap<\n  DSShuttleV2T.Props<object, object, object, object>\n>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACOvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP,SAAS,wBAAwB,iBAAiB,wBAAwB;AA0TnE,MAAM,eAAkD;AAAA,EAC7D,0BAA0B;AAAA,EAC1B,kCAAkC;AAAA,EAClC,6BAA6B;AAAA,EAC7B,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAE9B,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,qBAAqB,MAAM;AAAA,EAAC;AAAA,EAC5B,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,sBAAsB,MAAM;AAAA,EAAC;AAAA,EAE7B,wBAAwB,CAAC;AAAA,EACzB,oBAAoB,MAAM;AAAA,EAAC;AAAA,EAC3B,6BAA6B,CAAC;AAAA,EAC9B,yBAAyB,MAAM;AAAA,EAAC;AAAA,EAEhC,gBAAgB,MAAM;AACxB;AAEA,MAAM,uBAA8F;AAAA,EAClG,GAAG,yBAAyB,iBAAiB,gBAAgB;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EAEH,YAAY,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA,IAC9C;AAAA,EACF,EAAE;AAAA,EACF,qBAAqB,UAAU,OAAO,YAAY,8DAA8D,EAC7G;AAAA,EACH,yBAAyB,UAAU,KAAK,YAAY,iEAAiE,EAClH;AAAA,EACH,cAAc,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EACrF,mBAAmB,UAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,CAAC,CAAC;AAAA,EAC1G,mBAAmB,UAAU,KAAK,YAAY,8DAA8D,EACzG;AAAA,EACH,iBAAiB,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA,IACnD;AAAA,EACF,EAAE;AAAA,EACF,0BAA0B,UAAU,OAAO;AAAA,IACzC;AAAA,EACF,EAAE;AAAA,EACF,8BAA8B,UAAU,KAAK;AAAA,IAC3C;AAAA,EACF,EAAE;AAAA,EACF,mBAAmB,UAAU,KAAK,YAAY,+CAA+C,EAAE;AAAA,EAC/F,wBAAwB,UAAU,OAAO,YAAY,8CAA8C,EAAE,aAAa,CAAC,CAAC;AAAA,EACpH,wBAAwB,UAAU,KAAK;AAAA,IACrC;AAAA,EACF,EAAE;AAAA,EACF,OAAO,UAAU,KAAK;AAAA,IACpB;AAAA,EACF,EAAE;AAAA,EACF,UAAU,UAAU,KAAK;AAAA,IACvB;AAAA,EACF,EAAE;AAAA,EACF,iBAAiB,UAAU,KACxB,YAAY,wEAAwE,EACpF,aAAa,KAAK;AAAA,EACrB,sBAAsB,UAAU,KAC7B,YAAY,6EAA6E,EACzF,aAAa,KAAK;AAAA,EACrB,oBAAoB,UAAU,KAC3B,YAAY,iFAAiF,EAC7F,aAAa,KAAK;AAAA,EACrB,yBAAyB,UAAU,KAChC,YAAY,sFAAsF,EAClG,aAAa,KAAK;AAAA,EACrB,qBAAqB,UAAU,KAC5B,YAAY,6EAA6E,EACzF,aAAa,KAAK;AAAA,EACrB,0BAA0B,UAAU,KACjC,YAAY,kFAAkF,EAC9F,aAAa,KAAK;AAAA,EACrB,kBAAkB,UAAU,KACzB,YAAY,6EAA6E,EACzF,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,uBAAuB,UAAU,KAC9B,YAAY,kFAAkF,EAC9F,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,aAAa,UAAU,KACpB,YAAY,sFAAsF,EAClG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,kBAAkB,UAAU,KACzB,YAAY,sFAAsF,EAClG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,gBAAgB,UAAU,KACvB,YAAY,qEAAqE,EACjF,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,qBAAqB,UAAU,KAC5B,YAAY,yFAAyF,EACrG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,iBAAiB,UAAU,KACxB,YAAY,kFAAkF,EAC9F,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,sBAAsB,UAAU,KAC7B,YAAY,wFAAwF,EACpG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,wBAAwB,UAAU,OAC/B;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AAAA,EAClB,oBAAoB,UAAU,KAC3B,YAAY,uFAAuF,EACnG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,6BAA6B,UAAU,OACpC;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AAAA,EAClB,yBAAyB,UAAU,KAChC,YAAY,2FAA2F,EACvG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,gBAAgB,UAAU,KACvB,YAAY,iGAAiG,EAC7G,aAAa,MAAM,KAAK;AAAA,EAC3B,0BAA0B,UAAU,KACjC,YAAY,oGAAoG,EAChH,aAAa,KAAK;AAAA,EACrB,kCAAkC,UAAU,KACzC,YAAY,oGAAoG,EAChH,aAAa,KAAK;AAAA,EACrB,iBAAiB,UAAU,OACxB,YAAY,2EAA2E,EACvF,aAAa,CAAC,CAAC;AAAA,EAClB,sBAAsB,UAAU,OAC7B,YAAY,gFAAgF,EAC5F,aAAa,CAAC,CAAC;AAAA,EAClB,qBAAqB,UAAU,KAC5B,YAAY,sEAAsE,EAClF,aAAa,KAAK;AAAA,EACrB,0BAA0B,UAAU,KACjC,YAAY,2EAA2E,EACvF,aAAa,KAAK;AAAA,EACrB,uBAAuB,UAAU,KAC9B,YAAY,oFAAoF,EAChG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,2BAA2B,UAAU,KAClC,YAAY,yFAAyF,EACrG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,mBAAmB,UAAU,OAC1B,YAAY,sEAAsE,EAClF,aAAa,EAAE;AAAA,EAClB,wBAAwB,UAAU,OAC/B,YAAY,2EAA2E,EACvF,aAAa,EAAE;AAAA,EAClB,sBAAsB,UAAU,KAC7B,YAAY,wFAAwF,EACpG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,2BAA2B,UAAU,KAClC,YAAY,6FAA6F,EACzG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,aAAa,UAAU,KACpB,YAAY,wFAAwF,EACpG,aAAa,MAAM,EAAE;AAAA,EACxB,SAAS,UAAU,KAChB,YAAY,oFAAoF,EAChG,aAAa,MAAM,EAAE;AAAA,EACxB,qBAAqB,UAAU,KAC5B,YAAY,gGAAgG,EAC5G,aAAa,MAAM,KAAK;AAAA,EAC3B,mBAAmB,UAAU,KAC1B,YAAY,6EAA6E,EACzF,aAAa,MAAM,MAAS;AAAA,EAC/B,+BAA+B,UAAU,KACtC,YAAY,mGAAmG,EAC/G,aAAa,OAAO,CAAC,EAAE,EACvB,UAAU,oEAAoE;AAAA,EACjF,GAAG,+BAA+B,sBAAsB;AAAA,EACxD,6BAA6B,UAAU,OACpC,YAAY,0FAA0F,EACtG,aAAa,+BAA+B;AAAA,EAC/C,wBAAwB,UAAU,OAC/B,YAAY,qFAAqF,EACjG,aAAa,+BAA+B;AAAA,EAC/C,wBAAwB,UAAU,KAC/B,YAAY,8EAA8E,EAC1F,aAAa,CAAC,CAAC;AAAA,EAClB,iBAAiB,UAAU,KACxB,YAAY,kDAAkD,EAC9D,aAAa,OAAO,CAAC,EAAE,EACvB,UAAU,oEAAoE;AAAA,EACjF,sBAAsB,UAAU,KAC7B,YAAY,uDAAuD,EACnE,aAAa,OAAO,CAAC,EAAE,EACvB,UAAU,oEAAoE;AAAA,EACjF,oBAAoB,UAAU,KAC3B,YAAY,sDAAsD,EAClE,aAAa,OAAO,CAAC,EAAE;AAAA,EAC1B,2BAA2B,UAAU,KAClC,YAAY,mDAAmD,EAC/D,aAAa,OAAO,CAAC,EAAE;AAC5B;AAEO,MAAM,6BAA6B;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-shuttle-v2-valid.js

@@ -0,0 +1,119 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSShuttleV2 } from "../index.js";
+import { defaultProps } from "../react-desc-prop-types.js";
+const testRequiredProps = {
+  destinationData: [],
+  sourceData: [],
+  DestinationHeader: () => /* @__PURE__ */ jsx("div", { children: "Destination" }),
+  SourceHeader: () => /* @__PURE__ */ jsx("div", { children: "Source" }),
+  destinationSelectedItems: {},
+  sourceSelectedItems: {},
+  onDestinationSelectionChange: () => null,
+  onSourceSelectionChange: () => null,
+  getId: (item) => item.dsId,
+  getLabel: (item) => item.label,
+  onDestinationDrilldown: () => null,
+  onSourceDrilldown: () => null
+};
+const testOptionalProps = {
+  sourceItemProps: {},
+  destinationItemProps: {},
+  sourceHeaderProps: {},
+  destinationHeaderProps: {},
+  // filtering
+  sourceShowSearchbar: true,
+  destinationShowSearchbar: true,
+  onSourceOpenSearchbar: () => null,
+  onDesinationOpenSearchbar: () => null,
+  sourceFilterValue: "",
+  destinationFilterValue: "",
+  onSourceFilterChange: (value) => null,
+  onDestinationFilterChange: (value) => null,
+  moveButtonProps: () => ({}),
+  drillDownButtonProps: () => ({}),
+  checkboxSelectAllProps: () => ({}),
+  dsShuttleV2ListWrapperMid: () => ({}),
+  areaSearchBarProps: () => ({})
+};
+const testPartialDefaults = defaultProps;
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = defaultProps;
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  destinationData: [],
+  sourceData: [],
+  DestinationHeader: () => /* @__PURE__ */ jsx("div", { children: "Destination" }),
+  SourceHeader: () => /* @__PURE__ */ jsx("div", { children: "Source" }),
+  destinationSelectedItems: {},
+  sourceSelectedItems: {},
+  onDestinationSelectionChange: () => null,
+  onSourceSelectionChange: () => null,
+  getId: (item) => item.dsId,
+  getLabel: (item) => item.label,
+  onDestinationDrilldown: () => null,
+  onSourceDrilldown: () => null
+};
+const testInferedTypeCompatibility = {
+  destinationData: [],
+  sourceData: [],
+  DestinationHeader: () => /* @__PURE__ */ jsx("div", { children: "Destination" }),
+  SourceHeader: () => /* @__PURE__ */ jsx("div", { children: "Source" }),
+  destinationSelectedItems: {},
+  sourceSelectedItems: {},
+  onDestinationSelectionChange: () => null,
+  onSourceSelectionChange: () => null,
+  getId: (item) => item.dsId,
+  getLabel: (item) => item.label,
+  onDestinationDrilldown: () => null,
+  onSourceDrilldown: () => null
+};
+const BreadCrumb = () => /* @__PURE__ */ jsx("div", { children: "Breadcrumb" });
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSShuttleV2, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSShuttleV2, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(
+    DSShuttleV2,
+    {
+      destinationData: [],
+      sourceData: [],
+      DestinationHeader: BreadCrumb,
+      SourceHeader: BreadCrumb,
+      destinationSelectedItems: {},
+      sourceSelectedItems: {},
+      onDestinationSelectionChange: () => null,
+      onSourceSelectionChange: () => null,
+      getId: (item) => item.dsId,
+      getLabel: (item) => item.label,
+      onDestinationDrilldown: () => null,
+      onSourceDrilldown: () => null,
+      sourceShowSearchbar: true,
+      destinationShowSearchbar: true,
+      onSourceOpenSearchbar: () => null,
+      onDesinationOpenSearchbar: () => null,
+      sourceFilterValue: "",
+      destinationFilterValue: "",
+      onSourceFilterChange: (value) => null,
+      onDestinationFilterChange: (value) => null
+    }
+  )
+] });
+//# sourceMappingURL=typescript-shuttle-v2-valid.js.map

package/dist/esm/typescript-testing/typescript-shuttle-v2-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-shuttle-v2-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSShuttleV2 } from '../index.js';\nimport type { DSShuttleV2T } from '../index.js';\nimport { defaultProps } from '../react-desc-prop-types.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSShuttleV2T.Props<object, object, object, object>;\ntype ComponentPropsInternals = DSShuttleV2T.InternalProps<object, object, object, object>;\ntype ComponentPropsDefaultProps = DSShuttleV2T.DefaultProps<object>;\ntype ComponentPropsOptionalProps = DSShuttleV2T.OptionalProps;\ntype ComponentPropsRequiredProps = DSShuttleV2T.RequiredProps<object, object, object>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  destinationData: [],\n  sourceData: [],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  getId: (item) => (item as { dsId: string }).dsId,\n  getLabel: (item) => (item as { label: string }).label,\n  onDestinationDrilldown: () => null,\n  onSourceDrilldown: () => null,\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  sourceItemProps: {},\n  destinationItemProps: {},\n  sourceHeaderProps: {},\n  destinationHeaderProps: {},\n  // filtering\n  sourceShowSearchbar: true,\n  destinationShowSearchbar: true,\n  onSourceOpenSearchbar: () => null,\n  onDesinationOpenSearchbar: () => null,\n  sourceFilterValue: '',\n  destinationFilterValue: '',\n  onSourceFilterChange: (value: string) => null,\n  onDestinationFilterChange: (value: string) => null,\n\n  moveButtonProps: () => ({}),\n  drillDownButtonProps: () => ({}),\n\n  checkboxSelectAllProps: () => ({}),\n  dsShuttleV2ListWrapperMid: () => ({}),\n  areaSearchBarProps: () => ({}),\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> = defaultProps;\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = defaultProps;\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\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  destinationData: [],\n  sourceData: [],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  getId: (item) => (item as { dsId: string }).dsId,\n  getLabel: (item) => (item as { label: string }).label,\n  onDestinationDrilldown: () => null,\n  onSourceDrilldown: () => null,\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  destinationData: [],\n  sourceData: [],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  getId: (item) => (item as { dsId: string }).dsId,\n  getLabel: (item) => (item as { label: string }).label,\n  onDestinationDrilldown: () => null,\n  onSourceDrilldown: () => null,\n} as ComponentPropsForApp;\n\nconst BreadCrumb = () => <div>Breadcrumb</div>;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSShuttleV2 {...testExplicitDefinition} />\n    <DSShuttleV2 {...testInferedTypeCompatibility} />\n    {/* works with inline values */}\n    <DSShuttleV2\n      destinationData={[]}\n      sourceData={[]}\n      DestinationHeader={BreadCrumb}\n      SourceHeader={BreadCrumb}\n      destinationSelectedItems={{}}\n      sourceSelectedItems={{}}\n      onDestinationSelectionChange={() => null}\n      onSourceSelectionChange={() => null}\n      getId={(item) => (item as { dsId: string }).dsId}\n      getLabel={(item) => (item as { label: string }).label}\n      onDestinationDrilldown={() => null}\n      onSourceDrilldown={() => null}\n      sourceShowSearchbar\n      destinationShowSearchbar\n      onSourceOpenSearchbar={() => null}\n      onDesinationOpenSearchbar={() => null}\n      sourceFilterValue=\"\"\n      destinationFilterValue=\"\"\n      onSourceFilterChange={(value: string) => null}\n      onDestinationFilterChange={(value: string) => null}\n    />\n  </>\n);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/types/DSShuttleV2.d.ts

@@ -1,5 +1,7 @@
-import type React from 'react';
 import type { DSShuttleV2T } from './react-desc-prop-types.js';
-declare const DSShuttleV2: React.FunctionComponent<DSShuttleV2T.Props>;
-declare const DSShuttleV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSShuttleV2T.Props>;
+declare const DSShuttleV2: {
+    <T extends object, H extends object, N extends object, K extends object>(props: DSShuttleV2T.Props<T, H, N, K>): React.JSX.Element;
+    displayName: string;
+};
+declare const DSShuttleV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSShuttleV2T.Props<object, object, object, object>>;
 export { DSShuttleV2, DSShuttleV2WithSchema };

package/dist/types/config/useAutoCalculated/index.d.ts

@@ -1,5 +1,5 @@
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const useAutoCalculated: (propsWithDefaults: DSShuttleV2T.InternalProps) => {
+export declare const useAutoCalculated: <T extends object, H extends object, N extends object, K extends object>(propsWithDefaults: DSShuttleV2T.InternalProps<T, H, N, K>) => {
     destinationVirtualRef: import("react").MutableRefObject<{
         scrollTo: (index: number) => void;
     }>;

package/dist/types/config/useAutoCalculated/useDataStructure.d.ts

@@ -1,5 +1,5 @@
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const useDataStructure: (propsFromUser: DSShuttleV2T.InternalProps) => {
+export declare const useDataStructure: <T extends object, H extends object, N extends object, K extends object>(propsFromUser: DSShuttleV2T.InternalProps<T, H, N, K>) => {
     destinationSelectedItemsMap: Record<string, {
         datum: DSShuttleV2T.Datum;
         index: number;

package/dist/types/config/useStore/useStore.d.ts

@@ -1,7 +1,7 @@
 import { type ZustandT } from '@elliemae/ds-zustand-helpers';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const PropsProvider: ({ createStore, children, }: {
-    createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps & {
+    createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -32,7 +32,7 @@ export declare const PropsProvider: ({ createStore, children, }: {
         sourceSelectionableIds: string;
     }>>;
     children: import("react").ReactNode;
-}) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps & {
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
     destinationVirtualRef: import("react").MutableRefObject<{
         scrollTo: (index: number) => void;
     }>;
@@ -62,7 +62,7 @@ export declare const PropsProvider: ({ createStore, children, }: {
     sourceSelectionableDataIds: string[];
     sourceSelectionableIds: string;
 }>> | undefined>>, usePropsStore: {
-    (): ZustandT.PropsStore<DSShuttleV2T.InternalProps & {
+    (): ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -92,7 +92,7 @@ export declare const PropsProvider: ({ createStore, children, }: {
         sourceSelectionableDataIds: string[];
         sourceSelectionableIds: string;
     }>;
-    <U>(selector: (state: ZustandT.PropsStore<DSShuttleV2T.InternalProps & {
+    <U>(selector: (state: ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -130,9 +130,9 @@ export declare const PropsProvider: ({ createStore, children, }: {
     <U>(selector: (state: ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined): U;
 };
 export declare const config: {
-    defaultProps: DSShuttleV2T.InternalProps;
+    defaultProps: DSShuttleV2T.InternalProps<object, object, object, object>;
     internalAtomDefaultValues: DSShuttleV2T.InternalAtoms;
-    useAutoCalculated: (propsWithDefaults: DSShuttleV2T.InternalProps) => {
+    useAutoCalculated: <T extends object, H extends object, N extends object, K extends object>(propsWithDefaults: DSShuttleV2T.InternalProps<T, H, N, K>) => {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -166,7 +166,7 @@ export declare const config: {
     reducers: ZustandT.ReducerObject<DSShuttleV2T.ShuttleInternalStore, DSShuttleV2T.Reducers>;
     subscribers: ZustandT.Subscribers<DSShuttleV2T.ShuttleInternalStore>;
     PropsProvider: ({ createStore, children, }: {
-        createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps & {
+        createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
             destinationVirtualRef: import("react").MutableRefObject<{
                 scrollTo: (index: number) => void;
             }>;
@@ -197,7 +197,7 @@ export declare const config: {
             sourceSelectionableIds: string;
         }>>;
         children: import("react").ReactNode;
-    }) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps & {
+    }) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -228,7 +228,7 @@ export declare const config: {
         sourceSelectionableIds: string;
     }>> | undefined>>;
     usePropsStore: {
-        (): ZustandT.PropsStore<DSShuttleV2T.InternalProps & {
+        (): ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
             destinationVirtualRef: import("react").MutableRefObject<{
                 scrollTo: (index: number) => void;
             }>;
@@ -258,7 +258,7 @@ export declare const config: {
             sourceSelectionableDataIds: string[];
             sourceSelectionableIds: string;
         }>;
-        <U>(selector: (state: ZustandT.PropsStore<DSShuttleV2T.InternalProps & {
+        <U>(selector: (state: ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
             destinationVirtualRef: import("react").MutableRefObject<{
                 scrollTo: (index: number) => void;
             }>;

package/dist/types/config/useValidateProps.d.ts

@@ -1,3 +1,3 @@
 import type { WeakValidationMap } from 'react';
 import type { DSShuttleV2T } from '../react-desc-prop-types.js';
-export declare const useValidateProps: (props: DSShuttleV2T.Props, propTypes: WeakValidationMap<unknown>) => void;
+export declare const useValidateProps: <T extends object, H extends object, N extends object, K extends object>(props: DSShuttleV2T.Props<T, H, N, K>, propTypes: WeakValidationMap<unknown>) => void;

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

@@ -1,4 +1,76 @@
 export declare const DSShuttleV2Name = "DSShuttlev2";
+export declare const DSShuttleV2Slots: {
+    readonly HEADER_SEARCH_ICON: "header-search-icon";
+    readonly WRAPPER: "wrapper";
+    readonly PANEL_WRAPPER: "panel-wrapper";
+    readonly LIST_WRAPPER: "list-wrapper";
+    readonly ITEM_WRAPPER: "item-wrapper";
+    readonly ITEM_CHECKBOX: "item-checkbox";
+    readonly ITEM_ICON_WRAPPER: "item-icon-wrapper";
+    readonly ITEM_LABEL_WRAPPER: "item-label-wrapper";
+    readonly ITEM_MIDSECTION_WRAPPER: "item-midsection-wrapper";
+    readonly ITEM_SELECTION: "item-selection";
+    readonly ITEM_ACTIONS_WRAPPER: "item-actions-wrapper";
+    readonly ITEM_ACTION_WRAPPER: "item-action-wrapper";
+    readonly ITEM_ACTION_BTN: "item-action-btn";
+    readonly ITEM_ACTION_BTN_DRILLDOWN_ICON: "item-action-btn-drilldown-icon";
+    readonly ITEM_ACTION_BTN_TO_SOURCE_ICON: "item-action-btn-to-source-icon";
+    readonly ITEM_ACTION_BTN_TO_DESTINATION_ICON: "item-action-btn-to-destination-icon";
+    readonly LIST_BOTTOM_LOADING_MORE: "list-bottom-loading-more";
+    readonly LIST_BOTTOM_LOAD_MORE_BTN: "list-bottom-load-more-btn";
+    readonly LIST_WRAPPER_BOTTOM: "list-wrapper-bottom";
+    readonly EMPTY_LIST_WRAPPER: "empty-list-wrapper";
+    readonly ITEMS_WRAPPER: "items-wrapper";
+    readonly LOADING_LIST_WRAPPER: "loading-list-wrapper";
+    readonly MOVE_MULTIPLE_WRAPPER: "move-multiple-wrapper";
+    readonly MOVE_MULTIPLE_BTN: "move-multiple-btn";
+    readonly LIST_WRAPPER_MID: "list-wrapper-mid";
+    readonly LIST_WRAPPER_MID_SCROLLER: "list-wrapper-mid-scroller";
+    readonly LIST_WRAPPER_TOP: "list-wrapper-top";
+    readonly AREA_SEARCH_WRAPPER: "area-search-wrapper";
+    readonly AREA_SEARCH_BAR: "area-search-bar";
+    readonly AREA_SELECTION_HEADER: "area-selection-header";
+    readonly AREA_SELECTION_HEADER_COUNT_LABEL: "area-selection-header-count-label";
+    readonly DRAG_AND_DROP_HANDLE: "drag-and-drop-handle";
+};
+export declare const SHUTTLE_IDS: {
+    readonly SOURCE_PANEL_SEARCH: "ds-shuttle-v2-source-panel-search";
+    readonly DESTINATION_PANEL_SEARCH: "ds-shuttle-v2-destination-panel-search";
+};
+export declare const DSShuttleV2DataTestIds: {
+    readonly HEADER_SEARCH_ICON: "ds-shuttlev2-header-search-icon";
+    readonly WRAPPER: "ds-shuttlev2-wrapper";
+    readonly PANEL_WRAPPER: "ds-shuttlev2-panel-wrapper";
+    readonly LIST_WRAPPER: "ds-shuttlev2-list-wrapper";
+    readonly ITEM_WRAPPER: "ds-shuttlev2-item-wrapper";
+    readonly ITEM_CHECKBOX: "ds-shuttlev2-item-checkbox";
+    readonly ITEM_ICON_WRAPPER: "ds-shuttlev2-item-icon-wrapper";
+    readonly ITEM_LABEL_WRAPPER: "ds-shuttlev2-item-label-wrapper";
+    readonly ITEM_MIDSECTION_WRAPPER: "ds-shuttlev2-item-midsection-wrapper";
+    readonly ITEM_SELECTION: "ds-shuttlev2-item-selection";
+    readonly ITEM_ACTIONS_WRAPPER: "ds-shuttlev2-item-actions-wrapper";
+    readonly ITEM_ACTION_WRAPPER: "ds-shuttlev2-item-action-wrapper";
+    readonly ITEM_ACTION_BTN: "ds-shuttlev2-item-action-btn";
+    readonly ITEM_ACTION_BTN_DRILLDOWN_ICON: "ds-shuttlev2-item-action-btn-drilldown-icon";
+    readonly ITEM_ACTION_BTN_TO_SOURCE_ICON: "ds-shuttlev2-item-action-btn-to-source-icon";
+    readonly ITEM_ACTION_BTN_TO_DESTINATION_ICON: "ds-shuttlev2-item-action-btn-to-destination-icon";
+    readonly LIST_BOTTOM_LOADING_MORE: "ds-shuttlev2-list-bottom-loading-more";
+    readonly LIST_BOTTOM_LOAD_MORE_BTN: "ds-shuttlev2-list-bottom-load-more-btn";
+    readonly LIST_WRAPPER_BOTTOM: "ds-shuttlev2-list-wrapper-bottom";
+    readonly EMPTY_LIST_WRAPPER: "ds-shuttlev2-empty-list-wrapper";
+    readonly ITEMS_WRAPPER: "ds-shuttlev2-items-wrapper";
+    readonly LOADING_LIST_WRAPPER: "ds-shuttlev2-loading-list-wrapper";
+    readonly MOVE_MULTIPLE_WRAPPER: "ds-shuttlev2-move-multiple-wrapper";
+    readonly MOVE_MULTIPLE_BTN: "ds-shuttlev2-move-multiple-btn";
+    readonly LIST_WRAPPER_MID: "ds-shuttlev2-list-wrapper-mid";
+    readonly LIST_WRAPPER_MID_SCROLLER: "ds-shuttlev2-list-wrapper-mid-scroller";
+    readonly LIST_WRAPPER_TOP: "ds-shuttlev2-list-wrapper-top";
+    readonly AREA_SEARCH_WRAPPER: "ds-shuttlev2-area-search-wrapper";
+    readonly AREA_SEARCH_BAR: "ds-shuttlev2-area-search-bar";
+    readonly AREA_SELECTION_HEADER: "ds-shuttlev2-area-selection-header";
+    readonly AREA_SELECTION_HEADER_COUNT_LABEL: "ds-shuttlev2-area-selection-header-count-label";
+    readonly DRAG_AND_DROP_HANDLE: "ds-shuttlev2-drag-and-drop-handle";
+};
 export declare const REGIONS_FOCUSES: {
     readonly SOURCE_HEADER: "source-header";
     readonly SOURCE_PANEL: "source-panel";

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { DSShuttleV2Name, DSShuttleV2Slots, DSShuttleV2DataTestIds } from './config/DSShuttleV2Definitions.js';
+export { DSShuttleV2Name, DSShuttleV2Slots, DSShuttleV2DataTestIds } from './constants/index.js';
 export { DSShuttleV2, DSShuttleV2WithSchema } from './DSShuttleV2.js';
 export { ShuttleItem, type ShuttleItemProps } from './exported-related/index.js';
 export { type DSShuttleV2T } from './react-desc-prop-types.js';

package/dist/types/parts/Panel/middle/ItemListWrapper/useGetDatumHydratables.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type DSShuttleV2T } from '../../../../react-desc-prop-types.js';
 export declare const useGetDatumHydratables: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => (item: DSShuttleV2T.ConfiguredDatum) => {
     preventDrilldown?: boolean | undefined;
-    CustomRenderer?: React.ComponentType<DSShuttleV2T.ComponentProps> | undefined;
+    CustomRenderer?: React.ComponentType<DSShuttleV2T.ComponentProps> | null | undefined;
     Icon?: React.ComponentType<DSShuttleV2T.ComponentProps> | undefined;
     subtitle?: string | undefined;
     id: string;

package/dist/types/parts/Panel/middle/ShuttleLoadingAnnouncement.d.ts

@@ -0,0 +1,3 @@
+export declare const ShuttleLoadingAnnouncement: ({ isLoading }: {
+    isLoading: boolean;
+}) => import("react/jsx-runtime.js").JSX.Element;

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

@@ -7,7 +7,7 @@ import type { GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/d
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type { ZustandT } from '@elliemae/ds-zustand-helpers';
 import type React from 'react';
-import { DSShuttleV2Name, DSShuttleV2Slots } from './config/DSShuttleV2Definitions.js';
+import { DSShuttleV2Name, DSShuttleV2Slots } from './constants/index.js';
 import type { useAutoCalculated } from './config/useAutoCalculated/index.js';
 import type { ACTIONS_FOCUSES, DropIndicatorPosition, ITEMS_FOCUSES, REGIONS_FOCUSES } from './constants/index.js';
 export declare namespace DSShuttleV2T {
@@ -66,7 +66,7 @@ export declare namespace DSShuttleV2T {
     type RequiredDatumHydratablesComponents = {};
     type OptionalDatumHydratablesComponents = {
         Icon?: React.ComponentType<ComponentProps>;
-        CustomRenderer?: React.ComponentType<ComponentProps>;
+        CustomRenderer?: React.ComponentType<ComponentProps> | null;
     };
     type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;
     type OptionalDatumHydratables = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents;
@@ -102,7 +102,7 @@ export declare namespace DSShuttleV2T {
         item?: Datum;
         selectedItems?: Datum[];
     }) => void;
-    type OnChangeEvent = (items: Datum[], metainfo: {
+    type OnChangeEvent<T> = (items: T, metainfo: {
         event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;
     }) => void;
     type OnReorderEventMetadata = Omit<DnDKitTree.OnReorder<DSShuttleV2T.Datum>, 'considerExpanding'>;
@@ -112,11 +112,11 @@ export declare namespace DSShuttleV2T {
         event: Parameters<Required<DSButtonT.Props>['onClick']>[0] | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1] | React.MouseEvent<HTMLButtonElement | HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | React.ChangeEvent<HTMLInputElement>;
         item?: Datum;
     }) => void;
-    type OnSelectionDrilldown = (item: Datum, metainfo: {
+    type OnSelectionDrilldown<T> = (item: T, metainfo: {
         event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;
     }) => void;
     type OnLoadMore = (e: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;
-    type OnFilterChange = (newfilter: string | null, metainfo: {
+    type OnFilterChange = (newfilter: string, metainfo: {
         event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>;
     }) => void;
     type OnSearchbarOpen = (newfilter: boolean, metainfo: {
@@ -143,6 +143,7 @@ export declare namespace DSShuttleV2T {
         isDropValid: boolean;
         sourcePanelLastSelectedItem: string | null | undefined;
         destinationPanelLastSelectedItem: string | null | undefined;
+        shuttleInternalId: string;
     };
     type UseAutoCalculatedT = ReturnType<typeof useAutoCalculated>;
     type Selectors = {
@@ -151,19 +152,19 @@ export declare namespace DSShuttleV2T {
     };
     type Reducers = Record<string, never>;
     type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;
-    interface RequiredProps extends RequiredDatumHydraters, PrimaryKeyHydraters {
+    interface RequiredProps<T, H, K> extends RequiredDatumHydraters, PrimaryKeyHydraters {
         sourceData: Datum[];
         sourceSelectedItems: SelectionMap;
         onSourceSelectionChange: OnSelectionChange;
-        SourceHeader: React.ComponentType<Record<string, unknown>>;
-        onSourceDrilldown: OnSelectionDrilldown;
+        SourceHeader: React.ComponentType<T>;
+        onSourceDrilldown: OnSelectionDrilldown<K>;
         destinationData: Datum[];
         destinationSelectedItems: SelectionMap;
         onDestinationSelectionChange: OnSelectionChange;
-        DestinationHeader: React.ComponentType<Record<string, unknown>>;
-        onDestinationDrilldown: OnSelectionDrilldown;
+        DestinationHeader: React.ComponentType<H>;
+        onDestinationDrilldown: OnSelectionDrilldown<K>;
     }
-    interface DefaultProps extends Required<FunctionalHydraters> {
+    interface DefaultProps<T> extends Required<FunctionalHydraters> {
         sourceIsLoading: boolean;
         sourceWithLoadMore: boolean;
         sourceIsLoadingMore: boolean;
@@ -174,10 +175,10 @@ export declare namespace DSShuttleV2T {
         onDestinationLoadMore: OnLoadMore;
         destinationNoOptionsMessage: string;
         sourceNoOptionsMessage: string;
-        onSourceAdd: OnChangeEvent;
-        onSourceRemove: OnChangeEvent;
-        onDestinationAdd: OnChangeEvent;
-        onDestinationRemove: OnChangeEvent;
+        onSourceAdd: OnChangeEvent<T>;
+        onSourceRemove: OnChangeEvent<T>;
+        onDestinationAdd: OnChangeEvent<T>;
+        onDestinationRemove: OnChangeEvent<T>;
         addDragAndDropFromSource: boolean;
         removeDragAndDropFromDestination: boolean;
         onSourceReorder: OnReorderEvent;
@@ -212,10 +213,10 @@ export declare namespace DSShuttleV2T {
         dsShuttleV2ListWrapperMid?: (metaInfo: PanelMetaInfo) => Record<string, unknown>;
         areaSearchBarProps?: (metaInfo: PanelMetaInfo) => DSInputTextT.Props;
     }
-    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, XstyledProps, RequiredProps {
+    interface Props<T, H, N, K> extends Partial<DefaultProps<N>>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps<N> | keyof OptionalProps | keyof RequiredProps<T, H, K>>, XstyledProps, RequiredProps<T, H, K> {
     }
-    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, XstyledProps, RequiredProps {
+    interface InternalProps<T, H, N, K> extends DefaultProps<N>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps<N> | keyof OptionalProps | keyof RequiredProps<T, H, K>>, XstyledProps, RequiredProps<T, H, K> {
     }
 }
-export declare const defaultProps: DSShuttleV2T.DefaultProps;
-export declare const DSShuttleV2PropTypesSchema: ValidationMap<DSShuttleV2T.Props>;
+export declare const defaultProps: DSShuttleV2T.DefaultProps<object>;
+export declare const DSShuttleV2PropTypesSchema: ValidationMap<DSShuttleV2T.Props<object, object, object, object>>;

package/dist/types/tests/configs/ControlledTestRender.d.ts

@@ -0,0 +1 @@
+export function ControlledTestRender(): import("react/jsx-runtime").JSX.Element;