@elliemae/ds-shuttle-v2 3.62.1 → 3.70.0-alpha.11

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

@@ -10,6 +10,7 @@ export declare const DSShuttleV2Slots: {
     readonly ITEM_LABEL_WRAPPER: "item-label-wrapper";
     readonly ITEM_MIDSECTION_WRAPPER: "item-midsection-wrapper";
     readonly ITEM_SELECTION: "item-selection";
+    readonly ITEM_SELECTION_CHECKBOX_UI: "item-selection-checkbox-ui";
     readonly ITEM_ACTIONS_WRAPPER: "item-actions-wrapper";
     readonly ITEM_ACTION_WRAPPER: "item-action-wrapper";
     readonly ITEM_ACTION_BTN: "item-action-btn";
@@ -24,13 +25,14 @@ export declare const DSShuttleV2Slots: {
     readonly LOADING_LIST_WRAPPER: "loading-list-wrapper";
     readonly MOVE_MULTIPLE_WRAPPER: "move-multiple-wrapper";
     readonly MOVE_MULTIPLE_BTN: "move-multiple-btn";
+    readonly MOVE_MULTIPLE_LIVE_REGION: "move-multiple-live-region";
     readonly LIST_WRAPPER_MID: "list-wrapper-mid";
-    readonly LIST_WRAPPER_MID_SCROLLER: "list-wrapper-mid-scroller";
     readonly LIST_WRAPPER_TOP: "list-wrapper-top";
     readonly AREA_SEARCH_WRAPPER: "area-search-wrapper";
     readonly AREA_SEARCH_BAR: "area-search-bar";
     readonly AREA_SELECTION_HEADER: "area-selection-header";
     readonly AREA_SELECTION_HEADER_COUNT_LABEL: "area-selection-header-count-label";
+    readonly DRAG_AND_DROP_HANDLE_WRAPPER: "drag-and-drop-handle-wrapper";
     readonly DRAG_AND_DROP_HANDLE: "drag-and-drop-handle";
     readonly ARIA_LIVE_PANEL_CENTER: "aria-live-panel-center";
 };
@@ -49,6 +51,7 @@ export declare const DSShuttleV2DataTestIds: {
     readonly ITEM_LABEL_WRAPPER: "ds-shuttlev2-item-label-wrapper";
     readonly ITEM_MIDSECTION_WRAPPER: "ds-shuttlev2-item-midsection-wrapper";
     readonly ITEM_SELECTION: "ds-shuttlev2-item-selection";
+    readonly ITEM_SELECTION_CHECKBOX_UI: "ds-shuttlev2-item-selection-checkbox-ui";
     readonly ITEM_ACTIONS_WRAPPER: "ds-shuttlev2-item-actions-wrapper";
     readonly ITEM_ACTION_WRAPPER: "ds-shuttlev2-item-action-wrapper";
     readonly ITEM_ACTION_BTN: "ds-shuttlev2-item-action-btn";
@@ -63,13 +66,14 @@ export declare const DSShuttleV2DataTestIds: {
     readonly LOADING_LIST_WRAPPER: "ds-shuttlev2-loading-list-wrapper";
     readonly MOVE_MULTIPLE_WRAPPER: "ds-shuttlev2-move-multiple-wrapper";
     readonly MOVE_MULTIPLE_BTN: "ds-shuttlev2-move-multiple-btn";
+    readonly MOVE_MULTIPLE_LIVE_REGION: "ds-shuttlev2-move-multiple-live-region";
     readonly LIST_WRAPPER_MID: "ds-shuttlev2-list-wrapper-mid";
-    readonly LIST_WRAPPER_MID_SCROLLER: "ds-shuttlev2-list-wrapper-mid-scroller";
     readonly LIST_WRAPPER_TOP: "ds-shuttlev2-list-wrapper-top";
     readonly AREA_SEARCH_WRAPPER: "ds-shuttlev2-area-search-wrapper";
     readonly AREA_SEARCH_BAR: "ds-shuttlev2-area-search-bar";
     readonly AREA_SELECTION_HEADER: "ds-shuttlev2-area-selection-header";
     readonly AREA_SELECTION_HEADER_COUNT_LABEL: "ds-shuttlev2-area-selection-header-count-label";
+    readonly DRAG_AND_DROP_HANDLE_WRAPPER: "ds-shuttlev2-drag-and-drop-handle-wrapper";
     readonly DRAG_AND_DROP_HANDLE: "ds-shuttlev2-drag-and-drop-handle";
     readonly ARIA_LIVE_PANEL_CENTER: "ds-shuttlev2-aria-live-panel-center";
 };

package/dist/types/parts/Dnd/DndHandle.d.ts

@@ -1,16 +1,9 @@
 import React from 'react';
-import type { useSortable } from '@elliemae/ds-drag-and-drop';
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const StyledGripperButtonOrOverlay: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
     isActive: boolean;
     isDragOverlay?: boolean;
     disabled?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const DragHandle: React.ComponentType<{
-    id: string;
-    innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;
-    useSortableHelpers: ReturnType<typeof useSortable>;
-    isDndActive: boolean;
-    isDragging: boolean;
-    disabled?: boolean;
-    ariaLabelledby?: string;
-}>;
+export declare const StyledGripperWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const DragHandle: React.ComponentType<DSShuttleV2T.DragHandleArguments>;

package/dist/types/parts/Header.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../react-desc-prop-types.js';
-export declare const Header: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const Header: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element>;

package/dist/types/parts/Item/Item.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const Item: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => import("react/jsx-runtime.js").JSX.Element>;
-declare const ItemSortable: React.ComponentType<DSShuttleV2T.ItemMeta>;
-export { ItemSortable };
-export default ItemSortable;
+export declare const ItemSortable: (props: DSShuttleV2T.ItemMeta) => React.JSX.Element;

package/dist/types/parts/Item/ItemActions/ItemActions.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const ItemActions: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const ItemActions: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => React.JSX.Element>;

package/dist/types/parts/Item/ItemActions/{useInnerRefHandlers.d.ts → useInnerRefActionHandlers.d.ts}

@@ -1,5 +1,5 @@
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const useInnerRefHandlers: ({ datumInternalMeta, isDestinationPanel }: DSShuttleV2T.ItemMeta) => {
+export declare const useInnerRefActionHandlers: ({ datumInternalMeta, isDestinationPanel }: DSShuttleV2T.ItemMeta) => {
     innerRefHandlerDnd: (node: HTMLDivElement | null) => void;
     innerRefHandlerDrilldown: (node: HTMLButtonElement) => void;
     innerRefHandlerMove: (node: HTMLButtonElement) => void;

package/dist/types/parts/Item/ItemMiddleSection.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const ItemMiddleSection: React.MemoExoticComponent<(props: DSShuttleV2T.ItemMeta & {
     tooltipHelpers?: DSShuttleV2T.ComponentProps["tooltipHelpers"];
-}) => import("react/jsx-runtime.js").JSX.Element>;
+}) => React.JSX.Element>;

package/dist/types/parts/Item/ItemOverlay.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const ItemOverlay: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta & {
     tooltipHelpers?: DSShuttleV2T.ComponentProps["tooltipHelpers"];
-}) => import("react/jsx-runtime.js").JSX.Element>;
+}) => React.JSX.Element>;

package/dist/types/parts/Item/ItemSelectionUi/CheckboxSelectionUI.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SelectionUIProps } from './ItemSelectionUI.types.js';
+export declare const CheckboxSelectionUI: (props: SelectionUIProps) => React.JSX.Element;

package/dist/types/parts/Item/ItemSelectionUi/ItemSelectionUI.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SelectionUIProps } from './ItemSelectionUI.types.js';
+export declare const ItemSelectionUI: (props: SelectionUIProps) => React.JSX.Element;

package/dist/types/parts/Item/ItemSelectionUi/ItemSelectionUI.types.d.ts

@@ -0,0 +1,11 @@
+import type { useHeadlessTooltip } from '@elliemae/ds-hooks-headless-tooltip';
+import type { DSShuttleV2T } from '../../../react-desc-prop-types.js';
+import type { useItemInnerRefHandlers } from '../useItemInnerRefHandlers.js';
+type TooltipHelpers = ReturnType<typeof useHeadlessTooltip>;
+type ItemInnerRefHandlers = ReturnType<typeof useItemInnerRefHandlers>;
+export interface SelectionUIProps {
+    tooltipHelpers: TooltipHelpers;
+    itemInnerRefHandlers: ItemInnerRefHandlers;
+    itemMeta: DSShuttleV2T.ItemMeta;
+}
+export {};

package/dist/types/parts/Item/ItemSelectionUi/VerticalBarSelectionUI.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SelectionUIProps } from './ItemSelectionUI.types.js';
+export declare const VerticalBarSelectionUI: (props: SelectionUIProps) => React.JSX.Element;

package/dist/types/parts/Item/TextSection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const TextSection: React.MemoExoticComponent<(props: DSShuttleV2T.ItemMeta) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const TextSection: React.MemoExoticComponent<(props: DSShuttleV2T.ItemMeta) => React.JSX.Element>;

package/dist/types/parts/Item/useItemInnerRefHandlers.d.ts

@@ -0,0 +1,5 @@
+import type { DSShuttleV2T } from '../../react-desc-prop-types.js';
+export declare const useItemInnerRefHandlers: (itemMeta: DSShuttleV2T.ItemMeta) => {
+    innerRefHandlerParentItem: (node: HTMLDivElement | null) => void;
+    thisItemIsFocused: boolean;
+};

package/dist/types/parts/MainContent.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const MainContent: React.MemoExoticComponent<() => import("react/jsx-runtime.js").JSX.Element>;
+export declare const MainContent: React.MemoExoticComponent<() => React.JSX.Element>;

package/dist/types/parts/Panel/bottom/LoadMoreBtn.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const LoadMoreBtn: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;
+export declare const LoadMoreBtn: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element;

package/dist/types/parts/Panel/bottom/LoadingMore.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const LoadingMore: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;
+export declare const LoadingMore: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element;

package/dist/types/parts/Panel/bottom/PanelContentBottomSection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const PanelContentBottomSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const PanelContentBottomSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element>;

package/dist/types/parts/Panel/bottom/{useInnerRefHandlers.d.ts → useLoadMoreBtnInnerRefHandlers.d.ts}

@@ -1,4 +1,4 @@
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const useInnerRefHandlers: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {
+export declare const useLoadMoreBtnInnerRefHandlers: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {
     innerRefHandlerLoadMoreBtn: (node: HTMLButtonElement) => void;
 };

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const EmptyItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;
+export declare const EmptyItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element;

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

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

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const LoadingItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;
+export declare const LoadingItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const MultipleSelectionAction: React.MemoExoticComponent<(panelMeta: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const MultipleSelectionAction: React.MemoExoticComponent<(panelMeta: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element>;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const PanelContentMiddleSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const PanelContentMiddleSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element>;

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

@@ -3,5 +3,5 @@ interface ShuttleLoadingAnnouncementProps {
     isLoading: boolean;
     headerProps?: Record<string, unknown>;
 }
-export declare const ShuttleLoadingAnnouncement: React.MemoExoticComponent<({ isLoading, headerProps }: ShuttleLoadingAnnouncementProps) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const ShuttleLoadingAnnouncement: React.MemoExoticComponent<({ isLoading, headerProps }: ShuttleLoadingAnnouncementProps) => React.JSX.Element>;
 export {};

package/dist/types/parts/Panel/top/AriaLivePanelCenter.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const AriaLivePanelCenter: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;
+export declare const AriaLivePanelCenter: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element;

package/dist/types/parts/Panel/top/PanelContentTopSection.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const PanelContentTopSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;
+export declare const PanelContentTopSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element;

package/dist/types/parts/Panel/top/PanelFilterSection.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const PanelFilterSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;
+export declare const PanelFilterSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element;

package/dist/types/parts/Panel/top/SelectionHeader.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const SelectionHeader: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const SelectionHeader: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element>;

package/dist/types/parts/PanelWrapper.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../react-desc-prop-types.js';
-export declare const PanelWrapper: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const PanelWrapper: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => React.JSX.Element>;

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

@@ -7,11 +7,10 @@ import type { GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/d
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type { ZustandT } from '@elliemae/ds-zustand-helpers';
 import type React from 'react';
-import { DSShuttleV2Name, DSShuttleV2Slots } from './constants/index.js';
 import type { useAutoCalculated } from './config/useAutoCalculated/index.js';
 import type { ACTIONS_FOCUSES, DropIndicatorPosition, ITEMS_FOCUSES, REGIONS_FOCUSES } from './constants/index.js';
 export declare namespace DSShuttleV2T {
-    type Datum = Record<string, unknown>;
+    type Datum<D extends Record<string, unknown> = Record<string, unknown>> = D;
     type PanelMetaInfo = {
         isDestinationPanel: boolean;
         hasMultipleSelection?: boolean;
@@ -55,8 +54,8 @@ export declare namespace DSShuttleV2T {
         preventDrilldown?: boolean;
     };
     type DatumHydratablesWithoutComponents = PrimaryKeyHydratables & FunctionalHydratables & RequiredDatumHydratablesWithoutComponents & OptionalDatumHydratablesWithoutComponents;
-    type ComponentProps = {
-        datum: Datum;
+    type ComponentProps<D extends Record<string, unknown> = Record<string, unknown>> = {
+        datum: Datum<D>;
         thisItemIsFocused: boolean;
         panelMetaInfo: PanelMetaInfo;
         datumInternalMeta: DatumInternalMeta;
@@ -64,53 +63,108 @@ export declare namespace DSShuttleV2T {
         tooltipHelpers?: ReturnType<typeof useHeadlessTooltip>;
     };
     type RequiredDatumHydratablesComponents = {};
-    type OptionalDatumHydratablesComponents = {
-        Icon?: React.ComponentType<ComponentProps>;
-        CustomRenderer?: React.ComponentType<ComponentProps> | null;
+    type OptionalDatumHydratablesComponents<D extends Record<string, unknown> = Record<string, unknown>> = {
+        Icon?: React.ComponentType<ComponentProps<D>>;
+        CustomRenderer?: React.ComponentType<ComponentProps<D>> | null;
     };
     type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;
-    type OptionalDatumHydratables = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents;
-    type DatumHydratables = PrimaryKeyHydratables & RequiredDatumHydratables & OptionalDatumHydratables;
-    type PrimaryKeyHydraters = TypescriptHelpersT.Hydraters<PrimaryKeyHydratables, [Datum]>;
-    type FunctionalHydraters = TypescriptHelpersT.Hydraters<FunctionalHydratables, [
-        Datum,
-        Partial<PanelMetaInfo>
-    ]>;
+    type OptionalDatumHydratables<D extends Record<string, unknown> = Record<string, unknown>> = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents<D>;
+    type DatumHydratables<D extends Record<string, unknown> = Record<string, unknown>> = PrimaryKeyHydratables & RequiredDatumHydratables & OptionalDatumHydratables<D>;
+    type PrimaryKeyHydraters<D extends Record<string, unknown> = Record<string, unknown>> = TypescriptHelpersT.Hydraters<PrimaryKeyHydratables, [Datum<D>]>;
+    type FunctionalHydraters<D extends Record<string, unknown> = Record<string, unknown>> = TypescriptHelpersT.Hydraters<FunctionalHydratables, [Datum<D>, Partial<PanelMetaInfo>]>;
     type HydratersMeta = {
         datumMeta: DatumInternalMeta;
         panelMetaInfo: PanelMetaInfo;
     };
-    type RequiredDatumHydraters = TypescriptHelpersT.Hydraters<RequiredDatumHydratables, [Datum, HydratersMeta]>;
-    type OptionalDatumHydraters = TypescriptHelpersT.Hydraters<OptionalDatumHydratables, [Datum, HydratersMeta]>;
-    type DatumHydraters = PrimaryKeyHydraters & FunctionalHydraters & RequiredDatumHydraters & OptionalDatumHydraters;
+    type RequiredDatumHydraters<D extends Record<string, unknown> = Record<string, unknown>> = TypescriptHelpersT.Hydraters<RequiredDatumHydratables, [Datum<D>, HydratersMeta]>;
+    type OptionalDatumHydraters<D extends Record<string, unknown> = Record<string, unknown>> = TypescriptHelpersT.Hydraters<OptionalDatumHydratables<D>, [Datum<D>, HydratersMeta]>;
+    type DatumHydraters<D extends Record<string, unknown> = Record<string, unknown>> = PrimaryKeyHydraters<D> & FunctionalHydraters<D> & RequiredDatumHydraters<D> & OptionalDatumHydraters<D>;
     type RequiredPanelHydraters = TypescriptHelpersT.Hydraters<RequiredPanelHydratables, [PanelMetaInfo]>;
     type OptionalPanelHydraters = Partial<TypescriptHelpersT.Hydraters<OptionalPanelHydratables, [PanelMetaInfo]>>;
     type PanelHydraters = RequiredPanelHydraters & OptionalPanelHydraters;
-    type ConfiguredDatum = DatumInternalMeta & {
-        original: Datum;
+    type ConfiguredDatum<D extends Record<string, unknown> = Record<string, unknown>> = DatumInternalMeta & {
+        original: Datum<D>;
     };
-    interface ItemMeta extends PanelMetaInfo {
-        datum: Datum;
-        datumHydratables: DatumHydratables;
+    interface ItemMeta<D extends Record<string, unknown> = Record<string, unknown>> extends PanelMetaInfo {
+        datum: Datum<D>;
+        datumHydratables: DatumHydratables<D>;
         datumInternalMeta: DatumInternalMeta;
         datumRenderFlags: DatumRenderFlags;
         withDragNDrop: boolean;
         useSortableHelpers?: ReturnType<typeof useSortable>;
     }
-    type OnDataChange = (newData: Datum[], metainfo: {
+    type DragHandleArguments = {
+        id: string;
+        innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;
+        useSortableHelpers: ReturnType<typeof useSortable>;
+        isDndActive: boolean;
+        isDragging: boolean;
+        disabled?: boolean;
+        ariaLabelledby?: string;
+    };
+    type ItemMidSectionArguments<D extends Record<string, unknown> = Record<string, unknown>> = ItemMeta<D> & {
+        tooltipHelpers?: ComponentProps<D>['tooltipHelpers'];
+    };
+    type ItemActionIconArguments<D extends Record<string, unknown> = Record<string, unknown>> = {
+        panelMetaInfo: PanelMetaInfo;
+        extraMetaInfo?: {
+            itemMeta?: ItemMeta<D>;
+        };
+    };
+    type SlotFunctionArguments<D extends Record<string, unknown> = Record<string, unknown>> = {
+        dsShuttlev2PanelWrapper: (args: PanelMetaInfo) => object;
+        dsShuttlev2ListWrapper: (args: PanelMetaInfo) => object;
+        dsShuttlev2HeaderSearchIcon: (args: PanelMetaInfo) => object;
+        dsShuttlev2ListWrapperTop: (args: PanelMetaInfo) => object;
+        dsShuttlev2AreaSearchWrapper: (args: PanelMetaInfo) => object;
+        dsShuttlev2AreaSearchBar: (args: PanelMetaInfo) => object;
+        dsShuttlev2AreaSelectionHeader: (args: PanelMetaInfo) => object;
+        dsShuttlev2AreaSelectionHeaderCountLabel: (args: PanelMetaInfo) => object;
+        dsShuttlev2AriaLivePanelCenter: (args: PanelMetaInfo) => object;
+        dsShuttlev2ListWrapperMid: (args: PanelMetaInfo) => object;
+        dsShuttlev2ItemsWrapper: (args: PanelMetaInfo) => object;
+        dsShuttlev2MoveMultipleWrapper: (args: PanelMetaInfo) => object;
+        dsShuttlev2MoveMultipleBtn: (args: PanelMetaInfo) => object;
+        dsShuttlev2MoveMultipleLiveRegion: (args: PanelMetaInfo) => object;
+        dsShuttlev2EmptyListWrapper: (args: PanelMetaInfo) => object;
+        dsShuttlev2LoadingListWrapper: (args: PanelMetaInfo) => object;
+        dsShuttlev2ListBottomLoadingMore: (args: PanelMetaInfo) => object;
+        dsShuttlev2ListBottomLoadMoreBtn: (args: PanelMetaInfo) => object;
+        dsShuttlev2ListWrapperBottom: (args: PanelMetaInfo) => object;
+        dsShuttlev2ItemWrapper: (args: ItemMeta<D>) => object;
+        dsShuttlev2ItemCheckbox: (args: ItemMeta<D>) => object;
+        dsShuttlev2ItemSelection: (args: ItemMeta<D>) => object;
+        dsShuttlev2ItemSelectionCheckboxUi: (args: ItemMeta<D>) => object;
+        dsShuttlev2ItemLabelWrapper: (args: ItemMeta<D>) => object;
+        dsShuttlev2ItemActionsWrapper: (args: ItemMeta<D>) => object;
+        dsShuttlev2ItemActionWrapper: (args: ItemMeta<D>) => object;
+        dsShuttlev2ItemActionBtn: (args: ItemMeta<D>) => object;
+        dsShuttlev2ItemActionBtnDrilldownIcon: (args: ItemMeta<D>) => object;
+        dsShuttlev2ItemMidsectionWrapper: (args: ItemMidSectionArguments<D>) => object;
+        dsShuttlev2ItemIconWrapper: (args: ItemMidSectionArguments<D>) => object;
+        dsShuttlev2ItemActionBtnToSourceIcon: (args: ItemActionIconArguments<D>) => object;
+        dsShuttlev2ItemActionBtnToDestinationIcon: (args: ItemActionIconArguments<D>) => object;
+        dsShuttlev2DragAndDropHandleWrapper: (args: DragHandleArguments) => object;
+        dsShuttlev2DragAndDropHandle: (args: DragHandleArguments) => object;
+        dsShuttlev2Wrapper: () => object;
+    };
+    type SlotProps<D extends Record<string, unknown> = Record<string, unknown>> = {
+        [K in keyof SlotFunctionArguments<D>]?: object | SlotFunctionArguments<D>[K];
+    };
+    type OnDataChange<D extends Record<string, unknown> = Record<string, unknown>> = (newData: Datum<D>[], metainfo: {
         event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;
-        item?: Datum;
-        selectedItems?: Datum[];
+        item?: Datum<D>;
+        selectedItems?: Datum<D>[];
     }) => void;
     type OnChangeEvent<T> = (items: T, metainfo: {
         event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;
     }) => void;
-    type OnReorderEventMetadata = Omit<DnDKitTree.OnReorder<DSShuttleV2T.Datum>, 'considerExpanding'>;
-    type OnReorderEvent = (movedItem: Datum, metadata: OnReorderEventMetadata) => void;
+    type OnReorderEventMetadata<D extends Record<string, unknown> = Record<string, unknown>> = Omit<DnDKitTree.OnReorder<Datum<D>>, 'considerExpanding'>;
+    type OnReorderEvent<D extends Record<string, unknown> = Record<string, unknown>> = (movedItem: Datum<D>, metadata: OnReorderEventMetadata<D>) => void;
     type SelectionMap = Record<string, boolean>;
-    type OnSelectionChange = (newSelection: SelectionMap, metainfo: {
+    type OnSelectionChange<D extends Record<string, unknown> = Record<string, unknown>> = (newSelection: SelectionMap, metainfo: {
         event: Parameters<Required<DSButtonT.Props>['onClick']>[0] | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1] | React.MouseEvent<HTMLButtonElement | HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | React.ChangeEvent<HTMLInputElement>;
-        item?: Datum;
+        item?: Datum<D>;
     }) => void;
     type OnSelectionDrilldown<T> = (item: T, metainfo: {
         event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;
@@ -123,9 +177,9 @@ export declare namespace DSShuttleV2T {
         event: Parameters<Required<DSButtonT.Props>['onClick']>[0];
     }) => void;
     type SoftDeletedMap = Record<string, boolean>;
-    type OnSoftDeletedChange = (newSoftDeleted: SoftDeletedMap, metainfo: {
+    type OnSoftDeletedChange<D extends Record<string, unknown> = Record<string, unknown>> = (newSoftDeleted: SoftDeletedMap, metainfo: {
         event: Parameters<Required<DSButtonT.Props>['onClick']>[0] | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1] | React.MouseEvent<HTMLButtonElement | HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | React.ChangeEvent<HTMLInputElement>;
-        item?: Datum;
+        item?: Datum<D>;
     }) => void;
     type FocusRegion = (typeof REGIONS_FOCUSES)[keyof typeof REGIONS_FOCUSES];
     type FocusItem = Omit<(typeof ITEMS_FOCUSES)[keyof typeof ITEMS_FOCUSES], 'GET_SPECIFIC_ITEM'> & string;
@@ -152,19 +206,20 @@ export declare namespace DSShuttleV2T {
     };
     type Reducers = Record<string, never>;
     type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;
-    interface RequiredProps<T, H, K> extends RequiredDatumHydraters, PrimaryKeyHydraters {
-        sourceData: Datum[];
+    interface RequiredProps<D extends Record<string, unknown> = Record<string, unknown>> extends RequiredDatumHydraters<D>, PrimaryKeyHydraters<D> {
+        sourceData: Datum<D>[];
         sourceSelectedItems: SelectionMap;
-        onSourceSelectionChange: OnSelectionChange;
-        SourceHeader: React.ComponentType<T>;
-        onSourceDrilldown: OnSelectionDrilldown<K>;
-        destinationData: Datum[];
+        onSourceSelectionChange: OnSelectionChange<D>;
+        SourceHeader: React.ComponentType<any>;
+        onSourceDrilldown: OnSelectionDrilldown<Datum<D>>;
+        destinationData: Datum<D>[];
         destinationSelectedItems: SelectionMap;
-        onDestinationSelectionChange: OnSelectionChange;
-        DestinationHeader: React.ComponentType<H>;
-        onDestinationDrilldown: OnSelectionDrilldown<K>;
+        onDestinationSelectionChange: OnSelectionChange<D>;
+        DestinationHeader: React.ComponentType<any>;
+        onDestinationDrilldown: OnSelectionDrilldown<Datum<D>>;
     }
-    interface DefaultProps<T> extends Required<FunctionalHydraters> {
+    interface DefaultProps<D extends Record<string, unknown> = Record<string, unknown>> extends Required<FunctionalHydraters<D>> {
+        explicitSelectionUI: boolean;
         sourceIsLoading: boolean;
         sourceWithLoadMore: boolean;
         sourceIsLoadingMore: boolean;
@@ -175,20 +230,20 @@ export declare namespace DSShuttleV2T {
         onDestinationLoadMore: OnLoadMore;
         destinationNoOptionsMessage: string;
         sourceNoOptionsMessage: string;
-        onSourceAdd: OnChangeEvent<T>;
-        onSourceRemove: OnChangeEvent<T>;
-        onDestinationAdd: OnChangeEvent<T>;
-        onDestinationRemove: OnChangeEvent<T>;
+        onSourceAdd: OnChangeEvent<Datum<D>[]>;
+        onSourceRemove: OnChangeEvent<Datum<D>[]>;
+        onDestinationAdd: OnChangeEvent<Datum<D>[]>;
+        onDestinationRemove: OnChangeEvent<Datum<D>[]>;
         addDragAndDropFromSource: boolean;
         removeDragAndDropFromDestination: boolean;
-        onSourceReorder: OnReorderEvent;
-        onDestinationReorder: OnReorderEvent;
+        onSourceReorder: OnReorderEvent<D>;
+        onDestinationReorder: OnReorderEvent<D>;
         sourceSoftDeletedItems: SoftDeletedMap;
-        onSourceSoftDelete: OnSoftDeletedChange;
+        onSourceSoftDelete: OnSoftDeletedChange<D>;
         destinationSoftDeletedItems: SoftDeletedMap;
-        onDestinationSoftDelete: OnSoftDeletedChange;
+        onDestinationSoftDelete: OnSoftDeletedChange<D>;
     }
-    interface OptionalProps extends OptionalDatumHydraters, OptionalPanelHydraters, TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSShuttleV2Name, typeof DSShuttleV2Slots> {
+    interface OptionalProps<D extends Record<string, unknown> = Record<string, unknown>> extends OptionalDatumHydraters<D>, OptionalPanelHydraters, SlotProps<D> {
         sourceItemProps?: Record<string, unknown>;
         destinationItemProps?: Record<string, unknown>;
         sourceHeaderProps?: Record<string, unknown>;
@@ -202,21 +257,20 @@ export declare namespace DSShuttleV2T {
         onSourceFilterChange?: OnFilterChange;
         onDestinationFilterChange?: OnFilterChange;
         moveButtonProps?: ({ itemMeta, isDestinationPanel, }: {
-            itemMeta: ItemMeta;
+            itemMeta: ItemMeta<D>;
             isDestinationPanel: boolean;
         }) => Omit<DSButtonV3T.Props, 'children'>;
         drillDownButtonProps?: ({ itemMeta, isDestinationPanel, }: {
-            itemMeta: ItemMeta;
+            itemMeta: ItemMeta<D>;
             isDestinationPanel: boolean;
         }) => Omit<DSButtonV3T.Props, 'children'>;
         checkboxSelectAllProps?: (metainfo: PanelMetaInfo) => DSControlledCheckboxT.Props;
-        dsShuttleV2ListWrapperMid?: (metaInfo: PanelMetaInfo) => Record<string, unknown>;
         areaSearchBarProps?: (metaInfo: PanelMetaInfo) => DSInputTextT.Props;
     }
-    interface Props<T, H, N, K> extends Partial<DefaultProps<N>>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps<N> | keyof OptionalProps | keyof RequiredProps<T, H, K>>, XstyledProps, RequiredProps<T, H, K> {
+    interface Props<D extends Record<string, unknown> = Record<string, unknown>> extends Partial<DefaultProps<D>>, OptionalProps<D>, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps<D> | keyof OptionalProps<D> | keyof RequiredProps<D>>, XstyledProps, RequiredProps<D> {
     }
-    interface InternalProps<T, H, N, K> extends DefaultProps<N>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps<N> | keyof OptionalProps | keyof RequiredProps<T, H, K>>, XstyledProps, RequiredProps<T, H, K> {
+    interface InternalProps<D extends Record<string, unknown> = Record<string, unknown>> extends DefaultProps<D>, OptionalProps<D>, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps<D> | keyof OptionalProps<D> | keyof RequiredProps<D>>, XstyledProps, RequiredProps<D> {
     }
 }
-export declare const defaultProps: DSShuttleV2T.DefaultProps<object>;
-export declare const DSShuttleV2PropTypesSchema: ValidationMap<DSShuttleV2T.Props<object, object, object, object>>;
+export declare const defaultProps: DSShuttleV2T.DefaultProps;
+export declare const DSShuttleV2PropTypesSchema: ValidationMap<DSShuttleV2T.Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle-v2",
-  "version": "3.62.1",
+  "version": "3.70.0-alpha.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle v2",
   "files": [
@@ -22,7 +22,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+    "url": "https://github.com/intcx/PLATFORM-UI.dimsum.git"
   },
   "engines": {
     "pnpm": ">=9",
@@ -39,39 +39,39 @@
     "@xstyled/styled-components": "~3.8.1",
     "fast-deep-equal": "~3.1.3",
     "uid": "^2.0.2",
-    "@elliemae/ds-button-v2": "3.62.1",
-    "@elliemae/ds-circular-progress-indicator": "3.62.1",
-    "@elliemae/ds-form-input-text": "3.62.1",
-    "@elliemae/ds-drag-and-drop": "3.62.1",
-    "@elliemae/ds-fast-list": "3.62.1",
-    "@elliemae/ds-form-checkbox": "3.62.1",
-    "@elliemae/ds-grid": "3.62.1",
-    "@elliemae/ds-hooks-fontsize-detector": "3.62.1",
-    "@elliemae/ds-hooks-on-blur-out": "3.62.1",
-    "@elliemae/ds-hooks-headless-tooltip": "3.62.1",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.62.1",
-    "@elliemae/ds-icons": "3.62.1",
-    "@elliemae/ds-popperjs": "3.62.1",
-    "@elliemae/ds-props-helpers": "3.62.1",
-    "@elliemae/ds-system": "3.62.1",
-    "@elliemae/ds-typescript-helpers": "3.62.1",
-    "@elliemae/ds-typography": "3.62.1",
-    "@elliemae/ds-zustand-helpers": "3.62.1"
+    "@elliemae/ds-button-v2": "3.70.0-alpha.11",
+    "@elliemae/ds-circular-progress-indicator": "3.70.0-alpha.11",
+    "@elliemae/ds-fast-list": "3.70.0-alpha.11",
+    "@elliemae/ds-floating-context": "3.70.0-alpha.11",
+    "@elliemae/ds-form-checkbox": "3.70.0-alpha.11",
+    "@elliemae/ds-drag-and-drop": "3.70.0-alpha.11",
+    "@elliemae/ds-form-input-text": "3.70.0-alpha.11",
+    "@elliemae/ds-grid": "3.70.0-alpha.11",
+    "@elliemae/ds-hooks-fontsize-detector": "3.70.0-alpha.11",
+    "@elliemae/ds-hooks-on-blur-out": "3.70.0-alpha.11",
+    "@elliemae/ds-hooks-headless-tooltip": "3.70.0-alpha.11",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.70.0-alpha.11",
+    "@elliemae/ds-props-helpers": "3.70.0-alpha.11",
+    "@elliemae/ds-icons": "3.70.0-alpha.11",
+    "@elliemae/ds-system": "3.70.0-alpha.11",
+    "@elliemae/ds-typescript-helpers": "3.70.0-alpha.11",
+    "@elliemae/ds-typography": "3.70.0-alpha.11",
+    "@elliemae/ds-zustand-helpers": "3.70.0-alpha.11"
   },
   "devDependencies": {
     "jest": "^30.0.0",
     "lodash-es": "^4.18.1",
-    "styled-components": "~5.3.9",
-    "@elliemae/ds-breadcrumb": "3.62.1",
-    "@elliemae/ds-monorepo-devops": "3.62.1",
-    "@elliemae/ds-test-utils": "3.62.1",
-    "@elliemae/ds-tree-model": "3.62.1"
+    "styled-components": "~5.3.11",
+    "@elliemae/ds-monorepo-devops": "3.70.0-alpha.11",
+    "@elliemae/ds-breadcrumb": "3.70.0-alpha.11",
+    "@elliemae/ds-test-utils": "3.70.0-alpha.11",
+    "@elliemae/ds-tree-model": "3.70.0-alpha.11"
   },
   "peerDependencies": {
     "lodash-es": "^4.18.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "styled-components": "~5.3.9"
+    "styled-components": "~5.3.11"
   },
   "publishConfig": {
     "access": "public",