@measured/puck 0.21.0-canary.2e1b5267 → 0.21.0-canary.304940ae
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-IMW7FUQQ.mjs → chunk-JA7SEUEH.mjs} +14 -14
- package/dist/{chunk-PZ4O44EW.mjs → chunk-QNMNHBNQ.mjs} +1905 -2701
- package/dist/index.css +272 -649
- package/dist/index.d.mts +4 -15
- package/dist/index.d.ts +4 -15
- package/dist/index.js +1967 -2762
- 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 +1964 -2759
- 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 +13 -14
- package/dist/rsc.mjs +1 -1
- package/dist/{walk-tree-Cvtjzg9C.d.mts → walk-tree-BqwnaCVe.d.mts} +65 -64
- package/dist/{walk-tree-Cvtjzg9C.d.ts → walk-tree-BqwnaCVe.d.ts} +65 -64
- package/package.json +1 -1
package/dist/no-external.mjs
CHANGED
|
@@ -11,24 +11,21 @@ import {
|
|
|
11
11
|
Label,
|
|
12
12
|
Puck,
|
|
13
13
|
Render,
|
|
14
|
-
blocksPlugin,
|
|
15
14
|
createUsePuck,
|
|
16
|
-
fieldsPlugin,
|
|
17
|
-
outlinePlugin,
|
|
18
15
|
overrideKeys,
|
|
19
16
|
registerOverlayPortal,
|
|
20
17
|
renderContext,
|
|
21
18
|
setDeep,
|
|
22
19
|
useGetPuck,
|
|
23
20
|
usePuck
|
|
24
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-QNMNHBNQ.mjs";
|
|
25
22
|
import {
|
|
26
23
|
init_react_import,
|
|
27
24
|
migrate,
|
|
28
25
|
resolveAllData,
|
|
29
26
|
transformProps,
|
|
30
27
|
walkTree
|
|
31
|
-
} from "./chunk-
|
|
28
|
+
} from "./chunk-JA7SEUEH.mjs";
|
|
32
29
|
|
|
33
30
|
// bundle/no-external.ts
|
|
34
31
|
init_react_import();
|
|
@@ -45,11 +42,8 @@ export {
|
|
|
45
42
|
Label,
|
|
46
43
|
Puck,
|
|
47
44
|
Render,
|
|
48
|
-
blocksPlugin,
|
|
49
45
|
createUsePuck,
|
|
50
|
-
fieldsPlugin,
|
|
51
46
|
migrate,
|
|
52
|
-
outlinePlugin,
|
|
53
47
|
overrideKeys,
|
|
54
48
|
registerOverlayPortal,
|
|
55
49
|
renderContext,
|
package/dist/rsc.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { C as Config, U as UserGenerics, M as Metadata } from './walk-tree-
|
|
3
|
-
export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-
|
|
2
|
+
import { C as Config, U as UserGenerics, M as Metadata } from './walk-tree-BqwnaCVe.mjs';
|
|
3
|
+
export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BqwnaCVe.mjs';
|
|
4
4
|
import 'react';
|
|
5
5
|
|
|
6
6
|
declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {
|
package/dist/rsc.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { C as Config, U as UserGenerics, M as Metadata } from './walk-tree-
|
|
3
|
-
export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-
|
|
2
|
+
import { C as Config, U as UserGenerics, M as Metadata } from './walk-tree-BqwnaCVe.js';
|
|
3
|
+
export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BqwnaCVe.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
|
|
6
6
|
declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {
|
package/dist/rsc.js
CHANGED
|
@@ -346,8 +346,9 @@ var Item = ({
|
|
|
346
346
|
);
|
|
347
347
|
};
|
|
348
348
|
var SlotRender = (0, import_react3.forwardRef)(
|
|
349
|
-
function SlotRenderInternal({ className, style, content, config, metadata }, ref) {
|
|
350
|
-
|
|
349
|
+
function SlotRenderInternal({ className, style, content, config, metadata, as }, ref) {
|
|
350
|
+
const El = as != null ? as : "div";
|
|
351
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(El, { className, style, ref, children: content.map((item) => {
|
|
351
352
|
if (!config.components[item.type]) {
|
|
352
353
|
return null;
|
|
353
354
|
}
|
|
@@ -474,7 +475,7 @@ var getChanged = (newItem, oldItem) => {
|
|
|
474
475
|
// lib/resolve-component-data.ts
|
|
475
476
|
var import_fast_equals2 = require("fast-equals");
|
|
476
477
|
var cache = { lastChange: {} };
|
|
477
|
-
var resolveComponentData = (_0, _1, ..._2) => __async(
|
|
478
|
+
var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace") {
|
|
478
479
|
const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
|
|
479
480
|
const resolvedItem = __spreadValues({}, item);
|
|
480
481
|
const shouldRunResolver = (configForItem == null ? void 0 : configForItem.resolveData) && item.props;
|
|
@@ -502,11 +503,11 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
|
|
|
502
503
|
let itemWithResolvedChildren = yield mapFields(
|
|
503
504
|
resolvedItem,
|
|
504
505
|
{
|
|
505
|
-
slot: (_02) => __async(
|
|
506
|
+
slot: (_02) => __async(null, [_02], function* ({ value }) {
|
|
506
507
|
const content = value;
|
|
507
508
|
return yield Promise.all(
|
|
508
509
|
content.map(
|
|
509
|
-
(childItem) => __async(
|
|
510
|
+
(childItem) => __async(null, null, function* () {
|
|
510
511
|
return (yield resolveComponentData(
|
|
511
512
|
childItem,
|
|
512
513
|
config,
|
|
@@ -554,7 +555,7 @@ function resolveAllData(_0, _1) {
|
|
|
554
555
|
return __async(this, arguments, function* (data, config, metadata = {}, onResolveStart, onResolveEnd) {
|
|
555
556
|
var _a;
|
|
556
557
|
const defaultedData = defaultData(data);
|
|
557
|
-
const resolveNode = (_node) => __async(
|
|
558
|
+
const resolveNode = (_node) => __async(null, null, function* () {
|
|
558
559
|
const node = toComponent(_node);
|
|
559
560
|
onResolveStart == null ? void 0 : onResolveStart(node);
|
|
560
561
|
const resolved = (yield resolveComponentData(
|
|
@@ -575,13 +576,13 @@ function resolveAllData(_0, _1) {
|
|
|
575
576
|
onResolveEnd == null ? void 0 : onResolveEnd(toComponent(resolvedDeep));
|
|
576
577
|
return resolvedDeep;
|
|
577
578
|
});
|
|
578
|
-
const processContent = (content) => __async(
|
|
579
|
+
const processContent = (content) => __async(null, null, function* () {
|
|
579
580
|
return Promise.all(content.map(resolveNode));
|
|
580
581
|
});
|
|
581
|
-
const processZones = () => __async(
|
|
582
|
+
const processZones = () => __async(null, null, function* () {
|
|
582
583
|
var _a2;
|
|
583
584
|
const zones = (_a2 = data.zones) != null ? _a2 : {};
|
|
584
|
-
Object.entries(zones).forEach((_02) => __async(
|
|
585
|
+
Object.entries(zones).forEach((_02) => __async(null, [_02], function* ([zoneKey, content]) {
|
|
585
586
|
zones[zoneKey] = yield Promise.all(content.map(resolveNode));
|
|
586
587
|
}));
|
|
587
588
|
return zones;
|
|
@@ -591,7 +592,7 @@ function resolveAllData(_0, _1) {
|
|
|
591
592
|
content: yield processContent(defaultedData.content),
|
|
592
593
|
zones: yield processZones()
|
|
593
594
|
};
|
|
594
|
-
Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(
|
|
595
|
+
Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(null, null, function* () {
|
|
595
596
|
const content = defaultedData.zones[zoneKey];
|
|
596
597
|
dynamic.zones[zoneKey] = yield processContent(content);
|
|
597
598
|
}), {});
|
|
@@ -671,8 +672,7 @@ function transformProps(data, propTransforms, config = { components: {} }) {
|
|
|
671
672
|
var defaultViewports = [
|
|
672
673
|
{ width: 360, height: "auto", icon: "Smartphone", label: "Small" },
|
|
673
674
|
{ width: 768, height: "auto", icon: "Tablet", label: "Medium" },
|
|
674
|
-
{ width: 1280, height: "auto", icon: "Monitor", label: "Large" }
|
|
675
|
-
{ width: "100%", height: "auto", icon: "FullWidth", label: "Full-width" }
|
|
675
|
+
{ width: 1280, height: "auto", icon: "Monitor", label: "Large" }
|
|
676
676
|
];
|
|
677
677
|
|
|
678
678
|
// store/default-app-state.ts
|
|
@@ -694,8 +694,7 @@ var defaultAppState = {
|
|
|
694
694
|
options: [],
|
|
695
695
|
controlsVisible: true
|
|
696
696
|
},
|
|
697
|
-
field: { focus: null }
|
|
698
|
-
plugin: { current: null }
|
|
697
|
+
field: { focus: null }
|
|
699
698
|
},
|
|
700
699
|
indexes: {
|
|
701
700
|
nodes: {},
|
package/dist/rsc.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactElement, CSSProperties, ReactNode, JSX } from 'react';
|
|
1
|
+
import { ReactElement, CSSProperties, ElementType, ReactNode, JSX } from 'react';
|
|
2
2
|
|
|
3
3
|
type ItemSelector = {
|
|
4
4
|
index: number;
|
|
@@ -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,17 @@ 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
|
+
key?: string;
|
|
122
|
+
}
|
|
123
|
+
interface SlotField extends BaseField {
|
|
119
124
|
type: "slot";
|
|
120
125
|
allow?: string[];
|
|
121
126
|
disallow?: string[];
|
|
122
|
-
}
|
|
127
|
+
}
|
|
123
128
|
type Field<ValueType = any, UserField extends {} = {}> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<ValueType extends {
|
|
124
129
|
[key: string]: any;
|
|
125
130
|
}[] ? ValueType : never, UserField> | ObjectField<ValueType, UserField> | ExternalField<ValueType> | ExternalFieldWithAdaptor<ValueType> | CustomField<ValueType> | SlotField;
|
|
@@ -144,10 +149,11 @@ type DropZoneProps = {
|
|
|
144
149
|
minEmptyHeight?: number;
|
|
145
150
|
className?: string;
|
|
146
151
|
collisionAxis?: DragAxis;
|
|
152
|
+
as?: ElementType;
|
|
147
153
|
};
|
|
148
154
|
|
|
149
155
|
type PuckContext = {
|
|
150
|
-
renderDropZone: React.
|
|
156
|
+
renderDropZone: (props: DropZoneProps) => React.ReactNode;
|
|
151
157
|
metadata: Metadata;
|
|
152
158
|
isEditing: boolean;
|
|
153
159
|
dragRef: ((element: Element | null) => void) | null;
|
|
@@ -197,6 +203,8 @@ type ResolveDataTrigger = "insert" | "replace" | "load" | "force";
|
|
|
197
203
|
type WithPartialProps<T, Props extends DefaultComponentProps> = Omit<T, "props"> & {
|
|
198
204
|
props?: Partial<Props>;
|
|
199
205
|
};
|
|
206
|
+
interface ComponentConfigExtensions {
|
|
207
|
+
}
|
|
200
208
|
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
209
|
UserField extends BaseField = {}> = {
|
|
202
210
|
render: PuckComponent<RenderProps>;
|
|
@@ -212,7 +220,7 @@ UserField extends BaseField = {}> = {
|
|
|
212
220
|
fields: Fields<FieldProps>;
|
|
213
221
|
lastFields: Fields<FieldProps>;
|
|
214
222
|
lastData: DataShape | null;
|
|
215
|
-
metadata:
|
|
223
|
+
metadata: ComponentMetadata;
|
|
216
224
|
appState: AppState;
|
|
217
225
|
parent: ComponentData | null;
|
|
218
226
|
}) => Promise<Fields<FieldProps>> | Fields<FieldProps>;
|
|
@@ -221,7 +229,7 @@ UserField extends BaseField = {}> = {
|
|
|
221
229
|
id: string;
|
|
222
230
|
}>;
|
|
223
231
|
lastData: DataShape | null;
|
|
224
|
-
metadata:
|
|
232
|
+
metadata: ComponentMetadata;
|
|
225
233
|
trigger: ResolveDataTrigger;
|
|
226
234
|
}) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
|
|
227
235
|
resolvePermissions?: (data: DataShape, params: {
|
|
@@ -233,8 +241,8 @@ UserField extends BaseField = {}> = {
|
|
|
233
241
|
appState: AppState;
|
|
234
242
|
lastData: DataShape | null;
|
|
235
243
|
}) => Promise<Partial<Permissions>> | Partial<Permissions>;
|
|
236
|
-
metadata?:
|
|
237
|
-
};
|
|
244
|
+
metadata?: ComponentMetadata;
|
|
245
|
+
} & ComponentConfigExtensions;
|
|
238
246
|
type ComponentConfig<RenderPropsOrParams extends LeftOrExactRight<RenderPropsOrParams, DefaultComponentProps, ComponentConfigParams> = DefaultComponentProps, FieldProps extends DefaultComponentProps = RenderPropsOrParams extends {
|
|
239
247
|
props: any;
|
|
240
248
|
} ? 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 +273,16 @@ type ExtractConfigParams<UserConfig extends ConfigInternal> = UserConfig extends
|
|
|
265
273
|
type: string;
|
|
266
274
|
} ? UserField : Field;
|
|
267
275
|
} : never;
|
|
276
|
+
type ConfigParams<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = any, CategoryNames extends string[] = string[], UserFields extends FieldsExtension = FieldsExtension> = {
|
|
277
|
+
components?: Components;
|
|
278
|
+
root?: RootProps;
|
|
279
|
+
categories?: CategoryNames;
|
|
280
|
+
fields?: AssertHasValue<UserFields>;
|
|
281
|
+
};
|
|
282
|
+
type ComponentConfigParams<Props extends DefaultComponentProps = DefaultComponentProps, UserFields extends FieldsExtension = never> = {
|
|
283
|
+
props: Props;
|
|
284
|
+
fields?: AssertHasValue<UserFields>;
|
|
285
|
+
};
|
|
268
286
|
|
|
269
287
|
type BaseData<Props extends {
|
|
270
288
|
[key: string]: any;
|
|
@@ -305,11 +323,16 @@ type Data<Components extends DefaultComponents = DefaultComponents, RootProps ex
|
|
|
305
323
|
type Metadata = {
|
|
306
324
|
[key: string]: any;
|
|
307
325
|
};
|
|
326
|
+
interface PuckMetadata extends Metadata {
|
|
327
|
+
}
|
|
328
|
+
interface ComponentMetadata extends PuckMetadata {
|
|
329
|
+
}
|
|
330
|
+
interface FieldMetadata extends Metadata {
|
|
331
|
+
}
|
|
308
332
|
|
|
309
333
|
type ItemWithId = {
|
|
310
334
|
_arrayId: string;
|
|
311
335
|
_originalIndex: number;
|
|
312
|
-
_currentIndex: number;
|
|
313
336
|
};
|
|
314
337
|
type ArrayState = {
|
|
315
338
|
items: ItemWithId[];
|
|
@@ -320,7 +343,6 @@ type UiState = {
|
|
|
320
343
|
rightSideBarVisible: boolean;
|
|
321
344
|
leftSideBarWidth?: number | null;
|
|
322
345
|
rightSideBarWidth?: number | null;
|
|
323
|
-
mobilePanelExpanded?: boolean;
|
|
324
346
|
itemSelector: ItemSelector | null;
|
|
325
347
|
arrayState: Record<string, ArrayState | undefined>;
|
|
326
348
|
previewMode: "interactive" | "edit";
|
|
@@ -333,7 +355,7 @@ type UiState = {
|
|
|
333
355
|
isDragging: boolean;
|
|
334
356
|
viewports: {
|
|
335
357
|
current: {
|
|
336
|
-
width: number
|
|
358
|
+
width: number;
|
|
337
359
|
height: number | "auto";
|
|
338
360
|
};
|
|
339
361
|
controlsVisible: boolean;
|
|
@@ -342,9 +364,6 @@ type UiState = {
|
|
|
342
364
|
field: {
|
|
343
365
|
focus?: string | null;
|
|
344
366
|
};
|
|
345
|
-
plugin: {
|
|
346
|
-
current: string | null;
|
|
347
|
-
};
|
|
348
367
|
};
|
|
349
368
|
type AppState<UserData extends Data = Data> = {
|
|
350
369
|
data: UserData;
|
|
@@ -378,34 +397,16 @@ type BuiltinTypes = Date | RegExp | Error | Function | symbol | null | undefined
|
|
|
378
397
|
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
398
|
[K in keyof T]: WithDeepSlots<T[K], SlotType>;
|
|
380
399
|
} : 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
400
|
type FieldsExtension = {
|
|
388
401
|
[Type in string]: {
|
|
389
402
|
type: Type;
|
|
390
403
|
};
|
|
391
404
|
};
|
|
392
|
-
type ComponentConfigParams<Props extends DefaultComponentProps = DefaultComponentProps, UserFields extends FieldsExtension = never> = {
|
|
393
|
-
props: Props;
|
|
394
|
-
fields?: AssertHasValue<UserFields>;
|
|
395
|
-
};
|
|
396
405
|
type Exact<T, Target> = Record<Exclude<keyof T, keyof Target>, never>;
|
|
397
406
|
type LeftOrExactRight<Union, Left, Right> = (Left & Union extends Right ? Exact<Union, Right> : Left) | (Right & Exact<Union, Right>);
|
|
398
407
|
type AssertHasValue<T, True = T, False = never> = [keyof T] extends [
|
|
399
408
|
never
|
|
400
409
|
] ? 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
410
|
|
|
410
411
|
type MapFnParams<ThisField = Field> = {
|
|
411
412
|
value: any;
|
|
@@ -429,6 +430,11 @@ G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends
|
|
|
429
430
|
[Type in UserField["type"]]: FieldTransformFn<ExtractField<UserField, Type>>;
|
|
430
431
|
}>;
|
|
431
432
|
|
|
433
|
+
type RenderFunc<Props extends {
|
|
434
|
+
[key: string]: any;
|
|
435
|
+
} = {
|
|
436
|
+
children: ReactNode;
|
|
437
|
+
}> = (props: Props) => ReactElement;
|
|
432
438
|
declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
|
|
433
439
|
type OverrideKey = (typeof overrideKeys)[number];
|
|
434
440
|
type OverridesGeneric<Shape extends {
|
|
@@ -500,7 +506,7 @@ type DragAxis = "dynamic" | "y" | "x";
|
|
|
500
506
|
|
|
501
507
|
type iconTypes = "Smartphone" | "Monitor" | "Tablet";
|
|
502
508
|
type Viewport = {
|
|
503
|
-
width: number
|
|
509
|
+
width: number;
|
|
504
510
|
height?: number | "auto";
|
|
505
511
|
label?: string;
|
|
506
512
|
icon?: iconTypes | ReactNode;
|
|
@@ -520,13 +526,8 @@ type IframeConfig = {
|
|
|
520
526
|
};
|
|
521
527
|
type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
|
|
522
528
|
type Plugin<UserConfig extends Config = Config> = {
|
|
523
|
-
name?: string;
|
|
524
|
-
label?: string;
|
|
525
|
-
icon?: ReactNode;
|
|
526
|
-
render?: () => ReactElement;
|
|
527
529
|
overrides?: Partial<Overrides<UserConfig>>;
|
|
528
530
|
fieldTransforms?: FieldTransforms<UserConfig>;
|
|
529
|
-
mobilePanelHeight?: "toggle" | "min-content";
|
|
530
531
|
};
|
|
531
532
|
type History<D = any> = {
|
|
532
533
|
state: D;
|
|
@@ -644,4 +645,4 @@ type WalkTreeOptions = {
|
|
|
644
645
|
};
|
|
645
646
|
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
647
|
|
|
647
|
-
export { type
|
|
648
|
+
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 };
|