@measured/puck 0.13.0-canary.194c4e5 → 0.13.0-canary.1c4b97f

package/dist/index.d.ts

@@ -1,17 +1,17 @@
-import { D as Data, C as Config, I as ItemSelector, U as UiState, A as AppState, a as DefaultComponentProps, b as DefaultRootProps, M as MappedItem, R as RootDataWithProps, c as RootData } from './Config-0331e026.js';
-export { e as Adaptor, d as ArrayField, p as ArrayState, l as BaseData, B as BaseField, k as ComponentConfig, m as ComponentData, i as Content, g as CustomField, q as DropZone, f as ExternalField, E as ExternalFieldWithAdaptor, F as Field, h as Fields, o as ItemWithId, O as ObjectField, P as PuckComponent, j as PuckContext, n as RootDataWithoutProps, S as SelectField, T as TextField } from './Config-0331e026.js';
+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-5804f327.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-5804f327.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, CSSProperties, SyntheticEvent, ReactElement } from 'react';
+import { ReactNode, CSSProperties, ReactElement, SyntheticEvent } from 'react';
 import { DragStart, DragUpdate } from '@hello-pangea/dnd';
 
 type PathData = Record<string, {
     path: string[];
     label: string;
 }>;
-type DropZoneContext = {
+type DropZoneContext<UserConfig extends Config<any, any, any> = Config<any, any, any>> = {
     data: Data;
-    config: Config;
+    config: UserConfig;
     componentState?: Record<string, any>;
     itemSelector?: ItemSelector | null;
     setItemSelector?: (newIndex: ItemSelector | null) => void;
@@ -33,8 +33,9 @@ type DropZoneContext = {
     pathData?: PathData;
     registerPath?: (selector: ItemSelector) => void;
     mode?: "edit" | "render";
+    disableZoom?: boolean;
 } | null;
-declare const dropZoneContext: react.Context<DropZoneContext>;
+declare const dropZoneContext: react.Context<DropZoneContext<Config<any, any, any>>>;
 declare const DropZoneProvider: ({ children, value, }: {
     children: ReactNode;
     value: DropZoneContext;
@@ -114,6 +115,22 @@ declare const Button: ({ children, href, onClick, variant, type, disabled, tabIn
     loading?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
+declare const Drawer: {
+    ({ children, droppableId, direction, }: {
+        children: ReactNode;
+        droppableId?: string | undefined;
+        direction?: "horizontal" | "vertical" | undefined;
+    }): react_jsx_runtime.JSX.Element;
+    Item: ({ name, children, id, index, }: {
+        name: string;
+        children?: ((props: {
+            children: ReactNode;
+        }) => ReactElement) | undefined;
+        id?: string | undefined;
+        index: number;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
 declare const IconButton: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, title, }: {
     children: ReactNode;
     href?: string | undefined;
@@ -127,35 +144,88 @@ declare const IconButton: ({ children, href, onClick, variant, type, disabled, t
     title: string;
 }) => react_jsx_runtime.JSX.Element;
 
-type Plugin = {
-    renderRootFields?: (props: {
+declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
+    children?: ReactNode;
+    icon?: ReactNode;
+    label: string;
+    el?: "label" | "div" | undefined;
+    readOnly?: boolean | undefined;
+    className?: string | undefined;
+}) => react_jsx_runtime.JSX.Element;
+type InputProps<F = Field<any>> = {
+    name: string;
+    field: F;
+    value: any;
+    id: string;
+    label?: string;
+    onChange: (value: any, uiState?: Partial<UiState>) => void;
+    readOnly?: boolean;
+    readOnlyFields?: Record<string, boolean | undefined>;
+};
+
+type RenderFunc<Props extends {
+    [key: string]: any;
+} = {
+    children: ReactNode;
+}> = React.FunctionComponent<Props>;
+declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
+type OverrideKey = (typeof overrideKeys)[number];
+type OverridesGeneric<Shape extends {
+    [key in OverrideKey]: any;
+}> = Shape;
+type Overrides = OverridesGeneric<{
+    fieldTypes: Partial<FieldRenderFunctions>;
+    header: RenderFunc<{
+        actions: ReactNode;
         children: ReactNode;
-        dispatch: (action: PuckAction) => void;
-        state: AppState;
-    }) => ReactElement<any>;
-    renderRoot?: (props: {
+    }>;
+    headerActions: RenderFunc<{
+        children?: ReactNode;
+    }>;
+    preview: RenderFunc;
+    fields: RenderFunc<{
         children: ReactNode;
-        dispatch: (action: PuckAction) => void;
-        state: AppState;
-    }) => ReactElement<any>;
-    renderFields?: (props: {
+        isLoading: boolean;
+        itemSelector?: ItemSelector | null;
+    }>;
+    fieldLabel: RenderFunc<{
+        children?: ReactNode;
+        icon?: ReactNode;
+        label: string;
+        el?: "label" | "div";
+        readOnly?: boolean;
+        className?: string;
+    }>;
+    components: RenderFunc;
+    componentItem: RenderFunc;
+    outline: RenderFunc;
+    puck: RenderFunc;
+}>;
+type FieldRenderFunctions = Omit<{
+    [Type in Field["type"]]: React.FunctionComponent<InputProps<Extract<Field, {
+        type: Type;
+    }>> & {
         children: ReactNode;
-        dispatch: (action: PuckAction) => void;
-        state: AppState;
-    }) => ReactElement<any>;
+    }>;
+}, "custom"> & {
+    [key: string]: React.FunctionComponent<InputProps<any> & {
+        children: ReactNode;
+    }>;
 };
 
-declare function Puck({ config, data: initialData, onChange, onPublish, plugins, renderComponentList, renderHeader, renderHeaderActions, headerTitle, headerPath, }: {
-    config: Config<any, any, any>;
+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, }: {
+    children?: ReactNode;
+    config: UserConfig;
     data: Data;
+    ui?: Partial<UiState>;
     onChange?: (data: Data) => void;
-    onPublish: (data: Data) => void;
+    onPublish?: (data: Data) => void;
     plugins?: Plugin[];
-    renderComponentList?: (props: {
-        children: ReactNode;
-        dispatch: (action: PuckAction) => void;
-        state: AppState;
-    }) => ReactElement;
+    overrides?: Partial<Overrides>;
     renderHeader?: (props: {
         children: ReactNode;
         dispatch: (action: PuckAction) => void;
@@ -168,9 +238,17 @@ declare function Puck({ config, data: initialData, onChange, onPublish, plugins,
     headerTitle?: string;
     headerPath?: string;
 }): react_jsx_runtime.JSX.Element;
+declare namespace Puck {
+    var Components: () => react_jsx_runtime.JSX.Element;
+    var Fields: () => react_jsx_runtime.JSX.Element;
+    var Outline: () => react_jsx_runtime.JSX.Element;
+    var Preview: ({ id }: {
+        id?: string | undefined;
+    }) => react_jsx_runtime.JSX.Element;
+}
 
-declare function Render({ config, data, }: {
-    config: Config<any, any, any>;
+declare function Render<UserConfig extends Config<any, any, any> = Config<any, any, any>>({ config, data }: {
+    config: UserConfig;
     data: Data;
 }): react_jsx_runtime.JSX.Element;
 
@@ -193,13 +271,10 @@ declare const resolveAllData: (data: Data, config: Config<any, any, any>, onReso
     zones: Record<string, MappedItem[]>;
 }>;
 
-declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
-    children?: ReactNode;
-    icon?: ReactNode;
-    label: string;
-    el?: "label" | "div" | undefined;
-    readOnly?: boolean | undefined;
-    className?: string | undefined;
-}) => react_jsx_runtime.JSX.Element;
+declare const usePuck: () => {
+    appState: AppState;
+    config: Config<any, any, any>;
+    dispatch: (action: PuckAction) => void;
+};
 
-export { AppState, Button, Config, Data, DefaultComponentProps, DefaultRootProps, DropZoneProvider, FieldLabel, IconButton, MappedItem, Puck, PuckAction, Render, RootData, RootDataWithProps, UiState, dropZoneContext, migrate, resolveAllData, transformProps };
+export { AppState, Button, Config, Data, DefaultComponentProps, DefaultRootProps, Drawer, DropZoneProvider, Field, FieldLabel, IconButton, MappedItem, Puck, PuckAction, Render, RootData, RootDataWithProps, UiState, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };