@elliemae/ds-shuttle-v2 3.14.0-next.1 → 3.14.0-next.11

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { type DSButtonT } from '@elliemae/ds-button';\nimport { type useSortable } from '@elliemae/ds-drag-and-drop';\n\nexport declare namespace DSShuttleV2T {\n  export type PanelMetaInfo = { isDestinationPanel: boolean };\n  export interface ItemMeta extends PanelMetaInfo {\n    item: DSShuttleV2T.ConfiguredDatum;\n    withDragNDrop: boolean;\n    useSortableHelpers?: ReturnType<typeof useSortable>;\n  }\n\n  export interface Datum extends Record<string, unknown> {\n    id: string;\n    label: string;\n    subtitle?: string;\n    Icon?: React.ComponentType<ItemMeta>;\n    CustomRenderer?: React.ComponentType<ItemMeta>;\n    softDeleted?: boolean;\n    preventDrilldown?: boolean;\n    preventMove?: boolean;\n  }\n  export interface ConfiguredDatum {\n    isFirst: boolean;\n    isLast: boolean;\n    isSelected: boolean;\n    selectionPrevented: boolean;\n    withActions: boolean;\n    withMoveBtn: boolean;\n    withDrilldownBtn: boolean;\n    original: Datum;\n    localIndex: number;\n  }\n\n  type SelectionMap = Record<string, boolean>;\n  type OnDataChange = (\n    newData: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n      item?: Datum;\n      selectedItems?: Datum[];\n    },\n  ) => void;\n\n  type OnChangeEvent = (\n    items: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n    },\n  ) => void;\n\n  type OnReorderEvent = (newData: Datum[], metadata: { active: Datum; targetIndex: number }) => void;\n\n  type OnSelectionChange = (\n    newSelection: SelectionMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  type OnSelectionDrilldown = (\n    item: Datum,\n    metainfo: { event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> },\n  ) => void;\n\n  type OnLoadMore = (e: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;\n\n  export interface RequiredProps {\n    sourceData: Datum[];\n    sourceSelectedItems: SelectionMap;\n    onSourceSelectionChange: OnSelectionChange;\n    SourceHeader: React.ComponentType<unknown>;\n    onSourceDrilldown: OnSelectionDrilldown;\n\n    destinationData: Datum[];\n    destinationSelectedItems: SelectionMap;\n    onDestinationSelectionChange: OnSelectionChange;\n    DestinationHeader: React.ComponentType<unknown>;\n    onDestinationDrilldown: OnSelectionDrilldown;\n  }\n\n  export interface DefaultProps {\n    sourceIsLoading: boolean;\n    sourceWithSoftDelete: boolean;\n    sourceWithLoadMore: boolean;\n    sourceIsLoadingMore: boolean;\n    onSourceChange: OnDataChange;\n    onSourceAdd: OnChangeEvent;\n    onSourceRemove: OnChangeEvent;\n    onSourceReorder: OnReorderEvent;\n    onSourceLoadMore: OnLoadMore;\n    addDragAndDropFromSource: boolean;\n    removeDragAndDropFromDestination: boolean;\n    destinationIsLoading: boolean;\n    destinationWithSoftDelete: boolean;\n    destinationWithLoadMore: boolean;\n    destinationIsLoadingMore: boolean;\n    onDestinationLoadMore: OnLoadMore;\n    onDestinationChange: OnDataChange;\n    onDestinationAdd: OnChangeEvent;\n    onDestinationRemove: OnChangeEvent;\n    onDestinationReorder: OnReorderEvent;\n  }\n\n  type OnFilterChange = (\n    newfilter: string | null,\n    metainfo: { event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> },\n  ) => void;\n  type OnSearchbarOpen = (\n    newfilter: boolean,\n    metainfo: { event: Parameters<Required<DSButtonT.Props>['onClick']>[0] },\n  ) => void;\n  export interface OptionalProps {\n    sourceItemProps?: Record<string, unknown>;\n    destinationItemProps?: Record<string, unknown>;\n    sourceFilterValue?: string;\n\n    onSourceFilterChange?: OnFilterChange;\n    onSourceOpenSearchbar?: OnSearchbarOpen;\n    sourceShowSearchbar?: boolean;\n    destinationFilterValue?: string;\n    onDestinationFilterChange?: OnFilterChange;\n    onDesinationOpenSearchbar?: OnSearchbarOpen;\n    destinationShowSearchbar?: boolean;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSShuttleV2T.DefaultProps = {\n  sourceWithSoftDelete: false,\n  addDragAndDropFromSource: false,\n  sourceIsLoading: false,\n  sourceWithLoadMore: false,\n  sourceIsLoadingMore: false,\n  onSourceLoadMore: () => {},\n  onSourceChange: () => {},\n  onSourceAdd: () => {},\n  onSourceRemove: () => {},\n\n  destinationWithSoftDelete: false,\n  removeDragAndDropFromDestination: false,\n  destinationIsLoading: false,\n  destinationWithLoadMore: false,\n  destinationIsLoadingMore: false,\n  onDestinationLoadMore: () => {},\n  onDestinationChange: () => {},\n  onDestinationAdd: () => {},\n  onDestinationRemove: () => {},\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAA4D;AAmJrD,MAAM,eAA0C;AAAA,EACrD,sBAAsB;AAAA,EACtB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EAEvB,2BAA2B;AAAA,EAC3B,kCAAkC;AAAA,EAClC,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAC9B,qBAAqB,MAAM;AAAA,EAAC;AAAA,EAC5B,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,qBAAqB,MAAM;AAAA,EAAC;AAC9B;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AACL;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { type DSButtonT } from '@elliemae/ds-button-v2';\nimport { type useSortable, type DnDKitTree } from '@elliemae/ds-drag-and-drop';\n\nexport declare namespace DSShuttleV2T {\n  export type Datum = Record<string, unknown>;\n  export type PanelMetaInfo = { isDestinationPanel: boolean; hasMultipleSelection: boolean };\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  };\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  // =============================================================================\n  // Hydratables section\n  //   Component-less\n  // =============================================================================\n  export type PrimaryKeyHydratables = {\n    id: HydratedId;\n  };\n  type RequiredDatumHydratablesWithoutComponents = {\n    label: string;\n  };\n  type OptionalDatumHydratablesWithoutComponents = {\n    subtitle?: string;\n    preventDrilldown?: boolean;\n    preventMove?: boolean;\n  };\n  type DatumHydratablesWithoutComponents = PrimaryKeyHydratables &\n    RequiredDatumHydratablesWithoutComponents &\n    OptionalDatumHydratablesWithoutComponents;\n  // =============================================================================\n  // Hydratables section\n  //   Component-only\n  // =============================================================================\n  export type ComponentProps = {\n    datum: Datum;\n    panelMetaInfo: PanelMetaInfo;\n    datumInternalMeta: DatumInternalMeta;\n    datumHydratables: DatumHydratablesWithoutComponents;\n  };\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  type RequiredDatumHydratablesComponents = {};\n  type OptionalDatumHydratablesComponents = {\n    Icon?: React.ComponentType<ComponentProps>;\n    CustomRenderer?: React.ComponentType<ComponentProps>;\n  };\n  // =============================================================================\n  // Hydratables section\n  //   Finals\n  // =============================================================================\n  type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;\n  type OptionalDatumHydratables = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents;\n  export type DatumHydratables = RequiredDatumHydratables & OptionalDatumHydratables;\n\n  // =============================================================================\n  // Hydraters\n  // =============================================================================\n  export type PrimaryKeyHydraters = Hydraters<PrimaryKeyHydratables, [Datum]>;\n  type HydratersMeta = { datumMeta: DatumInternalMeta; panelMetaInfo: PanelMetaInfo };\n  type RequiredDatumHydraters = Hydraters<RequiredDatumHydratables, [Datum, HydratersMeta]>;\n  type OptionalDatumHydraters = Hydraters<OptionalDatumHydratables, [Datum, HydratersMeta]>;\n\n  type DatumHydraters = PrimaryKeyHydraters & RequiredDatumHydraters & OptionalDatumHydraters;\n\n  // =============================================================================\n  // Datum & Internals structures\n  // =============================================================================\n  export type ConfiguredDatum = DatumInternalMeta & { original: Datum };\n  export interface ItemMeta extends PanelMetaInfo {\n    datum: Datum;\n    datumHydratables: DatumHydratables;\n    datumInternalMeta: DatumInternalMeta;\n    datumRenderFlags: DatumRenderFlags;\n    withDragNDrop: boolean;\n    useSortableHelpers?: ReturnType<typeof useSortable>;\n  }\n\n  // =============================================================================\n  // Callbacks\n  // =============================================================================\n  type OnDataChange = (\n    newData: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n      item?: Datum;\n      selectedItems?: Datum[];\n    },\n  ) => void;\n\n  type OnChangeEvent = (\n    items: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n    },\n  ) => void;\n\n  type OnReorderEventMetadata = Omit<DnDKitTree.OnReorder<DSShuttleV2T.Datum>, 'considerExpanding'>;\n  type OnReorderEvent = (movedItem: Datum, metadata: OnReorderEventMetadata) => void;\n\n  export type SelectionMap = Record<string, boolean>;\n  type OnSelectionChange = (\n    newSelection: SelectionMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  type OnSelectionDrilldown = (\n    item: Datum,\n    metainfo: { event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> },\n  ) => void;\n\n  type OnLoadMore = (e: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;\n  type OnFilterChange = (\n    newfilter: string | null,\n    metainfo: { event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> },\n  ) => void;\n  type OnSearchbarOpen = (\n    newfilter: boolean,\n    metainfo: { event: Parameters<Required<DSButtonT.Props>['onClick']>[0] },\n  ) => void;\n\n  export type SoftDeletedMap = Record<string, boolean>;\n  type OnSoftDeletedChange = (\n    newSoftDeleted: SoftDeletedMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  // =============================================================================\n  // Final Props\n  // =============================================================================\n  export interface RequiredProps extends RequiredDatumHydraters, PrimaryKeyHydraters {\n    sourceData: Datum[];\n    sourceSelectedItems: SelectionMap;\n    onSourceSelectionChange: OnSelectionChange;\n    SourceHeader: React.ComponentType<unknown>;\n    onSourceDrilldown: OnSelectionDrilldown;\n\n    destinationData: Datum[];\n    destinationSelectedItems: SelectionMap;\n    onDestinationSelectionChange: OnSelectionChange;\n    DestinationHeader: React.ComponentType<unknown>;\n    onDestinationDrilldown: OnSelectionDrilldown;\n  }\n\n  export interface DefaultProps {\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\n    // switch side\n    onSourceAdd: OnChangeEvent;\n    onSourceRemove: OnChangeEvent;\n    onDestinationAdd: OnChangeEvent;\n    onDestinationRemove: OnChangeEvent;\n\n    // dnd\n    addDragAndDropFromSource: boolean;\n    removeDragAndDropFromDestination: boolean;\n    onSourceReorder: OnReorderEvent;\n    onDestinationReorder: OnReorderEvent;\n\n    // soft delete\n    sourceSoftDeletedItems: SoftDeletedMap;\n    onSourceSoftDelete: OnSoftDeletedChange;\n    destinationSoftDeletedItems: SoftDeletedMap;\n    onDestinationSoftDelete: OnSoftDeletedChange;\n  }\n\n  export interface OptionalProps extends OptionalDatumHydraters {\n    sourceItemProps?: Record<string, unknown>;\n    destinationItemProps?: Record<string, unknown>;\n\n    // filtering\n    sourceShowSearchbar?: boolean;\n    destinationShowSearchbar?: boolean;\n    onSourceOpenSearchbar?: OnSearchbarOpen;\n    onDesinationOpenSearchbar?: OnSearchbarOpen;\n\n    sourceFilterValue?: string;\n    destinationFilterValue?: string;\n    onSourceFilterChange?: OnFilterChange;\n    onDestinationFilterChange?: OnFilterChange;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSShuttleV2T.DefaultProps = {\n  addDragAndDropFromSource: false,\n  removeDragAndDropFromDestination: false,\n\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\nconst DSShuttleV2PropTypes: DSPropTypesSchema<DSShuttleV2T.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n\n  sourceData: PropTypes.arrayOf(PropTypes.object).description('hello!').isRequired,\n  sourceSelectedItems: PropTypes.object.description('hello!').isRequired,\n  onSourceSelectionChange: PropTypes.func.description('hello!').isRequired,\n  SourceHeader: PropTypes.node.description('hello!').isRequired,\n  onSourceDrilldown: PropTypes.func.description('hello!').isRequired,\n\n  destinationData: PropTypes.arrayOf(PropTypes.object).description('hello!').isRequired,\n  destinationSelectedItems: PropTypes.object.description('hello!').isRequired,\n  onDestinationSelectionChange: PropTypes.func.description('hello!').isRequired,\n  DestinationHeader: PropTypes.node.description('hello!').isRequired,\n  onDestinationDrilldown: PropTypes.func.description('hello!').isRequired,\n\n  getId: PropTypes.func.description('hello!').isRequired,\n  getLabel: PropTypes.func.description('hello!').isRequired,\n};\nexport const DSShuttleV2PropTypesSchema = DSShuttleV2PropTypes as unknown as WeakValidationMap<DSShuttleV2T.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,0BAAuE;AAyOhE,MAAM,eAA0C;AAAA,EACrD,0BAA0B;AAAA,EAC1B,kCAAkC;AAAA,EAElC,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;AAClC;AAEA,MAAM,uBAA8D;AAAA,EAClE,GAAG;AAAA,EACH,GAAG;AAAA,EAEH,YAAY,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAAY,QAAQ,EAAE;AAAA,EACtE,qBAAqB,8BAAU,OAAO,YAAY,QAAQ,EAAE;AAAA,EAC5D,yBAAyB,8BAAU,KAAK,YAAY,QAAQ,EAAE;AAAA,EAC9D,cAAc,8BAAU,KAAK,YAAY,QAAQ,EAAE;AAAA,EACnD,mBAAmB,8BAAU,KAAK,YAAY,QAAQ,EAAE;AAAA,EAExD,iBAAiB,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAAY,QAAQ,EAAE;AAAA,EAC3E,0BAA0B,8BAAU,OAAO,YAAY,QAAQ,EAAE;AAAA,EACjE,8BAA8B,8BAAU,KAAK,YAAY,QAAQ,EAAE;AAAA,EACnE,mBAAmB,8BAAU,KAAK,YAAY,QAAQ,EAAE;AAAA,EACxD,wBAAwB,8BAAU,KAAK,YAAY,QAAQ,EAAE;AAAA,EAE7D,OAAO,8BAAU,KAAK,YAAY,QAAQ,EAAE;AAAA,EAC5C,UAAU,8BAAU,KAAK,YAAY,QAAQ,EAAE;AACjD;AACO,MAAM,6BAA6B;",
   "names": []
 }

package/dist/esm/DSShuttleV2.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSShuttleV2.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useShuttleV2 } from './config/useShuttleV2';\nimport {\n  InternalProvider,\n  PropsProvider,\n  useShuttleV2InternalStoreConfig,\n  useShuttleV2PropsStoreConfig,\n  // useInternalStore,\n} from './config/useStore';\nimport { type DSShuttleV2T } from './react-desc-prop-types';\nimport { MainContent } from './parts/MainContent';\n\nconst ConfiguredComponent = (props: { userProps: DSShuttleV2T.Props }) => {\n  useShuttleV2(props.userProps);\n  // const store = useInternalStore((state) => state);\n  // React.useEffect(() => {\n  //   console.group('-----------------------------------------');\n  //   console.groupCollapsed('Full Store');\n  //   console.log(store);\n  //   console.groupEnd();\n  //   console.groupEnd();\n  // }, [store]);\n\n  return <MainContent />;\n};\n\nexport const DSShuttleV2 = (props: DSShuttleV2T.Props) => {\n  const createInternalStore = useShuttleV2InternalStoreConfig(props);\n  const createPropsStore = useShuttleV2PropsStoreConfig(props);\n\n  return (\n    <PropsProvider createStore={createPropsStore}>\n      <InternalProvider createStore={createInternalStore}>\n        <ConfiguredComponent userProps={props} />\n      </InternalProvider>\n    </PropsProvider>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuBd;AAtBT,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,mBAAmB;AAE5B,MAAM,sBAAsB,CAAC,UAA6C;AACxE,eAAa,MAAM,SAAS;AAU5B,SAAO,oBAAC,eAAY;AACtB;AAEO,MAAM,cAAc,CAAC,UAA8B;AACxD,QAAM,sBAAsB,gCAAgC,KAAK;AACjE,QAAM,mBAAmB,6BAA6B,KAAK;AAE3D,SACE,oBAAC,iBAAc,aAAa,kBAC1B,8BAAC,oBAAiB,aAAa,qBAC7B,8BAAC,uBAAoB,WAAW,OAAO,GACzC,GACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useShuttleV2 } from './config/useShuttleV2';\nimport {\n  InternalProvider,\n  PropsProvider,\n  useShuttleV2InternalStoreConfig,\n  useShuttleV2PropsStoreConfig,\n  // useInternalStore,\n} from './config/useStore';\nimport { type DSShuttleV2T } from './react-desc-prop-types';\nimport { MainContent } from './parts/MainContent';\n\nconst ConfiguredComponent = (props: { userProps: DSShuttleV2T.Props }) => {\n  useShuttleV2(props.userProps);\n  // const store = useInternalStore((state) => state);\n  // React.useEffect(() => {\n  //   console.group('-----------------------------------------');\n  //   console.groupCollapsed('Full Store');\n  //   // console.log(store);\n  //   console.log('focusItem', store.focusItem);\n  //   console.log('focusItemAction', store.focusItemAction);\n  //   console.log('focusRegion', store.focusRegion);\n  //   console.groupEnd();\n  //   console.groupEnd();\n  // }, [store]);\n\n  return <MainContent />;\n};\n\nexport const DSShuttleV2 = (props: DSShuttleV2T.Props) => {\n  const createInternalStore = useShuttleV2InternalStoreConfig(props);\n  const createPropsStore = useShuttleV2PropsStoreConfig(props);\n\n  return (\n    <PropsProvider createStore={createPropsStore}>\n      <InternalProvider createStore={createInternalStore}>\n        <ConfiguredComponent userProps={props} />\n      </InternalProvider>\n    </PropsProvider>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0Bd;AAzBT,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,mBAAmB;AAE5B,MAAM,sBAAsB,CAAC,UAA6C;AACxE,eAAa,MAAM,SAAS;AAa5B,SAAO,oBAAC,eAAY;AACtB;AAEO,MAAM,cAAc,CAAC,UAA8B;AACxD,QAAM,sBAAsB,gCAAgC,KAAK;AACjE,QAAM,mBAAmB,6BAA6B,KAAK;AAE3D,SACE,oBAAC,iBAAc,aAAa,kBAC1B,8BAAC,oBAAiB,aAAa,qBAC7B,8BAAC,uBAAoB,WAAW,OAAO,GACzC,GACF;AAEJ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/DSShuttleV2Definitions.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSShuttleV2Name = 'DSShuttleV2';\n\nexport const DSShuttleV2Slots = {\n  HEADER_SEARCH_ICON: 'header-search-icon',\n  WRAPPER: 'wrapper',\n  PANEL_WRAPPER: 'panel-wrapper',\n  LIST_WRAPPER: 'list-wrapper',\n  ITEM_WRAPPER: 'item-wrapper',\n  ITEM_ICON_WRAPPER: 'item-icon-wrapper',\n  ITEM_LABEL_WRAPPER: 'item-label-wrapper',\n  ITEM_MIDSECTION_WRAPPER: 'item-midsection-wrapper',\n  ITEM_SELECTION: 'item-selection',\n  ITEM_ACTIONS_WRAPPER: 'item-actions-wrapper',\n  ITEM_ACTION_WRAPPER: 'item-action-wrapper',\n  ITEM_ACTION_BTN: 'item-action-btn',\n  ITEM_ACTION_BTN_DRILLDOWN_ICON: 'item-action-btn-drilldown-icon',\n  ITEM_ACTION_BTN_TO_SOURCE_ICON: 'item-action-btn-to-source-icon',\n  ITEM_ACTION_BTN_TO_DESTINATION_ICON: 'item-action-btn-to-destination-icon',\n  LIST_BOTTOM_LOADING_MORE: 'list-bottom-loading-more',\n  LIST_BOTTOM_LOAD_MORE_BTN: 'list-bottom-load-more-btn',\n  LIST_WRAPPER_BOTTOM: 'list-wrapper-bottom',\n  EMPTY_LIST_WRAPPER: 'empty-list-wrapper',\n  ITEMS_WRAPPER: 'items-wrapper',\n  LOADING_LIST_WRAPPER: 'loading-list-wrapper',\n  MOVE_MULTIPLE_WRAPPER: 'move-multiple-wrapper',\n  MOVE_MULTIPLE_BTN: 'move-multiple-btn',\n  LIST_WRAPPER_MID: 'list-wrapper-mid',\n  LIST_WRAPPER_TOP: 'list-wrapper-top',\n  AREA_SEARCH_WRAPPER: 'area-search-wrapper',\n  AREA_SEARCH_BAR: 'area-search-bar',\n  AREA_SELECTION_HEADER: 'area-selection-header',\n  AREA_SELECTION_HEADER_COUNT_LABEL: 'area-selection-header-count-label',\n};\n\nexport const DSShuttleV2DataTestIds = slotObjectToDataTestIds(DSShuttleV2Name, DSShuttleV2Slots);\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSShuttleV2Name = 'DSShuttleV2' as const;\n\nexport const DSShuttleV2Slots = {\n  HEADER_SEARCH_ICON: 'header-search-icon',\n  WRAPPER: 'wrapper',\n  PANEL_WRAPPER: 'panel-wrapper',\n  LIST_WRAPPER: 'list-wrapper',\n  ITEM_WRAPPER: 'item-wrapper',\n  ITEM_ICON_WRAPPER: 'item-icon-wrapper',\n  ITEM_LABEL_WRAPPER: 'item-label-wrapper',\n  ITEM_MIDSECTION_WRAPPER: 'item-midsection-wrapper',\n  ITEM_SELECTION: 'item-selection',\n  ITEM_ACTIONS_WRAPPER: 'item-actions-wrapper',\n  ITEM_ACTION_WRAPPER: 'item-action-wrapper',\n  ITEM_ACTION_BTN: 'item-action-btn',\n  ITEM_ACTION_BTN_DRILLDOWN_ICON: 'item-action-btn-drilldown-icon',\n  ITEM_ACTION_BTN_TO_SOURCE_ICON: 'item-action-btn-to-source-icon',\n  ITEM_ACTION_BTN_TO_DESTINATION_ICON: 'item-action-btn-to-destination-icon',\n  LIST_BOTTOM_LOADING_MORE: 'list-bottom-loading-more',\n  LIST_BOTTOM_LOAD_MORE_BTN: 'list-bottom-load-more-btn',\n  LIST_WRAPPER_BOTTOM: 'list-wrapper-bottom',\n  EMPTY_LIST_WRAPPER: 'empty-list-wrapper',\n  ITEMS_WRAPPER: 'items-wrapper',\n  LOADING_LIST_WRAPPER: 'loading-list-wrapper',\n  MOVE_MULTIPLE_WRAPPER: 'move-multiple-wrapper',\n  MOVE_MULTIPLE_BTN: 'move-multiple-btn',\n  LIST_WRAPPER_MID: 'list-wrapper-mid',\n  LIST_WRAPPER_TOP: 'list-wrapper-top',\n  AREA_SEARCH_WRAPPER: 'area-search-wrapper',\n  AREA_SEARCH_BAR: 'area-search-bar',\n  AREA_SELECTION_HEADER: 'area-selection-header',\n  AREA_SELECTION_HEADER_COUNT_LABEL: 'area-selection-header-count-label',\n} as const;\n\nexport const DSShuttleV2DataTestIds = slotObjectToDataTestIds(DSShuttleV2Name, DSShuttleV2Slots);\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,gCAAgC;AAAA,EAChC,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,mCAAmC;AACrC;AAEO,MAAM,yBAAyB,wBAAwB,iBAAiB,gBAAgB;",
   "names": []
 }

package/dist/esm/config/itemMovementHelpers.js

@@ -1,101 +1,126 @@
 import * as React from "react";
 import React2 from "react";
+import { useMakeMutable } from "@elliemae/ds-utilities";
 import { usePropsStore, useInternalStore } from "./useStore";
-const getNewDatasWithItemMoved = ({
-  item,
-  currData,
-  currWithSoftDelete,
-  otherData
-}) => {
-  const { id, softDeleted } = item;
-  const newCurrData = [...currData];
-  const newOtherData = [...otherData];
-  const currListIndex = newCurrData.findIndex((datum) => datum.id === id);
-  const otherListIndex = newOtherData.findIndex((datum) => datum.id === id);
-  const isCurrDataItemOriginalList = otherListIndex === -1 || otherListIndex !== -1 && softDeleted;
-  let currRemoveAtIndex = -1;
-  if (currListIndex !== -1) {
-    if (isCurrDataItemOriginalList) {
-      if (currWithSoftDelete)
-        newCurrData[currListIndex].softDeleted = true;
-      else
-        currRemoveAtIndex = currListIndex;
-    } else {
-      currRemoveAtIndex = currListIndex;
-    }
-  }
-  if (currRemoveAtIndex !== -1)
-    newCurrData.splice(currRemoveAtIndex, 1);
-  const shouldAppendToOtherData = otherListIndex === -1;
-  if (shouldAppendToOtherData)
-    newOtherData.push({ ...item, softDeleted: false });
-  else
-    newOtherData[otherListIndex].softDeleted = false;
-  return {
-    newCurrData,
-    newOtherData
-  };
-};
 const useHandleMoveSelection = ({ isDestinationPanel }) => {
-  const currData = usePropsStore((state) => isDestinationPanel ? state.destinationData : state.sourceData);
-  const currWithSoftDelete = usePropsStore(
-    (state) => isDestinationPanel ? state.destinationWithSoftDelete : state.sourceWithSoftDelete
-  );
-  const currOnChange = usePropsStore(
-    (state) => isDestinationPanel ? state.onDestinationChange : state.onSourceChange
-  );
   const currOnRemove = usePropsStore(
     (state) => isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove
   );
-  const onSelectionChange = usePropsStore(
-    (state) => isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange
+  const currSoftDeletedItems = usePropsStore(
+    (state) => isDestinationPanel ? state.destinationSoftDeletedItems : state.sourceSoftDeletedItems
+  );
+  const currOnSoftDelete = usePropsStore(
+    (state) => isDestinationPanel ? state.onDestinationSoftDelete : state.onSourceSoftDelete
+  );
+  const otherSoftDeletedItems = usePropsStore(
+    (state) => isDestinationPanel ? state.sourceSoftDeletedItems : state.destinationSoftDeletedItems
+  );
+  const otherOnSoftDelete = usePropsStore(
+    (state) => isDestinationPanel ? state.onSourceSoftDelete : state.onDestinationSoftDelete
   );
-  const otherData = usePropsStore((state) => isDestinationPanel ? state.sourceData : state.destinationData);
-  const otherPanelOnChange = usePropsStore(
-    (state) => isDestinationPanel ? state.onSourceChange : state.onDestinationChange
+  const currSelectionMap = useInternalStore(
+    (store) => isDestinationPanel ? store.destinationSelectionArray : store.sourceSelectionArray
+  );
+  const currOnSelectionChange = usePropsStore(
+    (state) => isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange
   );
   const otherPanelOnAdd = usePropsStore((state) => isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd);
   const destinationSelectionArray = useInternalStore((store) => store.destinationSelectionItemArray);
   const sourceSelectionArray = useInternalStore((store) => store.sourceSelectionItemArray);
   const selectedItems = isDestinationPanel ? destinationSelectionArray : sourceSelectionArray;
+  const mutableSelectedItems = useMakeMutable(selectedItems);
+  const mutableCurrSelectionMap = useMakeMutable(currSelectionMap);
+  const mutableCurrOnSelectionChange = useMakeMutable(currOnSelectionChange);
+  const mutableCurrOnRemove = useMakeMutable(currOnRemove);
+  const mutableOtherOnAdd = useMakeMutable(otherPanelOnAdd);
+  const mutableCurrOnSoftDelete = useMakeMutable(currOnSoftDelete);
+  const mutableOtherOnSoftDelete = useMakeMutable(otherOnSoftDelete);
+  const mutableCurrSoftDeletedItems = useMakeMutable(currSoftDeletedItems);
+  const mutableOtherSoftDeletedItems = useMakeMutable(otherSoftDeletedItems);
   const moveSelection = React2.useCallback(
     (event) => {
       event.preventDefault();
       event.stopPropagation();
-      let iteratedNewCurrData = [...currData];
-      let iteratedNewOtherData = [...otherData];
-      selectedItems.forEach((datum) => {
-        const { newCurrData, newOtherData } = getNewDatasWithItemMoved({
-          item: datum,
-          currData: iteratedNewCurrData,
-          currWithSoftDelete,
-          otherData: iteratedNewOtherData
-        });
-        iteratedNewCurrData = newCurrData;
-        iteratedNewOtherData = newOtherData;
+      mutableCurrOnRemove.current(mutableSelectedItems.current, { event });
+      mutableOtherOnAdd.current(mutableSelectedItems.current, { event });
+      const currSoftDeletedMap = {};
+      const otherSoftDeletedMap = {};
+      mutableCurrSelectionMap.current.forEach((id) => {
+        currSoftDeletedMap[id] = true;
+        otherSoftDeletedMap[id] = false;
       });
-      currOnChange(iteratedNewCurrData, { event, selectedItems });
-      currOnRemove(selectedItems, { event });
-      otherPanelOnChange(iteratedNewOtherData, { event, selectedItems });
-      otherPanelOnAdd(selectedItems, { event });
-      onSelectionChange({}, { event });
+      mutableCurrOnSoftDelete.current({ ...mutableCurrSoftDeletedItems.current, ...currSoftDeletedMap }, { event });
+      mutableOtherOnSoftDelete.current({ ...mutableOtherSoftDeletedItems.current, ...otherSoftDeletedMap }, { event });
+      mutableCurrOnSelectionChange.current({}, { event });
+    },
+    [
+      mutableCurrSelectionMap,
+      mutableCurrOnRemove,
+      mutableCurrOnSelectionChange,
+      mutableCurrOnSoftDelete,
+      mutableCurrSoftDeletedItems,
+      mutableOtherOnAdd,
+      mutableOtherOnSoftDelete,
+      mutableOtherSoftDeletedItems,
+      mutableSelectedItems
+    ]
+  );
+  const mutableMoveSelection = useMakeMutable(moveSelection);
+  return React2.useMemo(() => ({ moveSelection: mutableMoveSelection.current }), [mutableMoveSelection]);
+};
+const useHandleMoveItem = ({ datum, datumInternalMeta, isDestinationPanel }) => {
+  const currSoftDeletedItems = usePropsStore(
+    (state) => isDestinationPanel ? state.destinationSoftDeletedItems : state.sourceSoftDeletedItems
+  );
+  const otherSoftDeletedItems = usePropsStore(
+    (state) => isDestinationPanel ? state.sourceSoftDeletedItems : state.destinationSoftDeletedItems
+  );
+  const currOnSoftDelete = usePropsStore(
+    (state) => isDestinationPanel ? state.onDestinationSoftDelete : state.onSourceSoftDelete
+  );
+  const otherOnSoftDelete = usePropsStore(
+    (state) => isDestinationPanel ? state.onSourceSoftDelete : state.onDestinationSoftDelete
+  );
+  const currOnRemove = usePropsStore(
+    (state) => isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove
+  );
+  const otherPanelOnAdd = usePropsStore((state) => isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd);
+  const mutableCurrOnRemove = useMakeMutable(currOnRemove);
+  const mutableOtherOnAdd = useMakeMutable(otherPanelOnAdd);
+  const mutableCurrOnSoftDelete = useMakeMutable(currOnSoftDelete);
+  const mutableOtherOnSoftDelete = useMakeMutable(otherOnSoftDelete);
+  const mutableCurrSoftDeletedItems = useMakeMutable(currSoftDeletedItems);
+  const mutableOtherSoftDeletedItems = useMakeMutable(otherSoftDeletedItems);
+  const moveItem = React2.useCallback(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      mutableCurrOnRemove.current([datum], { event });
+      mutableOtherOnAdd.current([datum], { event });
+      mutableCurrOnSoftDelete.current(
+        { ...mutableCurrSoftDeletedItems.current, [datumInternalMeta.hydratedId]: true },
+        { event }
+      );
+      mutableOtherOnSoftDelete.current(
+        { ...mutableOtherSoftDeletedItems.current, [datumInternalMeta.hydratedId]: false },
+        { event }
+      );
     },
     [
-      currData,
-      otherData,
-      selectedItems,
-      currOnChange,
-      currOnRemove,
-      otherPanelOnChange,
-      otherPanelOnAdd,
-      onSelectionChange,
-      currWithSoftDelete
+      datum,
+      datumInternalMeta.hydratedId,
+      mutableCurrOnRemove,
+      mutableCurrOnSoftDelete,
+      mutableCurrSoftDeletedItems,
+      mutableOtherOnAdd,
+      mutableOtherOnSoftDelete,
+      mutableOtherSoftDeletedItems
     ]
   );
-  return React2.useMemo(() => ({ moveSelection }), [moveSelection]);
+  return moveItem;
 };
 export {
-  getNewDatasWithItemMoved,
+  useHandleMoveItem,
   useHandleMoveSelection
 };
 //# sourceMappingURL=itemMovementHelpers.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/itemMovementHelpers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport React from 'react';\nimport { type DSButtonT } from '@elliemae/ds-button';\nimport { type DSShuttleV2T } from '../react-desc-prop-types';\nimport { usePropsStore, useInternalStore } from './useStore';\n\nexport const getNewDatasWithItemMoved = ({\n  item,\n  currData,\n  currWithSoftDelete,\n  otherData,\n}: {\n  item: DSShuttleV2T.Datum;\n  currData: DSShuttleV2T.Datum[];\n  currWithSoftDelete: boolean;\n  otherData: DSShuttleV2T.Datum[];\n}) => {\n  const { id, softDeleted } = item;\n  const newCurrData = [...currData];\n  const newOtherData = [...otherData];\n  const currListIndex = newCurrData.findIndex((datum) => datum.id === id);\n  const otherListIndex = newOtherData.findIndex((datum) => datum.id === id);\n  const isCurrDataItemOriginalList = otherListIndex === -1 || (otherListIndex !== -1 && softDeleted);\n  let currRemoveAtIndex = -1;\n  /**\n   * current data management\n   *    soft-deletion\n   *        if enabled\n   *    hard deletion\n   *        if not enabled\n   *            or\n   *        if we are \"moving back\" an item\n   */\n  if (currListIndex !== -1) {\n    if (isCurrDataItemOriginalList) {\n      // if curr data is the item's original list\n      //   soft-delete if users asks for soft-deletion\n      if (currWithSoftDelete) newCurrData[currListIndex].softDeleted = true;\n      //   else hard delete\n      else currRemoveAtIndex = currListIndex;\n    } else {\n      // else hard delete because we are moving back a soft-deleted element\n      currRemoveAtIndex = currListIndex;\n    }\n  }\n  // if hard-deletion was configured to be carried out -> hard delete in curr-data\n  if (currRemoveAtIndex !== -1) newCurrData.splice(currRemoveAtIndex, 1);\n\n  // we append to other data when it was not already present\n  const shouldAppendToOtherData = otherListIndex === -1;\n  //  in the new list we don't treat the item as soft-deleted\n  if (shouldAppendToOtherData) newOtherData.push({ ...item, softDeleted: false });\n  //   if it is already present we remove the soft-deleted status instead\n  else newOtherData[otherListIndex].softDeleted = false;\n\n  return {\n    newCurrData,\n    newOtherData,\n  };\n};\nexport const useHandleMoveSelection = ({ isDestinationPanel }: { isDestinationPanel: boolean }) => {\n  const currData = usePropsStore((state) => (isDestinationPanel ? state.destinationData : state.sourceData));\n  const currWithSoftDelete = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationWithSoftDelete : state.sourceWithSoftDelete,\n  );\n  const currOnChange = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationChange : state.onSourceChange,\n  );\n  const currOnRemove = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove,\n  );\n\n  const onSelectionChange = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange,\n  );\n\n  const otherData = usePropsStore((state) => (isDestinationPanel ? state.sourceData : state.destinationData));\n  const otherPanelOnChange = usePropsStore((state) =>\n    isDestinationPanel ? state.onSourceChange : state.onDestinationChange,\n  );\n  const otherPanelOnAdd = usePropsStore((state) => (isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd));\n  const destinationSelectionArray = useInternalStore((store) => store.destinationSelectionItemArray);\n  const sourceSelectionArray = useInternalStore((store) => store.sourceSelectionItemArray);\n  const selectedItems = isDestinationPanel ? destinationSelectionArray : sourceSelectionArray;\n\n  const moveSelection = React.useCallback(\n    (event: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => {\n      event.preventDefault();\n      event.stopPropagation();\n      let iteratedNewCurrData = [...currData];\n      let iteratedNewOtherData = [...otherData];\n      selectedItems.forEach((datum) => {\n        const { newCurrData, newOtherData } = getNewDatasWithItemMoved({\n          item: datum,\n          currData: iteratedNewCurrData,\n          currWithSoftDelete,\n          otherData: iteratedNewOtherData,\n        });\n        iteratedNewCurrData = newCurrData;\n        iteratedNewOtherData = newOtherData;\n      });\n      currOnChange(iteratedNewCurrData, { event, selectedItems });\n      currOnRemove(selectedItems, { event });\n\n      otherPanelOnChange(iteratedNewOtherData, { event, selectedItems });\n      otherPanelOnAdd(selectedItems, { event });\n      onSelectionChange({}, { event });\n    },\n    [\n      currData,\n      otherData,\n      selectedItems,\n      currOnChange,\n      currOnRemove,\n      otherPanelOnChange,\n      otherPanelOnAdd,\n      onSelectionChange,\n      currWithSoftDelete,\n    ],\n  );\n  return React.useMemo(() => ({ moveSelection }), [moveSelection]);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport React from 'react';\nimport { useMakeMutable } from '@elliemae/ds-utilities';\nimport { type DSButtonT } from '@elliemae/ds-button-v2';\nimport { type DSShuttleV2T } from '../react-desc-prop-types';\nimport { usePropsStore, useInternalStore } from './useStore';\n\nexport const useHandleMoveSelection = ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {\n  const currOnRemove = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove,\n  );\n  const currSoftDeletedItems = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationSoftDeletedItems : state.sourceSoftDeletedItems,\n  );\n  const currOnSoftDelete = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationSoftDelete : state.onSourceSoftDelete,\n  );\n  const otherSoftDeletedItems = usePropsStore((state) =>\n    isDestinationPanel ? state.sourceSoftDeletedItems : state.destinationSoftDeletedItems,\n  );\n  const otherOnSoftDelete = usePropsStore((state) =>\n    isDestinationPanel ? state.onSourceSoftDelete : state.onDestinationSoftDelete,\n  );\n  const currSelectionMap = useInternalStore((store) =>\n    isDestinationPanel ? store.destinationSelectionArray : store.sourceSelectionArray,\n  );\n  const currOnSelectionChange = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange,\n  );\n\n  const otherPanelOnAdd = usePropsStore((state) => (isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd));\n\n  const destinationSelectionArray = useInternalStore((store) => store.destinationSelectionItemArray);\n  const sourceSelectionArray = useInternalStore((store) => store.sourceSelectionItemArray);\n  const selectedItems = isDestinationPanel ? destinationSelectionArray : sourceSelectionArray;\n\n  const mutableSelectedItems = useMakeMutable(selectedItems);\n  const mutableCurrSelectionMap = useMakeMutable(currSelectionMap);\n  const mutableCurrOnSelectionChange = useMakeMutable(currOnSelectionChange);\n  const mutableCurrOnRemove = useMakeMutable(currOnRemove);\n  const mutableOtherOnAdd = useMakeMutable(otherPanelOnAdd);\n  const mutableCurrOnSoftDelete = useMakeMutable(currOnSoftDelete);\n  const mutableOtherOnSoftDelete = useMakeMutable(otherOnSoftDelete);\n  const mutableCurrSoftDeletedItems = useMakeMutable(currSoftDeletedItems);\n  const mutableOtherSoftDeletedItems = useMakeMutable(otherSoftDeletedItems);\n\n  const moveSelection = React.useCallback(\n    (event: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => {\n      event.preventDefault();\n      event.stopPropagation();\n      // movement\n      mutableCurrOnRemove.current(mutableSelectedItems.current, { event });\n      mutableOtherOnAdd.current(mutableSelectedItems.current, { event });\n      // soft delete\n      const currSoftDeletedMap: DSShuttleV2T.SoftDeletedMap = {};\n      const otherSoftDeletedMap: DSShuttleV2T.SoftDeletedMap = {};\n      mutableCurrSelectionMap.current.forEach((id) => {\n        currSoftDeletedMap[id] = true;\n        otherSoftDeletedMap[id] = false;\n      });\n      mutableCurrOnSoftDelete.current({ ...mutableCurrSoftDeletedItems.current, ...currSoftDeletedMap }, { event });\n      mutableOtherOnSoftDelete.current({ ...mutableOtherSoftDeletedItems.current, ...otherSoftDeletedMap }, { event });\n      // cleanup\n      mutableCurrOnSelectionChange.current({}, { event });\n    },\n    [\n      mutableCurrSelectionMap,\n      mutableCurrOnRemove,\n      mutableCurrOnSelectionChange,\n      mutableCurrOnSoftDelete,\n      mutableCurrSoftDeletedItems,\n      mutableOtherOnAdd,\n      mutableOtherOnSoftDelete,\n      mutableOtherSoftDeletedItems,\n      mutableSelectedItems,\n    ],\n  );\n  // optimization ...\n  const mutableMoveSelection = useMakeMutable(moveSelection);\n  return React.useMemo(() => ({ moveSelection: mutableMoveSelection.current }), [mutableMoveSelection]);\n};\n\nexport const useHandleMoveItem = ({ datum, datumInternalMeta, isDestinationPanel }: DSShuttleV2T.ItemMeta) => {\n  const currSoftDeletedItems = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationSoftDeletedItems : state.sourceSoftDeletedItems,\n  );\n  const otherSoftDeletedItems = usePropsStore((state) =>\n    isDestinationPanel ? state.sourceSoftDeletedItems : state.destinationSoftDeletedItems,\n  );\n  const currOnSoftDelete = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationSoftDelete : state.onSourceSoftDelete,\n  );\n  const otherOnSoftDelete = usePropsStore((state) =>\n    isDestinationPanel ? state.onSourceSoftDelete : state.onDestinationSoftDelete,\n  );\n\n  const currOnRemove = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove,\n  );\n  const otherPanelOnAdd = usePropsStore((state) => (isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd));\n\n  const mutableCurrOnRemove = useMakeMutable(currOnRemove);\n  const mutableOtherOnAdd = useMakeMutable(otherPanelOnAdd);\n  const mutableCurrOnSoftDelete = useMakeMutable(currOnSoftDelete);\n  const mutableOtherOnSoftDelete = useMakeMutable(otherOnSoftDelete);\n  const mutableCurrSoftDeletedItems = useMakeMutable(currSoftDeletedItems);\n  const mutableOtherSoftDeletedItems = useMakeMutable(otherSoftDeletedItems);\n\n  const moveItem = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n      mutableCurrOnRemove.current([datum], { event });\n      mutableOtherOnAdd.current([datum], { event });\n      mutableCurrOnSoftDelete.current(\n        { ...mutableCurrSoftDeletedItems.current, [datumInternalMeta.hydratedId]: true },\n        { event },\n      );\n      mutableOtherOnSoftDelete.current(\n        { ...mutableOtherSoftDeletedItems.current, [datumInternalMeta.hydratedId]: false },\n        { event },\n      );\n    },\n    [\n      datum,\n      datumInternalMeta.hydratedId,\n      mutableCurrOnRemove,\n      mutableCurrOnSoftDelete,\n      mutableCurrSoftDeletedItems,\n      mutableOtherOnAdd,\n      mutableOtherOnSoftDelete,\n      mutableOtherSoftDeletedItems,\n    ],\n  );\n  return moveItem;\n};\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/config/useAutoCalculated/useDataStructure.js

@@ -1,41 +1,43 @@
 import * as React from "react";
 import { useMemo } from "react";
-const getDatumFlags = (datum) => ({
-  selectionPrevented: Boolean(datum.softDeleted || datum.preventMove),
-  withActions: !datum.softDeleted,
-  withMoveBtn: !datum.softDeleted && !datum.preventMove,
-  withDrilldownBtn: !datum.softDeleted && !datum.preventDrilldown
-});
-const configureDestination = ({ destinationData, destinationSelectedItems }) => {
+const configureDestination = ({
+  destinationData,
+  destinationSelectedItems,
+  destinationSoftDeletedItems,
+  getId
+}) => {
   const destinationSelectedItemsMap = {};
-  const destinationSelectionItemArray = [];
   const destinationSelectionArray = [];
+  const destinationSelectionableDataIds = [];
+  const destinationSelectionItemArray = [];
   const destinationConfiguredData = [];
   const destinationSelectionableData = [];
-  const destinationSelectionableDataIds = [];
   destinationData.forEach((datum, i) => {
+    const hydratedId = getId(datum);
     let isSelected = false;
-    if (destinationSelectedItems[datum.id] === true) {
+    if (destinationSelectedItems[hydratedId] === true) {
       destinationSelectionItemArray.push(datum);
-      destinationSelectionArray.push(datum.id);
+      destinationSelectionArray.push(hydratedId);
       isSelected = true;
     }
-    destinationSelectedItemsMap[datum.id] = { datum, index: i };
+    let softDeleted = false;
+    if (destinationSoftDeletedItems[hydratedId] === true) {
+      softDeleted = true;
+    }
+    destinationSelectedItemsMap[hydratedId] = { datum, index: i };
     const configuredItem = {
+      hydratedId,
       isSelected,
-      ...getDatumFlags(datum),
+      softDeleted,
       original: datum,
       localIndex: i,
       isFirst: i === 0,
-      isLast: i === destinationData.length - 1,
-      uid: datum.id,
-      depth: 0,
-      realIndex: datum.id
+      isLast: i === destinationData.length - 1
     };
     destinationConfiguredData.push(configuredItem);
     if (!datum.preventMove) {
       destinationSelectionableData.push(configuredItem);
-      destinationSelectionableDataIds.push(datum.id);
+      destinationSelectionableDataIds.push(hydratedId);
     }
   });
   const destinationHasMultipleSelectedItems = destinationSelectionArray.length >= 1;
@@ -51,36 +53,39 @@ const configureDestination = ({ destinationData, destinationSelectedItems }) =>
     destinationSelectionableIds
   };
 };
-const configureSource = ({ sourceData, sourceSelectedItems }) => {
+const configureSource = ({ sourceData, sourceSelectedItems, sourceSoftDeletedItems, getId }) => {
   const sourceSelectedItemsMap = {};
-  const sourceSelectionItemArray = [];
   const sourceSelectionArray = [];
+  const sourceSelectionableDataIds = [];
+  const sourceSelectionItemArray = [];
   const sourceConfiguredData = [];
   const sourceSelectionableData = [];
-  const sourceSelectionableDataIds = [];
   sourceData.forEach((datum, i) => {
+    const hydratedId = getId(datum);
     let isSelected = false;
-    if (sourceSelectedItems[datum.id] === true) {
+    if (sourceSelectedItems[hydratedId] === true) {
       sourceSelectionItemArray.push(datum);
-      sourceSelectionArray.push(datum.id);
+      sourceSelectionArray.push(hydratedId);
       isSelected = true;
     }
-    sourceSelectedItemsMap[datum.id] = { datum, index: i };
+    let softDeleted = false;
+    if (sourceSoftDeletedItems[hydratedId] === true) {
+      softDeleted = true;
+    }
+    sourceSelectedItemsMap[hydratedId] = { datum, index: i };
     const configuredItem = {
+      hydratedId,
       isSelected,
-      ...getDatumFlags(datum),
+      softDeleted,
       original: datum,
       localIndex: i,
       isFirst: i === 0,
-      isLast: i === sourceData.length - 1,
-      uid: datum.id,
-      depth: 0,
-      realIndex: datum.id
+      isLast: i === sourceData.length - 1
     };
     sourceConfiguredData.push(configuredItem);
     if (!datum.preventMove) {
       sourceSelectionableData.push(configuredItem);
-      sourceSelectionableDataIds.push(datum.id);
+      sourceSelectionableDataIds.push(hydratedId);
     }
   });
   const sourceHasMultipleSelectedItems = sourceSelectionArray.length >= 1;
@@ -97,13 +102,29 @@ const configureSource = ({ sourceData, sourceSelectedItems }) => {
   };
 };
 const useDataStructure = (propsFromUser) => {
-  const { sourceData, sourceSelectedItems, destinationData, destinationSelectedItems } = propsFromUser;
+  const {
+    sourceData,
+    sourceSelectedItems,
+    destinationData,
+    destinationSelectedItems,
+    getId,
+    sourceSoftDeletedItems,
+    destinationSoftDeletedItems
+  } = propsFromUser;
   return useMemo(
     () => ({
-      ...configureSource({ sourceData, sourceSelectedItems }),
-      ...configureDestination({ destinationData, destinationSelectedItems })
+      ...configureSource({ sourceData, sourceSelectedItems, sourceSoftDeletedItems, getId }),
+      ...configureDestination({ destinationData, destinationSelectedItems, destinationSoftDeletedItems, getId })
     }),
-    [destinationData, destinationSelectedItems, sourceData, sourceSelectedItems]
+    [
+      sourceData,
+      sourceSelectedItems,
+      sourceSoftDeletedItems,
+      getId,
+      destinationData,
+      destinationSelectedItems,
+      destinationSoftDeletedItems
+    ]
   );
 };
 export {

package/dist/esm/config/useAutoCalculated/useDataStructure.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useAutoCalculated/useDataStructure.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// import { useRef } from 'react';\n// import { useVirtual } from 'react-virtual';\nimport { useMemo } from 'react';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\n\nconst getDatumFlags = (datum: DSShuttleV2T.Datum) => ({\n  selectionPrevented: Boolean(datum.softDeleted || datum.preventMove),\n  withActions: !datum.softDeleted,\n  withMoveBtn: !datum.softDeleted && !datum.preventMove,\n  withDrilldownBtn: !datum.softDeleted && !datum.preventDrilldown,\n});\n\ntype ConfigureDestinationConfig = {\n  destinationData: DSShuttleV2T.Datum[];\n  destinationSelectedItems: Record<DSShuttleV2T.Datum['id'], boolean>;\n};\nconst configureDestination = ({ destinationData, destinationSelectedItems }: ConfigureDestinationConfig) => {\n  const destinationSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const destinationSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const destinationSelectionArray: DSShuttleV2T.Datum['id'][] = [];\n  const destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const destinationSelectionableDataIds: DSShuttleV2T.Datum['id'][] = [];\n  destinationData.forEach((datum, i) => {\n    let isSelected = false;\n    if (destinationSelectedItems[datum.id] === true) {\n      destinationSelectionItemArray.push(datum);\n      destinationSelectionArray.push(datum.id);\n      isSelected = true;\n    }\n    destinationSelectedItemsMap[datum.id] = { datum, index: i };\n    const configuredItem = {\n      isSelected,\n      ...getDatumFlags(datum),\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === destinationData.length - 1,\n      uid: datum.id,\n      depth: 0,\n      realIndex: datum.id,\n    };\n    destinationConfiguredData.push(configuredItem);\n    if (!datum.preventMove) {\n      destinationSelectionableData.push(configuredItem);\n      destinationSelectionableDataIds.push(datum.id);\n    }\n  });\n  const destinationHasMultipleSelectedItems = destinationSelectionArray.length >= 1;\n  const destinationSelectionableIds = destinationSelectionableDataIds.join(' ');\n\n  return {\n    destinationSelectedItemsMap,\n    destinationSelectionItemArray,\n    destinationSelectionArray,\n    destinationHasMultipleSelectedItems,\n    destinationConfiguredData,\n    destinationSelectionableData,\n    destinationSelectionableDataIds,\n    destinationSelectionableIds,\n  };\n};\ntype ConfigureSourceConfig = {\n  sourceData: DSShuttleV2T.Datum[];\n  sourceSelectedItems: Record<DSShuttleV2T.Datum['id'], boolean>;\n};\n\nconst configureSource = ({ sourceData, sourceSelectedItems }: ConfigureSourceConfig) => {\n  const sourceSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const sourceSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const sourceSelectionArray: DSShuttleV2T.Datum['id'][] = [];\n  const sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const sourceSelectionableDataIds: DSShuttleV2T.Datum['id'][] = [];\n  sourceData.forEach((datum, i) => {\n    let isSelected = false;\n    if (sourceSelectedItems[datum.id] === true) {\n      sourceSelectionItemArray.push(datum);\n      sourceSelectionArray.push(datum.id);\n      isSelected = true;\n    }\n\n    sourceSelectedItemsMap[datum.id] = { datum, index: i };\n    const configuredItem = {\n      isSelected,\n      ...getDatumFlags(datum),\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === sourceData.length - 1,\n      // dnd\n      uid: datum.id,\n      depth: 0,\n      realIndex: datum.id,\n    };\n    sourceConfiguredData.push(configuredItem);\n    if (!datum.preventMove) {\n      sourceSelectionableData.push(configuredItem);\n      sourceSelectionableDataIds.push(datum.id);\n    }\n  });\n  const sourceHasMultipleSelectedItems = sourceSelectionArray.length >= 1;\n  const sourceSelectionableIds = sourceSelectionableDataIds.join(' ');\n  return {\n    sourceConfiguredData,\n    sourceSelectedItemsMap,\n    sourceSelectionItemArray,\n    sourceSelectionArray,\n    sourceHasMultipleSelectedItems,\n    sourceSelectionableData,\n    sourceSelectionableDataIds,\n    sourceSelectionableIds,\n  };\n};\n\nexport const useDataStructure = (propsFromUser: DSShuttleV2T.InternalProps) => {\n  const { sourceData, sourceSelectedItems, destinationData, destinationSelectedItems } = propsFromUser;\n  return useMemo(\n    () => ({\n      ...configureSource({ sourceData, sourceSelectedItems }),\n      ...configureDestination({ destinationData, destinationSelectedItems }),\n    }),\n    [destinationData, destinationSelectedItems, sourceData, sourceSelectedItems],\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// import { useRef } from 'react';\n// import { useVirtual } from 'react-virtual';\nimport { useMemo } from 'react';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\n\ntype ConfigureDestinationConfig = {\n  destinationData: DSShuttleV2T.Datum[];\n  destinationSelectedItems: DSShuttleV2T.SelectionMap;\n  destinationSoftDeletedItems: DSShuttleV2T.SoftDeletedMap;\n  getId: DSShuttleV2T.PrimaryKeyHydraters['getId'];\n};\nconst configureDestination = ({\n  destinationData,\n  destinationSelectedItems,\n  destinationSoftDeletedItems,\n  getId,\n}: ConfigureDestinationConfig) => {\n  const destinationSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const destinationSelectionArray: DSShuttleV2T.PrimaryKeyHydratables['id'][] = [];\n  const destinationSelectionableDataIds: DSShuttleV2T.PrimaryKeyHydratables['id'][] = [];\n\n  const destinationSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n\n  destinationData.forEach((datum, i) => {\n    const hydratedId = getId(datum);\n    let isSelected = false;\n    if (destinationSelectedItems[hydratedId] === true) {\n      destinationSelectionItemArray.push(datum);\n      destinationSelectionArray.push(hydratedId);\n      isSelected = true;\n    }\n    let softDeleted = false;\n    if (destinationSoftDeletedItems[hydratedId] === true) {\n      softDeleted = true;\n    }\n    destinationSelectedItemsMap[hydratedId] = { datum, index: i };\n    const configuredItem = {\n      hydratedId,\n      isSelected,\n      softDeleted,\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === destinationData.length - 1,\n    } as const;\n    destinationConfiguredData.push(configuredItem);\n    if (!datum.preventMove) {\n      destinationSelectionableData.push(configuredItem);\n      destinationSelectionableDataIds.push(hydratedId);\n    }\n  });\n  const destinationHasMultipleSelectedItems = destinationSelectionArray.length >= 1;\n  const destinationSelectionableIds = destinationSelectionableDataIds.join(' ');\n\n  return {\n    destinationSelectedItemsMap,\n    destinationSelectionItemArray,\n    destinationSelectionArray,\n    destinationHasMultipleSelectedItems,\n    destinationConfiguredData,\n    destinationSelectionableData,\n    destinationSelectionableDataIds,\n    destinationSelectionableIds,\n  };\n};\ntype ConfigureSourceConfig = {\n  sourceData: DSShuttleV2T.Datum[];\n  sourceSelectedItems: DSShuttleV2T.SelectionMap;\n  sourceSoftDeletedItems: DSShuttleV2T.SoftDeletedMap;\n  getId: DSShuttleV2T.PrimaryKeyHydraters['getId'];\n};\n\nconst configureSource = ({ sourceData, sourceSelectedItems, sourceSoftDeletedItems, getId }: ConfigureSourceConfig) => {\n  const sourceSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const sourceSelectionArray: DSShuttleV2T.PrimaryKeyHydratables['id'][] = [];\n  const sourceSelectionableDataIds: DSShuttleV2T.PrimaryKeyHydratables['id'][] = [];\n\n  const sourceSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n  sourceData.forEach((datum, i) => {\n    const hydratedId = getId(datum);\n    let isSelected = false;\n    if (sourceSelectedItems[hydratedId] === true) {\n      sourceSelectionItemArray.push(datum);\n      sourceSelectionArray.push(hydratedId);\n      isSelected = true;\n    }\n    let softDeleted = false;\n    if (sourceSoftDeletedItems[hydratedId] === true) {\n      softDeleted = true;\n    }\n\n    sourceSelectedItemsMap[hydratedId] = { datum, index: i };\n    const configuredItem = {\n      hydratedId,\n      isSelected,\n      softDeleted,\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === sourceData.length - 1,\n    } as const;\n    sourceConfiguredData.push(configuredItem);\n    if (!datum.preventMove) {\n      sourceSelectionableData.push(configuredItem);\n      sourceSelectionableDataIds.push(hydratedId);\n    }\n  });\n  const sourceHasMultipleSelectedItems = sourceSelectionArray.length >= 1;\n  const sourceSelectionableIds = sourceSelectionableDataIds.join(' ');\n  return {\n    sourceConfiguredData,\n    sourceSelectedItemsMap,\n    sourceSelectionItemArray,\n    sourceSelectionArray,\n    sourceHasMultipleSelectedItems,\n    sourceSelectionableData,\n    sourceSelectionableDataIds,\n    sourceSelectionableIds,\n  };\n};\n\nexport const useDataStructure = (propsFromUser: DSShuttleV2T.InternalProps) => {\n  const {\n    sourceData,\n    sourceSelectedItems,\n    destinationData,\n    destinationSelectedItems,\n    getId,\n    sourceSoftDeletedItems,\n    destinationSoftDeletedItems,\n  } = propsFromUser;\n  return useMemo(\n    () => ({\n      ...configureSource({ sourceData, sourceSelectedItems, sourceSoftDeletedItems, getId }),\n      ...configureDestination({ destinationData, destinationSelectedItems, destinationSoftDeletedItems, getId }),\n    }),\n    [\n      sourceData,\n      sourceSelectedItems,\n      sourceSoftDeletedItems,\n      getId,\n      destinationData,\n      destinationSelectedItems,\n      destinationSoftDeletedItems,\n    ],\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/config/useAutoCalculated/useShuttleVirtualized.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useAutoCalculated/useShuttleVirtualized.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useCallback, useRef } from 'react';\nimport { useVirtual } from 'react-virtual';\n\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\n\ntype UseVirtualT = ReturnType<typeof useVirtual>;\ninterface UseVirtualizedT {\n  destinationVirtualItems: UseVirtualT['virtualItems'];\n  destinationMeasure: UseVirtualT['measure'];\n  destinationScrollToIndex: UseVirtualT['scrollToIndex'];\n  destinationScrollToOffset: UseVirtualT['scrollToOffset'];\n  destinationTotalSize: UseVirtualT['totalSize'];\n  destinationVirtualRef: React.Ref<HTMLDivElement>;\n  sourceVirtualItems: UseVirtualT['virtualItems'];\n  sourceMeasure: UseVirtualT['measure'];\n  sourceScrollToIndex: UseVirtualT['scrollToIndex'];\n  sourceScrollToOffset: UseVirtualT['scrollToOffset'];\n  sourceTotalSize: UseVirtualT['totalSize'];\n  sourceVirtualRef: React.Ref<HTMLDivElement>;\n}\nexport const useShuttleVirtualized = (propsWithDefaults: DSShuttleV2T.InternalProps): UseVirtualizedT => {\n  const destinationVirtualRef = useRef<HTMLDivElement>(null);\n  const sourceVirtualRef = useRef<HTMLDivElement>(null);\n\n  const estimatedSize = useCallback(() => 36, []);\n\n  const destinationVirtualConfig = useMemo(\n    () => ({\n      size: propsWithDefaults.destinationData.length,\n      parentRef: destinationVirtualRef,\n      overscan: 30,\n      estimateSize: estimatedSize,\n    }),\n    [propsWithDefaults.destinationData.length, destinationVirtualRef, estimatedSize],\n  );\n\n  const {\n    virtualItems: destinationVirtualItems,\n    measure: destinationMeasure,\n    scrollToIndex: destinationScrollToIndex,\n    scrollToOffset: destinationScrollToOffset,\n    totalSize: destinationTotalSize,\n  }: ReturnType<typeof useVirtual> = useVirtual(destinationVirtualConfig);\n\n  const sourceVirtualConfig = useMemo(\n    () => ({\n      size: propsWithDefaults.sourceData.length,\n      parentRef: sourceVirtualRef,\n      overscan: 30,\n      estimateSize: estimatedSize,\n    }),\n    [propsWithDefaults.sourceData.length, sourceVirtualRef, estimatedSize],\n  );\n\n  const {\n    virtualItems: sourceVirtualItems,\n    measure: sourceMeasure,\n    scrollToIndex: sourceScrollToIndex,\n    scrollToOffset: sourceScrollToOffset,\n    totalSize: sourceTotalSize,\n  }: ReturnType<typeof useVirtual> = useVirtual(sourceVirtualConfig);\n\n  return useMemo(\n    () => ({\n      destinationVirtualRef,\n      destinationVirtualItems,\n      destinationMeasure,\n      destinationScrollToIndex,\n      destinationScrollToOffset,\n      destinationTotalSize,\n      sourceVirtualRef,\n      sourceVirtualItems,\n      sourceMeasure,\n      sourceScrollToIndex,\n      sourceScrollToOffset,\n      sourceTotalSize,\n    }),\n    [\n      destinationVirtualItems,\n      destinationMeasure,\n      destinationScrollToIndex,\n      destinationScrollToOffset,\n      destinationTotalSize,\n      sourceVirtualItems,\n      sourceMeasure,\n      sourceScrollToIndex,\n      sourceScrollToOffset,\n      sourceTotalSize,\n    ],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,aAAa,cAAc;AAC7C,SAAS,kBAAkB;AAmBpB,MAAM,wBAAwB,CAAC,sBAAmE;AACvG,QAAM,wBAAwB,OAAuB,IAAI;AACzD,QAAM,mBAAmB,OAAuB,IAAI;AAEpD,QAAM,gBAAgB,YAAY,MAAM,IAAI,CAAC,CAAC;AAE9C,QAAM,2BAA2B;AAAA,IAC/B,OAAO;AAAA,MACL,MAAM,kBAAkB,gBAAgB;AAAA,MACxC,WAAW;AAAA,MACX,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,IACA,CAAC,kBAAkB,gBAAgB,QAAQ,uBAAuB,aAAa;AAAA,EACjF;AAEA,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb,IAAmC,WAAW,wBAAwB;AAEtE,QAAM,sBAAsB;AAAA,IAC1B,OAAO;AAAA,MACL,MAAM,kBAAkB,WAAW;AAAA,MACnC,WAAW;AAAA,MACX,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,IACA,CAAC,kBAAkB,WAAW,QAAQ,kBAAkB,aAAa;AAAA,EACvE;AAEA,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb,IAAmC,WAAW,mBAAmB;AAEjE,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useCallback, useRef } from 'react';\nimport { useVirtual } from 'react-virtual';\n\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\n\ntype UseVirtualT = ReturnType<typeof useVirtual>;\ninterface UseVirtualizedT {\n  destinationVirtualItems: UseVirtualT['virtualItems'];\n  destinationMeasure: UseVirtualT['measure'];\n  destinationScrollToIndex: UseVirtualT['scrollToIndex'];\n  destinationScrollToOffset: UseVirtualT['scrollToOffset'];\n  destinationTotalSize: UseVirtualT['totalSize'];\n  destinationVirtualRef: React.Ref<HTMLDivElement>;\n  sourceVirtualItems: UseVirtualT['virtualItems'];\n  sourceMeasure: UseVirtualT['measure'];\n  sourceScrollToIndex: UseVirtualT['scrollToIndex'];\n  sourceScrollToOffset: UseVirtualT['scrollToOffset'];\n  sourceTotalSize: UseVirtualT['totalSize'];\n  sourceVirtualRef: React.Ref<HTMLDivElement>;\n}\n\nexport const useShuttleVirtualized = (propsWithDefaults: DSShuttleV2T.InternalProps): UseVirtualizedT => {\n  const destinationVirtualRef = useRef<HTMLDivElement>(null);\n  const sourceVirtualRef = useRef<HTMLDivElement>(null);\n\n  const estimatedSize = useCallback(() => 36, []);\n\n  const destinationVirtualConfig = useMemo(\n    () => ({\n      size: propsWithDefaults.destinationData.length,\n      parentRef: destinationVirtualRef,\n      overscan: 30,\n      estimateSize: estimatedSize,\n    }),\n    [propsWithDefaults.destinationData.length, destinationVirtualRef, estimatedSize],\n  );\n\n  const {\n    virtualItems: destinationVirtualItems,\n    measure: destinationMeasure,\n    scrollToIndex: destinationScrollToIndex,\n    scrollToOffset: destinationScrollToOffset,\n    totalSize: destinationTotalSize,\n  }: ReturnType<typeof useVirtual> = useVirtual(destinationVirtualConfig);\n\n  const sourceVirtualConfig = useMemo(\n    () => ({\n      size: propsWithDefaults.sourceData.length,\n      parentRef: sourceVirtualRef,\n      overscan: 30,\n      estimateSize: estimatedSize,\n    }),\n    [propsWithDefaults.sourceData.length, sourceVirtualRef, estimatedSize],\n  );\n\n  const {\n    virtualItems: sourceVirtualItems,\n    measure: sourceMeasure,\n    scrollToIndex: sourceScrollToIndex,\n    scrollToOffset: sourceScrollToOffset,\n    totalSize: sourceTotalSize,\n  }: ReturnType<typeof useVirtual> = useVirtual(sourceVirtualConfig);\n\n  return useMemo(\n    () => ({\n      destinationVirtualRef,\n      destinationVirtualItems,\n      destinationMeasure,\n      destinationScrollToIndex,\n      destinationScrollToOffset,\n      destinationTotalSize,\n      sourceVirtualRef,\n      sourceVirtualItems,\n      sourceMeasure,\n      sourceScrollToIndex,\n      sourceScrollToOffset,\n      sourceTotalSize,\n    }),\n    [\n      destinationVirtualItems,\n      destinationMeasure,\n      destinationScrollToIndex,\n      destinationScrollToOffset,\n      destinationTotalSize,\n      sourceVirtualItems,\n      sourceMeasure,\n      sourceScrollToIndex,\n      sourceScrollToOffset,\n      sourceTotalSize,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,aAAa,cAAc;AAC7C,SAAS,kBAAkB;AAoBpB,MAAM,wBAAwB,CAAC,sBAAmE;AACvG,QAAM,wBAAwB,OAAuB,IAAI;AACzD,QAAM,mBAAmB,OAAuB,IAAI;AAEpD,QAAM,gBAAgB,YAAY,MAAM,IAAI,CAAC,CAAC;AAE9C,QAAM,2BAA2B;AAAA,IAC/B,OAAO;AAAA,MACL,MAAM,kBAAkB,gBAAgB;AAAA,MACxC,WAAW;AAAA,MACX,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,IACA,CAAC,kBAAkB,gBAAgB,QAAQ,uBAAuB,aAAa;AAAA,EACjF;AAEA,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb,IAAmC,WAAW,wBAAwB;AAEtE,QAAM,sBAAsB;AAAA,IAC1B,OAAO;AAAA,MACL,MAAM,kBAAkB,WAAW;AAAA,MACnC,WAAW;AAAA,MACX,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,IACA,CAAC,kBAAkB,WAAW,QAAQ,kBAAkB,aAAa;AAAA,EACvE;AAEA,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb,IAAmC,WAAW,mBAAmB;AAEjE,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/config/useFocusTracker/useFocusActionTrackers.js

@@ -77,9 +77,9 @@ const useFocusActionTrackers = () => {
   const removeDragAndDropFromDestination = usePropsStore((state) => state.removeDragAndDropFromDestination);
   const addDragAndDropFromSource = usePropsStore((state) => state.addDragAndDropFromSource);
   const trackFocusPrevAction = useCallback(
-    ({ isDestinationPanel, item }) => {
-      const preventMove = Boolean(item.original.preventMove);
-      const preventDrilldown = Boolean(item.original.preventDrilldown);
+    ({ isDestinationPanel, datumHydratables }) => {
+      const preventMove = Boolean(datumHydratables.preventMove);
+      const preventDrilldown = Boolean(datumHydratables.preventDrilldown);
       const withDragAndDrop = isDestinationPanel && !removeDragAndDropFromDestination || !isDestinationPanel && addDragAndDropFromSource;
       const { prevAction } = getActionByProxymity({
         flags: { preventMove, preventDrilldown, withDragAndDrop },
@@ -90,9 +90,9 @@ const useFocusActionTrackers = () => {
     [addDragAndDropFromSource, mutableFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction]
   );
   const trackFocusNextAction = useCallback(
-    ({ isDestinationPanel, item }) => {
-      const preventMove = Boolean(item.original.preventMove);
-      const preventDrilldown = Boolean(item.original.preventDrilldown);
+    ({ isDestinationPanel, datumHydratables }) => {
+      const preventMove = Boolean(datumHydratables.preventMove);
+      const preventDrilldown = Boolean(datumHydratables.preventDrilldown);
       const withDragAndDrop = isDestinationPanel && !removeDragAndDropFromDestination || !isDestinationPanel && addDragAndDropFromSource;
       const { nextAction } = getActionByProxymity({
         flags: { preventMove, preventDrilldown, withDragAndDrop },