@measured/puck 0.12.0-canary.f882878 → 0.12.1-canary.15284aa

package/dist/index.js

@@ -32470,8 +32470,7 @@ var ArrayField = ({
     items: Array.from(value || []).map((item, idx) => {
       return {
         _originalIndex: idx,
-        _arrayId: `${id}-${idx}`,
-        data: item
+        _arrayId: `${id}-${idx}`
       };
     }),
     openId: ""
@@ -32502,11 +32501,14 @@ var ArrayField = ({
       const newItems = Array.from(value2 || []).map((item, idx) => {
         var _a;
         const arrayStateItem = arrayState.items[idx];
-        return {
-          _originalIndex: typeof (arrayStateItem == null ? void 0 : arrayStateItem._originalIndex) !== "undefined" ? arrayStateItem._originalIndex : ++highestIndex,
-          _arrayId: ((_a = arrayState.items[idx]) == null ? void 0 : _a._arrayId) || `${id}-${highestIndex}`,
-          data: item
+        const newItem = {
+          _originalIndex: typeof (arrayStateItem == null ? void 0 : arrayStateItem._originalIndex) !== "undefined" ? arrayStateItem._originalIndex : highestIndex + 1,
+          _arrayId: ((_a = arrayState.items[idx]) == null ? void 0 : _a._arrayId) || `${id}-${highestIndex + 1}`
         };
+        if (newItem._originalIndex > highestIndex) {
+          highestIndex = newItem._originalIndex;
+        }
+        return newItem;
       });
       return __spreadProps(__spreadValues({}, arrayState), { items: newItems });
     },
@@ -32515,6 +32517,7 @@ var ArrayField = ({
   (0, import_react27.useEffect)(() => {
     setUi(mapArrayStateToUi(arrayState));
   }, []);
+  const [hovering, setHovering] = (0, import_react27.useState)(false);
   if (field.type !== "array" || !field.arrayFields) {
     return null;
   }
@@ -32561,6 +32564,14 @@ var ArrayField = ({
                   isDraggingFrom: !!snapshot.draggingFromThisWith,
                   hasItems: Array.isArray(value) && value.length > 0
                 }),
+                onMouseOver: (e) => {
+                  e.stopPropagation();
+                  setHovering(true);
+                },
+                onMouseOut: (e) => {
+                  e.stopPropagation();
+                  setHovering(false);
+                },
                 children: [
                   localState.arrayState.items.map((item, i) => {
                     const { _arrayId = `${id}-${i}`, _originalIndex = i } = item;
@@ -32575,7 +32586,7 @@ var ArrayField = ({
                           isDragging: snapshot2 == null ? void 0 : snapshot2.isDragging,
                           readOnly
                         }),
-                        isDragDisabled: readOnly,
+                        isDragDisabled: readOnly || !hovering,
                         children: () => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
                           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                             "div",
@@ -32638,16 +32649,17 @@ var ArrayField = ({
                                 {
                                   name: subFieldName,
                                   label: subField.label || fieldName,
-                                  id: `${id}_${fieldName}`,
+                                  id: `${_arrayId}_${fieldName}`,
                                   readOnly: typeof readOnlyFields[subFieldName] !== "undefined" ? readOnlyFields[subFieldName] : readOnlyFields[wildcardFieldName],
                                   readOnlyFields,
                                   field: subField,
                                   value: data[fieldName],
-                                  onChange: (val) => {
+                                  onChange: (val, ui) => {
                                     onChange(
                                       replace(value, i, __spreadProps(__spreadValues({}, data), {
                                         [fieldName]: val
-                                      }))
+                                      })),
+                                      ui
                                     );
                                   }
                                 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.12.0-canary.f882878",
+  "version": "0.12.1-canary.15284aa",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",