@elliemae/ds-shuttle-v2 3.16.0 → 3.16.1

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';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const MultipleSelectionAction: React.MemoExoticComponent<(panelMeta: DSShuttleV2T.PanelMetaInfo) => 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';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const PanelContentMiddleSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;

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

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

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

@@ -1,2 +1,2 @@
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const PanelFilterSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => 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';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const SelectionHeader: React.MemoExoticComponent<({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => 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';
+import { type DSShuttleV2T } from '../react-desc-prop-types.js';
 export declare const PanelWrapper: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;

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

@@ -0,0 +1,190 @@
+import type { WeakValidationMap } from 'react';
+import type React from 'react';
+import type { GlobalAttributesT, XstyledProps, useHeadlessTooltip } from '@elliemae/ds-utilities';
+import { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';
+import { type DSButtonT } from '@elliemae/ds-button-v2';
+import { type useSortable, type DnDKitTree } from '@elliemae/ds-drag-and-drop';
+import type { ZustandT } from '@elliemae/ds-zustand-helpers';
+import type { REGIONS_FOCUSES, ACTIONS_FOCUSES, ITEMS_FOCUSES } from './constants/index.js';
+import type { useAutoCalculated } from './config/useAutoCalculated/index.js';
+export declare namespace DSShuttleV2T {
+    type Datum = Record<string, unknown>;
+    type PanelMetaInfo = {
+        isDestinationPanel: boolean;
+        hasMultipleSelection: boolean;
+    };
+    type HydratedId = string;
+    type DatumInternalMeta = {
+        isFirst: boolean;
+        isLast: boolean;
+        isSelected: boolean;
+        softDeleted: boolean;
+        localIndex: number;
+        hydratedId: HydratedId;
+        hydratedPreventMove: boolean;
+    };
+    type DatumRenderFlags = {
+        selectionPrevented: boolean;
+        withActions: boolean;
+        withMoveBtn: boolean;
+        withDrilldownBtn: boolean;
+        internallyDisabledMove: boolean;
+        internallyDisabledDrilldown: boolean;
+    };
+    type PrimaryKeyHydratables = {
+        id: HydratedId;
+    };
+    type FunctionalHydratables = {
+        preventMove?: boolean;
+    };
+    type RequiredDatumHydratablesWithoutComponents = {
+        label: string;
+    };
+    type OptionalDatumHydratablesWithoutComponents = {
+        subtitle?: string;
+        preventDrilldown?: boolean;
+    };
+    type DatumHydratablesWithoutComponents = PrimaryKeyHydratables & FunctionalHydratables & RequiredDatumHydratablesWithoutComponents & OptionalDatumHydratablesWithoutComponents;
+    type ComponentProps = {
+        datum: Datum;
+        thisItemIsFocused: boolean;
+        panelMetaInfo: PanelMetaInfo;
+        datumInternalMeta: DatumInternalMeta;
+        datumHydratables: DatumHydratablesWithoutComponents;
+        tooltipHelpers: ReturnType<typeof useHeadlessTooltip>;
+    };
+    type RequiredDatumHydratablesComponents = {};
+    type OptionalDatumHydratablesComponents = {
+        Icon?: React.ComponentType<ComponentProps>;
+        CustomRenderer?: React.ComponentType<ComponentProps>;
+    };
+    type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;
+    type OptionalDatumHydratables = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents;
+    type DatumHydratables = RequiredDatumHydratables & OptionalDatumHydratables;
+    type PrimaryKeyHydraters = Hydraters<PrimaryKeyHydratables, [Datum]>;
+    type FunctionalHydraters = Hydraters<FunctionalHydratables, [Datum]>;
+    type HydratersMeta = {
+        datumMeta: DatumInternalMeta;
+        panelMetaInfo: PanelMetaInfo;
+    };
+    type RequiredDatumHydraters = Hydraters<RequiredDatumHydratables, [Datum, HydratersMeta]>;
+    type OptionalDatumHydraters = Hydraters<OptionalDatumHydratables, [Datum, HydratersMeta]>;
+    type DatumHydraters = PrimaryKeyHydraters & FunctionalHydraters & RequiredDatumHydraters & OptionalDatumHydraters;
+    type ConfiguredDatum = DatumInternalMeta & {
+        original: Datum;
+    };
+    interface ItemMeta extends PanelMetaInfo {
+        datum: Datum;
+        datumHydratables: DatumHydratables;
+        datumInternalMeta: DatumInternalMeta;
+        datumRenderFlags: DatumRenderFlags;
+        withDragNDrop: boolean;
+        useSortableHelpers?: ReturnType<typeof useSortable>;
+    }
+    type OnDataChange = (newData: Datum[], metainfo: {
+        event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;
+        item?: Datum;
+        selectedItems?: Datum[];
+    }) => void;
+    type OnChangeEvent = (items: Datum[], 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 SelectionMap = Record<string, boolean>;
+    type OnSelectionChange = (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;
+    }) => void;
+    type OnSelectionDrilldown = (item: Datum, metainfo: {
+        event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;
+    }) => void;
+    type OnLoadMore = (e: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;
+    type OnFilterChange = (newfilter: string | null, metainfo: {
+        event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>;
+    }) => void;
+    type OnSearchbarOpen = (newfilter: boolean, metainfo: {
+        event: Parameters<Required<DSButtonT.Props>['onClick']>[0];
+    }) => void;
+    type SoftDeletedMap = Record<string, boolean>;
+    type OnSoftDeletedChange = (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;
+    }) => void;
+    type FocusRegion = (typeof REGIONS_FOCUSES)[keyof typeof REGIONS_FOCUSES];
+    type FocusItem = Omit<(typeof ITEMS_FOCUSES)[keyof typeof ITEMS_FOCUSES], 'GET_SPECIFIC_ITEM'> & string;
+    type FocusItemAction = (typeof ACTIONS_FOCUSES)[keyof typeof ACTIONS_FOCUSES];
+    type InternalAtoms = {
+        focusRegion: FocusRegion;
+        focusItem: FocusItem;
+        focusItemAction: FocusItemAction;
+        deferFocusUntilFirstRender: boolean;
+        dropIndicatorPosition: number;
+        overId: string;
+        dndDraggingItem: ConfiguredDatum | null;
+        dndDraggingItemMeta: ItemMeta | null;
+        lastActiveId: string;
+        isDropValid: boolean;
+        sourcePanelLastSelectedItem: string | null | undefined;
+        destinationPanelLastSelectedItem: string | null | undefined;
+    };
+    type UseAutoCalculatedT = ReturnType<typeof useAutoCalculated>;
+    type Selectors = {
+        getIsDragAndDropHappening: () => boolean;
+        getPanelLastSelectedItem: (isDestinationPanel: boolean) => string | null | undefined;
+    };
+    type Reducers = Record<string, never>;
+    type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;
+    interface RequiredProps extends RequiredDatumHydraters, PrimaryKeyHydraters {
+        sourceData: Datum[];
+        sourceSelectedItems: SelectionMap;
+        onSourceSelectionChange: OnSelectionChange;
+        SourceHeader: React.ComponentType<unknown>;
+        onSourceDrilldown: OnSelectionDrilldown;
+        destinationData: Datum[];
+        destinationSelectedItems: SelectionMap;
+        onDestinationSelectionChange: OnSelectionChange;
+        DestinationHeader: React.ComponentType<unknown>;
+        onDestinationDrilldown: OnSelectionDrilldown;
+    }
+    interface DefaultProps extends Required<FunctionalHydraters> {
+        sourceIsLoading: boolean;
+        sourceWithLoadMore: boolean;
+        sourceIsLoadingMore: boolean;
+        onSourceLoadMore: OnLoadMore;
+        destinationIsLoading: boolean;
+        destinationWithLoadMore: boolean;
+        destinationIsLoadingMore: boolean;
+        onDestinationLoadMore: OnLoadMore;
+        onSourceAdd: OnChangeEvent;
+        onSourceRemove: OnChangeEvent;
+        onDestinationAdd: OnChangeEvent;
+        onDestinationRemove: OnChangeEvent;
+        addDragAndDropFromSource: boolean;
+        removeDragAndDropFromDestination: boolean;
+        onSourceReorder: OnReorderEvent;
+        onDestinationReorder: OnReorderEvent;
+        sourceSoftDeletedItems: SoftDeletedMap;
+        onSourceSoftDelete: OnSoftDeletedChange;
+        destinationSoftDeletedItems: SoftDeletedMap;
+        onDestinationSoftDelete: OnSoftDeletedChange;
+    }
+    interface OptionalProps extends OptionalDatumHydraters {
+        sourceItemProps?: Record<string, unknown>;
+        destinationItemProps?: Record<string, unknown>;
+        sourceShowSearchbar?: boolean;
+        destinationShowSearchbar?: boolean;
+        onSourceOpenSearchbar?: OnSearchbarOpen;
+        onDesinationOpenSearchbar?: OnSearchbarOpen;
+        sourceFilterValue?: string;
+        destinationFilterValue?: string;
+        onSourceFilterChange?: OnFilterChange;
+        onDestinationFilterChange?: OnFilterChange;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSShuttleV2T.DefaultProps;
+export declare const DSShuttleV2PropTypesSchema: WeakValidationMap<DSShuttleV2T.Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle-v2",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle v2",
   "files": [
@@ -37,29 +37,30 @@
   "dependencies": {
     "fast-deep-equal": "~3.1.3",
     "react-virtual": "~2.10.4",
-    "uid": "~2.0.0",
-    "@elliemae/ds-button-v2": "3.16.0",
-    "@elliemae/ds-circular-progress-indicator": "3.16.0",
-    "@elliemae/ds-drag-and-drop": "3.16.0",
-    "@elliemae/ds-form-checkbox": "3.16.0",
-    "@elliemae/ds-form-input-text": "3.16.0",
-    "@elliemae/ds-grid": "3.16.0",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.16.0",
-    "@elliemae/ds-icons": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-typography": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0",
-    "@elliemae/ds-zustand-helpers": "3.16.0"
+    "uid": "~2.0.1",
+    "@elliemae/ds-button-v2": "3.16.1",
+    "@elliemae/ds-circular-progress-indicator": "3.16.1",
+    "@elliemae/ds-drag-and-drop": "3.16.1",
+    "@elliemae/ds-form-checkbox": "3.16.1",
+    "@elliemae/ds-form-input-text": "3.16.1",
+    "@elliemae/ds-grid": "3.16.1",
+    "@elliemae/ds-icons": "3.16.1",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.16.1",
+    "@elliemae/ds-popperjs": "3.16.1",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-system": "3.16.1",
+    "@elliemae/ds-typography": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1",
+    "@elliemae/ds-zustand-helpers": "3.16.1"
   },
   "devDependencies": {
     "@testing-library/dom": "~8.19.0",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
     "lodash": "^4.17.21",
-    "styled-components": "~5.3.6",
-    "@elliemae/ds-breadcrumb": "3.16.0",
-    "@elliemae/ds-tree-model": "3.16.0"
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-breadcrumb": "3.16.1",
+    "@elliemae/ds-tree-model": "3.16.1"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",