eat-js-sdk 2.0.24 → 2.0.25

package/dist/interaction-builder.mjs

@@ -14052,28 +14052,21 @@ var root$5 = /* @__PURE__ */ from_html(`<!>  <section role="group" aria-dropeffe
 function CategoriseDndContainer($$anchor, $$props) {
   push($$props, true);
   let containerId = prop($$props, "containerId", 7), containerClass = prop($$props, "containerClass", 7, ""), showButton = prop($$props, "showButton", 7, true), items = prop($$props, "items", 23, () => []), selectedItemId = prop($$props, "selectedItemId", 7, void 0), isLocked = prop($$props, "isLocked", 7, false), currentTabContainer = prop($$props, "currentTabContainer", 7, null), isMobile = prop($$props, "isMobile", 7, false), mode = prop($$props, "mode", 7), paddingTop = prop($$props, "paddingTop", 7, 0), dndType = prop($$props, "dndType", 7, "categorise"), onitemdrop = prop($$props, "onitemdrop", 7), onitemselect = prop($$props, "onitemselect", 7), oncontainerclick = prop($$props, "oncontainerclick", 7), onitemkeydown = prop($$props, "onitemkeydown", 7), ondraghover = prop($$props, "ondraghover", 7), ondragstart = prop($$props, "ondragstart", 7), children = prop($$props, "children", 7);
-  let dndItems = /* @__PURE__ */ state(proxy([]));
   let considerItemId = /* @__PURE__ */ state(void 0);
   let isHoveringDrag = /* @__PURE__ */ state(false);
-  user_effect(() => {
-    set(
-      dndItems,
-      items().map((item) => {
-        if (item.id === get$1(considerItemId)) {
-          return {
-            id: "clonedId",
-            itemText: item.itemText,
-            isClonedItem: true,
-            cloneId: item.id
-          };
-        }
-        return { ...item };
-      }),
-      true
-    );
-  });
+  const dndItems = /* @__PURE__ */ user_derived(() => items().map((item) => {
+    if (item.id === get$1(considerItemId)) {
+      return {
+        id: "clonedId",
+        itemText: item.itemText,
+        isClonedItem: true,
+        cloneId: item.id
+      };
+    }
+    return { ...item };
+  }));
   const handleConsider = (e2) => {
-    const { items: newItems, info } = e2.detail;
+    const { info } = e2.detail;
     if (info.trigger === "draggedEntered") {
       set(isHoveringDrag, true);
       if (ondraghover()) {
@@ -14096,16 +14089,15 @@ function CategoriseDndContainer($$anchor, $$props) {
       }
       return;
     }
-    if (get$1(considerItemId) && !get$1(isHoveringDrag)) {
-      set(dndItems, newItems, true);
+    if (info.trigger === "droppedOutsideOfAny" || info.trigger === "dragStopped") {
+      set(considerItemId, void 0);
+      set(isHoveringDrag, false);
+      return;
     }
   };
   const handleFinalize = (e2) => {
-    const { items: newItems } = e2.detail;
     set(considerItemId, void 0);
     set(isHoveringDrag, false);
-    const filteredItems = newItems.filter((item) => !item.isClonedItem);
-    set(dndItems, filteredItems, true);
     if (onitemdrop()) {
       onitemdrop()(e2);
     }
@@ -14154,7 +14146,7 @@ function CategoriseDndContainer($$anchor, $$props) {
     zoneItemTabIndex: get$1(getZoneItemTabIndex)(),
     zoneTabIndex: -1,
     autoAriaDisabled: true,
-    keyboardDisabled: true
+    disableEnterSpaceKeyDrag: true
   }));
   const isEmpty = /* @__PURE__ */ user_derived(() => get$1(dndItems).length === 0);
   const isSourceContainer = /* @__PURE__ */ user_derived(() => () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eat-js-sdk",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "change version": "2.0.0",
   "description": "Authoring tool frontend SDK",
   "contributors": [