@elliemae/ds-shuttle-v2 3.70.0-next.4 → 3.70.0-next.40

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/Item/Item.d.ts

@@ -1,6 +1,2 @@
-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) => import("react/jsx-runtime.js").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/ItemSelectionUi/CheckboxSelectionUI.d.ts

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

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

@@ -0,0 +1,2 @@
+import type { SelectionUIProps } from './ItemSelectionUI.types.js';
+export declare const ItemSelectionUI: (props: SelectionUIProps) => import("react/jsx-runtime.js").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,2 @@
+import type { SelectionUIProps } from './ItemSelectionUI.types.js';
+export declare const VerticalBarSelectionUI: (props: SelectionUIProps) => import("react/jsx-runtime.js").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/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/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/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.70.0-next.4",
+  "version": "3.70.0-next.40",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle v2",
   "files": [
@@ -39,36 +39,36 @@
     "@xstyled/styled-components": "~3.8.1",
     "fast-deep-equal": "~3.1.3",
     "uid": "^2.0.2",
-    "@elliemae/ds-circular-progress-indicator": "3.70.0-next.4",
-    "@elliemae/ds-button-v2": "3.70.0-next.4",
-    "@elliemae/ds-fast-list": "3.70.0-next.4",
-    "@elliemae/ds-grid": "3.70.0-next.4",
-    "@elliemae/ds-form-input-text": "3.70.0-next.4",
-    "@elliemae/ds-hooks-headless-tooltip": "3.70.0-next.4",
-    "@elliemae/ds-hooks-on-blur-out": "3.70.0-next.4",
-    "@elliemae/ds-hooks-fontsize-detector": "3.70.0-next.4",
-    "@elliemae/ds-drag-and-drop": "3.70.0-next.4",
-    "@elliemae/ds-icons": "3.70.0-next.4",
-    "@elliemae/ds-form-checkbox": "3.70.0-next.4",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.70.0-next.4",
-    "@elliemae/ds-popperjs": "3.70.0-next.4",
-    "@elliemae/ds-typescript-helpers": "3.70.0-next.4",
-    "@elliemae/ds-props-helpers": "3.70.0-next.4",
-    "@elliemae/ds-system": "3.70.0-next.4",
-    "@elliemae/ds-typography": "3.70.0-next.4",
-    "@elliemae/ds-zustand-helpers": "3.70.0-next.4"
+    "@elliemae/ds-button-v2": "3.70.0-next.40",
+    "@elliemae/ds-circular-progress-indicator": "3.70.0-next.40",
+    "@elliemae/ds-fast-list": "3.70.0-next.40",
+    "@elliemae/ds-floating-context": "3.70.0-next.40",
+    "@elliemae/ds-drag-and-drop": "3.70.0-next.40",
+    "@elliemae/ds-form-checkbox": "3.70.0-next.40",
+    "@elliemae/ds-form-input-text": "3.70.0-next.40",
+    "@elliemae/ds-hooks-fontsize-detector": "3.70.0-next.40",
+    "@elliemae/ds-hooks-on-blur-out": "3.70.0-next.40",
+    "@elliemae/ds-grid": "3.70.0-next.40",
+    "@elliemae/ds-hooks-headless-tooltip": "3.70.0-next.40",
+    "@elliemae/ds-props-helpers": "3.70.0-next.40",
+    "@elliemae/ds-icons": "3.70.0-next.40",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.70.0-next.40",
+    "@elliemae/ds-system": "3.70.0-next.40",
+    "@elliemae/ds-typescript-helpers": "3.70.0-next.40",
+    "@elliemae/ds-zustand-helpers": "3.70.0-next.40",
+    "@elliemae/ds-typography": "3.70.0-next.40"
   },
   "devDependencies": {
     "jest": "^30.0.0",
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.18.1",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-breadcrumb": "3.70.0-next.4",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.4",
-    "@elliemae/ds-test-utils": "3.70.0-next.4",
-    "@elliemae/ds-tree-model": "3.70.0-next.4"
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.40",
+    "@elliemae/ds-test-utils": "3.70.0-next.40",
+    "@elliemae/ds-breadcrumb": "3.70.0-next.40",
+    "@elliemae/ds-tree-model": "3.70.0-next.40"
   },
   "peerDependencies": {
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.18.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "~5.3.9"

package/dist/cjs/parts/HoC/withConditionalUseSortable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/HoC/withConditionalUseSortable.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { useSortable } from '@elliemae/ds-drag-and-drop';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\n\ntype HoCConfig = DSShuttleV2T.ItemMeta;\ntype ResultComponentProps = DSShuttleV2T.ItemMeta & { useSortableHelpers: ReturnType<typeof useSortable> };\nexport const withConditionalUseSortable: TypescriptHelpersT.ReactFunctionalHOCWithDifferentInterface<\n  HoCConfig,\n  ResultComponentProps\n> = (Component) =>\n  function WithConditionalUseSortable(props) {\n    const { datumInternalMeta } = props;\n    const { hydratedId } = datumInternalMeta;\n    const useSortableHelpers = useSortable({ id: hydratedId });\n\n    return <Component {...props} useSortableHelpers={useSortableHelpers} />;\n  };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBZ;AAfX,8BAA4B;AAMrB,MAAM,6BAGT,CAAC,cACH,SAAS,2BAA2B,OAAO;AACzC,QAAM,EAAE,kBAAkB,IAAI;AAC9B,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,yBAAqB,qCAAY,EAAE,IAAI,WAAW,CAAC;AAEzD,SAAO,4CAAC,aAAW,GAAG,OAAO,oBAAwC;AACvE;",
-  "names": []
-}

package/dist/cjs/parts/Item/ItemActions/useInnerRefHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/parts/Item/ItemActions/useInnerRefHandlers.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types.js';\nimport { useInternalStore } from '../../../config/useStore/index.js';\nimport { REGIONS_FOCUSES, ACTIONS_FOCUSES } from '../../../constants/index.js';\n\nexport const useInnerRefHandlers = ({ datumInternalMeta, isDestinationPanel }: DSShuttleV2T.ItemMeta) => {\n  const setZustandRef = useInternalStore((state) => state.setZustandRef);\n  const currRegion = isDestinationPanel ? REGIONS_FOCUSES.DESTINATION_PANEL_ITEM : REGIONS_FOCUSES.SOURCE_PANEL_ITEM;\n  const currItemId = datumInternalMeta.hydratedId;\n  const innerRefHandlerDrilldown = React.useCallback(\n    (node: HTMLButtonElement) => {\n      setZustandRef([currRegion, currItemId, ACTIONS_FOCUSES.DRILLDOWN_BTN], node);\n    },\n    [currItemId, currRegion, setZustandRef],\n  );\n  const innerRefHandlerMove = React.useCallback(\n    (node: HTMLButtonElement) => {\n      setZustandRef([currRegion, currItemId, ACTIONS_FOCUSES.MOVE_BTN], node);\n    },\n    [currItemId, currRegion, setZustandRef],\n  );\n  const innerRefHandlerDnd = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      setZustandRef([currRegion, currItemId, ACTIONS_FOCUSES.DRAG_N_DROP], node);\n    },\n    [currItemId, currRegion, setZustandRef],\n  );\n  return React.useMemo(\n    () => ({\n      innerRefHandlerDnd,\n      innerRefHandlerDrilldown,\n      innerRefHandlerMove,\n    }),\n    [innerRefHandlerDrilldown, innerRefHandlerDnd, innerRefHandlerMove],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,sBAAiC;AACjC,uBAAiD;AAE1C,MAAM,sBAAsB,CAAC,EAAE,mBAAmB,mBAAmB,MAA6B;AACvG,QAAM,oBAAgB,kCAAiB,CAAC,UAAU,MAAM,aAAa;AACrE,QAAM,aAAa,qBAAqB,iCAAgB,yBAAyB,iCAAgB;AACjG,QAAM,aAAa,kBAAkB;AACrC,QAAM,2BAA2B,aAAAA,QAAM;AAAA,IACrC,CAAC,SAA4B;AAC3B,oBAAc,CAAC,YAAY,YAAY,iCAAgB,aAAa,GAAG,IAAI;AAAA,IAC7E;AAAA,IACA,CAAC,YAAY,YAAY,aAAa;AAAA,EACxC;AACA,QAAM,sBAAsB,aAAAA,QAAM;AAAA,IAChC,CAAC,SAA4B;AAC3B,oBAAc,CAAC,YAAY,YAAY,iCAAgB,QAAQ,GAAG,IAAI;AAAA,IACxE;AAAA,IACA,CAAC,YAAY,YAAY,aAAa;AAAA,EACxC;AACA,QAAM,qBAAqB,aAAAA,QAAM;AAAA,IAC/B,CAAC,SAAgC;AAC/B,oBAAc,CAAC,YAAY,YAAY,iCAAgB,WAAW,GAAG,IAAI;AAAA,IAC3E;AAAA,IACA,CAAC,YAAY,YAAY,aAAa;AAAA,EACxC;AACA,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,0BAA0B,oBAAoB,mBAAmB;AAAA,EACpE;AACF;",
-  "names": ["React"]
-}

package/dist/cjs/parts/Item/ItemSelection.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/Item/ItemSelection.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../constants/index.js';\nimport { usePropsStore } from '../../config/useStore/useStore.js';\n\n// border-right: ${(props) => {\n//   if (props.$selectionPrevented === true) return `1px solid ${props.theme.colors.neutral['200']}`;\n//   return '';\n// }};\n// border-bottom: ${(props) => {\n//   if (props.$selectionPrevented === true) return `1px solid ${props.theme.colors.neutral['200']}`;\n//   return '';\n// }};\n\nconst StyledItemSelection = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.ITEM_SELECTION })<{\n  $isSelected: boolean;\n  $selectionPrevented?: boolean;\n}>`\n  width: 5px;\n  height: 100%;\n  box-sizing: border-box;\n  background-color: ${(props) => {\n    if (props.$isSelected) return props.theme.colors.brand[600];\n    if (props.$selectionPrevented === true) return props.theme.colors.neutral['080'];\n    return props.theme.colors.brand[300];\n  }};\n`;\n\nexport const ItemSelection = React.memo((itemMeta: DSShuttleV2T.ItemMeta) => {\n  const {\n    datumInternalMeta: { isSelected },\n    datumRenderFlags: { selectionPrevented },\n  } = itemMeta;\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = React.useCallback(() => itemMeta, [itemMeta]);\n\n  return (\n    <StyledItemSelection\n      $isSelected={isSelected}\n      $selectionPrevented={selectionPrevented}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    />\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuCnB;AAvCJ,mBAAkB;AAClB,uBAAuB;AACvB,qBAAqB;AAErB,uBAAkD;AAClD,sBAA8B;AAW9B,MAAM,0BAAsB,yBAAO,qBAAM,EAAE,MAAM,kCAAiB,MAAM,kCAAiB,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA,sBAOnF,CAAC,UAAU;AAC7B,MAAI,MAAM,YAAa,QAAO,MAAM,MAAM,OAAO,MAAM,GAAG;AAC1D,MAAI,MAAM,wBAAwB,KAAM,QAAO,MAAM,MAAM,OAAO,QAAQ,KAAK;AAC/E,SAAO,MAAM,MAAM,OAAO,MAAM,GAAG;AACrC,CAAC;AAAA;AAGI,MAAM,gBAAgB,aAAAA,QAAM,KAAK,CAAC,aAAoC;AAC3E,QAAM;AAAA,IACJ,mBAAmB,EAAE,WAAW;AAAA,IAChC,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,IAAI;AACJ,QAAM,oBAAgB,+BAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,yBAAyB,aAAAA,QAAM,YAAY,MAAM,UAAU,CAAC,QAAQ,CAAC;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ,CAAC;",
-  "names": ["React"]
-}

package/dist/cjs/parts/Panel/bottom/useInnerRefHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/parts/Panel/bottom/useInnerRefHandlers.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport { useInternalStore } from '../../../config/useStore/index.js';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types.js';\nimport { ITEMS_FOCUSES } from '../../../constants/index.js';\n\nexport const useInnerRefHandlers = ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {\n  const setZustandRef = useInternalStore((state) => state.setZustandRef);\n\n  const innerRefHandlerLoadMoreBtn = React.useCallback(\n    (node: HTMLButtonElement) => {\n      setZustandRef(\n        [isDestinationPanel ? ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE],\n        node,\n      );\n    },\n    [isDestinationPanel, setZustandRef],\n  );\n  return React.useMemo(() => ({ innerRefHandlerLoadMoreBtn }), [innerRefHandlerLoadMoreBtn]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,sBAAiC;AAEjC,uBAA8B;AAEvB,MAAM,sBAAsB,CAAC,EAAE,mBAAmB,MAAkC;AACzF,QAAM,oBAAgB,kCAAiB,CAAC,UAAU,MAAM,aAAa;AAErE,QAAM,6BAA6B,aAAAA,QAAM;AAAA,IACvC,CAAC,SAA4B;AAC3B;AAAA,QACE,CAAC,qBAAqB,+BAAc,4BAA4B,+BAAc,oBAAoB;AAAA,QAClG;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,aAAa;AAAA,EACpC;AACA,SAAO,aAAAA,QAAM,QAAQ,OAAO,EAAE,2BAA2B,IAAI,CAAC,0BAA0B,CAAC;AAC3F;",
-  "names": ["React"]
-}

package/dist/esm/parts/HoC/withConditionalUseSortable.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useSortable } from "@elliemae/ds-drag-and-drop";
-const withConditionalUseSortable = (Component) => function WithConditionalUseSortable(props) {
-  const { datumInternalMeta } = props;
-  const { hydratedId } = datumInternalMeta;
-  const useSortableHelpers = useSortable({ id: hydratedId });
-  return /* @__PURE__ */ jsx(Component, { ...props, useSortableHelpers });
-};
-export {
-  withConditionalUseSortable
-};
-//# sourceMappingURL=withConditionalUseSortable.js.map

package/dist/esm/parts/HoC/withConditionalUseSortable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withConditionalUseSortable.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useSortable } from '@elliemae/ds-drag-and-drop';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\n\ntype HoCConfig = DSShuttleV2T.ItemMeta;\ntype ResultComponentProps = DSShuttleV2T.ItemMeta & { useSortableHelpers: ReturnType<typeof useSortable> };\nexport const withConditionalUseSortable: TypescriptHelpersT.ReactFunctionalHOCWithDifferentInterface<\n  HoCConfig,\n  ResultComponentProps\n> = (Component) =>\n  function WithConditionalUseSortable(props) {\n    const { datumInternalMeta } = props;\n    const { hydratedId } = datumInternalMeta;\n    const useSortableHelpers = useSortable({ id: hydratedId });\n\n    return <Component {...props} useSortableHelpers={useSortableHelpers} />;\n  };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBZ;AAfX,SAAS,mBAAmB;AAMrB,MAAM,6BAGT,CAAC,cACH,SAAS,2BAA2B,OAAO;AACzC,QAAM,EAAE,kBAAkB,IAAI;AAC9B,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,qBAAqB,YAAY,EAAE,IAAI,WAAW,CAAC;AAEzD,SAAO,oBAAC,aAAW,GAAG,OAAO,oBAAwC;AACvE;",
-  "names": []
-}

package/dist/esm/parts/Item/ItemActions/useInnerRefHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Item/ItemActions/useInnerRefHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types.js';\nimport { useInternalStore } from '../../../config/useStore/index.js';\nimport { REGIONS_FOCUSES, ACTIONS_FOCUSES } from '../../../constants/index.js';\n\nexport const useInnerRefHandlers = ({ datumInternalMeta, isDestinationPanel }: DSShuttleV2T.ItemMeta) => {\n  const setZustandRef = useInternalStore((state) => state.setZustandRef);\n  const currRegion = isDestinationPanel ? REGIONS_FOCUSES.DESTINATION_PANEL_ITEM : REGIONS_FOCUSES.SOURCE_PANEL_ITEM;\n  const currItemId = datumInternalMeta.hydratedId;\n  const innerRefHandlerDrilldown = React.useCallback(\n    (node: HTMLButtonElement) => {\n      setZustandRef([currRegion, currItemId, ACTIONS_FOCUSES.DRILLDOWN_BTN], node);\n    },\n    [currItemId, currRegion, setZustandRef],\n  );\n  const innerRefHandlerMove = React.useCallback(\n    (node: HTMLButtonElement) => {\n      setZustandRef([currRegion, currItemId, ACTIONS_FOCUSES.MOVE_BTN], node);\n    },\n    [currItemId, currRegion, setZustandRef],\n  );\n  const innerRefHandlerDnd = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      setZustandRef([currRegion, currItemId, ACTIONS_FOCUSES.DRAG_N_DROP], node);\n    },\n    [currItemId, currRegion, setZustandRef],\n  );\n  return React.useMemo(\n    () => ({\n      innerRefHandlerDnd,\n      innerRefHandlerDrilldown,\n      innerRefHandlerMove,\n    }),\n    [innerRefHandlerDrilldown, innerRefHandlerDnd, innerRefHandlerMove],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB,SAAS,wBAAwB;AACjC,SAAS,iBAAiB,uBAAuB;AAE1C,MAAM,sBAAsB,CAAC,EAAE,mBAAmB,mBAAmB,MAA6B;AACvG,QAAM,gBAAgB,iBAAiB,CAAC,UAAU,MAAM,aAAa;AACrE,QAAM,aAAa,qBAAqB,gBAAgB,yBAAyB,gBAAgB;AACjG,QAAM,aAAa,kBAAkB;AACrC,QAAM,2BAA2BA,OAAM;AAAA,IACrC,CAAC,SAA4B;AAC3B,oBAAc,CAAC,YAAY,YAAY,gBAAgB,aAAa,GAAG,IAAI;AAAA,IAC7E;AAAA,IACA,CAAC,YAAY,YAAY,aAAa;AAAA,EACxC;AACA,QAAM,sBAAsBA,OAAM;AAAA,IAChC,CAAC,SAA4B;AAC3B,oBAAc,CAAC,YAAY,YAAY,gBAAgB,QAAQ,GAAG,IAAI;AAAA,IACxE;AAAA,IACA,CAAC,YAAY,YAAY,aAAa;AAAA,EACxC;AACA,QAAM,qBAAqBA,OAAM;AAAA,IAC/B,CAAC,SAAgC;AAC/B,oBAAc,CAAC,YAAY,YAAY,gBAAgB,WAAW,GAAG,IAAI;AAAA,IAC3E;AAAA,IACA,CAAC,YAAY,YAAY,aAAa;AAAA,EACxC;AACA,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,0BAA0B,oBAAoB,mBAAmB;AAAA,EACpE;AACF;",
-  "names": ["React"]
-}

package/dist/esm/parts/Item/ItemSelection.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Item/ItemSelection.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../constants/index.js';\nimport { usePropsStore } from '../../config/useStore/useStore.js';\n\n// border-right: ${(props) => {\n//   if (props.$selectionPrevented === true) return `1px solid ${props.theme.colors.neutral['200']}`;\n//   return '';\n// }};\n// border-bottom: ${(props) => {\n//   if (props.$selectionPrevented === true) return `1px solid ${props.theme.colors.neutral['200']}`;\n//   return '';\n// }};\n\nconst StyledItemSelection = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.ITEM_SELECTION })<{\n  $isSelected: boolean;\n  $selectionPrevented?: boolean;\n}>`\n  width: 5px;\n  height: 100%;\n  box-sizing: border-box;\n  background-color: ${(props) => {\n    if (props.$isSelected) return props.theme.colors.brand[600];\n    if (props.$selectionPrevented === true) return props.theme.colors.neutral['080'];\n    return props.theme.colors.brand[300];\n  }};\n`;\n\nexport const ItemSelection = React.memo((itemMeta: DSShuttleV2T.ItemMeta) => {\n  const {\n    datumInternalMeta: { isSelected },\n    datumRenderFlags: { selectionPrevented },\n  } = itemMeta;\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = React.useCallback(() => itemMeta, [itemMeta]);\n\n  return (\n    <StyledItemSelection\n      $isSelected={isSelected}\n      $selectionPrevented={selectionPrevented}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    />\n  );\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuCnB;AAvCJ,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,qBAAqB;AAW9B,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA,sBAOnF,CAAC,UAAU;AAC7B,MAAI,MAAM,YAAa,QAAO,MAAM,MAAM,OAAO,MAAM,GAAG;AAC1D,MAAI,MAAM,wBAAwB,KAAM,QAAO,MAAM,MAAM,OAAO,QAAQ,KAAK;AAC/E,SAAO,MAAM,MAAM,OAAO,MAAM,GAAG;AACrC,CAAC;AAAA;AAGI,MAAM,gBAAgBA,OAAM,KAAK,CAAC,aAAoC;AAC3E,QAAM;AAAA,IACJ,mBAAmB,EAAE,WAAW;AAAA,IAChC,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,IAAI;AACJ,QAAM,gBAAgB,cAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,yBAAyBA,OAAM,YAAY,MAAM,UAAU,CAAC,QAAQ,CAAC;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ,CAAC;",
-  "names": ["React"]
-}

package/dist/esm/parts/Panel/bottom/useInnerRefHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Panel/bottom/useInnerRefHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport { useInternalStore } from '../../../config/useStore/index.js';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types.js';\nimport { ITEMS_FOCUSES } from '../../../constants/index.js';\n\nexport const useInnerRefHandlers = ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {\n  const setZustandRef = useInternalStore((state) => state.setZustandRef);\n\n  const innerRefHandlerLoadMoreBtn = React.useCallback(\n    (node: HTMLButtonElement) => {\n      setZustandRef(\n        [isDestinationPanel ? ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE],\n        node,\n      );\n    },\n    [isDestinationPanel, setZustandRef],\n  );\n  return React.useMemo(() => ({ innerRefHandlerLoadMoreBtn }), [innerRefHandlerLoadMoreBtn]);\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB;AAEjC,SAAS,qBAAqB;AAEvB,MAAM,sBAAsB,CAAC,EAAE,mBAAmB,MAAkC;AACzF,QAAM,gBAAgB,iBAAiB,CAAC,UAAU,MAAM,aAAa;AAErE,QAAM,6BAA6BA,OAAM;AAAA,IACvC,CAAC,SAA4B;AAC3B;AAAA,QACE,CAAC,qBAAqB,cAAc,4BAA4B,cAAc,oBAAoB;AAAA,QAClG;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,aAAa;AAAA,EACpC;AACA,SAAOA,OAAM,QAAQ,OAAO,EAAE,2BAA2B,IAAI,CAAC,0BAA0B,CAAC;AAC3F;",
-  "names": ["React"]
-}

package/dist/types/parts/HoC/withConditionalUseSortable.d.ts

@@ -1,9 +0,0 @@
-import { useSortable } from '@elliemae/ds-drag-and-drop';
-import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
-import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-type HoCConfig = DSShuttleV2T.ItemMeta;
-type ResultComponentProps = DSShuttleV2T.ItemMeta & {
-    useSortableHelpers: ReturnType<typeof useSortable>;
-};
-export declare const withConditionalUseSortable: TypescriptHelpersT.ReactFunctionalHOCWithDifferentInterface<HoCConfig, ResultComponentProps>;
-export {};

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

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

package/dist/types/tests/DSShuttlev2.PUI-16059.test.d.ts

@@ -1 +0,0 @@
-export {};