@measured/puck-plugin-heading-analyzer 0.16.0-canary.abe8c52 → 0.16.0-canary.cad95b8
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 +4 -0
- package/dist/index.js +676 -535
- 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,81 @@ 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
|
+
var getPermissions = ({
|
|
74262
|
+
selectedItem,
|
|
74263
|
+
type,
|
|
74264
|
+
globalPermissions,
|
|
74265
|
+
config
|
|
74266
|
+
}) => {
|
|
74267
|
+
const componentType = type || selectedItem && selectedItem.type || "";
|
|
74268
|
+
let componentPermissions = getInitialPermissions({
|
|
74269
|
+
componentType,
|
|
74270
|
+
config,
|
|
74271
|
+
globalPermissions
|
|
74272
|
+
});
|
|
74273
|
+
return componentPermissions;
|
|
74274
|
+
};
|
|
74275
|
+
var getInitialPermissions = ({
|
|
74276
|
+
componentType,
|
|
74277
|
+
globalPermissions,
|
|
74278
|
+
config
|
|
74279
|
+
}) => {
|
|
74280
|
+
var _a3;
|
|
74281
|
+
return __spreadValues2(__spreadValues2({}, globalPermissions), (_a3 = config.components[componentType]) == null ? void 0 : _a3.permissions);
|
|
74282
|
+
};
|
|
74283
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
74284
|
+
var getClassName17 = get_class_name_factory_default2("DraggableComponent", styles_module_default11);
|
|
74185
74285
|
var space2 = 8;
|
|
74186
74286
|
var actionsOverlayTop = space2 * 6.5;
|
|
74187
74287
|
var actionsTop = -(actionsOverlayTop - 8);
|
|
74188
74288
|
var actionsRight = space2;
|
|
74289
|
+
var DefaultActionBar = ({
|
|
74290
|
+
label,
|
|
74291
|
+
children
|
|
74292
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ActionBar, { label, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DefaultOverride, { children }) });
|
|
74189
74293
|
var DraggableComponent = ({
|
|
74190
74294
|
children,
|
|
74191
74295
|
id,
|
|
@@ -74208,30 +74312,50 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74208
74312
|
indicativeHover = false,
|
|
74209
74313
|
style: style2
|
|
74210
74314
|
}) => {
|
|
74211
|
-
const {
|
|
74315
|
+
const {
|
|
74316
|
+
zoomConfig,
|
|
74317
|
+
status,
|
|
74318
|
+
overrides,
|
|
74319
|
+
plugins,
|
|
74320
|
+
selectedItem,
|
|
74321
|
+
config,
|
|
74322
|
+
globalPermissions
|
|
74323
|
+
} = useAppContext2();
|
|
74212
74324
|
const isModifierHeld = useModifierHeld("Alt");
|
|
74213
|
-
const { status } = useAppContext2();
|
|
74214
74325
|
const El = status !== "LOADING" ? import_dnd4.Draggable : DefaultDraggable;
|
|
74215
|
-
(0,
|
|
74216
|
-
const [disableSecondaryAnimation, setDisableSecondaryAnimation] = (0,
|
|
74217
|
-
(0,
|
|
74326
|
+
(0, import_react15.useEffect)(onMount, []);
|
|
74327
|
+
const [disableSecondaryAnimation, setDisableSecondaryAnimation] = (0, import_react15.useState)(false);
|
|
74328
|
+
(0, import_react15.useEffect)(() => {
|
|
74218
74329
|
if (isIos()) {
|
|
74219
74330
|
setDisableSecondaryAnimation(true);
|
|
74220
74331
|
}
|
|
74221
74332
|
}, []);
|
|
74222
|
-
|
|
74333
|
+
const loadedOverrides = useLoadedOverrides({
|
|
74334
|
+
overrides,
|
|
74335
|
+
plugins
|
|
74336
|
+
});
|
|
74337
|
+
const CustomActionBar = (0, import_react15.useMemo)(
|
|
74338
|
+
() => loadedOverrides.actionBar || DefaultActionBar,
|
|
74339
|
+
[loadedOverrides]
|
|
74340
|
+
);
|
|
74341
|
+
const permissions = selectedItem && getPermissions({
|
|
74342
|
+
selectedItem,
|
|
74343
|
+
globalPermissions: globalPermissions || {},
|
|
74344
|
+
config
|
|
74345
|
+
});
|
|
74346
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
74223
74347
|
El,
|
|
74224
74348
|
{
|
|
74225
74349
|
draggableId: id,
|
|
74226
74350
|
index,
|
|
74227
74351
|
isDragDisabled,
|
|
74228
74352
|
disableSecondaryAnimation,
|
|
74229
|
-
children: (provided, snapshot) => /* @__PURE__ */ (0,
|
|
74353
|
+
children: (provided, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
74230
74354
|
"div",
|
|
74231
74355
|
__spreadProps2(__spreadValues2(__spreadValues2({
|
|
74232
74356
|
ref: provided.innerRef
|
|
74233
74357
|
}, provided.draggableProps), provided.dragHandleProps), {
|
|
74234
|
-
className:
|
|
74358
|
+
className: getClassName17({
|
|
74235
74359
|
isSelected,
|
|
74236
74360
|
isModifierHeld,
|
|
74237
74361
|
isDragging: snapshot.isDragging,
|
|
@@ -74240,7 +74364,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74240
74364
|
indicativeHover
|
|
74241
74365
|
}),
|
|
74242
74366
|
style: __spreadProps2(__spreadValues2(__spreadValues2({}, style2), provided.draggableProps.style), {
|
|
74243
|
-
cursor: isModifierHeld ? "initial" : "grab"
|
|
74367
|
+
cursor: isModifierHeld || isDragDisabled ? "initial" : "grab"
|
|
74244
74368
|
}),
|
|
74245
74369
|
onMouseOver,
|
|
74246
74370
|
onMouseOut,
|
|
@@ -74249,34 +74373,33 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74249
74373
|
onClick,
|
|
74250
74374
|
children: [
|
|
74251
74375
|
debug,
|
|
74252
|
-
isLoading && /* @__PURE__ */ (0,
|
|
74253
|
-
/* @__PURE__ */ (0,
|
|
74376
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName17("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Loader2, {}) }),
|
|
74377
|
+
isSelected && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
74254
74378
|
"div",
|
|
74255
74379
|
{
|
|
74256
|
-
className:
|
|
74380
|
+
className: getClassName17("actionsOverlay"),
|
|
74257
74381
|
style: {
|
|
74258
74382
|
top: actionsOverlayTop / zoomConfig.zoom
|
|
74259
74383
|
},
|
|
74260
|
-
children: /* @__PURE__ */ (0,
|
|
74384
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
74261
74385
|
"div",
|
|
74262
74386
|
{
|
|
74263
|
-
className:
|
|
74387
|
+
className: getClassName17("actions"),
|
|
74264
74388
|
style: {
|
|
74265
74389
|
transform: `scale(${1 / zoomConfig.zoom}`,
|
|
74266
74390
|
top: actionsTop / zoomConfig.zoom,
|
|
74267
74391
|
right: actionsRight / zoomConfig.zoom
|
|
74268
74392
|
},
|
|
74269
|
-
children: [
|
|
74270
|
-
|
|
74271
|
-
/* @__PURE__ */ (0,
|
|
74272
|
-
|
|
74273
|
-
]
|
|
74393
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CustomActionBar, { label, children: [
|
|
74394
|
+
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 }) }),
|
|
74395
|
+
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 }) })
|
|
74396
|
+
] })
|
|
74274
74397
|
}
|
|
74275
74398
|
)
|
|
74276
74399
|
}
|
|
74277
74400
|
),
|
|
74278
|
-
/* @__PURE__ */ (0,
|
|
74279
|
-
/* @__PURE__ */ (0,
|
|
74401
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName17("overlay") }),
|
|
74402
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName17("contents"), children })
|
|
74280
74403
|
]
|
|
74281
74404
|
})
|
|
74282
74405
|
)
|
|
@@ -74285,9 +74408,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74285
74408
|
);
|
|
74286
74409
|
};
|
|
74287
74410
|
init_react_import2();
|
|
74288
|
-
var
|
|
74411
|
+
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
74412
|
init_react_import2();
|
|
74290
|
-
var
|
|
74413
|
+
var import_react16 = require("react");
|
|
74291
74414
|
var import_use_debounce2 = (init_index_module(), __toCommonJS(index_module_exports));
|
|
74292
74415
|
init_react_import2();
|
|
74293
74416
|
var getZoneId2 = (zoneCompound) => {
|
|
@@ -74299,30 +74422,30 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74299
74422
|
}
|
|
74300
74423
|
return [rootDroppableId2, zoneCompound];
|
|
74301
74424
|
};
|
|
74302
|
-
var
|
|
74303
|
-
var dropZoneContext2 = (0,
|
|
74425
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
74426
|
+
var dropZoneContext2 = (0, import_react16.createContext)(null);
|
|
74304
74427
|
var DropZoneProvider = ({
|
|
74305
74428
|
children,
|
|
74306
74429
|
value
|
|
74307
74430
|
}) => {
|
|
74308
|
-
const [hoveringArea, setHoveringArea] = (0,
|
|
74309
|
-
const [hoveringZone, setHoveringZone] = (0,
|
|
74431
|
+
const [hoveringArea, setHoveringArea] = (0, import_react16.useState)(null);
|
|
74432
|
+
const [hoveringZone, setHoveringZone] = (0, import_react16.useState)(
|
|
74310
74433
|
rootDroppableId2
|
|
74311
74434
|
);
|
|
74312
|
-
const [hoveringComponent, setHoveringComponent] = (0,
|
|
74435
|
+
const [hoveringComponent, setHoveringComponent] = (0, import_react16.useState)();
|
|
74313
74436
|
const [hoveringAreaDb] = (0, import_use_debounce2.useDebounce)(hoveringArea, 75, { leading: false });
|
|
74314
|
-
const [areasWithZones, setAreasWithZones] = (0,
|
|
74437
|
+
const [areasWithZones, setAreasWithZones] = (0, import_react16.useState)(
|
|
74315
74438
|
{}
|
|
74316
74439
|
);
|
|
74317
|
-
const [activeZones, setActiveZones] = (0,
|
|
74440
|
+
const [activeZones, setActiveZones] = (0, import_react16.useState)({});
|
|
74318
74441
|
const { dispatch = null } = value ? value : {};
|
|
74319
|
-
const registerZoneArea = (0,
|
|
74442
|
+
const registerZoneArea = (0, import_react16.useCallback)(
|
|
74320
74443
|
(area) => {
|
|
74321
74444
|
setAreasWithZones((latest) => __spreadProps2(__spreadValues2({}, latest), { [area]: true }));
|
|
74322
74445
|
},
|
|
74323
74446
|
[setAreasWithZones]
|
|
74324
74447
|
);
|
|
74325
|
-
const registerZone = (0,
|
|
74448
|
+
const registerZone = (0, import_react16.useCallback)(
|
|
74326
74449
|
(zoneCompound) => {
|
|
74327
74450
|
if (!dispatch) {
|
|
74328
74451
|
return;
|
|
@@ -74335,7 +74458,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74335
74458
|
},
|
|
74336
74459
|
[setActiveZones, dispatch]
|
|
74337
74460
|
);
|
|
74338
|
-
const unregisterZone = (0,
|
|
74461
|
+
const unregisterZone = (0, import_react16.useCallback)(
|
|
74339
74462
|
(zoneCompound) => {
|
|
74340
74463
|
if (!dispatch) {
|
|
74341
74464
|
return;
|
|
@@ -74350,8 +74473,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74350
74473
|
},
|
|
74351
74474
|
[setActiveZones, dispatch]
|
|
74352
74475
|
);
|
|
74353
|
-
const [pathData, setPathData] = (0,
|
|
74354
|
-
const registerPath = (0,
|
|
74476
|
+
const [pathData, setPathData] = (0, import_react16.useState)();
|
|
74477
|
+
const registerPath = (0, import_react16.useCallback)(
|
|
74355
74478
|
(selector) => {
|
|
74356
74479
|
if (!(value == null ? void 0 : value.data)) {
|
|
74357
74480
|
return;
|
|
@@ -74376,8 +74499,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74376
74499
|
},
|
|
74377
74500
|
[value, setPathData]
|
|
74378
74501
|
);
|
|
74379
|
-
const [zoneWillDrag, setZoneWillDrag] = (0,
|
|
74380
|
-
return /* @__PURE__ */ (0,
|
|
74502
|
+
const [zoneWillDrag, setZoneWillDrag] = (0, import_react16.useState)("");
|
|
74503
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: value && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
74381
74504
|
dropZoneContext2.Provider,
|
|
74382
74505
|
{
|
|
74383
74506
|
value: __spreadValues2({
|
|
@@ -74401,12 +74524,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74401
74524
|
}
|
|
74402
74525
|
) });
|
|
74403
74526
|
};
|
|
74404
|
-
var
|
|
74405
|
-
var
|
|
74527
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
74528
|
+
var getClassName18 = get_class_name_factory_default2("DropZone", styles_module_default12);
|
|
74406
74529
|
function DropZoneEdit({ zone, allow, disallow, style: style2 }) {
|
|
74407
74530
|
var _a3;
|
|
74408
74531
|
const appContext22 = useAppContext2();
|
|
74409
|
-
const ctx = (0,
|
|
74532
|
+
const ctx = (0, import_react17.useContext)(dropZoneContext2);
|
|
74410
74533
|
const {
|
|
74411
74534
|
// These all need setting via context
|
|
74412
74535
|
data,
|
|
@@ -74425,12 +74548,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74425
74548
|
} = ctx || {};
|
|
74426
74549
|
let content = data.content || [];
|
|
74427
74550
|
let zoneCompound = rootDroppableId2;
|
|
74428
|
-
(0,
|
|
74551
|
+
(0, import_react17.useEffect)(() => {
|
|
74429
74552
|
if (areaId && registerZoneArea) {
|
|
74430
74553
|
registerZoneArea(areaId);
|
|
74431
74554
|
}
|
|
74432
74555
|
}, [areaId]);
|
|
74433
|
-
(0,
|
|
74556
|
+
(0, import_react17.useEffect)(() => {
|
|
74434
74557
|
if (ctx == null ? void 0 : ctx.registerZone) {
|
|
74435
74558
|
ctx == null ? void 0 : ctx.registerZone(zoneCompound);
|
|
74436
74559
|
}
|
|
@@ -74456,7 +74579,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74456
74579
|
const draggingOverArea = userIsDragging && zoneArea === draggedSourceArea;
|
|
74457
74580
|
const draggingNewComponent = draggedSourceId == null ? void 0 : draggedSourceId.startsWith("component-list");
|
|
74458
74581
|
if (!(ctx == null ? void 0 : ctx.config) || !ctx.setHoveringArea || !ctx.setHoveringZone || !ctx.setHoveringComponent || !ctx.setItemSelector || !ctx.registerPath || !ctx.dispatch) {
|
|
74459
|
-
return /* @__PURE__ */ (0,
|
|
74582
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: "DropZone requires context to work." });
|
|
74460
74583
|
}
|
|
74461
74584
|
const {
|
|
74462
74585
|
hoveringArea = "root",
|
|
@@ -74497,10 +74620,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74497
74620
|
}
|
|
74498
74621
|
const selectedItem = itemSelector ? getItem2(itemSelector, data) : null;
|
|
74499
74622
|
const isAreaSelected = selectedItem && zoneArea === selectedItem.props.id;
|
|
74500
|
-
return /* @__PURE__ */ (0,
|
|
74623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74501
74624
|
"div",
|
|
74502
74625
|
{
|
|
74503
|
-
className:
|
|
74626
|
+
className: getClassName18({
|
|
74504
74627
|
isRootZone,
|
|
74505
74628
|
userIsDragging,
|
|
74506
74629
|
draggingOverArea,
|
|
@@ -74514,17 +74637,17 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74514
74637
|
onMouseUp: () => {
|
|
74515
74638
|
setZoneWillDrag("");
|
|
74516
74639
|
},
|
|
74517
|
-
children: /* @__PURE__ */ (0,
|
|
74640
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74518
74641
|
Droppable2,
|
|
74519
74642
|
{
|
|
74520
74643
|
droppableId: zoneCompound,
|
|
74521
74644
|
direction: "vertical",
|
|
74522
74645
|
isDropDisabled: !isEnabled,
|
|
74523
74646
|
children: (provided, snapshot) => {
|
|
74524
|
-
return /* @__PURE__ */ (0,
|
|
74647
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
74525
74648
|
"div",
|
|
74526
74649
|
__spreadProps2(__spreadValues2({}, (provided || { droppableProps: {} }).droppableProps), {
|
|
74527
|
-
className:
|
|
74650
|
+
className: getClassName18("content"),
|
|
74528
74651
|
ref: provided == null ? void 0 : provided.innerRef,
|
|
74529
74652
|
style: style2,
|
|
74530
74653
|
id: zoneCompound,
|
|
@@ -74551,25 +74674,33 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74551
74674
|
"draggable-"
|
|
74552
74675
|
)[1] === componentId;
|
|
74553
74676
|
const containsZone = areasWithZones ? areasWithZones[componentId] : false;
|
|
74554
|
-
const Render2 = config.components[item.type] ? config.components[item.type].render : () => /* @__PURE__ */ (0,
|
|
74677
|
+
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
74678
|
"No configuration for ",
|
|
74556
74679
|
item.type
|
|
74557
74680
|
] });
|
|
74558
74681
|
const componentConfig = config.components[item.type];
|
|
74559
74682
|
const label = (_b2 = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _b2 : item.type.toString();
|
|
74560
|
-
|
|
74683
|
+
const canDrag = getPermissions({
|
|
74684
|
+
selectedItem: getItem2(
|
|
74685
|
+
{ index: i2, zone: zoneCompound },
|
|
74686
|
+
appContext22.state.data
|
|
74687
|
+
),
|
|
74688
|
+
config: appContext22.config,
|
|
74689
|
+
globalPermissions: appContext22.globalPermissions || {}
|
|
74690
|
+
}).drag;
|
|
74691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
74561
74692
|
"div",
|
|
74562
74693
|
{
|
|
74563
|
-
className:
|
|
74694
|
+
className: getClassName18("item"),
|
|
74564
74695
|
style: { zIndex: isDragging2 ? 1 : void 0 },
|
|
74565
74696
|
children: [
|
|
74566
|
-
/* @__PURE__ */ (0,
|
|
74697
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74567
74698
|
DropZoneProvider,
|
|
74568
74699
|
{
|
|
74569
74700
|
value: __spreadProps2(__spreadValues2({}, ctx), {
|
|
74570
74701
|
areaId: componentId
|
|
74571
74702
|
}),
|
|
74572
|
-
children: /* @__PURE__ */ (0,
|
|
74703
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74573
74704
|
DraggableComponent,
|
|
74574
74705
|
{
|
|
74575
74706
|
label,
|
|
@@ -74578,6 +74709,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74578
74709
|
isSelected,
|
|
74579
74710
|
isLocked: userIsDragging,
|
|
74580
74711
|
forceHover: hoveringComponent === componentId && !userIsDragging,
|
|
74712
|
+
isDragDisabled: !canDrag,
|
|
74581
74713
|
indicativeHover: userIsDragging && containsZone && hoveringArea === componentId,
|
|
74582
74714
|
isLoading: (_c = appContext22.componentState[componentId]) == null ? void 0 : _c.loading,
|
|
74583
74715
|
onMount: () => {
|
|
@@ -74636,15 +74768,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74636
74768
|
style: {
|
|
74637
74769
|
pointerEvents: userIsDragging && draggingNewComponent ? "all" : void 0
|
|
74638
74770
|
},
|
|
74639
|
-
children: /* @__PURE__ */ (0,
|
|
74771
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: getClassName18("renderWrapper"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Render2, __spreadValues2({}, defaultedProps)) })
|
|
74640
74772
|
}
|
|
74641
74773
|
)
|
|
74642
74774
|
}
|
|
74643
74775
|
),
|
|
74644
|
-
userIsDragging && /* @__PURE__ */ (0,
|
|
74776
|
+
userIsDragging && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74645
74777
|
"div",
|
|
74646
74778
|
{
|
|
74647
|
-
className:
|
|
74779
|
+
className: getClassName18("hitbox"),
|
|
74648
74780
|
onMouseOver: (e2) => {
|
|
74649
74781
|
e2.stopPropagation();
|
|
74650
74782
|
setHoveringArea(zoneArea);
|
|
@@ -74658,7 +74790,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74658
74790
|
);
|
|
74659
74791
|
}),
|
|
74660
74792
|
provided == null ? void 0 : provided.placeholder,
|
|
74661
|
-
(snapshot == null ? void 0 : snapshot.isDraggingOver) && /* @__PURE__ */ (0,
|
|
74793
|
+
(snapshot == null ? void 0 : snapshot.isDraggingOver) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74662
74794
|
"div",
|
|
74663
74795
|
{
|
|
74664
74796
|
"data-puck-placeholder": true,
|
|
@@ -74679,7 +74811,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74679
74811
|
);
|
|
74680
74812
|
}
|
|
74681
74813
|
function DropZoneRender({ zone }) {
|
|
74682
|
-
const ctx = (0,
|
|
74814
|
+
const ctx = (0, import_react17.useContext)(dropZoneContext2);
|
|
74683
74815
|
const { data, areaId = "root", config } = ctx || {};
|
|
74684
74816
|
let zoneCompound = rootDroppableId2;
|
|
74685
74817
|
let content = (data == null ? void 0 : data.content) || [];
|
|
@@ -74690,14 +74822,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74690
74822
|
zoneCompound = `${areaId}:${zone}`;
|
|
74691
74823
|
content = setupZone2(data, zoneCompound).zones[zoneCompound];
|
|
74692
74824
|
}
|
|
74693
|
-
return /* @__PURE__ */ (0,
|
|
74825
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: content.map((item) => {
|
|
74694
74826
|
const Component = config.components[item.type];
|
|
74695
74827
|
if (Component) {
|
|
74696
|
-
return /* @__PURE__ */ (0,
|
|
74828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74697
74829
|
DropZoneProvider,
|
|
74698
74830
|
{
|
|
74699
74831
|
value: { data, config, areaId: item.props.id },
|
|
74700
|
-
children: /* @__PURE__ */ (0,
|
|
74832
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74701
74833
|
Component.render,
|
|
74702
74834
|
__spreadProps2(__spreadValues2({}, item.props), {
|
|
74703
74835
|
puck: { renderDropZone: DropZone }
|
|
@@ -74711,16 +74843,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74711
74843
|
}) });
|
|
74712
74844
|
}
|
|
74713
74845
|
function DropZone(props) {
|
|
74714
|
-
const ctx = (0,
|
|
74846
|
+
const ctx = (0, import_react17.useContext)(dropZoneContext2);
|
|
74715
74847
|
if ((ctx == null ? void 0 : ctx.mode) === "edit") {
|
|
74716
|
-
return /* @__PURE__ */ (0,
|
|
74848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropZoneEdit, __spreadValues2({}, props));
|
|
74717
74849
|
}
|
|
74718
|
-
return /* @__PURE__ */ (0,
|
|
74850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropZoneRender, __spreadValues2({}, props));
|
|
74719
74851
|
}
|
|
74720
74852
|
init_react_import2();
|
|
74721
|
-
var
|
|
74853
|
+
var import_react31 = require("react");
|
|
74722
74854
|
init_react_import2();
|
|
74723
|
-
var
|
|
74855
|
+
var import_react18 = require("react");
|
|
74724
74856
|
init_react_import2();
|
|
74725
74857
|
var getFrame3 = () => {
|
|
74726
74858
|
let frame = document.querySelector("#preview-frame");
|
|
@@ -74731,7 +74863,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74731
74863
|
};
|
|
74732
74864
|
var usePlaceholderStyle = () => {
|
|
74733
74865
|
const queryAttr = "data-rfd-drag-handle-draggable-id";
|
|
74734
|
-
const [placeholderStyle, setPlaceholderStyle] = (0,
|
|
74866
|
+
const [placeholderStyle, setPlaceholderStyle] = (0, import_react18.useState)();
|
|
74735
74867
|
const onDragStartOrUpdate = (draggedItem) => {
|
|
74736
74868
|
var _a3;
|
|
74737
74869
|
const draggableId = draggedItem.draggableId;
|
|
@@ -74776,9 +74908,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74776
74908
|
};
|
|
74777
74909
|
init_react_import2();
|
|
74778
74910
|
init_react_import2();
|
|
74779
|
-
var
|
|
74911
|
+
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
74912
|
init_react_import2();
|
|
74781
|
-
var
|
|
74913
|
+
var import_react19 = require("react");
|
|
74782
74914
|
var convertPathDataToBreadcrumbs2 = (selectedItem, pathData, data) => {
|
|
74783
74915
|
const id = selectedItem ? selectedItem == null ? void 0 : selectedItem.props.id : "";
|
|
74784
74916
|
const currentPathData = pathData && id && pathData[id] ? __spreadValues2({}, pathData[id]) : { label: "Page", path: [] };
|
|
@@ -74828,8 +74960,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74828
74960
|
state: { data },
|
|
74829
74961
|
selectedItem
|
|
74830
74962
|
} = useAppContext2();
|
|
74831
|
-
const dzContext = (0,
|
|
74832
|
-
return (0,
|
|
74963
|
+
const dzContext = (0, import_react19.useContext)(dropZoneContext2);
|
|
74964
|
+
return (0, import_react19.useMemo)(() => {
|
|
74833
74965
|
const breadcrumbs = convertPathDataToBreadcrumbs2(
|
|
74834
74966
|
selectedItem,
|
|
74835
74967
|
dzContext == null ? void 0 : dzContext.pathData,
|
|
@@ -74841,8 +74973,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74841
74973
|
return breadcrumbs;
|
|
74842
74974
|
}, [selectedItem, dzContext == null ? void 0 : dzContext.pathData, renderCount]);
|
|
74843
74975
|
};
|
|
74844
|
-
var
|
|
74845
|
-
var
|
|
74976
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
74977
|
+
var getClassName19 = get_class_name_factory_default2("SidebarSection", styles_module_default13);
|
|
74846
74978
|
var SidebarSection2 = ({
|
|
74847
74979
|
children,
|
|
74848
74980
|
title,
|
|
@@ -74854,28 +74986,28 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74854
74986
|
}) => {
|
|
74855
74987
|
const { setUi } = useAppContext2();
|
|
74856
74988
|
const breadcrumbs = useBreadcrumbs2(1);
|
|
74857
|
-
return /* @__PURE__ */ (0,
|
|
74989
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
74858
74990
|
"div",
|
|
74859
74991
|
{
|
|
74860
|
-
className:
|
|
74992
|
+
className: getClassName19({ noBorderTop, noPadding }),
|
|
74861
74993
|
style: { background },
|
|
74862
74994
|
children: [
|
|
74863
|
-
/* @__PURE__ */ (0,
|
|
74864
|
-
showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0,
|
|
74865
|
-
/* @__PURE__ */ (0,
|
|
74995
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("title"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: getClassName19("breadcrumbs"), children: [
|
|
74996
|
+
showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: getClassName19("breadcrumb"), children: [
|
|
74997
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
74866
74998
|
"button",
|
|
74867
74999
|
{
|
|
74868
|
-
className:
|
|
75000
|
+
className: getClassName19("breadcrumbLabel"),
|
|
74869
75001
|
onClick: () => setUi({ itemSelector: breadcrumb.selector }),
|
|
74870
75002
|
children: breadcrumb.label
|
|
74871
75003
|
}
|
|
74872
75004
|
),
|
|
74873
|
-
/* @__PURE__ */ (0,
|
|
75005
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronRight2, { size: 16 })
|
|
74874
75006
|
] }, i2)) : null,
|
|
74875
|
-
/* @__PURE__ */ (0,
|
|
75007
|
+
/* @__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
75008
|
] }) }),
|
|
74877
|
-
/* @__PURE__ */ (0,
|
|
74878
|
-
isLoading && /* @__PURE__ */ (0,
|
|
75009
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("content"), children }),
|
|
75010
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Loader2, { size: 32 }) })
|
|
74879
75011
|
]
|
|
74880
75012
|
}
|
|
74881
75013
|
);
|
|
@@ -75222,7 +75354,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75222
75354
|
return appState;
|
|
75223
75355
|
};
|
|
75224
75356
|
init_react_import2();
|
|
75225
|
-
var
|
|
75357
|
+
var import_react20 = require("react");
|
|
75226
75358
|
init_react_import2();
|
|
75227
75359
|
init_react_import2();
|
|
75228
75360
|
var getChanged = (newItem, oldItem) => {
|
|
@@ -75319,13 +75451,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75319
75451
|
return data.root;
|
|
75320
75452
|
});
|
|
75321
75453
|
var useResolvedData = (appState, config, dispatch) => {
|
|
75322
|
-
const [{ resolverKey, newAppState }, setResolverState] = (0,
|
|
75454
|
+
const [{ resolverKey, newAppState }, setResolverState] = (0, import_react20.useState)({
|
|
75323
75455
|
resolverKey: 0,
|
|
75324
75456
|
newAppState: appState
|
|
75325
75457
|
});
|
|
75326
|
-
const [componentState, setComponentState] = (0,
|
|
75458
|
+
const [componentState, setComponentState] = (0, import_react20.useState)({});
|
|
75327
75459
|
const deferredSetStates = {};
|
|
75328
|
-
const setComponentLoading = (0,
|
|
75460
|
+
const setComponentLoading = (0, import_react20.useCallback)(
|
|
75329
75461
|
(id, loading, defer2 = 0) => {
|
|
75330
75462
|
if (deferredSetStates[id]) {
|
|
75331
75463
|
clearTimeout(deferredSetStates[id]);
|
|
@@ -75395,10 +75527,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75395
75527
|
});
|
|
75396
75528
|
yield Promise.all(promises);
|
|
75397
75529
|
});
|
|
75398
|
-
(0,
|
|
75530
|
+
(0, import_react20.useEffect)(() => {
|
|
75399
75531
|
runResolvers();
|
|
75400
75532
|
}, [resolverKey]);
|
|
75401
|
-
const resolveData = (0,
|
|
75533
|
+
const resolveData = (0, import_react20.useCallback)((newAppState2 = appState) => {
|
|
75402
75534
|
setResolverState((curr) => ({
|
|
75403
75535
|
resolverKey: curr.resolverKey + 1,
|
|
75404
75536
|
newAppState: newAppState2
|
|
@@ -75411,9 +75543,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75411
75543
|
};
|
|
75412
75544
|
init_react_import2();
|
|
75413
75545
|
init_react_import2();
|
|
75414
|
-
var
|
|
75415
|
-
var
|
|
75416
|
-
var
|
|
75546
|
+
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" };
|
|
75547
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
75548
|
+
var getClassName20 = get_class_name_factory_default2("MenuBar", styles_module_default14);
|
|
75417
75549
|
var MenuBar = ({
|
|
75418
75550
|
appState,
|
|
75419
75551
|
data = { content: [], root: {} },
|
|
@@ -75427,10 +75559,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75427
75559
|
history: { back, forward, historyStore }
|
|
75428
75560
|
} = useAppContext2();
|
|
75429
75561
|
const { hasFuture = false, hasPast = false } = historyStore || {};
|
|
75430
|
-
return /* @__PURE__ */ (0,
|
|
75562
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
75431
75563
|
"div",
|
|
75432
75564
|
{
|
|
75433
|
-
className:
|
|
75565
|
+
className: getClassName20({ menuOpen }),
|
|
75434
75566
|
onClick: (event) => {
|
|
75435
75567
|
var _a3;
|
|
75436
75568
|
const element = event.target;
|
|
@@ -75441,12 +75573,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75441
75573
|
setMenuOpen(false);
|
|
75442
75574
|
}
|
|
75443
75575
|
},
|
|
75444
|
-
children: /* @__PURE__ */ (0,
|
|
75445
|
-
/* @__PURE__ */ (0,
|
|
75446
|
-
/* @__PURE__ */ (0,
|
|
75447
|
-
/* @__PURE__ */ (0,
|
|
75576
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassName20("inner"), children: [
|
|
75577
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassName20("history"), children: [
|
|
75578
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { title: "undo", disabled: !hasPast, onClick: back, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Undo2, { size: 21 }) }),
|
|
75579
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { title: "redo", disabled: !hasFuture, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Redo2, { size: 21 }) })
|
|
75448
75580
|
] }),
|
|
75449
|
-
/* @__PURE__ */ (0,
|
|
75581
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: renderHeaderActions && renderHeaderActions({
|
|
75450
75582
|
state: appState,
|
|
75451
75583
|
dispatch
|
|
75452
75584
|
}) })
|
|
@@ -75455,20 +75587,20 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75455
75587
|
);
|
|
75456
75588
|
};
|
|
75457
75589
|
init_react_import2();
|
|
75458
|
-
var
|
|
75590
|
+
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" };
|
|
75459
75591
|
init_react_import2();
|
|
75460
75592
|
init_react_import2();
|
|
75461
|
-
var
|
|
75462
|
-
var
|
|
75463
|
-
var
|
|
75464
|
-
var
|
|
75593
|
+
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" };
|
|
75594
|
+
var import_react21 = require("react");
|
|
75595
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
75596
|
+
var getClassName21 = get_class_name_factory_default2("PuckFields", styles_module_default16);
|
|
75465
75597
|
var defaultPageFields = {
|
|
75466
75598
|
title: { type: "text" }
|
|
75467
75599
|
};
|
|
75468
75600
|
var DefaultFields = ({
|
|
75469
75601
|
children
|
|
75470
75602
|
}) => {
|
|
75471
|
-
return /* @__PURE__ */ (0,
|
|
75603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children });
|
|
75472
75604
|
};
|
|
75473
75605
|
var useResolvedFields = () => {
|
|
75474
75606
|
var _a3;
|
|
@@ -75478,14 +75610,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75478
75610
|
const componentConfig = selectedItem ? config.components[selectedItem.type] : null;
|
|
75479
75611
|
const defaultFields = selectedItem ? componentConfig == null ? void 0 : componentConfig.fields : rootFields;
|
|
75480
75612
|
const rootProps = data.root.props || data.root;
|
|
75481
|
-
const [lastSelectedData, setLastSelectedData] = (0,
|
|
75613
|
+
const [lastSelectedData, setLastSelectedData] = (0, import_react21.useState)(
|
|
75482
75614
|
{}
|
|
75483
75615
|
);
|
|
75484
|
-
const [resolvedFields, setResolvedFields] = (0,
|
|
75485
|
-
const [fieldsLoading, setFieldsLoading] = (0,
|
|
75616
|
+
const [resolvedFields, setResolvedFields] = (0, import_react21.useState)(defaultFields || {});
|
|
75617
|
+
const [fieldsLoading, setFieldsLoading] = (0, import_react21.useState)(false);
|
|
75486
75618
|
const defaultResolveFields = (_componentData, _params) => defaultFields;
|
|
75487
75619
|
const componentData = selectedItem ? selectedItem : { props: rootProps, readOnly: data.root.readOnly };
|
|
75488
|
-
const resolveFields = (0,
|
|
75620
|
+
const resolveFields = (0, import_react21.useCallback)(
|
|
75489
75621
|
(..._0) => __async2(void 0, [..._0], function* (fields = {}) {
|
|
75490
75622
|
var _a22, _b2, _c;
|
|
75491
75623
|
const lastData = ((_a22 = lastSelectedData.props) == null ? void 0 : _a22.id) === componentData.props.id ? lastSelectedData : {};
|
|
@@ -75521,7 +75653,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75521
75653
|
}),
|
|
75522
75654
|
[data, config, componentData, selectedItem, resolvedFields, state]
|
|
75523
75655
|
);
|
|
75524
|
-
(0,
|
|
75656
|
+
(0, import_react21.useEffect)(() => {
|
|
75525
75657
|
setFieldsLoading(true);
|
|
75526
75658
|
resolveFields(defaultFields).then((fields) => {
|
|
75527
75659
|
setResolvedFields(fields || {});
|
|
@@ -75539,7 +75671,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75539
75671
|
config,
|
|
75540
75672
|
resolveData,
|
|
75541
75673
|
componentState,
|
|
75542
|
-
overrides
|
|
75674
|
+
overrides,
|
|
75675
|
+
globalPermissions
|
|
75543
75676
|
} = useAppContext2();
|
|
75544
75677
|
const { data, ui } = state;
|
|
75545
75678
|
const { itemSelector } = ui;
|
|
@@ -75547,16 +75680,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75547
75680
|
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;
|
|
75548
75681
|
const isLoading = fieldsResolving || componentResolving;
|
|
75549
75682
|
const rootProps = data.root.props || data.root;
|
|
75550
|
-
const Wrapper = (0,
|
|
75551
|
-
return /* @__PURE__ */ (0,
|
|
75683
|
+
const Wrapper = (0, import_react21.useMemo)(() => overrides.fields || DefaultFields, [overrides]);
|
|
75684
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
75552
75685
|
"form",
|
|
75553
75686
|
{
|
|
75554
|
-
className:
|
|
75687
|
+
className: getClassName21(),
|
|
75555
75688
|
onSubmit: (e2) => {
|
|
75556
75689
|
e2.preventDefault();
|
|
75557
75690
|
},
|
|
75558
75691
|
children: [
|
|
75559
|
-
/* @__PURE__ */ (0,
|
|
75692
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Wrapper, { isLoading, itemSelector, children: Object.keys(fields).map((fieldName) => {
|
|
75560
75693
|
const field = fields[fieldName];
|
|
75561
75694
|
if (!(field == null ? void 0 : field.type)) return null;
|
|
75562
75695
|
const onChange = (value, updatedUi) => {
|
|
@@ -75623,13 +75756,18 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75623
75756
|
};
|
|
75624
75757
|
if (selectedItem && itemSelector) {
|
|
75625
75758
|
const { readOnly = {} } = selectedItem;
|
|
75626
|
-
|
|
75759
|
+
const { edit } = getPermissions({
|
|
75760
|
+
selectedItem,
|
|
75761
|
+
config,
|
|
75762
|
+
globalPermissions: globalPermissions || {}
|
|
75763
|
+
});
|
|
75764
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
75627
75765
|
AutoFieldPrivate,
|
|
75628
75766
|
{
|
|
75629
75767
|
field,
|
|
75630
75768
|
name: fieldName,
|
|
75631
75769
|
id: `${selectedItem.props.id}_${fieldName}`,
|
|
75632
|
-
readOnly: readOnly[fieldName],
|
|
75770
|
+
readOnly: !edit || readOnly[fieldName],
|
|
75633
75771
|
value: selectedItem.props[fieldName],
|
|
75634
75772
|
onChange
|
|
75635
75773
|
},
|
|
@@ -75637,7 +75775,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75637
75775
|
);
|
|
75638
75776
|
} else {
|
|
75639
75777
|
const { readOnly = {} } = data.root;
|
|
75640
|
-
return /* @__PURE__ */ (0,
|
|
75778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
75641
75779
|
AutoFieldPrivate,
|
|
75642
75780
|
{
|
|
75643
75781
|
field,
|
|
@@ -75651,26 +75789,40 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75651
75789
|
);
|
|
75652
75790
|
}
|
|
75653
75791
|
}) }),
|
|
75654
|
-
isLoading && /* @__PURE__ */ (0,
|
|
75792
|
+
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 }) }) })
|
|
75655
75793
|
]
|
|
75656
75794
|
}
|
|
75657
75795
|
);
|
|
75658
75796
|
};
|
|
75659
75797
|
init_react_import2();
|
|
75660
75798
|
init_react_import2();
|
|
75661
|
-
var
|
|
75799
|
+
var import_react222 = require("react");
|
|
75662
75800
|
init_react_import2();
|
|
75663
75801
|
init_react_import2();
|
|
75664
|
-
var
|
|
75665
|
-
var
|
|
75666
|
-
var
|
|
75802
|
+
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" };
|
|
75803
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
75804
|
+
var getClassName222 = get_class_name_factory_default2("ComponentList", styles_module_default17);
|
|
75667
75805
|
var ComponentListItem = ({
|
|
75668
75806
|
name,
|
|
75669
75807
|
label,
|
|
75670
75808
|
index
|
|
75671
75809
|
}) => {
|
|
75672
|
-
const { overrides } = useAppContext2();
|
|
75673
|
-
|
|
75810
|
+
const { overrides, config, globalPermissions } = useAppContext2();
|
|
75811
|
+
const canInsert = getPermissions({
|
|
75812
|
+
type: name,
|
|
75813
|
+
config,
|
|
75814
|
+
globalPermissions: globalPermissions || {}
|
|
75815
|
+
}).insert;
|
|
75816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
75817
|
+
Drawer.Item,
|
|
75818
|
+
{
|
|
75819
|
+
label,
|
|
75820
|
+
name,
|
|
75821
|
+
index,
|
|
75822
|
+
isDragDisabled: !canInsert,
|
|
75823
|
+
children: overrides.componentItem
|
|
75824
|
+
}
|
|
75825
|
+
);
|
|
75674
75826
|
};
|
|
75675
75827
|
var ComponentList = ({
|
|
75676
75828
|
children,
|
|
@@ -75679,11 +75831,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75679
75831
|
}) => {
|
|
75680
75832
|
const { config, state, setUi } = useAppContext2();
|
|
75681
75833
|
const { expanded = true } = state.ui.componentList[id] || {};
|
|
75682
|
-
return /* @__PURE__ */ (0,
|
|
75683
|
-
title && /* @__PURE__ */ (0,
|
|
75834
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: getClassName222({ isExpanded: expanded }), children: [
|
|
75835
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
75684
75836
|
"button",
|
|
75685
75837
|
{
|
|
75686
|
-
className:
|
|
75838
|
+
className: getClassName222("title"),
|
|
75687
75839
|
onClick: () => setUi({
|
|
75688
75840
|
componentList: __spreadProps2(__spreadValues2({}, state.ui.componentList), {
|
|
75689
75841
|
[id]: __spreadProps2(__spreadValues2({}, state.ui.componentList[id]), {
|
|
@@ -75693,14 +75845,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75693
75845
|
}),
|
|
75694
75846
|
title: expanded ? `Collapse${title ? ` ${title}` : ""}` : `Expand${title ? ` ${title}` : ""}`,
|
|
75695
75847
|
children: [
|
|
75696
|
-
/* @__PURE__ */ (0,
|
|
75697
|
-
/* @__PURE__ */ (0,
|
|
75848
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: title }),
|
|
75849
|
+
/* @__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 }) })
|
|
75698
75850
|
]
|
|
75699
75851
|
}
|
|
75700
75852
|
),
|
|
75701
|
-
/* @__PURE__ */ (0,
|
|
75853
|
+
/* @__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) => {
|
|
75702
75854
|
var _a3;
|
|
75703
|
-
return /* @__PURE__ */ (0,
|
|
75855
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
75704
75856
|
ComponentListItem,
|
|
75705
75857
|
{
|
|
75706
75858
|
label: (_a3 = config.components[componentKey]["label"]) != null ? _a3 : componentKey,
|
|
@@ -75713,10 +75865,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75713
75865
|
] });
|
|
75714
75866
|
};
|
|
75715
75867
|
ComponentList.Item = ComponentListItem;
|
|
75716
|
-
var
|
|
75868
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
75717
75869
|
var useComponentList = (config, ui) => {
|
|
75718
|
-
const [componentList, setComponentList] = (0,
|
|
75719
|
-
(0,
|
|
75870
|
+
const [componentList, setComponentList] = (0, import_react222.useState)();
|
|
75871
|
+
(0, import_react222.useEffect)(() => {
|
|
75720
75872
|
var _a3, _b2, _c;
|
|
75721
75873
|
if (Object.keys(ui.componentList).length > 0) {
|
|
75722
75874
|
const matchedComponents = [];
|
|
@@ -75726,7 +75878,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75726
75878
|
if (category.visible === false || !category.components) {
|
|
75727
75879
|
return null;
|
|
75728
75880
|
}
|
|
75729
|
-
return /* @__PURE__ */ (0,
|
|
75881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75730
75882
|
ComponentList,
|
|
75731
75883
|
{
|
|
75732
75884
|
id: categoryKey,
|
|
@@ -75735,7 +75887,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75735
75887
|
var _a22;
|
|
75736
75888
|
matchedComponents.push(componentName);
|
|
75737
75889
|
const componentConf = config.components[componentName] || {};
|
|
75738
|
-
return /* @__PURE__ */ (0,
|
|
75890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75739
75891
|
ComponentList.Item,
|
|
75740
75892
|
{
|
|
75741
75893
|
label: (_a22 = componentConf["label"]) != null ? _a22 : componentName,
|
|
@@ -75755,7 +75907,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75755
75907
|
);
|
|
75756
75908
|
if (remainingComponents.length > 0 && !((_a3 = ui.componentList.other) == null ? void 0 : _a3.components) && ((_b2 = ui.componentList.other) == null ? void 0 : _b2.visible) !== false) {
|
|
75757
75909
|
_componentList.push(
|
|
75758
|
-
/* @__PURE__ */ (0,
|
|
75910
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75759
75911
|
ComponentList,
|
|
75760
75912
|
{
|
|
75761
75913
|
id: "other",
|
|
@@ -75763,7 +75915,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75763
75915
|
children: remainingComponents.map((componentName, i2) => {
|
|
75764
75916
|
var _a22;
|
|
75765
75917
|
const componentConf = config.components[componentName] || {};
|
|
75766
|
-
return /* @__PURE__ */ (0,
|
|
75918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75767
75919
|
ComponentList.Item,
|
|
75768
75920
|
{
|
|
75769
75921
|
name: componentName,
|
|
@@ -75783,21 +75935,21 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75783
75935
|
}, [config.categories, config.components, ui.componentList]);
|
|
75784
75936
|
return componentList;
|
|
75785
75937
|
};
|
|
75786
|
-
var
|
|
75787
|
-
var
|
|
75938
|
+
var import_react23 = require("react");
|
|
75939
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
75788
75940
|
var Components = () => {
|
|
75789
75941
|
const { config, state, overrides } = useAppContext2();
|
|
75790
75942
|
const componentList = useComponentList(config, state.ui);
|
|
75791
|
-
const Wrapper = (0,
|
|
75792
|
-
return /* @__PURE__ */ (0,
|
|
75943
|
+
const Wrapper = (0, import_react23.useMemo)(() => overrides.components || "div", [overrides]);
|
|
75944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Wrapper, { children: componentList ? componentList : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ComponentList, { id: "all" }) });
|
|
75793
75945
|
};
|
|
75794
75946
|
init_react_import2();
|
|
75795
|
-
var
|
|
75947
|
+
var import_react25 = require("react");
|
|
75796
75948
|
init_react_import2();
|
|
75797
|
-
var
|
|
75949
|
+
var import_react24 = __toESM2(require("react"));
|
|
75798
75950
|
var import_react_frame_component = __toESM2(require_lib());
|
|
75799
75951
|
var import_object_hash = __toESM2(require_object_hash());
|
|
75800
|
-
var
|
|
75952
|
+
var import_jsx_runtime322 = require("react/jsx-runtime");
|
|
75801
75953
|
var styleSelector = 'style, link[rel="stylesheet"]';
|
|
75802
75954
|
var collectStyles = (doc) => {
|
|
75803
75955
|
const collected = [];
|
|
@@ -75840,7 +75992,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75840
75992
|
onStylesLoaded = () => null
|
|
75841
75993
|
}) => {
|
|
75842
75994
|
const { document: doc, window: win } = (0, import_react_frame_component.useFrame)();
|
|
75843
|
-
(0,
|
|
75995
|
+
(0, import_react24.useEffect)(() => {
|
|
75844
75996
|
if (!win || !doc) {
|
|
75845
75997
|
return () => {
|
|
75846
75998
|
};
|
|
@@ -75997,23 +76149,23 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75997
76149
|
observer.disconnect();
|
|
75998
76150
|
};
|
|
75999
76151
|
}, []);
|
|
76000
|
-
return /* @__PURE__ */ (0,
|
|
76152
|
+
return /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(import_jsx_runtime322.Fragment, { children });
|
|
76001
76153
|
};
|
|
76002
|
-
var AutoFrameComponent =
|
|
76154
|
+
var AutoFrameComponent = import_react24.default.forwardRef(
|
|
76003
76155
|
function(_a3, ref2) {
|
|
76004
76156
|
var _b2 = _a3, { children, debug, onStylesLoaded } = _b2, props = __objRest2(_b2, ["children", "debug", "onStylesLoaded"]);
|
|
76005
|
-
return /* @__PURE__ */ (0,
|
|
76157
|
+
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 }) }));
|
|
76006
76158
|
}
|
|
76007
76159
|
);
|
|
76008
76160
|
AutoFrameComponent.displayName = "AutoFrameComponent";
|
|
76009
76161
|
var AutoFrame_default = AutoFrameComponent;
|
|
76010
76162
|
init_react_import2();
|
|
76011
|
-
var
|
|
76012
|
-
var
|
|
76013
|
-
var
|
|
76163
|
+
var styles_module_default18 = { "PuckPreview": "_PuckPreview_rxwlr_1", "PuckPreview-frame": "_PuckPreview-frame_rxwlr_5" };
|
|
76164
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
76165
|
+
var getClassName23 = get_class_name_factory_default2("PuckPreview", styles_module_default18);
|
|
76014
76166
|
var Preview = ({ id = "puck-preview" }) => {
|
|
76015
76167
|
const { config, dispatch, state, setStatus, iframe } = useAppContext2();
|
|
76016
|
-
const Page = (0,
|
|
76168
|
+
const Page = (0, import_react25.useCallback)(
|
|
76017
76169
|
(pageProps) => {
|
|
76018
76170
|
var _a3, _b2;
|
|
76019
76171
|
return ((_a3 = config.root) == null ? void 0 : _a3.render) ? (_b2 = config.root) == null ? void 0 : _b2.render(__spreadProps2(__spreadValues2({
|
|
@@ -76022,33 +76174,33 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76022
76174
|
editMode: true,
|
|
76023
76175
|
// DEPRECATED
|
|
76024
76176
|
puck: { renderDropZone: DropZone, isEditing: true }
|
|
76025
|
-
})) : /* @__PURE__ */ (0,
|
|
76177
|
+
})) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: pageProps.children });
|
|
76026
76178
|
},
|
|
76027
76179
|
[config.root]
|
|
76028
76180
|
);
|
|
76029
76181
|
const rootProps = state.data.root.props || state.data.root;
|
|
76030
|
-
const ref2 = (0,
|
|
76031
|
-
return /* @__PURE__ */ (0,
|
|
76182
|
+
const ref2 = (0, import_react25.useRef)(null);
|
|
76183
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
76032
76184
|
"div",
|
|
76033
76185
|
{
|
|
76034
|
-
className:
|
|
76186
|
+
className: getClassName23(),
|
|
76035
76187
|
id,
|
|
76036
76188
|
onClick: () => {
|
|
76037
76189
|
dispatch({ type: "setUi", ui: __spreadProps2(__spreadValues2({}, state.ui), { itemSelector: null }) });
|
|
76038
76190
|
},
|
|
76039
|
-
children: iframe.enabled ? /* @__PURE__ */ (0,
|
|
76191
|
+
children: iframe.enabled ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
76040
76192
|
AutoFrame_default,
|
|
76041
76193
|
{
|
|
76042
76194
|
id: "preview-frame",
|
|
76043
|
-
className:
|
|
76195
|
+
className: getClassName23("frame"),
|
|
76044
76196
|
"data-rfd-iframe": true,
|
|
76045
76197
|
ref: ref2,
|
|
76046
76198
|
onStylesLoaded: () => {
|
|
76047
76199
|
setStatus("READY");
|
|
76048
76200
|
},
|
|
76049
|
-
children: /* @__PURE__ */ (0,
|
|
76201
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Page, __spreadProps2(__spreadValues2({ dispatch, state }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropZone, { zone: rootDroppableId2 }) }))
|
|
76050
76202
|
}
|
|
76051
|
-
) : /* @__PURE__ */ (0,
|
|
76203
|
+
) : /* @__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 }) })) })
|
|
76052
76204
|
}
|
|
76053
76205
|
);
|
|
76054
76206
|
};
|
|
@@ -76070,7 +76222,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76070
76222
|
};
|
|
76071
76223
|
init_react_import2();
|
|
76072
76224
|
init_react_import2();
|
|
76073
|
-
var
|
|
76225
|
+
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" };
|
|
76074
76226
|
init_react_import2();
|
|
76075
76227
|
var scrollIntoView2 = (el) => {
|
|
76076
76228
|
const oldStyle = __spreadValues2({}, el.style);
|
|
@@ -76080,7 +76232,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76080
76232
|
el.style.scrollMargin = oldStyle.scrollMargin || "";
|
|
76081
76233
|
}
|
|
76082
76234
|
};
|
|
76083
|
-
var
|
|
76235
|
+
var import_react26 = require("react");
|
|
76084
76236
|
init_react_import2();
|
|
76085
76237
|
var isChildOfZone = (item, maybeChild, ctx) => {
|
|
76086
76238
|
var _a3;
|
|
@@ -76090,9 +76242,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76090
76242
|
return area === item.props.id;
|
|
76091
76243
|
})) : false;
|
|
76092
76244
|
};
|
|
76093
|
-
var
|
|
76094
|
-
var
|
|
76095
|
-
var getClassNameLayer = get_class_name_factory_default2("Layer",
|
|
76245
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
76246
|
+
var getClassName24 = get_class_name_factory_default2("LayerTree", styles_module_default19);
|
|
76247
|
+
var getClassNameLayer = get_class_name_factory_default2("Layer", styles_module_default19);
|
|
76096
76248
|
var LayerTree = ({
|
|
76097
76249
|
data,
|
|
76098
76250
|
config,
|
|
@@ -76103,15 +76255,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76103
76255
|
label
|
|
76104
76256
|
}) => {
|
|
76105
76257
|
const zones = data.zones || {};
|
|
76106
|
-
const ctx = (0,
|
|
76107
|
-
return /* @__PURE__ */ (0,
|
|
76108
|
-
label && /* @__PURE__ */ (0,
|
|
76109
|
-
/* @__PURE__ */ (0,
|
|
76258
|
+
const ctx = (0, import_react26.useContext)(dropZoneContext2);
|
|
76259
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
|
|
76260
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: getClassName24("zoneTitle"), children: [
|
|
76261
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassName24("zoneIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Layers, { size: "16" }) }),
|
|
76110
76262
|
" ",
|
|
76111
76263
|
label
|
|
76112
76264
|
] }),
|
|
76113
|
-
/* @__PURE__ */ (0,
|
|
76114
|
-
zoneContent.length === 0 && /* @__PURE__ */ (0,
|
|
76265
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("ul", { className: getClassName24(), children: [
|
|
76266
|
+
zoneContent.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassName24("helper"), children: "No items" }),
|
|
76115
76267
|
zoneContent.map((item, i2) => {
|
|
76116
76268
|
var _a3;
|
|
76117
76269
|
const isSelected = (itemSelector == null ? void 0 : itemSelector.index) === i2 && (itemSelector.zone === zone || itemSelector.zone === rootDroppableId2 && !zone);
|
|
@@ -76129,7 +76281,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76129
76281
|
const childIsSelected = isChildOfZone(item, selectedItem, ctx);
|
|
76130
76282
|
const componentConfig = config.components[item.type];
|
|
76131
76283
|
const label2 = (_a3 = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _a3 : item.type.toString();
|
|
76132
|
-
return /* @__PURE__ */ (0,
|
|
76284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
76133
76285
|
"li",
|
|
76134
76286
|
{
|
|
76135
76287
|
className: getClassNameLayer({
|
|
@@ -76139,7 +76291,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76139
76291
|
childIsSelected
|
|
76140
76292
|
}),
|
|
76141
76293
|
children: [
|
|
76142
|
-
/* @__PURE__ */ (0,
|
|
76294
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassNameLayer("inner"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
76143
76295
|
"button",
|
|
76144
76296
|
{
|
|
76145
76297
|
className: getClassNameLayer("clickable"),
|
|
@@ -76171,22 +76323,22 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76171
76323
|
setHoveringComponent(null);
|
|
76172
76324
|
},
|
|
76173
76325
|
children: [
|
|
76174
|
-
containsZone && /* @__PURE__ */ (0,
|
|
76326
|
+
containsZone && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
76175
76327
|
"div",
|
|
76176
76328
|
{
|
|
76177
76329
|
className: getClassNameLayer("chevron"),
|
|
76178
76330
|
title: isSelected ? "Collapse" : "Expand",
|
|
76179
|
-
children: /* @__PURE__ */ (0,
|
|
76331
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronDown, { size: "12" })
|
|
76180
76332
|
}
|
|
76181
76333
|
),
|
|
76182
|
-
/* @__PURE__ */ (0,
|
|
76183
|
-
/* @__PURE__ */ (0,
|
|
76184
|
-
/* @__PURE__ */ (0,
|
|
76334
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: getClassNameLayer("title"), children: [
|
|
76335
|
+
/* @__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" }) }),
|
|
76336
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassNameLayer("name"), children: label2 })
|
|
76185
76337
|
] })
|
|
76186
76338
|
]
|
|
76187
76339
|
}
|
|
76188
76340
|
) }),
|
|
76189
|
-
containsZone && Object.keys(zonesForItem).map((zoneKey, idx) => /* @__PURE__ */ (0,
|
|
76341
|
+
containsZone && Object.keys(zonesForItem).map((zoneKey, idx) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassNameLayer("zones"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
76190
76342
|
LayerTree,
|
|
76191
76343
|
{
|
|
76192
76344
|
config,
|
|
@@ -76206,13 +76358,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76206
76358
|
] })
|
|
76207
76359
|
] });
|
|
76208
76360
|
};
|
|
76209
|
-
var
|
|
76210
|
-
var
|
|
76361
|
+
var import_react27 = require("react");
|
|
76362
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
76211
76363
|
var Outline = () => {
|
|
76212
76364
|
const { dispatch, state, overrides, config } = useAppContext2();
|
|
76213
76365
|
const { data, ui } = state;
|
|
76214
76366
|
const { itemSelector } = ui;
|
|
76215
|
-
const setItemSelector = (0,
|
|
76367
|
+
const setItemSelector = (0, import_react27.useCallback)(
|
|
76216
76368
|
(newItemSelector) => {
|
|
76217
76369
|
dispatch({
|
|
76218
76370
|
type: "setUi",
|
|
@@ -76221,9 +76373,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76221
76373
|
},
|
|
76222
76374
|
[]
|
|
76223
76375
|
);
|
|
76224
|
-
const Wrapper = (0,
|
|
76225
|
-
return /* @__PURE__ */ (0,
|
|
76226
|
-
(ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId2]) && /* @__PURE__ */ (0,
|
|
76376
|
+
const Wrapper = (0, import_react27.useMemo)(() => overrides.outline || "div", [overrides]);
|
|
76377
|
+
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: [
|
|
76378
|
+
(ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId2]) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
76227
76379
|
LayerTree,
|
|
76228
76380
|
{
|
|
76229
76381
|
config,
|
|
@@ -76236,7 +76388,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76236
76388
|
),
|
|
76237
76389
|
Object.entries(findZonesForArea(data, "root")).map(
|
|
76238
76390
|
([zoneKey, zone]) => {
|
|
76239
|
-
return /* @__PURE__ */ (0,
|
|
76391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
76240
76392
|
LayerTree,
|
|
76241
76393
|
{
|
|
76242
76394
|
config,
|
|
@@ -76254,35 +76406,6 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76254
76406
|
] }) }) });
|
|
76255
76407
|
};
|
|
76256
76408
|
init_react_import2();
|
|
76257
|
-
var loadOverrides = ({
|
|
76258
|
-
overrides,
|
|
76259
|
-
plugins
|
|
76260
|
-
}) => {
|
|
76261
|
-
const collected = __spreadValues2({}, overrides);
|
|
76262
|
-
plugins.forEach((plugin) => {
|
|
76263
|
-
Object.keys(plugin.overrides).forEach((overridesType) => {
|
|
76264
|
-
if (overridesType === "fieldTypes") {
|
|
76265
|
-
const fieldTypes = plugin.overrides.fieldTypes;
|
|
76266
|
-
Object.keys(fieldTypes).forEach((fieldType) => {
|
|
76267
|
-
collected.fieldTypes = collected.fieldTypes || {};
|
|
76268
|
-
const childNode2 = collected.fieldTypes[fieldType];
|
|
76269
|
-
const Comp2 = (props) => fieldTypes[fieldType](__spreadProps2(__spreadValues2({}, props), {
|
|
76270
|
-
children: childNode2 ? childNode2(props) : props.children
|
|
76271
|
-
}));
|
|
76272
|
-
collected.fieldTypes[fieldType] = Comp2;
|
|
76273
|
-
});
|
|
76274
|
-
return;
|
|
76275
|
-
}
|
|
76276
|
-
const childNode = collected[overridesType];
|
|
76277
|
-
const Comp = (props) => plugin.overrides[overridesType](__spreadProps2(__spreadValues2({}, props), {
|
|
76278
|
-
children: childNode ? childNode(props) : props.children
|
|
76279
|
-
}));
|
|
76280
|
-
collected[overridesType] = Comp;
|
|
76281
|
-
});
|
|
76282
|
-
});
|
|
76283
|
-
return collected;
|
|
76284
|
-
};
|
|
76285
|
-
init_react_import2();
|
|
76286
76409
|
var import_react_hotkeys_hook = (init_react_hotkeys_hook_esm(), __toCommonJS(react_hotkeys_hook_esm_exports));
|
|
76287
76410
|
function usePuckHistory({
|
|
76288
76411
|
dispatch,
|
|
@@ -76335,19 +76458,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76335
76458
|
};
|
|
76336
76459
|
}
|
|
76337
76460
|
init_react_import2();
|
|
76338
|
-
var
|
|
76461
|
+
var import_react28 = require("react");
|
|
76339
76462
|
var import_use_debounce3 = (init_index_module(), __toCommonJS(index_module_exports));
|
|
76340
76463
|
var EMPTY_HISTORY_INDEX = -1;
|
|
76341
76464
|
function useHistoryStore(initialHistory) {
|
|
76342
76465
|
var _a3, _b2;
|
|
76343
|
-
const [histories, setHistories] = (0,
|
|
76466
|
+
const [histories, setHistories] = (0, import_react28.useState)(
|
|
76344
76467
|
(_a3 = initialHistory == null ? void 0 : initialHistory.histories) != null ? _a3 : []
|
|
76345
76468
|
);
|
|
76346
76469
|
const updateHistories = (histories2) => {
|
|
76347
76470
|
setHistories(histories2);
|
|
76348
76471
|
setIndex(histories2.length - 1);
|
|
76349
76472
|
};
|
|
76350
|
-
const [index, setIndex] = (0,
|
|
76473
|
+
const [index, setIndex] = (0, import_react28.useState)(
|
|
76351
76474
|
(_b2 = initialHistory == null ? void 0 : initialHistory.index) != null ? _b2 : EMPTY_HISTORY_INDEX
|
|
76352
76475
|
);
|
|
76353
76476
|
const hasPast = index > EMPTY_HISTORY_INDEX;
|
|
@@ -76497,19 +76620,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76497
76620
|
var styles = window.getComputedStyle(el);
|
|
76498
76621
|
return calculateBox3(borderBox, styles);
|
|
76499
76622
|
};
|
|
76500
|
-
var
|
|
76623
|
+
var import_react30 = require("react");
|
|
76501
76624
|
init_react_import2();
|
|
76502
|
-
var
|
|
76625
|
+
var import_react29 = require("react");
|
|
76503
76626
|
init_react_import2();
|
|
76504
|
-
var
|
|
76505
|
-
var
|
|
76627
|
+
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" };
|
|
76628
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
76506
76629
|
var icons = {
|
|
76507
|
-
Smartphone: /* @__PURE__ */ (0,
|
|
76508
|
-
Tablet: /* @__PURE__ */ (0,
|
|
76509
|
-
Monitor: /* @__PURE__ */ (0,
|
|
76630
|
+
Smartphone: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Smartphone, { size: 16 }),
|
|
76631
|
+
Tablet: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Tablet, { size: 16 }),
|
|
76632
|
+
Monitor: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Monitor, { size: 16 })
|
|
76510
76633
|
};
|
|
76511
|
-
var
|
|
76512
|
-
var getClassNameButton = get_class_name_factory_default2("ViewportButton",
|
|
76634
|
+
var getClassName25 = get_class_name_factory_default2("ViewportControls", styles_module_default20);
|
|
76635
|
+
var getClassNameButton = get_class_name_factory_default2("ViewportButton", styles_module_default20);
|
|
76513
76636
|
var ViewportButton = ({
|
|
76514
76637
|
children,
|
|
76515
76638
|
height = "auto",
|
|
@@ -76518,11 +76641,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76518
76641
|
onClick
|
|
76519
76642
|
}) => {
|
|
76520
76643
|
const { state } = useAppContext2();
|
|
76521
|
-
const [isActive2, setIsActive] = (0,
|
|
76522
|
-
(0,
|
|
76644
|
+
const [isActive2, setIsActive] = (0, import_react29.useState)(false);
|
|
76645
|
+
(0, import_react29.useEffect)(() => {
|
|
76523
76646
|
setIsActive(width === state.ui.viewports.current.width);
|
|
76524
76647
|
}, [width, state.ui.viewports.current.width]);
|
|
76525
|
-
return /* @__PURE__ */ (0,
|
|
76648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: getClassNameButton({ isActive: isActive2 }), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76526
76649
|
IconButton,
|
|
76527
76650
|
{
|
|
76528
76651
|
title,
|
|
@@ -76531,7 +76654,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76531
76654
|
e2.stopPropagation();
|
|
76532
76655
|
onClick({ width, height });
|
|
76533
76656
|
},
|
|
76534
|
-
children: /* @__PURE__ */ (0,
|
|
76657
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: getClassNameButton("inner"), children })
|
|
76535
76658
|
}
|
|
76536
76659
|
) });
|
|
76537
76660
|
};
|
|
@@ -76555,7 +76678,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76555
76678
|
const defaultsContainAutoZoom = defaultZoomOptions.find(
|
|
76556
76679
|
(option) => option.value === autoZoom
|
|
76557
76680
|
);
|
|
76558
|
-
const zoomOptions = (0,
|
|
76681
|
+
const zoomOptions = (0, import_react29.useMemo)(
|
|
76559
76682
|
() => [
|
|
76560
76683
|
...defaultZoomOptions,
|
|
76561
76684
|
...defaultsContainAutoZoom ? [] : [
|
|
@@ -76567,8 +76690,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76567
76690
|
].filter((a2) => a2.value <= autoZoom).sort((a2, b) => a2.value > b.value ? 1 : -1),
|
|
76568
76691
|
[autoZoom]
|
|
76569
76692
|
);
|
|
76570
|
-
return /* @__PURE__ */ (0,
|
|
76571
|
-
viewports.map((viewport, i2) => /* @__PURE__ */ (0,
|
|
76693
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: getClassName25(), children: [
|
|
76694
|
+
viewports.map((viewport, i2) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76572
76695
|
ViewportButton,
|
|
76573
76696
|
{
|
|
76574
76697
|
height: viewport.height,
|
|
@@ -76579,8 +76702,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76579
76702
|
},
|
|
76580
76703
|
i2
|
|
76581
76704
|
)),
|
|
76582
|
-
/* @__PURE__ */ (0,
|
|
76583
|
-
/* @__PURE__ */ (0,
|
|
76705
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: getClassName25("divider") }),
|
|
76706
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76584
76707
|
IconButton,
|
|
76585
76708
|
{
|
|
76586
76709
|
title: "Zoom viewport out",
|
|
@@ -76594,10 +76717,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76594
76717
|
)].value
|
|
76595
76718
|
);
|
|
76596
76719
|
},
|
|
76597
|
-
children: /* @__PURE__ */ (0,
|
|
76720
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ZoomOut, { size: 16 })
|
|
76598
76721
|
}
|
|
76599
76722
|
),
|
|
76600
|
-
/* @__PURE__ */ (0,
|
|
76723
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76601
76724
|
IconButton,
|
|
76602
76725
|
{
|
|
76603
76726
|
title: "Zoom viewport in",
|
|
@@ -76611,19 +76734,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76611
76734
|
)].value
|
|
76612
76735
|
);
|
|
76613
76736
|
},
|
|
76614
|
-
children: /* @__PURE__ */ (0,
|
|
76737
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ZoomIn, { size: 16 })
|
|
76615
76738
|
}
|
|
76616
76739
|
),
|
|
76617
|
-
/* @__PURE__ */ (0,
|
|
76618
|
-
/* @__PURE__ */ (0,
|
|
76740
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: getClassName25("divider") }),
|
|
76741
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76619
76742
|
"select",
|
|
76620
76743
|
{
|
|
76621
|
-
className:
|
|
76744
|
+
className: getClassName25("zoomSelect"),
|
|
76622
76745
|
value: zoom.toString(),
|
|
76623
76746
|
onChange: (e2) => {
|
|
76624
76747
|
onZoom(parseFloat(e2.currentTarget.value));
|
|
76625
76748
|
},
|
|
76626
|
-
children: zoomOptions.map((option) => /* @__PURE__ */ (0,
|
|
76749
|
+
children: zoomOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76627
76750
|
"option",
|
|
76628
76751
|
{
|
|
76629
76752
|
value: option.value,
|
|
@@ -76636,7 +76759,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76636
76759
|
] });
|
|
76637
76760
|
};
|
|
76638
76761
|
init_react_import2();
|
|
76639
|
-
var
|
|
76762
|
+
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" };
|
|
76640
76763
|
init_react_import2();
|
|
76641
76764
|
var RESET_ZOOM_SMALLER_THAN_FRAME = true;
|
|
76642
76765
|
var getZoomConfig = (uiViewport, frame, zoom) => {
|
|
@@ -76665,24 +76788,24 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76665
76788
|
}
|
|
76666
76789
|
return { autoZoom, rootHeight, zoom };
|
|
76667
76790
|
};
|
|
76668
|
-
var
|
|
76669
|
-
var
|
|
76791
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
76792
|
+
var getClassName26 = get_class_name_factory_default2("PuckCanvas", styles_module_default21);
|
|
76670
76793
|
var ZOOM_ON_CHANGE = true;
|
|
76671
76794
|
var Canvas = () => {
|
|
76672
76795
|
const { status, iframe } = useAppContext2();
|
|
76673
76796
|
const { dispatch, state, overrides, setUi, zoomConfig, setZoomConfig } = useAppContext2();
|
|
76674
76797
|
const { ui } = state;
|
|
76675
|
-
const frameRef = (0,
|
|
76676
|
-
const [showTransition, setShowTransition] = (0,
|
|
76677
|
-
const defaultRender = (0,
|
|
76678
|
-
const PuckDefault = ({ children }) => /* @__PURE__ */ (0,
|
|
76798
|
+
const frameRef = (0, import_react30.useRef)(null);
|
|
76799
|
+
const [showTransition, setShowTransition] = (0, import_react30.useState)(false);
|
|
76800
|
+
const defaultRender = (0, import_react30.useMemo)(() => {
|
|
76801
|
+
const PuckDefault = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children });
|
|
76679
76802
|
return PuckDefault;
|
|
76680
76803
|
}, []);
|
|
76681
|
-
const CustomPreview = (0,
|
|
76804
|
+
const CustomPreview = (0, import_react30.useMemo)(
|
|
76682
76805
|
() => overrides.preview || defaultRender,
|
|
76683
76806
|
[overrides]
|
|
76684
76807
|
);
|
|
76685
|
-
const getFrameDimensions = (0,
|
|
76808
|
+
const getFrameDimensions = (0, import_react30.useCallback)(() => {
|
|
76686
76809
|
if (frameRef.current) {
|
|
76687
76810
|
const frame = frameRef.current;
|
|
76688
76811
|
const box = getBox3(frame);
|
|
@@ -76690,7 +76813,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76690
76813
|
}
|
|
76691
76814
|
return { width: 0, height: 0 };
|
|
76692
76815
|
}, [frameRef]);
|
|
76693
|
-
const resetAutoZoom = (0,
|
|
76816
|
+
const resetAutoZoom = (0, import_react30.useCallback)(
|
|
76694
76817
|
(ui2 = state.ui) => {
|
|
76695
76818
|
if (frameRef.current) {
|
|
76696
76819
|
setZoomConfig(
|
|
@@ -76700,11 +76823,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76700
76823
|
},
|
|
76701
76824
|
[frameRef, zoomConfig, state.ui]
|
|
76702
76825
|
);
|
|
76703
|
-
(0,
|
|
76826
|
+
(0, import_react30.useEffect)(() => {
|
|
76704
76827
|
setShowTransition(false);
|
|
76705
76828
|
resetAutoZoom();
|
|
76706
76829
|
}, [frameRef, ui.leftSideBarVisible, ui.rightSideBarVisible]);
|
|
76707
|
-
(0,
|
|
76830
|
+
(0, import_react30.useEffect)(() => {
|
|
76708
76831
|
const { height: frameHeight } = getFrameDimensions();
|
|
76709
76832
|
if (ui.viewports.current.height === "auto") {
|
|
76710
76833
|
setZoomConfig(__spreadProps2(__spreadValues2({}, zoomConfig), {
|
|
@@ -76712,7 +76835,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76712
76835
|
}));
|
|
76713
76836
|
}
|
|
76714
76837
|
}, [zoomConfig.zoom]);
|
|
76715
|
-
(0,
|
|
76838
|
+
(0, import_react30.useEffect)(() => {
|
|
76716
76839
|
const observer = new ResizeObserver(() => {
|
|
76717
76840
|
setShowTransition(false);
|
|
76718
76841
|
resetAutoZoom();
|
|
@@ -76724,10 +76847,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76724
76847
|
observer.disconnect();
|
|
76725
76848
|
};
|
|
76726
76849
|
}, []);
|
|
76727
|
-
return /* @__PURE__ */ (0,
|
|
76850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
76728
76851
|
"div",
|
|
76729
76852
|
{
|
|
76730
|
-
className:
|
|
76853
|
+
className: getClassName26({
|
|
76731
76854
|
ready: status === "READY" || !iframe.enabled
|
|
76732
76855
|
}),
|
|
76733
76856
|
onClick: () => dispatch({
|
|
@@ -76736,7 +76859,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76736
76859
|
recordHistory: true
|
|
76737
76860
|
}),
|
|
76738
76861
|
children: [
|
|
76739
|
-
ui.viewports.controlsVisible && iframe.enabled && /* @__PURE__ */ (0,
|
|
76862
|
+
ui.viewports.controlsVisible && iframe.enabled && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: getClassName26("controls"), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
76740
76863
|
ViewportControls,
|
|
76741
76864
|
{
|
|
76742
76865
|
autoZoom: zoomConfig.autoZoom,
|
|
@@ -76761,10 +76884,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76761
76884
|
}
|
|
76762
76885
|
}
|
|
76763
76886
|
) }),
|
|
76764
|
-
/* @__PURE__ */ (0,
|
|
76887
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: getClassName26("inner"), ref: frameRef, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
76765
76888
|
"div",
|
|
76766
76889
|
{
|
|
76767
|
-
className:
|
|
76890
|
+
className: getClassName26("root"),
|
|
76768
76891
|
style: {
|
|
76769
76892
|
width: iframe.enabled ? ui.viewports.current.width : "100%",
|
|
76770
76893
|
height: zoomConfig.rootHeight,
|
|
@@ -76773,7 +76896,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76773
76896
|
overflow: iframe.enabled ? void 0 : "auto"
|
|
76774
76897
|
},
|
|
76775
76898
|
suppressHydrationWarning: true,
|
|
76776
|
-
children: /* @__PURE__ */ (0,
|
|
76899
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CustomPreview, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Preview, {}) })
|
|
76777
76900
|
}
|
|
76778
76901
|
) })
|
|
76779
76902
|
]
|
|
@@ -76810,9 +76933,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76810
76933
|
ui: __spreadProps2(__spreadValues2({}, state.ui), { itemSelector })
|
|
76811
76934
|
});
|
|
76812
76935
|
};
|
|
76813
|
-
var
|
|
76814
|
-
var
|
|
76815
|
-
var getLayoutClassName = get_class_name_factory_default2("PuckLayout",
|
|
76936
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
76937
|
+
var getClassName27 = get_class_name_factory_default2("Puck", styles_module_default15);
|
|
76938
|
+
var getLayoutClassName = get_class_name_factory_default2("PuckLayout", styles_module_default15);
|
|
76816
76939
|
function Puck({
|
|
76817
76940
|
children,
|
|
76818
76941
|
config,
|
|
@@ -76821,6 +76944,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76821
76944
|
onChange,
|
|
76822
76945
|
onPublish,
|
|
76823
76946
|
onAction,
|
|
76947
|
+
permissions = {},
|
|
76824
76948
|
plugins = [],
|
|
76825
76949
|
overrides = {},
|
|
76826
76950
|
renderHeader,
|
|
@@ -76836,10 +76960,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76836
76960
|
}) {
|
|
76837
76961
|
var _a3;
|
|
76838
76962
|
const historyStore = useHistoryStore(initialHistory);
|
|
76839
|
-
const [reducer2] = (0,
|
|
76963
|
+
const [reducer2] = (0, import_react31.useState)(
|
|
76840
76964
|
() => createReducer({ config, record: historyStore.record, onAction })
|
|
76841
76965
|
);
|
|
76842
|
-
const [initialAppState] = (0,
|
|
76966
|
+
const [initialAppState] = (0, import_react31.useState)(() => {
|
|
76843
76967
|
var _a22, _b2, _c, _d, _e, _f, _g;
|
|
76844
76968
|
const initial = __spreadValues2(__spreadValues2({}, defaultAppState2.ui), initialUi);
|
|
76845
76969
|
let clientUiState = {};
|
|
@@ -76897,7 +77021,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76897
77021
|
})
|
|
76898
77022
|
});
|
|
76899
77023
|
});
|
|
76900
|
-
const [appState, dispatch] = (0,
|
|
77024
|
+
const [appState, dispatch] = (0, import_react31.useReducer)(
|
|
76901
77025
|
reducer2,
|
|
76902
77026
|
flushZones(initialAppState)
|
|
76903
77027
|
);
|
|
@@ -76908,9 +77032,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76908
77032
|
config,
|
|
76909
77033
|
dispatch
|
|
76910
77034
|
);
|
|
76911
|
-
const [menuOpen, setMenuOpen] = (0,
|
|
77035
|
+
const [menuOpen, setMenuOpen] = (0, import_react31.useState)(false);
|
|
76912
77036
|
const { itemSelector, leftSideBarVisible, rightSideBarVisible } = ui;
|
|
76913
|
-
const setItemSelector = (0,
|
|
77037
|
+
const setItemSelector = (0, import_react31.useCallback)(
|
|
76914
77038
|
(newItemSelector) => {
|
|
76915
77039
|
if (newItemSelector === itemSelector) return;
|
|
76916
77040
|
dispatch({
|
|
@@ -76922,13 +77046,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76922
77046
|
[itemSelector]
|
|
76923
77047
|
);
|
|
76924
77048
|
const selectedItem = itemSelector ? getItem2(itemSelector, data) : null;
|
|
76925
|
-
(0,
|
|
77049
|
+
(0, import_react31.useEffect)(() => {
|
|
76926
77050
|
if (onChange) onChange(data);
|
|
76927
77051
|
}, [data]);
|
|
76928
77052
|
const { onDragStartOrUpdate, placeholderStyle } = usePlaceholderStyle();
|
|
76929
|
-
const [draggedItem, setDraggedItem] = (0,
|
|
77053
|
+
const [draggedItem, setDraggedItem] = (0, import_react31.useState)();
|
|
76930
77054
|
const rootProps = data.root.props || data.root;
|
|
76931
|
-
const toggleSidebars = (0,
|
|
77055
|
+
const toggleSidebars = (0, import_react31.useCallback)(
|
|
76932
77056
|
(sidebar) => {
|
|
76933
77057
|
const widerViewport = window.matchMedia("(min-width: 638px)").matches;
|
|
76934
77058
|
const sideBarVisible = sidebar === "left" ? leftSideBarVisible : rightSideBarVisible;
|
|
@@ -76942,7 +77066,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76942
77066
|
},
|
|
76943
77067
|
[dispatch, leftSideBarVisible, rightSideBarVisible]
|
|
76944
77068
|
);
|
|
76945
|
-
(0,
|
|
77069
|
+
(0, import_react31.useEffect)(() => {
|
|
76946
77070
|
if (!window.matchMedia("(min-width: 638px)").matches) {
|
|
76947
77071
|
dispatch({
|
|
76948
77072
|
type: "setUi",
|
|
@@ -76965,11 +77089,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76965
77089
|
window.removeEventListener("resize", handleResize);
|
|
76966
77090
|
};
|
|
76967
77091
|
}, []);
|
|
76968
|
-
const
|
|
76969
|
-
const PuckDefault = ({ children: children2 }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: children2 });
|
|
76970
|
-
return PuckDefault;
|
|
76971
|
-
}, []);
|
|
76972
|
-
const defaultHeaderRender = (0, import_react30.useMemo)(() => {
|
|
77092
|
+
const defaultHeaderRender = (0, import_react31.useMemo)(() => {
|
|
76973
77093
|
if (renderHeader) {
|
|
76974
77094
|
console.warn(
|
|
76975
77095
|
"`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"
|
|
@@ -76977,48 +77097,49 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76977
77097
|
const RenderHeader = (_a22) => {
|
|
76978
77098
|
var _b2 = _a22, { actions } = _b2, props = __objRest2(_b2, ["actions"]);
|
|
76979
77099
|
const Comp = renderHeader;
|
|
76980
|
-
return /* @__PURE__ */ (0,
|
|
77100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState, children: actions }));
|
|
76981
77101
|
};
|
|
76982
77102
|
return RenderHeader;
|
|
76983
77103
|
}
|
|
76984
|
-
return
|
|
77104
|
+
return DefaultOverride;
|
|
76985
77105
|
}, [renderHeader]);
|
|
76986
|
-
const defaultHeaderActionsRender = (0,
|
|
77106
|
+
const defaultHeaderActionsRender = (0, import_react31.useMemo)(() => {
|
|
76987
77107
|
if (renderHeaderActions) {
|
|
76988
77108
|
console.warn(
|
|
76989
77109
|
"`renderHeaderActions` is deprecated. Please use `overrides.headerActions` and the `usePuck` hook instead."
|
|
76990
77110
|
);
|
|
76991
77111
|
const RenderHeader = (props) => {
|
|
76992
77112
|
const Comp = renderHeaderActions;
|
|
76993
|
-
return /* @__PURE__ */ (0,
|
|
77113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState }));
|
|
76994
77114
|
};
|
|
76995
77115
|
return RenderHeader;
|
|
76996
77116
|
}
|
|
76997
|
-
return
|
|
77117
|
+
return DefaultOverride;
|
|
76998
77118
|
}, [renderHeader]);
|
|
76999
|
-
const loadedOverrides = (
|
|
77000
|
-
|
|
77001
|
-
|
|
77002
|
-
|
|
77003
|
-
|
|
77119
|
+
const loadedOverrides = useLoadedOverrides({
|
|
77120
|
+
overrides,
|
|
77121
|
+
plugins
|
|
77122
|
+
});
|
|
77123
|
+
const CustomPuck = (0, import_react31.useMemo)(
|
|
77124
|
+
() => loadedOverrides.puck || DefaultOverride,
|
|
77004
77125
|
[loadedOverrides]
|
|
77005
77126
|
);
|
|
77006
|
-
const CustomHeader = (0,
|
|
77127
|
+
const CustomHeader = (0, import_react31.useMemo)(
|
|
77007
77128
|
() => loadedOverrides.header || defaultHeaderRender,
|
|
77008
77129
|
[loadedOverrides]
|
|
77009
77130
|
);
|
|
77010
|
-
const CustomHeaderActions = (0,
|
|
77131
|
+
const CustomHeaderActions = (0, import_react31.useMemo)(
|
|
77011
77132
|
() => loadedOverrides.headerActions || defaultHeaderActionsRender,
|
|
77012
77133
|
[loadedOverrides]
|
|
77013
77134
|
);
|
|
77014
|
-
const [mounted, setMounted] = (0,
|
|
77015
|
-
(0,
|
|
77135
|
+
const [mounted, setMounted] = (0, import_react31.useState)(false);
|
|
77136
|
+
(0, import_react31.useEffect)(() => {
|
|
77016
77137
|
setMounted(true);
|
|
77017
77138
|
}, []);
|
|
77018
77139
|
const selectedComponentConfig = selectedItem && config.components[selectedItem.type];
|
|
77019
77140
|
const selectedComponentLabel = selectedItem ? (_a3 = selectedComponentConfig == null ? void 0 : selectedComponentConfig["label"]) != null ? _a3 : selectedItem.type.toString() : "";
|
|
77020
|
-
return /* @__PURE__ */ (0,
|
|
77021
|
-
/* @__PURE__ */ (0,
|
|
77141
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `Puck ${getClassName27()}`, children: [
|
|
77142
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77022
77143
|
AppProvider,
|
|
77023
77144
|
{
|
|
77024
77145
|
value: {
|
|
@@ -77031,9 +77152,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77031
77152
|
overrides: loadedOverrides,
|
|
77032
77153
|
history,
|
|
77033
77154
|
viewports,
|
|
77034
|
-
iframe
|
|
77155
|
+
iframe,
|
|
77156
|
+
globalPermissions: __spreadValues2({
|
|
77157
|
+
delete: true,
|
|
77158
|
+
drag: true,
|
|
77159
|
+
duplicate: true,
|
|
77160
|
+
insert: true,
|
|
77161
|
+
edit: true
|
|
77162
|
+
}, permissions)
|
|
77035
77163
|
},
|
|
77036
|
-
children: /* @__PURE__ */ (0,
|
|
77164
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77037
77165
|
DragDropContext2,
|
|
77038
77166
|
{
|
|
77039
77167
|
autoScrollerOptions: { disabled: dnd == null ? void 0 : dnd.disableAutoScroll },
|
|
@@ -77085,7 +77213,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77085
77213
|
});
|
|
77086
77214
|
}
|
|
77087
77215
|
},
|
|
77088
|
-
children: /* @__PURE__ */ (0,
|
|
77216
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77089
77217
|
DropZoneProvider,
|
|
77090
77218
|
{
|
|
77091
77219
|
value: {
|
|
@@ -77099,7 +77227,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77099
77227
|
mode: "edit",
|
|
77100
77228
|
areaId: "root"
|
|
77101
77229
|
},
|
|
77102
|
-
children: /* @__PURE__ */ (0,
|
|
77230
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77103
77231
|
"div",
|
|
77104
77232
|
{
|
|
77105
77233
|
className: getLayoutClassName({
|
|
@@ -77108,64 +77236,64 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77108
77236
|
mounted,
|
|
77109
77237
|
rightSideBarVisible
|
|
77110
77238
|
}),
|
|
77111
|
-
children: /* @__PURE__ */ (0,
|
|
77112
|
-
/* @__PURE__ */ (0,
|
|
77239
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("inner"), children: [
|
|
77240
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77113
77241
|
CustomHeader,
|
|
77114
77242
|
{
|
|
77115
|
-
actions: /* @__PURE__ */ (0,
|
|
77243
|
+
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)(
|
|
77116
77244
|
Button,
|
|
77117
77245
|
{
|
|
77118
77246
|
onClick: () => {
|
|
77119
77247
|
onPublish && onPublish(data);
|
|
77120
77248
|
},
|
|
77121
|
-
icon: /* @__PURE__ */ (0,
|
|
77249
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Globe, { size: "14px" }),
|
|
77122
77250
|
children: "Publish"
|
|
77123
77251
|
}
|
|
77124
77252
|
) }) }),
|
|
77125
|
-
children: /* @__PURE__ */ (0,
|
|
77126
|
-
/* @__PURE__ */ (0,
|
|
77127
|
-
/* @__PURE__ */ (0,
|
|
77253
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("header", { className: getLayoutClassName("header"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerInner"), children: [
|
|
77254
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerToggle"), children: [
|
|
77255
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77128
77256
|
"div",
|
|
77129
77257
|
{
|
|
77130
77258
|
className: getLayoutClassName(
|
|
77131
77259
|
"leftSideBarToggle"
|
|
77132
77260
|
),
|
|
77133
|
-
children: /* @__PURE__ */ (0,
|
|
77261
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77134
77262
|
IconButton,
|
|
77135
77263
|
{
|
|
77136
77264
|
onClick: () => {
|
|
77137
77265
|
toggleSidebars("left");
|
|
77138
77266
|
},
|
|
77139
77267
|
title: "Toggle left sidebar",
|
|
77140
|
-
children: /* @__PURE__ */ (0,
|
|
77268
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelLeft, { focusable: "false" })
|
|
77141
77269
|
}
|
|
77142
77270
|
)
|
|
77143
77271
|
}
|
|
77144
77272
|
),
|
|
77145
|
-
/* @__PURE__ */ (0,
|
|
77273
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77146
77274
|
"div",
|
|
77147
77275
|
{
|
|
77148
77276
|
className: getLayoutClassName(
|
|
77149
77277
|
"rightSideBarToggle"
|
|
77150
77278
|
),
|
|
77151
|
-
children: /* @__PURE__ */ (0,
|
|
77279
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77152
77280
|
IconButton,
|
|
77153
77281
|
{
|
|
77154
77282
|
onClick: () => {
|
|
77155
77283
|
toggleSidebars("right");
|
|
77156
77284
|
},
|
|
77157
77285
|
title: "Toggle right sidebar",
|
|
77158
|
-
children: /* @__PURE__ */ (0,
|
|
77286
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelRight, { focusable: "false" })
|
|
77159
77287
|
}
|
|
77160
77288
|
)
|
|
77161
77289
|
}
|
|
77162
77290
|
)
|
|
77163
77291
|
] }),
|
|
77164
|
-
/* @__PURE__ */ (0,
|
|
77292
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("headerTitle"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Heading2, { rank: 2, size: "xs", children: [
|
|
77165
77293
|
headerTitle || rootProps.title || "Page",
|
|
77166
|
-
headerPath && /* @__PURE__ */ (0,
|
|
77294
|
+
headerPath && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
|
|
77167
77295
|
" ",
|
|
77168
|
-
/* @__PURE__ */ (0,
|
|
77296
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77169
77297
|
"code",
|
|
77170
77298
|
{
|
|
77171
77299
|
className: getLayoutClassName("headerPath"),
|
|
@@ -77174,18 +77302,18 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77174
77302
|
)
|
|
77175
77303
|
] })
|
|
77176
77304
|
] }) }),
|
|
77177
|
-
/* @__PURE__ */ (0,
|
|
77178
|
-
/* @__PURE__ */ (0,
|
|
77305
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerTools"), children: [
|
|
77306
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("menuButton"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77179
77307
|
IconButton,
|
|
77180
77308
|
{
|
|
77181
77309
|
onClick: () => {
|
|
77182
77310
|
return setMenuOpen(!menuOpen);
|
|
77183
77311
|
},
|
|
77184
77312
|
title: "Toggle menu bar",
|
|
77185
|
-
children: menuOpen ? /* @__PURE__ */ (0,
|
|
77313
|
+
children: menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronUp, { focusable: "false" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDown, { focusable: "false" })
|
|
77186
77314
|
}
|
|
77187
77315
|
) }),
|
|
77188
|
-
/* @__PURE__ */ (0,
|
|
77316
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77189
77317
|
MenuBar,
|
|
77190
77318
|
{
|
|
77191
77319
|
appState,
|
|
@@ -77193,13 +77321,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77193
77321
|
dispatch,
|
|
77194
77322
|
onPublish,
|
|
77195
77323
|
menuOpen,
|
|
77196
|
-
renderHeaderActions: () => /* @__PURE__ */ (0,
|
|
77324
|
+
renderHeaderActions: () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77197
77325
|
Button,
|
|
77198
77326
|
{
|
|
77199
77327
|
onClick: () => {
|
|
77200
77328
|
onPublish && onPublish(data);
|
|
77201
77329
|
},
|
|
77202
|
-
icon: /* @__PURE__ */ (0,
|
|
77330
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Globe, { size: "14px" }),
|
|
77203
77331
|
children: "Publish"
|
|
77204
77332
|
}
|
|
77205
77333
|
) }),
|
|
@@ -77210,19 +77338,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77210
77338
|
] }) })
|
|
77211
77339
|
}
|
|
77212
77340
|
),
|
|
77213
|
-
/* @__PURE__ */ (0,
|
|
77214
|
-
/* @__PURE__ */ (0,
|
|
77215
|
-
/* @__PURE__ */ (0,
|
|
77341
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("leftSideBar"), children: [
|
|
77342
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SidebarSection2, { title: "Components", noBorderTop: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Components, {}) }),
|
|
77343
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SidebarSection2, { title: "Outline", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Outline, {}) })
|
|
77216
77344
|
] }),
|
|
77217
|
-
/* @__PURE__ */ (0,
|
|
77218
|
-
/* @__PURE__ */ (0,
|
|
77345
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Canvas, {}),
|
|
77346
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("rightSideBar"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77219
77347
|
SidebarSection2,
|
|
77220
77348
|
{
|
|
77221
77349
|
noPadding: true,
|
|
77222
77350
|
noBorderTop: true,
|
|
77223
77351
|
showBreadcrumbs: true,
|
|
77224
77352
|
title: selectedItem ? selectedComponentLabel : "Page",
|
|
77225
|
-
children: /* @__PURE__ */ (0,
|
|
77353
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Fields, {})
|
|
77226
77354
|
}
|
|
77227
77355
|
) })
|
|
77228
77356
|
] })
|
|
@@ -77234,7 +77362,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77234
77362
|
)
|
|
77235
77363
|
}
|
|
77236
77364
|
),
|
|
77237
|
-
/* @__PURE__ */ (0,
|
|
77365
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { id: "puck-portal-root", className: getClassName27("portal") })
|
|
77238
77366
|
] });
|
|
77239
77367
|
}
|
|
77240
77368
|
Puck.Components = Components;
|
|
@@ -77242,7 +77370,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77242
77370
|
Puck.Outline = Outline;
|
|
77243
77371
|
Puck.Preview = Preview;
|
|
77244
77372
|
init_react_import2();
|
|
77245
|
-
var
|
|
77373
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
77246
77374
|
function Render({
|
|
77247
77375
|
config,
|
|
77248
77376
|
data
|
|
@@ -77255,7 +77383,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77255
77383
|
const rootProps = defaultedData.root.props || defaultedData.root;
|
|
77256
77384
|
const title = (rootProps == null ? void 0 : rootProps.title) || "";
|
|
77257
77385
|
if ((_a3 = config.root) == null ? void 0 : _a3.render) {
|
|
77258
|
-
return /* @__PURE__ */ (0,
|
|
77386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
77259
77387
|
config.root.render,
|
|
77260
77388
|
__spreadProps2(__spreadValues2({}, rootProps), {
|
|
77261
77389
|
puck: {
|
|
@@ -77265,11 +77393,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77265
77393
|
title,
|
|
77266
77394
|
editMode: false,
|
|
77267
77395
|
id: "puck-root",
|
|
77268
|
-
children: /* @__PURE__ */ (0,
|
|
77396
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZone, { zone: rootDroppableId2 })
|
|
77269
77397
|
})
|
|
77270
77398
|
) });
|
|
77271
77399
|
}
|
|
77272
|
-
return /* @__PURE__ */ (0,
|
|
77400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZone, { zone: rootDroppableId2 }) });
|
|
77273
77401
|
}
|
|
77274
77402
|
init_react_import2();
|
|
77275
77403
|
var migrations = [
|
|
@@ -77365,12 +77493,24 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77365
77493
|
config,
|
|
77366
77494
|
history,
|
|
77367
77495
|
dispatch,
|
|
77368
|
-
selectedItem
|
|
77496
|
+
selectedItem: currentItem,
|
|
77497
|
+
globalPermissions
|
|
77369
77498
|
} = useAppContext2();
|
|
77370
77499
|
return {
|
|
77371
77500
|
appState,
|
|
77372
77501
|
config,
|
|
77373
77502
|
dispatch,
|
|
77503
|
+
getPermissions: ({
|
|
77504
|
+
item,
|
|
77505
|
+
type
|
|
77506
|
+
} = {}) => {
|
|
77507
|
+
return getPermissions({
|
|
77508
|
+
selectedItem: item || currentItem,
|
|
77509
|
+
type,
|
|
77510
|
+
globalPermissions: globalPermissions || {},
|
|
77511
|
+
config
|
|
77512
|
+
});
|
|
77513
|
+
},
|
|
77374
77514
|
history: {
|
|
77375
77515
|
back: history.back,
|
|
77376
77516
|
forward: history.forward,
|
|
@@ -77382,7 +77522,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77382
77522
|
index: history.historyStore.index,
|
|
77383
77523
|
historyStore: history.historyStore
|
|
77384
77524
|
},
|
|
77385
|
-
selectedItem:
|
|
77525
|
+
selectedItem: currentItem || null
|
|
77386
77526
|
};
|
|
77387
77527
|
};
|
|
77388
77528
|
}
|
|
@@ -77683,7 +77823,8 @@ var defaultContext = {
|
|
|
77683
77823
|
status: "LOADING",
|
|
77684
77824
|
setStatus: () => null,
|
|
77685
77825
|
iframe: {},
|
|
77686
|
-
safariFallbackMode: false
|
|
77826
|
+
safariFallbackMode: false,
|
|
77827
|
+
globalPermissions: {}
|
|
77687
77828
|
};
|
|
77688
77829
|
var appContext = (0, import_react10.createContext)(defaultContext);
|
|
77689
77830
|
function useAppContext() {
|