@measured/puck 0.20.0-canary.0708ce21 → 0.20.0-canary.158d52dd
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-EUMTIHGS.mjs → chunk-5NQSHOKR.mjs} +4059 -3739
- package/dist/{chunk-TA2T47AQ.mjs → chunk-IP64IXIP.mjs} +11 -50
- package/dist/index.css +428 -297
- package/dist/index.d.mts +6 -3
- package/dist/index.d.ts +6 -3
- package/dist/index.js +2060 -1786
- package/dist/index.mjs +6 -6
- package/dist/no-external.css +641 -506
- package/dist/no-external.d.mts +2 -2
- package/dist/no-external.d.ts +2 -2
- package/dist/no-external.js +2063 -1786
- package/dist/no-external.mjs +6 -2
- package/dist/rsc.d.mts +2 -2
- package/dist/rsc.d.ts +2 -2
- package/dist/rsc.js +8 -12
- package/dist/rsc.mjs +1 -1
- package/dist/{walk-tree-B57SgEEc.d.mts → walk-tree-yh0Fsxem.d.mts} +10 -5
- package/dist/{walk-tree-B57SgEEc.d.ts → walk-tree-yh0Fsxem.d.ts} +10 -5
- package/package.json +1 -1
package/dist/no-external.mjs
CHANGED
|
@@ -11,12 +11,14 @@ import {
|
|
|
11
11
|
Label,
|
|
12
12
|
Puck,
|
|
13
13
|
Render,
|
|
14
|
+
blocksPlugin,
|
|
14
15
|
createUsePuck,
|
|
16
|
+
outlinePlugin,
|
|
15
17
|
overrideKeys,
|
|
16
18
|
renderContext,
|
|
17
19
|
useGetPuck,
|
|
18
20
|
usePuck
|
|
19
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-5NQSHOKR.mjs";
|
|
20
22
|
import {
|
|
21
23
|
init_react_import,
|
|
22
24
|
migrate,
|
|
@@ -25,7 +27,7 @@ import {
|
|
|
25
27
|
setDeep,
|
|
26
28
|
transformProps,
|
|
27
29
|
walkTree
|
|
28
|
-
} from "./chunk-
|
|
30
|
+
} from "./chunk-IP64IXIP.mjs";
|
|
29
31
|
|
|
30
32
|
// bundle/no-external.ts
|
|
31
33
|
init_react_import();
|
|
@@ -42,8 +44,10 @@ export {
|
|
|
42
44
|
Label,
|
|
43
45
|
Puck,
|
|
44
46
|
Render,
|
|
47
|
+
blocksPlugin,
|
|
45
48
|
createUsePuck,
|
|
46
49
|
migrate,
|
|
50
|
+
outlinePlugin,
|
|
47
51
|
overrideKeys,
|
|
48
52
|
registerOverlayPortal,
|
|
49
53
|
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-yh0Fsxem.mjs';
|
|
3
|
+
export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-yh0Fsxem.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-yh0Fsxem.js';
|
|
3
|
+
export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-yh0Fsxem.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
|
@@ -392,7 +392,7 @@ init_react_import();
|
|
|
392
392
|
|
|
393
393
|
// components/InlineTextField/index.tsx
|
|
394
394
|
init_react_import();
|
|
395
|
-
var
|
|
395
|
+
var import_react8 = require("react");
|
|
396
396
|
|
|
397
397
|
// lib/overlay-portal/index.tsx
|
|
398
398
|
init_react_import();
|
|
@@ -1822,14 +1822,10 @@ init_react_import();
|
|
|
1822
1822
|
|
|
1823
1823
|
// lib/use-reset-auto-zoom.ts
|
|
1824
1824
|
init_react_import();
|
|
1825
|
-
var import_react8 = require("react");
|
|
1826
1825
|
|
|
1827
1826
|
// lib/get-zoom-config.ts
|
|
1828
1827
|
init_react_import();
|
|
1829
1828
|
|
|
1830
|
-
// lib/use-reset-auto-zoom.ts
|
|
1831
|
-
var import_shallow = require("zustand/react/shallow");
|
|
1832
|
-
|
|
1833
1829
|
// lib/data/set-deep.ts
|
|
1834
1830
|
init_react_import();
|
|
1835
1831
|
function setDeep(node, path, newVal) {
|
|
@@ -1875,10 +1871,10 @@ var InlineTextFieldInternal = ({
|
|
|
1875
1871
|
opts = {}
|
|
1876
1872
|
}) => {
|
|
1877
1873
|
var _a;
|
|
1878
|
-
const ref = (0,
|
|
1874
|
+
const ref = (0, import_react8.useRef)(null);
|
|
1879
1875
|
const appStoreApi = useAppStoreApi();
|
|
1880
1876
|
const disableLineBreaks = (_a = opts.disableLineBreaks) != null ? _a : false;
|
|
1881
|
-
(0,
|
|
1877
|
+
(0, import_react8.useEffect)(() => {
|
|
1882
1878
|
const appStore = appStoreApi.getState();
|
|
1883
1879
|
const data = appStore.state.indexes.nodes[componentId].data;
|
|
1884
1880
|
const componentConfig = appStore.getComponentConfig(data.type);
|
|
@@ -1920,8 +1916,8 @@ var InlineTextFieldInternal = ({
|
|
|
1920
1916
|
};
|
|
1921
1917
|
}
|
|
1922
1918
|
}, [appStoreApi, ref.current, value]);
|
|
1923
|
-
const [isHovering, setIsHovering] = (0,
|
|
1924
|
-
const [isFocused, setIsFocused] = (0,
|
|
1919
|
+
const [isHovering, setIsHovering] = (0, import_react8.useState)(false);
|
|
1920
|
+
const [isFocused, setIsFocused] = (0, import_react8.useState)(false);
|
|
1925
1921
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
1926
1922
|
"span",
|
|
1927
1923
|
{
|
|
@@ -1948,7 +1944,7 @@ var InlineTextFieldInternal = ({
|
|
|
1948
1944
|
}
|
|
1949
1945
|
);
|
|
1950
1946
|
};
|
|
1951
|
-
var InlineTextField = (0,
|
|
1947
|
+
var InlineTextField = (0, import_react8.memo)(InlineTextFieldInternal);
|
|
1952
1948
|
|
|
1953
1949
|
// lib/field-transforms/default-transforms.tsx
|
|
1954
1950
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
@@ -1979,7 +1975,7 @@ function useSlots(config, item, renderSlotEdit, renderSlotRender = renderSlotEdi
|
|
|
1979
1975
|
|
|
1980
1976
|
// components/SlotRender/server.tsx
|
|
1981
1977
|
init_react_import();
|
|
1982
|
-
var
|
|
1978
|
+
var import_react9 = require("react");
|
|
1983
1979
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
1984
1980
|
var SlotRenderPure = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SlotRender, __spreadValues({}, props));
|
|
1985
1981
|
var Item = ({
|
|
@@ -1999,7 +1995,7 @@ var Item = ({
|
|
|
1999
1995
|
})
|
|
2000
1996
|
);
|
|
2001
1997
|
};
|
|
2002
|
-
var SlotRender = (0,
|
|
1998
|
+
var SlotRender = (0, import_react9.forwardRef)(
|
|
2003
1999
|
function SlotRenderInternal({ className, style, content, config, metadata }, ref) {
|
|
2004
2000
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className, style, ref, children: content.map((item) => {
|
|
2005
2001
|
if (!config.components[item.type]) {
|
package/dist/rsc.mjs
CHANGED
|
@@ -284,6 +284,7 @@ type Metadata = {
|
|
|
284
284
|
type ItemWithId = {
|
|
285
285
|
_arrayId: string;
|
|
286
286
|
_originalIndex: number;
|
|
287
|
+
_currentIndex: number;
|
|
287
288
|
};
|
|
288
289
|
type ArrayState = {
|
|
289
290
|
items: ItemWithId[];
|
|
@@ -349,6 +350,11 @@ type BuiltinTypes = Date | RegExp | Error | Function | symbol | null | undefined
|
|
|
349
350
|
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 ? {
|
|
350
351
|
[K in keyof T]: WithDeepSlots<T[K], SlotType>;
|
|
351
352
|
} : T;
|
|
353
|
+
type RenderFunc<Props extends {
|
|
354
|
+
[key: string]: any;
|
|
355
|
+
} = {
|
|
356
|
+
children: ReactNode;
|
|
357
|
+
}> = (props: Props) => ReactElement;
|
|
352
358
|
|
|
353
359
|
type MapFnParams<ThisField = Field> = {
|
|
354
360
|
value: any;
|
|
@@ -367,11 +373,6 @@ type FieldTransforms = Partial<{
|
|
|
367
373
|
[FieldType in Field["type"]]: FieldTransformFn<ExtractField<FieldType>>;
|
|
368
374
|
}>;
|
|
369
375
|
|
|
370
|
-
type RenderFunc<Props extends {
|
|
371
|
-
[key: string]: any;
|
|
372
|
-
} = {
|
|
373
|
-
children: ReactNode;
|
|
374
|
-
}> = (props: Props) => ReactElement;
|
|
375
376
|
declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
|
|
376
377
|
type OverrideKey = (typeof overrideKeys)[number];
|
|
377
378
|
type OverridesGeneric<Shape extends {
|
|
@@ -468,6 +469,10 @@ type IframeConfig = {
|
|
|
468
469
|
};
|
|
469
470
|
type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
|
|
470
471
|
type Plugin = {
|
|
472
|
+
name?: string;
|
|
473
|
+
label?: string;
|
|
474
|
+
icon?: ReactNode;
|
|
475
|
+
render?: () => ReactElement;
|
|
471
476
|
overrides?: Partial<Overrides>;
|
|
472
477
|
fieldTransforms?: FieldTransforms;
|
|
473
478
|
};
|
|
@@ -284,6 +284,7 @@ type Metadata = {
|
|
|
284
284
|
type ItemWithId = {
|
|
285
285
|
_arrayId: string;
|
|
286
286
|
_originalIndex: number;
|
|
287
|
+
_currentIndex: number;
|
|
287
288
|
};
|
|
288
289
|
type ArrayState = {
|
|
289
290
|
items: ItemWithId[];
|
|
@@ -349,6 +350,11 @@ type BuiltinTypes = Date | RegExp | Error | Function | symbol | null | undefined
|
|
|
349
350
|
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 ? {
|
|
350
351
|
[K in keyof T]: WithDeepSlots<T[K], SlotType>;
|
|
351
352
|
} : T;
|
|
353
|
+
type RenderFunc<Props extends {
|
|
354
|
+
[key: string]: any;
|
|
355
|
+
} = {
|
|
356
|
+
children: ReactNode;
|
|
357
|
+
}> = (props: Props) => ReactElement;
|
|
352
358
|
|
|
353
359
|
type MapFnParams<ThisField = Field> = {
|
|
354
360
|
value: any;
|
|
@@ -367,11 +373,6 @@ type FieldTransforms = Partial<{
|
|
|
367
373
|
[FieldType in Field["type"]]: FieldTransformFn<ExtractField<FieldType>>;
|
|
368
374
|
}>;
|
|
369
375
|
|
|
370
|
-
type RenderFunc<Props extends {
|
|
371
|
-
[key: string]: any;
|
|
372
|
-
} = {
|
|
373
|
-
children: ReactNode;
|
|
374
|
-
}> = (props: Props) => ReactElement;
|
|
375
376
|
declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
|
|
376
377
|
type OverrideKey = (typeof overrideKeys)[number];
|
|
377
378
|
type OverridesGeneric<Shape extends {
|
|
@@ -468,6 +469,10 @@ type IframeConfig = {
|
|
|
468
469
|
};
|
|
469
470
|
type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
|
|
470
471
|
type Plugin = {
|
|
472
|
+
name?: string;
|
|
473
|
+
label?: string;
|
|
474
|
+
icon?: ReactNode;
|
|
475
|
+
render?: () => ReactElement;
|
|
471
476
|
overrides?: Partial<Overrides>;
|
|
472
477
|
fieldTransforms?: FieldTransforms;
|
|
473
478
|
};
|
package/package.json
CHANGED