Hi, I wanted to play around with the library, so I created a fresh V

cc <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="

👋 Thank you for raising this. We plan on adding <code class="

Add `exports` to package.json about pragmatic-drag-and-drop HOT 4 OPEN

kacpak commented on May 30, 2024 3

Add `exports` to package.json

from pragmatic-drag-and-drop.

Comments (4)

StefKors commented on May 30, 2024 3

For me the issue was that when my IDE (WebStorm) added the import automatically it got imported as:

import { draggable } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';

while the correct import should be:

import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';

It might still require the same fix however it took me an embarrassing long time to realize the import path was wrong.

from pragmatic-drag-and-drop.

buzzie-bee commented on May 30, 2024 2

To add some further examples where VSCode by default imported from incorrect paths:

import { Instruction, ItemMode } from '@atlaskit/pragmatic-drag-and-drop-hitbox/dist/types/tree-item';
import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/dist/types/adapter/element-adapter';
import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/dist/types/entry-point/element/pointer-outside-of-preview';
import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/dist/types/entry-point/element/set-custom-native-drag-preview';
import { combine } from '@atlaskit/pragmatic-drag-and-drop/dist/types/public-utils/combine';

Should instead be:

import { Instruction, ItemMode } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';
import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';

from pragmatic-drag-and-drop.

alexreardon commented on May 30, 2024

cc @ReDrUm

from pragmatic-drag-and-drop.

alexreardon commented on May 30, 2024

👋 Thank you for raising this.

We plan on adding exports to all packages soon
It looks like you have got yourself unstuck for now with patch-package, which is awesome
I was unable to replicate your issue 🤔

Standalone vite demo on Stackblitz