@measured/puck 0.21.0-canary.2e1b5267 → 0.21.0-canary.56c45885
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-PZ4O44EW.mjs → chunk-JB4ZAK5S.mjs} +1930 -2736
- package/dist/{chunk-IMW7FUQQ.mjs → chunk-TC25DCTQ.mjs} +11 -12
- package/dist/index.css +272 -649
- package/dist/index.d.mts +4 -15
- package/dist/index.d.ts +4 -15
- package/dist/index.js +1902 -2706
- package/dist/index.mjs +2 -8
- package/dist/no-external.css +272 -649
- package/dist/no-external.d.mts +2 -2
- package/dist/no-external.d.ts +2 -2
- package/dist/no-external.js +1899 -2703
- package/dist/no-external.mjs +2 -8
- package/dist/rsc.d.mts +2 -2
- package/dist/rsc.d.ts +2 -2
- package/dist/rsc.js +10 -12
- package/dist/rsc.mjs +1 -1
- package/dist/{walk-tree-Cvtjzg9C.d.mts → walk-tree-BMbIeiqs.d.mts} +62 -63
- package/dist/{walk-tree-Cvtjzg9C.d.ts → walk-tree-BMbIeiqs.d.ts} +62 -63
- package/package.json +1 -1
|
@@ -10,63 +10,63 @@ type FieldOption = {
|
|
|
10
10
|
value: string | number | boolean | undefined | null | object;
|
|
11
11
|
};
|
|
12
12
|
type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
|
|
13
|
-
|
|
13
|
+
interface BaseField {
|
|
14
14
|
label?: string;
|
|
15
15
|
labelIcon?: ReactElement;
|
|
16
|
-
metadata?:
|
|
16
|
+
metadata?: FieldMetadata;
|
|
17
17
|
visible?: boolean;
|
|
18
|
-
}
|
|
19
|
-
|
|
18
|
+
}
|
|
19
|
+
interface TextField extends BaseField {
|
|
20
20
|
type: "text";
|
|
21
21
|
placeholder?: string;
|
|
22
22
|
contentEditable?: boolean;
|
|
23
|
-
}
|
|
24
|
-
|
|
23
|
+
}
|
|
24
|
+
interface NumberField extends BaseField {
|
|
25
25
|
type: "number";
|
|
26
26
|
placeholder?: string;
|
|
27
27
|
min?: number;
|
|
28
28
|
max?: number;
|
|
29
29
|
step?: number;
|
|
30
|
-
}
|
|
31
|
-
|
|
30
|
+
}
|
|
31
|
+
interface TextareaField extends BaseField {
|
|
32
32
|
type: "textarea";
|
|
33
33
|
placeholder?: string;
|
|
34
34
|
contentEditable?: boolean;
|
|
35
|
-
}
|
|
36
|
-
|
|
35
|
+
}
|
|
36
|
+
interface SelectField extends BaseField {
|
|
37
37
|
type: "select";
|
|
38
38
|
options: FieldOptions;
|
|
39
|
-
}
|
|
40
|
-
|
|
39
|
+
}
|
|
40
|
+
interface RadioField extends BaseField {
|
|
41
41
|
type: "radio";
|
|
42
42
|
options: FieldOptions;
|
|
43
|
-
}
|
|
44
|
-
|
|
43
|
+
}
|
|
44
|
+
interface ArrayField<Props extends {
|
|
45
45
|
[key: string]: any;
|
|
46
46
|
}[] = {
|
|
47
47
|
[key: string]: any;
|
|
48
|
-
}[], UserField extends {} = {}>
|
|
48
|
+
}[], UserField extends {} = {}> extends BaseField {
|
|
49
49
|
type: "array";
|
|
50
50
|
arrayFields: {
|
|
51
51
|
[SubPropName in keyof Props[0]]: UserField extends {
|
|
52
52
|
type: PropertyKey;
|
|
53
53
|
} ? Field<Props[0][SubPropName], UserField> | UserField : Field<Props[0][SubPropName], UserField>;
|
|
54
54
|
};
|
|
55
|
-
defaultItemProps?: Props[0];
|
|
55
|
+
defaultItemProps?: Props[0] | ((index: number) => Props[0]);
|
|
56
56
|
getItemSummary?: (item: Props[0], index?: number) => string;
|
|
57
57
|
max?: number;
|
|
58
58
|
min?: number;
|
|
59
|
-
}
|
|
60
|
-
|
|
59
|
+
}
|
|
60
|
+
interface ObjectField<Props extends any = {
|
|
61
61
|
[key: string]: any;
|
|
62
|
-
}, UserField extends {} = {}>
|
|
62
|
+
}, UserField extends {} = {}> extends BaseField {
|
|
63
63
|
type: "object";
|
|
64
64
|
objectFields: {
|
|
65
65
|
[SubPropName in keyof Props]: UserField extends {
|
|
66
66
|
type: PropertyKey;
|
|
67
67
|
} ? Field<Props[SubPropName]> | UserField : Field<Props[SubPropName]>;
|
|
68
68
|
};
|
|
69
|
-
}
|
|
69
|
+
}
|
|
70
70
|
type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, PropShape = TableShape> = {
|
|
71
71
|
name: string;
|
|
72
72
|
fetchList: (adaptorParams?: AdaptorParams) => Promise<TableShape[] | null>;
|
|
@@ -82,10 +82,14 @@ type ExternalFieldWithAdaptor<Props extends any = {
|
|
|
82
82
|
adaptorParams?: object;
|
|
83
83
|
getItemSummary: (item: NotUndefined<Props>, index?: number) => string;
|
|
84
84
|
};
|
|
85
|
-
type
|
|
85
|
+
type CacheOpts = {
|
|
86
|
+
enabled?: boolean;
|
|
87
|
+
};
|
|
88
|
+
interface ExternalField<Props extends any = {
|
|
86
89
|
[key: string]: any;
|
|
87
|
-
}>
|
|
90
|
+
}> extends BaseField {
|
|
88
91
|
type: "external";
|
|
92
|
+
cache?: CacheOpts;
|
|
89
93
|
placeholder?: string;
|
|
90
94
|
fetchList: (params: {
|
|
91
95
|
query: string;
|
|
@@ -101,7 +105,7 @@ type ExternalField<Props extends any = {
|
|
|
101
105
|
initialQuery?: string;
|
|
102
106
|
filterFields?: Record<string, Field>;
|
|
103
107
|
initialFilters?: Record<string, any>;
|
|
104
|
-
}
|
|
108
|
+
}
|
|
105
109
|
type CustomFieldRender<Value extends any> = (props: {
|
|
106
110
|
field: CustomField<Value>;
|
|
107
111
|
name: string;
|
|
@@ -110,16 +114,16 @@ type CustomFieldRender<Value extends any> = (props: {
|
|
|
110
114
|
onChange: (value: Value) => void;
|
|
111
115
|
readOnly?: boolean;
|
|
112
116
|
}) => ReactElement;
|
|
113
|
-
|
|
117
|
+
interface CustomField<Value extends any> extends BaseField {
|
|
114
118
|
type: "custom";
|
|
115
119
|
render: CustomFieldRender<Value>;
|
|
116
120
|
contentEditable?: boolean;
|
|
117
|
-
}
|
|
118
|
-
|
|
121
|
+
}
|
|
122
|
+
interface SlotField extends BaseField {
|
|
119
123
|
type: "slot";
|
|
120
124
|
allow?: string[];
|
|
121
125
|
disallow?: string[];
|
|
122
|
-
}
|
|
126
|
+
}
|
|
123
127
|
type Field<ValueType = any, UserField extends {} = {}> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<ValueType extends {
|
|
124
128
|
[key: string]: any;
|
|
125
129
|
}[] ? ValueType : never, UserField> | ObjectField<ValueType, UserField> | ExternalField<ValueType> | ExternalFieldWithAdaptor<ValueType> | CustomField<ValueType> | SlotField;
|
|
@@ -147,7 +151,7 @@ type DropZoneProps = {
|
|
|
147
151
|
};
|
|
148
152
|
|
|
149
153
|
type PuckContext = {
|
|
150
|
-
renderDropZone: React.
|
|
154
|
+
renderDropZone: (props: DropZoneProps) => React.ReactNode;
|
|
151
155
|
metadata: Metadata;
|
|
152
156
|
isEditing: boolean;
|
|
153
157
|
dragRef: ((element: Element | null) => void) | null;
|
|
@@ -197,6 +201,8 @@ type ResolveDataTrigger = "insert" | "replace" | "load" | "force";
|
|
|
197
201
|
type WithPartialProps<T, Props extends DefaultComponentProps> = Omit<T, "props"> & {
|
|
198
202
|
props?: Partial<Props>;
|
|
199
203
|
};
|
|
204
|
+
interface ComponentConfigExtensions {
|
|
205
|
+
}
|
|
200
206
|
type ComponentConfigInternal<RenderProps extends DefaultComponentProps, FieldProps extends DefaultComponentProps, DataShape = Omit<ComponentData<FieldProps>, "type">, // NB this doesn't include AllProps, so types will not contain deep slot types. To fix, we require a breaking change.
|
|
201
207
|
UserField extends BaseField = {}> = {
|
|
202
208
|
render: PuckComponent<RenderProps>;
|
|
@@ -212,7 +218,7 @@ UserField extends BaseField = {}> = {
|
|
|
212
218
|
fields: Fields<FieldProps>;
|
|
213
219
|
lastFields: Fields<FieldProps>;
|
|
214
220
|
lastData: DataShape | null;
|
|
215
|
-
metadata:
|
|
221
|
+
metadata: ComponentMetadata;
|
|
216
222
|
appState: AppState;
|
|
217
223
|
parent: ComponentData | null;
|
|
218
224
|
}) => Promise<Fields<FieldProps>> | Fields<FieldProps>;
|
|
@@ -221,7 +227,7 @@ UserField extends BaseField = {}> = {
|
|
|
221
227
|
id: string;
|
|
222
228
|
}>;
|
|
223
229
|
lastData: DataShape | null;
|
|
224
|
-
metadata:
|
|
230
|
+
metadata: ComponentMetadata;
|
|
225
231
|
trigger: ResolveDataTrigger;
|
|
226
232
|
}) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
|
|
227
233
|
resolvePermissions?: (data: DataShape, params: {
|
|
@@ -233,8 +239,8 @@ UserField extends BaseField = {}> = {
|
|
|
233
239
|
appState: AppState;
|
|
234
240
|
lastData: DataShape | null;
|
|
235
241
|
}) => Promise<Partial<Permissions>> | Partial<Permissions>;
|
|
236
|
-
metadata?:
|
|
237
|
-
};
|
|
242
|
+
metadata?: ComponentMetadata;
|
|
243
|
+
} & ComponentConfigExtensions;
|
|
238
244
|
type ComponentConfig<RenderPropsOrParams extends LeftOrExactRight<RenderPropsOrParams, DefaultComponentProps, ComponentConfigParams> = DefaultComponentProps, FieldProps extends DefaultComponentProps = RenderPropsOrParams extends {
|
|
239
245
|
props: any;
|
|
240
246
|
} ? RenderPropsOrParams["props"] : RenderPropsOrParams, DataShape = Omit<ComponentData<FieldProps>, "type">> = RenderPropsOrParams extends ComponentConfigParams<infer ParamsRenderProps, never> ? ComponentConfigInternal<ParamsRenderProps, FieldProps, DataShape, {}> : RenderPropsOrParams extends ComponentConfigParams<infer ParamsRenderProps, infer ParamsFields> ? ComponentConfigInternal<ParamsRenderProps, FieldProps, DataShape, ParamsFields[keyof ParamsFields] & BaseField> : ComponentConfigInternal<RenderPropsOrParams, FieldProps, DataShape>;
|
|
@@ -265,6 +271,16 @@ type ExtractConfigParams<UserConfig extends ConfigInternal> = UserConfig extends
|
|
|
265
271
|
type: string;
|
|
266
272
|
} ? UserField : Field;
|
|
267
273
|
} : never;
|
|
274
|
+
type ConfigParams<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = any, CategoryNames extends string[] = string[], UserFields extends FieldsExtension = FieldsExtension> = {
|
|
275
|
+
components?: Components;
|
|
276
|
+
root?: RootProps;
|
|
277
|
+
categories?: CategoryNames;
|
|
278
|
+
fields?: AssertHasValue<UserFields>;
|
|
279
|
+
};
|
|
280
|
+
type ComponentConfigParams<Props extends DefaultComponentProps = DefaultComponentProps, UserFields extends FieldsExtension = never> = {
|
|
281
|
+
props: Props;
|
|
282
|
+
fields?: AssertHasValue<UserFields>;
|
|
283
|
+
};
|
|
268
284
|
|
|
269
285
|
type BaseData<Props extends {
|
|
270
286
|
[key: string]: any;
|
|
@@ -305,11 +321,16 @@ type Data<Components extends DefaultComponents = DefaultComponents, RootProps ex
|
|
|
305
321
|
type Metadata = {
|
|
306
322
|
[key: string]: any;
|
|
307
323
|
};
|
|
324
|
+
interface PuckMetadata extends Metadata {
|
|
325
|
+
}
|
|
326
|
+
interface ComponentMetadata extends PuckMetadata {
|
|
327
|
+
}
|
|
328
|
+
interface FieldMetadata extends Metadata {
|
|
329
|
+
}
|
|
308
330
|
|
|
309
331
|
type ItemWithId = {
|
|
310
332
|
_arrayId: string;
|
|
311
333
|
_originalIndex: number;
|
|
312
|
-
_currentIndex: number;
|
|
313
334
|
};
|
|
314
335
|
type ArrayState = {
|
|
315
336
|
items: ItemWithId[];
|
|
@@ -320,7 +341,6 @@ type UiState = {
|
|
|
320
341
|
rightSideBarVisible: boolean;
|
|
321
342
|
leftSideBarWidth?: number | null;
|
|
322
343
|
rightSideBarWidth?: number | null;
|
|
323
|
-
mobilePanelExpanded?: boolean;
|
|
324
344
|
itemSelector: ItemSelector | null;
|
|
325
345
|
arrayState: Record<string, ArrayState | undefined>;
|
|
326
346
|
previewMode: "interactive" | "edit";
|
|
@@ -333,7 +353,7 @@ type UiState = {
|
|
|
333
353
|
isDragging: boolean;
|
|
334
354
|
viewports: {
|
|
335
355
|
current: {
|
|
336
|
-
width: number
|
|
356
|
+
width: number;
|
|
337
357
|
height: number | "auto";
|
|
338
358
|
};
|
|
339
359
|
controlsVisible: boolean;
|
|
@@ -342,9 +362,6 @@ type UiState = {
|
|
|
342
362
|
field: {
|
|
343
363
|
focus?: string | null;
|
|
344
364
|
};
|
|
345
|
-
plugin: {
|
|
346
|
-
current: string | null;
|
|
347
|
-
};
|
|
348
365
|
};
|
|
349
366
|
type AppState<UserData extends Data = Data> = {
|
|
350
367
|
data: UserData;
|
|
@@ -378,34 +395,16 @@ type BuiltinTypes = Date | RegExp | Error | Function | symbol | null | undefined
|
|
|
378
395
|
type WithDeepSlots<T, SlotType = T> = T extends Slot ? SlotType : T extends (infer U)[] ? Array<WithDeepSlots<U, SlotType>> : T extends (infer U)[] ? WithDeepSlots<U, SlotType>[] : T extends BuiltinTypes ? T : T extends object ? {
|
|
379
396
|
[K in keyof T]: WithDeepSlots<T[K], SlotType>;
|
|
380
397
|
} : T;
|
|
381
|
-
type ConfigParams<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = any, CategoryNames extends string[] = string[], UserFields extends FieldsExtension = FieldsExtension> = {
|
|
382
|
-
components?: Components;
|
|
383
|
-
root?: RootProps;
|
|
384
|
-
categories?: CategoryNames;
|
|
385
|
-
fields?: AssertHasValue<UserFields>;
|
|
386
|
-
};
|
|
387
398
|
type FieldsExtension = {
|
|
388
399
|
[Type in string]: {
|
|
389
400
|
type: Type;
|
|
390
401
|
};
|
|
391
402
|
};
|
|
392
|
-
type ComponentConfigParams<Props extends DefaultComponentProps = DefaultComponentProps, UserFields extends FieldsExtension = never> = {
|
|
393
|
-
props: Props;
|
|
394
|
-
fields?: AssertHasValue<UserFields>;
|
|
395
|
-
};
|
|
396
403
|
type Exact<T, Target> = Record<Exclude<keyof T, keyof Target>, never>;
|
|
397
404
|
type LeftOrExactRight<Union, Left, Right> = (Left & Union extends Right ? Exact<Union, Right> : Left) | (Right & Exact<Union, Right>);
|
|
398
405
|
type AssertHasValue<T, True = T, False = never> = [keyof T] extends [
|
|
399
406
|
never
|
|
400
407
|
] ? False : True;
|
|
401
|
-
type RenderFunc<Props extends {
|
|
402
|
-
[key: string]: any;
|
|
403
|
-
} = {
|
|
404
|
-
children: ReactNode;
|
|
405
|
-
}> = (props: Props) => ReactElement;
|
|
406
|
-
type PluginInternal = Plugin & {
|
|
407
|
-
mobileOnly?: boolean;
|
|
408
|
-
};
|
|
409
408
|
|
|
410
409
|
type MapFnParams<ThisField = Field> = {
|
|
411
410
|
value: any;
|
|
@@ -429,6 +428,11 @@ G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends
|
|
|
429
428
|
[Type in UserField["type"]]: FieldTransformFn<ExtractField<UserField, Type>>;
|
|
430
429
|
}>;
|
|
431
430
|
|
|
431
|
+
type RenderFunc<Props extends {
|
|
432
|
+
[key: string]: any;
|
|
433
|
+
} = {
|
|
434
|
+
children: ReactNode;
|
|
435
|
+
}> = (props: Props) => ReactElement;
|
|
432
436
|
declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
|
|
433
437
|
type OverrideKey = (typeof overrideKeys)[number];
|
|
434
438
|
type OverridesGeneric<Shape extends {
|
|
@@ -500,7 +504,7 @@ type DragAxis = "dynamic" | "y" | "x";
|
|
|
500
504
|
|
|
501
505
|
type iconTypes = "Smartphone" | "Monitor" | "Tablet";
|
|
502
506
|
type Viewport = {
|
|
503
|
-
width: number
|
|
507
|
+
width: number;
|
|
504
508
|
height?: number | "auto";
|
|
505
509
|
label?: string;
|
|
506
510
|
icon?: iconTypes | ReactNode;
|
|
@@ -520,13 +524,8 @@ type IframeConfig = {
|
|
|
520
524
|
};
|
|
521
525
|
type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
|
|
522
526
|
type Plugin<UserConfig extends Config = Config> = {
|
|
523
|
-
name?: string;
|
|
524
|
-
label?: string;
|
|
525
|
-
icon?: ReactNode;
|
|
526
|
-
render?: () => ReactElement;
|
|
527
527
|
overrides?: Partial<Overrides<UserConfig>>;
|
|
528
528
|
fieldTransforms?: FieldTransforms<UserConfig>;
|
|
529
|
-
mobilePanelHeight?: "toggle" | "min-content";
|
|
530
529
|
};
|
|
531
530
|
type History<D = any> = {
|
|
532
531
|
state: D;
|
|
@@ -644,4 +643,4 @@ type WalkTreeOptions = {
|
|
|
644
643
|
};
|
|
645
644
|
declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
|
|
646
645
|
|
|
647
|
-
export { type
|
|
646
|
+
export { type MappedItem as $, type AppState as A, type ArrayState as B, type Config as C, type DropZoneProps as D, type SlotComponent as E, type Fields as F, type PuckComponent as G, type History as H, type IframeConfig as I, type ComponentConfigExtensions as J, type RootConfig as K, type DefaultComponents as L, type Metadata as M, type ExtractConfigParams as N, type Overrides as O, type Permissions as P, type ConfigParams as Q, type RootDataWithProps as R, type Slot as S, type ComponentConfigParams as T, type UserGenerics as U, type Viewports as V, type WithSlotProps as W, type BaseData as X, type RootDataWithoutProps as Y, type RootData as Z, type ComponentDataOptionalId as _, type ComponentData as a, type ComponentDataMap as a0, type Content as a1, type PuckMetadata as a2, type ComponentMetadata as a3, type FieldMetadata as a4, type BaseField as a5, type TextField as a6, type NumberField as a7, type TextareaField as a8, type SelectField as a9, type RadioField as aa, type ArrayField as ab, type ObjectField as ac, type Adaptor as ad, type ExternalFieldWithAdaptor as ae, type CacheOpts as af, type ExternalField as ag, type CustomFieldRender as ah, type CustomField as ai, type SlotField as aj, type PuckContext as ak, type DefaultRootFieldProps as al, type DefaultRootRenderProps as am, type DefaultRootProps as an, type DefaultComponentProps as ao, type WithId as ap, type WithPuckProps as aq, type AsFieldProps as ar, type WithChildren as as, type ExtractField as at, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type FieldTransforms as g, type Field as h, type FieldProps as i, type Data as j, type OnAction as k, type InitialHistory as l, migrate as m, type ItemSelector as n, type Direction as o, type DragAxis as p, type Viewport as q, resolveAllData as r, type FieldTransformFnParams as s, transformProps as t, type FieldTransformFn as u, overrideKeys as v, walkTree as w, type OverrideKey as x, type FieldRenderFunctions as y, type ItemWithId as z };
|
package/package.json
CHANGED