@measured/puck-plugin-heading-analyzer 0.16.0-canary.c7007ac → 0.16.0-canary.d08a794
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/index.d.ts +8 -0
- package/dist/index.js +813 -602
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -51483,7 +51483,7 @@ var require_dist = __commonJS({
|
|
|
51483
51483
|
var HostPortal = 4;
|
|
51484
51484
|
var HostComponent = 5;
|
|
51485
51485
|
var HostText = 6;
|
|
51486
|
-
var
|
|
51486
|
+
var Fragment20 = 7;
|
|
51487
51487
|
var Mode = 8;
|
|
51488
51488
|
var ContextConsumer = 9;
|
|
51489
51489
|
var ContextProvider = 10;
|
|
@@ -52639,7 +52639,7 @@ var require_dist = __commonJS({
|
|
|
52639
52639
|
return "DehydratedFragment";
|
|
52640
52640
|
case ForwardRef:
|
|
52641
52641
|
return getWrappedName$1(type, type.render, "ForwardRef");
|
|
52642
|
-
case
|
|
52642
|
+
case Fragment20:
|
|
52643
52643
|
return "Fragment";
|
|
52644
52644
|
case HostComponent:
|
|
52645
52645
|
return type;
|
|
@@ -62290,7 +62290,7 @@ var require_dist = __commonJS({
|
|
|
62290
62290
|
}
|
|
62291
62291
|
}
|
|
62292
62292
|
function updateFragment2(returnFiber, current2, fragment, lanes, key) {
|
|
62293
|
-
if (current2 === null || current2.tag !==
|
|
62293
|
+
if (current2 === null || current2.tag !== Fragment20) {
|
|
62294
62294
|
var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
|
|
62295
62295
|
created.return = returnFiber;
|
|
62296
62296
|
return created;
|
|
@@ -62693,7 +62693,7 @@ var require_dist = __commonJS({
|
|
|
62693
62693
|
if (child.key === key) {
|
|
62694
62694
|
var elementType = element.type;
|
|
62695
62695
|
if (elementType === REACT_FRAGMENT_TYPE) {
|
|
62696
|
-
if (child.tag ===
|
|
62696
|
+
if (child.tag === Fragment20) {
|
|
62697
62697
|
deleteRemainingChildren(returnFiber, child.sibling);
|
|
62698
62698
|
var existing = useFiber(child, element.props.children);
|
|
62699
62699
|
existing.return = returnFiber;
|
|
@@ -66868,7 +66868,7 @@ var require_dist = __commonJS({
|
|
|
66868
66868
|
var _resolvedProps2 = workInProgress2.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
|
|
66869
66869
|
return updateForwardRef(current2, workInProgress2, type, _resolvedProps2, renderLanes2);
|
|
66870
66870
|
}
|
|
66871
|
-
case
|
|
66871
|
+
case Fragment20:
|
|
66872
66872
|
return updateFragment(current2, workInProgress2, renderLanes2);
|
|
66873
66873
|
case Mode:
|
|
66874
66874
|
return updateMode(current2, workInProgress2, renderLanes2);
|
|
@@ -67140,7 +67140,7 @@ var require_dist = __commonJS({
|
|
|
67140
67140
|
case SimpleMemoComponent:
|
|
67141
67141
|
case FunctionComponent:
|
|
67142
67142
|
case ForwardRef:
|
|
67143
|
-
case
|
|
67143
|
+
case Fragment20:
|
|
67144
67144
|
case Mode:
|
|
67145
67145
|
case Profiler:
|
|
67146
67146
|
case ContextConsumer:
|
|
@@ -71391,7 +71391,7 @@ var require_dist = __commonJS({
|
|
|
71391
71391
|
return fiber;
|
|
71392
71392
|
}
|
|
71393
71393
|
function createFiberFromFragment(elements, mode, lanes, key) {
|
|
71394
|
-
var fiber = createFiber(
|
|
71394
|
+
var fiber = createFiber(Fragment20, elements, key, mode);
|
|
71395
71395
|
fiber.lanes = lanes;
|
|
71396
71396
|
return fiber;
|
|
71397
71397
|
}
|
|
@@ -72510,6 +72510,8 @@ var require_dist = __commonJS({
|
|
|
72510
72510
|
});
|
|
72511
72511
|
var core_exports = {};
|
|
72512
72512
|
__export2(core_exports, {
|
|
72513
|
+
Action: () => Action,
|
|
72514
|
+
ActionBar: () => ActionBar,
|
|
72513
72515
|
AutoField: () => AutoField,
|
|
72514
72516
|
AutoFieldPrivate: () => AutoFieldPrivate,
|
|
72515
72517
|
Button: () => Button,
|
|
@@ -72564,12 +72566,30 @@ var require_dist = __commonJS({
|
|
|
72564
72566
|
};
|
|
72565
72567
|
var get_class_name_factory_default2 = getClassNameFactory2;
|
|
72566
72568
|
init_react_import2();
|
|
72567
|
-
var styles_module_default5 = { "
|
|
72569
|
+
var styles_module_default5 = { "ActionBarComponent": "_ActionBarComponent_8nyey_1", "ActionBarComponent-actionsLabel": "_ActionBarComponent-actionsLabel_8nyey_15", "ActionBarComponent-action": "_ActionBarComponent-action_8nyey_15" };
|
|
72570
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
72571
|
+
var getClassName6 = get_class_name_factory_default2("ActionBarComponent", styles_module_default5);
|
|
72572
|
+
var ActionBar = ({
|
|
72573
|
+
label,
|
|
72574
|
+
children
|
|
72575
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: getClassName6(), children: [
|
|
72576
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: getClassName6("actionsLabel"), children: label }),
|
|
72577
|
+
children
|
|
72578
|
+
] });
|
|
72579
|
+
var Action = ({
|
|
72580
|
+
children,
|
|
72581
|
+
label,
|
|
72582
|
+
onClick
|
|
72583
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: getClassName6("action"), onClick, title: label, children });
|
|
72584
|
+
ActionBar.Action = Action;
|
|
72585
|
+
init_react_import2();
|
|
72586
|
+
init_react_import2();
|
|
72587
|
+
var styles_module_default22 = { "Input": "_Input_3pq3z_1", "Input-label": "_Input-label_3pq3z_26", "Input-labelIcon": "_Input-labelIcon_3pq3z_35", "Input-disabledIcon": "_Input-disabledIcon_3pq3z_42", "Input-input": "_Input-input_3pq3z_47", "Input--readOnly": "_Input--readOnly_3pq3z_91", "Input-radioGroupItems": "_Input-radioGroupItems_3pq3z_102", "Input-radio": "_Input-radio_3pq3z_102", "Input-radioInner": "_Input-radioInner_3pq3z_119", "Input-radioInput": "_Input-radioInput_3pq3z_164" };
|
|
72568
72588
|
var import_react112 = require("react");
|
|
72569
72589
|
init_react_import2();
|
|
72570
72590
|
init_react_import2();
|
|
72571
72591
|
init_react_import2();
|
|
72572
|
-
var
|
|
72592
|
+
var styles_module_default32 = { "ArrayField": "_ArrayField_1go19_5", "ArrayField--isDraggingFrom": "_ArrayField--isDraggingFrom_1go19_13", "ArrayField-addButton": "_ArrayField-addButton_1go19_18", "ArrayField--hasItems": "_ArrayField--hasItems_1go19_33", "ArrayFieldItem": "_ArrayFieldItem_1go19_63", "ArrayFieldItem--isDragging": "_ArrayFieldItem--isDragging_1go19_71", "ArrayFieldItem--isExpanded": "_ArrayFieldItem--isExpanded_1go19_81", "ArrayFieldItem-summary": "_ArrayFieldItem-summary_1go19_97", "ArrayField--addDisabled": "_ArrayField--addDisabled_1go19_128", "ArrayFieldItem-body": "_ArrayFieldItem-body_1go19_164", "ArrayFieldItem-fieldset": "_ArrayFieldItem-fieldset_1go19_173", "ArrayFieldItem-rhs": "_ArrayFieldItem-rhs_1go19_181", "ArrayFieldItem-actions": "_ArrayFieldItem-actions_1go19_187" };
|
|
72573
72593
|
init_react_import2();
|
|
72574
72594
|
init_react_import2();
|
|
72575
72595
|
var import_react22 = require("react");
|
|
@@ -72799,9 +72819,9 @@ var require_dist = __commonJS({
|
|
|
72799
72819
|
return result;
|
|
72800
72820
|
};
|
|
72801
72821
|
init_react_import2();
|
|
72802
|
-
var
|
|
72803
|
-
var
|
|
72804
|
-
var
|
|
72822
|
+
var styles_module_default42 = { "Loader": "_Loader_nacdm_13", "loader-animation": "_loader-animation_nacdm_1" };
|
|
72823
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
72824
|
+
var getClassName22 = get_class_name_factory_default2("Loader", styles_module_default42);
|
|
72805
72825
|
var Loader2 = (_a3) => {
|
|
72806
72826
|
var _b2 = _a3, {
|
|
72807
72827
|
color,
|
|
@@ -72810,10 +72830,10 @@ var require_dist = __commonJS({
|
|
|
72810
72830
|
"color",
|
|
72811
72831
|
"size"
|
|
72812
72832
|
]);
|
|
72813
|
-
return /* @__PURE__ */ (0,
|
|
72833
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
72814
72834
|
"span",
|
|
72815
72835
|
__spreadValues2({
|
|
72816
|
-
className:
|
|
72836
|
+
className: getClassName22(),
|
|
72817
72837
|
style: {
|
|
72818
72838
|
width: size,
|
|
72819
72839
|
height: size,
|
|
@@ -72823,8 +72843,8 @@ var require_dist = __commonJS({
|
|
|
72823
72843
|
}, props)
|
|
72824
72844
|
);
|
|
72825
72845
|
};
|
|
72826
|
-
var
|
|
72827
|
-
var
|
|
72846
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
72847
|
+
var getClassName32 = get_class_name_factory_default2("IconButton", IconButton_module_default);
|
|
72828
72848
|
var IconButton = ({
|
|
72829
72849
|
children,
|
|
72830
72850
|
href,
|
|
@@ -72839,10 +72859,10 @@ var require_dist = __commonJS({
|
|
|
72839
72859
|
}) => {
|
|
72840
72860
|
const [loading, setLoading] = (0, import_react32.useState)(false);
|
|
72841
72861
|
const ElementType = href ? "a" : "button";
|
|
72842
|
-
const el = /* @__PURE__ */ (0,
|
|
72862
|
+
const el = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
72843
72863
|
ElementType,
|
|
72844
72864
|
{
|
|
72845
|
-
className:
|
|
72865
|
+
className: getClassName32({
|
|
72846
72866
|
primary: variant === "primary",
|
|
72847
72867
|
secondary: variant === "secondary",
|
|
72848
72868
|
disabled,
|
|
@@ -72863,11 +72883,11 @@ var require_dist = __commonJS({
|
|
|
72863
72883
|
href,
|
|
72864
72884
|
title,
|
|
72865
72885
|
children: [
|
|
72866
|
-
/* @__PURE__ */ (0,
|
|
72886
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: getClassName32("title"), children: title }),
|
|
72867
72887
|
children,
|
|
72868
|
-
loading && /* @__PURE__ */ (0,
|
|
72888
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
|
|
72869
72889
|
"\xA0\xA0",
|
|
72870
|
-
/* @__PURE__ */ (0,
|
|
72890
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Loader2, { size: 14 })
|
|
72871
72891
|
] })
|
|
72872
72892
|
]
|
|
72873
72893
|
}
|
|
@@ -72906,7 +72926,7 @@ var require_dist = __commonJS({
|
|
|
72906
72926
|
{ width: 1280, height: "auto", icon: "Monitor", label: "Large" }
|
|
72907
72927
|
];
|
|
72908
72928
|
var import_ua_parser_js2 = require_ua_parser();
|
|
72909
|
-
var
|
|
72929
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
72910
72930
|
var defaultAppState2 = {
|
|
72911
72931
|
data: { content: [], root: { props: {} } },
|
|
72912
72932
|
ui: {
|
|
@@ -72946,7 +72966,8 @@ var require_dist = __commonJS({
|
|
|
72946
72966
|
status: "LOADING",
|
|
72947
72967
|
setStatus: () => null,
|
|
72948
72968
|
iframe: {},
|
|
72949
|
-
safariFallbackMode: false
|
|
72969
|
+
safariFallbackMode: false,
|
|
72970
|
+
globalPermissions: {}
|
|
72950
72971
|
};
|
|
72951
72972
|
var appContext2 = (0, import_react42.createContext)(defaultContext2);
|
|
72952
72973
|
var AppProvider = ({
|
|
@@ -72976,7 +72997,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
72976
72997
|
setSafariFallbackMode(true);
|
|
72977
72998
|
}
|
|
72978
72999
|
}, []);
|
|
72979
|
-
return /* @__PURE__ */ (0,
|
|
73000
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
72980
73001
|
appContext2.Provider,
|
|
72981
73002
|
{
|
|
72982
73003
|
value: __spreadProps2(__spreadValues2({}, value), {
|
|
@@ -73005,7 +73026,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73005
73026
|
}
|
|
73006
73027
|
});
|
|
73007
73028
|
}
|
|
73008
|
-
var
|
|
73029
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
73009
73030
|
var defaultProvided = {
|
|
73010
73031
|
droppableProps: {
|
|
73011
73032
|
"data-rfd-droppable-context-id": "",
|
|
@@ -73020,15 +73041,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73020
73041
|
draggingFromThisWith: null,
|
|
73021
73042
|
isUsingPlaceholder: false
|
|
73022
73043
|
};
|
|
73023
|
-
var DefaultDroppable = ({ children }) => /* @__PURE__ */ (0,
|
|
73044
|
+
var DefaultDroppable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: children(defaultProvided, defaultSnapshot) });
|
|
73024
73045
|
var Droppable2 = (props) => {
|
|
73025
73046
|
const { status } = useAppContext2();
|
|
73026
73047
|
const El = status !== "LOADING" ? import_dnd.Droppable : DefaultDroppable;
|
|
73027
|
-
return /* @__PURE__ */ (0,
|
|
73048
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(El, __spreadValues2({}, props));
|
|
73028
73049
|
};
|
|
73029
73050
|
init_react_import2();
|
|
73030
73051
|
var import_dnd2 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
|
|
73031
|
-
var
|
|
73052
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
73032
73053
|
var defaultProvided2 = {
|
|
73033
73054
|
draggableProps: {
|
|
73034
73055
|
"data-rfd-draggable-context-id": "",
|
|
@@ -73052,7 +73073,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73052
73073
|
type: "",
|
|
73053
73074
|
source: { droppableId: "", index: 0 }
|
|
73054
73075
|
};
|
|
73055
|
-
var DefaultDraggable = ({ children }) => /* @__PURE__ */ (0,
|
|
73076
|
+
var DefaultDraggable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: children(defaultProvided2, defaultSnapshot2, defaultRubric) });
|
|
73056
73077
|
var Draggable2 = ({
|
|
73057
73078
|
className,
|
|
73058
73079
|
children,
|
|
@@ -73064,22 +73085,23 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73064
73085
|
}) => {
|
|
73065
73086
|
const { status } = useAppContext2();
|
|
73066
73087
|
const El = status !== "LOADING" ? import_dnd2.Draggable : DefaultDraggable;
|
|
73067
|
-
return /* @__PURE__ */ (0,
|
|
73088
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(El, { draggableId: id, index, isDragDisabled, children: (provided, snapshot) => {
|
|
73068
73089
|
var _a3;
|
|
73069
|
-
return /* @__PURE__ */ (0,
|
|
73070
|
-
/* @__PURE__ */ (0,
|
|
73090
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
|
|
73091
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
73071
73092
|
"div",
|
|
73072
73093
|
__spreadProps2(__spreadValues2(__spreadValues2({
|
|
73073
73094
|
className: className && className(provided, snapshot),
|
|
73074
73095
|
ref: provided.innerRef
|
|
73075
73096
|
}, provided.draggableProps), provided.dragHandleProps), {
|
|
73076
73097
|
style: __spreadProps2(__spreadValues2({}, provided.draggableProps.style), {
|
|
73077
|
-
transform: snapshot.isDragging || !disableAnimations ? (_a3 = provided.draggableProps.style) == null ? void 0 : _a3.transform : "translate(0px, 0px)"
|
|
73098
|
+
transform: snapshot.isDragging || !disableAnimations ? (_a3 = provided.draggableProps.style) == null ? void 0 : _a3.transform : "translate(0px, 0px)",
|
|
73099
|
+
cursor: isDragDisabled ? "no-drop" : "grab"
|
|
73078
73100
|
}),
|
|
73079
73101
|
children: children(provided, snapshot)
|
|
73080
73102
|
})
|
|
73081
73103
|
),
|
|
73082
|
-
showShadow && snapshot.isDragging && /* @__PURE__ */ (0,
|
|
73104
|
+
showShadow && snapshot.isDragging && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
73083
73105
|
"div",
|
|
73084
73106
|
{
|
|
73085
73107
|
className: className && className(provided, snapshot),
|
|
@@ -73093,22 +73115,22 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73093
73115
|
var import_react52 = require("react");
|
|
73094
73116
|
init_react_import2();
|
|
73095
73117
|
init_react_import2();
|
|
73096
|
-
var
|
|
73097
|
-
var
|
|
73098
|
-
var
|
|
73099
|
-
var DragIcon = () => /* @__PURE__ */ (0,
|
|
73118
|
+
var styles_module_default52 = { "DragIcon": "_DragIcon_17p8x_1", "DragIcon--disabled": "_DragIcon--disabled_17p8x_8" };
|
|
73119
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
73120
|
+
var getClassName42 = get_class_name_factory_default2("DragIcon", styles_module_default52);
|
|
73121
|
+
var DragIcon = ({ isDragDisabled }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: getClassName42({ disabled: isDragDisabled }), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("svg", { viewBox: "0 0 20 20", width: "12", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }) }) });
|
|
73100
73122
|
init_react_import2();
|
|
73101
73123
|
var import_dnd3 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
|
|
73102
|
-
var
|
|
73103
|
-
var DefaultDragDropContext = ({ children }) => /* @__PURE__ */ (0,
|
|
73124
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
73125
|
+
var DefaultDragDropContext = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children });
|
|
73104
73126
|
var DragDropContext2 = (props) => {
|
|
73105
73127
|
const { status } = useAppContext2();
|
|
73106
73128
|
const El = status !== "LOADING" ? import_dnd3.DragDropContext : DefaultDragDropContext;
|
|
73107
|
-
return /* @__PURE__ */ (0,
|
|
73129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(El, __spreadValues2({}, props));
|
|
73108
73130
|
};
|
|
73109
|
-
var
|
|
73110
|
-
var
|
|
73111
|
-
var getClassNameItem3 = get_class_name_factory_default2("ArrayFieldItem",
|
|
73131
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
73132
|
+
var getClassName52 = get_class_name_factory_default2("ArrayField", styles_module_default32);
|
|
73133
|
+
var getClassNameItem3 = get_class_name_factory_default2("ArrayFieldItem", styles_module_default32);
|
|
73112
73134
|
var ArrayField = ({
|
|
73113
73135
|
field,
|
|
73114
73136
|
onChange,
|
|
@@ -73117,7 +73139,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73117
73139
|
label,
|
|
73118
73140
|
readOnly,
|
|
73119
73141
|
id,
|
|
73120
|
-
Label = (props) => /* @__PURE__ */ (0,
|
|
73142
|
+
Label = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", __spreadValues2({}, props))
|
|
73121
73143
|
}) => {
|
|
73122
73144
|
const { state, setUi, selectedItem } = useAppContext2();
|
|
73123
73145
|
const readOnlyFields = (selectedItem == null ? void 0 : selectedItem.readOnly) || {};
|
|
@@ -73180,14 +73202,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73180
73202
|
return null;
|
|
73181
73203
|
}
|
|
73182
73204
|
const addDisabled = field.max !== void 0 && localState.arrayState.items.length >= field.max || readOnly;
|
|
73183
|
-
return /* @__PURE__ */ (0,
|
|
73205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73184
73206
|
Label,
|
|
73185
73207
|
{
|
|
73186
73208
|
label: label || name,
|
|
73187
|
-
icon: /* @__PURE__ */ (0,
|
|
73209
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(List, { size: 16 }),
|
|
73188
73210
|
el: "div",
|
|
73189
73211
|
readOnly,
|
|
73190
|
-
children: /* @__PURE__ */ (0,
|
|
73212
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73191
73213
|
DragDropContext2,
|
|
73192
73214
|
{
|
|
73193
73215
|
onDragEnd: (event) => {
|
|
@@ -73214,12 +73236,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73214
73236
|
});
|
|
73215
73237
|
}
|
|
73216
73238
|
},
|
|
73217
|
-
children: /* @__PURE__ */ (0,
|
|
73218
|
-
return /* @__PURE__ */ (0,
|
|
73239
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Droppable2, { droppableId: "array", isDropDisabled: readOnly, children: (provided, snapshot) => {
|
|
73240
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
73219
73241
|
"div",
|
|
73220
73242
|
__spreadProps2(__spreadValues2({}, provided.droppableProps), {
|
|
73221
73243
|
ref: provided.innerRef,
|
|
73222
|
-
className:
|
|
73244
|
+
className: getClassName52({
|
|
73223
73245
|
isDraggingFrom: !!snapshot.draggingFromThisWith,
|
|
73224
73246
|
hasItems: Array.isArray(value) && value.length > 0,
|
|
73225
73247
|
addDisabled
|
|
@@ -73236,7 +73258,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73236
73258
|
localState.arrayState.items.map((item, i2) => {
|
|
73237
73259
|
const { _arrayId = `${id}-${i2}`, _originalIndex = i2 } = item;
|
|
73238
73260
|
const data = Array.from(localState.value || [])[i2] || {};
|
|
73239
|
-
return /* @__PURE__ */ (0,
|
|
73261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73240
73262
|
Draggable2,
|
|
73241
73263
|
{
|
|
73242
73264
|
id: _arrayId,
|
|
@@ -73247,8 +73269,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73247
73269
|
readOnly
|
|
73248
73270
|
}),
|
|
73249
73271
|
isDragDisabled: readOnly || !hovering,
|
|
73250
|
-
children: () => /* @__PURE__ */ (0,
|
|
73251
|
-
/* @__PURE__ */ (0,
|
|
73272
|
+
children: () => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
|
|
73273
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
73252
73274
|
"div",
|
|
73253
73275
|
{
|
|
73254
73276
|
onClick: () => {
|
|
@@ -73269,8 +73291,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73269
73291
|
className: getClassNameItem3("summary"),
|
|
73270
73292
|
children: [
|
|
73271
73293
|
field.getItemSummary ? field.getItemSummary(data, i2) : `Item #${_originalIndex}`,
|
|
73272
|
-
/* @__PURE__ */ (0,
|
|
73273
|
-
!readOnly && /* @__PURE__ */ (0,
|
|
73294
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassNameItem3("rhs"), children: [
|
|
73295
|
+
!readOnly && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: getClassNameItem3("actions"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: getClassNameItem3("action"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73274
73296
|
IconButton,
|
|
73275
73297
|
{
|
|
73276
73298
|
type: "button",
|
|
@@ -73293,20 +73315,20 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73293
73315
|
);
|
|
73294
73316
|
},
|
|
73295
73317
|
title: "Delete",
|
|
73296
|
-
children: /* @__PURE__ */ (0,
|
|
73318
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Trash, { size: 16 })
|
|
73297
73319
|
}
|
|
73298
73320
|
) }) }),
|
|
73299
|
-
/* @__PURE__ */ (0,
|
|
73321
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DragIcon, {}) })
|
|
73300
73322
|
] })
|
|
73301
73323
|
]
|
|
73302
73324
|
}
|
|
73303
73325
|
),
|
|
73304
|
-
/* @__PURE__ */ (0,
|
|
73326
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: getClassNameItem3("body"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("fieldset", { className: getClassNameItem3("fieldset"), children: Object.keys(field.arrayFields).map(
|
|
73305
73327
|
(fieldName) => {
|
|
73306
73328
|
const subField = field.arrayFields[fieldName];
|
|
73307
73329
|
const subFieldName = `${name}[${i2}].${fieldName}`;
|
|
73308
73330
|
const wildcardFieldName = `${name}[*].${fieldName}`;
|
|
73309
|
-
return /* @__PURE__ */ (0,
|
|
73331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73310
73332
|
AutoFieldPrivate,
|
|
73311
73333
|
{
|
|
73312
73334
|
name: subFieldName,
|
|
@@ -73334,11 +73356,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73334
73356
|
);
|
|
73335
73357
|
}),
|
|
73336
73358
|
provided.placeholder,
|
|
73337
|
-
!addDisabled && /* @__PURE__ */ (0,
|
|
73359
|
+
!addDisabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73338
73360
|
"button",
|
|
73339
73361
|
{
|
|
73340
73362
|
type: "button",
|
|
73341
|
-
className:
|
|
73363
|
+
className: getClassName52("addButton"),
|
|
73342
73364
|
onClick: () => {
|
|
73343
73365
|
const existingValue = value || [];
|
|
73344
73366
|
const newValue = [
|
|
@@ -73348,7 +73370,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73348
73370
|
const newArrayState = regenerateArrayState(newValue);
|
|
73349
73371
|
onChange(newValue, mapArrayStateToUi(newArrayState));
|
|
73350
73372
|
},
|
|
73351
|
-
children: /* @__PURE__ */ (0,
|
|
73373
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Plus, { size: 21 })
|
|
73352
73374
|
}
|
|
73353
73375
|
)
|
|
73354
73376
|
]
|
|
@@ -73361,8 +73383,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73361
73383
|
);
|
|
73362
73384
|
};
|
|
73363
73385
|
init_react_import2();
|
|
73364
|
-
var
|
|
73365
|
-
var
|
|
73386
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
73387
|
+
var getClassName62 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73366
73388
|
var DefaultField = ({
|
|
73367
73389
|
field,
|
|
73368
73390
|
onChange,
|
|
@@ -73373,19 +73395,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73373
73395
|
Label,
|
|
73374
73396
|
id
|
|
73375
73397
|
}) => {
|
|
73376
|
-
return /* @__PURE__ */ (0,
|
|
73398
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
73377
73399
|
Label,
|
|
73378
73400
|
{
|
|
73379
73401
|
label: label || name,
|
|
73380
|
-
icon: /* @__PURE__ */ (0,
|
|
73381
|
-
field.type === "text" && /* @__PURE__ */ (0,
|
|
73382
|
-
field.type === "number" && /* @__PURE__ */ (0,
|
|
73402
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
|
|
73403
|
+
field.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Type, { size: 16 }),
|
|
73404
|
+
field.type === "number" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Hash, { size: 16 })
|
|
73383
73405
|
] }),
|
|
73384
73406
|
readOnly,
|
|
73385
|
-
children: /* @__PURE__ */ (0,
|
|
73407
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
73386
73408
|
"input",
|
|
73387
73409
|
{
|
|
73388
|
-
className:
|
|
73410
|
+
className: getClassName62("input"),
|
|
73389
73411
|
autoComplete: "off",
|
|
73390
73412
|
type: field.type,
|
|
73391
73413
|
name,
|
|
@@ -73412,14 +73434,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73412
73434
|
init_react_import2();
|
|
73413
73435
|
var import_react82 = require("react");
|
|
73414
73436
|
init_react_import2();
|
|
73415
|
-
var
|
|
73437
|
+
var styles_module_default6 = { "ExternalInput-actions": "_ExternalInput-actions_19obq_1", "ExternalInput-button": "_ExternalInput-button_19obq_5", "ExternalInput--dataSelected": "_ExternalInput--dataSelected_19obq_25", "ExternalInput-detachButton": "_ExternalInput-detachButton_19obq_32", "ExternalInputModal": "_ExternalInputModal_19obq_74", "ExternalInputModal-grid": "_ExternalInputModal-grid_19obq_84", "ExternalInputModal--filtersToggled": "_ExternalInputModal--filtersToggled_19obq_95", "ExternalInputModal-filters": "_ExternalInputModal-filters_19obq_100", "ExternalInputModal-masthead": "_ExternalInputModal-masthead_19obq_119", "ExternalInputModal-tableWrapper": "_ExternalInputModal-tableWrapper_19obq_128", "ExternalInputModal-table": "_ExternalInputModal-table_19obq_128", "ExternalInputModal-thead": "_ExternalInputModal-thead_19obq_144", "ExternalInputModal-th": "_ExternalInputModal-th_19obq_144", "ExternalInputModal-td": "_ExternalInputModal-td_19obq_159", "ExternalInputModal-tr": "_ExternalInputModal-tr_19obq_164", "ExternalInputModal-tbody": "_ExternalInputModal-tbody_19obq_171", "ExternalInputModal--hasData": "_ExternalInputModal--hasData_19obq_197", "ExternalInputModal-loadingBanner": "_ExternalInputModal-loadingBanner_19obq_201", "ExternalInputModal--isLoading": "_ExternalInputModal--isLoading_19obq_218", "ExternalInputModal-searchForm": "_ExternalInputModal-searchForm_19obq_222", "ExternalInputModal-search": "_ExternalInputModal-search_19obq_222", "ExternalInputModal-searchIcon": "_ExternalInputModal-searchIcon_19obq_259", "ExternalInputModal-searchIconText": "_ExternalInputModal-searchIconText_19obq_284", "ExternalInputModal-searchInput": "_ExternalInputModal-searchInput_19obq_294", "ExternalInputModal-searchActions": "_ExternalInputModal-searchActions_19obq_308", "ExternalInputModal-searchActionIcon": "_ExternalInputModal-searchActionIcon_19obq_321", "ExternalInputModal-footer": "_ExternalInputModal-footer_19obq_325" };
|
|
73416
73438
|
init_react_import2();
|
|
73417
73439
|
var import_react62 = require("react");
|
|
73418
73440
|
init_react_import2();
|
|
73419
|
-
var
|
|
73441
|
+
var styles_module_default7 = { "Modal": "_Modal_ikbaj_1", "Modal--isOpen": "_Modal--isOpen_ikbaj_15", "Modal-inner": "_Modal-inner_ikbaj_19" };
|
|
73420
73442
|
var import_react_dom3 = __toESM2(require_react_dom2());
|
|
73421
|
-
var
|
|
73422
|
-
var
|
|
73443
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
73444
|
+
var getClassName7 = get_class_name_factory_default2("Modal", styles_module_default7);
|
|
73423
73445
|
var Modal = ({
|
|
73424
73446
|
children,
|
|
73425
73447
|
onClose,
|
|
@@ -73430,13 +73452,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73430
73452
|
setRootEl(document.getElementById("puck-portal-root"));
|
|
73431
73453
|
}, []);
|
|
73432
73454
|
if (!rootEl) {
|
|
73433
|
-
return /* @__PURE__ */ (0,
|
|
73455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {});
|
|
73434
73456
|
}
|
|
73435
73457
|
return (0, import_react_dom3.createPortal)(
|
|
73436
|
-
/* @__PURE__ */ (0,
|
|
73458
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: getClassName7({ isOpen }), onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
73437
73459
|
"div",
|
|
73438
73460
|
{
|
|
73439
|
-
className:
|
|
73461
|
+
className: getClassName7("inner"),
|
|
73440
73462
|
onClick: (e2) => e2.stopPropagation(),
|
|
73441
73463
|
children
|
|
73442
73464
|
}
|
|
@@ -73446,15 +73468,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73446
73468
|
};
|
|
73447
73469
|
init_react_import2();
|
|
73448
73470
|
init_react_import2();
|
|
73449
|
-
var
|
|
73450
|
-
var
|
|
73451
|
-
var
|
|
73471
|
+
var styles_module_default8 = { "Heading": "_Heading_qxrry_1", "Heading--xxxxl": "_Heading--xxxxl_qxrry_12", "Heading--xxxl": "_Heading--xxxl_qxrry_18", "Heading--xxl": "_Heading--xxl_qxrry_22", "Heading--xl": "_Heading--xl_qxrry_26", "Heading--l": "_Heading--l_qxrry_30", "Heading--m": "_Heading--m_qxrry_34", "Heading--s": "_Heading--s_qxrry_38", "Heading--xs": "_Heading--xs_qxrry_42" };
|
|
73472
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
73473
|
+
var getClassName8 = get_class_name_factory_default2("Heading", styles_module_default8);
|
|
73452
73474
|
var Heading2 = ({ children, rank, size = "m" }) => {
|
|
73453
73475
|
const Tag = rank ? `h${rank}` : "span";
|
|
73454
|
-
return /* @__PURE__ */ (0,
|
|
73476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
73455
73477
|
Tag,
|
|
73456
73478
|
{
|
|
73457
|
-
className:
|
|
73479
|
+
className: getClassName8({
|
|
73458
73480
|
[size]: true
|
|
73459
73481
|
}),
|
|
73460
73482
|
children
|
|
@@ -73466,8 +73488,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73466
73488
|
var import_react72 = require("react");
|
|
73467
73489
|
init_react_import2();
|
|
73468
73490
|
var Button_module_default = { "Button": "_Button_1t64k_1", "Button--medium": "_Button--medium_1t64k_29", "Button--large": "_Button--large_1t64k_37", "Button-icon": "_Button-icon_1t64k_44", "Button--primary": "_Button--primary_1t64k_48", "Button--secondary": "_Button--secondary_1t64k_67", "Button--flush": "_Button--flush_1t64k_84", "Button--disabled": "_Button--disabled_1t64k_88", "Button--fullWidth": "_Button--fullWidth_1t64k_95", "Button-spinner": "_Button-spinner_1t64k_100" };
|
|
73469
|
-
var
|
|
73470
|
-
var
|
|
73491
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
73492
|
+
var getClassName9 = get_class_name_factory_default2("Button", Button_module_default);
|
|
73471
73493
|
var Button = ({
|
|
73472
73494
|
children,
|
|
73473
73495
|
href,
|
|
@@ -73485,10 +73507,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73485
73507
|
const [loading, setLoading] = (0, import_react72.useState)(loadingProp);
|
|
73486
73508
|
(0, import_react72.useEffect)(() => setLoading(loadingProp), [loadingProp]);
|
|
73487
73509
|
const ElementType = href ? "a" : type ? "button" : "span";
|
|
73488
|
-
const el = /* @__PURE__ */ (0,
|
|
73510
|
+
const el = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
73489
73511
|
ElementType,
|
|
73490
73512
|
{
|
|
73491
|
-
className:
|
|
73513
|
+
className: getClassName9({
|
|
73492
73514
|
primary: variant === "primary",
|
|
73493
73515
|
secondary: variant === "secondary",
|
|
73494
73516
|
disabled,
|
|
@@ -73509,17 +73531,17 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73509
73531
|
rel: newTab ? "noreferrer" : void 0,
|
|
73510
73532
|
href,
|
|
73511
73533
|
children: [
|
|
73512
|
-
icon && /* @__PURE__ */ (0,
|
|
73534
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: getClassName9("icon"), children: icon }),
|
|
73513
73535
|
children,
|
|
73514
|
-
loading && /* @__PURE__ */ (0,
|
|
73536
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: getClassName9("spinner"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Loader2, { size: 14 }) })
|
|
73515
73537
|
]
|
|
73516
73538
|
}
|
|
73517
73539
|
);
|
|
73518
73540
|
return el;
|
|
73519
73541
|
};
|
|
73520
|
-
var
|
|
73521
|
-
var
|
|
73522
|
-
var getClassNameModal = get_class_name_factory_default2("ExternalInputModal",
|
|
73542
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
73543
|
+
var getClassName10 = get_class_name_factory_default2("ExternalInput", styles_module_default6);
|
|
73544
|
+
var getClassNameModal = get_class_name_factory_default2("ExternalInputModal", styles_module_default6);
|
|
73523
73545
|
var dataCache = {};
|
|
73524
73546
|
var ExternalInput = ({
|
|
73525
73547
|
field,
|
|
@@ -73570,40 +73592,40 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73570
73592
|
(0, import_react82.useEffect)(() => {
|
|
73571
73593
|
search(searchQuery, filters);
|
|
73572
73594
|
}, []);
|
|
73573
|
-
return /* @__PURE__ */ (0,
|
|
73595
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
73574
73596
|
"div",
|
|
73575
73597
|
{
|
|
73576
|
-
className:
|
|
73598
|
+
className: getClassName10({
|
|
73577
73599
|
dataSelected: !!value,
|
|
73578
73600
|
modalVisible: isOpen
|
|
73579
73601
|
}),
|
|
73580
73602
|
id,
|
|
73581
73603
|
children: [
|
|
73582
|
-
/* @__PURE__ */ (0,
|
|
73583
|
-
/* @__PURE__ */ (0,
|
|
73604
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassName10("actions"), children: [
|
|
73605
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73584
73606
|
"button",
|
|
73585
73607
|
{
|
|
73586
73608
|
type: "button",
|
|
73587
73609
|
onClick: () => setOpen(true),
|
|
73588
|
-
className:
|
|
73589
|
-
children: value ? field.getItemSummary ? field.getItemSummary(value) : "External item" : /* @__PURE__ */ (0,
|
|
73590
|
-
/* @__PURE__ */ (0,
|
|
73591
|
-
/* @__PURE__ */ (0,
|
|
73610
|
+
className: getClassName10("button"),
|
|
73611
|
+
children: value ? field.getItemSummary ? field.getItemSummary(value) : "External item" : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
73612
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Link, { size: "16" }),
|
|
73613
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: field.placeholder })
|
|
73592
73614
|
] })
|
|
73593
73615
|
}
|
|
73594
73616
|
),
|
|
73595
|
-
value && /* @__PURE__ */ (0,
|
|
73617
|
+
value && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73596
73618
|
"button",
|
|
73597
73619
|
{
|
|
73598
|
-
className:
|
|
73620
|
+
className: getClassName10("detachButton"),
|
|
73599
73621
|
onClick: () => {
|
|
73600
73622
|
onChange(null);
|
|
73601
73623
|
},
|
|
73602
|
-
children: /* @__PURE__ */ (0,
|
|
73624
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Unlock, { size: 16 })
|
|
73603
73625
|
}
|
|
73604
73626
|
)
|
|
73605
73627
|
] }),
|
|
73606
|
-
/* @__PURE__ */ (0,
|
|
73628
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Modal, { onClose: () => setOpen(false), isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
73607
73629
|
"form",
|
|
73608
73630
|
{
|
|
73609
73631
|
className: getClassNameModal({
|
|
@@ -73617,11 +73639,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73617
73639
|
search(searchQuery, filters);
|
|
73618
73640
|
},
|
|
73619
73641
|
children: [
|
|
73620
|
-
/* @__PURE__ */ (0,
|
|
73621
|
-
/* @__PURE__ */ (0,
|
|
73622
|
-
/* @__PURE__ */ (0,
|
|
73623
|
-
/* @__PURE__ */ (0,
|
|
73624
|
-
/* @__PURE__ */ (0,
|
|
73642
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("masthead"), children: field.showSearch ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("searchForm"), children: [
|
|
73643
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: getClassNameModal("search"), children: [
|
|
73644
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: getClassNameModal("searchIconText"), children: "Search" }),
|
|
73645
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("searchIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Search, { size: "18" }) }),
|
|
73646
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73625
73647
|
"input",
|
|
73626
73648
|
{
|
|
73627
73649
|
className: getClassNameModal("searchInput"),
|
|
@@ -73636,9 +73658,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73636
73658
|
}
|
|
73637
73659
|
)
|
|
73638
73660
|
] }),
|
|
73639
|
-
/* @__PURE__ */ (0,
|
|
73640
|
-
/* @__PURE__ */ (0,
|
|
73641
|
-
hasFilterFields && /* @__PURE__ */ (0,
|
|
73661
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("searchActions"), children: [
|
|
73662
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", loading: isLoading, fullWidth: true, children: "Search" }),
|
|
73663
|
+
hasFilterFields && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("searchActionIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73642
73664
|
IconButton,
|
|
73643
73665
|
{
|
|
73644
73666
|
title: "Toggle filters",
|
|
@@ -73647,15 +73669,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73647
73669
|
e2.stopPropagation();
|
|
73648
73670
|
setFiltersToggled(!filtersToggled);
|
|
73649
73671
|
},
|
|
73650
|
-
children: /* @__PURE__ */ (0,
|
|
73672
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlidersHorizontal, { size: 20 })
|
|
73651
73673
|
}
|
|
73652
73674
|
) })
|
|
73653
73675
|
] })
|
|
73654
|
-
] }) : /* @__PURE__ */ (0,
|
|
73655
|
-
/* @__PURE__ */ (0,
|
|
73656
|
-
hasFilterFields && /* @__PURE__ */ (0,
|
|
73676
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Heading2, { rank: 2, size: "xs", children: field.placeholder || "Select data" }) }),
|
|
73677
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("grid"), children: [
|
|
73678
|
+
hasFilterFields && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("filters"), children: hasFilterFields && Object.keys(filterFields).map((fieldName) => {
|
|
73657
73679
|
const filterField = filterFields[fieldName];
|
|
73658
|
-
return /* @__PURE__ */ (0,
|
|
73680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73659
73681
|
AutoFieldPrivate,
|
|
73660
73682
|
{
|
|
73661
73683
|
field: filterField,
|
|
@@ -73672,9 +73694,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73672
73694
|
fieldName
|
|
73673
73695
|
);
|
|
73674
73696
|
}) }),
|
|
73675
|
-
/* @__PURE__ */ (0,
|
|
73676
|
-
/* @__PURE__ */ (0,
|
|
73677
|
-
/* @__PURE__ */ (0,
|
|
73697
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("tableWrapper"), children: [
|
|
73698
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: getClassNameModal("table"), children: [
|
|
73699
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { className: getClassNameModal("thead"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { className: getClassNameModal("tr"), children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73678
73700
|
"th",
|
|
73679
73701
|
{
|
|
73680
73702
|
className: getClassNameModal("th"),
|
|
@@ -73683,8 +73705,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73683
73705
|
},
|
|
73684
73706
|
key
|
|
73685
73707
|
)) }) }),
|
|
73686
|
-
/* @__PURE__ */ (0,
|
|
73687
|
-
return /* @__PURE__ */ (0,
|
|
73708
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { className: getClassNameModal("tbody"), children: mappedData.map((item, i2) => {
|
|
73709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73688
73710
|
"tr",
|
|
73689
73711
|
{
|
|
73690
73712
|
style: { whiteSpace: "nowrap" },
|
|
@@ -73693,16 +73715,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73693
73715
|
onChange(mapProp(data[i2]));
|
|
73694
73716
|
setOpen(false);
|
|
73695
73717
|
},
|
|
73696
|
-
children: keys.map((key) => /* @__PURE__ */ (0,
|
|
73718
|
+
children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: getClassNameModal("td"), children: item[key] }, key))
|
|
73697
73719
|
},
|
|
73698
73720
|
i2
|
|
73699
73721
|
);
|
|
73700
73722
|
}) })
|
|
73701
73723
|
] }),
|
|
73702
|
-
/* @__PURE__ */ (0,
|
|
73724
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("loadingBanner"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loader2, { size: 24 }) })
|
|
73703
73725
|
] })
|
|
73704
73726
|
] }),
|
|
73705
|
-
/* @__PURE__ */ (0,
|
|
73727
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("footer"), children: [
|
|
73706
73728
|
mappedData.length,
|
|
73707
73729
|
" result",
|
|
73708
73730
|
mappedData.length === 1 ? "" : "s"
|
|
@@ -73714,7 +73736,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73714
73736
|
}
|
|
73715
73737
|
);
|
|
73716
73738
|
};
|
|
73717
|
-
var
|
|
73739
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
73718
73740
|
var ExternalField = ({
|
|
73719
73741
|
field,
|
|
73720
73742
|
onChange,
|
|
@@ -73737,7 +73759,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73737
73759
|
if (field.type !== "external") {
|
|
73738
73760
|
return null;
|
|
73739
73761
|
}
|
|
73740
|
-
return /* @__PURE__ */ (0,
|
|
73762
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Label, { label: label || name, icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Link, { size: 16 }), el: "div", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
73741
73763
|
ExternalInput,
|
|
73742
73764
|
{
|
|
73743
73765
|
name,
|
|
@@ -73759,8 +73781,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73759
73781
|
) });
|
|
73760
73782
|
};
|
|
73761
73783
|
init_react_import2();
|
|
73762
|
-
var
|
|
73763
|
-
var
|
|
73784
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
73785
|
+
var getClassName11 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73764
73786
|
var RadioField = ({
|
|
73765
73787
|
field,
|
|
73766
73788
|
onChange,
|
|
@@ -73774,23 +73796,23 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73774
73796
|
if (field.type !== "radio" || !field.options) {
|
|
73775
73797
|
return null;
|
|
73776
73798
|
}
|
|
73777
|
-
return /* @__PURE__ */ (0,
|
|
73799
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
73778
73800
|
Label,
|
|
73779
73801
|
{
|
|
73780
|
-
icon: /* @__PURE__ */ (0,
|
|
73802
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CheckCircle, { size: 16 }),
|
|
73781
73803
|
label: label || name,
|
|
73782
73804
|
readOnly,
|
|
73783
73805
|
el: "div",
|
|
73784
|
-
children: /* @__PURE__ */ (0,
|
|
73806
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: getClassName11("radioGroupItems"), id, children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
73785
73807
|
"label",
|
|
73786
73808
|
{
|
|
73787
|
-
className:
|
|
73809
|
+
className: getClassName11("radio"),
|
|
73788
73810
|
children: [
|
|
73789
|
-
/* @__PURE__ */ (0,
|
|
73811
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
73790
73812
|
"input",
|
|
73791
73813
|
{
|
|
73792
73814
|
type: "radio",
|
|
73793
|
-
className:
|
|
73815
|
+
className: getClassName11("radioInput"),
|
|
73794
73816
|
value: option.value,
|
|
73795
73817
|
name,
|
|
73796
73818
|
onChange: (e2) => {
|
|
@@ -73804,7 +73826,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73804
73826
|
checked: value === option.value
|
|
73805
73827
|
}
|
|
73806
73828
|
),
|
|
73807
|
-
/* @__PURE__ */ (0,
|
|
73829
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: getClassName11("radioInner"), children: option.label || option.value })
|
|
73808
73830
|
]
|
|
73809
73831
|
},
|
|
73810
73832
|
option.label + option.value
|
|
@@ -73813,8 +73835,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73813
73835
|
);
|
|
73814
73836
|
};
|
|
73815
73837
|
init_react_import2();
|
|
73816
|
-
var
|
|
73817
|
-
var
|
|
73838
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
73839
|
+
var getClassName12 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73818
73840
|
var SelectField = ({
|
|
73819
73841
|
field,
|
|
73820
73842
|
onChange,
|
|
@@ -73828,17 +73850,17 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73828
73850
|
if (field.type !== "select" || !field.options) {
|
|
73829
73851
|
return null;
|
|
73830
73852
|
}
|
|
73831
|
-
return /* @__PURE__ */ (0,
|
|
73853
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
73832
73854
|
Label,
|
|
73833
73855
|
{
|
|
73834
73856
|
label: label || name,
|
|
73835
|
-
icon: /* @__PURE__ */ (0,
|
|
73857
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronDown, { size: 16 }),
|
|
73836
73858
|
readOnly,
|
|
73837
|
-
children: /* @__PURE__ */ (0,
|
|
73859
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
73838
73860
|
"select",
|
|
73839
73861
|
{
|
|
73840
73862
|
id,
|
|
73841
|
-
className:
|
|
73863
|
+
className: getClassName12("input"),
|
|
73842
73864
|
disabled: readOnly,
|
|
73843
73865
|
onChange: (e2) => {
|
|
73844
73866
|
if (e2.currentTarget.value === "true" || e2.currentTarget.value === "false") {
|
|
@@ -73848,7 +73870,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73848
73870
|
onChange(e2.currentTarget.value);
|
|
73849
73871
|
},
|
|
73850
73872
|
value,
|
|
73851
|
-
children: field.options.map((option) => /* @__PURE__ */ (0,
|
|
73873
|
+
children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
73852
73874
|
"option",
|
|
73853
73875
|
{
|
|
73854
73876
|
label: option.label,
|
|
@@ -73862,8 +73884,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73862
73884
|
);
|
|
73863
73885
|
};
|
|
73864
73886
|
init_react_import2();
|
|
73865
|
-
var
|
|
73866
|
-
var
|
|
73887
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
73888
|
+
var getClassName13 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73867
73889
|
var TextareaField = ({
|
|
73868
73890
|
onChange,
|
|
73869
73891
|
readOnly,
|
|
@@ -73873,11 +73895,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73873
73895
|
Label,
|
|
73874
73896
|
id
|
|
73875
73897
|
}) => {
|
|
73876
|
-
return /* @__PURE__ */ (0,
|
|
73898
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Label, { label: label || name, icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Type, { size: 16 }), readOnly, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
73877
73899
|
"textarea",
|
|
73878
73900
|
{
|
|
73879
73901
|
id,
|
|
73880
|
-
className:
|
|
73902
|
+
className: getClassName13("input"),
|
|
73881
73903
|
autoComplete: "off",
|
|
73882
73904
|
name,
|
|
73883
73905
|
value: typeof value === "undefined" ? "" : value,
|
|
@@ -73891,9 +73913,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73891
73913
|
var import_use_debounce = (init_index_module(), __toCommonJS(index_module_exports));
|
|
73892
73914
|
init_react_import2();
|
|
73893
73915
|
init_react_import2();
|
|
73894
|
-
var
|
|
73895
|
-
var
|
|
73896
|
-
var
|
|
73916
|
+
var styles_module_default9 = { "ObjectField": "_ObjectField_1ua3y_5", "ObjectField-fieldset": "_ObjectField-fieldset_1ua3y_13" };
|
|
73917
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
73918
|
+
var getClassName14 = get_class_name_factory_default2("ObjectField", styles_module_default9);
|
|
73897
73919
|
var ObjectField = ({
|
|
73898
73920
|
field,
|
|
73899
73921
|
onChange,
|
|
@@ -73910,18 +73932,18 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73910
73932
|
}
|
|
73911
73933
|
const readOnlyFields = (selectedItem == null ? void 0 : selectedItem.readOnly) || {};
|
|
73912
73934
|
const data = value || {};
|
|
73913
|
-
return /* @__PURE__ */ (0,
|
|
73935
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
73914
73936
|
Label,
|
|
73915
73937
|
{
|
|
73916
73938
|
label: label || name,
|
|
73917
|
-
icon: /* @__PURE__ */ (0,
|
|
73939
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MoreVertical, { size: 16 }),
|
|
73918
73940
|
el: "div",
|
|
73919
73941
|
readOnly,
|
|
73920
|
-
children: /* @__PURE__ */ (0,
|
|
73942
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: getClassName14(), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("fieldset", { className: getClassName14("fieldset"), children: Object.keys(field.objectFields).map((fieldName) => {
|
|
73921
73943
|
const subField = field.objectFields[fieldName];
|
|
73922
73944
|
const subFieldName = `${name}.${fieldName}`;
|
|
73923
73945
|
const wildcardFieldName = `${name}.${fieldName}`;
|
|
73924
|
-
return /* @__PURE__ */ (0,
|
|
73946
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
73925
73947
|
AutoFieldPrivate,
|
|
73926
73948
|
{
|
|
73927
73949
|
name: subFieldName,
|
|
@@ -73957,8 +73979,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73957
73979
|
const [id] = (0, import_react102.useState)(generateId());
|
|
73958
73980
|
return id;
|
|
73959
73981
|
};
|
|
73960
|
-
var
|
|
73961
|
-
var
|
|
73982
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
73983
|
+
var getClassName15 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73962
73984
|
var FieldLabel = ({
|
|
73963
73985
|
children,
|
|
73964
73986
|
icon,
|
|
@@ -73968,11 +73990,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73968
73990
|
className
|
|
73969
73991
|
}) => {
|
|
73970
73992
|
const El = el;
|
|
73971
|
-
return /* @__PURE__ */ (0,
|
|
73972
|
-
/* @__PURE__ */ (0,
|
|
73973
|
-
icon ? /* @__PURE__ */ (0,
|
|
73993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(El, { className, children: [
|
|
73994
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: getClassName15("label"), children: [
|
|
73995
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassName15("labelIcon"), children: icon }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, {}),
|
|
73974
73996
|
label,
|
|
73975
|
-
readOnly && /* @__PURE__ */ (0,
|
|
73997
|
+
readOnly && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassName15("disabledIcon"), title: "Read-only", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Lock, { size: "12" }) })
|
|
73976
73998
|
] }),
|
|
73977
73999
|
children
|
|
73978
74000
|
] });
|
|
@@ -73990,14 +74012,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73990
74012
|
[overrides]
|
|
73991
74013
|
);
|
|
73992
74014
|
if (!label) {
|
|
73993
|
-
return /* @__PURE__ */ (0,
|
|
74015
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children });
|
|
73994
74016
|
}
|
|
73995
|
-
return /* @__PURE__ */ (0,
|
|
74017
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
73996
74018
|
Wrapper,
|
|
73997
74019
|
{
|
|
73998
74020
|
label,
|
|
73999
74021
|
icon,
|
|
74000
|
-
className:
|
|
74022
|
+
className: getClassName15({ readOnly }),
|
|
74001
74023
|
readOnly,
|
|
74002
74024
|
el,
|
|
74003
74025
|
children
|
|
@@ -74041,11 +74063,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74041
74063
|
return null;
|
|
74042
74064
|
}
|
|
74043
74065
|
const CustomField = field.render;
|
|
74044
|
-
return /* @__PURE__ */ (0,
|
|
74066
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassName15(), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CustomField, __spreadValues2({}, mergedProps)) });
|
|
74045
74067
|
}
|
|
74046
74068
|
const children = defaultFields[field.type](mergedProps);
|
|
74047
74069
|
const Render2 = render[field.type];
|
|
74048
|
-
return /* @__PURE__ */ (0,
|
|
74070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Render2, __spreadProps2(__spreadValues2({}, mergedProps), { children }));
|
|
74049
74071
|
}
|
|
74050
74072
|
function AutoFieldPrivate(props) {
|
|
74051
74073
|
const { value, onChange } = props;
|
|
@@ -74068,55 +74090,68 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74068
74090
|
value: localValue,
|
|
74069
74091
|
onChange: onChangeLocal
|
|
74070
74092
|
};
|
|
74071
|
-
return /* @__PURE__ */ (0,
|
|
74093
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AutoFieldInternal, __spreadValues2(__spreadValues2({}, props), localProps));
|
|
74072
74094
|
}
|
|
74073
|
-
var DefaultLabel = (props) => /* @__PURE__ */ (0,
|
|
74095
|
+
var DefaultLabel = (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", __spreadValues2({}, props));
|
|
74074
74096
|
function AutoField(props) {
|
|
74075
|
-
return /* @__PURE__ */ (0,
|
|
74097
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AutoFieldInternal, __spreadProps2(__spreadValues2({}, props), { Label: DefaultLabel }));
|
|
74076
74098
|
}
|
|
74077
74099
|
init_react_import2();
|
|
74078
74100
|
init_react_import2();
|
|
74079
|
-
var
|
|
74101
|
+
var styles_module_default10 = { "Drawer": "_Drawer_4yfqn_1", "DrawerItem--disabled": "_DrawerItem--disabled_4yfqn_5", "DrawerItem-default": "_DrawerItem-default_4yfqn_11", "DrawerItem-draggableWrapper": "_DrawerItem-draggableWrapper_4yfqn_11", "DrawerItem": "_DrawerItem_4yfqn_5", "DrawerItem-draggable": "_DrawerItem-draggable_4yfqn_11", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_4yfqn_36", "DrawerItem-name": "_DrawerItem-name_4yfqn_54" };
|
|
74080
74102
|
var import_react122 = require("react");
|
|
74081
|
-
var
|
|
74082
|
-
var
|
|
74083
|
-
var getClassNameItem22 = get_class_name_factory_default2("DrawerItem",
|
|
74103
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
74104
|
+
var getClassName16 = get_class_name_factory_default2("Drawer", styles_module_default10);
|
|
74105
|
+
var getClassNameItem22 = get_class_name_factory_default2("DrawerItem", styles_module_default10);
|
|
74084
74106
|
var drawerContext = (0, import_react122.createContext)({
|
|
74085
74107
|
droppableId: ""
|
|
74086
74108
|
});
|
|
74087
74109
|
var DrawerDraggable = ({
|
|
74088
74110
|
children,
|
|
74089
74111
|
id,
|
|
74090
|
-
index
|
|
74091
|
-
|
|
74092
|
-
|
|
74093
|
-
|
|
74094
|
-
|
|
74095
|
-
|
|
74096
|
-
|
|
74097
|
-
|
|
74098
|
-
|
|
74099
|
-
|
|
74100
|
-
|
|
74101
|
-
|
|
74102
|
-
|
|
74112
|
+
index,
|
|
74113
|
+
isDragDisabled
|
|
74114
|
+
}) => {
|
|
74115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
74116
|
+
Draggable2,
|
|
74117
|
+
{
|
|
74118
|
+
id,
|
|
74119
|
+
index,
|
|
74120
|
+
isDragDisabled,
|
|
74121
|
+
showShadow: true,
|
|
74122
|
+
disableAnimations: true,
|
|
74123
|
+
className: () => getClassNameItem22({ disabled: isDragDisabled }),
|
|
74124
|
+
children: () => children
|
|
74125
|
+
},
|
|
74126
|
+
id
|
|
74127
|
+
);
|
|
74128
|
+
};
|
|
74103
74129
|
var DrawerItem = ({
|
|
74104
74130
|
name,
|
|
74105
74131
|
children,
|
|
74106
74132
|
id,
|
|
74107
74133
|
label,
|
|
74108
|
-
index
|
|
74134
|
+
index,
|
|
74135
|
+
isDragDisabled
|
|
74109
74136
|
}) => {
|
|
74110
74137
|
const ctx = (0, import_react122.useContext)(drawerContext);
|
|
74111
74138
|
const resolvedId = `${ctx.droppableId}::${id || name}`;
|
|
74112
74139
|
const CustomInner = (0, import_react122.useMemo)(
|
|
74113
|
-
() => children || (({ children: children2, name: name2 }) => /* @__PURE__ */ (0,
|
|
74140
|
+
() => children || (({ children: children2, name: name2 }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassNameItem22("default"), children: children2 })),
|
|
74114
74141
|
[children]
|
|
74115
74142
|
);
|
|
74116
|
-
return /* @__PURE__ */ (0,
|
|
74117
|
-
|
|
74118
|
-
|
|
74119
|
-
|
|
74143
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
74144
|
+
DrawerDraggable,
|
|
74145
|
+
{
|
|
74146
|
+
id: resolvedId,
|
|
74147
|
+
index,
|
|
74148
|
+
isDragDisabled,
|
|
74149
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CustomInner, { name, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassNameItem22("draggableWrapper"), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: getClassNameItem22("draggable"), children: [
|
|
74150
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassNameItem22("name"), children: label != null ? label : name }),
|
|
74151
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassNameItem22("icon"), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DragIcon, { isDragDisabled }) })
|
|
74152
|
+
] }) }) })
|
|
74153
|
+
}
|
|
74154
|
+
);
|
|
74120
74155
|
};
|
|
74121
74156
|
var Drawer = ({
|
|
74122
74157
|
children,
|
|
@@ -74124,28 +74159,28 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74124
74159
|
direction = "vertical"
|
|
74125
74160
|
}) => {
|
|
74126
74161
|
const droppableId = `component-list:${_droppableId}`;
|
|
74127
|
-
return /* @__PURE__ */ (0,
|
|
74162
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(drawerContext.Provider, { value: { droppableId }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Droppable2, { droppableId, isDropDisabled: true, direction, children: (provided, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
74128
74163
|
"div",
|
|
74129
74164
|
__spreadProps2(__spreadValues2({}, provided.droppableProps), {
|
|
74130
74165
|
ref: provided.innerRef,
|
|
74131
|
-
className:
|
|
74166
|
+
className: getClassName16({
|
|
74132
74167
|
isDraggingFrom: !!snapshot.draggingFromThisWith
|
|
74133
74168
|
}),
|
|
74134
74169
|
children: [
|
|
74135
74170
|
children,
|
|
74136
|
-
/* @__PURE__ */ (0,
|
|
74171
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { display: "none" }, children: provided.placeholder })
|
|
74137
74172
|
]
|
|
74138
74173
|
})
|
|
74139
74174
|
) }) });
|
|
74140
74175
|
};
|
|
74141
74176
|
Drawer.Item = DrawerItem;
|
|
74142
74177
|
init_react_import2();
|
|
74143
|
-
var
|
|
74178
|
+
var import_react17 = require("react");
|
|
74144
74179
|
init_react_import2();
|
|
74145
|
-
var
|
|
74180
|
+
var import_react15 = require("react");
|
|
74146
74181
|
var import_dnd4 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
|
|
74147
74182
|
init_react_import2();
|
|
74148
|
-
var
|
|
74183
|
+
var styles_module_default11 = { "DraggableComponent": "_DraggableComponent_1bhad_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_1bhad_11", "DraggableComponent-contents": "_DraggableComponent-contents_1bhad_16", "DraggableComponent-overlay": "_DraggableComponent-overlay_1bhad_29", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1bhad_49", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_1bhad_65", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_1bhad_71", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1bhad_76", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_1bhad_81", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_1bhad_97", "DraggableComponent-actions": "_DraggableComponent-actions_1bhad_97" };
|
|
74149
74184
|
init_react_import2();
|
|
74150
74185
|
var import_react132 = require("react");
|
|
74151
74186
|
var useModifierHeld = (modifier) => {
|
|
@@ -74180,12 +74215,134 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74180
74215
|
"iPod"
|
|
74181
74216
|
].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
74182
74217
|
navigator.userAgent.includes("Mac") && "ontouchend" in document;
|
|
74183
|
-
|
|
74184
|
-
var
|
|
74218
|
+
init_react_import2();
|
|
74219
|
+
var import_jsx_runtime222 = require("react/jsx-runtime");
|
|
74220
|
+
var DefaultOverride = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(import_jsx_runtime222.Fragment, { children });
|
|
74221
|
+
init_react_import2();
|
|
74222
|
+
var import_react14 = require("react");
|
|
74223
|
+
init_react_import2();
|
|
74224
|
+
var loadOverrides = ({
|
|
74225
|
+
overrides,
|
|
74226
|
+
plugins
|
|
74227
|
+
}) => {
|
|
74228
|
+
const collected = __spreadValues2({}, overrides);
|
|
74229
|
+
plugins.forEach((plugin) => {
|
|
74230
|
+
Object.keys(plugin.overrides).forEach((overridesType) => {
|
|
74231
|
+
if (overridesType === "fieldTypes") {
|
|
74232
|
+
const fieldTypes = plugin.overrides.fieldTypes;
|
|
74233
|
+
Object.keys(fieldTypes).forEach((fieldType) => {
|
|
74234
|
+
collected.fieldTypes = collected.fieldTypes || {};
|
|
74235
|
+
const childNode2 = collected.fieldTypes[fieldType];
|
|
74236
|
+
const Comp2 = (props) => fieldTypes[fieldType](__spreadProps2(__spreadValues2({}, props), {
|
|
74237
|
+
children: childNode2 ? childNode2(props) : props.children
|
|
74238
|
+
}));
|
|
74239
|
+
collected.fieldTypes[fieldType] = Comp2;
|
|
74240
|
+
});
|
|
74241
|
+
return;
|
|
74242
|
+
}
|
|
74243
|
+
const childNode = collected[overridesType];
|
|
74244
|
+
const Comp = (props) => plugin.overrides[overridesType](__spreadProps2(__spreadValues2({}, props), {
|
|
74245
|
+
children: childNode ? childNode(props) : props.children
|
|
74246
|
+
}));
|
|
74247
|
+
collected[overridesType] = Comp;
|
|
74248
|
+
});
|
|
74249
|
+
});
|
|
74250
|
+
return collected;
|
|
74251
|
+
};
|
|
74252
|
+
var useLoadedOverrides = ({
|
|
74253
|
+
overrides,
|
|
74254
|
+
plugins
|
|
74255
|
+
}) => {
|
|
74256
|
+
return (0, import_react14.useMemo)(() => {
|
|
74257
|
+
return loadOverrides({ overrides, plugins });
|
|
74258
|
+
}, [plugins, overrides]);
|
|
74259
|
+
};
|
|
74260
|
+
init_react_import2();
|
|
74261
|
+
init_react_import2();
|
|
74262
|
+
var getChanged = (newItem, oldItem) => {
|
|
74263
|
+
return newItem ? Object.keys(newItem.props || {}).reduce((acc, item) => {
|
|
74264
|
+
const newItemProps = (newItem == null ? void 0 : newItem.props) || {};
|
|
74265
|
+
const oldItemProps = (oldItem == null ? void 0 : oldItem.props) || {};
|
|
74266
|
+
return __spreadProps2(__spreadValues2({}, acc), {
|
|
74267
|
+
[item]: oldItemProps[item] !== newItemProps[item]
|
|
74268
|
+
});
|
|
74269
|
+
}, {}) : {};
|
|
74270
|
+
};
|
|
74271
|
+
init_react_import2();
|
|
74272
|
+
var resolvePermissions = ({
|
|
74273
|
+
selectedItem,
|
|
74274
|
+
config,
|
|
74275
|
+
changed,
|
|
74276
|
+
lastPermissions,
|
|
74277
|
+
initialPermissions,
|
|
74278
|
+
appState
|
|
74279
|
+
}) => {
|
|
74280
|
+
const componentConfig = selectedItem ? config.components[selectedItem.type] : null;
|
|
74281
|
+
if (selectedItem && (componentConfig == null ? void 0 : componentConfig.resolvePermissions)) {
|
|
74282
|
+
return componentConfig.resolvePermissions(selectedItem, {
|
|
74283
|
+
changed,
|
|
74284
|
+
lastPermissions,
|
|
74285
|
+
initialPermissions,
|
|
74286
|
+
appState
|
|
74287
|
+
});
|
|
74288
|
+
}
|
|
74289
|
+
return {};
|
|
74290
|
+
};
|
|
74291
|
+
var cache = { lastPermissions: {}, lastSelected: {} };
|
|
74292
|
+
var getPermissions = ({
|
|
74293
|
+
selectedItem,
|
|
74294
|
+
type,
|
|
74295
|
+
globalPermissions,
|
|
74296
|
+
config,
|
|
74297
|
+
appState
|
|
74298
|
+
}) => {
|
|
74299
|
+
const componentType = type || selectedItem && selectedItem.type || "";
|
|
74300
|
+
const componentId = selectedItem && selectedItem.props.id || "";
|
|
74301
|
+
let componentPermissions = getInitialPermissions({
|
|
74302
|
+
componentType,
|
|
74303
|
+
config,
|
|
74304
|
+
globalPermissions
|
|
74305
|
+
});
|
|
74306
|
+
const changed = getChanged(selectedItem, cache.lastSelected);
|
|
74307
|
+
if (Object.values(changed).some((el) => el === true)) {
|
|
74308
|
+
const resolvedPermissions = resolvePermissions({
|
|
74309
|
+
selectedItem,
|
|
74310
|
+
config,
|
|
74311
|
+
changed,
|
|
74312
|
+
lastPermissions: cache.lastPermissions[componentId] || componentPermissions,
|
|
74313
|
+
initialPermissions: componentPermissions,
|
|
74314
|
+
appState
|
|
74315
|
+
});
|
|
74316
|
+
if (resolvedPermissions !== void 0) {
|
|
74317
|
+
componentPermissions = __spreadValues2(__spreadValues2({}, componentPermissions), resolvedPermissions);
|
|
74318
|
+
}
|
|
74319
|
+
cache.lastSelected = selectedItem;
|
|
74320
|
+
cache.lastPermissions[componentId] = componentPermissions;
|
|
74321
|
+
return componentPermissions;
|
|
74322
|
+
}
|
|
74323
|
+
if (Object.keys(componentId && cache.lastPermissions[componentId]).length !== 0) {
|
|
74324
|
+
componentPermissions = cache.lastPermissions[componentId];
|
|
74325
|
+
}
|
|
74326
|
+
return componentPermissions;
|
|
74327
|
+
};
|
|
74328
|
+
var getInitialPermissions = ({
|
|
74329
|
+
componentType,
|
|
74330
|
+
globalPermissions,
|
|
74331
|
+
config
|
|
74332
|
+
}) => {
|
|
74333
|
+
var _a3;
|
|
74334
|
+
return __spreadValues2(__spreadValues2({}, globalPermissions), (_a3 = config.components[componentType]) == null ? void 0 : _a3.permissions);
|
|
74335
|
+
};
|
|
74336
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
74337
|
+
var getClassName17 = get_class_name_factory_default2("DraggableComponent", styles_module_default11);
|
|
74185
74338
|
var space2 = 8;
|
|
74186
74339
|
var actionsOverlayTop = space2 * 6.5;
|
|
74187
74340
|
var actionsTop = -(actionsOverlayTop - 8);
|
|
74188
74341
|
var actionsRight = space2;
|
|
74342
|
+
var DefaultActionBar = ({
|
|
74343
|
+
label,
|
|
74344
|
+
children
|
|
74345
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ActionBar, { label, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DefaultOverride, { children }) });
|
|
74189
74346
|
var DraggableComponent = ({
|
|
74190
74347
|
children,
|
|
74191
74348
|
id,
|
|
@@ -74208,30 +74365,52 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74208
74365
|
indicativeHover = false,
|
|
74209
74366
|
style: style2
|
|
74210
74367
|
}) => {
|
|
74211
|
-
const {
|
|
74368
|
+
const {
|
|
74369
|
+
zoomConfig,
|
|
74370
|
+
status,
|
|
74371
|
+
overrides,
|
|
74372
|
+
plugins,
|
|
74373
|
+
selectedItem,
|
|
74374
|
+
config,
|
|
74375
|
+
globalPermissions,
|
|
74376
|
+
state
|
|
74377
|
+
} = useAppContext2();
|
|
74212
74378
|
const isModifierHeld = useModifierHeld("Alt");
|
|
74213
|
-
const { status } = useAppContext2();
|
|
74214
74379
|
const El = status !== "LOADING" ? import_dnd4.Draggable : DefaultDraggable;
|
|
74215
|
-
(0,
|
|
74216
|
-
const [disableSecondaryAnimation, setDisableSecondaryAnimation] = (0,
|
|
74217
|
-
(0,
|
|
74380
|
+
(0, import_react15.useEffect)(onMount, []);
|
|
74381
|
+
const [disableSecondaryAnimation, setDisableSecondaryAnimation] = (0, import_react15.useState)(false);
|
|
74382
|
+
(0, import_react15.useEffect)(() => {
|
|
74218
74383
|
if (isIos()) {
|
|
74219
74384
|
setDisableSecondaryAnimation(true);
|
|
74220
74385
|
}
|
|
74221
74386
|
}, []);
|
|
74222
|
-
|
|
74387
|
+
const loadedOverrides = useLoadedOverrides({
|
|
74388
|
+
overrides,
|
|
74389
|
+
plugins
|
|
74390
|
+
});
|
|
74391
|
+
const CustomActionBar = (0, import_react15.useMemo)(
|
|
74392
|
+
() => loadedOverrides.actionBar || DefaultActionBar,
|
|
74393
|
+
[loadedOverrides]
|
|
74394
|
+
);
|
|
74395
|
+
const permissions = selectedItem && getPermissions({
|
|
74396
|
+
selectedItem,
|
|
74397
|
+
globalPermissions: globalPermissions || {},
|
|
74398
|
+
config,
|
|
74399
|
+
appState: state
|
|
74400
|
+
});
|
|
74401
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
74223
74402
|
El,
|
|
74224
74403
|
{
|
|
74225
74404
|
draggableId: id,
|
|
74226
74405
|
index,
|
|
74227
74406
|
isDragDisabled,
|
|
74228
74407
|
disableSecondaryAnimation,
|
|
74229
|
-
children: (provided, snapshot) => /* @__PURE__ */ (0,
|
|
74408
|
+
children: (provided, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
74230
74409
|
"div",
|
|
74231
74410
|
__spreadProps2(__spreadValues2(__spreadValues2({
|
|
74232
74411
|
ref: provided.innerRef
|
|
74233
74412
|
}, provided.draggableProps), provided.dragHandleProps), {
|
|
74234
|
-
className:
|
|
74413
|
+
className: getClassName17({
|
|
74235
74414
|
isSelected,
|
|
74236
74415
|
isModifierHeld,
|
|
74237
74416
|
isDragging: snapshot.isDragging,
|
|
@@ -74240,7 +74419,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74240
74419
|
indicativeHover
|
|
74241
74420
|
}),
|
|
74242
74421
|
style: __spreadProps2(__spreadValues2(__spreadValues2({}, style2), provided.draggableProps.style), {
|
|
74243
|
-
cursor: isModifierHeld ? "initial" : "grab"
|
|
74422
|
+
cursor: isModifierHeld || isDragDisabled ? "initial" : "grab"
|
|
74244
74423
|
}),
|
|
74245
74424
|
onMouseOver,
|
|
74246
74425
|
onMouseOut,
|
|
@@ -74249,34 +74428,33 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74249
74428
|
onClick,
|
|
74250
74429
|
children: [
|
|
74251
74430
|
debug,
|
|
74252
|
-
isLoading && /* @__PURE__ */ (0,
|
|
74253
|
-
/* @__PURE__ */ (0,
|
|
74431
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName17("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Loader2, {}) }),
|
|
74432
|
+
isSelected && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
74254
74433
|
"div",
|
|
74255
74434
|
{
|
|
74256
|
-
className:
|
|
74435
|
+
className: getClassName17("actionsOverlay"),
|
|
74257
74436
|
style: {
|
|
74258
74437
|
top: actionsOverlayTop / zoomConfig.zoom
|
|
74259
74438
|
},
|
|
74260
|
-
children: /* @__PURE__ */ (0,
|
|
74439
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
74261
74440
|
"div",
|
|
74262
74441
|
{
|
|
74263
|
-
className:
|
|
74442
|
+
className: getClassName17("actions"),
|
|
74264
74443
|
style: {
|
|
74265
74444
|
transform: `scale(${1 / zoomConfig.zoom}`,
|
|
74266
74445
|
top: actionsTop / zoomConfig.zoom,
|
|
74267
74446
|
right: actionsRight / zoomConfig.zoom
|
|
74268
74447
|
},
|
|
74269
|
-
children: [
|
|
74270
|
-
|
|
74271
|
-
/* @__PURE__ */ (0,
|
|
74272
|
-
|
|
74273
|
-
]
|
|
74448
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CustomActionBar, { label, children: [
|
|
74449
|
+
permissions && permissions.duplicate && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ActionBar.Action, { onClick: onDuplicate, label: "Duplicate", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Copy, { size: 16 }) }),
|
|
74450
|
+
permissions && permissions.delete && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ActionBar.Action, { onClick: onDelete, label: "Delete", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Trash, { size: 16 }) })
|
|
74451
|
+
] })
|
|
74274
74452
|
}
|
|
74275
74453
|
)
|
|
74276
74454
|
}
|
|
74277
74455
|
),
|
|
74278
|
-
/* @__PURE__ */ (0,
|
|
74279
|
-
/* @__PURE__ */ (0,
|
|
74456
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName17("overlay") }),
|
|
74457
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName17("contents"), children })
|
|
74280
74458
|
]
|
|
74281
74459
|
})
|
|
74282
74460
|
)
|
|
@@ -74285,9 +74463,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74285
74463
|
);
|
|
74286
74464
|
};
|
|
74287
74465
|
init_react_import2();
|
|
74288
|
-
var
|
|
74466
|
+
var styles_module_default12 = { "DropZone": "_DropZone_djoti_1", "DropZone-content": "_DropZone-content_djoti_10", "DropZone--userIsDragging": "_DropZone--userIsDragging_djoti_15", "DropZone--draggingOverArea": "_DropZone--draggingOverArea_djoti_19", "DropZone--draggingNewComponent": "_DropZone--draggingNewComponent_djoti_20", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_djoti_26", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_djoti_27", "DropZone--isDisabled": "_DropZone--isDisabled_djoti_28", "DropZone--isRootZone": "_DropZone--isRootZone_djoti_29", "DropZone--hasChildren": "_DropZone--hasChildren_djoti_30", "DropZone--isDestination": "_DropZone--isDestination_djoti_40", "DropZone-item": "_DropZone-item_djoti_52", "DropZone-hitbox": "_DropZone-hitbox_djoti_56" };
|
|
74289
74467
|
init_react_import2();
|
|
74290
|
-
var
|
|
74468
|
+
var import_react16 = require("react");
|
|
74291
74469
|
var import_use_debounce2 = (init_index_module(), __toCommonJS(index_module_exports));
|
|
74292
74470
|
init_react_import2();
|
|
74293
74471
|
var getZoneId2 = (zoneCompound) => {
|
|
@@ -74299,30 +74477,30 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74299
74477
|
}
|
|
74300
74478
|
return [rootDroppableId2, zoneCompound];
|
|
74301
74479
|
};
|
|
74302
|
-
var
|
|
74303
|
-
var dropZoneContext2 = (0,
|
|
74480
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
74481
|
+
var dropZoneContext2 = (0, import_react16.createContext)(null);
|
|
74304
74482
|
var DropZoneProvider = ({
|
|
74305
74483
|
children,
|
|
74306
74484
|
value
|
|
74307
74485
|
}) => {
|
|
74308
|
-
const [hoveringArea, setHoveringArea] = (0,
|
|
74309
|
-
const [hoveringZone, setHoveringZone] = (0,
|
|
74486
|
+
const [hoveringArea, setHoveringArea] = (0, import_react16.useState)(null);
|
|
74487
|
+
const [hoveringZone, setHoveringZone] = (0, import_react16.useState)(
|
|
74310
74488
|
rootDroppableId2
|
|
74311
74489
|
);
|
|
74312
|
-
const [hoveringComponent, setHoveringComponent] = (0,
|
|
74490
|
+
const [hoveringComponent, setHoveringComponent] = (0, import_react16.useState)();
|
|
74313
74491
|
const [hoveringAreaDb] = (0, import_use_debounce2.useDebounce)(hoveringArea, 75, { leading: false });
|
|
74314
|
-
const [areasWithZones, setAreasWithZones] = (0,
|
|
74492
|
+
const [areasWithZones, setAreasWithZones] = (0, import_react16.useState)(
|
|
74315
74493
|
{}
|
|
74316
74494
|
);
|
|
74317
|
-
const [activeZones, setActiveZones] = (0,
|
|
74495
|
+
const [activeZones, setActiveZones] = (0, import_react16.useState)({});
|
|
74318
74496
|
const { dispatch = null } = value ? value : {};
|
|
74319
|
-
const registerZoneArea = (0,
|
|
74497
|
+
const registerZoneArea = (0, import_react16.useCallback)(
|
|
74320
74498
|
(area) => {
|
|
74321
74499
|
setAreasWithZones((latest) => __spreadProps2(__spreadValues2({}, latest), { [area]: true }));
|
|
74322
74500
|
},
|
|
74323
74501
|
[setAreasWithZones]
|
|
74324
74502
|
);
|
|
74325
|
-
const registerZone = (0,
|
|
74503
|
+
const registerZone = (0, import_react16.useCallback)(
|
|
74326
74504
|
(zoneCompound) => {
|
|
74327
74505
|
if (!dispatch) {
|
|
74328
74506
|
return;
|
|
@@ -74335,7 +74513,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74335
74513
|
},
|
|
74336
74514
|
[setActiveZones, dispatch]
|
|
74337
74515
|
);
|
|
74338
|
-
const unregisterZone = (0,
|
|
74516
|
+
const unregisterZone = (0, import_react16.useCallback)(
|
|
74339
74517
|
(zoneCompound) => {
|
|
74340
74518
|
if (!dispatch) {
|
|
74341
74519
|
return;
|
|
@@ -74350,8 +74528,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74350
74528
|
},
|
|
74351
74529
|
[setActiveZones, dispatch]
|
|
74352
74530
|
);
|
|
74353
|
-
const [pathData, setPathData] = (0,
|
|
74354
|
-
const registerPath = (0,
|
|
74531
|
+
const [pathData, setPathData] = (0, import_react16.useState)();
|
|
74532
|
+
const registerPath = (0, import_react16.useCallback)(
|
|
74355
74533
|
(selector) => {
|
|
74356
74534
|
if (!(value == null ? void 0 : value.data)) {
|
|
74357
74535
|
return;
|
|
@@ -74376,8 +74554,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74376
74554
|
},
|
|
74377
74555
|
[value, setPathData]
|
|
74378
74556
|
);
|
|
74379
|
-
const [zoneWillDrag, setZoneWillDrag] = (0,
|
|
74380
|
-
return /* @__PURE__ */ (0,
|
|
74557
|
+
const [zoneWillDrag, setZoneWillDrag] = (0, import_react16.useState)("");
|
|
74558
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: value && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
74381
74559
|
dropZoneContext2.Provider,
|
|
74382
74560
|
{
|
|
74383
74561
|
value: __spreadValues2({
|
|
@@ -74401,12 +74579,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74401
74579
|
}
|
|
74402
74580
|
) });
|
|
74403
74581
|
};
|
|
74404
|
-
var
|
|
74405
|
-
var
|
|
74582
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
74583
|
+
var getClassName18 = get_class_name_factory_default2("DropZone", styles_module_default12);
|
|
74406
74584
|
function DropZoneEdit({ zone, allow, disallow, style: style2 }) {
|
|
74407
74585
|
var _a3;
|
|
74408
74586
|
const appContext22 = useAppContext2();
|
|
74409
|
-
const ctx = (0,
|
|
74587
|
+
const ctx = (0, import_react17.useContext)(dropZoneContext2);
|
|
74410
74588
|
const {
|
|
74411
74589
|
// These all need setting via context
|
|
74412
74590
|
data,
|
|
@@ -74425,12 +74603,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74425
74603
|
} = ctx || {};
|
|
74426
74604
|
let content = data.content || [];
|
|
74427
74605
|
let zoneCompound = rootDroppableId2;
|
|
74428
|
-
(0,
|
|
74606
|
+
(0, import_react17.useEffect)(() => {
|
|
74429
74607
|
if (areaId && registerZoneArea) {
|
|
74430
74608
|
registerZoneArea(areaId);
|
|
74431
74609
|
}
|
|
74432
74610
|
}, [areaId]);
|
|
74433
|
-
(0,
|
|
74611
|
+
(0, import_react17.useEffect)(() => {
|
|
74434
74612
|
if (ctx == null ? void 0 : ctx.registerZone) {
|
|
74435
74613
|
ctx == null ? void 0 : ctx.registerZone(zoneCompound);
|
|
74436
74614
|
}
|
|
@@ -74456,7 +74634,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74456
74634
|
const draggingOverArea = userIsDragging && zoneArea === draggedSourceArea;
|
|
74457
74635
|
const draggingNewComponent = draggedSourceId == null ? void 0 : draggedSourceId.startsWith("component-list");
|
|
74458
74636
|
if (!(ctx == null ? void 0 : ctx.config) || !ctx.setHoveringArea || !ctx.setHoveringZone || !ctx.setHoveringComponent || !ctx.setItemSelector || !ctx.registerPath || !ctx.dispatch) {
|
|
74459
|
-
return /* @__PURE__ */ (0,
|
|
74637
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: "DropZone requires context to work." });
|
|
74460
74638
|
}
|
|
74461
74639
|
const {
|
|
74462
74640
|
hoveringArea = "root",
|
|
@@ -74497,10 +74675,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74497
74675
|
}
|
|
74498
74676
|
const selectedItem = itemSelector ? getItem2(itemSelector, data) : null;
|
|
74499
74677
|
const isAreaSelected = selectedItem && zoneArea === selectedItem.props.id;
|
|
74500
|
-
return /* @__PURE__ */ (0,
|
|
74678
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74501
74679
|
"div",
|
|
74502
74680
|
{
|
|
74503
|
-
className:
|
|
74681
|
+
className: getClassName18({
|
|
74504
74682
|
isRootZone,
|
|
74505
74683
|
userIsDragging,
|
|
74506
74684
|
draggingOverArea,
|
|
@@ -74514,17 +74692,17 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74514
74692
|
onMouseUp: () => {
|
|
74515
74693
|
setZoneWillDrag("");
|
|
74516
74694
|
},
|
|
74517
|
-
children: /* @__PURE__ */ (0,
|
|
74695
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74518
74696
|
Droppable2,
|
|
74519
74697
|
{
|
|
74520
74698
|
droppableId: zoneCompound,
|
|
74521
74699
|
direction: "vertical",
|
|
74522
74700
|
isDropDisabled: !isEnabled,
|
|
74523
74701
|
children: (provided, snapshot) => {
|
|
74524
|
-
return /* @__PURE__ */ (0,
|
|
74702
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
74525
74703
|
"div",
|
|
74526
74704
|
__spreadProps2(__spreadValues2({}, (provided || { droppableProps: {} }).droppableProps), {
|
|
74527
|
-
className:
|
|
74705
|
+
className: getClassName18("content"),
|
|
74528
74706
|
ref: provided == null ? void 0 : provided.innerRef,
|
|
74529
74707
|
style: style2,
|
|
74530
74708
|
id: zoneCompound,
|
|
@@ -74551,25 +74729,34 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74551
74729
|
"draggable-"
|
|
74552
74730
|
)[1] === componentId;
|
|
74553
74731
|
const containsZone = areasWithZones ? areasWithZones[componentId] : false;
|
|
74554
|
-
const Render2 = config.components[item.type] ? config.components[item.type].render : () => /* @__PURE__ */ (0,
|
|
74732
|
+
const Render2 = config.components[item.type] ? config.components[item.type].render : () => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { padding: 48, textAlign: "center" }, children: [
|
|
74555
74733
|
"No configuration for ",
|
|
74556
74734
|
item.type
|
|
74557
74735
|
] });
|
|
74558
74736
|
const componentConfig = config.components[item.type];
|
|
74559
74737
|
const label = (_b2 = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _b2 : item.type.toString();
|
|
74560
|
-
|
|
74738
|
+
const canDrag = getPermissions({
|
|
74739
|
+
selectedItem: getItem2(
|
|
74740
|
+
{ index: i2, zone: zoneCompound },
|
|
74741
|
+
appContext22.state.data
|
|
74742
|
+
),
|
|
74743
|
+
config: appContext22.config,
|
|
74744
|
+
globalPermissions: appContext22.globalPermissions || {},
|
|
74745
|
+
appState: appContext22.state
|
|
74746
|
+
}).drag;
|
|
74747
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
74561
74748
|
"div",
|
|
74562
74749
|
{
|
|
74563
|
-
className:
|
|
74750
|
+
className: getClassName18("item"),
|
|
74564
74751
|
style: { zIndex: isDragging2 ? 1 : void 0 },
|
|
74565
74752
|
children: [
|
|
74566
|
-
/* @__PURE__ */ (0,
|
|
74753
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74567
74754
|
DropZoneProvider,
|
|
74568
74755
|
{
|
|
74569
74756
|
value: __spreadProps2(__spreadValues2({}, ctx), {
|
|
74570
74757
|
areaId: componentId
|
|
74571
74758
|
}),
|
|
74572
|
-
children: /* @__PURE__ */ (0,
|
|
74759
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74573
74760
|
DraggableComponent,
|
|
74574
74761
|
{
|
|
74575
74762
|
label,
|
|
@@ -74578,6 +74765,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74578
74765
|
isSelected,
|
|
74579
74766
|
isLocked: userIsDragging,
|
|
74580
74767
|
forceHover: hoveringComponent === componentId && !userIsDragging,
|
|
74768
|
+
isDragDisabled: !canDrag,
|
|
74581
74769
|
indicativeHover: userIsDragging && containsZone && hoveringArea === componentId,
|
|
74582
74770
|
isLoading: (_c = appContext22.componentState[componentId]) == null ? void 0 : _c.loading,
|
|
74583
74771
|
onMount: () => {
|
|
@@ -74636,15 +74824,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74636
74824
|
style: {
|
|
74637
74825
|
pointerEvents: userIsDragging && draggingNewComponent ? "all" : void 0
|
|
74638
74826
|
},
|
|
74639
|
-
children: /* @__PURE__ */ (0,
|
|
74827
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: getClassName18("renderWrapper"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Render2, __spreadValues2({}, defaultedProps)) })
|
|
74640
74828
|
}
|
|
74641
74829
|
)
|
|
74642
74830
|
}
|
|
74643
74831
|
),
|
|
74644
|
-
userIsDragging && /* @__PURE__ */ (0,
|
|
74832
|
+
userIsDragging && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74645
74833
|
"div",
|
|
74646
74834
|
{
|
|
74647
|
-
className:
|
|
74835
|
+
className: getClassName18("hitbox"),
|
|
74648
74836
|
onMouseOver: (e2) => {
|
|
74649
74837
|
e2.stopPropagation();
|
|
74650
74838
|
setHoveringArea(zoneArea);
|
|
@@ -74658,7 +74846,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74658
74846
|
);
|
|
74659
74847
|
}),
|
|
74660
74848
|
provided == null ? void 0 : provided.placeholder,
|
|
74661
|
-
(snapshot == null ? void 0 : snapshot.isDraggingOver) && /* @__PURE__ */ (0,
|
|
74849
|
+
(snapshot == null ? void 0 : snapshot.isDraggingOver) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74662
74850
|
"div",
|
|
74663
74851
|
{
|
|
74664
74852
|
"data-puck-placeholder": true,
|
|
@@ -74679,7 +74867,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74679
74867
|
);
|
|
74680
74868
|
}
|
|
74681
74869
|
function DropZoneRender({ zone }) {
|
|
74682
|
-
const ctx = (0,
|
|
74870
|
+
const ctx = (0, import_react17.useContext)(dropZoneContext2);
|
|
74683
74871
|
const { data, areaId = "root", config } = ctx || {};
|
|
74684
74872
|
let zoneCompound = rootDroppableId2;
|
|
74685
74873
|
let content = (data == null ? void 0 : data.content) || [];
|
|
@@ -74690,14 +74878,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74690
74878
|
zoneCompound = `${areaId}:${zone}`;
|
|
74691
74879
|
content = setupZone2(data, zoneCompound).zones[zoneCompound];
|
|
74692
74880
|
}
|
|
74693
|
-
return /* @__PURE__ */ (0,
|
|
74881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: content.map((item) => {
|
|
74694
74882
|
const Component = config.components[item.type];
|
|
74695
74883
|
if (Component) {
|
|
74696
|
-
return /* @__PURE__ */ (0,
|
|
74884
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74697
74885
|
DropZoneProvider,
|
|
74698
74886
|
{
|
|
74699
74887
|
value: { data, config, areaId: item.props.id },
|
|
74700
|
-
children: /* @__PURE__ */ (0,
|
|
74888
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74701
74889
|
Component.render,
|
|
74702
74890
|
__spreadProps2(__spreadValues2({}, item.props), {
|
|
74703
74891
|
puck: { renderDropZone: DropZone }
|
|
@@ -74711,16 +74899,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74711
74899
|
}) });
|
|
74712
74900
|
}
|
|
74713
74901
|
function DropZone(props) {
|
|
74714
|
-
const ctx = (0,
|
|
74902
|
+
const ctx = (0, import_react17.useContext)(dropZoneContext2);
|
|
74715
74903
|
if ((ctx == null ? void 0 : ctx.mode) === "edit") {
|
|
74716
|
-
return /* @__PURE__ */ (0,
|
|
74904
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropZoneEdit, __spreadValues2({}, props));
|
|
74717
74905
|
}
|
|
74718
|
-
return /* @__PURE__ */ (0,
|
|
74906
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropZoneRender, __spreadValues2({}, props));
|
|
74719
74907
|
}
|
|
74720
74908
|
init_react_import2();
|
|
74721
|
-
var
|
|
74909
|
+
var import_react31 = require("react");
|
|
74722
74910
|
init_react_import2();
|
|
74723
|
-
var
|
|
74911
|
+
var import_react18 = require("react");
|
|
74724
74912
|
init_react_import2();
|
|
74725
74913
|
var getFrame3 = () => {
|
|
74726
74914
|
let frame = document.querySelector("#preview-frame");
|
|
@@ -74731,7 +74919,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74731
74919
|
};
|
|
74732
74920
|
var usePlaceholderStyle = () => {
|
|
74733
74921
|
const queryAttr = "data-rfd-drag-handle-draggable-id";
|
|
74734
|
-
const [placeholderStyle, setPlaceholderStyle] = (0,
|
|
74922
|
+
const [placeholderStyle, setPlaceholderStyle] = (0, import_react18.useState)();
|
|
74735
74923
|
const onDragStartOrUpdate = (draggedItem) => {
|
|
74736
74924
|
var _a3;
|
|
74737
74925
|
const draggableId = draggedItem.draggableId;
|
|
@@ -74776,9 +74964,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74776
74964
|
};
|
|
74777
74965
|
init_react_import2();
|
|
74778
74966
|
init_react_import2();
|
|
74779
|
-
var
|
|
74967
|
+
var styles_module_default13 = { "SidebarSection": "_SidebarSection_125qe_1", "SidebarSection-title": "_SidebarSection-title_125qe_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_125qe_20", "SidebarSection-content": "_SidebarSection-content_125qe_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_125qe_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_125qe_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_125qe_70", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_125qe_41", "SidebarSection-heading": "_SidebarSection-heading_125qe_82", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_125qe_86" };
|
|
74780
74968
|
init_react_import2();
|
|
74781
|
-
var
|
|
74969
|
+
var import_react19 = require("react");
|
|
74782
74970
|
var convertPathDataToBreadcrumbs2 = (selectedItem, pathData, data) => {
|
|
74783
74971
|
const id = selectedItem ? selectedItem == null ? void 0 : selectedItem.props.id : "";
|
|
74784
74972
|
const currentPathData = pathData && id && pathData[id] ? __spreadValues2({}, pathData[id]) : { label: "Page", path: [] };
|
|
@@ -74828,8 +75016,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74828
75016
|
state: { data },
|
|
74829
75017
|
selectedItem
|
|
74830
75018
|
} = useAppContext2();
|
|
74831
|
-
const dzContext = (0,
|
|
74832
|
-
return (0,
|
|
75019
|
+
const dzContext = (0, import_react19.useContext)(dropZoneContext2);
|
|
75020
|
+
return (0, import_react19.useMemo)(() => {
|
|
74833
75021
|
const breadcrumbs = convertPathDataToBreadcrumbs2(
|
|
74834
75022
|
selectedItem,
|
|
74835
75023
|
dzContext == null ? void 0 : dzContext.pathData,
|
|
@@ -74841,8 +75029,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74841
75029
|
return breadcrumbs;
|
|
74842
75030
|
}, [selectedItem, dzContext == null ? void 0 : dzContext.pathData, renderCount]);
|
|
74843
75031
|
};
|
|
74844
|
-
var
|
|
74845
|
-
var
|
|
75032
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
75033
|
+
var getClassName19 = get_class_name_factory_default2("SidebarSection", styles_module_default13);
|
|
74846
75034
|
var SidebarSection2 = ({
|
|
74847
75035
|
children,
|
|
74848
75036
|
title,
|
|
@@ -74854,28 +75042,28 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74854
75042
|
}) => {
|
|
74855
75043
|
const { setUi } = useAppContext2();
|
|
74856
75044
|
const breadcrumbs = useBreadcrumbs2(1);
|
|
74857
|
-
return /* @__PURE__ */ (0,
|
|
75045
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
74858
75046
|
"div",
|
|
74859
75047
|
{
|
|
74860
|
-
className:
|
|
75048
|
+
className: getClassName19({ noBorderTop, noPadding }),
|
|
74861
75049
|
style: { background },
|
|
74862
75050
|
children: [
|
|
74863
|
-
/* @__PURE__ */ (0,
|
|
74864
|
-
showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0,
|
|
74865
|
-
/* @__PURE__ */ (0,
|
|
75051
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("title"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: getClassName19("breadcrumbs"), children: [
|
|
75052
|
+
showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: getClassName19("breadcrumb"), children: [
|
|
75053
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
74866
75054
|
"button",
|
|
74867
75055
|
{
|
|
74868
|
-
className:
|
|
75056
|
+
className: getClassName19("breadcrumbLabel"),
|
|
74869
75057
|
onClick: () => setUi({ itemSelector: breadcrumb.selector }),
|
|
74870
75058
|
children: breadcrumb.label
|
|
74871
75059
|
}
|
|
74872
75060
|
),
|
|
74873
|
-
/* @__PURE__ */ (0,
|
|
75061
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronRight2, { size: 16 })
|
|
74874
75062
|
] }, i2)) : null,
|
|
74875
|
-
/* @__PURE__ */ (0,
|
|
75063
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("heading"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Heading2, { rank: 2, size: "xs", children: title }) })
|
|
74876
75064
|
] }) }),
|
|
74877
|
-
/* @__PURE__ */ (0,
|
|
74878
|
-
isLoading && /* @__PURE__ */ (0,
|
|
75065
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("content"), children }),
|
|
75066
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Loader2, { size: 32 }) })
|
|
74879
75067
|
]
|
|
74880
75068
|
}
|
|
74881
75069
|
);
|
|
@@ -74977,34 +75165,37 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74977
75165
|
})
|
|
74978
75166
|
});
|
|
74979
75167
|
};
|
|
74980
|
-
var
|
|
74981
|
-
|
|
74982
|
-
|
|
74983
|
-
|
|
74984
|
-
|
|
74985
|
-
|
|
74986
|
-
|
|
74987
|
-
|
|
74988
|
-
if (action.destinationZone === rootDroppableId2) {
|
|
74989
|
-
return __spreadProps2(__spreadValues2({}, data), {
|
|
74990
|
-
content: insert(
|
|
74991
|
-
data.content,
|
|
74992
|
-
action.destinationIndex,
|
|
74993
|
-
emptyComponentData
|
|
74994
|
-
)
|
|
74995
|
-
});
|
|
74996
|
-
}
|
|
74997
|
-
const newData = setupZone2(data, action.destinationZone);
|
|
75168
|
+
var insertAction = (data, action, config) => {
|
|
75169
|
+
const emptyComponentData = {
|
|
75170
|
+
type: action.componentType,
|
|
75171
|
+
props: __spreadProps2(__spreadValues2({}, config.components[action.componentType].defaultProps || {}), {
|
|
75172
|
+
id: action.id || generateId(action.componentType)
|
|
75173
|
+
})
|
|
75174
|
+
};
|
|
75175
|
+
if (action.destinationZone === rootDroppableId2) {
|
|
74998
75176
|
return __spreadProps2(__spreadValues2({}, data), {
|
|
74999
|
-
|
|
75000
|
-
|
|
75001
|
-
|
|
75002
|
-
|
|
75003
|
-
|
|
75004
|
-
)
|
|
75005
|
-
})
|
|
75177
|
+
content: insert(
|
|
75178
|
+
data.content,
|
|
75179
|
+
action.destinationIndex,
|
|
75180
|
+
emptyComponentData
|
|
75181
|
+
)
|
|
75006
75182
|
});
|
|
75007
75183
|
}
|
|
75184
|
+
const newData = setupZone2(data, action.destinationZone);
|
|
75185
|
+
return __spreadProps2(__spreadValues2({}, data), {
|
|
75186
|
+
zones: __spreadProps2(__spreadValues2({}, newData.zones), {
|
|
75187
|
+
[action.destinationZone]: insert(
|
|
75188
|
+
newData.zones[action.destinationZone],
|
|
75189
|
+
action.destinationIndex,
|
|
75190
|
+
emptyComponentData
|
|
75191
|
+
)
|
|
75192
|
+
})
|
|
75193
|
+
});
|
|
75194
|
+
};
|
|
75195
|
+
var reduceData = (data, action, config) => {
|
|
75196
|
+
if (action.type === "insert") {
|
|
75197
|
+
return insertAction(data, action, config);
|
|
75198
|
+
}
|
|
75008
75199
|
if (action.type === "duplicate") {
|
|
75009
75200
|
const item = getItem2(
|
|
75010
75201
|
{ index: action.sourceIndex, zone: action.sourceZone },
|
|
@@ -75219,19 +75410,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75219
75410
|
return appState;
|
|
75220
75411
|
};
|
|
75221
75412
|
init_react_import2();
|
|
75222
|
-
var
|
|
75223
|
-
init_react_import2();
|
|
75413
|
+
var import_react20 = require("react");
|
|
75224
75414
|
init_react_import2();
|
|
75225
|
-
var
|
|
75226
|
-
return newItem ? Object.keys(newItem.props || {}).reduce((acc, item) => {
|
|
75227
|
-
const newItemProps = (newItem == null ? void 0 : newItem.props) || {};
|
|
75228
|
-
const oldItemProps = (oldItem == null ? void 0 : oldItem.props) || {};
|
|
75229
|
-
return __spreadProps2(__spreadValues2({}, acc), {
|
|
75230
|
-
[item]: oldItemProps[item] !== newItemProps[item]
|
|
75231
|
-
});
|
|
75232
|
-
}, {}) : {};
|
|
75233
|
-
};
|
|
75234
|
-
var cache = { lastChange: {} };
|
|
75415
|
+
var cache2 = { lastChange: {} };
|
|
75235
75416
|
var resolveAllComponentData = (content, config, onResolveStart, onResolveEnd) => __async2(void 0, null, function* () {
|
|
75236
75417
|
return yield Promise.all(
|
|
75237
75418
|
content.map((item) => __async2(void 0, null, function* () {
|
|
@@ -75247,7 +75428,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75247
75428
|
var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __async2(void 0, null, function* () {
|
|
75248
75429
|
const configForItem = config.components[item.type];
|
|
75249
75430
|
if (configForItem.resolveData) {
|
|
75250
|
-
const { item: oldItem = {}, resolved = {} } =
|
|
75431
|
+
const { item: oldItem = {}, resolved = {} } = cache2.lastChange[item.props.id] || {};
|
|
75251
75432
|
if (item && item === oldItem) {
|
|
75252
75433
|
return resolved;
|
|
75253
75434
|
}
|
|
@@ -75264,7 +75445,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75264
75445
|
if (Object.keys(newReadOnly).length) {
|
|
75265
75446
|
resolvedItem.readOnly = newReadOnly;
|
|
75266
75447
|
}
|
|
75267
|
-
|
|
75448
|
+
cache2.lastChange[item.props.id] = {
|
|
75268
75449
|
item,
|
|
75269
75450
|
resolved: resolvedItem
|
|
75270
75451
|
};
|
|
@@ -75292,20 +75473,20 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75292
75473
|
});
|
|
75293
75474
|
};
|
|
75294
75475
|
init_react_import2();
|
|
75295
|
-
var
|
|
75476
|
+
var cache3 = {};
|
|
75296
75477
|
var resolveRootData = (data, config) => __async2(void 0, null, function* () {
|
|
75297
75478
|
var _a3, _b2, _c, _d, _e;
|
|
75298
75479
|
if (((_a3 = config.root) == null ? void 0 : _a3.resolveData) && data.root.props) {
|
|
75299
|
-
if (((_b2 =
|
|
75300
|
-
return
|
|
75480
|
+
if (((_b2 = cache3.lastChange) == null ? void 0 : _b2.original) === data.root) {
|
|
75481
|
+
return cache3.lastChange.resolved;
|
|
75301
75482
|
}
|
|
75302
|
-
const changed = getChanged(data.root, (_c =
|
|
75483
|
+
const changed = getChanged(data.root, (_c = cache3.lastChange) == null ? void 0 : _c.original);
|
|
75303
75484
|
const rootWithProps = data.root;
|
|
75304
75485
|
const resolvedRoot = yield (_e = config.root) == null ? void 0 : _e.resolveData(rootWithProps, {
|
|
75305
75486
|
changed,
|
|
75306
|
-
lastData: ((_d =
|
|
75487
|
+
lastData: ((_d = cache3.lastChange) == null ? void 0 : _d.original) || {}
|
|
75307
75488
|
});
|
|
75308
|
-
|
|
75489
|
+
cache3.lastChange = {
|
|
75309
75490
|
original: data.root,
|
|
75310
75491
|
resolved: resolvedRoot
|
|
75311
75492
|
};
|
|
@@ -75316,13 +75497,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75316
75497
|
return data.root;
|
|
75317
75498
|
});
|
|
75318
75499
|
var useResolvedData = (appState, config, dispatch) => {
|
|
75319
|
-
const [{ resolverKey, newAppState }, setResolverState] = (0,
|
|
75500
|
+
const [{ resolverKey, newAppState }, setResolverState] = (0, import_react20.useState)({
|
|
75320
75501
|
resolverKey: 0,
|
|
75321
75502
|
newAppState: appState
|
|
75322
75503
|
});
|
|
75323
|
-
const [componentState, setComponentState] = (0,
|
|
75504
|
+
const [componentState, setComponentState] = (0, import_react20.useState)({});
|
|
75324
75505
|
const deferredSetStates = {};
|
|
75325
|
-
const setComponentLoading = (0,
|
|
75506
|
+
const setComponentLoading = (0, import_react20.useCallback)(
|
|
75326
75507
|
(id, loading, defer2 = 0) => {
|
|
75327
75508
|
if (deferredSetStates[id]) {
|
|
75328
75509
|
clearTimeout(deferredSetStates[id]);
|
|
@@ -75392,10 +75573,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75392
75573
|
});
|
|
75393
75574
|
yield Promise.all(promises);
|
|
75394
75575
|
});
|
|
75395
|
-
(0,
|
|
75576
|
+
(0, import_react20.useEffect)(() => {
|
|
75396
75577
|
runResolvers();
|
|
75397
75578
|
}, [resolverKey]);
|
|
75398
|
-
const resolveData = (0,
|
|
75579
|
+
const resolveData = (0, import_react20.useCallback)((newAppState2 = appState) => {
|
|
75399
75580
|
setResolverState((curr) => ({
|
|
75400
75581
|
resolverKey: curr.resolverKey + 1,
|
|
75401
75582
|
newAppState: newAppState2
|
|
@@ -75408,9 +75589,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75408
75589
|
};
|
|
75409
75590
|
init_react_import2();
|
|
75410
75591
|
init_react_import2();
|
|
75411
|
-
var
|
|
75412
|
-
var
|
|
75413
|
-
var
|
|
75592
|
+
var styles_module_default14 = { "MenuBar": "_MenuBar_8pf8c_1", "MenuBar--menuOpen": "_MenuBar--menuOpen_8pf8c_14", "MenuBar-inner": "_MenuBar-inner_8pf8c_29", "MenuBar-history": "_MenuBar-history_8pf8c_45" };
|
|
75593
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
75594
|
+
var getClassName20 = get_class_name_factory_default2("MenuBar", styles_module_default14);
|
|
75414
75595
|
var MenuBar = ({
|
|
75415
75596
|
appState,
|
|
75416
75597
|
data = { content: [], root: {} },
|
|
@@ -75424,10 +75605,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75424
75605
|
history: { back, forward, historyStore }
|
|
75425
75606
|
} = useAppContext2();
|
|
75426
75607
|
const { hasFuture = false, hasPast = false } = historyStore || {};
|
|
75427
|
-
return /* @__PURE__ */ (0,
|
|
75608
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
75428
75609
|
"div",
|
|
75429
75610
|
{
|
|
75430
|
-
className:
|
|
75611
|
+
className: getClassName20({ menuOpen }),
|
|
75431
75612
|
onClick: (event) => {
|
|
75432
75613
|
var _a3;
|
|
75433
75614
|
const element = event.target;
|
|
@@ -75438,24 +75619,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75438
75619
|
setMenuOpen(false);
|
|
75439
75620
|
}
|
|
75440
75621
|
},
|
|
75441
|
-
children: /* @__PURE__ */ (0,
|
|
75442
|
-
/* @__PURE__ */ (0,
|
|
75443
|
-
/* @__PURE__ */ (0,
|
|
75444
|
-
|
|
75445
|
-
{
|
|
75446
|
-
size: 21,
|
|
75447
|
-
stroke: hasPast ? "var(--puck-color-black)" : "var(--puck-color-grey-08)"
|
|
75448
|
-
}
|
|
75449
|
-
) }),
|
|
75450
|
-
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconButton, { title: "redo", disabled: !hasFuture, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
75451
|
-
Redo2,
|
|
75452
|
-
{
|
|
75453
|
-
size: 21,
|
|
75454
|
-
stroke: hasFuture ? "var(--puck-color-black)" : "var(--puck-color-grey-08)"
|
|
75455
|
-
}
|
|
75456
|
-
) })
|
|
75622
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassName20("inner"), children: [
|
|
75623
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassName20("history"), children: [
|
|
75624
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { title: "undo", disabled: !hasPast, onClick: back, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Undo2, { size: 21 }) }),
|
|
75625
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { title: "redo", disabled: !hasFuture, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Redo2, { size: 21 }) })
|
|
75457
75626
|
] }),
|
|
75458
|
-
/* @__PURE__ */ (0,
|
|
75627
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: renderHeaderActions && renderHeaderActions({
|
|
75459
75628
|
state: appState,
|
|
75460
75629
|
dispatch
|
|
75461
75630
|
}) })
|
|
@@ -75464,20 +75633,20 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75464
75633
|
);
|
|
75465
75634
|
};
|
|
75466
75635
|
init_react_import2();
|
|
75467
|
-
var
|
|
75636
|
+
var styles_module_default15 = { "Puck": "_Puck_1g88c_19", "Puck-portal": "_Puck-portal_1g88c_24", "PuckLayout": "_PuckLayout_1g88c_31", "PuckLayout-inner": "_PuckLayout-inner_1g88c_39", "PuckLayout--mounted": "_PuckLayout--mounted_1g88c_51", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_1g88c_55", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_1g88c_61", "PuckLayout-mounted": "_PuckLayout-mounted_1g88c_75", "PuckLayout-header": "_PuckLayout-header_1g88c_116", "PuckLayout-headerInner": "_PuckLayout-headerInner_1g88c_125", "PuckLayout-headerToggle": "_PuckLayout-headerToggle_1g88c_135", "PuckLayout-rightSideBarToggle": "_PuckLayout-rightSideBarToggle_1g88c_142", "PuckLayout-leftSideBarToggle": "_PuckLayout-leftSideBarToggle_1g88c_143", "PuckLayout-headerTitle": "_PuckLayout-headerTitle_1g88c_147", "PuckLayout-headerPath": "_PuckLayout-headerPath_1g88c_151", "PuckLayout-headerTools": "_PuckLayout-headerTools_1g88c_158", "PuckLayout-menuButton": "_PuckLayout-menuButton_1g88c_164", "PuckLayout--menuOpen": "_PuckLayout--menuOpen_1g88c_169", "PuckLayout-leftSideBar": "_PuckLayout-leftSideBar_1g88c_143", "PuckLayout-rightSideBar": "_PuckLayout-rightSideBar_1g88c_142" };
|
|
75468
75637
|
init_react_import2();
|
|
75469
75638
|
init_react_import2();
|
|
75470
|
-
var
|
|
75471
|
-
var
|
|
75472
|
-
var
|
|
75473
|
-
var
|
|
75639
|
+
var styles_module_default16 = { "PuckFields": "_PuckFields_jp3lw_1", "PuckFields--isLoading": "_PuckFields--isLoading_jp3lw_6", "PuckFields-loadingOverlay": "_PuckFields-loadingOverlay_jp3lw_10", "PuckFields-loadingOverlayInner": "_PuckFields-loadingOverlayInner_jp3lw_25" };
|
|
75640
|
+
var import_react21 = require("react");
|
|
75641
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
75642
|
+
var getClassName21 = get_class_name_factory_default2("PuckFields", styles_module_default16);
|
|
75474
75643
|
var defaultPageFields = {
|
|
75475
75644
|
title: { type: "text" }
|
|
75476
75645
|
};
|
|
75477
75646
|
var DefaultFields = ({
|
|
75478
75647
|
children
|
|
75479
75648
|
}) => {
|
|
75480
|
-
return /* @__PURE__ */ (0,
|
|
75649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children });
|
|
75481
75650
|
};
|
|
75482
75651
|
var useResolvedFields = () => {
|
|
75483
75652
|
var _a3;
|
|
@@ -75487,14 +75656,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75487
75656
|
const componentConfig = selectedItem ? config.components[selectedItem.type] : null;
|
|
75488
75657
|
const defaultFields = selectedItem ? componentConfig == null ? void 0 : componentConfig.fields : rootFields;
|
|
75489
75658
|
const rootProps = data.root.props || data.root;
|
|
75490
|
-
const [lastSelectedData, setLastSelectedData] = (0,
|
|
75659
|
+
const [lastSelectedData, setLastSelectedData] = (0, import_react21.useState)(
|
|
75491
75660
|
{}
|
|
75492
75661
|
);
|
|
75493
|
-
const [resolvedFields, setResolvedFields] = (0,
|
|
75494
|
-
const [fieldsLoading, setFieldsLoading] = (0,
|
|
75662
|
+
const [resolvedFields, setResolvedFields] = (0, import_react21.useState)(defaultFields || {});
|
|
75663
|
+
const [fieldsLoading, setFieldsLoading] = (0, import_react21.useState)(false);
|
|
75495
75664
|
const defaultResolveFields = (_componentData, _params) => defaultFields;
|
|
75496
75665
|
const componentData = selectedItem ? selectedItem : { props: rootProps, readOnly: data.root.readOnly };
|
|
75497
|
-
const resolveFields = (0,
|
|
75666
|
+
const resolveFields = (0, import_react21.useCallback)(
|
|
75498
75667
|
(..._0) => __async2(void 0, [..._0], function* (fields = {}) {
|
|
75499
75668
|
var _a22, _b2, _c;
|
|
75500
75669
|
const lastData = ((_a22 = lastSelectedData.props) == null ? void 0 : _a22.id) === componentData.props.id ? lastSelectedData : {};
|
|
@@ -75530,7 +75699,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75530
75699
|
}),
|
|
75531
75700
|
[data, config, componentData, selectedItem, resolvedFields, state]
|
|
75532
75701
|
);
|
|
75533
|
-
(0,
|
|
75702
|
+
(0, import_react21.useEffect)(() => {
|
|
75534
75703
|
setFieldsLoading(true);
|
|
75535
75704
|
resolveFields(defaultFields).then((fields) => {
|
|
75536
75705
|
setResolvedFields(fields || {});
|
|
@@ -75548,7 +75717,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75548
75717
|
config,
|
|
75549
75718
|
resolveData,
|
|
75550
75719
|
componentState,
|
|
75551
|
-
overrides
|
|
75720
|
+
overrides,
|
|
75721
|
+
globalPermissions
|
|
75552
75722
|
} = useAppContext2();
|
|
75553
75723
|
const { data, ui } = state;
|
|
75554
75724
|
const { itemSelector } = ui;
|
|
@@ -75556,16 +75726,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75556
75726
|
const componentResolving = selectedItem ? (_a3 = componentState[selectedItem == null ? void 0 : selectedItem.props.id]) == null ? void 0 : _a3.loading : (_b2 = componentState["puck-root"]) == null ? void 0 : _b2.loading;
|
|
75557
75727
|
const isLoading = fieldsResolving || componentResolving;
|
|
75558
75728
|
const rootProps = data.root.props || data.root;
|
|
75559
|
-
const Wrapper = (0,
|
|
75560
|
-
return /* @__PURE__ */ (0,
|
|
75729
|
+
const Wrapper = (0, import_react21.useMemo)(() => overrides.fields || DefaultFields, [overrides]);
|
|
75730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
75561
75731
|
"form",
|
|
75562
75732
|
{
|
|
75563
|
-
className:
|
|
75733
|
+
className: getClassName21(),
|
|
75564
75734
|
onSubmit: (e2) => {
|
|
75565
75735
|
e2.preventDefault();
|
|
75566
75736
|
},
|
|
75567
75737
|
children: [
|
|
75568
|
-
/* @__PURE__ */ (0,
|
|
75738
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Wrapper, { isLoading, itemSelector, children: Object.keys(fields).map((fieldName) => {
|
|
75569
75739
|
const field = fields[fieldName];
|
|
75570
75740
|
if (!(field == null ? void 0 : field.type)) return null;
|
|
75571
75741
|
const onChange = (value, updatedUi) => {
|
|
@@ -75632,13 +75802,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75632
75802
|
};
|
|
75633
75803
|
if (selectedItem && itemSelector) {
|
|
75634
75804
|
const { readOnly = {} } = selectedItem;
|
|
75635
|
-
|
|
75805
|
+
const { edit } = getPermissions({
|
|
75806
|
+
selectedItem,
|
|
75807
|
+
config,
|
|
75808
|
+
globalPermissions: globalPermissions || {},
|
|
75809
|
+
appState: state
|
|
75810
|
+
});
|
|
75811
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
75636
75812
|
AutoFieldPrivate,
|
|
75637
75813
|
{
|
|
75638
75814
|
field,
|
|
75639
75815
|
name: fieldName,
|
|
75640
75816
|
id: `${selectedItem.props.id}_${fieldName}`,
|
|
75641
|
-
readOnly: readOnly[fieldName],
|
|
75817
|
+
readOnly: !edit || readOnly[fieldName],
|
|
75642
75818
|
value: selectedItem.props[fieldName],
|
|
75643
75819
|
onChange
|
|
75644
75820
|
},
|
|
@@ -75646,7 +75822,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75646
75822
|
);
|
|
75647
75823
|
} else {
|
|
75648
75824
|
const { readOnly = {} } = data.root;
|
|
75649
|
-
return /* @__PURE__ */ (0,
|
|
75825
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
75650
75826
|
AutoFieldPrivate,
|
|
75651
75827
|
{
|
|
75652
75828
|
field,
|
|
@@ -75660,26 +75836,41 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75660
75836
|
);
|
|
75661
75837
|
}
|
|
75662
75838
|
}) }),
|
|
75663
|
-
isLoading && /* @__PURE__ */ (0,
|
|
75839
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: getClassName21("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: getClassName21("loadingOverlayInner"), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Loader2, { size: 16 }) }) })
|
|
75664
75840
|
]
|
|
75665
75841
|
}
|
|
75666
75842
|
);
|
|
75667
75843
|
};
|
|
75668
75844
|
init_react_import2();
|
|
75669
75845
|
init_react_import2();
|
|
75670
|
-
var
|
|
75846
|
+
var import_react222 = require("react");
|
|
75671
75847
|
init_react_import2();
|
|
75672
75848
|
init_react_import2();
|
|
75673
|
-
var
|
|
75674
|
-
var
|
|
75675
|
-
var
|
|
75849
|
+
var styles_module_default17 = { "ComponentList": "_ComponentList_odh9d_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_odh9d_5", "ComponentList-content": "_ComponentList-content_odh9d_9", "ComponentList-title": "_ComponentList-title_odh9d_17", "ComponentList-titleIcon": "_ComponentList-titleIcon_odh9d_53" };
|
|
75850
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
75851
|
+
var getClassName222 = get_class_name_factory_default2("ComponentList", styles_module_default17);
|
|
75676
75852
|
var ComponentListItem = ({
|
|
75677
75853
|
name,
|
|
75678
75854
|
label,
|
|
75679
75855
|
index
|
|
75680
75856
|
}) => {
|
|
75681
|
-
const { overrides } = useAppContext2();
|
|
75682
|
-
|
|
75857
|
+
const { overrides, config, globalPermissions, state } = useAppContext2();
|
|
75858
|
+
const canInsert = getPermissions({
|
|
75859
|
+
type: name,
|
|
75860
|
+
config,
|
|
75861
|
+
globalPermissions: globalPermissions || {},
|
|
75862
|
+
appState: state
|
|
75863
|
+
}).insert;
|
|
75864
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
75865
|
+
Drawer.Item,
|
|
75866
|
+
{
|
|
75867
|
+
label,
|
|
75868
|
+
name,
|
|
75869
|
+
index,
|
|
75870
|
+
isDragDisabled: !canInsert,
|
|
75871
|
+
children: overrides.componentItem
|
|
75872
|
+
}
|
|
75873
|
+
);
|
|
75683
75874
|
};
|
|
75684
75875
|
var ComponentList = ({
|
|
75685
75876
|
children,
|
|
@@ -75688,11 +75879,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75688
75879
|
}) => {
|
|
75689
75880
|
const { config, state, setUi } = useAppContext2();
|
|
75690
75881
|
const { expanded = true } = state.ui.componentList[id] || {};
|
|
75691
|
-
return /* @__PURE__ */ (0,
|
|
75692
|
-
title && /* @__PURE__ */ (0,
|
|
75882
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: getClassName222({ isExpanded: expanded }), children: [
|
|
75883
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
75693
75884
|
"button",
|
|
75694
75885
|
{
|
|
75695
|
-
className:
|
|
75886
|
+
className: getClassName222("title"),
|
|
75696
75887
|
onClick: () => setUi({
|
|
75697
75888
|
componentList: __spreadProps2(__spreadValues2({}, state.ui.componentList), {
|
|
75698
75889
|
[id]: __spreadProps2(__spreadValues2({}, state.ui.componentList[id]), {
|
|
@@ -75702,14 +75893,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75702
75893
|
}),
|
|
75703
75894
|
title: expanded ? `Collapse${title ? ` ${title}` : ""}` : `Expand${title ? ` ${title}` : ""}`,
|
|
75704
75895
|
children: [
|
|
75705
|
-
/* @__PURE__ */ (0,
|
|
75706
|
-
/* @__PURE__ */ (0,
|
|
75896
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: title }),
|
|
75897
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: getClassName222("titleIcon"), children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronUp, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDown, { size: 12 }) })
|
|
75707
75898
|
]
|
|
75708
75899
|
}
|
|
75709
75900
|
),
|
|
75710
|
-
/* @__PURE__ */ (0,
|
|
75901
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: getClassName222("content"), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Drawer, { droppableId: title, children: children || Object.keys(config.components).map((componentKey, i2) => {
|
|
75711
75902
|
var _a3;
|
|
75712
|
-
return /* @__PURE__ */ (0,
|
|
75903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
75713
75904
|
ComponentListItem,
|
|
75714
75905
|
{
|
|
75715
75906
|
label: (_a3 = config.components[componentKey]["label"]) != null ? _a3 : componentKey,
|
|
@@ -75722,10 +75913,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75722
75913
|
] });
|
|
75723
75914
|
};
|
|
75724
75915
|
ComponentList.Item = ComponentListItem;
|
|
75725
|
-
var
|
|
75916
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
75726
75917
|
var useComponentList = (config, ui) => {
|
|
75727
|
-
const [componentList, setComponentList] = (0,
|
|
75728
|
-
(0,
|
|
75918
|
+
const [componentList, setComponentList] = (0, import_react222.useState)();
|
|
75919
|
+
(0, import_react222.useEffect)(() => {
|
|
75729
75920
|
var _a3, _b2, _c;
|
|
75730
75921
|
if (Object.keys(ui.componentList).length > 0) {
|
|
75731
75922
|
const matchedComponents = [];
|
|
@@ -75735,7 +75926,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75735
75926
|
if (category.visible === false || !category.components) {
|
|
75736
75927
|
return null;
|
|
75737
75928
|
}
|
|
75738
|
-
return /* @__PURE__ */ (0,
|
|
75929
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75739
75930
|
ComponentList,
|
|
75740
75931
|
{
|
|
75741
75932
|
id: categoryKey,
|
|
@@ -75744,7 +75935,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75744
75935
|
var _a22;
|
|
75745
75936
|
matchedComponents.push(componentName);
|
|
75746
75937
|
const componentConf = config.components[componentName] || {};
|
|
75747
|
-
return /* @__PURE__ */ (0,
|
|
75938
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75748
75939
|
ComponentList.Item,
|
|
75749
75940
|
{
|
|
75750
75941
|
label: (_a22 = componentConf["label"]) != null ? _a22 : componentName,
|
|
@@ -75764,7 +75955,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75764
75955
|
);
|
|
75765
75956
|
if (remainingComponents.length > 0 && !((_a3 = ui.componentList.other) == null ? void 0 : _a3.components) && ((_b2 = ui.componentList.other) == null ? void 0 : _b2.visible) !== false) {
|
|
75766
75957
|
_componentList.push(
|
|
75767
|
-
/* @__PURE__ */ (0,
|
|
75958
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75768
75959
|
ComponentList,
|
|
75769
75960
|
{
|
|
75770
75961
|
id: "other",
|
|
@@ -75772,7 +75963,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75772
75963
|
children: remainingComponents.map((componentName, i2) => {
|
|
75773
75964
|
var _a22;
|
|
75774
75965
|
const componentConf = config.components[componentName] || {};
|
|
75775
|
-
return /* @__PURE__ */ (0,
|
|
75966
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75776
75967
|
ComponentList.Item,
|
|
75777
75968
|
{
|
|
75778
75969
|
name: componentName,
|
|
@@ -75792,21 +75983,21 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75792
75983
|
}, [config.categories, config.components, ui.componentList]);
|
|
75793
75984
|
return componentList;
|
|
75794
75985
|
};
|
|
75795
|
-
var
|
|
75796
|
-
var
|
|
75986
|
+
var import_react23 = require("react");
|
|
75987
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
75797
75988
|
var Components = () => {
|
|
75798
75989
|
const { config, state, overrides } = useAppContext2();
|
|
75799
75990
|
const componentList = useComponentList(config, state.ui);
|
|
75800
|
-
const Wrapper = (0,
|
|
75801
|
-
return /* @__PURE__ */ (0,
|
|
75991
|
+
const Wrapper = (0, import_react23.useMemo)(() => overrides.components || "div", [overrides]);
|
|
75992
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Wrapper, { children: componentList ? componentList : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ComponentList, { id: "all" }) });
|
|
75802
75993
|
};
|
|
75803
75994
|
init_react_import2();
|
|
75804
|
-
var
|
|
75995
|
+
var import_react25 = require("react");
|
|
75805
75996
|
init_react_import2();
|
|
75806
|
-
var
|
|
75997
|
+
var import_react24 = __toESM2(require("react"));
|
|
75807
75998
|
var import_react_frame_component = __toESM2(require_lib());
|
|
75808
75999
|
var import_object_hash = __toESM2(require_object_hash());
|
|
75809
|
-
var
|
|
76000
|
+
var import_jsx_runtime322 = require("react/jsx-runtime");
|
|
75810
76001
|
var styleSelector = 'style, link[rel="stylesheet"]';
|
|
75811
76002
|
var collectStyles = (doc) => {
|
|
75812
76003
|
const collected = [];
|
|
@@ -75849,7 +76040,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75849
76040
|
onStylesLoaded = () => null
|
|
75850
76041
|
}) => {
|
|
75851
76042
|
const { document: doc, window: win } = (0, import_react_frame_component.useFrame)();
|
|
75852
|
-
(0,
|
|
76043
|
+
(0, import_react24.useEffect)(() => {
|
|
75853
76044
|
if (!win || !doc) {
|
|
75854
76045
|
return () => {
|
|
75855
76046
|
};
|
|
@@ -76006,23 +76197,24 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76006
76197
|
observer.disconnect();
|
|
76007
76198
|
};
|
|
76008
76199
|
}, []);
|
|
76009
|
-
return /* @__PURE__ */ (0,
|
|
76200
|
+
return /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(import_jsx_runtime322.Fragment, { children });
|
|
76010
76201
|
};
|
|
76011
|
-
var AutoFrameComponent =
|
|
76202
|
+
var AutoFrameComponent = import_react24.default.forwardRef(
|
|
76012
76203
|
function(_a3, ref2) {
|
|
76013
76204
|
var _b2 = _a3, { children, debug, onStylesLoaded } = _b2, props = __objRest2(_b2, ["children", "debug", "onStylesLoaded"]);
|
|
76014
|
-
return /* @__PURE__ */ (0,
|
|
76205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(import_react_frame_component.default, __spreadProps2(__spreadValues2({}, props), { ref: ref2, children: /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(CopyHostStyles, { debug, onStylesLoaded, children }) }));
|
|
76015
76206
|
}
|
|
76016
76207
|
);
|
|
76017
76208
|
AutoFrameComponent.displayName = "AutoFrameComponent";
|
|
76018
76209
|
var AutoFrame_default = AutoFrameComponent;
|
|
76019
76210
|
init_react_import2();
|
|
76020
|
-
var
|
|
76021
|
-
var
|
|
76022
|
-
var
|
|
76211
|
+
var styles_module_default18 = { "PuckPreview": "_PuckPreview_rxwlr_1", "PuckPreview-frame": "_PuckPreview-frame_rxwlr_5" };
|
|
76212
|
+
var import_react_frame_component2 = require_lib();
|
|
76213
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
76214
|
+
var getClassName23 = get_class_name_factory_default2("PuckPreview", styles_module_default18);
|
|
76023
76215
|
var Preview = ({ id = "puck-preview" }) => {
|
|
76024
|
-
const { config, dispatch, state, setStatus, iframe } = useAppContext2();
|
|
76025
|
-
const Page = (0,
|
|
76216
|
+
const { config, dispatch, state, setStatus, iframe, overrides } = useAppContext2();
|
|
76217
|
+
const Page = (0, import_react25.useCallback)(
|
|
76026
76218
|
(pageProps) => {
|
|
76027
76219
|
var _a3, _b2;
|
|
76028
76220
|
return ((_a3 = config.root) == null ? void 0 : _a3.render) ? (_b2 = config.root) == null ? void 0 : _b2.render(__spreadProps2(__spreadValues2({
|
|
@@ -76031,33 +76223,36 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76031
76223
|
editMode: true,
|
|
76032
76224
|
// DEPRECATED
|
|
76033
76225
|
puck: { renderDropZone: DropZone, isEditing: true }
|
|
76034
|
-
})) : /* @__PURE__ */ (0,
|
|
76226
|
+
})) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: pageProps.children });
|
|
76035
76227
|
},
|
|
76036
76228
|
[config.root]
|
|
76037
76229
|
);
|
|
76230
|
+
const Frame2 = (0, import_react25.useMemo)(() => overrides.iframe || "div", [overrides]);
|
|
76038
76231
|
const rootProps = state.data.root.props || state.data.root;
|
|
76039
|
-
const ref2 = (0,
|
|
76040
|
-
return /* @__PURE__ */ (0,
|
|
76232
|
+
const ref2 = (0, import_react25.useRef)(null);
|
|
76233
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
76041
76234
|
"div",
|
|
76042
76235
|
{
|
|
76043
|
-
className:
|
|
76236
|
+
className: getClassName23(),
|
|
76044
76237
|
id,
|
|
76045
76238
|
onClick: () => {
|
|
76046
76239
|
dispatch({ type: "setUi", ui: __spreadProps2(__spreadValues2({}, state.ui), { itemSelector: null }) });
|
|
76047
76240
|
},
|
|
76048
|
-
children: iframe.enabled ? /* @__PURE__ */ (0,
|
|
76241
|
+
children: iframe.enabled ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
76049
76242
|
AutoFrame_default,
|
|
76050
76243
|
{
|
|
76051
76244
|
id: "preview-frame",
|
|
76052
|
-
className:
|
|
76245
|
+
className: getClassName23("frame"),
|
|
76053
76246
|
"data-rfd-iframe": true,
|
|
76054
76247
|
ref: ref2,
|
|
76055
76248
|
onStylesLoaded: () => {
|
|
76056
76249
|
setStatus("READY");
|
|
76057
76250
|
},
|
|
76058
|
-
children: /* @__PURE__ */ (0,
|
|
76251
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_frame_component2.FrameContextConsumer, { children: ({ document: document2 }) => {
|
|
76252
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Frame2, { document: document2, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Page, __spreadProps2(__spreadValues2({ dispatch, state }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropZone, { zone: rootDroppableId2 }) })) });
|
|
76253
|
+
} })
|
|
76059
76254
|
}
|
|
76060
|
-
) : /* @__PURE__ */ (0,
|
|
76255
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { id: "preview-frame", className: getClassName23("frame"), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Page, __spreadProps2(__spreadValues2({ dispatch, state }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropZone, { zone: rootDroppableId2 }) })) })
|
|
76061
76256
|
}
|
|
76062
76257
|
);
|
|
76063
76258
|
};
|
|
@@ -76079,7 +76274,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76079
76274
|
};
|
|
76080
76275
|
init_react_import2();
|
|
76081
76276
|
init_react_import2();
|
|
76082
|
-
var
|
|
76277
|
+
var styles_module_default19 = { "LayerTree": "_LayerTree_1pgw8_1", "LayerTree-zoneTitle": "_LayerTree-zoneTitle_1pgw8_11", "LayerTree-helper": "_LayerTree-helper_1pgw8_17", "Layer": "_Layer_1pgw8_1", "Layer-inner": "_Layer-inner_1pgw8_29", "Layer--containsZone": "_Layer--containsZone_1pgw8_35", "Layer-clickable": "_Layer-clickable_1pgw8_39", "Layer--isSelected": "_Layer--isSelected_1pgw8_61", "Layer-chevron": "_Layer-chevron_1pgw8_77", "Layer--childIsSelected": "_Layer--childIsSelected_1pgw8_78", "Layer-zones": "_Layer-zones_1pgw8_82", "Layer-title": "_Layer-title_1pgw8_96", "Layer-name": "_Layer-name_1pgw8_105", "Layer-icon": "_Layer-icon_1pgw8_111", "Layer-zoneIcon": "_Layer-zoneIcon_1pgw8_116" };
|
|
76083
76278
|
init_react_import2();
|
|
76084
76279
|
var scrollIntoView2 = (el) => {
|
|
76085
76280
|
const oldStyle = __spreadValues2({}, el.style);
|
|
@@ -76089,7 +76284,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76089
76284
|
el.style.scrollMargin = oldStyle.scrollMargin || "";
|
|
76090
76285
|
}
|
|
76091
76286
|
};
|
|
76092
|
-
var
|
|
76287
|
+
var import_react26 = require("react");
|
|
76093
76288
|
init_react_import2();
|
|
76094
76289
|
var isChildOfZone = (item, maybeChild, ctx) => {
|
|
76095
76290
|
var _a3;
|
|
@@ -76099,9 +76294,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76099
76294
|
return area === item.props.id;
|
|
76100
76295
|
})) : false;
|
|
76101
76296
|
};
|
|
76102
|
-
var
|
|
76103
|
-
var
|
|
76104
|
-
var getClassNameLayer = get_class_name_factory_default2("Layer",
|
|
76297
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
76298
|
+
var getClassName24 = get_class_name_factory_default2("LayerTree", styles_module_default19);
|
|
76299
|
+
var getClassNameLayer = get_class_name_factory_default2("Layer", styles_module_default19);
|
|
76105
76300
|
var LayerTree = ({
|
|
76106
76301
|
data,
|
|
76107
76302
|
config,
|
|
@@ -76112,15 +76307,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76112
76307
|
label
|
|
76113
76308
|
}) => {
|
|
76114
76309
|
const zones = data.zones || {};
|
|
76115
|
-
const ctx = (0,
|
|
76116
|
-
return /* @__PURE__ */ (0,
|
|
76117
|
-
label && /* @__PURE__ */ (0,
|
|
76118
|
-
/* @__PURE__ */ (0,
|
|
76310
|
+
const ctx = (0, import_react26.useContext)(dropZoneContext2);
|
|
76311
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
|
|
76312
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: getClassName24("zoneTitle"), children: [
|
|
76313
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassName24("zoneIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Layers, { size: "16" }) }),
|
|
76119
76314
|
" ",
|
|
76120
76315
|
label
|
|
76121
76316
|
] }),
|
|
76122
|
-
/* @__PURE__ */ (0,
|
|
76123
|
-
zoneContent.length === 0 && /* @__PURE__ */ (0,
|
|
76317
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("ul", { className: getClassName24(), children: [
|
|
76318
|
+
zoneContent.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassName24("helper"), children: "No items" }),
|
|
76124
76319
|
zoneContent.map((item, i2) => {
|
|
76125
76320
|
var _a3;
|
|
76126
76321
|
const isSelected = (itemSelector == null ? void 0 : itemSelector.index) === i2 && (itemSelector.zone === zone || itemSelector.zone === rootDroppableId2 && !zone);
|
|
@@ -76138,7 +76333,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76138
76333
|
const childIsSelected = isChildOfZone(item, selectedItem, ctx);
|
|
76139
76334
|
const componentConfig = config.components[item.type];
|
|
76140
76335
|
const label2 = (_a3 = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _a3 : item.type.toString();
|
|
76141
|
-
return /* @__PURE__ */ (0,
|
|
76336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
76142
76337
|
"li",
|
|
76143
76338
|
{
|
|
76144
76339
|
className: getClassNameLayer({
|
|
@@ -76148,7 +76343,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76148
76343
|
childIsSelected
|
|
76149
76344
|
}),
|
|
76150
76345
|
children: [
|
|
76151
|
-
/* @__PURE__ */ (0,
|
|
76346
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassNameLayer("inner"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
76152
76347
|
"button",
|
|
76153
76348
|
{
|
|
76154
76349
|
className: getClassNameLayer("clickable"),
|
|
@@ -76180,22 +76375,22 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76180
76375
|
setHoveringComponent(null);
|
|
76181
76376
|
},
|
|
76182
76377
|
children: [
|
|
76183
|
-
containsZone && /* @__PURE__ */ (0,
|
|
76378
|
+
containsZone && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
76184
76379
|
"div",
|
|
76185
76380
|
{
|
|
76186
76381
|
className: getClassNameLayer("chevron"),
|
|
76187
76382
|
title: isSelected ? "Collapse" : "Expand",
|
|
76188
|
-
children: /* @__PURE__ */ (0,
|
|
76383
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronDown, { size: "12" })
|
|
76189
76384
|
}
|
|
76190
76385
|
),
|
|
76191
|
-
/* @__PURE__ */ (0,
|
|
76192
|
-
/* @__PURE__ */ (0,
|
|
76193
|
-
/* @__PURE__ */ (0,
|
|
76386
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: getClassNameLayer("title"), children: [
|
|
76387
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassNameLayer("icon"), children: item.type === "Text" || item.type === "Heading" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Type, { size: "16" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(LayoutGrid, { size: "16" }) }),
|
|
76388
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassNameLayer("name"), children: label2 })
|
|
76194
76389
|
] })
|
|
76195
76390
|
]
|
|
76196
76391
|
}
|
|
76197
76392
|
) }),
|
|
76198
|
-
containsZone && Object.keys(zonesForItem).map((zoneKey, idx) => /* @__PURE__ */ (0,
|
|
76393
|
+
containsZone && Object.keys(zonesForItem).map((zoneKey, idx) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassNameLayer("zones"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
76199
76394
|
LayerTree,
|
|
76200
76395
|
{
|
|
76201
76396
|
config,
|
|
@@ -76215,13 +76410,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76215
76410
|
] })
|
|
76216
76411
|
] });
|
|
76217
76412
|
};
|
|
76218
|
-
var
|
|
76219
|
-
var
|
|
76413
|
+
var import_react27 = require("react");
|
|
76414
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
76220
76415
|
var Outline = () => {
|
|
76221
76416
|
const { dispatch, state, overrides, config } = useAppContext2();
|
|
76222
76417
|
const { data, ui } = state;
|
|
76223
76418
|
const { itemSelector } = ui;
|
|
76224
|
-
const setItemSelector = (0,
|
|
76419
|
+
const setItemSelector = (0, import_react27.useCallback)(
|
|
76225
76420
|
(newItemSelector) => {
|
|
76226
76421
|
dispatch({
|
|
76227
76422
|
type: "setUi",
|
|
@@ -76230,9 +76425,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76230
76425
|
},
|
|
76231
76426
|
[]
|
|
76232
76427
|
);
|
|
76233
|
-
const Wrapper = (0,
|
|
76234
|
-
return /* @__PURE__ */ (0,
|
|
76235
|
-
(ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId2]) && /* @__PURE__ */ (0,
|
|
76428
|
+
const Wrapper = (0, import_react27.useMemo)(() => overrides.outline || "div", [overrides]);
|
|
76429
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(dropZoneContext2.Consumer, { children: (ctx) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
|
|
76430
|
+
(ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId2]) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
76236
76431
|
LayerTree,
|
|
76237
76432
|
{
|
|
76238
76433
|
config,
|
|
@@ -76245,7 +76440,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76245
76440
|
),
|
|
76246
76441
|
Object.entries(findZonesForArea(data, "root")).map(
|
|
76247
76442
|
([zoneKey, zone]) => {
|
|
76248
|
-
return /* @__PURE__ */ (0,
|
|
76443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
76249
76444
|
LayerTree,
|
|
76250
76445
|
{
|
|
76251
76446
|
config,
|
|
@@ -76263,35 +76458,6 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76263
76458
|
] }) }) });
|
|
76264
76459
|
};
|
|
76265
76460
|
init_react_import2();
|
|
76266
|
-
var loadOverrides = ({
|
|
76267
|
-
overrides,
|
|
76268
|
-
plugins
|
|
76269
|
-
}) => {
|
|
76270
|
-
const collected = __spreadValues2({}, overrides);
|
|
76271
|
-
plugins.forEach((plugin) => {
|
|
76272
|
-
Object.keys(plugin.overrides).forEach((overridesType) => {
|
|
76273
|
-
if (overridesType === "fieldTypes") {
|
|
76274
|
-
const fieldTypes = plugin.overrides.fieldTypes;
|
|
76275
|
-
Object.keys(fieldTypes).forEach((fieldType) => {
|
|
76276
|
-
collected.fieldTypes = collected.fieldTypes || {};
|
|
76277
|
-
const childNode2 = collected.fieldTypes[fieldType];
|
|
76278
|
-
const Comp2 = (props) => fieldTypes[fieldType](__spreadProps2(__spreadValues2({}, props), {
|
|
76279
|
-
children: childNode2 ? childNode2(props) : props.children
|
|
76280
|
-
}));
|
|
76281
|
-
collected.fieldTypes[fieldType] = Comp2;
|
|
76282
|
-
});
|
|
76283
|
-
return;
|
|
76284
|
-
}
|
|
76285
|
-
const childNode = collected[overridesType];
|
|
76286
|
-
const Comp = (props) => plugin.overrides[overridesType](__spreadProps2(__spreadValues2({}, props), {
|
|
76287
|
-
children: childNode ? childNode(props) : props.children
|
|
76288
|
-
}));
|
|
76289
|
-
collected[overridesType] = Comp;
|
|
76290
|
-
});
|
|
76291
|
-
});
|
|
76292
|
-
return collected;
|
|
76293
|
-
};
|
|
76294
|
-
init_react_import2();
|
|
76295
76461
|
var import_react_hotkeys_hook = (init_react_hotkeys_hook_esm(), __toCommonJS(react_hotkeys_hook_esm_exports));
|
|
76296
76462
|
function usePuckHistory({
|
|
76297
76463
|
dispatch,
|
|
@@ -76344,19 +76510,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76344
76510
|
};
|
|
76345
76511
|
}
|
|
76346
76512
|
init_react_import2();
|
|
76347
|
-
var
|
|
76513
|
+
var import_react28 = require("react");
|
|
76348
76514
|
var import_use_debounce3 = (init_index_module(), __toCommonJS(index_module_exports));
|
|
76349
76515
|
var EMPTY_HISTORY_INDEX = -1;
|
|
76350
76516
|
function useHistoryStore(initialHistory) {
|
|
76351
76517
|
var _a3, _b2;
|
|
76352
|
-
const [histories, setHistories] = (0,
|
|
76518
|
+
const [histories, setHistories] = (0, import_react28.useState)(
|
|
76353
76519
|
(_a3 = initialHistory == null ? void 0 : initialHistory.histories) != null ? _a3 : []
|
|
76354
76520
|
);
|
|
76355
76521
|
const updateHistories = (histories2) => {
|
|
76356
76522
|
setHistories(histories2);
|
|
76357
76523
|
setIndex(histories2.length - 1);
|
|
76358
76524
|
};
|
|
76359
|
-
const [index, setIndex] = (0,
|
|
76525
|
+
const [index, setIndex] = (0, import_react28.useState)(
|
|
76360
76526
|
(_b2 = initialHistory == null ? void 0 : initialHistory.index) != null ? _b2 : EMPTY_HISTORY_INDEX
|
|
76361
76527
|
);
|
|
76362
76528
|
const hasPast = index > EMPTY_HISTORY_INDEX;
|
|
@@ -76506,19 +76672,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76506
76672
|
var styles = window.getComputedStyle(el);
|
|
76507
76673
|
return calculateBox3(borderBox, styles);
|
|
76508
76674
|
};
|
|
76509
|
-
var
|
|
76675
|
+
var import_react30 = require("react");
|
|
76510
76676
|
init_react_import2();
|
|
76511
|
-
var
|
|
76677
|
+
var import_react29 = require("react");
|
|
76512
76678
|
init_react_import2();
|
|
76513
|
-
var
|
|
76514
|
-
var
|
|
76679
|
+
var styles_module_default20 = { "ViewportControls": "_ViewportControls_g1wgg_1", "ViewportControls-divider": "_ViewportControls-divider_g1wgg_15", "ViewportControls-zoomSelect": "_ViewportControls-zoomSelect_g1wgg_21", "ViewportButton--isActive": "_ViewportButton--isActive_g1wgg_34", "ViewportButton-inner": "_ViewportButton-inner_g1wgg_34" };
|
|
76680
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
76515
76681
|
var icons = {
|
|
76516
|
-
Smartphone: /* @__PURE__ */ (0,
|
|
76517
|
-
Tablet: /* @__PURE__ */ (0,
|
|
76518
|
-
Monitor: /* @__PURE__ */ (0,
|
|
76682
|
+
Smartphone: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Smartphone, { size: 16 }),
|
|
76683
|
+
Tablet: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Tablet, { size: 16 }),
|
|
76684
|
+
Monitor: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Monitor, { size: 16 })
|
|
76519
76685
|
};
|
|
76520
|
-
var
|
|
76521
|
-
var getClassNameButton = get_class_name_factory_default2("ViewportButton",
|
|
76686
|
+
var getClassName25 = get_class_name_factory_default2("ViewportControls", styles_module_default20);
|
|
76687
|
+
var getClassNameButton = get_class_name_factory_default2("ViewportButton", styles_module_default20);
|
|
76522
76688
|
var ViewportButton = ({
|
|
76523
76689
|
children,
|
|
76524
76690
|
height = "auto",
|
|
@@ -76527,11 +76693,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76527
76693
|
onClick
|
|
76528
76694
|
}) => {
|
|
76529
76695
|
const { state } = useAppContext2();
|
|
76530
|
-
const [isActive2, setIsActive] = (0,
|
|
76531
|
-
(0,
|
|
76696
|
+
const [isActive2, setIsActive] = (0, import_react29.useState)(false);
|
|
76697
|
+
(0, import_react29.useEffect)(() => {
|
|
76532
76698
|
setIsActive(width === state.ui.viewports.current.width);
|
|
76533
76699
|
}, [width, state.ui.viewports.current.width]);
|
|
76534
|
-
return /* @__PURE__ */ (0,
|
|
76700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: getClassNameButton({ isActive: isActive2 }), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76535
76701
|
IconButton,
|
|
76536
76702
|
{
|
|
76537
76703
|
title,
|
|
@@ -76540,7 +76706,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76540
76706
|
e2.stopPropagation();
|
|
76541
76707
|
onClick({ width, height });
|
|
76542
76708
|
},
|
|
76543
|
-
children: /* @__PURE__ */ (0,
|
|
76709
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: getClassNameButton("inner"), children })
|
|
76544
76710
|
}
|
|
76545
76711
|
) });
|
|
76546
76712
|
};
|
|
@@ -76564,7 +76730,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76564
76730
|
const defaultsContainAutoZoom = defaultZoomOptions.find(
|
|
76565
76731
|
(option) => option.value === autoZoom
|
|
76566
76732
|
);
|
|
76567
|
-
const zoomOptions = (0,
|
|
76733
|
+
const zoomOptions = (0, import_react29.useMemo)(
|
|
76568
76734
|
() => [
|
|
76569
76735
|
...defaultZoomOptions,
|
|
76570
76736
|
...defaultsContainAutoZoom ? [] : [
|
|
@@ -76576,8 +76742,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76576
76742
|
].filter((a2) => a2.value <= autoZoom).sort((a2, b) => a2.value > b.value ? 1 : -1),
|
|
76577
76743
|
[autoZoom]
|
|
76578
76744
|
);
|
|
76579
|
-
return /* @__PURE__ */ (0,
|
|
76580
|
-
viewports.map((viewport, i2) => /* @__PURE__ */ (0,
|
|
76745
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: getClassName25(), children: [
|
|
76746
|
+
viewports.map((viewport, i2) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76581
76747
|
ViewportButton,
|
|
76582
76748
|
{
|
|
76583
76749
|
height: viewport.height,
|
|
@@ -76588,8 +76754,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76588
76754
|
},
|
|
76589
76755
|
i2
|
|
76590
76756
|
)),
|
|
76591
|
-
/* @__PURE__ */ (0,
|
|
76592
|
-
/* @__PURE__ */ (0,
|
|
76757
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: getClassName25("divider") }),
|
|
76758
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76593
76759
|
IconButton,
|
|
76594
76760
|
{
|
|
76595
76761
|
title: "Zoom viewport out",
|
|
@@ -76603,10 +76769,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76603
76769
|
)].value
|
|
76604
76770
|
);
|
|
76605
76771
|
},
|
|
76606
|
-
children: /* @__PURE__ */ (0,
|
|
76772
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ZoomOut, { size: 16 })
|
|
76607
76773
|
}
|
|
76608
76774
|
),
|
|
76609
|
-
/* @__PURE__ */ (0,
|
|
76775
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76610
76776
|
IconButton,
|
|
76611
76777
|
{
|
|
76612
76778
|
title: "Zoom viewport in",
|
|
@@ -76620,19 +76786,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76620
76786
|
)].value
|
|
76621
76787
|
);
|
|
76622
76788
|
},
|
|
76623
|
-
children: /* @__PURE__ */ (0,
|
|
76789
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ZoomIn, { size: 16 })
|
|
76624
76790
|
}
|
|
76625
76791
|
),
|
|
76626
|
-
/* @__PURE__ */ (0,
|
|
76627
|
-
/* @__PURE__ */ (0,
|
|
76792
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: getClassName25("divider") }),
|
|
76793
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76628
76794
|
"select",
|
|
76629
76795
|
{
|
|
76630
|
-
className:
|
|
76796
|
+
className: getClassName25("zoomSelect"),
|
|
76631
76797
|
value: zoom.toString(),
|
|
76632
76798
|
onChange: (e2) => {
|
|
76633
76799
|
onZoom(parseFloat(e2.currentTarget.value));
|
|
76634
76800
|
},
|
|
76635
|
-
children: zoomOptions.map((option) => /* @__PURE__ */ (0,
|
|
76801
|
+
children: zoomOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76636
76802
|
"option",
|
|
76637
76803
|
{
|
|
76638
76804
|
value: option.value,
|
|
@@ -76645,7 +76811,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76645
76811
|
] });
|
|
76646
76812
|
};
|
|
76647
76813
|
init_react_import2();
|
|
76648
|
-
var
|
|
76814
|
+
var styles_module_default21 = { "PuckCanvas": "_PuckCanvas_6zd4y_1", "PuckCanvas-controls": "_PuckCanvas-controls_6zd4y_16", "PuckCanvas-inner": "_PuckCanvas-inner_6zd4y_21", "PuckCanvas-root": "_PuckCanvas-root_6zd4y_32", "PuckCanvas--ready": "_PuckCanvas--ready_6zd4y_56" };
|
|
76649
76815
|
init_react_import2();
|
|
76650
76816
|
var RESET_ZOOM_SMALLER_THAN_FRAME = true;
|
|
76651
76817
|
var getZoomConfig = (uiViewport, frame, zoom) => {
|
|
@@ -76674,24 +76840,24 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76674
76840
|
}
|
|
76675
76841
|
return { autoZoom, rootHeight, zoom };
|
|
76676
76842
|
};
|
|
76677
|
-
var
|
|
76678
|
-
var
|
|
76843
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
76844
|
+
var getClassName26 = get_class_name_factory_default2("PuckCanvas", styles_module_default21);
|
|
76679
76845
|
var ZOOM_ON_CHANGE = true;
|
|
76680
76846
|
var Canvas = () => {
|
|
76681
76847
|
const { status, iframe } = useAppContext2();
|
|
76682
76848
|
const { dispatch, state, overrides, setUi, zoomConfig, setZoomConfig } = useAppContext2();
|
|
76683
76849
|
const { ui } = state;
|
|
76684
|
-
const frameRef = (0,
|
|
76685
|
-
const [showTransition, setShowTransition] = (0,
|
|
76686
|
-
const defaultRender = (0,
|
|
76687
|
-
const PuckDefault = ({ children }) => /* @__PURE__ */ (0,
|
|
76850
|
+
const frameRef = (0, import_react30.useRef)(null);
|
|
76851
|
+
const [showTransition, setShowTransition] = (0, import_react30.useState)(false);
|
|
76852
|
+
const defaultRender = (0, import_react30.useMemo)(() => {
|
|
76853
|
+
const PuckDefault = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children });
|
|
76688
76854
|
return PuckDefault;
|
|
76689
76855
|
}, []);
|
|
76690
|
-
const CustomPreview = (0,
|
|
76856
|
+
const CustomPreview = (0, import_react30.useMemo)(
|
|
76691
76857
|
() => overrides.preview || defaultRender,
|
|
76692
76858
|
[overrides]
|
|
76693
76859
|
);
|
|
76694
|
-
const getFrameDimensions = (0,
|
|
76860
|
+
const getFrameDimensions = (0, import_react30.useCallback)(() => {
|
|
76695
76861
|
if (frameRef.current) {
|
|
76696
76862
|
const frame = frameRef.current;
|
|
76697
76863
|
const box = getBox3(frame);
|
|
@@ -76699,7 +76865,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76699
76865
|
}
|
|
76700
76866
|
return { width: 0, height: 0 };
|
|
76701
76867
|
}, [frameRef]);
|
|
76702
|
-
const resetAutoZoom = (0,
|
|
76868
|
+
const resetAutoZoom = (0, import_react30.useCallback)(
|
|
76703
76869
|
(ui2 = state.ui) => {
|
|
76704
76870
|
if (frameRef.current) {
|
|
76705
76871
|
setZoomConfig(
|
|
@@ -76709,11 +76875,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76709
76875
|
},
|
|
76710
76876
|
[frameRef, zoomConfig, state.ui]
|
|
76711
76877
|
);
|
|
76712
|
-
(0,
|
|
76878
|
+
(0, import_react30.useEffect)(() => {
|
|
76713
76879
|
setShowTransition(false);
|
|
76714
76880
|
resetAutoZoom();
|
|
76715
76881
|
}, [frameRef, ui.leftSideBarVisible, ui.rightSideBarVisible]);
|
|
76716
|
-
(0,
|
|
76882
|
+
(0, import_react30.useEffect)(() => {
|
|
76717
76883
|
const { height: frameHeight } = getFrameDimensions();
|
|
76718
76884
|
if (ui.viewports.current.height === "auto") {
|
|
76719
76885
|
setZoomConfig(__spreadProps2(__spreadValues2({}, zoomConfig), {
|
|
@@ -76721,7 +76887,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76721
76887
|
}));
|
|
76722
76888
|
}
|
|
76723
76889
|
}, [zoomConfig.zoom]);
|
|
76724
|
-
(0,
|
|
76890
|
+
(0, import_react30.useEffect)(() => {
|
|
76725
76891
|
const observer = new ResizeObserver(() => {
|
|
76726
76892
|
setShowTransition(false);
|
|
76727
76893
|
resetAutoZoom();
|
|
@@ -76733,10 +76899,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76733
76899
|
observer.disconnect();
|
|
76734
76900
|
};
|
|
76735
76901
|
}, []);
|
|
76736
|
-
return /* @__PURE__ */ (0,
|
|
76902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
76737
76903
|
"div",
|
|
76738
76904
|
{
|
|
76739
|
-
className:
|
|
76905
|
+
className: getClassName26({
|
|
76740
76906
|
ready: status === "READY" || !iframe.enabled
|
|
76741
76907
|
}),
|
|
76742
76908
|
onClick: () => dispatch({
|
|
@@ -76745,7 +76911,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76745
76911
|
recordHistory: true
|
|
76746
76912
|
}),
|
|
76747
76913
|
children: [
|
|
76748
|
-
ui.viewports.controlsVisible && iframe.enabled && /* @__PURE__ */ (0,
|
|
76914
|
+
ui.viewports.controlsVisible && iframe.enabled && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: getClassName26("controls"), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
76749
76915
|
ViewportControls,
|
|
76750
76916
|
{
|
|
76751
76917
|
autoZoom: zoomConfig.autoZoom,
|
|
@@ -76770,10 +76936,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76770
76936
|
}
|
|
76771
76937
|
}
|
|
76772
76938
|
) }),
|
|
76773
|
-
/* @__PURE__ */ (0,
|
|
76939
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: getClassName26("inner"), ref: frameRef, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
76774
76940
|
"div",
|
|
76775
76941
|
{
|
|
76776
|
-
className:
|
|
76942
|
+
className: getClassName26("root"),
|
|
76777
76943
|
style: {
|
|
76778
76944
|
width: iframe.enabled ? ui.viewports.current.width : "100%",
|
|
76779
76945
|
height: zoomConfig.rootHeight,
|
|
@@ -76782,16 +76948,46 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76782
76948
|
overflow: iframe.enabled ? void 0 : "auto"
|
|
76783
76949
|
},
|
|
76784
76950
|
suppressHydrationWarning: true,
|
|
76785
|
-
children: /* @__PURE__ */ (0,
|
|
76951
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CustomPreview, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Preview, {}) })
|
|
76786
76952
|
}
|
|
76787
76953
|
) })
|
|
76788
76954
|
]
|
|
76789
76955
|
}
|
|
76790
76956
|
);
|
|
76791
76957
|
};
|
|
76792
|
-
|
|
76793
|
-
var
|
|
76794
|
-
|
|
76958
|
+
init_react_import2();
|
|
76959
|
+
var insertComponent = (componentType, zone, index, {
|
|
76960
|
+
config,
|
|
76961
|
+
dispatch,
|
|
76962
|
+
resolveData,
|
|
76963
|
+
state
|
|
76964
|
+
}) => {
|
|
76965
|
+
const id = generateId(componentType);
|
|
76966
|
+
const insertActionData = {
|
|
76967
|
+
type: "insert",
|
|
76968
|
+
componentType,
|
|
76969
|
+
destinationIndex: index,
|
|
76970
|
+
destinationZone: zone,
|
|
76971
|
+
id
|
|
76972
|
+
};
|
|
76973
|
+
const insertedData = insertAction(state.data, insertActionData, config);
|
|
76974
|
+
dispatch(__spreadProps2(__spreadValues2({}, insertActionData), {
|
|
76975
|
+
// Dispatch insert rather set, as user's may rely on this via onAction
|
|
76976
|
+
recordHistory: false
|
|
76977
|
+
}));
|
|
76978
|
+
const itemSelector = {
|
|
76979
|
+
index,
|
|
76980
|
+
zone
|
|
76981
|
+
};
|
|
76982
|
+
dispatch({ type: "setUi", ui: { itemSelector } });
|
|
76983
|
+
resolveData({
|
|
76984
|
+
data: insertedData,
|
|
76985
|
+
ui: __spreadProps2(__spreadValues2({}, state.ui), { itemSelector })
|
|
76986
|
+
});
|
|
76987
|
+
};
|
|
76988
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
76989
|
+
var getClassName27 = get_class_name_factory_default2("Puck", styles_module_default15);
|
|
76990
|
+
var getLayoutClassName = get_class_name_factory_default2("PuckLayout", styles_module_default15);
|
|
76795
76991
|
function Puck({
|
|
76796
76992
|
children,
|
|
76797
76993
|
config,
|
|
@@ -76800,6 +76996,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76800
76996
|
onChange,
|
|
76801
76997
|
onPublish,
|
|
76802
76998
|
onAction,
|
|
76999
|
+
permissions = {},
|
|
76803
77000
|
plugins = [],
|
|
76804
77001
|
overrides = {},
|
|
76805
77002
|
renderHeader,
|
|
@@ -76815,10 +77012,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76815
77012
|
}) {
|
|
76816
77013
|
var _a3;
|
|
76817
77014
|
const historyStore = useHistoryStore(initialHistory);
|
|
76818
|
-
const [reducer2] = (0,
|
|
77015
|
+
const [reducer2] = (0, import_react31.useState)(
|
|
76819
77016
|
() => createReducer({ config, record: historyStore.record, onAction })
|
|
76820
77017
|
);
|
|
76821
|
-
const [initialAppState] = (0,
|
|
77018
|
+
const [initialAppState] = (0, import_react31.useState)(() => {
|
|
76822
77019
|
var _a22, _b2, _c, _d, _e, _f, _g;
|
|
76823
77020
|
const initial = __spreadValues2(__spreadValues2({}, defaultAppState2.ui), initialUi);
|
|
76824
77021
|
let clientUiState = {};
|
|
@@ -76876,7 +77073,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76876
77073
|
})
|
|
76877
77074
|
});
|
|
76878
77075
|
});
|
|
76879
|
-
const [appState, dispatch] = (0,
|
|
77076
|
+
const [appState, dispatch] = (0, import_react31.useReducer)(
|
|
76880
77077
|
reducer2,
|
|
76881
77078
|
flushZones(initialAppState)
|
|
76882
77079
|
);
|
|
@@ -76887,9 +77084,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76887
77084
|
config,
|
|
76888
77085
|
dispatch
|
|
76889
77086
|
);
|
|
76890
|
-
const [menuOpen, setMenuOpen] = (0,
|
|
77087
|
+
const [menuOpen, setMenuOpen] = (0, import_react31.useState)(false);
|
|
76891
77088
|
const { itemSelector, leftSideBarVisible, rightSideBarVisible } = ui;
|
|
76892
|
-
const setItemSelector = (0,
|
|
77089
|
+
const setItemSelector = (0, import_react31.useCallback)(
|
|
76893
77090
|
(newItemSelector) => {
|
|
76894
77091
|
if (newItemSelector === itemSelector) return;
|
|
76895
77092
|
dispatch({
|
|
@@ -76901,13 +77098,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76901
77098
|
[itemSelector]
|
|
76902
77099
|
);
|
|
76903
77100
|
const selectedItem = itemSelector ? getItem2(itemSelector, data) : null;
|
|
76904
|
-
(0,
|
|
77101
|
+
(0, import_react31.useEffect)(() => {
|
|
76905
77102
|
if (onChange) onChange(data);
|
|
76906
77103
|
}, [data]);
|
|
76907
77104
|
const { onDragStartOrUpdate, placeholderStyle } = usePlaceholderStyle();
|
|
76908
|
-
const [draggedItem, setDraggedItem] = (0,
|
|
77105
|
+
const [draggedItem, setDraggedItem] = (0, import_react31.useState)();
|
|
76909
77106
|
const rootProps = data.root.props || data.root;
|
|
76910
|
-
const toggleSidebars = (0,
|
|
77107
|
+
const toggleSidebars = (0, import_react31.useCallback)(
|
|
76911
77108
|
(sidebar) => {
|
|
76912
77109
|
const widerViewport = window.matchMedia("(min-width: 638px)").matches;
|
|
76913
77110
|
const sideBarVisible = sidebar === "left" ? leftSideBarVisible : rightSideBarVisible;
|
|
@@ -76921,7 +77118,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76921
77118
|
},
|
|
76922
77119
|
[dispatch, leftSideBarVisible, rightSideBarVisible]
|
|
76923
77120
|
);
|
|
76924
|
-
(0,
|
|
77121
|
+
(0, import_react31.useEffect)(() => {
|
|
76925
77122
|
if (!window.matchMedia("(min-width: 638px)").matches) {
|
|
76926
77123
|
dispatch({
|
|
76927
77124
|
type: "setUi",
|
|
@@ -76944,11 +77141,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76944
77141
|
window.removeEventListener("resize", handleResize);
|
|
76945
77142
|
};
|
|
76946
77143
|
}, []);
|
|
76947
|
-
const
|
|
76948
|
-
const PuckDefault = ({ children: children2 }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: children2 });
|
|
76949
|
-
return PuckDefault;
|
|
76950
|
-
}, []);
|
|
76951
|
-
const defaultHeaderRender = (0, import_react30.useMemo)(() => {
|
|
77144
|
+
const defaultHeaderRender = (0, import_react31.useMemo)(() => {
|
|
76952
77145
|
if (renderHeader) {
|
|
76953
77146
|
console.warn(
|
|
76954
77147
|
"`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"
|
|
@@ -76956,48 +77149,49 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76956
77149
|
const RenderHeader = (_a22) => {
|
|
76957
77150
|
var _b2 = _a22, { actions } = _b2, props = __objRest2(_b2, ["actions"]);
|
|
76958
77151
|
const Comp = renderHeader;
|
|
76959
|
-
return /* @__PURE__ */ (0,
|
|
77152
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState, children: actions }));
|
|
76960
77153
|
};
|
|
76961
77154
|
return RenderHeader;
|
|
76962
77155
|
}
|
|
76963
|
-
return
|
|
77156
|
+
return DefaultOverride;
|
|
76964
77157
|
}, [renderHeader]);
|
|
76965
|
-
const defaultHeaderActionsRender = (0,
|
|
77158
|
+
const defaultHeaderActionsRender = (0, import_react31.useMemo)(() => {
|
|
76966
77159
|
if (renderHeaderActions) {
|
|
76967
77160
|
console.warn(
|
|
76968
77161
|
"`renderHeaderActions` is deprecated. Please use `overrides.headerActions` and the `usePuck` hook instead."
|
|
76969
77162
|
);
|
|
76970
77163
|
const RenderHeader = (props) => {
|
|
76971
77164
|
const Comp = renderHeaderActions;
|
|
76972
|
-
return /* @__PURE__ */ (0,
|
|
77165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState }));
|
|
76973
77166
|
};
|
|
76974
77167
|
return RenderHeader;
|
|
76975
77168
|
}
|
|
76976
|
-
return
|
|
77169
|
+
return DefaultOverride;
|
|
76977
77170
|
}, [renderHeader]);
|
|
76978
|
-
const loadedOverrides = (
|
|
76979
|
-
|
|
76980
|
-
|
|
76981
|
-
|
|
76982
|
-
|
|
77171
|
+
const loadedOverrides = useLoadedOverrides({
|
|
77172
|
+
overrides,
|
|
77173
|
+
plugins
|
|
77174
|
+
});
|
|
77175
|
+
const CustomPuck = (0, import_react31.useMemo)(
|
|
77176
|
+
() => loadedOverrides.puck || DefaultOverride,
|
|
76983
77177
|
[loadedOverrides]
|
|
76984
77178
|
);
|
|
76985
|
-
const CustomHeader = (0,
|
|
77179
|
+
const CustomHeader = (0, import_react31.useMemo)(
|
|
76986
77180
|
() => loadedOverrides.header || defaultHeaderRender,
|
|
76987
77181
|
[loadedOverrides]
|
|
76988
77182
|
);
|
|
76989
|
-
const CustomHeaderActions = (0,
|
|
77183
|
+
const CustomHeaderActions = (0, import_react31.useMemo)(
|
|
76990
77184
|
() => loadedOverrides.headerActions || defaultHeaderActionsRender,
|
|
76991
77185
|
[loadedOverrides]
|
|
76992
77186
|
);
|
|
76993
|
-
const [mounted, setMounted] = (0,
|
|
76994
|
-
(0,
|
|
77187
|
+
const [mounted, setMounted] = (0, import_react31.useState)(false);
|
|
77188
|
+
(0, import_react31.useEffect)(() => {
|
|
76995
77189
|
setMounted(true);
|
|
76996
77190
|
}, []);
|
|
76997
77191
|
const selectedComponentConfig = selectedItem && config.components[selectedItem.type];
|
|
76998
77192
|
const selectedComponentLabel = selectedItem ? (_a3 = selectedComponentConfig == null ? void 0 : selectedComponentConfig["label"]) != null ? _a3 : selectedItem.type.toString() : "";
|
|
76999
|
-
return /* @__PURE__ */ (0,
|
|
77000
|
-
/* @__PURE__ */ (0,
|
|
77193
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `Puck ${getClassName27()}`, children: [
|
|
77194
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77001
77195
|
AppProvider,
|
|
77002
77196
|
{
|
|
77003
77197
|
value: {
|
|
@@ -77010,9 +77204,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77010
77204
|
overrides: loadedOverrides,
|
|
77011
77205
|
history,
|
|
77012
77206
|
viewports,
|
|
77013
|
-
iframe
|
|
77207
|
+
iframe,
|
|
77208
|
+
globalPermissions: __spreadValues2({
|
|
77209
|
+
delete: true,
|
|
77210
|
+
drag: true,
|
|
77211
|
+
duplicate: true,
|
|
77212
|
+
insert: true,
|
|
77213
|
+
edit: true
|
|
77214
|
+
}, permissions)
|
|
77014
77215
|
},
|
|
77015
|
-
children: /* @__PURE__ */ (0,
|
|
77216
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77016
77217
|
DragDropContext2,
|
|
77017
77218
|
{
|
|
77018
77219
|
autoScrollerOptions: { disabled: dnd == null ? void 0 : dnd.disableAutoScroll },
|
|
@@ -77033,16 +77234,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77033
77234
|
}
|
|
77034
77235
|
if (droppedItem.source.droppableId.startsWith("component-list") && droppedItem.destination) {
|
|
77035
77236
|
const [_, componentType] = droppedItem.draggableId.split("::");
|
|
77036
|
-
|
|
77037
|
-
|
|
77038
|
-
|
|
77039
|
-
|
|
77040
|
-
|
|
77041
|
-
|
|
77042
|
-
setItemSelector({
|
|
77043
|
-
index: droppedItem.destination.index,
|
|
77044
|
-
zone: droppedItem.destination.droppableId
|
|
77045
|
-
});
|
|
77237
|
+
insertComponent(
|
|
77238
|
+
componentType || droppedItem.draggableId,
|
|
77239
|
+
droppedItem.destination.droppableId,
|
|
77240
|
+
droppedItem.destination.index,
|
|
77241
|
+
{ config, dispatch, resolveData, state: appState }
|
|
77242
|
+
);
|
|
77046
77243
|
return;
|
|
77047
77244
|
} else {
|
|
77048
77245
|
const { source, destination } = droppedItem;
|
|
@@ -77068,7 +77265,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77068
77265
|
});
|
|
77069
77266
|
}
|
|
77070
77267
|
},
|
|
77071
|
-
children: /* @__PURE__ */ (0,
|
|
77268
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77072
77269
|
DropZoneProvider,
|
|
77073
77270
|
{
|
|
77074
77271
|
value: {
|
|
@@ -77082,7 +77279,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77082
77279
|
mode: "edit",
|
|
77083
77280
|
areaId: "root"
|
|
77084
77281
|
},
|
|
77085
|
-
children: /* @__PURE__ */ (0,
|
|
77282
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77086
77283
|
"div",
|
|
77087
77284
|
{
|
|
77088
77285
|
className: getLayoutClassName({
|
|
@@ -77091,64 +77288,64 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77091
77288
|
mounted,
|
|
77092
77289
|
rightSideBarVisible
|
|
77093
77290
|
}),
|
|
77094
|
-
children: /* @__PURE__ */ (0,
|
|
77095
|
-
/* @__PURE__ */ (0,
|
|
77291
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("inner"), children: [
|
|
77292
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77096
77293
|
CustomHeader,
|
|
77097
77294
|
{
|
|
77098
|
-
actions: /* @__PURE__ */ (0,
|
|
77295
|
+
actions: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77099
77296
|
Button,
|
|
77100
77297
|
{
|
|
77101
77298
|
onClick: () => {
|
|
77102
77299
|
onPublish && onPublish(data);
|
|
77103
77300
|
},
|
|
77104
|
-
icon: /* @__PURE__ */ (0,
|
|
77301
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Globe, { size: "14px" }),
|
|
77105
77302
|
children: "Publish"
|
|
77106
77303
|
}
|
|
77107
77304
|
) }) }),
|
|
77108
|
-
children: /* @__PURE__ */ (0,
|
|
77109
|
-
/* @__PURE__ */ (0,
|
|
77110
|
-
/* @__PURE__ */ (0,
|
|
77305
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("header", { className: getLayoutClassName("header"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerInner"), children: [
|
|
77306
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerToggle"), children: [
|
|
77307
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77111
77308
|
"div",
|
|
77112
77309
|
{
|
|
77113
77310
|
className: getLayoutClassName(
|
|
77114
77311
|
"leftSideBarToggle"
|
|
77115
77312
|
),
|
|
77116
|
-
children: /* @__PURE__ */ (0,
|
|
77313
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77117
77314
|
IconButton,
|
|
77118
77315
|
{
|
|
77119
77316
|
onClick: () => {
|
|
77120
77317
|
toggleSidebars("left");
|
|
77121
77318
|
},
|
|
77122
77319
|
title: "Toggle left sidebar",
|
|
77123
|
-
children: /* @__PURE__ */ (0,
|
|
77320
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelLeft, { focusable: "false" })
|
|
77124
77321
|
}
|
|
77125
77322
|
)
|
|
77126
77323
|
}
|
|
77127
77324
|
),
|
|
77128
|
-
/* @__PURE__ */ (0,
|
|
77325
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77129
77326
|
"div",
|
|
77130
77327
|
{
|
|
77131
77328
|
className: getLayoutClassName(
|
|
77132
77329
|
"rightSideBarToggle"
|
|
77133
77330
|
),
|
|
77134
|
-
children: /* @__PURE__ */ (0,
|
|
77331
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77135
77332
|
IconButton,
|
|
77136
77333
|
{
|
|
77137
77334
|
onClick: () => {
|
|
77138
77335
|
toggleSidebars("right");
|
|
77139
77336
|
},
|
|
77140
77337
|
title: "Toggle right sidebar",
|
|
77141
|
-
children: /* @__PURE__ */ (0,
|
|
77338
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelRight, { focusable: "false" })
|
|
77142
77339
|
}
|
|
77143
77340
|
)
|
|
77144
77341
|
}
|
|
77145
77342
|
)
|
|
77146
77343
|
] }),
|
|
77147
|
-
/* @__PURE__ */ (0,
|
|
77344
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("headerTitle"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Heading2, { rank: 2, size: "xs", children: [
|
|
77148
77345
|
headerTitle || rootProps.title || "Page",
|
|
77149
|
-
headerPath && /* @__PURE__ */ (0,
|
|
77346
|
+
headerPath && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
|
|
77150
77347
|
" ",
|
|
77151
|
-
/* @__PURE__ */ (0,
|
|
77348
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77152
77349
|
"code",
|
|
77153
77350
|
{
|
|
77154
77351
|
className: getLayoutClassName("headerPath"),
|
|
@@ -77157,18 +77354,18 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77157
77354
|
)
|
|
77158
77355
|
] })
|
|
77159
77356
|
] }) }),
|
|
77160
|
-
/* @__PURE__ */ (0,
|
|
77161
|
-
/* @__PURE__ */ (0,
|
|
77357
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerTools"), children: [
|
|
77358
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("menuButton"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77162
77359
|
IconButton,
|
|
77163
77360
|
{
|
|
77164
77361
|
onClick: () => {
|
|
77165
77362
|
return setMenuOpen(!menuOpen);
|
|
77166
77363
|
},
|
|
77167
77364
|
title: "Toggle menu bar",
|
|
77168
|
-
children: menuOpen ? /* @__PURE__ */ (0,
|
|
77365
|
+
children: menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronUp, { focusable: "false" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDown, { focusable: "false" })
|
|
77169
77366
|
}
|
|
77170
77367
|
) }),
|
|
77171
|
-
/* @__PURE__ */ (0,
|
|
77368
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77172
77369
|
MenuBar,
|
|
77173
77370
|
{
|
|
77174
77371
|
appState,
|
|
@@ -77176,13 +77373,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77176
77373
|
dispatch,
|
|
77177
77374
|
onPublish,
|
|
77178
77375
|
menuOpen,
|
|
77179
|
-
renderHeaderActions: () => /* @__PURE__ */ (0,
|
|
77376
|
+
renderHeaderActions: () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77180
77377
|
Button,
|
|
77181
77378
|
{
|
|
77182
77379
|
onClick: () => {
|
|
77183
77380
|
onPublish && onPublish(data);
|
|
77184
77381
|
},
|
|
77185
|
-
icon: /* @__PURE__ */ (0,
|
|
77382
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Globe, { size: "14px" }),
|
|
77186
77383
|
children: "Publish"
|
|
77187
77384
|
}
|
|
77188
77385
|
) }),
|
|
@@ -77193,19 +77390,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77193
77390
|
] }) })
|
|
77194
77391
|
}
|
|
77195
77392
|
),
|
|
77196
|
-
/* @__PURE__ */ (0,
|
|
77197
|
-
/* @__PURE__ */ (0,
|
|
77198
|
-
/* @__PURE__ */ (0,
|
|
77393
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("leftSideBar"), children: [
|
|
77394
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SidebarSection2, { title: "Components", noBorderTop: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Components, {}) }),
|
|
77395
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SidebarSection2, { title: "Outline", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Outline, {}) })
|
|
77199
77396
|
] }),
|
|
77200
|
-
/* @__PURE__ */ (0,
|
|
77201
|
-
/* @__PURE__ */ (0,
|
|
77397
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Canvas, {}),
|
|
77398
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("rightSideBar"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77202
77399
|
SidebarSection2,
|
|
77203
77400
|
{
|
|
77204
77401
|
noPadding: true,
|
|
77205
77402
|
noBorderTop: true,
|
|
77206
77403
|
showBreadcrumbs: true,
|
|
77207
77404
|
title: selectedItem ? selectedComponentLabel : "Page",
|
|
77208
|
-
children: /* @__PURE__ */ (0,
|
|
77405
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Fields, {})
|
|
77209
77406
|
}
|
|
77210
77407
|
) })
|
|
77211
77408
|
] })
|
|
@@ -77217,7 +77414,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77217
77414
|
)
|
|
77218
77415
|
}
|
|
77219
77416
|
),
|
|
77220
|
-
/* @__PURE__ */ (0,
|
|
77417
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { id: "puck-portal-root", className: getClassName27("portal") })
|
|
77221
77418
|
] });
|
|
77222
77419
|
}
|
|
77223
77420
|
Puck.Components = Components;
|
|
@@ -77225,7 +77422,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77225
77422
|
Puck.Outline = Outline;
|
|
77226
77423
|
Puck.Preview = Preview;
|
|
77227
77424
|
init_react_import2();
|
|
77228
|
-
var
|
|
77425
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
77229
77426
|
function Render({
|
|
77230
77427
|
config,
|
|
77231
77428
|
data
|
|
@@ -77238,7 +77435,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77238
77435
|
const rootProps = defaultedData.root.props || defaultedData.root;
|
|
77239
77436
|
const title = (rootProps == null ? void 0 : rootProps.title) || "";
|
|
77240
77437
|
if ((_a3 = config.root) == null ? void 0 : _a3.render) {
|
|
77241
|
-
return /* @__PURE__ */ (0,
|
|
77438
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
77242
77439
|
config.root.render,
|
|
77243
77440
|
__spreadProps2(__spreadValues2({}, rootProps), {
|
|
77244
77441
|
puck: {
|
|
@@ -77248,11 +77445,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77248
77445
|
title,
|
|
77249
77446
|
editMode: false,
|
|
77250
77447
|
id: "puck-root",
|
|
77251
|
-
children: /* @__PURE__ */ (0,
|
|
77448
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZone, { zone: rootDroppableId2 })
|
|
77252
77449
|
})
|
|
77253
77450
|
) });
|
|
77254
77451
|
}
|
|
77255
|
-
return /* @__PURE__ */ (0,
|
|
77452
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZone, { zone: rootDroppableId2 }) });
|
|
77256
77453
|
}
|
|
77257
77454
|
init_react_import2();
|
|
77258
77455
|
var migrations = [
|
|
@@ -77348,12 +77545,25 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77348
77545
|
config,
|
|
77349
77546
|
history,
|
|
77350
77547
|
dispatch,
|
|
77351
|
-
selectedItem
|
|
77548
|
+
selectedItem: currentItem,
|
|
77549
|
+
globalPermissions
|
|
77352
77550
|
} = useAppContext2();
|
|
77353
77551
|
return {
|
|
77354
77552
|
appState,
|
|
77355
77553
|
config,
|
|
77356
77554
|
dispatch,
|
|
77555
|
+
getPermissions: ({
|
|
77556
|
+
item,
|
|
77557
|
+
type
|
|
77558
|
+
} = {}) => {
|
|
77559
|
+
return getPermissions({
|
|
77560
|
+
selectedItem: item || currentItem,
|
|
77561
|
+
type,
|
|
77562
|
+
globalPermissions: globalPermissions || {},
|
|
77563
|
+
config,
|
|
77564
|
+
appState
|
|
77565
|
+
});
|
|
77566
|
+
},
|
|
77357
77567
|
history: {
|
|
77358
77568
|
back: history.back,
|
|
77359
77569
|
forward: history.forward,
|
|
@@ -77365,7 +77575,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77365
77575
|
index: history.historyStore.index,
|
|
77366
77576
|
historyStore: history.historyStore
|
|
77367
77577
|
},
|
|
77368
|
-
selectedItem:
|
|
77578
|
+
selectedItem: currentItem || null
|
|
77369
77579
|
};
|
|
77370
77580
|
};
|
|
77371
77581
|
}
|
|
@@ -77666,7 +77876,8 @@ var defaultContext = {
|
|
|
77666
77876
|
status: "LOADING",
|
|
77667
77877
|
setStatus: () => null,
|
|
77668
77878
|
iframe: {},
|
|
77669
|
-
safariFallbackMode: false
|
|
77879
|
+
safariFallbackMode: false,
|
|
77880
|
+
globalPermissions: {}
|
|
77670
77881
|
};
|
|
77671
77882
|
var appContext = (0, import_react10.createContext)(defaultContext);
|
|
77672
77883
|
function useAppContext() {
|