@measured/puck 0.14.0-canary.55740c4 → 0.14.0-canary.70cf177

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import { C as Config, D as Data, I as ItemSelector, U as UiState, A as AppState, F as Field, a as DefaultComponentProps, b as DefaultRootProps, M as MappedItem, R as RootDataWithProps, c as RootData } from './Config-1444273f.js';
-export { g as Adaptor, f as ArrayField, r as ArrayState, n as BaseData, B as BaseField, m as ComponentConfig, o as ComponentData, k as Content, i as CustomField, s as DropZone, h as ExternalField, E as ExternalFieldWithAdaptor, j as Fields, q as ItemWithId, N as NumberField, O as ObjectField, P as PuckComponent, l as PuckContext, e as RadioField, p as RootDataWithoutProps, S as SelectField, T as TextField, d as TextareaField } from './Config-1444273f.js';
+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 } from './Config-29dc2731.js';
+export { g as Adaptor, f as ArrayField, r as ArrayState, n as BaseData, B as BaseField, m as ComponentConfig, o as ComponentData, k as Content, i as CustomField, s as DropZone, h as ExternalField, E as ExternalFieldWithAdaptor, j as Fields, q as ItemWithId, N as NumberField, O as ObjectField, P as PuckComponent, l as PuckContext, e as RadioField, p as RootDataWithoutProps, S as SelectField, T as TextField, d as TextareaField } from './Config-29dc2731.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties, ReactElement, SyntheticEvent } from 'react';
-import { DragStart, DragUpdate } from '@hello-pangea/dnd';
+import { DragStart, DragUpdate } from '@measured/dnd';
 
 type PathData = Record<string, {
     path: string[];
@@ -33,7 +33,8 @@ type DropZoneContext<UserConfig extends Config<any, any, any> = Config<any, any,
     pathData?: PathData;
     registerPath?: (selector: ItemSelector) => void;
     mode?: "edit" | "render";
-    disableZoom?: boolean;
+    zoneWillDrag?: string;
+    setZoneWillDrag?: (zone: string) => void;
 } | null;
 declare const dropZoneContext: react.Context<DropZoneContext<Config<any, any, any>>>;
 declare const DropZoneProvider: ({ children, value, }: {
@@ -121,12 +122,14 @@ declare const Drawer: {
         droppableId?: string | undefined;
         direction?: "horizontal" | "vertical" | undefined;
     }): react_jsx_runtime.JSX.Element;
-    Item: ({ name, children, id, index, }: {
+    Item: ({ name, children, id, label, index, }: {
         name: string;
         children?: ((props: {
             children: ReactNode;
+            name: string;
         }) => ReactElement) | undefined;
         id?: string | undefined;
+        label?: string | undefined;
         index: number;
     }) => react_jsx_runtime.JSX.Element;
 };
@@ -167,7 +170,7 @@ type RenderFunc<Props extends {
     [key: string]: any;
 } = {
     children: ReactNode;
-}> = React.FunctionComponent<Props>;
+}> = (props: Props) => ReactElement;
 declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
 type OverrideKey = (typeof overrideKeys)[number];
 type OverridesGeneric<Shape extends {
@@ -197,7 +200,10 @@ type Overrides = OverridesGeneric<{
         className?: string;
     }>;
     components: RenderFunc;
-    componentItem: RenderFunc;
+    componentItem: RenderFunc<{
+        children: ReactNode;
+        name: string;
+    }>;
     outline: RenderFunc;
     puck: RenderFunc;
 }>;
@@ -217,7 +223,7 @@ type Plugin = {
     overrides: Partial<Overrides>;
 };
 
-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, }: {
+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, }: {
     children?: ReactNode;
     config: UserConfig;
     data: Data;
@@ -237,6 +243,7 @@ declare function Puck<UserConfig extends Config<any, any, any> = Config<any, any
     }) => ReactElement;
     headerTitle?: string;
     headerPath?: string;
+    viewports?: Viewports;
 }): react_jsx_runtime.JSX.Element;
 declare namespace Puck {
     var Components: () => react_jsx_runtime.JSX.Element;
@@ -271,10 +278,34 @@ declare const resolveAllData: (data: Data, config: Config<any, any, any>, onReso
     zones: Record<string, MappedItem[]>;
 }>;
 
+type History<D = any> = {
+    id: string;
+    data: D;
+};
+type HistoryStore<D = any> = {
+    index: number;
+    currentHistory: History;
+    hasPast: boolean;
+    hasFuture: boolean;
+    record: (data: D) => void;
+    back: VoidFunction;
+    forward: VoidFunction;
+    nextHistory: History<D> | null;
+    prevHistory: History<D> | null;
+    histories: History<D>[];
+};
+
+type PuckHistory = {
+    back: VoidFunction;
+    forward: VoidFunction;
+    historyStore: HistoryStore;
+};
+
 declare const usePuck: () => {
     appState: AppState;
     config: Config<any, any, any>;
     dispatch: (action: PuckAction) => void;
+    history: Partial<PuckHistory>;
 };
 
 export { AppState, Button, Config, Data, DefaultComponentProps, DefaultRootProps, Drawer, DropZoneProvider, Field, FieldLabel, IconButton, MappedItem, Puck, PuckAction, Render, RootData, RootDataWithProps, UiState, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };