@measured/puck 0.14.0-canary.3816c08 → 0.14.0-canary.3d595db

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

@@ -1,5 +1,4 @@
-import { CSSProperties, ReactElement, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties, ReactNode, ReactElement } from 'react';
 
 type ItemSelector = {
     index: number;
@@ -12,11 +11,24 @@ type DropZoneProps = {
     disallow?: string[];
     style?: CSSProperties;
 };
-declare function DropZone(props: DropZoneProps): react_jsx_runtime.JSX.Element;
+
+type iconTypes = "Smartphone" | "Monitor" | "Tablet";
+type Viewport = {
+    width: number;
+    height?: number | "auto";
+    label?: string;
+    icon?: iconTypes | ReactNode;
+};
+type Viewports = Viewport[];
 
 type WithPuckProps<Props> = Props & {
     id: string;
 };
+type FieldOption = {
+    label: string;
+    value: string | number | boolean;
+};
+type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
 };
@@ -33,17 +45,11 @@ type TextareaField = BaseField & {
 };
 type SelectField = BaseField & {
     type: "select";
-    options: {
-        label: string;
-        value: string | number | boolean;
-    }[];
+    options: FieldOptions;
 };
 type RadioField = BaseField & {
     type: "radio";
-    options: {
-        label: string;
-        value: string | number | boolean;
-    }[];
+    options: FieldOptions;
 };
 type ArrayField<Props extends {
     [key: string]: any;
@@ -56,6 +62,8 @@ type ArrayField<Props extends {
     };
     defaultItemProps?: Props[0];
     getItemSummary?: (item: Props[0], index?: number) => string;
+    max?: number;
+    min?: number;
 };
 type ObjectField<Props extends {
     [key: string]: any;
@@ -64,7 +72,7 @@ type ObjectField<Props extends {
 }> = BaseField & {
     type: "object";
     objectFields: {
-        [SubPropName in keyof Props[0]]: Field<Props[0][SubPropName]>;
+        [SubPropName in keyof Props]: Field<Props[SubPropName]>;
     };
 };
 type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, PropShape = TableShape> = {
@@ -92,11 +100,15 @@ type ExternalField<Props extends {
     placeholder?: string;
     fetchList: (params: {
         query: string;
+        filters: Record<string, any>;
     }) => Promise<any[] | null>;
     mapProp?: (value: any) => Props;
+    mapRow?: (value: any) => Record<string, string | number>;
     getItemSummary: (item: Props, index?: number) => string;
     showSearch?: boolean;
     initialQuery?: string;
+    filterFields?: Record<string, Field>;
+    initialFilters?: Record<string, any>;
 };
 type CustomField<Props extends {
     [key: string]: any;
@@ -133,19 +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[];
@@ -153,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;
@@ -186,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>;
@@ -219,10 +227,18 @@ type UiState = {
         expanded?: boolean;
     }>;
     isDragging: boolean;
+    viewports: {
+        current: {
+            width: number;
+            height: number | "auto";
+        };
+        controlsVisible: boolean;
+        options: Viewport[];
+    };
 };
 type AppState = {
     data: Data;
     ui: UiState;
 };
 
-export { 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, DefaultComponentProps as a, DefaultRootProps as b, RootData as c, TextareaField as d, RadioField as e, ArrayField as f, Adaptor as g, ExternalField as h, CustomField as i, Fields as j, Content as k, PuckContext as l, ComponentConfig as m, BaseData as n, ComponentData as o, RootDataWithoutProps as p, ItemWithId as q, 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 };