fix: use package wrapper for native ESM support in pdnd (#3756)

Author: targos

eslint.config.js

@@ -19,12 +19,6 @@ export default [
   ...ts,
   ...unicorn,
   ...react,
-  {
-    files: ['**/pdnd.cts'],
-    rules: {
-      'import/no-extraneous-dependencies': 'off',
-    },
-  },
   {
     files: ['**/*.{ts,tsx,cts,mts}'],
     rules: {

package-lock.json

@@ -71,6 +71,7 @@
     "@zakodium/nmr-types": "^0.2.0",
     "@zakodium/nmrium-core": "^0.2.2",
     "@zakodium/nmrium-core-plugins": "^0.3.4",
+    "@zakodium/pdnd-esm": "^1.0.2",
     "@zip.js/zip.js": "^2.8.7",
     "cheminfo-font": "^1.13.1",
     "cheminfo-types": "^1.8.1",

package.json

@@ -3,6 +3,16 @@ import type { ElementDragPayload } from '@atlaskit/pragmatic-drag-and-drop/dist/
 import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { Colors, Icon, Tag } from '@blueprintjs/core';
 import styled from '@emotion/styled';
+import {
+  attachClosestEdge,
+  combine,
+  draggable,
+  dropTargetForElements,
+  extractClosestEdge,
+  getReorderDestinationIndex,
+  pointerOutsideOfPreview,
+  setCustomNativeDragPreview,
+} from '@zakodium/pdnd-esm';
 import type {
   CSSProperties,
   HTMLAttributes,
@@ -21,17 +31,6 @@ import {
 import { createPortal } from 'react-dom';
 import { assert } from 'react-science/ui';
 
-import {
-  attachClosestEdge,
-  combine,
-  draggable,
-  dropTargetForElements,
-  extractClosestEdge,
-  getReorderDestinationIndex,
-  pointerOutsideOfPreview,
-  setCustomNativeDragPreview,
-} from './pdnd.cjs';
-
 interface DropIndicatorProps {
   edge: Edge;
 }