@measured/puck 0.21.0-canary.8db6528d → 0.21.0-canary.a1b03d38
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/Editor-F2LSS6SE.css +403 -0
- package/dist/Editor-O447AVCX.mjs +204 -0
- package/dist/Render-OFE6QLI2.mjs +55 -0
- package/dist/Render-QEMDIDQC.css +101 -0
- package/dist/{walk-tree-Cvtjzg9C.d.mts → actions-CJibIB0m.d.mts} +271 -95
- package/dist/{walk-tree-Cvtjzg9C.d.ts → actions-CJibIB0m.d.ts} +271 -95
- package/dist/chunk-2Q4PACDA.mjs +111 -0
- package/dist/chunk-62AAYNXG.mjs +63 -0
- package/dist/chunk-BSDEIOEK.mjs +706 -0
- package/dist/chunk-CSSRLPHM.mjs +11 -0
- package/dist/chunk-DAQLMM2T.mjs +1722 -0
- package/dist/chunk-M6W7YEVX.mjs +95 -0
- package/dist/chunk-NLUHDYVR.mjs +416 -0
- package/dist/chunk-PLXSMBAA.mjs +53 -0
- package/dist/chunk-QAWJTCV5.mjs +33 -0
- package/dist/chunk-QBGM4ELA.mjs +528 -0
- package/dist/chunk-T3WX7XJ6.mjs +132 -0
- package/dist/chunk-V5I7CVLT.mjs +103 -0
- package/dist/chunk-Y2EFNT5P.mjs +108 -0
- package/dist/chunk-Y656T6AQ.mjs +419 -0
- package/dist/{chunk-6B7427RN.mjs → chunk-Z476VA6G.mjs} +5903 -8366
- package/dist/full-2GJTAAZE.css +301 -0
- package/dist/full-BEMDJKDS.mjs +93 -0
- package/dist/index-Bss1jupB.d.ts +116 -0
- package/dist/index-DOcD_H3b.d.mts +116 -0
- package/dist/index.css +640 -761
- package/dist/index.d.mts +96 -124
- package/dist/index.d.ts +96 -124
- package/dist/index.js +8045 -5519
- package/dist/index.mjs +28 -15
- package/dist/internal.d.mts +27 -0
- package/dist/internal.d.ts +27 -0
- package/dist/internal.js +908 -0
- package/dist/internal.mjs +13 -0
- package/dist/loaded-JU3A7Y4L.mjs +57 -0
- package/dist/loaded-N3FYGF2Y.mjs +57 -0
- package/dist/loaded-OBY7OMS6.mjs +60 -0
- package/dist/loaded-RVWBFK7L.css +87 -0
- package/dist/no-external.css +640 -761
- package/dist/no-external.d.mts +19 -2
- package/dist/no-external.d.ts +19 -2
- package/dist/no-external.js +8040 -5514
- package/dist/no-external.mjs +28 -15
- package/dist/rsc.css +101 -0
- package/dist/rsc.d.mts +17 -2
- package/dist/rsc.d.ts +17 -2
- package/dist/rsc.js +437 -57
- package/dist/rsc.mjs +18 -9
- package/dist/walk-tree-BL55zQ9b.d.ts +29 -0
- package/dist/walk-tree-BYuI81Ik.d.mts +29 -0
- package/package.json +31 -4
- package/dist/chunk-Z3QSQFNS.mjs +0 -971
package/dist/index.d.mts
CHANGED
|
@@ -1,123 +1,37 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
1
|
+
import { p as Field, q as FieldProps, r as DropZoneProps, C as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, a as PuckAction, V as Viewports, I as IframeConfig, s as InitialHistory, M as Metadata, t as ItemSelector, c as ComponentData } from './actions-CJibIB0m.mjs';
|
|
2
|
+
export { af as Adaptor, A as AppState, ad as ArrayField, L as ArrayState, aq as AsFieldProps, $ as BaseData, a7 as BaseField, ah as CacheOpts, m as ComponentConfig, T as ComponentConfigExtensions, _ as ComponentConfigParams, a3 as ComponentDataMap, a1 as ComponentDataOptionalId, a5 as ComponentMetadata, Z as ConfigParams, b as Content, ak as CustomField, aj as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, ao as DefaultRootProps, an as DefaultRootRenderProps, w as Direction, x as DragAxis, ai as ExternalField, ag as ExternalFieldWithAdaptor, Y as ExtractConfigParams, as as ExtractField, a6 as FieldMetadata, J as FieldRenderFunctions, B as FieldTransformFn, z as FieldTransformFnParams, F as Fields, H as History, K as ItemWithId, a2 as MappedItem, a9 as NumberField, ae as ObjectField, G as OverrideKey, Q as PuckComponent, am as PuckContext, a4 as PuckMetadata, ac as RadioField, i as ResolveDataTrigger, v as RichText, o as RichtextField, X as RootConfig, R as RootData, h as RootDataWithProps, a0 as RootDataWithoutProps, ab as SelectField, S as Slot, N as SlotComponent, al as SlotField, a8 as TextField, aa as TextareaField, y as Viewport, ar as WithChildren, W as WithId, ap as WithPuckProps, u as WithSlotProps, E as overrideKeys } from './actions-CJibIB0m.mjs';
|
|
3
|
+
export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BYuI81Ik.mjs';
|
|
3
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
5
|
import * as react from 'react';
|
|
5
|
-
import react__default, { ReactNode, SyntheticEvent, ReactElement
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
type NodeMethods = {
|
|
24
|
-
sync: () => void;
|
|
25
|
-
hideOverlay: () => void;
|
|
26
|
-
showOverlay: () => void;
|
|
27
|
-
};
|
|
28
|
-
type PuckNodeInstance = {
|
|
29
|
-
id: string;
|
|
30
|
-
methods: NodeMethods;
|
|
31
|
-
element: HTMLElement | null;
|
|
32
|
-
};
|
|
33
|
-
type NodesSlice = {
|
|
34
|
-
nodes: Record<string, PuckNodeInstance | undefined>;
|
|
35
|
-
registerNode: (id: string, node: Partial<PuckNodeInstance>) => void;
|
|
36
|
-
unregisterNode: (id: string, node?: Partial<PuckNodeInstance>) => void;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
|
|
40
|
-
item?: G["UserComponentData"] | null;
|
|
41
|
-
type?: keyof G["UserProps"];
|
|
42
|
-
root?: boolean;
|
|
43
|
-
};
|
|
44
|
-
type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Permissions;
|
|
45
|
-
type ResolvePermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
|
|
46
|
-
type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
|
|
47
|
-
type Cache = Record<string, {
|
|
48
|
-
lastPermissions: Partial<Permissions>;
|
|
49
|
-
lastData: ComponentData | null;
|
|
50
|
-
}>;
|
|
51
|
-
type PermissionsSlice = {
|
|
52
|
-
cache: Cache;
|
|
53
|
-
globalPermissions: Permissions;
|
|
54
|
-
resolvedPermissions: Record<string, Partial<Permissions> | undefined>;
|
|
55
|
-
getPermissions: GetPermissions<Config>;
|
|
56
|
-
resolvePermissions: ResolvePermissions<Config>;
|
|
57
|
-
refreshPermissions: RefreshPermissions<Config>;
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
type ComponentOrRootData = Omit<ComponentData<any>, "type">;
|
|
61
|
-
type FieldsSlice = {
|
|
62
|
-
fields: Fields | Partial<Fields>;
|
|
63
|
-
loading: boolean;
|
|
64
|
-
lastResolvedData: Partial<ComponentOrRootData>;
|
|
65
|
-
id: string | undefined;
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
type Status = "LOADING" | "MOUNTED" | "READY";
|
|
69
|
-
type ZoomConfig = {
|
|
70
|
-
autoZoom: number;
|
|
71
|
-
rootHeight: number;
|
|
72
|
-
zoom: number;
|
|
73
|
-
};
|
|
74
|
-
type ComponentState = Record<string, {
|
|
75
|
-
loadingCount: number;
|
|
76
|
-
}>;
|
|
77
|
-
type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
|
|
78
|
-
instanceId: string;
|
|
79
|
-
state: G["UserAppState"];
|
|
80
|
-
dispatch: (action: PuckAction) => void;
|
|
81
|
-
config: UserConfig;
|
|
82
|
-
componentState: ComponentState;
|
|
83
|
-
setComponentState: (componentState: ComponentState) => void;
|
|
84
|
-
setComponentLoading: (id: string, loading?: boolean, defer?: number) => () => void;
|
|
85
|
-
unsetComponentLoading: (id: string) => void;
|
|
86
|
-
pendingLoadTimeouts: Record<string, NodeJS.Timeout>;
|
|
87
|
-
resolveComponentData: <T extends ComponentData | RootDataWithProps>(componentData: T, trigger: ResolveDataTrigger) => Promise<{
|
|
88
|
-
node: T;
|
|
89
|
-
didChange: boolean;
|
|
90
|
-
}>;
|
|
91
|
-
resolveAndCommitData: () => void;
|
|
92
|
-
plugins: Plugin[];
|
|
93
|
-
overrides: Partial<Overrides>;
|
|
94
|
-
viewports: Viewports;
|
|
95
|
-
zoomConfig: ZoomConfig;
|
|
96
|
-
setZoomConfig: (zoomConfig: ZoomConfig) => void;
|
|
97
|
-
status: Status;
|
|
98
|
-
setStatus: (status: Status) => void;
|
|
99
|
-
iframe: IframeConfig;
|
|
100
|
-
selectedItem?: G["UserData"]["content"][0] | null;
|
|
101
|
-
setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
|
|
102
|
-
getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
|
|
103
|
-
onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;
|
|
104
|
-
metadata: Metadata;
|
|
105
|
-
fields: FieldsSlice;
|
|
106
|
-
history: HistorySlice;
|
|
107
|
-
nodes: NodesSlice;
|
|
108
|
-
permissions: PermissionsSlice;
|
|
109
|
-
fieldTransforms: FieldTransforms;
|
|
110
|
-
};
|
|
6
|
+
import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
|
|
7
|
+
import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-DOcD_H3b.mjs';
|
|
8
|
+
import '@tiptap/react';
|
|
9
|
+
import '@tiptap/extension-blockquote';
|
|
10
|
+
import '@tiptap/extension-bold';
|
|
11
|
+
import '@tiptap/extension-code';
|
|
12
|
+
import '@tiptap/extension-code-block';
|
|
13
|
+
import '@tiptap/extension-hard-break';
|
|
14
|
+
import '@tiptap/extension-heading';
|
|
15
|
+
import '@tiptap/extension-horizontal-rule';
|
|
16
|
+
import '@tiptap/extension-italic';
|
|
17
|
+
import '@tiptap/extension-link';
|
|
18
|
+
import '@tiptap/extension-list';
|
|
19
|
+
import '@tiptap/extension-paragraph';
|
|
20
|
+
import '@tiptap/extension-strike';
|
|
21
|
+
import '@tiptap/extension-text-align';
|
|
22
|
+
import '@tiptap/extension-underline';
|
|
111
23
|
|
|
112
24
|
declare const ActionBar: {
|
|
113
25
|
({ label, children, }: {
|
|
114
26
|
label?: string;
|
|
115
27
|
children?: ReactNode;
|
|
116
28
|
}): react_jsx_runtime.JSX.Element;
|
|
117
|
-
Action: ({ children, label, onClick, }: {
|
|
29
|
+
Action: ({ children, label, onClick, active, disabled, }: {
|
|
118
30
|
children: ReactNode;
|
|
119
31
|
label?: string;
|
|
120
32
|
onClick: (e: SyntheticEvent) => void;
|
|
33
|
+
active?: boolean;
|
|
34
|
+
disabled?: boolean;
|
|
121
35
|
}) => react_jsx_runtime.JSX.Element;
|
|
122
36
|
Label: ({ label }: {
|
|
123
37
|
label: string;
|
|
@@ -125,11 +39,14 @@ declare const ActionBar: {
|
|
|
125
39
|
Group: ({ children }: {
|
|
126
40
|
children: ReactNode;
|
|
127
41
|
}) => react_jsx_runtime.JSX.Element;
|
|
42
|
+
Separator: () => react_jsx_runtime.JSX.Element;
|
|
128
43
|
};
|
|
129
|
-
declare const Action: ({ children, label, onClick, }: {
|
|
44
|
+
declare const Action: ({ children, label, onClick, active, disabled, }: {
|
|
130
45
|
children: ReactNode;
|
|
131
46
|
label?: string;
|
|
132
47
|
onClick: (e: SyntheticEvent) => void;
|
|
48
|
+
active?: boolean;
|
|
49
|
+
disabled?: boolean;
|
|
133
50
|
}) => react_jsx_runtime.JSX.Element;
|
|
134
51
|
declare const Group: ({ children }: {
|
|
135
52
|
children: ReactNode;
|
|
@@ -137,6 +54,7 @@ declare const Group: ({ children }: {
|
|
|
137
54
|
declare const Label: ({ label }: {
|
|
138
55
|
label: string;
|
|
139
56
|
}) => react_jsx_runtime.JSX.Element;
|
|
57
|
+
declare const Separator: () => react_jsx_runtime.JSX.Element;
|
|
140
58
|
|
|
141
59
|
declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
|
|
142
60
|
children?: ReactNode;
|
|
@@ -183,13 +101,13 @@ declare const Drawer: {
|
|
|
183
101
|
}) => react_jsx_runtime.JSX.Element;
|
|
184
102
|
};
|
|
185
103
|
|
|
186
|
-
declare const DropZone: react.ForwardRefExoticComponent<DropZoneProps & react.RefAttributes<HTMLDivElement>>;
|
|
104
|
+
declare const DropZone: react.ForwardRefExoticComponent<Omit<DropZoneProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
187
105
|
|
|
188
|
-
declare const IconButton: ({ children, href, onClick,
|
|
106
|
+
declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, }: {
|
|
107
|
+
active?: boolean;
|
|
189
108
|
children: ReactNode;
|
|
190
109
|
href?: string;
|
|
191
110
|
onClick?: (e: SyntheticEvent) => void | Promise<void>;
|
|
192
|
-
variant?: "primary" | "secondary";
|
|
193
111
|
type?: "button" | "submit" | "reset";
|
|
194
112
|
disabled?: boolean;
|
|
195
113
|
tabIndex?: number;
|
|
@@ -228,8 +146,6 @@ type PuckProps<UserConfig extends Config = Config, G extends UserGenerics<UserCo
|
|
|
228
146
|
};
|
|
229
147
|
initialHistory?: InitialHistory;
|
|
230
148
|
metadata?: Metadata;
|
|
231
|
-
height?: CSSProperties["height"];
|
|
232
|
-
_experimentalFullScreenCanvas?: boolean;
|
|
233
149
|
};
|
|
234
150
|
declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: PuckProps<UserConfig>): react_jsx_runtime.JSX.Element;
|
|
235
151
|
declare namespace Puck {
|
|
@@ -254,6 +170,69 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
|
|
|
254
170
|
metadata?: Metadata;
|
|
255
171
|
}): react_jsx_runtime.JSX.Element;
|
|
256
172
|
|
|
173
|
+
declare function AlignLeft(): react_jsx_runtime.JSX.Element;
|
|
174
|
+
|
|
175
|
+
declare function AlignCenter(): react_jsx_runtime.JSX.Element;
|
|
176
|
+
|
|
177
|
+
declare function AlignRight(): react_jsx_runtime.JSX.Element;
|
|
178
|
+
|
|
179
|
+
declare function AlignJustify(): react_jsx_runtime.JSX.Element;
|
|
180
|
+
|
|
181
|
+
declare function Bold(): react_jsx_runtime.JSX.Element;
|
|
182
|
+
|
|
183
|
+
declare function Italic(): react_jsx_runtime.JSX.Element;
|
|
184
|
+
|
|
185
|
+
declare function Underline(): react_jsx_runtime.JSX.Element;
|
|
186
|
+
|
|
187
|
+
declare function Strikethrough(): react_jsx_runtime.JSX.Element;
|
|
188
|
+
|
|
189
|
+
declare function InlineCode(): react_jsx_runtime.JSX.Element;
|
|
190
|
+
|
|
191
|
+
declare function BulletList(): react_jsx_runtime.JSX.Element;
|
|
192
|
+
|
|
193
|
+
declare function OrderedList(): react_jsx_runtime.JSX.Element;
|
|
194
|
+
|
|
195
|
+
declare function CodeBlock(): react_jsx_runtime.JSX.Element;
|
|
196
|
+
|
|
197
|
+
declare function Blockquote(): react_jsx_runtime.JSX.Element;
|
|
198
|
+
|
|
199
|
+
declare function HorizontalRule(): react_jsx_runtime.JSX.Element;
|
|
200
|
+
|
|
201
|
+
declare function Control({ icon, disabled, active, onClick, title, }: {
|
|
202
|
+
icon: ReactNode;
|
|
203
|
+
disabled?: boolean;
|
|
204
|
+
active?: boolean;
|
|
205
|
+
onClick: (e: SyntheticEvent) => any;
|
|
206
|
+
title: string;
|
|
207
|
+
}): react_jsx_runtime.JSX.Element;
|
|
208
|
+
|
|
209
|
+
declare const RichTextMenu: {
|
|
210
|
+
({ children }: {
|
|
211
|
+
children: ReactNode;
|
|
212
|
+
}): react_jsx_runtime.JSX.Element;
|
|
213
|
+
Group: ({ children }: {
|
|
214
|
+
children: ReactNode;
|
|
215
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
216
|
+
Control: typeof Control;
|
|
217
|
+
AlignCenter: typeof AlignCenter;
|
|
218
|
+
AlignJustify: typeof AlignJustify;
|
|
219
|
+
AlignLeft: typeof AlignLeft;
|
|
220
|
+
AlignRight: typeof AlignRight;
|
|
221
|
+
AlignSelect: () => react_jsx_runtime.JSX.Element;
|
|
222
|
+
Blockquote: typeof Blockquote;
|
|
223
|
+
Bold: typeof Bold;
|
|
224
|
+
BulletList: typeof BulletList;
|
|
225
|
+
CodeBlock: typeof CodeBlock;
|
|
226
|
+
HeadingSelect: () => react_jsx_runtime.JSX.Element;
|
|
227
|
+
HorizontalRule: typeof HorizontalRule;
|
|
228
|
+
InlineCode: typeof InlineCode;
|
|
229
|
+
Italic: typeof Italic;
|
|
230
|
+
ListSelect: () => react_jsx_runtime.JSX.Element;
|
|
231
|
+
OrderedList: typeof OrderedList;
|
|
232
|
+
Strikethrough: typeof Strikethrough;
|
|
233
|
+
Underline: typeof Underline;
|
|
234
|
+
};
|
|
235
|
+
|
|
257
236
|
declare const registerOverlayPortal: (el: HTMLElement | null | undefined, opts?: {
|
|
258
237
|
disableDrag?: boolean;
|
|
259
238
|
disableDragOnFocus?: boolean;
|
|
@@ -274,6 +253,7 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
|
|
|
274
253
|
getItemBySelector: (selector: ItemSelector) => G["UserComponentData"] | undefined;
|
|
275
254
|
getItemById: (id: string) => G["UserComponentData"] | undefined;
|
|
276
255
|
getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
|
|
256
|
+
getParentById: (id: string) => ComponentData | undefined;
|
|
277
257
|
history: {
|
|
278
258
|
back: HistorySlice["back"];
|
|
279
259
|
forward: HistorySlice["forward"];
|
|
@@ -305,12 +285,4 @@ declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<Use
|
|
|
305
285
|
*/
|
|
306
286
|
declare function useGetPuck(): () => UsePuckStore<Config>;
|
|
307
287
|
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
declare const fieldsPlugin: (params?: {
|
|
311
|
-
mobileOnly?: boolean;
|
|
312
|
-
}) => PluginInternal;
|
|
313
|
-
|
|
314
|
-
declare const outlinePlugin: () => Plugin;
|
|
315
|
-
|
|
316
|
-
export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, blocksPlugin, createUsePuck, fieldsPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
|
|
288
|
+
export { Action, ActionBar, AutoField, Button, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, RichTextMenu, Separator, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,123 +1,37 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
1
|
+
import { p as Field, q as FieldProps, r as DropZoneProps, C as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, a as PuckAction, V as Viewports, I as IframeConfig, s as InitialHistory, M as Metadata, t as ItemSelector, c as ComponentData } from './actions-CJibIB0m.js';
|
|
2
|
+
export { af as Adaptor, A as AppState, ad as ArrayField, L as ArrayState, aq as AsFieldProps, $ as BaseData, a7 as BaseField, ah as CacheOpts, m as ComponentConfig, T as ComponentConfigExtensions, _ as ComponentConfigParams, a3 as ComponentDataMap, a1 as ComponentDataOptionalId, a5 as ComponentMetadata, Z as ConfigParams, b as Content, ak as CustomField, aj as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, ao as DefaultRootProps, an as DefaultRootRenderProps, w as Direction, x as DragAxis, ai as ExternalField, ag as ExternalFieldWithAdaptor, Y as ExtractConfigParams, as as ExtractField, a6 as FieldMetadata, J as FieldRenderFunctions, B as FieldTransformFn, z as FieldTransformFnParams, F as Fields, H as History, K as ItemWithId, a2 as MappedItem, a9 as NumberField, ae as ObjectField, G as OverrideKey, Q as PuckComponent, am as PuckContext, a4 as PuckMetadata, ac as RadioField, i as ResolveDataTrigger, v as RichText, o as RichtextField, X as RootConfig, R as RootData, h as RootDataWithProps, a0 as RootDataWithoutProps, ab as SelectField, S as Slot, N as SlotComponent, al as SlotField, a8 as TextField, aa as TextareaField, y as Viewport, ar as WithChildren, W as WithId, ap as WithPuckProps, u as WithSlotProps, E as overrideKeys } from './actions-CJibIB0m.js';
|
|
3
|
+
export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BL55zQ9b.js';
|
|
3
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
5
|
import * as react from 'react';
|
|
5
|
-
import react__default, { ReactNode, SyntheticEvent, ReactElement
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
type NodeMethods = {
|
|
24
|
-
sync: () => void;
|
|
25
|
-
hideOverlay: () => void;
|
|
26
|
-
showOverlay: () => void;
|
|
27
|
-
};
|
|
28
|
-
type PuckNodeInstance = {
|
|
29
|
-
id: string;
|
|
30
|
-
methods: NodeMethods;
|
|
31
|
-
element: HTMLElement | null;
|
|
32
|
-
};
|
|
33
|
-
type NodesSlice = {
|
|
34
|
-
nodes: Record<string, PuckNodeInstance | undefined>;
|
|
35
|
-
registerNode: (id: string, node: Partial<PuckNodeInstance>) => void;
|
|
36
|
-
unregisterNode: (id: string, node?: Partial<PuckNodeInstance>) => void;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
|
|
40
|
-
item?: G["UserComponentData"] | null;
|
|
41
|
-
type?: keyof G["UserProps"];
|
|
42
|
-
root?: boolean;
|
|
43
|
-
};
|
|
44
|
-
type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Permissions;
|
|
45
|
-
type ResolvePermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
|
|
46
|
-
type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
|
|
47
|
-
type Cache = Record<string, {
|
|
48
|
-
lastPermissions: Partial<Permissions>;
|
|
49
|
-
lastData: ComponentData | null;
|
|
50
|
-
}>;
|
|
51
|
-
type PermissionsSlice = {
|
|
52
|
-
cache: Cache;
|
|
53
|
-
globalPermissions: Permissions;
|
|
54
|
-
resolvedPermissions: Record<string, Partial<Permissions> | undefined>;
|
|
55
|
-
getPermissions: GetPermissions<Config>;
|
|
56
|
-
resolvePermissions: ResolvePermissions<Config>;
|
|
57
|
-
refreshPermissions: RefreshPermissions<Config>;
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
type ComponentOrRootData = Omit<ComponentData<any>, "type">;
|
|
61
|
-
type FieldsSlice = {
|
|
62
|
-
fields: Fields | Partial<Fields>;
|
|
63
|
-
loading: boolean;
|
|
64
|
-
lastResolvedData: Partial<ComponentOrRootData>;
|
|
65
|
-
id: string | undefined;
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
type Status = "LOADING" | "MOUNTED" | "READY";
|
|
69
|
-
type ZoomConfig = {
|
|
70
|
-
autoZoom: number;
|
|
71
|
-
rootHeight: number;
|
|
72
|
-
zoom: number;
|
|
73
|
-
};
|
|
74
|
-
type ComponentState = Record<string, {
|
|
75
|
-
loadingCount: number;
|
|
76
|
-
}>;
|
|
77
|
-
type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
|
|
78
|
-
instanceId: string;
|
|
79
|
-
state: G["UserAppState"];
|
|
80
|
-
dispatch: (action: PuckAction) => void;
|
|
81
|
-
config: UserConfig;
|
|
82
|
-
componentState: ComponentState;
|
|
83
|
-
setComponentState: (componentState: ComponentState) => void;
|
|
84
|
-
setComponentLoading: (id: string, loading?: boolean, defer?: number) => () => void;
|
|
85
|
-
unsetComponentLoading: (id: string) => void;
|
|
86
|
-
pendingLoadTimeouts: Record<string, NodeJS.Timeout>;
|
|
87
|
-
resolveComponentData: <T extends ComponentData | RootDataWithProps>(componentData: T, trigger: ResolveDataTrigger) => Promise<{
|
|
88
|
-
node: T;
|
|
89
|
-
didChange: boolean;
|
|
90
|
-
}>;
|
|
91
|
-
resolveAndCommitData: () => void;
|
|
92
|
-
plugins: Plugin[];
|
|
93
|
-
overrides: Partial<Overrides>;
|
|
94
|
-
viewports: Viewports;
|
|
95
|
-
zoomConfig: ZoomConfig;
|
|
96
|
-
setZoomConfig: (zoomConfig: ZoomConfig) => void;
|
|
97
|
-
status: Status;
|
|
98
|
-
setStatus: (status: Status) => void;
|
|
99
|
-
iframe: IframeConfig;
|
|
100
|
-
selectedItem?: G["UserData"]["content"][0] | null;
|
|
101
|
-
setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
|
|
102
|
-
getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
|
|
103
|
-
onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;
|
|
104
|
-
metadata: Metadata;
|
|
105
|
-
fields: FieldsSlice;
|
|
106
|
-
history: HistorySlice;
|
|
107
|
-
nodes: NodesSlice;
|
|
108
|
-
permissions: PermissionsSlice;
|
|
109
|
-
fieldTransforms: FieldTransforms;
|
|
110
|
-
};
|
|
6
|
+
import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
|
|
7
|
+
import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-Bss1jupB.js';
|
|
8
|
+
import '@tiptap/react';
|
|
9
|
+
import '@tiptap/extension-blockquote';
|
|
10
|
+
import '@tiptap/extension-bold';
|
|
11
|
+
import '@tiptap/extension-code';
|
|
12
|
+
import '@tiptap/extension-code-block';
|
|
13
|
+
import '@tiptap/extension-hard-break';
|
|
14
|
+
import '@tiptap/extension-heading';
|
|
15
|
+
import '@tiptap/extension-horizontal-rule';
|
|
16
|
+
import '@tiptap/extension-italic';
|
|
17
|
+
import '@tiptap/extension-link';
|
|
18
|
+
import '@tiptap/extension-list';
|
|
19
|
+
import '@tiptap/extension-paragraph';
|
|
20
|
+
import '@tiptap/extension-strike';
|
|
21
|
+
import '@tiptap/extension-text-align';
|
|
22
|
+
import '@tiptap/extension-underline';
|
|
111
23
|
|
|
112
24
|
declare const ActionBar: {
|
|
113
25
|
({ label, children, }: {
|
|
114
26
|
label?: string;
|
|
115
27
|
children?: ReactNode;
|
|
116
28
|
}): react_jsx_runtime.JSX.Element;
|
|
117
|
-
Action: ({ children, label, onClick, }: {
|
|
29
|
+
Action: ({ children, label, onClick, active, disabled, }: {
|
|
118
30
|
children: ReactNode;
|
|
119
31
|
label?: string;
|
|
120
32
|
onClick: (e: SyntheticEvent) => void;
|
|
33
|
+
active?: boolean;
|
|
34
|
+
disabled?: boolean;
|
|
121
35
|
}) => react_jsx_runtime.JSX.Element;
|
|
122
36
|
Label: ({ label }: {
|
|
123
37
|
label: string;
|
|
@@ -125,11 +39,14 @@ declare const ActionBar: {
|
|
|
125
39
|
Group: ({ children }: {
|
|
126
40
|
children: ReactNode;
|
|
127
41
|
}) => react_jsx_runtime.JSX.Element;
|
|
42
|
+
Separator: () => react_jsx_runtime.JSX.Element;
|
|
128
43
|
};
|
|
129
|
-
declare const Action: ({ children, label, onClick, }: {
|
|
44
|
+
declare const Action: ({ children, label, onClick, active, disabled, }: {
|
|
130
45
|
children: ReactNode;
|
|
131
46
|
label?: string;
|
|
132
47
|
onClick: (e: SyntheticEvent) => void;
|
|
48
|
+
active?: boolean;
|
|
49
|
+
disabled?: boolean;
|
|
133
50
|
}) => react_jsx_runtime.JSX.Element;
|
|
134
51
|
declare const Group: ({ children }: {
|
|
135
52
|
children: ReactNode;
|
|
@@ -137,6 +54,7 @@ declare const Group: ({ children }: {
|
|
|
137
54
|
declare const Label: ({ label }: {
|
|
138
55
|
label: string;
|
|
139
56
|
}) => react_jsx_runtime.JSX.Element;
|
|
57
|
+
declare const Separator: () => react_jsx_runtime.JSX.Element;
|
|
140
58
|
|
|
141
59
|
declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
|
|
142
60
|
children?: ReactNode;
|
|
@@ -183,13 +101,13 @@ declare const Drawer: {
|
|
|
183
101
|
}) => react_jsx_runtime.JSX.Element;
|
|
184
102
|
};
|
|
185
103
|
|
|
186
|
-
declare const DropZone: react.ForwardRefExoticComponent<DropZoneProps & react.RefAttributes<HTMLDivElement>>;
|
|
104
|
+
declare const DropZone: react.ForwardRefExoticComponent<Omit<DropZoneProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
187
105
|
|
|
188
|
-
declare const IconButton: ({ children, href, onClick,
|
|
106
|
+
declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, }: {
|
|
107
|
+
active?: boolean;
|
|
189
108
|
children: ReactNode;
|
|
190
109
|
href?: string;
|
|
191
110
|
onClick?: (e: SyntheticEvent) => void | Promise<void>;
|
|
192
|
-
variant?: "primary" | "secondary";
|
|
193
111
|
type?: "button" | "submit" | "reset";
|
|
194
112
|
disabled?: boolean;
|
|
195
113
|
tabIndex?: number;
|
|
@@ -228,8 +146,6 @@ type PuckProps<UserConfig extends Config = Config, G extends UserGenerics<UserCo
|
|
|
228
146
|
};
|
|
229
147
|
initialHistory?: InitialHistory;
|
|
230
148
|
metadata?: Metadata;
|
|
231
|
-
height?: CSSProperties["height"];
|
|
232
|
-
_experimentalFullScreenCanvas?: boolean;
|
|
233
149
|
};
|
|
234
150
|
declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: PuckProps<UserConfig>): react_jsx_runtime.JSX.Element;
|
|
235
151
|
declare namespace Puck {
|
|
@@ -254,6 +170,69 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
|
|
|
254
170
|
metadata?: Metadata;
|
|
255
171
|
}): react_jsx_runtime.JSX.Element;
|
|
256
172
|
|
|
173
|
+
declare function AlignLeft(): react_jsx_runtime.JSX.Element;
|
|
174
|
+
|
|
175
|
+
declare function AlignCenter(): react_jsx_runtime.JSX.Element;
|
|
176
|
+
|
|
177
|
+
declare function AlignRight(): react_jsx_runtime.JSX.Element;
|
|
178
|
+
|
|
179
|
+
declare function AlignJustify(): react_jsx_runtime.JSX.Element;
|
|
180
|
+
|
|
181
|
+
declare function Bold(): react_jsx_runtime.JSX.Element;
|
|
182
|
+
|
|
183
|
+
declare function Italic(): react_jsx_runtime.JSX.Element;
|
|
184
|
+
|
|
185
|
+
declare function Underline(): react_jsx_runtime.JSX.Element;
|
|
186
|
+
|
|
187
|
+
declare function Strikethrough(): react_jsx_runtime.JSX.Element;
|
|
188
|
+
|
|
189
|
+
declare function InlineCode(): react_jsx_runtime.JSX.Element;
|
|
190
|
+
|
|
191
|
+
declare function BulletList(): react_jsx_runtime.JSX.Element;
|
|
192
|
+
|
|
193
|
+
declare function OrderedList(): react_jsx_runtime.JSX.Element;
|
|
194
|
+
|
|
195
|
+
declare function CodeBlock(): react_jsx_runtime.JSX.Element;
|
|
196
|
+
|
|
197
|
+
declare function Blockquote(): react_jsx_runtime.JSX.Element;
|
|
198
|
+
|
|
199
|
+
declare function HorizontalRule(): react_jsx_runtime.JSX.Element;
|
|
200
|
+
|
|
201
|
+
declare function Control({ icon, disabled, active, onClick, title, }: {
|
|
202
|
+
icon: ReactNode;
|
|
203
|
+
disabled?: boolean;
|
|
204
|
+
active?: boolean;
|
|
205
|
+
onClick: (e: SyntheticEvent) => any;
|
|
206
|
+
title: string;
|
|
207
|
+
}): react_jsx_runtime.JSX.Element;
|
|
208
|
+
|
|
209
|
+
declare const RichTextMenu: {
|
|
210
|
+
({ children }: {
|
|
211
|
+
children: ReactNode;
|
|
212
|
+
}): react_jsx_runtime.JSX.Element;
|
|
213
|
+
Group: ({ children }: {
|
|
214
|
+
children: ReactNode;
|
|
215
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
216
|
+
Control: typeof Control;
|
|
217
|
+
AlignCenter: typeof AlignCenter;
|
|
218
|
+
AlignJustify: typeof AlignJustify;
|
|
219
|
+
AlignLeft: typeof AlignLeft;
|
|
220
|
+
AlignRight: typeof AlignRight;
|
|
221
|
+
AlignSelect: () => react_jsx_runtime.JSX.Element;
|
|
222
|
+
Blockquote: typeof Blockquote;
|
|
223
|
+
Bold: typeof Bold;
|
|
224
|
+
BulletList: typeof BulletList;
|
|
225
|
+
CodeBlock: typeof CodeBlock;
|
|
226
|
+
HeadingSelect: () => react_jsx_runtime.JSX.Element;
|
|
227
|
+
HorizontalRule: typeof HorizontalRule;
|
|
228
|
+
InlineCode: typeof InlineCode;
|
|
229
|
+
Italic: typeof Italic;
|
|
230
|
+
ListSelect: () => react_jsx_runtime.JSX.Element;
|
|
231
|
+
OrderedList: typeof OrderedList;
|
|
232
|
+
Strikethrough: typeof Strikethrough;
|
|
233
|
+
Underline: typeof Underline;
|
|
234
|
+
};
|
|
235
|
+
|
|
257
236
|
declare const registerOverlayPortal: (el: HTMLElement | null | undefined, opts?: {
|
|
258
237
|
disableDrag?: boolean;
|
|
259
238
|
disableDragOnFocus?: boolean;
|
|
@@ -274,6 +253,7 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
|
|
|
274
253
|
getItemBySelector: (selector: ItemSelector) => G["UserComponentData"] | undefined;
|
|
275
254
|
getItemById: (id: string) => G["UserComponentData"] | undefined;
|
|
276
255
|
getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
|
|
256
|
+
getParentById: (id: string) => ComponentData | undefined;
|
|
277
257
|
history: {
|
|
278
258
|
back: HistorySlice["back"];
|
|
279
259
|
forward: HistorySlice["forward"];
|
|
@@ -305,12 +285,4 @@ declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<Use
|
|
|
305
285
|
*/
|
|
306
286
|
declare function useGetPuck(): () => UsePuckStore<Config>;
|
|
307
287
|
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
declare const fieldsPlugin: (params?: {
|
|
311
|
-
mobileOnly?: boolean;
|
|
312
|
-
}) => PluginInternal;
|
|
313
|
-
|
|
314
|
-
declare const outlinePlugin: () => Plugin;
|
|
315
|
-
|
|
316
|
-
export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, blocksPlugin, createUsePuck, fieldsPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
|
|
288
|
+
export { Action, ActionBar, AutoField, Button, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, RichTextMenu, Separator, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
|