@firecms/core 3.0.0-canary.139 → 3.0.0-canary.140

package/dist/index.umd.js

@@ -3602,7 +3602,7 @@
     } else {
       updatedValues = values;
     }
-    console.log("Saving entity", {
+    console.debug("Saving entity", {
       entityId,
       updatedValues,
       collection
@@ -13533,7 +13533,7 @@
                 "div",
                 {
                   className: "flex-grow w-[calc(100%-48px)] text-text-primary dark:text-text-primary-dark",
-                  children: buildEntry(index, internalId)
+                  children: buildEntry(index, internalId, isDragging)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -15117,7 +15117,7 @@
     context,
     includeDescription,
     underlyingValueHasChanged,
-    disabled,
+    disabled: disabledProp,
     partOfArray,
     minimalistView,
     autoFocus,
@@ -15140,6 +15140,7 @@
             propertyConfigs: customizationController.propertyConfigs,
             index
           });
+          const disabled = disabledProp || isReadOnly(resolvedProperty) || Boolean(resolvedProperty?.disabled);
           if (resolvedProperty === null || isHidden(resolvedProperty)) {
             return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
           } else if (isReadOnly(resolvedProperty)) {
@@ -15348,9 +15349,10 @@
     }
     const mapFormView = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1 flex flex-col space-y-2", children: Object.entries(mapProperties).filter(([_, property2]) => !isHidden(property2)).map(
       ([entryKey, childProperty], index) => {
+        const thisDisabled = isReadOnly(childProperty) || Boolean(childProperty.disabled);
         const fieldBindingProps = {
           propertyKey: `${propertyKey}.${entryKey}`,
-          disabled,
+          disabled: disabled || thisDisabled,
           property: childProperty,
           includeDescription,
           underlyingValueHasChanged,
@@ -16153,7 +16155,7 @@
       setValue
     });
     const [lastAddedId, setLastAddedId] = React.useState();
-    const buildEntry = React.useCallback((index, internalId) => {
+    const buildEntry = React.useCallback((index, internalId, isDragging) => {
       return /* @__PURE__ */ jsxRuntime.jsx(
         BlockEntry,
         {
@@ -16166,7 +16168,7 @@
           autoFocus: internalId === lastAddedId,
           context
         },
-        `array_one_of_${index}`
+        `array_one_of_${internalId}`
       );
     }, [context, lastAddedId, property.oneOf, propertyKey, value]);
     const title = /* @__PURE__ */ jsxRuntime.jsx(
@@ -16181,17 +16183,17 @@
     );
     const firstOneOfKey = Object.keys(property.oneOf.properties)[0];
     const body = /* @__PURE__ */ jsxRuntime.jsx(
-      FormikArrayContainer,
+      ArrayContainer,
       {
         value,
         className: "flex flex-col gap-3",
-        name: propertyKey,
+        droppableId: propertyKey,
         addLabel: property.name ? "Add entry to " + property.name : "Add entry",
         buildEntry,
         onInternalIdAdded: setLastAddedId,
         disabled: isSubmitting || Boolean(property.disabled),
         includeAddButton: !property.disabled,
-        setFieldValue,
+        onValueChange: (value2) => setFieldValue(propertyKey, value2),
         newDefaultEntry: {
           [property.oneOf.typeField ?? DEFAULT_ONE_OF_TYPE]: firstOneOfKey,
           [property.oneOf.valueField ?? DEFAULT_ONE_OF_VALUE]: getDefaultValueFor(property.oneOf.properties[firstOneOfKey])
@@ -16494,9 +16496,10 @@
       ] })
     ] });
     const body = resolvedProperties.map((childProperty, index) => {
+      const thisDisabled = isReadOnly(childProperty) || Boolean(childProperty.disabled);
       const fieldProps = {
         propertyKey: `${propertyKey}[${index}]`,
-        disabled,
+        disabled: disabled || thisDisabled,
         property: childProperty,
         includeDescription,
         underlyingValueHasChanged,
@@ -18030,7 +18033,7 @@
             children: pluginActions
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-12 pb-16 pl-4 sm:px-8 md:px-10", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-12 pb-16 pl-4 sm:px-8 md:px-10", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -18078,7 +18081,7 @@
             ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-14" })
           ] })
-        ] }) })
+        ] })
       ] });
       if (plugins) {
         plugins.forEach((plugin) => {
@@ -18147,11 +18150,11 @@
       if (entityId && onIdChange)
         onIdChange(entityId);
     }, [entityId, onIdChange]);
-    return /* @__PURE__ */ jsxRuntime.jsx(formex.Formex, { value: formex$1, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full w-full transition-width duration-250 ease-in-out", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(formex.Formex, { value: formex$1, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: ui.cls(ui.defaultBorderMixin, "no-scrollbar border-b pl-2 pr-2 pt-1 flex items-end overflow-scroll bg-gray-50 dark:bg-gray-950"),
+          className: ui.cls(ui.defaultBorderMixin, "no-scrollbar h-16 border-b pl-2 pr-2 pt-1 flex items-end overflow-scroll bg-gray-50 dark:bg-gray-950"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",