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

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,107 @@ 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;
+        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 +176,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 +205,19 @@ 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>> {
         sourceIsLoading: boolean;
         sourceWithLoadMore: boolean;
         sourceIsLoadingMore: boolean;
@@ -175,20 +228,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 +255,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/dist/types/typescript-testing/slot-props.d.ts

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

package/dist/types/typescript-testing/typescript-shuttle-v2-valid-with-datum.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle-v2",
-  "version": "3.70.0-next.32",
+  "version": "3.70.0-next.33",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle v2",
   "files": [
@@ -39,33 +39,33 @@
     "@xstyled/styled-components": "~3.8.1",
     "fast-deep-equal": "~3.1.3",
     "uid": "^2.0.2",
-    "@elliemae/ds-button-v2": "3.70.0-next.32",
-    "@elliemae/ds-circular-progress-indicator": "3.70.0-next.32",
-    "@elliemae/ds-drag-and-drop": "3.70.0-next.32",
-    "@elliemae/ds-fast-list": "3.70.0-next.32",
-    "@elliemae/ds-form-input-text": "3.70.0-next.32",
-    "@elliemae/ds-grid": "3.70.0-next.32",
-    "@elliemae/ds-floating-context": "3.70.0-next.32",
-    "@elliemae/ds-hooks-fontsize-detector": "3.70.0-next.32",
-    "@elliemae/ds-hooks-headless-tooltip": "3.70.0-next.32",
-    "@elliemae/ds-icons": "3.70.0-next.32",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.70.0-next.32",
-    "@elliemae/ds-props-helpers": "3.70.0-next.32",
-    "@elliemae/ds-hooks-on-blur-out": "3.70.0-next.32",
-    "@elliemae/ds-form-checkbox": "3.70.0-next.32",
-    "@elliemae/ds-typescript-helpers": "3.70.0-next.32",
-    "@elliemae/ds-typography": "3.70.0-next.32",
-    "@elliemae/ds-system": "3.70.0-next.32",
-    "@elliemae/ds-zustand-helpers": "3.70.0-next.32"
+    "@elliemae/ds-button-v2": "3.70.0-next.33",
+    "@elliemae/ds-circular-progress-indicator": "3.70.0-next.33",
+    "@elliemae/ds-drag-and-drop": "3.70.0-next.33",
+    "@elliemae/ds-fast-list": "3.70.0-next.33",
+    "@elliemae/ds-form-checkbox": "3.70.0-next.33",
+    "@elliemae/ds-hooks-fontsize-detector": "3.70.0-next.33",
+    "@elliemae/ds-hooks-headless-tooltip": "3.70.0-next.33",
+    "@elliemae/ds-grid": "3.70.0-next.33",
+    "@elliemae/ds-hooks-on-blur-out": "3.70.0-next.33",
+    "@elliemae/ds-form-input-text": "3.70.0-next.33",
+    "@elliemae/ds-props-helpers": "3.70.0-next.33",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.70.0-next.33",
+    "@elliemae/ds-floating-context": "3.70.0-next.33",
+    "@elliemae/ds-system": "3.70.0-next.33",
+    "@elliemae/ds-typography": "3.70.0-next.33",
+    "@elliemae/ds-typescript-helpers": "3.70.0-next.33",
+    "@elliemae/ds-icons": "3.70.0-next.33",
+    "@elliemae/ds-zustand-helpers": "3.70.0-next.33"
   },
   "devDependencies": {
     "jest": "^30.0.0",
     "lodash-es": "^4.18.1",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-breadcrumb": "3.70.0-next.32",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.32",
-    "@elliemae/ds-test-utils": "3.70.0-next.32",
-    "@elliemae/ds-tree-model": "3.70.0-next.32"
+    "@elliemae/ds-breadcrumb": "3.70.0-next.33",
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.33",
+    "@elliemae/ds-test-utils": "3.70.0-next.33",
+    "@elliemae/ds-tree-model": "3.70.0-next.33"
   },
   "peerDependencies": {
     "lodash-es": "^4.18.1",