@measured/puck 0.11.0-canary.b28404f → 0.11.0-canary.f9033e2

package/dist/index.d.ts

@@ -15,9 +15,6 @@ type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, Pr
 };
 type WithPuckProps<Props> = Props & {
     id: string;
-    _meta?: {
-        readOnly: Partial<Record<keyof Props, boolean>>;
-    };
 };
 type BaseField = {
     label?: string;
@@ -74,11 +71,12 @@ type Field<Props extends {
     [key: string]: any;
 }> = TextField | SelectField | ArrayField<Props> | ExternalField<Props> | CustomField;
 type DefaultRootProps = {
-    children: ReactNode;
-    title: string;
-    editMode: boolean;
+    title?: string;
     [key: string]: any;
 };
+type DefaultRootRenderProps = {
+    editMode: boolean;
+} & DefaultRootProps;
 type DefaultComponentProps = {
     [key: string]: any;
     editMode?: boolean;
@@ -90,15 +88,14 @@ type Content<Props extends {
     [key: string]: any;
 } = {
     [key: string]: any;
-}> = MappedItem<Props>[];
-type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultComponentProps, DefaultProps = ComponentProps> = {
+}> = ComponentData<Props>[];
+type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultComponentProps, DefaultProps = ComponentProps, DataShape = ComponentData<ComponentProps>> = {
     render: (props: WithPuckProps<ComponentProps>) => ReactElement;
     defaultProps?: DefaultProps;
     fields?: Fields<ComponentProps>;
-    resolveProps?: (props: WithPuckProps<ComponentProps>) => Promise<{
-        props: WithPuckProps<ComponentProps>;
-        readOnly?: Partial<Record<keyof ComponentProps, boolean>>;
-    }>;
+    resolveData?: (data: DataShape, params: {
+        changed: Partial<Record<keyof ComponentProps, boolean>>;
+    }) => Promise<Partial<ComponentDataWithOptionalProps<ComponentProps>>> | Partial<ComponentDataWithOptionalProps<ComponentProps>>;
 };
 type Category<ComponentName> = {
     components?: ComponentName[];
@@ -115,38 +112,42 @@ type Config<Props extends {
         other?: Category<Props>;
     };
     components: {
-        [ComponentName in keyof Props]: ComponentConfig<Props[ComponentName], Props[ComponentName]>;
+        [ComponentName in keyof Props]: Omit<ComponentConfig<Props[ComponentName], Props[ComponentName]>, "type">;
     };
-    root?: ComponentConfig<RootProps & {
+    root?: Partial<ComponentConfig<RootProps & {
         children: ReactNode;
     }, Partial<RootProps & {
         children: ReactNode;
-    }>>;
+    }>, RootDataWithProps<RootProps>>>;
 };
-type MappedItem<Props extends {
+type BaseData<Props extends {
     [key: string]: any;
 } = {
     [key: string]: any;
 }> = {
-    type: keyof Props;
-    props: WithPuckProps<{
-        [key: string]: any;
-    }>;
+    readOnly?: Partial<Record<keyof Props, boolean>>;
 };
-type Data<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}, RootProps extends {
-    title: string;
+type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps> = {
+    type: keyof Props;
+    props: WithPuckProps<Props>;
+} & BaseData<Props>;
+type RootDataWithProps<Props extends DefaultRootProps = DefaultRootProps> = {
+    props: Props;
+};
+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;
 } = {
-    title: string;
     [key: string]: any;
-}> = {
-    root: RootProps;
-    content: Content<Props>;
-    zones?: Record<string, Content<Props>>;
+}> = Omit<ComponentData, "props"> & {
+    props: Partial<WithPuckProps<Props>>;
+};
+type MappedItem = ComponentData;
+type Data<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultRootProps = DefaultRootProps> = {
+    root: RootData<RootProps>;
+    content: Content<WithPuckProps<Props>>;
+    zones?: Record<string, Content<WithPuckProps<Props>>>;
 };
 type ItemWithId = {
     _arrayId: string;
@@ -221,13 +222,13 @@ type RemoveAction = {
     index: number;
     zone: string;
 };
-type SetStateAction = {
+type SetUiAction = {
     type: "setUi";
-    ui: Partial<UiState>;
+    ui: Partial<UiState> | ((previous: UiState) => Partial<UiState>);
 };
 type SetDataAction = {
     type: "setData";
-    data: Partial<Data>;
+    data: Partial<Data> | ((previous: Data) => Partial<Data>);
 };
 type SetAction = {
     type: "set";
@@ -243,7 +244,7 @@ type UnregisterZoneAction = {
 };
 type PuckAction = {
     recordHistory?: boolean;
-} & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetStateAction | RegisterZoneAction | UnregisterZoneAction);
+} & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
 type PathData = Record<string, {
     path: string[];
@@ -252,7 +253,7 @@ type PathData = Record<string, {
 type DropZoneContext = {
     data: Data;
     config: Config;
-    dynamicProps?: Record<string, any>;
+    componentState?: Record<string, any>;
     itemSelector?: ItemSelector | null;
     setItemSelector?: (newIndex: ItemSelector | null) => void;
     dispatch?: (action: PuckAction) => void;
@@ -346,24 +347,19 @@ declare function Render({ config, data }: {
     data: Data;
 }): react_jsx_runtime.JSX.Element;
 
-declare const resolveData: (data: Data, config: Config) => Promise<{
-    content: {
-        props: any;
-        type: string | number;
-    }[];
-    zones: Record<string, MappedItem<{
-        [key: string]: any;
-    }>[]>;
-    root: {
-        [key: string]: any;
-        title: string;
-    };
+declare const resolveAllData: (data: Data, config: Config, onResolveStart?: ((item: MappedItem) => void) | undefined, onResolveEnd?: ((item: MappedItem) => void) | undefined) => Promise<{
+    root: RootDataWithProps<DefaultRootProps> | RootData<DefaultRootProps>;
+    content: any[];
+    zones: Record<string, MappedItem[]>;
 }>;
 
-declare const FieldLabel: ({ children, icon, label, }: {
+declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
     children?: ReactNode;
     icon?: ReactNode;
     label: string;
+    el?: "div" | "label" | undefined;
+    readOnly?: boolean | undefined;
+    className?: string | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-export { Adaptor, AppState, ArrayField, ArrayState, BaseField, Button, ComponentConfig, Config, Content, CustomField, Data, DefaultComponentProps, DefaultRootProps, DropZone, DropZoneProvider, ExternalField, Field, FieldLabel, Fields, IconButton, ItemWithId, MappedItem, Puck, Render, SelectField, TextField, UiState, dropZoneContext, resolveData };
+export { Adaptor, AppState, ArrayField, ArrayState, BaseData, BaseField, Button, ComponentConfig, ComponentData, Config, Content, CustomField, Data, DefaultComponentProps, DefaultRootProps, DefaultRootRenderProps, DropZone, DropZoneProvider, ExternalField, Field, FieldLabel, Fields, IconButton, ItemWithId, MappedItem, Puck, Render, RootData, RootDataWithProps, RootDataWithoutProps, SelectField, TextField, UiState, dropZoneContext, resolveAllData };