@measured/puck 0.14.3-canary.9df6633 → 0.15.0-canary.47a27ed

package/README.md

@@ -60,10 +60,7 @@ const config = {
 };
 
 // Describe the initial data
-const initialData = {
-  content: [],
-  root: {},
-};
+const initialData = {};
 
 // Save the data to your database
 const save = (data) => {};

package/dist/{Config-09628f3c.d.ts → Config-25917005.d.ts}

@@ -110,16 +110,12 @@ type ExternalField<Props extends {
     filterFields?: Record<string, Field>;
     initialFilters?: Record<string, any>;
 };
-type CustomField<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}> = BaseField & {
+type CustomField<Props extends any = {}> = BaseField & {
     type: "custom";
     render: (props: {
-        field: CustomField;
+        field: CustomField<Props>;
         name: string;
-        value: any;
+        value: Props;
         onChange: (value: Props) => void;
         readOnly?: boolean;
     }) => ReactElement;
@@ -128,7 +124,7 @@ type Field<Props extends {
     [key: string]: any;
 } = {
     [key: string]: any;
-}> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props> | ObjectField<Props> | ExternalField<Props> | ExternalFieldWithAdaptor<Props> | CustomField;
+}> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props> | ObjectField<Props> | ExternalField<Props> | ExternalFieldWithAdaptor<Props> | CustomField<Props>;
 type DefaultRootProps = {
     title?: string;
     [key: string]: any;
@@ -156,8 +152,16 @@ type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultCompo
     label?: string;
     defaultProps?: DefaultProps;
     fields?: Fields<ComponentProps>;
+    resolveFields?: (data: DataShape, params: {
+        changed: Partial<Record<keyof ComponentProps, boolean>>;
+        fields: Fields<ComponentProps>;
+        lastFields: Fields<ComponentProps>;
+        lastData: DataShape;
+        appState: AppState;
+    }) => Promise<Fields<ComponentProps>> | Fields<ComponentProps>;
     resolveData?: (data: DataShape, params: {
         changed: Partial<Record<keyof ComponentProps, boolean>>;
+        lastData: DataShape;
     }) => Promise<{
         props?: Partial<ComponentProps>;
         readOnly?: Partial<Record<keyof ComponentProps, boolean>>;
@@ -183,7 +187,7 @@ type Config<Props extends Record<string, any> = Record<string, any>, RootProps e
         children?: ReactNode;
     }, Partial<RootProps & {
         children?: ReactNode;
-    }>, RootDataWithProps>>;
+    }>, RootData>>;
 };
 type BaseData<Props extends {
     [key: string]: any;
@@ -196,11 +200,11 @@ type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps>
     type: keyof Props;
     props: WithPuckProps<Props>;
 } & BaseData<Props>;
-type RootDataWithProps<Props extends DefaultRootProps = DefaultRootProps> = {
+type RootDataWithProps<Props extends DefaultRootProps = DefaultRootProps> = BaseData<Props> & {
     props: Props;
 };
 type RootDataWithoutProps<Props extends DefaultRootProps = DefaultRootProps> = Props;
-type RootData<Props extends DefaultRootProps = DefaultRootProps> = BaseData<Props> & Partial<RootDataWithProps<Props>> & Partial<RootDataWithoutProps<Props>>;
+type RootData<Props extends DefaultRootProps = DefaultRootProps> = Partial<RootDataWithProps<Props>> & Partial<RootDataWithoutProps<Props>>;
 type MappedItem = ComponentData;
 type Data<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultRootProps = DefaultRootProps> = {
     root: RootData<RootProps>;

package/dist/index.css

@@ -1462,11 +1462,14 @@ textarea._Input-input_1qi5b_46 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
-._PuckFields_17k3p_1 {
+._PuckFields_1o0if_1 {
   position: relative;
   font-family: var(--puck-font-family);
 }
-._PuckFields-loadingOverlay_17k3p_6 {
+._PuckFields--isLoading_1o0if_6 {
+  min-height: 48px;
+}
+._PuckFields-loadingOverlay_1o0if_10 {
   background: var(--puck-color-white);
   display: flex;
   justify-content: center;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-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-09628f3c.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-09628f3c.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-25917005.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-25917005.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ReactElement, CSSProperties, SyntheticEvent } from 'react';
@@ -185,7 +185,7 @@ type Overrides = OverridesGeneric<{
         children: ReactNode;
     }>;
     headerActions: RenderFunc<{
-        children?: ReactNode;
+        children: ReactNode;
     }>;
     preview: RenderFunc;
     fields: RenderFunc<{
@@ -232,7 +232,7 @@ type IframeConfig = {
 declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, dnd, }: {
     children?: ReactNode;
     config: UserConfig;
-    data: Data;
+    data: Partial<Data>;
     ui?: Partial<UiState>;
     onChange?: (data: Data) => void;
     onPublish?: (data: Data) => void;
@@ -266,7 +266,7 @@ declare namespace Puck {
 
 declare function Render<UserConfig extends Config = Config>({ config, data, }: {
     config: UserConfig;
-    data: Data;
+    data: Partial<Data>;
 }): react_jsx_runtime.JSX.Element;
 
 declare function migrate(data: Data): Data;
@@ -280,9 +280,9 @@ type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps,
         [key: string]: any;
     }) => RootProps;
 }>;
-declare function transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultComponentProps>(data: Data, propTransforms: PropTransform<Props, RootProps>): Data;
+declare function transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultComponentProps>(data: Partial<Data>, propTransforms: PropTransform<Props, RootProps>): Data;
 
-declare function resolveAllData(data: Data, config: Config, onResolveStart?: (item: MappedItem) => void, onResolveEnd?: (item: MappedItem) => void): Promise<{
+declare function resolveAllData(data: Partial<Data>, config: Config, onResolveStart?: (item: MappedItem) => void, onResolveEnd?: (item: MappedItem) => void): Promise<{
     root: RootDataWithProps<DefaultRootProps> | RootData<DefaultRootProps>;
     content: any[];
     zones: Record<string, MappedItem[]>;