@elliemae/ds-drag-and-drop 2.3.0-alpha.4 → 2.3.0-alpha.6

package/package.json

@@ -1,87 +1,90 @@
 {
   "name": "@elliemae/ds-drag-and-drop",
-  "version": "2.3.0-alpha.4",
+  "version": "2.3.0-alpha.6",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Drag And Drop",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./tree/utilities": {
-      "import": "./esm/tree/utilities.js",
-      "require": "./cjs/tree/utilities.js"
+      "import": "./dist/esm/tree/utilities.js",
+      "require": "./dist/cjs/tree/utilities.js"
     },
     "./tree/useTreePreviewHandlers": {
-      "import": "./esm/tree/useTreePreviewHandlers.js",
-      "require": "./cjs/tree/useTreePreviewHandlers.js"
+      "import": "./dist/esm/tree/useTreePreviewHandlers.js",
+      "require": "./dist/cjs/tree/useTreePreviewHandlers.js"
     },
     "./tree/useTreeDndkitConfig": {
-      "import": "./esm/tree/useTreeDndkitConfig.js",
-      "require": "./cjs/tree/useTreeDndkitConfig.js"
+      "import": "./dist/esm/tree/useTreeDndkitConfig.js",
+      "require": "./dist/cjs/tree/useTreeDndkitConfig.js"
     },
     "./tree/useTreeAnnouncements": {
-      "import": "./esm/tree/useTreeAnnouncements.js",
-      "require": "./cjs/tree/useTreeAnnouncements.js"
+      "import": "./dist/esm/tree/useTreeAnnouncements.js",
+      "require": "./dist/cjs/tree/useTreeAnnouncements.js"
     },
     "./tree/useTreeActionHandlers": {
-      "import": "./esm/tree/useTreeActionHandlers.js",
-      "require": "./cjs/tree/useTreeActionHandlers.js"
+      "import": "./dist/esm/tree/useTreeActionHandlers.js",
+      "require": "./dist/cjs/tree/useTreeActionHandlers.js"
     },
     "./tree/types": {
-      "import": "./esm/tree/types.js",
-      "require": "./cjs/tree/types.js"
+      "import": "./dist/esm/tree/types.js",
+      "require": "./dist/cjs/tree/types.js"
     },
     "./tree": {
-      "import": "./esm/tree/index.js",
-      "require": "./cjs/tree/index.js"
+      "import": "./dist/esm/tree/index.js",
+      "require": "./dist/cjs/tree/index.js"
     },
     "./tree/getTreeKeyboardCoordinates": {
-      "import": "./esm/tree/getTreeKeyboardCoordinates.js",
-      "require": "./cjs/tree/getTreeKeyboardCoordinates.js"
+      "import": "./dist/esm/tree/getTreeKeyboardCoordinates.js",
+      "require": "./dist/cjs/tree/getTreeKeyboardCoordinates.js"
     },
     "./tree/customCollisionDetection": {
-      "import": "./esm/tree/customCollisionDetection.js",
-      "require": "./cjs/tree/customCollisionDetection.js"
+      "import": "./dist/esm/tree/customCollisionDetection.js",
+      "require": "./dist/cjs/tree/customCollisionDetection.js"
     },
     "./tree/constants": {
-      "import": "./esm/tree/constants.js",
-      "require": "./cjs/tree/constants.js"
+      "import": "./dist/esm/tree/constants.js",
+      "require": "./dist/cjs/tree/constants.js"
     },
     "./hierarchy/useHierarchyPreviewHandlers": {
-      "import": "./esm/hierarchy/useHierarchyPreviewHandlers.js",
-      "require": "./cjs/hierarchy/useHierarchyPreviewHandlers.js"
+      "import": "./dist/esm/hierarchy/useHierarchyPreviewHandlers.js",
+      "require": "./dist/cjs/hierarchy/useHierarchyPreviewHandlers.js"
     },
     "./hierarchy/useHierarchyDndkitConfig": {
-      "import": "./esm/hierarchy/useHierarchyDndkitConfig.js",
-      "require": "./cjs/hierarchy/useHierarchyDndkitConfig.js"
+      "import": "./dist/esm/hierarchy/useHierarchyDndkitConfig.js",
+      "require": "./dist/cjs/hierarchy/useHierarchyDndkitConfig.js"
     },
     "./hierarchy/useHierarchyAnnouncements": {
-      "import": "./esm/hierarchy/useHierarchyAnnouncements.js",
-      "require": "./cjs/hierarchy/useHierarchyAnnouncements.js"
+      "import": "./dist/esm/hierarchy/useHierarchyAnnouncements.js",
+      "require": "./dist/cjs/hierarchy/useHierarchyAnnouncements.js"
     },
     "./hierarchy/useHierarchyActionHandlers": {
-      "import": "./esm/hierarchy/useHierarchyActionHandlers.js",
-      "require": "./cjs/hierarchy/useHierarchyActionHandlers.js"
+      "import": "./dist/esm/hierarchy/useHierarchyActionHandlers.js",
+      "require": "./dist/cjs/hierarchy/useHierarchyActionHandlers.js"
     },
     "./hierarchy/types": {
-      "import": "./esm/hierarchy/types.js",
-      "require": "./cjs/hierarchy/types.js"
+      "import": "./dist/esm/hierarchy/types.js",
+      "require": "./dist/cjs/hierarchy/types.js"
     },
     "./hierarchy": {
-      "import": "./esm/hierarchy/index.js",
-      "require": "./cjs/hierarchy/index.js"
+      "import": "./dist/esm/hierarchy/index.js",
+      "require": "./dist/cjs/hierarchy/index.js"
     },
     "./hierarchy/getHierarchyKeyboardCoordinates": {
-      "import": "./esm/hierarchy/getHierarchyKeyboardCoordinates.js",
-      "require": "./cjs/hierarchy/getHierarchyKeyboardCoordinates.js"
+      "import": "./dist/esm/hierarchy/getHierarchyKeyboardCoordinates.js",
+      "require": "./dist/cjs/hierarchy/getHierarchyKeyboardCoordinates.js"
     },
     "./hierarchy/customCollisionDetection": {
-      "import": "./esm/hierarchy/customCollisionDetection.js",
-      "require": "./cjs/hierarchy/customCollisionDetection.js"
+      "import": "./dist/esm/hierarchy/customCollisionDetection.js",
+      "require": "./dist/cjs/hierarchy/customCollisionDetection.js"
     }
   },
   "sideEffects": [
@@ -93,18 +96,12 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
-  },
   "dependencies": {
-    "@dnd-kit/core": "~4.0.1",
+    "@dnd-kit/core": "~4.0.3",
     "@dnd-kit/sortable": "~5.0.0",
     "react-desc": "~4.1.3"
   },
@@ -119,7 +116,12 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
   }
 }

package/types/hierarchy/customCollisionDetection.d.ts

@@ -1,3 +0,0 @@
-import { CollisionDetection } from '@dnd-kit/core';
-import { Item } from './types';
-export declare const customCollisionDetection: (activeId: string | null, activeParent: string | undefined, dndItems: Item[]) => CollisionDetection;

package/types/hierarchy/getHierarchyKeyboardCoordinates.d.ts

@@ -1,3 +0,0 @@
-import { KeyboardCoordinateGetter } from '@dnd-kit/core';
-import { SensorContext } from './types';
-export declare const getHierarchyKeyboardCoordinates: (context: SensorContext, dragOverlayDataTestid: string, isHorizontalDnD: boolean) => KeyboardCoordinateGetter;

package/types/hierarchy/index.d.ts

@@ -1 +0,0 @@
-export * from './useHierarchyDndkitConfig';

package/types/hierarchy/types.d.ts

@@ -1,80 +0,0 @@
-import type { Active, Announcements, CollisionDetection, DragEndEvent, DragMoveEvent, DragOverEvent, DragStartEvent, MeasuringConfiguration, Modifier, Over, SensorDescriptor, SensorOptions } from '@dnd-kit/core';
-import { DroppableContainers } from '@dnd-kit/core/dist/store';
-import { Coordinates, DragCancelEvent, ViewRect } from '@dnd-kit/core/dist/types';
-import { MutableRefObject } from 'react';
-export declare type Item = {
-    id: string;
-    depth: number;
-    parentId: string;
-    index: number;
-};
-export declare type DndContextPropsType = {
-    announcements: Announcements;
-    modifiers: Modifier[];
-    sensors: SensorDescriptor<SensorOptions>[];
-    measuring: Partial<MeasuringConfiguration>;
-    collisionDetection: CollisionDetection;
-    onDragStart: (e: DragStartEvent) => void;
-    onDragMove: (e: DragMoveEvent) => void;
-    onDragOver: (e: DragOverEvent) => void;
-    onDragEnd: (e: DragEndEvent) => void;
-    onDragCancel: (e: DragCancelEvent) => void;
-};
-export declare type useHierarchyPreviewHandlersReturn = {
-    handlePreviewDragStart: (e: DragStartEvent) => void;
-    handlePreviewDragMove: (e: DragMoveEvent) => void;
-    handlePreviewDragEnd: (e: DragEndEvent) => void;
-    handlePreviewDragCancel: (e: DragCancelEvent) => void;
-};
-export declare type useHierarchyPreviewHandlersArgs = {
-    setActiveId: React.Dispatch<React.SetStateAction<string>>;
-    onPreviewResetState: () => void;
-    onPreviewDragStart: () => void;
-};
-export declare type useHierarchyActionHandlersArgs = useHierarchyPreviewHandlersReturn & {
-    dndItems: Item[];
-    onReorder: (movedItem: Item, indexes: {
-        targetIndex: number;
-        fromIndex: number;
-    }) => void;
-};
-export declare type useHierarchyActionHandlersReturn = {
-    onDragStart: (e: DragStartEvent) => void;
-    onDragMove: (e: DragMoveEvent) => void;
-    onDragOver: (e: DragOverEvent) => void;
-    onDragEnd: (e: DragEndEvent) => void;
-    onDragCancel: (e: DragCancelEvent) => void;
-};
-export declare type useHierarchyDndkitConfigArgs = {
-    indentationWidth?: number;
-    dragOverlayDataTestid: string;
-    flattenedItems: [Item, unknown][];
-    isHorizontalDnD?: boolean;
-    onReorder: (movedItem: Item, indexes: {
-        targetIndex: number;
-        fromIndex: number;
-    }) => void;
-    onPreviewResetState: () => void;
-    onPreviewDragStart: () => void;
-};
-export declare type useHierarchyDndkitConfigType = (args: useHierarchyDndkitConfigArgs) => useHierarchyDndkitConfigReturn;
-export declare type useHierarchyDndkitConfigReturn = {
-    dndContextProps: DndContextPropsType;
-    activeId: string | null;
-    overId: string | null;
-    activeIndex: number | undefined;
-};
-export declare type GetKeyboardCoordinatesArgs = {
-    items: Item[];
-    active: Active | null;
-    over: Over | null;
-    event: KeyboardEvent;
-    currentCoordinates: Coordinates;
-    droppableContainers: DroppableContainers;
-    collisionRect: ViewRect;
-    dragOverlayDataTestid: string;
-};
-export declare type SensorContext = MutableRefObject<{
-    items: Item[];
-    offset?: number;
-}>;

package/types/hierarchy/useHierarchyActionHandlers.d.ts

@@ -1 +0,0 @@
-export declare const useHierarchyActionHandlers: ({ handlePreviewDragStart, handlePreviewDragMove, handlePreviewDragEnd, handlePreviewDragCancel, onReorder, dndItems, }: UseHierarchyActionHandlersArgs) => UseHierarchyActionHandlersReturn;

package/types/hierarchy/useHierarchyAnnouncements.d.ts

@@ -1,3 +0,0 @@
-import { Announcements } from '@dnd-kit/core';
-import { Item } from './types';
-export declare const useHierarchyAnnouncements: (visibleItemsDictionary: Record<string, Item>) => Announcements;

package/types/hierarchy/useHierarchyDndkitConfig.d.ts

@@ -1,2 +0,0 @@
-import type { UseHierarchyDndkitConfigType } from './types';
-export declare const useHierarchyDndkitConfig: UseHierarchyDndkitConfigType;

package/types/hierarchy/useHierarchyPreviewHandlers.d.ts

@@ -1,2 +0,0 @@
-import type { useHierarchyPreviewHandlersReturn, useHierarchyPreviewHandlersArgs } from './types';
-export declare const useHierarchyPreviewHandlers: ({ setActiveId, onPreviewResetState, onPreviewDragStart, }: useHierarchyPreviewHandlersArgs) => useHierarchyPreviewHandlersReturn;

package/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './hierarchy';
-export * from './tree';

package/types/tree/constants.d.ts

@@ -1,6 +0,0 @@
-export declare enum DropIndicatorPosition {
-    None = 0,
-    Before = 1,
-    After = 2,
-    Inside = 3
-}

package/types/tree/customCollisionDetection.d.ts

@@ -1,4 +0,0 @@
-import { CollisionDetection } from '@dnd-kit/core';
-import { DropIndicatorPosition } from './constants';
-import { Item } from './types';
-export declare const customCollisionDetection: (activeId: string, visibleItemsDictionary: Record<string, Item>, setDropIndicatorPosition: React.Dispatch<React.SetStateAction<DropIndicatorPosition>>, maxDragAndDropLevel: number, lastPosition: string, setLastPosition: React.Dispatch<React.SetStateAction<string>>) => CollisionDetection;

package/types/tree/getTreeKeyboardCoordinates.d.ts

@@ -1,3 +0,0 @@
-import { KeyboardCoordinateGetter } from '@dnd-kit/core';
-import type { SensorContext } from './types';
-export declare const getTreeKeyboardCoordinates: (context: SensorContext, isHorizontalDnD: boolean, maxDragAndDropLevel: number) => KeyboardCoordinateGetter;

package/types/tree/index.d.ts

@@ -1 +0,0 @@
-export * from './useTreeDndkitConfig';

package/types/tree/types.d.ts

@@ -1,102 +0,0 @@
-import { Active, Announcements, CollisionDetection, DragCancelEvent, DragEndEvent, DragMoveEvent, DragOverEvent, DragStartEvent, DroppableContainers, MeasuringConfiguration, Modifier, Over, ViewRect } from '@dnd-kit/core';
-import type { SensorDescriptor, SensorOptions } from '@dnd-kit/core/dist/sensors';
-import type { SortingStrategy } from '@dnd-kit/sortable';
-import { Coordinates } from '@dnd-kit/core/dist/types';
-import React, { MutableRefObject } from 'react';
-import { DropIndicatorPosition } from './constants';
-export declare type Item<T = unknown> = {
-    uid: string;
-    depth: number;
-    parentId: string | null;
-    realIndex: number;
-    childrenCount: number;
-    original: T;
-};
-export declare type DndContextPropsType = {
-    announcements: Announcements;
-    modifiers: Modifier[];
-    sensors: SensorDescriptor<SensorOptions>[];
-    measuring: Partial<MeasuringConfiguration>;
-    collisionDetection: CollisionDetection;
-    onDragStart: (e: DragStartEvent) => void;
-    onDragMove: (e: DragMoveEvent) => void;
-    onDragOver: (e: DragOverEvent) => void;
-    onDragEnd: (e: DragEndEvent) => void;
-    onDragCancel: (e: DragCancelEvent) => void;
-};
-export declare type SortableContextPropsType = {
-    items: string[];
-    strategy: SortingStrategy;
-};
-export declare type UseTreePreviewHandlersReturn = {
-    handlePreviewDragStart: (e: DragStartEvent) => void;
-    handlePreviewDragMove: (e: DragMoveEvent) => void;
-    handlePreviewDragOver: (e: DragOverEvent) => void;
-    handlePreviewDragEnd: (e: DragEndEvent) => void;
-    handlePreviewDragCancel: (e: DragCancelEvent) => void;
-};
-export declare type UseTreePreviewHandlersArgs = {
-    setOverId: React.Dispatch<React.SetStateAction<string>>;
-    setActiveId: React.Dispatch<React.SetStateAction<string>>;
-    setDropIndicatorPosition: React.Dispatch<React.SetStateAction<DropIndicatorPosition>>;
-};
-export declare type UseTreeActionHandlersArgs<T = unknown> = UseTreePreviewHandlersReturn & {
-    dropIndicatorPosition: DropIndicatorPosition;
-    flattenedItems: Item[];
-    projected: {
-        depth: number;
-        parentId: string;
-    } | null;
-    onReorder: <S = T>(newData: Item<S>[], indexes: {
-        targetIndex: number;
-        fromIndex: number;
-    }, considerExpanding: string) => void;
-    isDropValid: boolean;
-};
-export declare type UseTreeActionHandlersReturn = {
-    onDragStart: (e: DragStartEvent) => void;
-    onDragMove: (e: DragMoveEvent) => void;
-    onDragOver: (e: DragOverEvent) => void;
-    onDragEnd: (e: DragEndEvent) => void;
-    onDragCancel: (e: DragCancelEvent) => void;
-};
-export declare type UseTreeDndkitConfigArgs<T> = {
-    flattenedItems: Item[];
-    visibleItems: Item[];
-    isHorizontalDnD?: boolean;
-    isExpandable: boolean;
-    onReorder: <S = T>(newData: Item<S>[], indexes: {
-        targetIndex: number;
-        fromIndex: number;
-    }, considerExpanding: string) => void;
-    getIsDropValid: <S = T>(active: Item<S>, over: Item<S>, dropIndicatorPosition: 'none' | 'before' | 'after' | 'inside') => boolean;
-    maxDragAndDropLevel: number;
-};
-export declare type UseTreeDndkitConfigReturn = {
-    dndContextProps: DndContextPropsType;
-    sortableContextProps: SortableContextPropsType;
-    activeId: string;
-    activeIndex: number;
-    overId: string;
-    depth: number;
-    dropIndicatorPosition: DropIndicatorPosition;
-    isDropValid: boolean;
-    visibleItems: Item[];
-};
-export declare type UseTreeDndkitConfigType = <T = unknown>(args: UseTreeDndkitConfigArgs<T>) => UseTreeDndkitConfigReturn;
-export declare type GetKeyboardCoordinatesArgs = {
-    items: Item[];
-    active: Active;
-    over: Over;
-    event: KeyboardEvent;
-    currentCoordinates: Coordinates;
-    droppableContainers: DroppableContainers;
-    collisionRect: ViewRect;
-    dropIndicatorPosition: DropIndicatorPosition;
-    maxDragAndDropLevel: number;
-};
-export declare type SensorContext = MutableRefObject<{
-    items: Item[];
-    dropIndicatorPosition: DropIndicatorPosition;
-    setDropIndicatorPosition: React.Dispatch<React.SetStateAction<DropIndicatorPosition>>;
-}>;

package/types/tree/useTreeActionHandlers.d.ts

@@ -1,2 +0,0 @@
-import type { UseTreeActionHandlersReturn, UseTreeActionHandlersArgs } from './types';
-export declare const useTreeActionHandlers: ({ handlePreviewDragStart, handlePreviewDragMove, handlePreviewDragOver, handlePreviewDragEnd, handlePreviewDragCancel, onReorder, flattenedItems, projected, dropIndicatorPosition, isDropValid, }: UseTreeActionHandlersArgs) => UseTreeActionHandlersReturn;

package/types/tree/useTreeAnnouncements.d.ts

@@ -1,4 +0,0 @@
-import { Announcements } from '@dnd-kit/core';
-import { DropIndicatorPosition } from './constants';
-import { Item } from './types';
-export declare const useTreeAnnouncements: (visibleItemsDictionary: Record<string, Item>, dropIndicatorPosition: DropIndicatorPosition) => Announcements;

package/types/tree/useTreeDndkitConfig.d.ts

@@ -1,2 +0,0 @@
-import type { UseTreeDndkitConfigType } from './types';
-export declare const useTreeDndkitConfig: UseTreeDndkitConfigType;

package/types/tree/useTreePreviewHandlers.d.ts

@@ -1,2 +0,0 @@
-import type { UseTreePreviewHandlersReturn, UseTreePreviewHandlersArgs } from './types';
-export declare const useTreePreviewHandlers: ({ setOverId, setActiveId, setDropIndicatorPosition, }: UseTreePreviewHandlersArgs) => UseTreePreviewHandlersReturn;

package/types/tree/utilities.d.ts

@@ -1,7 +0,0 @@
-import { DropIndicatorPosition } from './constants';
-import { Item } from './types';
-export declare const getProjection: (items: Item[], visibleItemsDictionary: Record<string, Item>, overId: string, dropIndicatorPosition: DropIndicatorPosition, isExpandable: boolean) => {
-    depth: number;
-    parentId: string;
-};
-export declare const removeChildrenOf: (items: Item[], id: string) => Item[];