@use-kona/editor 0.1.24-dnd.3 → 0.1.24-dnd.5

package/dist/plugins/DnDPlugin/DnDPlugin.js

@@ -46,10 +46,10 @@ class DnDPlugin {
         const isReadOnly = useReadOnly();
         const [dropPosition, setDropPosition] = useState(null);
         const dropTargetRef = useRef(null);
-        options.customTypes?.[props.element.type];
+        const customType = options.customTypes?.[props.element.type];
         const currentElement = props.element;
         const [, drag, preview] = useDrag({
-            type: DnDPlugin.DND_BLOCK_ELEMENT,
+            type: customType?.type || DnDPlugin.DND_BLOCK_ELEMENT,
             item: ()=>{
                 const selected = Array.from($store.selected.values());
                 const nodes = selected.length > 0 && selected.includes(currentElement.nodeId) ? getNodesByNodeIds(editor, selected) : [
@@ -104,18 +104,12 @@ class DnDPlugin {
                 if (!sourceTo) return;
                 const insertAt = getDropPath(editor, sourceTo, dropPosition || 'bottom');
                 if (!insertAt) return;
-                const customDropHandler = itemType && this.options.customDropHandlers?.[itemType];
-                if (customDropHandler) {
-                    console.log('customDropHandler.onDrop', itemType);
-                    customDropHandler.onDrop({
-                        editor,
-                        item,
-                        insertAt
-                    });
-                    return;
-                }
-                console.log('customDropHandler not found', itemType);
-                this.options.customDropHandlers && console.log('valid drop handlers are', Object.keys(this.options.customDropHandlers));
+                const customDropHandler = itemType && options.customDropHandlers?.[itemType];
+                if (customDropHandler) return void customDropHandler.onDrop({
+                    editor,
+                    item,
+                    insertAt
+                });
                 switch(itemType){
                     case NativeTypes.FILE:
                         options.onDropFiles(editor, item.files, insertAt);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@use-kona/editor",
-  "version": "0.1.24-dnd.3",
+  "version": "0.1.24-dnd.5",
   "type": "module",
   "exports": {
     ".": "./src/index.ts"

package/src/plugins/DnDPlugin/DnDPlugin.tsx

@@ -76,7 +76,7 @@ export class DnDPlugin implements IPlugin {
     const currentElement = props.element as NodeWithId;
 
     const [, drag, preview] = useDrag({
-      type: DnDPlugin.DND_BLOCK_ELEMENT,
+      type: customType?.type || DnDPlugin.DND_BLOCK_ELEMENT,
       item: () => {
         const selected = Array.from($store.selected.values());
 
@@ -167,19 +167,11 @@ export class DnDPlugin implements IPlugin {
         if (!insertAt) return;
 
         const customDropHandler =
-          itemType && this.options.customDropHandlers?.[itemType];
+          itemType && options.customDropHandlers?.[itemType];
 
         if (customDropHandler) {
-          console.log('customDropHandler.onDrop', itemType);
           customDropHandler.onDrop({ editor, item, insertAt });
           return;
-        } else {
-          console.log('customDropHandler not found', itemType);
-          this.options.customDropHandlers &&
-            console.log(
-              'valid drop handlers are',
-              Object.keys(this.options.customDropHandlers),
-            );
         }
 
         switch (itemType) {