@measured/puck 0.12.1-canary.9470ff9 → 0.13.0-canary.28f24f9

package/dist/{Config-35e6eaae.d.ts → Config-ff244704.d.ts}

@@ -8,6 +8,8 @@ type ItemSelector = {
 
 type DropZoneProps = {
     zone: string;
+    allow?: string[];
+    disallow?: string[];
     style?: CSSProperties;
 };
 declare function DropZone(props: DropZoneProps): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { D as Data, C as Config, I as ItemSelector, U as UiState, A as AppState, M as MappedItem, R as RootDataWithProps, a as DefaultRootProps, b as RootData } from './Config-35e6eaae.js';
-export { d as Adaptor, c as ArrayField, p as ArrayState, l as BaseData, B as BaseField, k as ComponentConfig, m as ComponentData, i as Content, f as CustomField, g as DefaultComponentProps, q as DropZone, e as ExternalField, E as ExternalFieldWithAdaptor, F as Field, h as Fields, o as ItemWithId, P as PuckComponent, j as PuckContext, n as RootDataWithoutProps, S as SelectField, T as TextField } from './Config-35e6eaae.js';
+import { D as Data, C as Config, I as ItemSelector, U as UiState, A as AppState, M as MappedItem, R as RootDataWithProps, a as DefaultRootProps, b as RootData } from './Config-ff244704.js';
+export { d as Adaptor, c as ArrayField, p as ArrayState, l as BaseData, B as BaseField, k as ComponentConfig, m as ComponentData, i as Content, f as CustomField, g as DefaultComponentProps, q as DropZone, e as ExternalField, E as ExternalFieldWithAdaptor, F as Field, h as Fields, o as ItemWithId, P as PuckComponent, j as PuckContext, n as RootDataWithoutProps, S as SelectField, T as TextField } from './Config-ff244704.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties, SyntheticEvent, ReactElement } from 'react';
@@ -145,7 +145,7 @@ type Plugin = {
 };
 
 declare function Puck({ config, data: initialData, onChange, onPublish, plugins, renderComponentList, renderHeader, renderHeaderActions, headerTitle, headerPath, }: {
-    config: Config;
+    config: Config<any, any, any>;
     data: Data;
     onChange?: (data: Data) => void;
     onPublish: (data: Data) => void;
@@ -168,12 +168,12 @@ declare function Puck({ config, data: initialData, onChange, onPublish, plugins,
     headerPath?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Render({ config, data }: {
-    config: Config;
+declare function Render({ config, data, }: {
+    config: Config<any, any, any>;
     data: Data;
 }): react_jsx_runtime.JSX.Element;
 
-declare const resolveAllData: (data: Data, config: Config, onResolveStart?: ((item: MappedItem) => void) | undefined, onResolveEnd?: ((item: MappedItem) => void) | undefined) => Promise<{
+declare const resolveAllData: (data: Data, config: Config<any, any, any>, onResolveStart?: ((item: MappedItem) => void) | undefined, onResolveEnd?: ((item: MappedItem) => void) | undefined) => Promise<{
     root: RootDataWithProps<DefaultRootProps> | RootData<DefaultRootProps>;
     content: any[];
     zones: Record<string, MappedItem[]>;

package/dist/index.js

@@ -32006,7 +32006,7 @@ var useAppContext = () => {
 // components/DropZone/index.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var getClassName3 = get_class_name_factory_default("DropZone", styles_module_default2);
-function DropZoneEdit({ zone, style }) {
+function DropZoneEdit({ zone, allow, disallow, style }) {
   var _a;
   const appContext2 = useAppContext();
   const ctx = (0, import_react25.useContext)(dropZoneContext);
@@ -32076,6 +32076,22 @@ function DropZoneEdit({ zone, style }) {
       isEnabled = draggingOverArea && hoveringOverZone;
     }
   }
+  if (isEnabled && userIsDragging && (allow || disallow)) {
+    const [_, componentType] = draggedItem.draggableId.split("::");
+    if (disallow) {
+      const defaultedAllow = allow || [];
+      const filteredDisallow = (disallow || []).filter(
+        (item) => defaultedAllow.indexOf(item) === -1
+      );
+      if (filteredDisallow.indexOf(componentType) !== -1) {
+        isEnabled = false;
+      }
+    } else if (allow) {
+      if (allow.indexOf(componentType) === -1) {
+        isEnabled = false;
+      }
+    }
+  }
   const selectedItem = itemSelector ? getItem(itemSelector, data) : null;
   const isAreaSelected = selectedItem && zoneArea === selectedItem.props.id;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -32470,8 +32486,7 @@ var ArrayField = ({
     items: Array.from(value || []).map((item, idx) => {
       return {
         _originalIndex: idx,
-        _arrayId: `${id}-${idx}`,
-        data: item
+        _arrayId: `${id}-${idx}`
       };
     }),
     openId: ""
@@ -32502,11 +32517,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 +32533,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 +32580,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 +32602,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 +32665,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
                                     );
                                   }
                                 },
@@ -34633,10 +34661,10 @@ function Puck({
                 return;
               }
               if (droppedItem.source.droppableId.startsWith("component-list") && droppedItem.destination) {
-                const [_, componentId] = droppedItem.draggableId.split("::");
+                const [_, componentType] = droppedItem.draggableId.split("::");
                 dispatch({
                   type: "insert",
-                  componentType: componentId || droppedItem.draggableId,
+                  componentType: componentType || droppedItem.draggableId,
                   destinationIndex: droppedItem.destination.index,
                   destinationZone: droppedItem.destination.droppableId
                 });
@@ -34951,7 +34979,10 @@ function Puck({
 // components/Render/index.tsx
 init_react_import();
 var import_jsx_runtime24 = require("react/jsx-runtime");
-function Render({ config, data }) {
+function Render({
+  config,
+  data
+}) {
   var _a;
   const rootProps = data.root.props || data.root;
   const title = rootProps.title || "";

package/dist/rsc.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, D as Data } from './Config-35e6eaae.js';
+import { C as Config, D as Data } from './Config-ff244704.js';
 import 'react';
 
 declare function Render({ config, data }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.12.1-canary.9470ff9",
+  "version": "0.13.0-canary.28f24f9",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",