@measured/puck 0.14.0-canary.95280e6 → 0.14.0-canary.9b794d9

package/dist/{Config-DXxsEDkF.d.ts → Config-shqT_YTp.d.ts}

@@ -1,5 +1,4 @@
 import { CSSProperties, ReactNode, ReactElement } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type ItemSelector = {
     index: number;
@@ -12,7 +11,6 @@ type DropZoneProps = {
     disallow?: string[];
     style?: CSSProperties;
 };
-declare function DropZone(props: DropZoneProps): react_jsx_runtime.JSX.Element;
 
 type iconTypes = "Smartphone" | "Monitor" | "Tablet";
 type Viewport = {
@@ -147,20 +145,26 @@ type Content<Props extends {
 } = {
     [key: string]: any;
 }> = ComponentData<Props>[];
-type PuckComponent<Props extends DefaultComponentProps = DefaultComponentProps> = (props: WithPuckProps<Props & {
+type PuckComponent<Props> = (props: WithPuckProps<Props & {
     puck: PuckContext;
 }>) => JSX.Element;
 type PuckContext = {
-    renderDropZone: typeof DropZone;
+    renderDropZone: React.FC<DropZoneProps>;
 };
-type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultComponentProps, DefaultProps = ComponentProps, DataShape = ComponentData<ComponentProps>> = {
+type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultComponentProps, DefaultProps = ComponentProps, DataShape = Omit<ComponentData<ComponentProps>, "type">> = {
     render: PuckComponent<ComponentProps>;
     label?: string;
     defaultProps?: DefaultProps;
     fields?: Fields<ComponentProps>;
     resolveData?: (data: DataShape, params: {
         changed: Partial<Record<keyof ComponentProps, boolean>>;
-    }) => Promise<Partial<ComponentDataWithOptionalProps<ComponentProps>>> | Partial<ComponentDataWithOptionalProps<ComponentProps>>;
+    }) => Promise<{
+        props?: Partial<ComponentProps>;
+        readOnly?: Partial<Record<keyof ComponentProps, boolean>>;
+    }> | {
+        props?: Partial<ComponentProps>;
+        readOnly?: Partial<Record<keyof ComponentProps, boolean>>;
+    };
 };
 type Category<ComponentName> = {
     components?: ComponentName[];
@@ -168,22 +172,18 @@ type Category<ComponentName> = {
     visible?: boolean;
     defaultExpanded?: boolean;
 };
-type Config<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}, RootProps extends DefaultRootProps = DefaultRootProps, CategoryName extends string = any> = {
+type Config<Props extends Record<string, any> = Record<string, any>, RootProps extends DefaultRootProps = DefaultRootProps, CategoryName extends string = string> = {
     categories?: Record<CategoryName, Category<keyof Props>> & {
-        other?: Category<Props>;
+        other?: Category<keyof Props>;
     };
     components: {
         [ComponentName in keyof Props]: Omit<ComponentConfig<Props[ComponentName], Props[ComponentName]>, "type">;
     };
     root?: Partial<ComponentConfig<RootProps & {
-        children: ReactNode;
+        children?: ReactNode;
     }, Partial<RootProps & {
-        children: ReactNode;
-    }>, RootDataWithProps<RootProps>>>;
+        children?: ReactNode;
+    }>, RootDataWithProps>>;
 };
 type BaseData<Props extends {
     [key: string]: any;
@@ -201,13 +201,6 @@ type RootDataWithProps<Props extends DefaultRootProps = DefaultRootProps> = {
 };
 type RootDataWithoutProps<Props extends DefaultRootProps = DefaultRootProps> = Props;
 type RootData<Props extends DefaultRootProps = DefaultRootProps> = BaseData<Props> & Partial<RootDataWithProps<Props>> & Partial<RootDataWithoutProps<Props>>;
-type ComponentDataWithOptionalProps<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}> = Omit<ComponentData, "props"> & {
-    props: Partial<WithPuckProps<Props>>;
-};
 type MappedItem = ComponentData;
 type Data<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultRootProps = DefaultRootProps> = {
     root: RootData<RootProps>;
@@ -248,4 +241,4 @@ type AppState = {
     ui: UiState;
 };
 
-export { type AppState as A, type BaseField as B, type Config as C, type Data as D, type ExternalFieldWithAdaptor as E, type Field as F, type ItemSelector as I, type MappedItem as M, type NumberField as N, type ObjectField as O, type PuckComponent as P, type RootDataWithProps as R, type SelectField as S, type TextField as T, type UiState as U, type Viewports as V, type DefaultComponentProps as a, type DefaultRootProps as b, type RootData as c, type ComponentData as d, type TextareaField as e, type RadioField as f, type ArrayField as g, type Adaptor as h, type ExternalField as i, type CustomField as j, type Fields as k, type Content as l, type PuckContext as m, type ComponentConfig as n, type BaseData as o, type RootDataWithoutProps as p, type ItemWithId as q, type ArrayState as r, DropZone as s };
+export type { AppState as A, BaseField as B, Config as C, Data as D, ExternalFieldWithAdaptor as E, Field as F, ItemSelector as I, MappedItem as M, NumberField as N, ObjectField as O, PuckComponent as P, RootDataWithProps as R, SelectField as S, TextField as T, UiState as U, Viewports as V, DefaultRootProps as a, DropZoneProps as b, DefaultComponentProps as c, RootData as d, ComponentData as e, TextareaField as f, RadioField as g, ArrayField as h, Adaptor as i, ExternalField as j, CustomField as k, Fields as l, Content as m, PuckContext as n, ComponentConfig as o, BaseData as p, RootDataWithoutProps as q, ItemWithId as r, ArrayState as s };

package/dist/index.d.ts

@@ -1,47 +1,10 @@
-import { C as Config, D as Data, I as ItemSelector, U as UiState, A as AppState, F as Field, V as Viewports, a as DefaultComponentProps, b as DefaultRootProps, M as MappedItem, R as RootDataWithProps, c as RootData, d as ComponentData } from './Config-DXxsEDkF.js';
-export { h as Adaptor, g as ArrayField, r as ArrayState, o as BaseData, B as BaseField, n as ComponentConfig, l as Content, j as CustomField, s as DropZone, i as ExternalField, E as ExternalFieldWithAdaptor, k as Fields, q as ItemWithId, N as NumberField, O as ObjectField, P as PuckComponent, m as PuckContext, f as RadioField, p as RootDataWithoutProps, S as SelectField, T as TextField, e as TextareaField } from './Config-DXxsEDkF.js';
+import { U as UiState, D as Data, A as AppState, C as Config, a as DefaultRootProps, I as ItemSelector, b as DropZoneProps, F as Field, V as Viewports, c as DefaultComponentProps, M as MappedItem, R as RootDataWithProps, d as RootData, e as ComponentData } from './Config-shqT_YTp.js';
+export { i as Adaptor, h as ArrayField, s as ArrayState, p as BaseData, B as BaseField, o as ComponentConfig, m as Content, k as CustomField, j as ExternalField, E as ExternalFieldWithAdaptor, l as Fields, r as ItemWithId, N as NumberField, O as ObjectField, P as PuckComponent, n as PuckContext, g as RadioField, q as RootDataWithoutProps, S as SelectField, T as TextField, f as TextareaField } from './Config-shqT_YTp.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, CSSProperties, ReactElement, SyntheticEvent } from 'react';
+import { ReactNode, ReactElement, CSSProperties, SyntheticEvent } from 'react';
 import { DragStart, DragUpdate } from '@measured/dnd';
 
-type PathData = Record<string, {
-    path: string[];
-    label: string;
-}>;
-type DropZoneContext<UserConfig extends Config<any, any, any> = Config<any, any, any>> = {
-    data: Data;
-    config: UserConfig;
-    componentState?: Record<string, any>;
-    itemSelector?: ItemSelector | null;
-    setItemSelector?: (newIndex: ItemSelector | null) => void;
-    dispatch?: (action: PuckAction) => void;
-    areaId?: string;
-    draggedItem?: DragStart & Partial<DragUpdate>;
-    placeholderStyle?: CSSProperties;
-    hoveringArea?: string | null;
-    setHoveringArea?: (area: string | null) => void;
-    hoveringZone?: string | null;
-    setHoveringZone?: (zone: string | null) => void;
-    hoveringComponent?: string | null;
-    setHoveringComponent?: (id: string | null) => void;
-    registerZoneArea?: (areaId: string) => void;
-    areasWithZones?: Record<string, boolean>;
-    registerZone?: (zoneCompound: string) => void;
-    unregisterZone?: (zoneCompound: string) => void;
-    activeZones?: Record<string, boolean>;
-    pathData?: PathData;
-    registerPath?: (selector: ItemSelector) => void;
-    mode?: "edit" | "render";
-    zoneWillDrag?: string;
-    setZoneWillDrag?: (zone: string) => void;
-} | null;
-declare const dropZoneContext: react.Context<DropZoneContext<Config<any, any, any>>>;
-declare const DropZoneProvider: ({ children, value, }: {
-    children: ReactNode;
-    value: DropZoneContext;
-}) => react_jsx_runtime.JSX.Element;
-
 type InsertAction = {
     type: "insert";
     componentType: string;
@@ -106,7 +69,7 @@ declare const Button: ({ children, href, onClick, variant, type, disabled, tabIn
     href?: string | undefined;
     onClick?: ((e: any) => void | Promise<void>) | undefined;
     variant?: "primary" | "secondary" | undefined;
-    type?: "reset" | "submit" | "button" | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     tabIndex?: number | undefined;
     newTab?: boolean | undefined;
@@ -120,7 +83,7 @@ declare const Drawer: {
     ({ children, droppableId, direction, }: {
         children: ReactNode;
         droppableId?: string | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
+        direction?: "vertical" | "horizontal" | undefined;
     }): react_jsx_runtime.JSX.Element;
     Item: ({ name, children, id, label, index, }: {
         name: string;
@@ -134,12 +97,51 @@ declare const Drawer: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
+type PathData = Record<string, {
+    path: string[];
+    label: string;
+}>;
+type DropZoneContext<UserConfig extends Config = Config> = {
+    data: Data;
+    config: UserConfig;
+    componentState?: Record<string, any>;
+    itemSelector?: ItemSelector | null;
+    setItemSelector?: (newIndex: ItemSelector | null) => void;
+    dispatch?: (action: PuckAction) => void;
+    areaId?: string;
+    draggedItem?: DragStart & Partial<DragUpdate>;
+    placeholderStyle?: CSSProperties;
+    hoveringArea?: string | null;
+    setHoveringArea?: (area: string | null) => void;
+    hoveringZone?: string | null;
+    setHoveringZone?: (zone: string | null) => void;
+    hoveringComponent?: string | null;
+    setHoveringComponent?: (id: string | null) => void;
+    registerZoneArea?: (areaId: string) => void;
+    areasWithZones?: Record<string, boolean>;
+    registerZone?: (zoneCompound: string) => void;
+    unregisterZone?: (zoneCompound: string) => void;
+    activeZones?: Record<string, boolean>;
+    pathData?: PathData;
+    registerPath?: (selector: ItemSelector) => void;
+    mode?: "edit" | "render";
+    zoneWillDrag?: string;
+    setZoneWillDrag?: (zone: string) => void;
+} | null;
+declare const dropZoneContext: react.Context<DropZoneContext<Config<Record<string, any>, DefaultRootProps, string>>>;
+declare const DropZoneProvider: ({ children, value, }: {
+    children: ReactNode;
+    value: DropZoneContext;
+}) => react_jsx_runtime.JSX.Element;
+
+declare function DropZone(props: DropZoneProps): react_jsx_runtime.JSX.Element;
+
 declare const IconButton: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, title, }: {
     children: ReactNode;
     href?: string | undefined;
     onClick?: ((e: SyntheticEvent) => void | Promise<void>) | undefined;
     variant?: "primary" | "secondary" | undefined;
-    type?: "reset" | "submit" | "button" | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     tabIndex?: number | undefined;
     newTab?: boolean | undefined;
@@ -227,7 +229,7 @@ type IframeConfig = {
     enabled?: boolean;
 };
 
-declare function Puck<UserConfig extends Config<any, any, any> = Config<any, any, any>>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, }: {
+declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, }: {
     children?: ReactNode;
     config: UserConfig;
     data: Data;
@@ -259,7 +261,7 @@ declare namespace Puck {
     }) => react_jsx_runtime.JSX.Element;
 }
 
-declare function Render<UserConfig extends Config<any, any, any> = Config<any, any, any>>({ config, data }: {
+declare function Render<UserConfig extends Config = Config>({ config, data, }: {
     config: UserConfig;
     data: Data;
 }): react_jsx_runtime.JSX.Element;
@@ -277,7 +279,7 @@ type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps,
 }>;
 declare function transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultComponentProps>(data: Data, propTransforms: PropTransform<Props, RootProps>): Data;
 
-declare const resolveAllData: (data: Data, config: Config<any, any, any>, onResolveStart?: ((item: MappedItem) => void) | undefined, onResolveEnd?: ((item: MappedItem) => void) | undefined) => Promise<{
+declare function resolveAllData(data: Data, config: Config, onResolveStart?: (item: MappedItem) => void, onResolveEnd?: (item: MappedItem) => void): Promise<{
     root: RootDataWithProps<DefaultRootProps> | RootData<DefaultRootProps>;
     content: any[];
     zones: Record<string, MappedItem[]>;
@@ -308,7 +310,7 @@ type PuckHistory = {
 
 declare const usePuck: () => {
     appState: AppState;
-    config: Config<any, any, any>;
+    config: Config<Record<string, any>, DefaultRootProps, string>;
     dispatch: (action: PuckAction) => void;
     history: Partial<PuckHistory>;
     selectedItem: ComponentData<DefaultComponentProps & {
@@ -316,4 +318,4 @@ declare const usePuck: () => {
     }> | null;
 };
 
-export { AppState, Button, ComponentData, Config, Data, DefaultComponentProps, DefaultRootProps, Drawer, DropZoneProvider, Field, FieldLabel, IconButton, MappedItem, Puck, type PuckAction, Render, RootData, RootDataWithProps, UiState, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };
+export { AppState, Button, ComponentData, Config, Data, DefaultComponentProps, DefaultRootProps, Drawer, DropZone, DropZoneProvider, Field, FieldLabel, IconButton, MappedItem, Puck, type PuckAction, Render, RootData, RootDataWithProps, UiState, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };

package/dist/index.js

@@ -8085,7 +8085,7 @@ var require_react_dom_development = __commonJS({
         var HostPortal = 4;
         var HostComponent = 5;
         var HostText = 6;
-        var Fragment16 = 7;
+        var Fragment17 = 7;
         var Mode = 8;
         var ContextConsumer = 9;
         var ContextProvider = 10;
@@ -9241,7 +9241,7 @@ var require_react_dom_development = __commonJS({
               return "DehydratedFragment";
             case ForwardRef:
               return getWrappedName$1(type, type.render, "ForwardRef");
-            case Fragment16:
+            case Fragment17:
               return "Fragment";
             case HostComponent:
               return type;
@@ -18912,7 +18912,7 @@ var require_react_dom_development = __commonJS({
             }
           }
           function updateFragment2(returnFiber, current2, fragment, lanes, key) {
-            if (current2 === null || current2.tag !== Fragment16) {
+            if (current2 === null || current2.tag !== Fragment17) {
               var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
               created.return = returnFiber;
               return created;
@@ -19315,7 +19315,7 @@ var require_react_dom_development = __commonJS({
               if (child.key === key) {
                 var elementType = element.type;
                 if (elementType === REACT_FRAGMENT_TYPE) {
-                  if (child.tag === Fragment16) {
+                  if (child.tag === Fragment17) {
                     deleteRemainingChildren(returnFiber, child.sibling);
                     var existing = useFiber(child, element.props.children);
                     existing.return = returnFiber;
@@ -23490,7 +23490,7 @@ var require_react_dom_development = __commonJS({
               var _resolvedProps2 = workInProgress2.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
               return updateForwardRef(current2, workInProgress2, type, _resolvedProps2, renderLanes2);
             }
-            case Fragment16:
+            case Fragment17:
               return updateFragment(current2, workInProgress2, renderLanes2);
             case Mode:
               return updateMode(current2, workInProgress2, renderLanes2);
@@ -23763,7 +23763,7 @@ var require_react_dom_development = __commonJS({
             case SimpleMemoComponent:
             case FunctionComponent:
             case ForwardRef:
-            case Fragment16:
+            case Fragment17:
             case Mode:
             case Profiler:
             case ContextConsumer:
@@ -28022,7 +28022,7 @@ var require_react_dom_development = __commonJS({
           return fiber;
         }
         function createFiberFromFragment(elements, mode, lanes, key) {
-          var fiber = createFiber(Fragment16, elements, key, mode);
+          var fiber = createFiber(Fragment17, elements, key, mode);
           fiber.lanes = lanes;
           return fiber;
         }
@@ -32732,7 +32732,12 @@ var Preview = ({ id = "puck-preview" }) => {
   const Page = (0, import_react22.useCallback)(
     (pageProps) => {
       var _a, _b;
-      return ((_a = config.root) == null ? void 0 : _a.render) ? (_b = config.root) == null ? void 0 : _b.render(__spreadProps(__spreadValues({}, pageProps), { editMode: true })) : pageProps.children;
+      return ((_a = config.root) == null ? void 0 : _a.render) ? (_b = config.root) == null ? void 0 : _b.render(__spreadProps(__spreadValues({
+        id: "puck-root"
+      }, pageProps), {
+        editMode: true,
+        puck: { renderDropZone: DropZone }
+      })) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: pageProps.children });
     },
     [config.root]
   );
@@ -33931,7 +33936,10 @@ Puck.Preview = Preview;
 // components/Render/index.tsx
 init_react_import();
 var import_jsx_runtime35 = require("react/jsx-runtime");
-function Render({ config, data }) {
+function Render({
+  config,
+  data
+}) {
   var _a;
   const rootProps = data.root.props || data.root;
   const title = (rootProps == null ? void 0 : rootProps.title) || "";
@@ -34010,31 +34018,33 @@ function transformProps(data, propTransforms) {
 
 // lib/resolve-all-data.ts
 init_react_import();
-var resolveAllData = (data, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
-  const dynamicRoot = yield resolveRootData(data, config);
-  const { zones = {} } = data;
-  const zoneKeys = Object.keys(zones);
-  const resolvedZones = {};
-  for (let i = 0; i < zoneKeys.length; i++) {
-    const zoneKey = zoneKeys[i];
-    resolvedZones[zoneKey] = yield resolveAllComponentData(
-      zones[zoneKey],
-      config,
-      onResolveStart,
-      onResolveEnd
-    );
-  }
-  return __spreadProps(__spreadValues({}, data), {
-    root: dynamicRoot,
-    content: yield resolveAllComponentData(
-      data.content,
-      config,
-      onResolveStart,
-      onResolveEnd
-    ),
-    zones: resolvedZones
+function resolveAllData(data, config, onResolveStart, onResolveEnd) {
+  return __async(this, null, function* () {
+    const dynamicRoot = yield resolveRootData(data, config);
+    const { zones = {} } = data;
+    const zoneKeys = Object.keys(zones);
+    const resolvedZones = {};
+    for (let i = 0; i < zoneKeys.length; i++) {
+      const zoneKey = zoneKeys[i];
+      resolvedZones[zoneKey] = yield resolveAllComponentData(
+        zones[zoneKey],
+        config,
+        onResolveStart,
+        onResolveEnd
+      );
+    }
+    return __spreadProps(__spreadValues({}, data), {
+      root: dynamicRoot,
+      content: yield resolveAllComponentData(
+        data.content,
+        config,
+        onResolveStart,
+        onResolveEnd
+      ),
+      zones: resolvedZones
+    });
   });
-});
+}
 
 // lib/use-puck.ts
 init_react_import();

package/dist/rsc.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, D as Data } from './Config-DXxsEDkF.js';
+import { C as Config, D as Data } from './Config-shqT_YTp.js';
 import 'react';
 
-declare function Render<UserConfig extends Config<any, any, any> = Config<any, any, any>>({ config, data }: {
+declare function Render<UserConfig extends Config = Config>({ config, data, }: {
     config: UserConfig;
     data: Data;
 }): react_jsx_runtime.JSX.Element;

package/dist/rsc.js

@@ -109,7 +109,10 @@ function DropZoneRender({
     return null;
   }) });
 }
-function Render({ config, data }) {
+function Render({
+  config,
+  data
+}) {
   var _a;
   if ((_a = config.root) == null ? void 0 : _a.render) {
     const rootProps = data.root.props || data.root;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.14.0-canary.95280e6",
+  "version": "0.14.0-canary.9b794d9",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",