@elliemae/ds-shuttle-v2 3.70.0-next.31 → 3.70.0-next.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/cjs/DSShuttleV2.js.map +2 -2
  2. package/dist/cjs/config/useAutoCalculated/index.js.map +2 -2
  3. package/dist/cjs/config/useAutoCalculated/useDataStructure.js.map +2 -2
  4. package/dist/cjs/config/useStore/useStore.js.map +1 -1
  5. package/dist/cjs/config/useValidateProps.js.map +2 -2
  6. package/dist/cjs/constants/index.js +0 -1
  7. package/dist/cjs/constants/index.js.map +2 -2
  8. package/dist/cjs/parts/Dnd/DndHandle.js +2 -2
  9. package/dist/cjs/parts/Dnd/DndHandle.js.map +2 -2
  10. package/dist/cjs/parts/Item/ItemActions/ItemActions.js +9 -2
  11. package/dist/cjs/parts/Item/ItemActions/ItemActions.js.map +2 -2
  12. package/dist/cjs/parts/Panel/middle/MultipleSelectionAction.js +6 -2
  13. package/dist/cjs/parts/Panel/middle/MultipleSelectionAction.js.map +2 -2
  14. package/dist/cjs/parts/Panel/top/SelectionHeader.js.map +2 -2
  15. package/dist/cjs/react-desc-prop-types.js +1 -2
  16. package/dist/cjs/react-desc-prop-types.js.map +2 -2
  17. package/dist/cjs/typescript-testing/slot-props.js +180 -0
  18. package/dist/cjs/typescript-testing/slot-props.js.map +7 -0
  19. package/dist/cjs/typescript-testing/typescript-shuttle-v2-valid-with-datum.js +159 -0
  20. package/dist/cjs/typescript-testing/typescript-shuttle-v2-valid-with-datum.js.map +7 -0
  21. package/dist/cjs/typescript-testing/typescript-shuttle-v2-valid.js +0 -1
  22. package/dist/cjs/typescript-testing/typescript-shuttle-v2-valid.js.map +2 -2
  23. package/dist/esm/DSShuttleV2.js.map +2 -2
  24. package/dist/esm/config/useAutoCalculated/index.js.map +2 -2
  25. package/dist/esm/config/useAutoCalculated/useDataStructure.js.map +2 -2
  26. package/dist/esm/config/useStore/useStore.js.map +1 -1
  27. package/dist/esm/config/useValidateProps.js.map +2 -2
  28. package/dist/esm/constants/index.js +0 -1
  29. package/dist/esm/constants/index.js.map +2 -2
  30. package/dist/esm/parts/Dnd/DndHandle.js +3 -3
  31. package/dist/esm/parts/Dnd/DndHandle.js.map +2 -2
  32. package/dist/esm/parts/Item/ItemActions/ItemActions.js +9 -2
  33. package/dist/esm/parts/Item/ItemActions/ItemActions.js.map +2 -2
  34. package/dist/esm/parts/Panel/middle/MultipleSelectionAction.js +6 -2
  35. package/dist/esm/parts/Panel/middle/MultipleSelectionAction.js.map +2 -2
  36. package/dist/esm/parts/Panel/top/SelectionHeader.js.map +2 -2
  37. package/dist/esm/react-desc-prop-types.js +1 -2
  38. package/dist/esm/react-desc-prop-types.js.map +2 -2
  39. package/dist/esm/typescript-testing/slot-props.js +157 -0
  40. package/dist/esm/typescript-testing/slot-props.js.map +7 -0
  41. package/dist/esm/typescript-testing/typescript-shuttle-v2-valid-with-datum.js +136 -0
  42. package/dist/esm/typescript-testing/typescript-shuttle-v2-valid-with-datum.js.map +7 -0
  43. package/dist/esm/typescript-testing/typescript-shuttle-v2-valid.js +0 -1
  44. package/dist/esm/typescript-testing/typescript-shuttle-v2-valid.js.map +2 -2
  45. package/dist/types/DSShuttleV2.d.ts +2 -2
  46. package/dist/types/config/useAutoCalculated/index.d.ts +7 -7
  47. package/dist/types/config/useAutoCalculated/useDataStructure.d.ts +7 -7
  48. package/dist/types/config/useStore/useStore.d.ts +64 -64
  49. package/dist/types/config/useValidateProps.d.ts +1 -1
  50. package/dist/types/constants/index.d.ts +0 -2
  51. package/dist/types/parts/Dnd/DndHandle.d.ts +2 -10
  52. package/dist/types/parts/Item/Item.d.ts +1 -1
  53. package/dist/types/parts/Panel/middle/ItemListWrapper/useGetDatumHydratables.d.ts +2 -2
  54. package/dist/types/react-desc-prop-types.d.ts +109 -57
  55. package/dist/types/typescript-testing/slot-props.d.ts +1 -0
  56. package/dist/types/typescript-testing/typescript-shuttle-v2-valid-with-datum.d.ts +1 -0
  57. package/package.json +23 -23
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOvB,8BAMO;AAIP,uBAA0E;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,OAAG,kDAAyB,kCAAiB,iCAAgB;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EAEH,YAAY,kCAAU,QAAQ,kCAAU,MAAM,EAAE;AAAA,IAC9C;AAAA,EACF,EAAE;AAAA,EACF,qBAAqB,kCAAU,OAAO,YAAY,8DAA8D,EAC7G;AAAA,EACH,yBAAyB,kCAAU,KAAK,YAAY,iEAAiE,EAClH;AAAA,EACH,cAAc,kCAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EACrF,mBAAmB,kCAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,CAAC,CAAC;AAAA,EAC1G,mBAAmB,kCAAU,KAAK,YAAY,8DAA8D,EACzG;AAAA,EACH,iBAAiB,kCAAU,QAAQ,kCAAU,MAAM,EAAE;AAAA,IACnD;AAAA,EACF,EAAE;AAAA,EACF,0BAA0B,kCAAU,OAAO;AAAA,IACzC;AAAA,EACF,EAAE;AAAA,EACF,8BAA8B,kCAAU,KAAK;AAAA,IAC3C;AAAA,EACF,EAAE;AAAA,EACF,mBAAmB,kCAAU,KAAK,YAAY,+CAA+C,EAAE;AAAA,EAC/F,wBAAwB,kCAAU,OAAO,YAAY,8CAA8C,EAAE,aAAa,CAAC,CAAC;AAAA,EACpH,wBAAwB,kCAAU,KAAK;AAAA,IACrC;AAAA,EACF,EAAE;AAAA,EACF,OAAO,kCAAU,KAAK;AAAA,IACpB;AAAA,EACF,EAAE;AAAA,EACF,UAAU,kCAAU,KAAK;AAAA,IACvB;AAAA,EACF,EAAE;AAAA,EACF,iBAAiB,kCAAU,KACxB,YAAY,wEAAwE,EACpF,aAAa,KAAK;AAAA,EACrB,sBAAsB,kCAAU,KAC7B,YAAY,6EAA6E,EACzF,aAAa,KAAK;AAAA,EACrB,oBAAoB,kCAAU,KAC3B,YAAY,iFAAiF,EAC7F,aAAa,KAAK;AAAA,EACrB,yBAAyB,kCAAU,KAChC,YAAY,sFAAsF,EAClG,aAAa,KAAK;AAAA,EACrB,qBAAqB,kCAAU,KAC5B,YAAY,6EAA6E,EACzF,aAAa,KAAK;AAAA,EACrB,0BAA0B,kCAAU,KACjC,YAAY,kFAAkF,EAC9F,aAAa,KAAK;AAAA,EACrB,kBAAkB,kCAAU,KACzB,YAAY,6EAA6E,EACzF,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,uBAAuB,kCAAU,KAC9B,YAAY,kFAAkF,EAC9F,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,aAAa,kCAAU,KACpB,YAAY,sFAAsF,EAClG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,kBAAkB,kCAAU,KACzB,YAAY,sFAAsF,EAClG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,gBAAgB,kCAAU,KACvB,YAAY,qEAAqE,EACjF,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,qBAAqB,kCAAU,KAC5B,YAAY,yFAAyF,EACrG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,iBAAiB,kCAAU,KACxB,YAAY,kFAAkF,EAC9F,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,sBAAsB,kCAAU,KAC7B,YAAY,wFAAwF,EACpG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,wBAAwB,kCAAU,OAC/B;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AAAA,EAClB,oBAAoB,kCAAU,KAC3B,YAAY,uFAAuF,EACnG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,6BAA6B,kCAAU,OACpC;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AAAA,EAClB,yBAAyB,kCAAU,KAChC,YAAY,2FAA2F,EACvG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,gBAAgB,kCAAU,KACvB,YAAY,iGAAiG,EAC7G,aAAa,MAAM,KAAK;AAAA,EAC3B,0BAA0B,kCAAU,KACjC,YAAY,oGAAoG,EAChH,aAAa,KAAK;AAAA,EACrB,kCAAkC,kCAAU,KACzC,YAAY,oGAAoG,EAChH,aAAa,KAAK;AAAA,EACrB,iBAAiB,kCAAU,OACxB,YAAY,2EAA2E,EACvF,aAAa,CAAC,CAAC;AAAA,EAClB,sBAAsB,kCAAU,OAC7B,YAAY,gFAAgF,EAC5F,aAAa,CAAC,CAAC;AAAA,EAClB,qBAAqB,kCAAU,KAC5B,YAAY,sEAAsE,EAClF,aAAa,KAAK;AAAA,EACrB,0BAA0B,kCAAU,KACjC,YAAY,2EAA2E,EACvF,aAAa,KAAK;AAAA,EACrB,uBAAuB,kCAAU,KAC9B,YAAY,oFAAoF,EAChG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,2BAA2B,kCAAU,KAClC,YAAY,yFAAyF,EACrG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,mBAAmB,kCAAU,OAC1B,YAAY,sEAAsE,EAClF,aAAa,EAAE;AAAA,EAClB,wBAAwB,kCAAU,OAC/B,YAAY,2EAA2E,EACvF,aAAa,EAAE;AAAA,EAClB,sBAAsB,kCAAU,KAC7B,YAAY,wFAAwF,EACpG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,2BAA2B,kCAAU,KAClC,YAAY,6FAA6F,EACzG,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,aAAa,kCAAU,KACpB,YAAY,wFAAwF,EACpG,aAAa,MAAM,EAAE;AAAA,EACxB,SAAS,kCAAU,KAChB,YAAY,oFAAoF,EAChG,aAAa,MAAM,EAAE;AAAA,EACxB,qBAAqB,kCAAU,KAC5B,YAAY,gGAAgG,EAC5G,aAAa,MAAM,KAAK;AAAA,EAC3B,mBAAmB,kCAAU,KAC1B,YAAY,6EAA6E,EACzF,aAAa,MAAM,MAAS;AAAA,EAC/B,+BAA+B,kCAAU,KACtC,YAAY,mGAAmG,EAC/G,aAAa,OAAO,CAAC,EAAE,EACvB,UAAU,oEAAoE;AAAA,EACjF,OAAG,wDAA+B,uCAAsB;AAAA,EACxD,6BAA6B,kCAAU,OACpC,YAAY,0FAA0F,EACtG,aAAa,+BAA+B;AAAA,EAC/C,wBAAwB,kCAAU,OAC/B,YAAY,qFAAqF,EACjG,aAAa,+BAA+B;AAAA,EAC/C,wBAAwB,kCAAU,KAC/B,YAAY,8EAA8E,EAC1F,aAAa,CAAC,CAAC;AAAA,EAClB,iBAAiB,kCAAU,KACxB,YAAY,kDAAkD,EAC9D,aAAa,OAAO,CAAC,EAAE,EACvB,UAAU,oEAAoE;AAAA,EACjF,sBAAsB,kCAAU,KAC7B,YAAY,uDAAuD,EACnE,aAAa,OAAO,CAAC,EAAE,EACvB,UAAU,oEAAoE;AAAA,EACjF,oBAAoB,kCAAU,KAC3B,YAAY,sDAAsD,EAClE,aAAa,OAAO,CAAC,EAAE;AAAA,EAC1B,2BAA2B,kCAAU,KAClC,YAAY,mDAAmD,EAC/D,aAAa,OAAO,CAAC,EAAE;AAC5B;AAEO,MAAM,6BAA6B;",
4
+ "sourcesContent": ["/* 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 type { useAutoCalculated } from './config/useAutoCalculated/index.js';\nimport type { ACTIONS_FOCUSES, DropIndicatorPosition, ITEMS_FOCUSES, REGIONS_FOCUSES } from './constants/index.js';\nimport { DSShuttleV2DataTestIds, DSShuttleV2Name, DSShuttleV2Slots } from './constants/index.js';\n\nexport declare namespace DSShuttleV2T {\n export type Datum<D extends Record<string, unknown> = Record<string, unknown>> = D;\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<D extends Record<string, unknown> = Record<string, unknown>> = {\n datum: Datum<D>;\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<D extends Record<string, unknown> = Record<string, unknown>> = {\n Icon?: React.ComponentType<ComponentProps<D>>;\n CustomRenderer?: React.ComponentType<ComponentProps<D>> | null;\n };\n // =============================================================================\n // Hydratables section - datum level hydratables\n // Finals\n // =============================================================================\n type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;\n type OptionalDatumHydratables<D extends Record<string, unknown> = Record<string, unknown>> =\n OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents<D>;\n export type DatumHydratables<D extends Record<string, unknown> = Record<string, unknown>> = PrimaryKeyHydratables &\n RequiredDatumHydratables &\n OptionalDatumHydratables<D>;\n\n // =============================================================================\n // Hydraters\n // =============================================================================\n export type PrimaryKeyHydraters<D extends Record<string, unknown> = Record<string, unknown>> =\n TypescriptHelpersT.Hydraters<PrimaryKeyHydratables, [Datum<D>]>;\n export type FunctionalHydraters<D extends Record<string, unknown> = Record<string, unknown>> =\n TypescriptHelpersT.Hydraters<FunctionalHydratables, [Datum<D>, Partial<PanelMetaInfo>]>;\n type HydratersMeta = { datumMeta: DatumInternalMeta; panelMetaInfo: PanelMetaInfo };\n type RequiredDatumHydraters<D extends Record<string, unknown> = Record<string, unknown>> =\n TypescriptHelpersT.Hydraters<RequiredDatumHydratables, [Datum<D>, HydratersMeta]>;\n type OptionalDatumHydraters<D extends Record<string, unknown> = Record<string, unknown>> =\n TypescriptHelpersT.Hydraters<OptionalDatumHydratables<D>, [Datum<D>, HydratersMeta]>;\n\n type DatumHydraters<D extends Record<string, unknown> = Record<string, unknown>> = PrimaryKeyHydraters<D> &\n FunctionalHydraters<D> &\n RequiredDatumHydraters<D> &\n OptionalDatumHydraters<D>;\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<D extends Record<string, unknown> = Record<string, unknown>> = DatumInternalMeta & {\n original: Datum<D>;\n };\n export interface ItemMeta<D extends Record<string, unknown> = Record<string, unknown>> extends PanelMetaInfo {\n datum: Datum<D>;\n datumHydratables: DatumHydratables<D>;\n datumInternalMeta: DatumInternalMeta;\n datumRenderFlags: DatumRenderFlags;\n withDragNDrop: boolean;\n useSortableHelpers?: ReturnType<typeof useSortable>;\n }\n\n // =============================================================================\n // Slot argument types \u2014 per-slot getOwnerPropsArguments shapes\n // =============================================================================\n export type DragHandleArguments = {\n id: string;\n innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;\n useSortableHelpers: ReturnType<typeof useSortable>;\n isDndActive: boolean;\n isDragging: boolean;\n disabled?: boolean;\n ariaLabelledby?: string;\n };\n\n export type ItemMidSectionArguments<D extends Record<string, unknown> = Record<string, unknown>> = ItemMeta<D> & {\n tooltipHelpers?: ComponentProps<D>['tooltipHelpers'];\n };\n\n // The to-source / to-destination icon slots render in two contexts (per-item action row and\n // bulk-action button). Both receive this single unified shape: the panel info is always present,\n // and the per-item extras (only available in the item-row context) are optional under extraMetaInfo.\n export type ItemActionIconArguments<D extends Record<string, unknown> = Record<string, unknown>> = {\n panelMetaInfo: PanelMetaInfo;\n extraMetaInfo?: { itemMeta?: ItemMeta<D> };\n };\n\n export type SlotFunctionArguments<D extends Record<string, unknown> = Record<string, unknown>> = {\n // Panel-level slots \u2014 receive PanelMetaInfo\n dsShuttlev2PanelWrapper: (args: PanelMetaInfo) => object;\n dsShuttlev2ListWrapper: (args: PanelMetaInfo) => object;\n dsShuttlev2HeaderSearchIcon: (args: PanelMetaInfo) => object;\n dsShuttlev2ListWrapperTop: (args: PanelMetaInfo) => object;\n dsShuttlev2AreaSearchWrapper: (args: PanelMetaInfo) => object;\n dsShuttlev2AreaSearchBar: (args: PanelMetaInfo) => object;\n dsShuttlev2AreaSelectionHeader: (args: PanelMetaInfo) => object;\n dsShuttlev2AreaSelectionHeaderCountLabel: (args: PanelMetaInfo) => object;\n dsShuttlev2AriaLivePanelCenter: (args: PanelMetaInfo) => object;\n dsShuttlev2ListWrapperMid: (args: PanelMetaInfo) => object;\n dsShuttlev2ItemsWrapper: (args: PanelMetaInfo) => object;\n dsShuttlev2MoveMultipleWrapper: (args: PanelMetaInfo) => object;\n dsShuttlev2MoveMultipleBtn: (args: PanelMetaInfo) => object;\n dsShuttlev2MoveMultipleLiveRegion: (args: PanelMetaInfo) => object;\n dsShuttlev2EmptyListWrapper: (args: PanelMetaInfo) => object;\n dsShuttlev2LoadingListWrapper: (args: PanelMetaInfo) => object;\n dsShuttlev2ListBottomLoadingMore: (args: PanelMetaInfo) => object;\n dsShuttlev2ListBottomLoadMoreBtn: (args: PanelMetaInfo) => object;\n dsShuttlev2ListWrapperBottom: (args: PanelMetaInfo) => object;\n // Item-level slots \u2014 receive ItemMeta\n dsShuttlev2ItemWrapper: (args: ItemMeta<D>) => object;\n dsShuttlev2ItemCheckbox: (args: ItemMeta<D>) => object;\n dsShuttlev2ItemSelection: (args: ItemMeta<D>) => object;\n dsShuttlev2ItemLabelWrapper: (args: ItemMeta<D>) => object;\n dsShuttlev2ItemActionsWrapper: (args: ItemMeta<D>) => object;\n dsShuttlev2ItemActionWrapper: (args: ItemMeta<D>) => object;\n dsShuttlev2ItemActionBtn: (args: ItemMeta<D>) => object;\n dsShuttlev2ItemActionBtnDrilldownIcon: (args: ItemMeta<D>) => object;\n // Item-level slots \u2014 receive ItemMeta & { tooltipHelpers? }\n dsShuttlev2ItemMidsectionWrapper: (args: ItemMidSectionArguments<D>) => object;\n dsShuttlev2ItemIconWrapper: (args: ItemMidSectionArguments<D>) => object;\n // Dual-context slots \u2014 rendered in both the item-action row and the bulk-action button;\n // both pass the same unified ItemActionIconArguments shape\n dsShuttlev2ItemActionBtnToSourceIcon: (args: ItemActionIconArguments<D>) => object;\n dsShuttlev2ItemActionBtnToDestinationIcon: (args: ItemActionIconArguments<D>) => object;\n // Drag-and-drop slots \u2014 receive DragHandleArguments\n dsShuttlev2DragAndDropHandleWrapper: (args: DragHandleArguments) => object;\n dsShuttlev2DragAndDropHandle: (args: DragHandleArguments) => object;\n // Root wrapper \u2014 no getOwnerPropsArguments passed\n dsShuttlev2Wrapper: () => object;\n };\n\n export type SlotProps<D extends Record<string, unknown> = Record<string, unknown>> = {\n [K in keyof SlotFunctionArguments<D>]?: object | SlotFunctionArguments<D>[K];\n };\n\n // =============================================================================\n // Callbacks\n // =============================================================================\n type OnDataChange<D extends Record<string, unknown> = Record<string, unknown>> = (\n newData: Datum<D>[],\n metainfo: {\n event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n item?: Datum<D>;\n selectedItems?: Datum<D>[];\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<D extends Record<string, unknown> = Record<string, unknown>> = Omit<\n DnDKitTree.OnReorder<Datum<D>>,\n 'considerExpanding'\n >;\n type OnReorderEvent<D extends Record<string, unknown> = Record<string, unknown>> = (\n movedItem: Datum<D>,\n metadata: OnReorderEventMetadata<D>,\n ) => void;\n\n export type SelectionMap = Record<string, boolean>;\n type OnSelectionChange<D extends Record<string, unknown> = Record<string, unknown>> = (\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<D>;\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<D extends Record<string, unknown> = Record<string, unknown>> = (\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<D>;\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<D extends Record<string, unknown> = Record<string, unknown>>\n extends RequiredDatumHydraters<D>,\n PrimaryKeyHydraters<D> {\n sourceData: Datum<D>[];\n sourceSelectedItems: SelectionMap;\n onSourceSelectionChange: OnSelectionChange<D>;\n // The header component and its props are owned and typed by the consumer; we only render\n // whatever component they pass with whatever props they pass. We deliberately use `any` (not\n // Record<string, unknown>) so a consumer component with its own required prop shape is accepted \u2014\n // ComponentType<Record<string, unknown>> would reject it via parameter contravariance.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n SourceHeader: React.ComponentType<any>;\n onSourceDrilldown: OnSelectionDrilldown<Datum<D>>;\n\n destinationData: Datum<D>[];\n destinationSelectedItems: SelectionMap;\n onDestinationSelectionChange: OnSelectionChange<D>;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n DestinationHeader: React.ComponentType<any>;\n onDestinationDrilldown: OnSelectionDrilldown<Datum<D>>;\n }\n\n export interface DefaultProps<D extends Record<string, unknown> = Record<string, unknown>>\n extends Required<FunctionalHydraters<D>> {\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<Datum<D>[]>;\n onSourceRemove: OnChangeEvent<Datum<D>[]>;\n onDestinationAdd: OnChangeEvent<Datum<D>[]>;\n onDestinationRemove: OnChangeEvent<Datum<D>[]>;\n\n // dnd\n addDragAndDropFromSource: boolean;\n removeDragAndDropFromDestination: boolean;\n onSourceReorder: OnReorderEvent<D>;\n onDestinationReorder: OnReorderEvent<D>;\n\n // soft delete\n sourceSoftDeletedItems: SoftDeletedMap;\n onSourceSoftDelete: OnSoftDeletedChange<D>;\n destinationSoftDeletedItems: SoftDeletedMap;\n onDestinationSoftDelete: OnSoftDeletedChange<D>;\n }\n export interface OptionalProps<D extends Record<string, unknown> = Record<string, unknown>>\n extends OptionalDatumHydraters<D>,\n OptionalPanelHydraters,\n SlotProps<D> {\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<D>;\n isDestinationPanel: boolean;\n }) => Omit<DSButtonV3T.Props, 'children'>;\n drillDownButtonProps?: ({\n itemMeta,\n isDestinationPanel,\n }: {\n itemMeta: ItemMeta<D>;\n isDestinationPanel: boolean;\n }) => Omit<DSButtonV3T.Props, 'children'>;\n\n checkboxSelectAllProps?: (metainfo: PanelMetaInfo) => DSControlledCheckboxT.Props;\n areaSearchBarProps?: (metaInfo: PanelMetaInfo) => DSInputTextT.Props;\n }\n\n export interface Props<D extends Record<string, unknown> = Record<string, unknown>>\n extends Partial<DefaultProps<D>>,\n OptionalProps<D>,\n Omit<\n GlobalAttributesT<HTMLButtonElement>,\n keyof DefaultProps<D> | keyof OptionalProps<D> | keyof RequiredProps<D>\n >,\n XstyledProps,\n RequiredProps<D> {}\n\n export interface InternalProps<D extends Record<string, unknown> = Record<string, unknown>>\n extends DefaultProps<D>,\n OptionalProps<D>,\n Omit<\n GlobalAttributesT<HTMLButtonElement>,\n keyof DefaultProps<D> | keyof OptionalProps<D> | keyof RequiredProps<D>\n >,\n XstyledProps,\n RequiredProps<D> {}\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};\n\nexport const DSShuttleV2PropTypesSchema = DSShuttleV2PropTypes as unknown as ValidationMap<DSShuttleV2T.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -0,0 +1,180 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from === "object" || typeof from === "function") {
10
+ for (let key of __getOwnPropNames(from))
11
+ if (!__hasOwnProp.call(to, key) && key !== except)
12
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ }
14
+ return to;
15
+ };
16
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
+ // If the importer is in node compatibility mode or this is not an ESM
18
+ // file that has been converted to a CommonJS file using a Babel-
19
+ // compatible transform (i.e. "__esModule" has not been set), then set
20
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
24
+ var React = __toESM(require("react"));
25
+ const SlotPropsAsObj = {
26
+ // Panel-level
27
+ dsShuttlev2PanelWrapper: { "aria-label": "just a typescript test" },
28
+ dsShuttlev2ListWrapper: { "aria-label": "just a typescript test" },
29
+ dsShuttlev2HeaderSearchIcon: { "aria-label": "just a typescript test" },
30
+ dsShuttlev2ListWrapperTop: { "aria-label": "just a typescript test" },
31
+ dsShuttlev2AreaSearchWrapper: { "aria-label": "just a typescript test" },
32
+ dsShuttlev2AreaSearchBar: { "aria-label": "just a typescript test" },
33
+ dsShuttlev2AreaSelectionHeader: { "aria-label": "just a typescript test" },
34
+ dsShuttlev2AreaSelectionHeaderCountLabel: { "aria-label": "just a typescript test" },
35
+ dsShuttlev2AriaLivePanelCenter: { "aria-label": "just a typescript test" },
36
+ dsShuttlev2ListWrapperMid: { "aria-label": "just a typescript test" },
37
+ dsShuttlev2ItemsWrapper: { "aria-label": "just a typescript test" },
38
+ dsShuttlev2MoveMultipleWrapper: { "aria-label": "just a typescript test" },
39
+ dsShuttlev2MoveMultipleBtn: { "aria-label": "just a typescript test" },
40
+ dsShuttlev2MoveMultipleLiveRegion: { "aria-label": "just a typescript test" },
41
+ dsShuttlev2EmptyListWrapper: { "aria-label": "just a typescript test" },
42
+ dsShuttlev2LoadingListWrapper: { "aria-label": "just a typescript test" },
43
+ dsShuttlev2ListBottomLoadingMore: { "aria-label": "just a typescript test" },
44
+ dsShuttlev2ListBottomLoadMoreBtn: { "aria-label": "just a typescript test" },
45
+ dsShuttlev2ListWrapperBottom: { "aria-label": "just a typescript test" },
46
+ // Item-level
47
+ dsShuttlev2ItemWrapper: { "aria-label": "just a typescript test" },
48
+ dsShuttlev2ItemCheckbox: { "aria-label": "just a typescript test" },
49
+ dsShuttlev2ItemSelection: { "aria-label": "just a typescript test" },
50
+ dsShuttlev2ItemLabelWrapper: { "aria-label": "just a typescript test" },
51
+ dsShuttlev2ItemActionsWrapper: { "aria-label": "just a typescript test" },
52
+ dsShuttlev2ItemActionWrapper: { "aria-label": "just a typescript test" },
53
+ dsShuttlev2ItemActionBtn: { "aria-label": "just a typescript test" },
54
+ dsShuttlev2ItemActionBtnDrilldownIcon: { "aria-label": "just a typescript test" },
55
+ // Item-level with tooltipHelpers
56
+ dsShuttlev2ItemMidsectionWrapper: { "aria-label": "just a typescript test" },
57
+ dsShuttlev2ItemIconWrapper: { "aria-label": "just a typescript test" },
58
+ // Dual-context
59
+ dsShuttlev2ItemActionBtnToSourceIcon: { "aria-label": "just a typescript test" },
60
+ dsShuttlev2ItemActionBtnToDestinationIcon: { "aria-label": "just a typescript test" },
61
+ // Drag-and-drop
62
+ dsShuttlev2DragAndDropHandleWrapper: { "aria-label": "just a typescript test" },
63
+ dsShuttlev2DragAndDropHandle: { "aria-label": "just a typescript test" },
64
+ // Root wrapper
65
+ dsShuttlev2Wrapper: { "aria-label": "just a typescript test" }
66
+ };
67
+ const testReturn = { "aria-label": "just a typescript test" };
68
+ const panelMetaProbe = (args) => {
69
+ const { isDestinationPanel, hasMultipleSelection, height } = args;
70
+ const _isDestinationPanel = isDestinationPanel;
71
+ const _hasMultipleSelection = hasMultipleSelection;
72
+ const _height = height;
73
+ return testReturn;
74
+ };
75
+ const itemMetaProbe = (args) => {
76
+ const {
77
+ isDestinationPanel,
78
+ hasMultipleSelection,
79
+ height,
80
+ datum,
81
+ datumHydratables,
82
+ datumInternalMeta,
83
+ datumRenderFlags,
84
+ withDragNDrop,
85
+ useSortableHelpers
86
+ } = args;
87
+ const _isDestinationPanel = isDestinationPanel;
88
+ const _hasMultipleSelection = hasMultipleSelection;
89
+ const _height = height;
90
+ const _datum = datum;
91
+ const _datumHydratables = datumHydratables;
92
+ const _datumInternalMeta = datumInternalMeta;
93
+ const _datumRenderFlags = datumRenderFlags;
94
+ const _withDragNDrop = withDragNDrop;
95
+ const _useSortableHelpers = useSortableHelpers;
96
+ return testReturn;
97
+ };
98
+ const itemMidSectionProbe = (args) => {
99
+ const {
100
+ datum,
101
+ datumHydratables,
102
+ datumInternalMeta,
103
+ datumRenderFlags,
104
+ withDragNDrop,
105
+ useSortableHelpers,
106
+ isDestinationPanel,
107
+ tooltipHelpers
108
+ } = args;
109
+ const _datum = datum;
110
+ const _datumHydratables = datumHydratables;
111
+ const _datumInternalMeta = datumInternalMeta;
112
+ const _datumRenderFlags = datumRenderFlags;
113
+ const _withDragNDrop = withDragNDrop;
114
+ const _useSortableHelpers = useSortableHelpers;
115
+ const _isDestinationPanel = isDestinationPanel;
116
+ const _tooltipHelpers = tooltipHelpers;
117
+ return testReturn;
118
+ };
119
+ const itemActionIconProbe = (args) => {
120
+ const { panelMetaInfo, extraMetaInfo } = args;
121
+ const _panelMetaInfo = panelMetaInfo;
122
+ const _extraMetaInfo = extraMetaInfo;
123
+ const _itemMeta = extraMetaInfo?.itemMeta;
124
+ return testReturn;
125
+ };
126
+ const dragHandleProbe = (args) => {
127
+ const { id, innerRef, useSortableHelpers, isDndActive, isDragging, disabled, ariaLabelledby } = args;
128
+ const _id = id;
129
+ const _innerRef = innerRef;
130
+ const _useSortableHelpers = useSortableHelpers;
131
+ const _isDndActive = isDndActive;
132
+ const _isDragging = isDragging;
133
+ const _disabled = disabled;
134
+ const _ariaLabelledby = ariaLabelledby;
135
+ return testReturn;
136
+ };
137
+ const SlotPropsAsFunctions = {
138
+ // Panel-level — receive PanelMetaInfo
139
+ dsShuttlev2PanelWrapper: panelMetaProbe,
140
+ dsShuttlev2ListWrapper: panelMetaProbe,
141
+ dsShuttlev2HeaderSearchIcon: panelMetaProbe,
142
+ dsShuttlev2ListWrapperTop: panelMetaProbe,
143
+ dsShuttlev2AreaSearchWrapper: panelMetaProbe,
144
+ dsShuttlev2AreaSearchBar: panelMetaProbe,
145
+ dsShuttlev2AreaSelectionHeader: panelMetaProbe,
146
+ dsShuttlev2AreaSelectionHeaderCountLabel: panelMetaProbe,
147
+ dsShuttlev2AriaLivePanelCenter: panelMetaProbe,
148
+ dsShuttlev2ListWrapperMid: panelMetaProbe,
149
+ dsShuttlev2ItemsWrapper: panelMetaProbe,
150
+ dsShuttlev2MoveMultipleWrapper: panelMetaProbe,
151
+ dsShuttlev2MoveMultipleBtn: panelMetaProbe,
152
+ dsShuttlev2MoveMultipleLiveRegion: panelMetaProbe,
153
+ dsShuttlev2EmptyListWrapper: panelMetaProbe,
154
+ dsShuttlev2LoadingListWrapper: panelMetaProbe,
155
+ dsShuttlev2ListBottomLoadingMore: panelMetaProbe,
156
+ dsShuttlev2ListBottomLoadMoreBtn: panelMetaProbe,
157
+ dsShuttlev2ListWrapperBottom: panelMetaProbe,
158
+ // Item-level — receive ItemMeta
159
+ dsShuttlev2ItemWrapper: itemMetaProbe,
160
+ dsShuttlev2ItemCheckbox: itemMetaProbe,
161
+ dsShuttlev2ItemSelection: itemMetaProbe,
162
+ dsShuttlev2ItemLabelWrapper: itemMetaProbe,
163
+ dsShuttlev2ItemActionsWrapper: itemMetaProbe,
164
+ dsShuttlev2ItemActionWrapper: itemMetaProbe,
165
+ dsShuttlev2ItemActionBtn: itemMetaProbe,
166
+ dsShuttlev2ItemActionBtnDrilldownIcon: itemMetaProbe,
167
+ // Item-level with tooltipHelpers — receive ItemMidSectionArguments
168
+ dsShuttlev2ItemMidsectionWrapper: itemMidSectionProbe,
169
+ dsShuttlev2ItemIconWrapper: itemMidSectionProbe,
170
+ // Dual-context — receive ItemActionIconArguments
171
+ dsShuttlev2ItemActionBtnToSourceIcon: itemActionIconProbe,
172
+ dsShuttlev2ItemActionBtnToDestinationIcon: itemActionIconProbe,
173
+ // Drag-and-drop — receive DragHandleArguments
174
+ dsShuttlev2DragAndDropHandleWrapper: dragHandleProbe,
175
+ dsShuttlev2DragAndDropHandle: dragHandleProbe,
176
+ // Root wrapper — no arguments
177
+ dsShuttlev2Wrapper: () => testReturn
178
+ };
179
+ const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
180
+ //# sourceMappingURL=slot-props.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/naming-convention */\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSShuttleV2Name, DSShuttleV2Slots } from '../constants/index.js';\nimport type { DSShuttleV2T } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSShuttleV2T.Props> = {\n // Panel-level\n dsShuttlev2PanelWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ListWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2HeaderSearchIcon: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ListWrapperTop: { 'aria-label': 'just a typescript test' },\n dsShuttlev2AreaSearchWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2AreaSearchBar: { 'aria-label': 'just a typescript test' },\n dsShuttlev2AreaSelectionHeader: { 'aria-label': 'just a typescript test' },\n dsShuttlev2AreaSelectionHeaderCountLabel: { 'aria-label': 'just a typescript test' },\n dsShuttlev2AriaLivePanelCenter: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ListWrapperMid: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemsWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2MoveMultipleWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2MoveMultipleBtn: { 'aria-label': 'just a typescript test' },\n dsShuttlev2MoveMultipleLiveRegion: { 'aria-label': 'just a typescript test' },\n dsShuttlev2EmptyListWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2LoadingListWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ListBottomLoadingMore: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ListBottomLoadMoreBtn: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ListWrapperBottom: { 'aria-label': 'just a typescript test' },\n // Item-level\n dsShuttlev2ItemWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemCheckbox: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemSelection: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemLabelWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemActionsWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemActionWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemActionBtn: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemActionBtnDrilldownIcon: { 'aria-label': 'just a typescript test' },\n // Item-level with tooltipHelpers\n dsShuttlev2ItemMidsectionWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemIconWrapper: { 'aria-label': 'just a typescript test' },\n // Dual-context\n dsShuttlev2ItemActionBtnToSourceIcon: { 'aria-label': 'just a typescript test' },\n dsShuttlev2ItemActionBtnToDestinationIcon: { 'aria-label': 'just a typescript test' },\n // Drag-and-drop\n dsShuttlev2DragAndDropHandleWrapper: { 'aria-label': 'just a typescript test' },\n dsShuttlev2DragAndDropHandle: { 'aria-label': 'just a typescript test' },\n // Root wrapper\n dsShuttlev2Wrapper: { 'aria-label': 'just a typescript test' },\n};\n\n// Probes: each fully deconstructs its argument interface and assigns every field to a const of the\n// exact expected type. This makes the test shield against ANY change to the argument shape \u2014 a\n// removed/renamed field breaks the destructure; a retyped field breaks the typed assignment.\nconst testReturn = { 'aria-label': 'just a typescript test' };\n\nconst panelMetaProbe = (args: DSShuttleV2T.PanelMetaInfo): object => {\n const { isDestinationPanel, hasMultipleSelection, height } = args;\n const _isDestinationPanel: boolean = isDestinationPanel;\n const _hasMultipleSelection: boolean | undefined = hasMultipleSelection;\n const _height: number | undefined = height;\n return testReturn;\n};\n\nconst itemMetaProbe = (args: DSShuttleV2T.ItemMeta): object => {\n const {\n isDestinationPanel,\n hasMultipleSelection,\n height,\n datum,\n datumHydratables,\n datumInternalMeta,\n datumRenderFlags,\n withDragNDrop,\n useSortableHelpers,\n } = args;\n const _isDestinationPanel: boolean = isDestinationPanel;\n const _hasMultipleSelection: boolean | undefined = hasMultipleSelection;\n const _height: number | undefined = height;\n const _datum: DSShuttleV2T.Datum = datum;\n const _datumHydratables: DSShuttleV2T.DatumHydratables = datumHydratables;\n const _datumInternalMeta: DSShuttleV2T.DatumInternalMeta = datumInternalMeta;\n const _datumRenderFlags: DSShuttleV2T.DatumRenderFlags = datumRenderFlags;\n const _withDragNDrop: boolean = withDragNDrop;\n const _useSortableHelpers: DSShuttleV2T.ItemMeta['useSortableHelpers'] = useSortableHelpers;\n return testReturn;\n};\n\nconst itemMidSectionProbe = (args: DSShuttleV2T.ItemMidSectionArguments): object => {\n const {\n datum,\n datumHydratables,\n datumInternalMeta,\n datumRenderFlags,\n withDragNDrop,\n useSortableHelpers,\n isDestinationPanel,\n tooltipHelpers,\n } = args;\n const _datum: DSShuttleV2T.Datum = datum;\n const _datumHydratables: DSShuttleV2T.DatumHydratables = datumHydratables;\n const _datumInternalMeta: DSShuttleV2T.DatumInternalMeta = datumInternalMeta;\n const _datumRenderFlags: DSShuttleV2T.DatumRenderFlags = datumRenderFlags;\n const _withDragNDrop: boolean = withDragNDrop;\n const _useSortableHelpers: DSShuttleV2T.ItemMeta['useSortableHelpers'] = useSortableHelpers;\n const _isDestinationPanel: boolean = isDestinationPanel;\n const _tooltipHelpers: DSShuttleV2T.ComponentProps['tooltipHelpers'] = tooltipHelpers;\n return testReturn;\n};\n\nconst itemActionIconProbe = (args: DSShuttleV2T.ItemActionIconArguments): object => {\n const { panelMetaInfo, extraMetaInfo } = args;\n const _panelMetaInfo: DSShuttleV2T.PanelMetaInfo = panelMetaInfo;\n const _extraMetaInfo: { itemMeta?: DSShuttleV2T.ItemMeta } | undefined = extraMetaInfo;\n const _itemMeta: DSShuttleV2T.ItemMeta | undefined = extraMetaInfo?.itemMeta;\n return testReturn;\n};\n\nconst dragHandleProbe = (args: DSShuttleV2T.DragHandleArguments): object => {\n const { id, innerRef, useSortableHelpers, isDndActive, isDragging, disabled, ariaLabelledby } = args;\n const _id: string = id;\n const _innerRef: DSShuttleV2T.DragHandleArguments['innerRef'] = innerRef;\n const _useSortableHelpers: DSShuttleV2T.DragHandleArguments['useSortableHelpers'] = useSortableHelpers;\n const _isDndActive: boolean = isDndActive;\n const _isDragging: boolean = isDragging;\n const _disabled: boolean | undefined = disabled;\n const _ariaLabelledby: string | undefined = ariaLabelledby;\n return testReturn;\n};\n\nconst SlotPropsAsFunctions: DSShuttleV2T.SlotFunctionArguments = {\n // Panel-level \u2014 receive PanelMetaInfo\n dsShuttlev2PanelWrapper: panelMetaProbe,\n dsShuttlev2ListWrapper: panelMetaProbe,\n dsShuttlev2HeaderSearchIcon: panelMetaProbe,\n dsShuttlev2ListWrapperTop: panelMetaProbe,\n dsShuttlev2AreaSearchWrapper: panelMetaProbe,\n dsShuttlev2AreaSearchBar: panelMetaProbe,\n dsShuttlev2AreaSelectionHeader: panelMetaProbe,\n dsShuttlev2AreaSelectionHeaderCountLabel: panelMetaProbe,\n dsShuttlev2AriaLivePanelCenter: panelMetaProbe,\n dsShuttlev2ListWrapperMid: panelMetaProbe,\n dsShuttlev2ItemsWrapper: panelMetaProbe,\n dsShuttlev2MoveMultipleWrapper: panelMetaProbe,\n dsShuttlev2MoveMultipleBtn: panelMetaProbe,\n dsShuttlev2MoveMultipleLiveRegion: panelMetaProbe,\n dsShuttlev2EmptyListWrapper: panelMetaProbe,\n dsShuttlev2LoadingListWrapper: panelMetaProbe,\n dsShuttlev2ListBottomLoadingMore: panelMetaProbe,\n dsShuttlev2ListBottomLoadMoreBtn: panelMetaProbe,\n dsShuttlev2ListWrapperBottom: panelMetaProbe,\n // Item-level \u2014 receive ItemMeta\n dsShuttlev2ItemWrapper: itemMetaProbe,\n dsShuttlev2ItemCheckbox: itemMetaProbe,\n dsShuttlev2ItemSelection: itemMetaProbe,\n dsShuttlev2ItemLabelWrapper: itemMetaProbe,\n dsShuttlev2ItemActionsWrapper: itemMetaProbe,\n dsShuttlev2ItemActionWrapper: itemMetaProbe,\n dsShuttlev2ItemActionBtn: itemMetaProbe,\n dsShuttlev2ItemActionBtnDrilldownIcon: itemMetaProbe,\n // Item-level with tooltipHelpers \u2014 receive ItemMidSectionArguments\n dsShuttlev2ItemMidsectionWrapper: itemMidSectionProbe,\n dsShuttlev2ItemIconWrapper: itemMidSectionProbe,\n // Dual-context \u2014 receive ItemActionIconArguments\n dsShuttlev2ItemActionBtnToSourceIcon: itemActionIconProbe,\n dsShuttlev2ItemActionBtnToDestinationIcon: itemActionIconProbe,\n // Drag-and-drop \u2014 receive DragHandleArguments\n dsShuttlev2DragAndDropHandleWrapper: dragHandleProbe,\n dsShuttlev2DragAndDropHandle: dragHandleProbe,\n // Root wrapper \u2014 no arguments\n dsShuttlev2Wrapper: () => testReturn,\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot defined in DSShuttleV2Slots\n// is missing from SlotFunctionArguments (or vice versa).\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n TypescriptHelpersT.PropsForSlots<typeof DSShuttleV2Name, typeof DSShuttleV2Slots>\n> = SlotPropsAsFunctions;\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -0,0 +1,159 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from === "object" || typeof from === "function") {
10
+ for (let key of __getOwnPropNames(from))
11
+ if (!__hasOwnProp.call(to, key) && key !== except)
12
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ }
14
+ return to;
15
+ };
16
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
+ // If the importer is in node compatibility mode or this is not an ESM
18
+ // file that has been converted to a CommonJS file using a Babel-
19
+ // compatible transform (i.e. "__esModule" has not been set), then set
20
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
24
+ var React = __toESM(require("react"));
25
+ var import_jsx_runtime = require("react/jsx-runtime");
26
+ var import__ = require("../index.js");
27
+ const aDatum = { dsId: "1", label: "Team A", seed: 1, isBracket: false };
28
+ const testRequiredProps = {
29
+ destinationData: [],
30
+ sourceData: [aDatum],
31
+ DestinationHeader: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "Destination" }),
32
+ SourceHeader: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "Source" }),
33
+ destinationSelectedItems: {},
34
+ sourceSelectedItems: {},
35
+ onDestinationSelectionChange: () => null,
36
+ onSourceSelectionChange: () => null,
37
+ // hydraters receive the typed datum
38
+ getId: (item) => {
39
+ const { seed } = item;
40
+ return item.dsId;
41
+ },
42
+ getLabel: (item) => {
43
+ const { isBracket } = item;
44
+ return item.label;
45
+ },
46
+ // drilldown receives a single typed datum
47
+ onDestinationDrilldown: (item) => {
48
+ const { seed } = item;
49
+ },
50
+ onSourceDrilldown: (item) => {
51
+ const { seed } = item;
52
+ }
53
+ };
54
+ const { sourceData } = testRequiredProps;
55
+ const { destinationData } = testRequiredProps;
56
+ const testOptionalProps = {
57
+ sourceItemProps: {},
58
+ destinationItemProps: {},
59
+ sourceHeaderProps: {},
60
+ destinationHeaderProps: {},
61
+ sourceShowSearchbar: true,
62
+ destinationShowSearchbar: true,
63
+ onSourceOpenSearchbar: () => null,
64
+ onDesinationOpenSearchbar: () => null,
65
+ sourceFilterValue: "",
66
+ destinationFilterValue: "",
67
+ onSourceFilterChange: (value) => null,
68
+ onDestinationFilterChange: (value) => null,
69
+ // moveButtonProps / drillDownButtonProps receive ItemMeta<TournamentDatum>
70
+ moveButtonProps: ({ itemMeta }) => {
71
+ const { seed } = itemMeta.datum;
72
+ return {};
73
+ },
74
+ drillDownButtonProps: ({ itemMeta }) => {
75
+ const { isBracket } = itemMeta.datum;
76
+ return {};
77
+ },
78
+ checkboxSelectAllProps: () => ({}),
79
+ areaSearchBarProps: () => ({}),
80
+ // item-level slot getter receives ItemMeta<TournamentDatum> → datum is TournamentDatum
81
+ dsShuttlev2ItemWrapper: (itemMeta) => {
82
+ const { datum } = itemMeta;
83
+ const { seed } = itemMeta.datum;
84
+ return { "aria-label": "typed datum slot" };
85
+ },
86
+ // mid-section slot getter receives ItemMidSectionArguments<TournamentDatum>
87
+ dsShuttlev2ItemMidsectionWrapper: (args) => {
88
+ const { seed } = args.datum;
89
+ return { "aria-label": "typed datum slot" };
90
+ },
91
+ // dual-context icon slot — datum reachable (and typed) via extraMetaInfo.itemMeta
92
+ dsShuttlev2ItemActionBtnToDestinationIcon: ({ panelMetaInfo, extraMetaInfo }) => {
93
+ const { isDestinationPanel } = panelMetaInfo;
94
+ const datum = extraMetaInfo?.itemMeta?.datum;
95
+ const seed = extraMetaInfo?.itemMeta?.datum.seed;
96
+ return { "aria-label": "typed datum slot" };
97
+ }
98
+ };
99
+ const testDefaultPropsPartial = {
100
+ onSourceAdd: (itemsArg) => {
101
+ const items = itemsArg;
102
+ const firstSeed = items[0]?.seed;
103
+ },
104
+ onSourceRemove: (itemsArg) => {
105
+ const items = itemsArg;
106
+ },
107
+ onDestinationAdd: (itemsArg) => {
108
+ const items = itemsArg;
109
+ },
110
+ onDestinationRemove: (itemsArg) => {
111
+ const items = itemsArg;
112
+ },
113
+ onSourceReorder: (movedItem) => {
114
+ const { seed } = movedItem;
115
+ },
116
+ onDestinationReorder: (movedItem) => {
117
+ const { seed } = movedItem;
118
+ }
119
+ };
120
+ const testProps = {
121
+ ...testRequiredProps,
122
+ ...testOptionalProps,
123
+ ...testDefaultPropsPartial
124
+ };
125
+ const testInternalProps = {
126
+ ...testRequiredProps,
127
+ ...testOptionalProps,
128
+ ...testDefaultPropsPartial
129
+ };
130
+ const BreadCrumb = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "Breadcrumb" });
131
+ const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
132
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSShuttleV2, { ...testProps }),
133
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
134
+ import__.DSShuttleV2,
135
+ {
136
+ sourceData: [aDatum],
137
+ destinationData: [],
138
+ DestinationHeader: BreadCrumb,
139
+ SourceHeader: BreadCrumb,
140
+ destinationSelectedItems: {},
141
+ sourceSelectedItems: {},
142
+ onDestinationSelectionChange: () => null,
143
+ onSourceSelectionChange: () => null,
144
+ getId: (item) => item.dsId,
145
+ getLabel: (item) => item.label,
146
+ onDestinationDrilldown: (item) => {
147
+ const { seed } = item;
148
+ },
149
+ onSourceDrilldown: (item) => {
150
+ const { seed } = item;
151
+ },
152
+ onSourceAdd: (items) => {
153
+ const seed = items[0]?.seed;
154
+ },
155
+ dsShuttlev2ItemWrapper: (itemMeta) => ({ "data-seed": String(itemMeta.datum.seed) })
156
+ }
157
+ )
158
+ ] });
159
+ //# sourceMappingURL=typescript-shuttle-v2-valid-with-datum.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-shuttle-v2-valid-with-datum.tsx"],
4
+ "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';\n\n// =====================================================================================================\n// Typed-datum variant of typescript-shuttle-v2-valid.\n//\n// Same validity surface as the base file, but it supplies a CONCRETE datum type via the D generic and\n// asserts that D actually propagates: sourceData, hydraters, selection/drilldown/add/remove callbacks,\n// and every slot getter must surface `TournamentDatum` (not the default Record<string, unknown>).\n//\n// Each `const _x: <typed field> = ...` below reads a TournamentDatum-only field (e.g. `seed`). If the\n// generic ever stops flowing \u2014 datum collapsing back to Record<string, unknown> \u2014 `.seed` becomes\n// `unknown` and these assignments fail to compile. That is the shield.\n// =====================================================================================================\n\ninterface TournamentDatum extends Record<string, unknown> {\n dsId: string;\n label: string;\n seed: number;\n isBracket: boolean;\n}\n\ntype TypedProps = DSShuttleV2T.Props<TournamentDatum>;\ntype TypedInternalProps = DSShuttleV2T.InternalProps<TournamentDatum>;\ntype TypedDefaultProps = DSShuttleV2T.DefaultProps<TournamentDatum>;\ntype TypedOptionalProps = DSShuttleV2T.OptionalProps<TournamentDatum>;\ntype TypedRequiredProps = DSShuttleV2T.RequiredProps<TournamentDatum>;\n\nconst aDatum: TournamentDatum = { dsId: '1', label: 'Team A', seed: 1, isBracket: false };\n\nconst testRequiredProps: TypedRequiredProps = {\n destinationData: [],\n sourceData: [aDatum],\n DestinationHeader: () => <div>Destination</div>,\n SourceHeader: () => <div>Source</div>,\n destinationSelectedItems: {},\n sourceSelectedItems: {},\n onDestinationSelectionChange: () => null,\n onSourceSelectionChange: () => null,\n // hydraters receive the typed datum\n getId: (item) => {\n const { seed } = item;\n return item.dsId;\n },\n getLabel: (item) => {\n const { isBracket } = item;\n return item.label;\n },\n // drilldown receives a single typed datum\n onDestinationDrilldown: (item) => {\n const { seed } = item;\n },\n onSourceDrilldown: (item) => {\n const { seed } = item;\n },\n};\n\n// sourceData/destinationData are TournamentDatum arrays\nconst { sourceData } = testRequiredProps;\nconst { destinationData } = testRequiredProps;\n\nconst testOptionalProps: TypedOptionalProps = {\n sourceItemProps: {},\n destinationItemProps: {},\n sourceHeaderProps: {},\n destinationHeaderProps: {},\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 / drillDownButtonProps receive ItemMeta<TournamentDatum>\n moveButtonProps: ({ itemMeta }) => {\n const { seed } = itemMeta.datum;\n return {};\n },\n drillDownButtonProps: ({ itemMeta }) => {\n const { isBracket } = itemMeta.datum;\n return {};\n },\n\n checkboxSelectAllProps: () => ({}),\n areaSearchBarProps: () => ({}),\n\n // item-level slot getter receives ItemMeta<TournamentDatum> \u2192 datum is TournamentDatum\n dsShuttlev2ItemWrapper: (itemMeta) => {\n const { datum } = itemMeta;\n const { seed } = itemMeta.datum;\n return { 'aria-label': 'typed datum slot' };\n },\n // mid-section slot getter receives ItemMidSectionArguments<TournamentDatum>\n dsShuttlev2ItemMidsectionWrapper: (args) => {\n const { seed } = args.datum;\n return { 'aria-label': 'typed datum slot' };\n },\n // dual-context icon slot \u2014 datum reachable (and typed) via extraMetaInfo.itemMeta\n dsShuttlev2ItemActionBtnToDestinationIcon: ({ panelMetaInfo, extraMetaInfo }) => {\n const { isDestinationPanel } = panelMetaInfo;\n const datum: TournamentDatum | undefined = extraMetaInfo?.itemMeta?.datum;\n const seed: number | undefined = extraMetaInfo?.itemMeta?.datum.seed;\n return { 'aria-label': 'typed datum slot' };\n },\n};\n\n// add/remove and reorder callbacks receive arrays / items of the typed datum\nconst testDefaultPropsPartial: Partial<TypedDefaultProps> = {\n onSourceAdd: (itemsArg) => {\n const items: TournamentDatum[] = itemsArg;\n const firstSeed: number | undefined = items[0]?.seed;\n },\n onSourceRemove: (itemsArg) => {\n const items: TournamentDatum[] = itemsArg;\n },\n onDestinationAdd: (itemsArg) => {\n const items: TournamentDatum[] = itemsArg;\n },\n onDestinationRemove: (itemsArg) => {\n const items: TournamentDatum[] = itemsArg;\n },\n onSourceReorder: (movedItem) => {\n const { seed } = movedItem;\n },\n onDestinationReorder: (movedItem) => {\n const { seed } = movedItem;\n },\n};\n\nconst testProps: TypedProps = {\n ...testRequiredProps,\n ...testOptionalProps,\n ...testDefaultPropsPartial,\n};\n\nconst testInternalProps: TypedInternalProps = {\n ...testRequiredProps,\n ...testOptionalProps,\n ...testDefaultPropsPartial,\n} as TypedInternalProps;\n\nconst BreadCrumb = () => <div>Breadcrumb</div>;\n\nconst ExampleUsageComponent = () => (\n <>\n {/* spreading typed props keeps the datum generic */}\n <DSShuttleV2<TournamentDatum> {...testProps} />\n {/* explicit generic at the call site, inline values, with typed callbacks/getters */}\n <DSShuttleV2<TournamentDatum>\n sourceData={[aDatum]}\n destinationData={[]}\n DestinationHeader={BreadCrumb}\n SourceHeader={BreadCrumb}\n destinationSelectedItems={{}}\n sourceSelectedItems={{}}\n onDestinationSelectionChange={() => null}\n onSourceSelectionChange={() => null}\n getId={(item) => item.dsId}\n getLabel={(item) => item.label}\n onDestinationDrilldown={(item) => {\n const { seed } = item;\n }}\n onSourceDrilldown={(item) => {\n const { seed } = item;\n }}\n onSourceAdd={(items) => {\n const seed: number | undefined = items[0]?.seed;\n }}\n dsShuttlev2ItemWrapper={(itemMeta) => ({ 'data-seed': String(itemMeta.datum.seed) })}\n />\n </>\n);\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -56,7 +56,6 @@ const testOptionalProps = {
56
56
  moveButtonProps: () => ({}),
57
57
  drillDownButtonProps: () => ({}),
58
58
  checkboxSelectAllProps: () => ({}),
59
- dsShuttleV2ListWrapperMid: () => ({}),
60
59
  areaSearchBarProps: () => ({})
61
60
  };
62
61
  const testPartialDefaults = import_react_desc_prop_types.defaultProps;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-shuttle-v2-valid.tsx"],
4
- "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"],
5
- "mappings": "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",
4
+ "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;\ntype ComponentPropsInternals = DSShuttleV2T.InternalProps;\ntype ComponentPropsDefaultProps = DSShuttleV2T.DefaultProps;\ntype ComponentPropsOptionalProps = DSShuttleV2T.OptionalProps;\ntype ComponentPropsRequiredProps = DSShuttleV2T.RequiredProps;\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 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"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }