@measured/puck-plugin-heading-analyzer 0.16.0-canary.3298831 → 0.16.0-canary.39d63e0
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 +593 -516
- 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_16pc9_1", "ActionBarComponent-actionsLabel": "_ActionBarComponent-actionsLabel_16pc9_14", "ActionBarComponent-action": "_ActionBarComponent-action_16pc9_14" };
|
|
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,10 +73085,10 @@ 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),
|
|
@@ -73079,7 +73100,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73079
73100
|
children: children(provided, snapshot)
|
|
73080
73101
|
})
|
|
73081
73102
|
),
|
|
73082
|
-
showShadow && snapshot.isDragging && /* @__PURE__ */ (0,
|
|
73103
|
+
showShadow && snapshot.isDragging && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
73083
73104
|
"div",
|
|
73084
73105
|
{
|
|
73085
73106
|
className: className && className(provided, snapshot),
|
|
@@ -73093,22 +73114,22 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73093
73114
|
var import_react52 = require("react");
|
|
73094
73115
|
init_react_import2();
|
|
73095
73116
|
init_react_import2();
|
|
73096
|
-
var
|
|
73097
|
-
var
|
|
73098
|
-
var
|
|
73099
|
-
var DragIcon = () => /* @__PURE__ */ (0,
|
|
73117
|
+
var styles_module_default52 = { "DragIcon": "_DragIcon_1p5wn_1" };
|
|
73118
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
73119
|
+
var getClassName42 = get_class_name_factory_default2("DragIcon", styles_module_default52);
|
|
73120
|
+
var DragIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: getClassName42(), 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
73121
|
init_react_import2();
|
|
73101
73122
|
var import_dnd3 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
|
|
73102
|
-
var
|
|
73103
|
-
var DefaultDragDropContext = ({ children }) => /* @__PURE__ */ (0,
|
|
73123
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
73124
|
+
var DefaultDragDropContext = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children });
|
|
73104
73125
|
var DragDropContext2 = (props) => {
|
|
73105
73126
|
const { status } = useAppContext2();
|
|
73106
73127
|
const El = status !== "LOADING" ? import_dnd3.DragDropContext : DefaultDragDropContext;
|
|
73107
|
-
return /* @__PURE__ */ (0,
|
|
73128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(El, __spreadValues2({}, props));
|
|
73108
73129
|
};
|
|
73109
|
-
var
|
|
73110
|
-
var
|
|
73111
|
-
var getClassNameItem3 = get_class_name_factory_default2("ArrayFieldItem",
|
|
73130
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
73131
|
+
var getClassName52 = get_class_name_factory_default2("ArrayField", styles_module_default32);
|
|
73132
|
+
var getClassNameItem3 = get_class_name_factory_default2("ArrayFieldItem", styles_module_default32);
|
|
73112
73133
|
var ArrayField = ({
|
|
73113
73134
|
field,
|
|
73114
73135
|
onChange,
|
|
@@ -73117,7 +73138,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73117
73138
|
label,
|
|
73118
73139
|
readOnly,
|
|
73119
73140
|
id,
|
|
73120
|
-
Label = (props) => /* @__PURE__ */ (0,
|
|
73141
|
+
Label = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", __spreadValues2({}, props))
|
|
73121
73142
|
}) => {
|
|
73122
73143
|
const { state, setUi, selectedItem } = useAppContext2();
|
|
73123
73144
|
const readOnlyFields = (selectedItem == null ? void 0 : selectedItem.readOnly) || {};
|
|
@@ -73180,14 +73201,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73180
73201
|
return null;
|
|
73181
73202
|
}
|
|
73182
73203
|
const addDisabled = field.max !== void 0 && localState.arrayState.items.length >= field.max || readOnly;
|
|
73183
|
-
return /* @__PURE__ */ (0,
|
|
73204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73184
73205
|
Label,
|
|
73185
73206
|
{
|
|
73186
73207
|
label: label || name,
|
|
73187
|
-
icon: /* @__PURE__ */ (0,
|
|
73208
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(List, { size: 16 }),
|
|
73188
73209
|
el: "div",
|
|
73189
73210
|
readOnly,
|
|
73190
|
-
children: /* @__PURE__ */ (0,
|
|
73211
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73191
73212
|
DragDropContext2,
|
|
73192
73213
|
{
|
|
73193
73214
|
onDragEnd: (event) => {
|
|
@@ -73214,12 +73235,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73214
73235
|
});
|
|
73215
73236
|
}
|
|
73216
73237
|
},
|
|
73217
|
-
children: /* @__PURE__ */ (0,
|
|
73218
|
-
return /* @__PURE__ */ (0,
|
|
73238
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Droppable2, { droppableId: "array", isDropDisabled: readOnly, children: (provided, snapshot) => {
|
|
73239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
73219
73240
|
"div",
|
|
73220
73241
|
__spreadProps2(__spreadValues2({}, provided.droppableProps), {
|
|
73221
73242
|
ref: provided.innerRef,
|
|
73222
|
-
className:
|
|
73243
|
+
className: getClassName52({
|
|
73223
73244
|
isDraggingFrom: !!snapshot.draggingFromThisWith,
|
|
73224
73245
|
hasItems: Array.isArray(value) && value.length > 0,
|
|
73225
73246
|
addDisabled
|
|
@@ -73236,7 +73257,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73236
73257
|
localState.arrayState.items.map((item, i2) => {
|
|
73237
73258
|
const { _arrayId = `${id}-${i2}`, _originalIndex = i2 } = item;
|
|
73238
73259
|
const data = Array.from(localState.value || [])[i2] || {};
|
|
73239
|
-
return /* @__PURE__ */ (0,
|
|
73260
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73240
73261
|
Draggable2,
|
|
73241
73262
|
{
|
|
73242
73263
|
id: _arrayId,
|
|
@@ -73247,8 +73268,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73247
73268
|
readOnly
|
|
73248
73269
|
}),
|
|
73249
73270
|
isDragDisabled: readOnly || !hovering,
|
|
73250
|
-
children: () => /* @__PURE__ */ (0,
|
|
73251
|
-
/* @__PURE__ */ (0,
|
|
73271
|
+
children: () => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
|
|
73272
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
73252
73273
|
"div",
|
|
73253
73274
|
{
|
|
73254
73275
|
onClick: () => {
|
|
@@ -73269,8 +73290,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73269
73290
|
className: getClassNameItem3("summary"),
|
|
73270
73291
|
children: [
|
|
73271
73292
|
field.getItemSummary ? field.getItemSummary(data, i2) : `Item #${_originalIndex}`,
|
|
73272
|
-
/* @__PURE__ */ (0,
|
|
73273
|
-
!readOnly && /* @__PURE__ */ (0,
|
|
73293
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassNameItem3("rhs"), children: [
|
|
73294
|
+
!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
73295
|
IconButton,
|
|
73275
73296
|
{
|
|
73276
73297
|
type: "button",
|
|
@@ -73293,20 +73314,20 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73293
73314
|
);
|
|
73294
73315
|
},
|
|
73295
73316
|
title: "Delete",
|
|
73296
|
-
children: /* @__PURE__ */ (0,
|
|
73317
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Trash, { size: 16 })
|
|
73297
73318
|
}
|
|
73298
73319
|
) }) }),
|
|
73299
|
-
/* @__PURE__ */ (0,
|
|
73320
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DragIcon, {}) })
|
|
73300
73321
|
] })
|
|
73301
73322
|
]
|
|
73302
73323
|
}
|
|
73303
73324
|
),
|
|
73304
|
-
/* @__PURE__ */ (0,
|
|
73325
|
+
/* @__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
73326
|
(fieldName) => {
|
|
73306
73327
|
const subField = field.arrayFields[fieldName];
|
|
73307
73328
|
const subFieldName = `${name}[${i2}].${fieldName}`;
|
|
73308
73329
|
const wildcardFieldName = `${name}[*].${fieldName}`;
|
|
73309
|
-
return /* @__PURE__ */ (0,
|
|
73330
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73310
73331
|
AutoFieldPrivate,
|
|
73311
73332
|
{
|
|
73312
73333
|
name: subFieldName,
|
|
@@ -73334,11 +73355,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73334
73355
|
);
|
|
73335
73356
|
}),
|
|
73336
73357
|
provided.placeholder,
|
|
73337
|
-
!addDisabled && /* @__PURE__ */ (0,
|
|
73358
|
+
!addDisabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
73338
73359
|
"button",
|
|
73339
73360
|
{
|
|
73340
73361
|
type: "button",
|
|
73341
|
-
className:
|
|
73362
|
+
className: getClassName52("addButton"),
|
|
73342
73363
|
onClick: () => {
|
|
73343
73364
|
const existingValue = value || [];
|
|
73344
73365
|
const newValue = [
|
|
@@ -73348,7 +73369,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73348
73369
|
const newArrayState = regenerateArrayState(newValue);
|
|
73349
73370
|
onChange(newValue, mapArrayStateToUi(newArrayState));
|
|
73350
73371
|
},
|
|
73351
|
-
children: /* @__PURE__ */ (0,
|
|
73372
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Plus, { size: 21 })
|
|
73352
73373
|
}
|
|
73353
73374
|
)
|
|
73354
73375
|
]
|
|
@@ -73361,8 +73382,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73361
73382
|
);
|
|
73362
73383
|
};
|
|
73363
73384
|
init_react_import2();
|
|
73364
|
-
var
|
|
73365
|
-
var
|
|
73385
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
73386
|
+
var getClassName62 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73366
73387
|
var DefaultField = ({
|
|
73367
73388
|
field,
|
|
73368
73389
|
onChange,
|
|
@@ -73373,19 +73394,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73373
73394
|
Label,
|
|
73374
73395
|
id
|
|
73375
73396
|
}) => {
|
|
73376
|
-
return /* @__PURE__ */ (0,
|
|
73397
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
73377
73398
|
Label,
|
|
73378
73399
|
{
|
|
73379
73400
|
label: label || name,
|
|
73380
|
-
icon: /* @__PURE__ */ (0,
|
|
73381
|
-
field.type === "text" && /* @__PURE__ */ (0,
|
|
73382
|
-
field.type === "number" && /* @__PURE__ */ (0,
|
|
73401
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
|
|
73402
|
+
field.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Type, { size: 16 }),
|
|
73403
|
+
field.type === "number" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Hash, { size: 16 })
|
|
73383
73404
|
] }),
|
|
73384
73405
|
readOnly,
|
|
73385
|
-
children: /* @__PURE__ */ (0,
|
|
73406
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
73386
73407
|
"input",
|
|
73387
73408
|
{
|
|
73388
|
-
className:
|
|
73409
|
+
className: getClassName62("input"),
|
|
73389
73410
|
autoComplete: "off",
|
|
73390
73411
|
type: field.type,
|
|
73391
73412
|
name,
|
|
@@ -73412,14 +73433,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73412
73433
|
init_react_import2();
|
|
73413
73434
|
var import_react82 = require("react");
|
|
73414
73435
|
init_react_import2();
|
|
73415
|
-
var
|
|
73436
|
+
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
73437
|
init_react_import2();
|
|
73417
73438
|
var import_react62 = require("react");
|
|
73418
73439
|
init_react_import2();
|
|
73419
|
-
var
|
|
73440
|
+
var styles_module_default7 = { "Modal": "_Modal_ikbaj_1", "Modal--isOpen": "_Modal--isOpen_ikbaj_15", "Modal-inner": "_Modal-inner_ikbaj_19" };
|
|
73420
73441
|
var import_react_dom3 = __toESM2(require_react_dom2());
|
|
73421
|
-
var
|
|
73422
|
-
var
|
|
73442
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
73443
|
+
var getClassName7 = get_class_name_factory_default2("Modal", styles_module_default7);
|
|
73423
73444
|
var Modal = ({
|
|
73424
73445
|
children,
|
|
73425
73446
|
onClose,
|
|
@@ -73430,13 +73451,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73430
73451
|
setRootEl(document.getElementById("puck-portal-root"));
|
|
73431
73452
|
}, []);
|
|
73432
73453
|
if (!rootEl) {
|
|
73433
|
-
return /* @__PURE__ */ (0,
|
|
73454
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {});
|
|
73434
73455
|
}
|
|
73435
73456
|
return (0, import_react_dom3.createPortal)(
|
|
73436
|
-
/* @__PURE__ */ (0,
|
|
73457
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: getClassName7({ isOpen }), onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
73437
73458
|
"div",
|
|
73438
73459
|
{
|
|
73439
|
-
className:
|
|
73460
|
+
className: getClassName7("inner"),
|
|
73440
73461
|
onClick: (e2) => e2.stopPropagation(),
|
|
73441
73462
|
children
|
|
73442
73463
|
}
|
|
@@ -73446,15 +73467,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73446
73467
|
};
|
|
73447
73468
|
init_react_import2();
|
|
73448
73469
|
init_react_import2();
|
|
73449
|
-
var
|
|
73450
|
-
var
|
|
73451
|
-
var
|
|
73470
|
+
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" };
|
|
73471
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
73472
|
+
var getClassName8 = get_class_name_factory_default2("Heading", styles_module_default8);
|
|
73452
73473
|
var Heading2 = ({ children, rank, size = "m" }) => {
|
|
73453
73474
|
const Tag = rank ? `h${rank}` : "span";
|
|
73454
|
-
return /* @__PURE__ */ (0,
|
|
73475
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
73455
73476
|
Tag,
|
|
73456
73477
|
{
|
|
73457
|
-
className:
|
|
73478
|
+
className: getClassName8({
|
|
73458
73479
|
[size]: true
|
|
73459
73480
|
}),
|
|
73460
73481
|
children
|
|
@@ -73466,8 +73487,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73466
73487
|
var import_react72 = require("react");
|
|
73467
73488
|
init_react_import2();
|
|
73468
73489
|
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
|
|
73490
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
73491
|
+
var getClassName9 = get_class_name_factory_default2("Button", Button_module_default);
|
|
73471
73492
|
var Button = ({
|
|
73472
73493
|
children,
|
|
73473
73494
|
href,
|
|
@@ -73485,10 +73506,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73485
73506
|
const [loading, setLoading] = (0, import_react72.useState)(loadingProp);
|
|
73486
73507
|
(0, import_react72.useEffect)(() => setLoading(loadingProp), [loadingProp]);
|
|
73487
73508
|
const ElementType = href ? "a" : type ? "button" : "span";
|
|
73488
|
-
const el = /* @__PURE__ */ (0,
|
|
73509
|
+
const el = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
73489
73510
|
ElementType,
|
|
73490
73511
|
{
|
|
73491
|
-
className:
|
|
73512
|
+
className: getClassName9({
|
|
73492
73513
|
primary: variant === "primary",
|
|
73493
73514
|
secondary: variant === "secondary",
|
|
73494
73515
|
disabled,
|
|
@@ -73509,17 +73530,17 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73509
73530
|
rel: newTab ? "noreferrer" : void 0,
|
|
73510
73531
|
href,
|
|
73511
73532
|
children: [
|
|
73512
|
-
icon && /* @__PURE__ */ (0,
|
|
73533
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: getClassName9("icon"), children: icon }),
|
|
73513
73534
|
children,
|
|
73514
|
-
loading && /* @__PURE__ */ (0,
|
|
73535
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: getClassName9("spinner"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Loader2, { size: 14 }) })
|
|
73515
73536
|
]
|
|
73516
73537
|
}
|
|
73517
73538
|
);
|
|
73518
73539
|
return el;
|
|
73519
73540
|
};
|
|
73520
|
-
var
|
|
73521
|
-
var
|
|
73522
|
-
var getClassNameModal = get_class_name_factory_default2("ExternalInputModal",
|
|
73541
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
73542
|
+
var getClassName10 = get_class_name_factory_default2("ExternalInput", styles_module_default6);
|
|
73543
|
+
var getClassNameModal = get_class_name_factory_default2("ExternalInputModal", styles_module_default6);
|
|
73523
73544
|
var dataCache = {};
|
|
73524
73545
|
var ExternalInput = ({
|
|
73525
73546
|
field,
|
|
@@ -73570,40 +73591,40 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73570
73591
|
(0, import_react82.useEffect)(() => {
|
|
73571
73592
|
search(searchQuery, filters);
|
|
73572
73593
|
}, []);
|
|
73573
|
-
return /* @__PURE__ */ (0,
|
|
73594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
73574
73595
|
"div",
|
|
73575
73596
|
{
|
|
73576
|
-
className:
|
|
73597
|
+
className: getClassName10({
|
|
73577
73598
|
dataSelected: !!value,
|
|
73578
73599
|
modalVisible: isOpen
|
|
73579
73600
|
}),
|
|
73580
73601
|
id,
|
|
73581
73602
|
children: [
|
|
73582
|
-
/* @__PURE__ */ (0,
|
|
73583
|
-
/* @__PURE__ */ (0,
|
|
73603
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassName10("actions"), children: [
|
|
73604
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73584
73605
|
"button",
|
|
73585
73606
|
{
|
|
73586
73607
|
type: "button",
|
|
73587
73608
|
onClick: () => setOpen(true),
|
|
73588
|
-
className:
|
|
73589
|
-
children: value ? field.getItemSummary ? field.getItemSummary(value) : "External item" : /* @__PURE__ */ (0,
|
|
73590
|
-
/* @__PURE__ */ (0,
|
|
73591
|
-
/* @__PURE__ */ (0,
|
|
73609
|
+
className: getClassName10("button"),
|
|
73610
|
+
children: value ? field.getItemSummary ? field.getItemSummary(value) : "External item" : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
73611
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Link, { size: "16" }),
|
|
73612
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: field.placeholder })
|
|
73592
73613
|
] })
|
|
73593
73614
|
}
|
|
73594
73615
|
),
|
|
73595
|
-
value && /* @__PURE__ */ (0,
|
|
73616
|
+
value && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73596
73617
|
"button",
|
|
73597
73618
|
{
|
|
73598
|
-
className:
|
|
73619
|
+
className: getClassName10("detachButton"),
|
|
73599
73620
|
onClick: () => {
|
|
73600
73621
|
onChange(null);
|
|
73601
73622
|
},
|
|
73602
|
-
children: /* @__PURE__ */ (0,
|
|
73623
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Unlock, { size: 16 })
|
|
73603
73624
|
}
|
|
73604
73625
|
)
|
|
73605
73626
|
] }),
|
|
73606
|
-
/* @__PURE__ */ (0,
|
|
73627
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Modal, { onClose: () => setOpen(false), isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
73607
73628
|
"form",
|
|
73608
73629
|
{
|
|
73609
73630
|
className: getClassNameModal({
|
|
@@ -73617,11 +73638,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73617
73638
|
search(searchQuery, filters);
|
|
73618
73639
|
},
|
|
73619
73640
|
children: [
|
|
73620
|
-
/* @__PURE__ */ (0,
|
|
73621
|
-
/* @__PURE__ */ (0,
|
|
73622
|
-
/* @__PURE__ */ (0,
|
|
73623
|
-
/* @__PURE__ */ (0,
|
|
73624
|
-
/* @__PURE__ */ (0,
|
|
73641
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("masthead"), children: field.showSearch ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("searchForm"), children: [
|
|
73642
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: getClassNameModal("search"), children: [
|
|
73643
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: getClassNameModal("searchIconText"), children: "Search" }),
|
|
73644
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("searchIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Search, { size: "18" }) }),
|
|
73645
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73625
73646
|
"input",
|
|
73626
73647
|
{
|
|
73627
73648
|
className: getClassNameModal("searchInput"),
|
|
@@ -73636,9 +73657,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73636
73657
|
}
|
|
73637
73658
|
)
|
|
73638
73659
|
] }),
|
|
73639
|
-
/* @__PURE__ */ (0,
|
|
73640
|
-
/* @__PURE__ */ (0,
|
|
73641
|
-
hasFilterFields && /* @__PURE__ */ (0,
|
|
73660
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("searchActions"), children: [
|
|
73661
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", loading: isLoading, fullWidth: true, children: "Search" }),
|
|
73662
|
+
hasFilterFields && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("searchActionIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73642
73663
|
IconButton,
|
|
73643
73664
|
{
|
|
73644
73665
|
title: "Toggle filters",
|
|
@@ -73647,15 +73668,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73647
73668
|
e2.stopPropagation();
|
|
73648
73669
|
setFiltersToggled(!filtersToggled);
|
|
73649
73670
|
},
|
|
73650
|
-
children: /* @__PURE__ */ (0,
|
|
73671
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlidersHorizontal, { size: 20 })
|
|
73651
73672
|
}
|
|
73652
73673
|
) })
|
|
73653
73674
|
] })
|
|
73654
|
-
] }) : /* @__PURE__ */ (0,
|
|
73655
|
-
/* @__PURE__ */ (0,
|
|
73656
|
-
hasFilterFields && /* @__PURE__ */ (0,
|
|
73675
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Heading2, { rank: 2, size: "xs", children: field.placeholder || "Select data" }) }),
|
|
73676
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("grid"), children: [
|
|
73677
|
+
hasFilterFields && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("filters"), children: hasFilterFields && Object.keys(filterFields).map((fieldName) => {
|
|
73657
73678
|
const filterField = filterFields[fieldName];
|
|
73658
|
-
return /* @__PURE__ */ (0,
|
|
73679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73659
73680
|
AutoFieldPrivate,
|
|
73660
73681
|
{
|
|
73661
73682
|
field: filterField,
|
|
@@ -73672,9 +73693,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73672
73693
|
fieldName
|
|
73673
73694
|
);
|
|
73674
73695
|
}) }),
|
|
73675
|
-
/* @__PURE__ */ (0,
|
|
73676
|
-
/* @__PURE__ */ (0,
|
|
73677
|
-
/* @__PURE__ */ (0,
|
|
73696
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("tableWrapper"), children: [
|
|
73697
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: getClassNameModal("table"), children: [
|
|
73698
|
+
/* @__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
73699
|
"th",
|
|
73679
73700
|
{
|
|
73680
73701
|
className: getClassNameModal("th"),
|
|
@@ -73683,8 +73704,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73683
73704
|
},
|
|
73684
73705
|
key
|
|
73685
73706
|
)) }) }),
|
|
73686
|
-
/* @__PURE__ */ (0,
|
|
73687
|
-
return /* @__PURE__ */ (0,
|
|
73707
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { className: getClassNameModal("tbody"), children: mappedData.map((item, i2) => {
|
|
73708
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
73688
73709
|
"tr",
|
|
73689
73710
|
{
|
|
73690
73711
|
style: { whiteSpace: "nowrap" },
|
|
@@ -73693,16 +73714,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73693
73714
|
onChange(mapProp(data[i2]));
|
|
73694
73715
|
setOpen(false);
|
|
73695
73716
|
},
|
|
73696
|
-
children: keys.map((key) => /* @__PURE__ */ (0,
|
|
73717
|
+
children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: getClassNameModal("td"), children: item[key] }, key))
|
|
73697
73718
|
},
|
|
73698
73719
|
i2
|
|
73699
73720
|
);
|
|
73700
73721
|
}) })
|
|
73701
73722
|
] }),
|
|
73702
|
-
/* @__PURE__ */ (0,
|
|
73723
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassNameModal("loadingBanner"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loader2, { size: 24 }) })
|
|
73703
73724
|
] })
|
|
73704
73725
|
] }),
|
|
73705
|
-
/* @__PURE__ */ (0,
|
|
73726
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: getClassNameModal("footer"), children: [
|
|
73706
73727
|
mappedData.length,
|
|
73707
73728
|
" result",
|
|
73708
73729
|
mappedData.length === 1 ? "" : "s"
|
|
@@ -73714,7 +73735,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73714
73735
|
}
|
|
73715
73736
|
);
|
|
73716
73737
|
};
|
|
73717
|
-
var
|
|
73738
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
73718
73739
|
var ExternalField = ({
|
|
73719
73740
|
field,
|
|
73720
73741
|
onChange,
|
|
@@ -73737,7 +73758,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73737
73758
|
if (field.type !== "external") {
|
|
73738
73759
|
return null;
|
|
73739
73760
|
}
|
|
73740
|
-
return /* @__PURE__ */ (0,
|
|
73761
|
+
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
73762
|
ExternalInput,
|
|
73742
73763
|
{
|
|
73743
73764
|
name,
|
|
@@ -73759,8 +73780,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73759
73780
|
) });
|
|
73760
73781
|
};
|
|
73761
73782
|
init_react_import2();
|
|
73762
|
-
var
|
|
73763
|
-
var
|
|
73783
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
73784
|
+
var getClassName11 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73764
73785
|
var RadioField = ({
|
|
73765
73786
|
field,
|
|
73766
73787
|
onChange,
|
|
@@ -73774,23 +73795,23 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73774
73795
|
if (field.type !== "radio" || !field.options) {
|
|
73775
73796
|
return null;
|
|
73776
73797
|
}
|
|
73777
|
-
return /* @__PURE__ */ (0,
|
|
73798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
73778
73799
|
Label,
|
|
73779
73800
|
{
|
|
73780
|
-
icon: /* @__PURE__ */ (0,
|
|
73801
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CheckCircle, { size: 16 }),
|
|
73781
73802
|
label: label || name,
|
|
73782
73803
|
readOnly,
|
|
73783
73804
|
el: "div",
|
|
73784
|
-
children: /* @__PURE__ */ (0,
|
|
73805
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: getClassName11("radioGroupItems"), id, children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
73785
73806
|
"label",
|
|
73786
73807
|
{
|
|
73787
|
-
className:
|
|
73808
|
+
className: getClassName11("radio"),
|
|
73788
73809
|
children: [
|
|
73789
|
-
/* @__PURE__ */ (0,
|
|
73810
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
73790
73811
|
"input",
|
|
73791
73812
|
{
|
|
73792
73813
|
type: "radio",
|
|
73793
|
-
className:
|
|
73814
|
+
className: getClassName11("radioInput"),
|
|
73794
73815
|
value: option.value,
|
|
73795
73816
|
name,
|
|
73796
73817
|
onChange: (e2) => {
|
|
@@ -73804,7 +73825,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73804
73825
|
checked: value === option.value
|
|
73805
73826
|
}
|
|
73806
73827
|
),
|
|
73807
|
-
/* @__PURE__ */ (0,
|
|
73828
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: getClassName11("radioInner"), children: option.label || option.value })
|
|
73808
73829
|
]
|
|
73809
73830
|
},
|
|
73810
73831
|
option.label + option.value
|
|
@@ -73813,8 +73834,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73813
73834
|
);
|
|
73814
73835
|
};
|
|
73815
73836
|
init_react_import2();
|
|
73816
|
-
var
|
|
73817
|
-
var
|
|
73837
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
73838
|
+
var getClassName12 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73818
73839
|
var SelectField = ({
|
|
73819
73840
|
field,
|
|
73820
73841
|
onChange,
|
|
@@ -73828,17 +73849,17 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73828
73849
|
if (field.type !== "select" || !field.options) {
|
|
73829
73850
|
return null;
|
|
73830
73851
|
}
|
|
73831
|
-
return /* @__PURE__ */ (0,
|
|
73852
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
73832
73853
|
Label,
|
|
73833
73854
|
{
|
|
73834
73855
|
label: label || name,
|
|
73835
|
-
icon: /* @__PURE__ */ (0,
|
|
73856
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronDown, { size: 16 }),
|
|
73836
73857
|
readOnly,
|
|
73837
|
-
children: /* @__PURE__ */ (0,
|
|
73858
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
73838
73859
|
"select",
|
|
73839
73860
|
{
|
|
73840
73861
|
id,
|
|
73841
|
-
className:
|
|
73862
|
+
className: getClassName12("input"),
|
|
73842
73863
|
disabled: readOnly,
|
|
73843
73864
|
onChange: (e2) => {
|
|
73844
73865
|
if (e2.currentTarget.value === "true" || e2.currentTarget.value === "false") {
|
|
@@ -73848,7 +73869,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73848
73869
|
onChange(e2.currentTarget.value);
|
|
73849
73870
|
},
|
|
73850
73871
|
value,
|
|
73851
|
-
children: field.options.map((option) => /* @__PURE__ */ (0,
|
|
73872
|
+
children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
73852
73873
|
"option",
|
|
73853
73874
|
{
|
|
73854
73875
|
label: option.label,
|
|
@@ -73862,8 +73883,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73862
73883
|
);
|
|
73863
73884
|
};
|
|
73864
73885
|
init_react_import2();
|
|
73865
|
-
var
|
|
73866
|
-
var
|
|
73886
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
73887
|
+
var getClassName13 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73867
73888
|
var TextareaField = ({
|
|
73868
73889
|
onChange,
|
|
73869
73890
|
readOnly,
|
|
@@ -73873,11 +73894,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73873
73894
|
Label,
|
|
73874
73895
|
id
|
|
73875
73896
|
}) => {
|
|
73876
|
-
return /* @__PURE__ */ (0,
|
|
73897
|
+
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
73898
|
"textarea",
|
|
73878
73899
|
{
|
|
73879
73900
|
id,
|
|
73880
|
-
className:
|
|
73901
|
+
className: getClassName13("input"),
|
|
73881
73902
|
autoComplete: "off",
|
|
73882
73903
|
name,
|
|
73883
73904
|
value: typeof value === "undefined" ? "" : value,
|
|
@@ -73891,9 +73912,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73891
73912
|
var import_use_debounce = (init_index_module(), __toCommonJS(index_module_exports));
|
|
73892
73913
|
init_react_import2();
|
|
73893
73914
|
init_react_import2();
|
|
73894
|
-
var
|
|
73895
|
-
var
|
|
73896
|
-
var
|
|
73915
|
+
var styles_module_default9 = { "ObjectField": "_ObjectField_1ua3y_5", "ObjectField-fieldset": "_ObjectField-fieldset_1ua3y_13" };
|
|
73916
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
73917
|
+
var getClassName14 = get_class_name_factory_default2("ObjectField", styles_module_default9);
|
|
73897
73918
|
var ObjectField = ({
|
|
73898
73919
|
field,
|
|
73899
73920
|
onChange,
|
|
@@ -73910,18 +73931,18 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73910
73931
|
}
|
|
73911
73932
|
const readOnlyFields = (selectedItem == null ? void 0 : selectedItem.readOnly) || {};
|
|
73912
73933
|
const data = value || {};
|
|
73913
|
-
return /* @__PURE__ */ (0,
|
|
73934
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
73914
73935
|
Label,
|
|
73915
73936
|
{
|
|
73916
73937
|
label: label || name,
|
|
73917
|
-
icon: /* @__PURE__ */ (0,
|
|
73938
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MoreVertical, { size: 16 }),
|
|
73918
73939
|
el: "div",
|
|
73919
73940
|
readOnly,
|
|
73920
|
-
children: /* @__PURE__ */ (0,
|
|
73941
|
+
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
73942
|
const subField = field.objectFields[fieldName];
|
|
73922
73943
|
const subFieldName = `${name}.${fieldName}`;
|
|
73923
73944
|
const wildcardFieldName = `${name}.${fieldName}`;
|
|
73924
|
-
return /* @__PURE__ */ (0,
|
|
73945
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
73925
73946
|
AutoFieldPrivate,
|
|
73926
73947
|
{
|
|
73927
73948
|
name: subFieldName,
|
|
@@ -73957,8 +73978,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73957
73978
|
const [id] = (0, import_react102.useState)(generateId());
|
|
73958
73979
|
return id;
|
|
73959
73980
|
};
|
|
73960
|
-
var
|
|
73961
|
-
var
|
|
73981
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
73982
|
+
var getClassName15 = get_class_name_factory_default2("Input", styles_module_default22);
|
|
73962
73983
|
var FieldLabel = ({
|
|
73963
73984
|
children,
|
|
73964
73985
|
icon,
|
|
@@ -73968,11 +73989,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73968
73989
|
className
|
|
73969
73990
|
}) => {
|
|
73970
73991
|
const El = el;
|
|
73971
|
-
return /* @__PURE__ */ (0,
|
|
73972
|
-
/* @__PURE__ */ (0,
|
|
73973
|
-
icon ? /* @__PURE__ */ (0,
|
|
73992
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(El, { className, children: [
|
|
73993
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: getClassName15("label"), children: [
|
|
73994
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassName15("labelIcon"), children: icon }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, {}),
|
|
73974
73995
|
label,
|
|
73975
|
-
readOnly && /* @__PURE__ */ (0,
|
|
73996
|
+
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
73997
|
] }),
|
|
73977
73998
|
children
|
|
73978
73999
|
] });
|
|
@@ -73990,14 +74011,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
73990
74011
|
[overrides]
|
|
73991
74012
|
);
|
|
73992
74013
|
if (!label) {
|
|
73993
|
-
return /* @__PURE__ */ (0,
|
|
74014
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children });
|
|
73994
74015
|
}
|
|
73995
|
-
return /* @__PURE__ */ (0,
|
|
74016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
73996
74017
|
Wrapper,
|
|
73997
74018
|
{
|
|
73998
74019
|
label,
|
|
73999
74020
|
icon,
|
|
74000
|
-
className:
|
|
74021
|
+
className: getClassName15({ readOnly }),
|
|
74001
74022
|
readOnly,
|
|
74002
74023
|
el,
|
|
74003
74024
|
children
|
|
@@ -74041,11 +74062,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74041
74062
|
return null;
|
|
74042
74063
|
}
|
|
74043
74064
|
const CustomField = field.render;
|
|
74044
|
-
return /* @__PURE__ */ (0,
|
|
74065
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassName15(), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CustomField, __spreadValues2({}, mergedProps)) });
|
|
74045
74066
|
}
|
|
74046
74067
|
const children = defaultFields[field.type](mergedProps);
|
|
74047
74068
|
const Render2 = render[field.type];
|
|
74048
|
-
return /* @__PURE__ */ (0,
|
|
74069
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Render2, __spreadProps2(__spreadValues2({}, mergedProps), { children }));
|
|
74049
74070
|
}
|
|
74050
74071
|
function AutoFieldPrivate(props) {
|
|
74051
74072
|
const { value, onChange } = props;
|
|
@@ -74068,19 +74089,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74068
74089
|
value: localValue,
|
|
74069
74090
|
onChange: onChangeLocal
|
|
74070
74091
|
};
|
|
74071
|
-
return /* @__PURE__ */ (0,
|
|
74092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AutoFieldInternal, __spreadValues2(__spreadValues2({}, props), localProps));
|
|
74072
74093
|
}
|
|
74073
|
-
var DefaultLabel = (props) => /* @__PURE__ */ (0,
|
|
74094
|
+
var DefaultLabel = (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", __spreadValues2({}, props));
|
|
74074
74095
|
function AutoField(props) {
|
|
74075
|
-
return /* @__PURE__ */ (0,
|
|
74096
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AutoFieldInternal, __spreadProps2(__spreadValues2({}, props), { Label: DefaultLabel }));
|
|
74076
74097
|
}
|
|
74077
74098
|
init_react_import2();
|
|
74078
74099
|
init_react_import2();
|
|
74079
|
-
var
|
|
74100
|
+
var styles_module_default10 = { "Drawer": "_Drawer_6zh0b_1", "DrawerItem-default": "_DrawerItem-default_6zh0b_5", "DrawerItem-draggableWrapper": "_DrawerItem-draggableWrapper_6zh0b_5", "DrawerItem": "_DrawerItem_6zh0b_5", "DrawerItem-draggable": "_DrawerItem-draggable_6zh0b_5", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_6zh0b_31", "DrawerItem-name": "_DrawerItem-name_6zh0b_47" };
|
|
74080
74101
|
var import_react122 = require("react");
|
|
74081
|
-
var
|
|
74082
|
-
var
|
|
74083
|
-
var getClassNameItem22 = get_class_name_factory_default2("DrawerItem",
|
|
74102
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
74103
|
+
var getClassName16 = get_class_name_factory_default2("Drawer", styles_module_default10);
|
|
74104
|
+
var getClassNameItem22 = get_class_name_factory_default2("DrawerItem", styles_module_default10);
|
|
74084
74105
|
var drawerContext = (0, import_react122.createContext)({
|
|
74085
74106
|
droppableId: ""
|
|
74086
74107
|
});
|
|
@@ -74088,7 +74109,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74088
74109
|
children,
|
|
74089
74110
|
id,
|
|
74090
74111
|
index
|
|
74091
|
-
}) => /* @__PURE__ */ (0,
|
|
74112
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
74092
74113
|
Draggable2,
|
|
74093
74114
|
{
|
|
74094
74115
|
id,
|
|
@@ -74110,12 +74131,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74110
74131
|
const ctx = (0, import_react122.useContext)(drawerContext);
|
|
74111
74132
|
const resolvedId = `${ctx.droppableId}::${id || name}`;
|
|
74112
74133
|
const CustomInner = (0, import_react122.useMemo)(
|
|
74113
|
-
() => children || (({ children: children2, name: name2 }) => /* @__PURE__ */ (0,
|
|
74134
|
+
() => children || (({ children: children2, name: name2 }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassNameItem22("default"), children: children2 })),
|
|
74114
74135
|
[children]
|
|
74115
74136
|
);
|
|
74116
|
-
return /* @__PURE__ */ (0,
|
|
74117
|
-
/* @__PURE__ */ (0,
|
|
74118
|
-
/* @__PURE__ */ (0,
|
|
74137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DrawerDraggable, { id: resolvedId, index, 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: [
|
|
74138
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassNameItem22("name"), children: label != null ? label : name }),
|
|
74139
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: getClassNameItem22("icon"), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DragIcon, {}) })
|
|
74119
74140
|
] }) }) }) });
|
|
74120
74141
|
};
|
|
74121
74142
|
var Drawer = ({
|
|
@@ -74124,28 +74145,28 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74124
74145
|
direction = "vertical"
|
|
74125
74146
|
}) => {
|
|
74126
74147
|
const droppableId = `component-list:${_droppableId}`;
|
|
74127
|
-
return /* @__PURE__ */ (0,
|
|
74148
|
+
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
74149
|
"div",
|
|
74129
74150
|
__spreadProps2(__spreadValues2({}, provided.droppableProps), {
|
|
74130
74151
|
ref: provided.innerRef,
|
|
74131
|
-
className:
|
|
74152
|
+
className: getClassName16({
|
|
74132
74153
|
isDraggingFrom: !!snapshot.draggingFromThisWith
|
|
74133
74154
|
}),
|
|
74134
74155
|
children: [
|
|
74135
74156
|
children,
|
|
74136
|
-
/* @__PURE__ */ (0,
|
|
74157
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { display: "none" }, children: provided.placeholder })
|
|
74137
74158
|
]
|
|
74138
74159
|
})
|
|
74139
74160
|
) }) });
|
|
74140
74161
|
};
|
|
74141
74162
|
Drawer.Item = DrawerItem;
|
|
74142
74163
|
init_react_import2();
|
|
74143
|
-
var
|
|
74164
|
+
var import_react17 = require("react");
|
|
74144
74165
|
init_react_import2();
|
|
74145
|
-
var
|
|
74166
|
+
var import_react15 = require("react");
|
|
74146
74167
|
var import_dnd4 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
|
|
74147
74168
|
init_react_import2();
|
|
74148
|
-
var
|
|
74169
|
+
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
74170
|
init_react_import2();
|
|
74150
74171
|
var import_react132 = require("react");
|
|
74151
74172
|
var useModifierHeld = (modifier) => {
|
|
@@ -74180,12 +74201,58 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74180
74201
|
"iPod"
|
|
74181
74202
|
].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
74182
74203
|
navigator.userAgent.includes("Mac") && "ontouchend" in document;
|
|
74183
|
-
|
|
74184
|
-
var
|
|
74204
|
+
init_react_import2();
|
|
74205
|
+
var import_jsx_runtime222 = require("react/jsx-runtime");
|
|
74206
|
+
var DefaultOverride = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(import_jsx_runtime222.Fragment, { children });
|
|
74207
|
+
init_react_import2();
|
|
74208
|
+
var import_react14 = require("react");
|
|
74209
|
+
init_react_import2();
|
|
74210
|
+
var loadOverrides = ({
|
|
74211
|
+
overrides,
|
|
74212
|
+
plugins
|
|
74213
|
+
}) => {
|
|
74214
|
+
const collected = __spreadValues2({}, overrides);
|
|
74215
|
+
plugins.forEach((plugin) => {
|
|
74216
|
+
Object.keys(plugin.overrides).forEach((overridesType) => {
|
|
74217
|
+
if (overridesType === "fieldTypes") {
|
|
74218
|
+
const fieldTypes = plugin.overrides.fieldTypes;
|
|
74219
|
+
Object.keys(fieldTypes).forEach((fieldType) => {
|
|
74220
|
+
collected.fieldTypes = collected.fieldTypes || {};
|
|
74221
|
+
const childNode2 = collected.fieldTypes[fieldType];
|
|
74222
|
+
const Comp2 = (props) => fieldTypes[fieldType](__spreadProps2(__spreadValues2({}, props), {
|
|
74223
|
+
children: childNode2 ? childNode2(props) : props.children
|
|
74224
|
+
}));
|
|
74225
|
+
collected.fieldTypes[fieldType] = Comp2;
|
|
74226
|
+
});
|
|
74227
|
+
return;
|
|
74228
|
+
}
|
|
74229
|
+
const childNode = collected[overridesType];
|
|
74230
|
+
const Comp = (props) => plugin.overrides[overridesType](__spreadProps2(__spreadValues2({}, props), {
|
|
74231
|
+
children: childNode ? childNode(props) : props.children
|
|
74232
|
+
}));
|
|
74233
|
+
collected[overridesType] = Comp;
|
|
74234
|
+
});
|
|
74235
|
+
});
|
|
74236
|
+
return collected;
|
|
74237
|
+
};
|
|
74238
|
+
var useLoadedOverrides = ({
|
|
74239
|
+
overrides,
|
|
74240
|
+
plugins
|
|
74241
|
+
}) => {
|
|
74242
|
+
return (0, import_react14.useMemo)(() => {
|
|
74243
|
+
return loadOverrides({ overrides, plugins });
|
|
74244
|
+
}, [plugins, overrides]);
|
|
74245
|
+
};
|
|
74246
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
74247
|
+
var getClassName17 = get_class_name_factory_default2("DraggableComponent", styles_module_default11);
|
|
74185
74248
|
var space2 = 8;
|
|
74186
74249
|
var actionsOverlayTop = space2 * 6.5;
|
|
74187
74250
|
var actionsTop = -(actionsOverlayTop - 8);
|
|
74188
74251
|
var actionsRight = space2;
|
|
74252
|
+
var DefaultActionBar = ({
|
|
74253
|
+
label,
|
|
74254
|
+
children
|
|
74255
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ActionBar, { label, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DefaultOverride, { children }) });
|
|
74189
74256
|
var DraggableComponent = ({
|
|
74190
74257
|
children,
|
|
74191
74258
|
id,
|
|
@@ -74208,30 +74275,37 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74208
74275
|
indicativeHover = false,
|
|
74209
74276
|
style: style2
|
|
74210
74277
|
}) => {
|
|
74211
|
-
const { zoomConfig } = useAppContext2();
|
|
74278
|
+
const { zoomConfig, status, overrides, plugins } = useAppContext2();
|
|
74212
74279
|
const isModifierHeld = useModifierHeld("Alt");
|
|
74213
|
-
const { status } = useAppContext2();
|
|
74214
74280
|
const El = status !== "LOADING" ? import_dnd4.Draggable : DefaultDraggable;
|
|
74215
|
-
(0,
|
|
74216
|
-
const [disableSecondaryAnimation, setDisableSecondaryAnimation] = (0,
|
|
74217
|
-
(0,
|
|
74281
|
+
(0, import_react15.useEffect)(onMount, []);
|
|
74282
|
+
const [disableSecondaryAnimation, setDisableSecondaryAnimation] = (0, import_react15.useState)(false);
|
|
74283
|
+
(0, import_react15.useEffect)(() => {
|
|
74218
74284
|
if (isIos()) {
|
|
74219
74285
|
setDisableSecondaryAnimation(true);
|
|
74220
74286
|
}
|
|
74221
74287
|
}, []);
|
|
74222
|
-
|
|
74288
|
+
const loadedOverrides = useLoadedOverrides({
|
|
74289
|
+
overrides,
|
|
74290
|
+
plugins
|
|
74291
|
+
});
|
|
74292
|
+
const CustomActionBar = (0, import_react15.useMemo)(
|
|
74293
|
+
() => loadedOverrides.actionBar || DefaultActionBar,
|
|
74294
|
+
[loadedOverrides]
|
|
74295
|
+
);
|
|
74296
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
74223
74297
|
El,
|
|
74224
74298
|
{
|
|
74225
74299
|
draggableId: id,
|
|
74226
74300
|
index,
|
|
74227
74301
|
isDragDisabled,
|
|
74228
74302
|
disableSecondaryAnimation,
|
|
74229
|
-
children: (provided, snapshot) => /* @__PURE__ */ (0,
|
|
74303
|
+
children: (provided, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
74230
74304
|
"div",
|
|
74231
74305
|
__spreadProps2(__spreadValues2(__spreadValues2({
|
|
74232
74306
|
ref: provided.innerRef
|
|
74233
74307
|
}, provided.draggableProps), provided.dragHandleProps), {
|
|
74234
|
-
className:
|
|
74308
|
+
className: getClassName17({
|
|
74235
74309
|
isSelected,
|
|
74236
74310
|
isModifierHeld,
|
|
74237
74311
|
isDragging: snapshot.isDragging,
|
|
@@ -74249,34 +74323,33 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74249
74323
|
onClick,
|
|
74250
74324
|
children: [
|
|
74251
74325
|
debug,
|
|
74252
|
-
isLoading && /* @__PURE__ */ (0,
|
|
74253
|
-
/* @__PURE__ */ (0,
|
|
74326
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName17("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Loader2, {}) }),
|
|
74327
|
+
isSelected && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
74254
74328
|
"div",
|
|
74255
74329
|
{
|
|
74256
|
-
className:
|
|
74330
|
+
className: getClassName17("actionsOverlay"),
|
|
74257
74331
|
style: {
|
|
74258
74332
|
top: actionsOverlayTop / zoomConfig.zoom
|
|
74259
74333
|
},
|
|
74260
|
-
children: /* @__PURE__ */ (0,
|
|
74334
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
74261
74335
|
"div",
|
|
74262
74336
|
{
|
|
74263
|
-
className:
|
|
74337
|
+
className: getClassName17("actions"),
|
|
74264
74338
|
style: {
|
|
74265
74339
|
transform: `scale(${1 / zoomConfig.zoom}`,
|
|
74266
74340
|
top: actionsTop / zoomConfig.zoom,
|
|
74267
74341
|
right: actionsRight / zoomConfig.zoom
|
|
74268
74342
|
},
|
|
74269
|
-
children: [
|
|
74270
|
-
|
|
74271
|
-
/* @__PURE__ */ (0,
|
|
74272
|
-
|
|
74273
|
-
]
|
|
74343
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CustomActionBar, { label, children: [
|
|
74344
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ActionBar.Action, { onClick: onDuplicate, label: "Duplicate", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Copy, { size: 16 }) }),
|
|
74345
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ActionBar.Action, { onClick: onDelete, label: "Delete", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Trash, { size: 16 }) })
|
|
74346
|
+
] })
|
|
74274
74347
|
}
|
|
74275
74348
|
)
|
|
74276
74349
|
}
|
|
74277
74350
|
),
|
|
74278
|
-
/* @__PURE__ */ (0,
|
|
74279
|
-
/* @__PURE__ */ (0,
|
|
74351
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName17("overlay") }),
|
|
74352
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName17("contents"), children })
|
|
74280
74353
|
]
|
|
74281
74354
|
})
|
|
74282
74355
|
)
|
|
@@ -74285,9 +74358,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74285
74358
|
);
|
|
74286
74359
|
};
|
|
74287
74360
|
init_react_import2();
|
|
74288
|
-
var
|
|
74361
|
+
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
74362
|
init_react_import2();
|
|
74290
|
-
var
|
|
74363
|
+
var import_react16 = require("react");
|
|
74291
74364
|
var import_use_debounce2 = (init_index_module(), __toCommonJS(index_module_exports));
|
|
74292
74365
|
init_react_import2();
|
|
74293
74366
|
var getZoneId2 = (zoneCompound) => {
|
|
@@ -74299,30 +74372,30 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74299
74372
|
}
|
|
74300
74373
|
return [rootDroppableId2, zoneCompound];
|
|
74301
74374
|
};
|
|
74302
|
-
var
|
|
74303
|
-
var dropZoneContext2 = (0,
|
|
74375
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
74376
|
+
var dropZoneContext2 = (0, import_react16.createContext)(null);
|
|
74304
74377
|
var DropZoneProvider = ({
|
|
74305
74378
|
children,
|
|
74306
74379
|
value
|
|
74307
74380
|
}) => {
|
|
74308
|
-
const [hoveringArea, setHoveringArea] = (0,
|
|
74309
|
-
const [hoveringZone, setHoveringZone] = (0,
|
|
74381
|
+
const [hoveringArea, setHoveringArea] = (0, import_react16.useState)(null);
|
|
74382
|
+
const [hoveringZone, setHoveringZone] = (0, import_react16.useState)(
|
|
74310
74383
|
rootDroppableId2
|
|
74311
74384
|
);
|
|
74312
|
-
const [hoveringComponent, setHoveringComponent] = (0,
|
|
74385
|
+
const [hoveringComponent, setHoveringComponent] = (0, import_react16.useState)();
|
|
74313
74386
|
const [hoveringAreaDb] = (0, import_use_debounce2.useDebounce)(hoveringArea, 75, { leading: false });
|
|
74314
|
-
const [areasWithZones, setAreasWithZones] = (0,
|
|
74387
|
+
const [areasWithZones, setAreasWithZones] = (0, import_react16.useState)(
|
|
74315
74388
|
{}
|
|
74316
74389
|
);
|
|
74317
|
-
const [activeZones, setActiveZones] = (0,
|
|
74390
|
+
const [activeZones, setActiveZones] = (0, import_react16.useState)({});
|
|
74318
74391
|
const { dispatch = null } = value ? value : {};
|
|
74319
|
-
const registerZoneArea = (0,
|
|
74392
|
+
const registerZoneArea = (0, import_react16.useCallback)(
|
|
74320
74393
|
(area) => {
|
|
74321
74394
|
setAreasWithZones((latest) => __spreadProps2(__spreadValues2({}, latest), { [area]: true }));
|
|
74322
74395
|
},
|
|
74323
74396
|
[setAreasWithZones]
|
|
74324
74397
|
);
|
|
74325
|
-
const registerZone = (0,
|
|
74398
|
+
const registerZone = (0, import_react16.useCallback)(
|
|
74326
74399
|
(zoneCompound) => {
|
|
74327
74400
|
if (!dispatch) {
|
|
74328
74401
|
return;
|
|
@@ -74335,7 +74408,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74335
74408
|
},
|
|
74336
74409
|
[setActiveZones, dispatch]
|
|
74337
74410
|
);
|
|
74338
|
-
const unregisterZone = (0,
|
|
74411
|
+
const unregisterZone = (0, import_react16.useCallback)(
|
|
74339
74412
|
(zoneCompound) => {
|
|
74340
74413
|
if (!dispatch) {
|
|
74341
74414
|
return;
|
|
@@ -74350,8 +74423,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74350
74423
|
},
|
|
74351
74424
|
[setActiveZones, dispatch]
|
|
74352
74425
|
);
|
|
74353
|
-
const [pathData, setPathData] = (0,
|
|
74354
|
-
const registerPath = (0,
|
|
74426
|
+
const [pathData, setPathData] = (0, import_react16.useState)();
|
|
74427
|
+
const registerPath = (0, import_react16.useCallback)(
|
|
74355
74428
|
(selector) => {
|
|
74356
74429
|
if (!(value == null ? void 0 : value.data)) {
|
|
74357
74430
|
return;
|
|
@@ -74376,8 +74449,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74376
74449
|
},
|
|
74377
74450
|
[value, setPathData]
|
|
74378
74451
|
);
|
|
74379
|
-
const [zoneWillDrag, setZoneWillDrag] = (0,
|
|
74380
|
-
return /* @__PURE__ */ (0,
|
|
74452
|
+
const [zoneWillDrag, setZoneWillDrag] = (0, import_react16.useState)("");
|
|
74453
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: value && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
74381
74454
|
dropZoneContext2.Provider,
|
|
74382
74455
|
{
|
|
74383
74456
|
value: __spreadValues2({
|
|
@@ -74401,12 +74474,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74401
74474
|
}
|
|
74402
74475
|
) });
|
|
74403
74476
|
};
|
|
74404
|
-
var
|
|
74405
|
-
var
|
|
74477
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
74478
|
+
var getClassName18 = get_class_name_factory_default2("DropZone", styles_module_default12);
|
|
74406
74479
|
function DropZoneEdit({ zone, allow, disallow, style: style2 }) {
|
|
74407
74480
|
var _a3;
|
|
74408
74481
|
const appContext22 = useAppContext2();
|
|
74409
|
-
const ctx = (0,
|
|
74482
|
+
const ctx = (0, import_react17.useContext)(dropZoneContext2);
|
|
74410
74483
|
const {
|
|
74411
74484
|
// These all need setting via context
|
|
74412
74485
|
data,
|
|
@@ -74425,12 +74498,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74425
74498
|
} = ctx || {};
|
|
74426
74499
|
let content = data.content || [];
|
|
74427
74500
|
let zoneCompound = rootDroppableId2;
|
|
74428
|
-
(0,
|
|
74501
|
+
(0, import_react17.useEffect)(() => {
|
|
74429
74502
|
if (areaId && registerZoneArea) {
|
|
74430
74503
|
registerZoneArea(areaId);
|
|
74431
74504
|
}
|
|
74432
74505
|
}, [areaId]);
|
|
74433
|
-
(0,
|
|
74506
|
+
(0, import_react17.useEffect)(() => {
|
|
74434
74507
|
if (ctx == null ? void 0 : ctx.registerZone) {
|
|
74435
74508
|
ctx == null ? void 0 : ctx.registerZone(zoneCompound);
|
|
74436
74509
|
}
|
|
@@ -74456,7 +74529,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74456
74529
|
const draggingOverArea = userIsDragging && zoneArea === draggedSourceArea;
|
|
74457
74530
|
const draggingNewComponent = draggedSourceId == null ? void 0 : draggedSourceId.startsWith("component-list");
|
|
74458
74531
|
if (!(ctx == null ? void 0 : ctx.config) || !ctx.setHoveringArea || !ctx.setHoveringZone || !ctx.setHoveringComponent || !ctx.setItemSelector || !ctx.registerPath || !ctx.dispatch) {
|
|
74459
|
-
return /* @__PURE__ */ (0,
|
|
74532
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: "DropZone requires context to work." });
|
|
74460
74533
|
}
|
|
74461
74534
|
const {
|
|
74462
74535
|
hoveringArea = "root",
|
|
@@ -74497,10 +74570,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74497
74570
|
}
|
|
74498
74571
|
const selectedItem = itemSelector ? getItem2(itemSelector, data) : null;
|
|
74499
74572
|
const isAreaSelected = selectedItem && zoneArea === selectedItem.props.id;
|
|
74500
|
-
return /* @__PURE__ */ (0,
|
|
74573
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74501
74574
|
"div",
|
|
74502
74575
|
{
|
|
74503
|
-
className:
|
|
74576
|
+
className: getClassName18({
|
|
74504
74577
|
isRootZone,
|
|
74505
74578
|
userIsDragging,
|
|
74506
74579
|
draggingOverArea,
|
|
@@ -74514,17 +74587,17 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74514
74587
|
onMouseUp: () => {
|
|
74515
74588
|
setZoneWillDrag("");
|
|
74516
74589
|
},
|
|
74517
|
-
children: /* @__PURE__ */ (0,
|
|
74590
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74518
74591
|
Droppable2,
|
|
74519
74592
|
{
|
|
74520
74593
|
droppableId: zoneCompound,
|
|
74521
74594
|
direction: "vertical",
|
|
74522
74595
|
isDropDisabled: !isEnabled,
|
|
74523
74596
|
children: (provided, snapshot) => {
|
|
74524
|
-
return /* @__PURE__ */ (0,
|
|
74597
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
74525
74598
|
"div",
|
|
74526
74599
|
__spreadProps2(__spreadValues2({}, (provided || { droppableProps: {} }).droppableProps), {
|
|
74527
|
-
className:
|
|
74600
|
+
className: getClassName18("content"),
|
|
74528
74601
|
ref: provided == null ? void 0 : provided.innerRef,
|
|
74529
74602
|
style: style2,
|
|
74530
74603
|
id: zoneCompound,
|
|
@@ -74551,25 +74624,25 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74551
74624
|
"draggable-"
|
|
74552
74625
|
)[1] === componentId;
|
|
74553
74626
|
const containsZone = areasWithZones ? areasWithZones[componentId] : false;
|
|
74554
|
-
const Render2 = config.components[item.type] ? config.components[item.type].render : () => /* @__PURE__ */ (0,
|
|
74627
|
+
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
74628
|
"No configuration for ",
|
|
74556
74629
|
item.type
|
|
74557
74630
|
] });
|
|
74558
74631
|
const componentConfig = config.components[item.type];
|
|
74559
74632
|
const label = (_b2 = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _b2 : item.type.toString();
|
|
74560
|
-
return /* @__PURE__ */ (0,
|
|
74633
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
74561
74634
|
"div",
|
|
74562
74635
|
{
|
|
74563
|
-
className:
|
|
74636
|
+
className: getClassName18("item"),
|
|
74564
74637
|
style: { zIndex: isDragging2 ? 1 : void 0 },
|
|
74565
74638
|
children: [
|
|
74566
|
-
/* @__PURE__ */ (0,
|
|
74639
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74567
74640
|
DropZoneProvider,
|
|
74568
74641
|
{
|
|
74569
74642
|
value: __spreadProps2(__spreadValues2({}, ctx), {
|
|
74570
74643
|
areaId: componentId
|
|
74571
74644
|
}),
|
|
74572
|
-
children: /* @__PURE__ */ (0,
|
|
74645
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74573
74646
|
DraggableComponent,
|
|
74574
74647
|
{
|
|
74575
74648
|
label,
|
|
@@ -74636,15 +74709,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74636
74709
|
style: {
|
|
74637
74710
|
pointerEvents: userIsDragging && draggingNewComponent ? "all" : void 0
|
|
74638
74711
|
},
|
|
74639
|
-
children: /* @__PURE__ */ (0,
|
|
74712
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: getClassName18("renderWrapper"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Render2, __spreadValues2({}, defaultedProps)) })
|
|
74640
74713
|
}
|
|
74641
74714
|
)
|
|
74642
74715
|
}
|
|
74643
74716
|
),
|
|
74644
|
-
userIsDragging && /* @__PURE__ */ (0,
|
|
74717
|
+
userIsDragging && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74645
74718
|
"div",
|
|
74646
74719
|
{
|
|
74647
|
-
className:
|
|
74720
|
+
className: getClassName18("hitbox"),
|
|
74648
74721
|
onMouseOver: (e2) => {
|
|
74649
74722
|
e2.stopPropagation();
|
|
74650
74723
|
setHoveringArea(zoneArea);
|
|
@@ -74658,7 +74731,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74658
74731
|
);
|
|
74659
74732
|
}),
|
|
74660
74733
|
provided == null ? void 0 : provided.placeholder,
|
|
74661
|
-
(snapshot == null ? void 0 : snapshot.isDraggingOver) && /* @__PURE__ */ (0,
|
|
74734
|
+
(snapshot == null ? void 0 : snapshot.isDraggingOver) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74662
74735
|
"div",
|
|
74663
74736
|
{
|
|
74664
74737
|
"data-puck-placeholder": true,
|
|
@@ -74679,7 +74752,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74679
74752
|
);
|
|
74680
74753
|
}
|
|
74681
74754
|
function DropZoneRender({ zone }) {
|
|
74682
|
-
const ctx = (0,
|
|
74755
|
+
const ctx = (0, import_react17.useContext)(dropZoneContext2);
|
|
74683
74756
|
const { data, areaId = "root", config } = ctx || {};
|
|
74684
74757
|
let zoneCompound = rootDroppableId2;
|
|
74685
74758
|
let content = (data == null ? void 0 : data.content) || [];
|
|
@@ -74690,14 +74763,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74690
74763
|
zoneCompound = `${areaId}:${zone}`;
|
|
74691
74764
|
content = setupZone2(data, zoneCompound).zones[zoneCompound];
|
|
74692
74765
|
}
|
|
74693
|
-
return /* @__PURE__ */ (0,
|
|
74766
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: content.map((item) => {
|
|
74694
74767
|
const Component = config.components[item.type];
|
|
74695
74768
|
if (Component) {
|
|
74696
|
-
return /* @__PURE__ */ (0,
|
|
74769
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74697
74770
|
DropZoneProvider,
|
|
74698
74771
|
{
|
|
74699
74772
|
value: { data, config, areaId: item.props.id },
|
|
74700
|
-
children: /* @__PURE__ */ (0,
|
|
74773
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
74701
74774
|
Component.render,
|
|
74702
74775
|
__spreadProps2(__spreadValues2({}, item.props), {
|
|
74703
74776
|
puck: { renderDropZone: DropZone }
|
|
@@ -74711,16 +74784,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74711
74784
|
}) });
|
|
74712
74785
|
}
|
|
74713
74786
|
function DropZone(props) {
|
|
74714
|
-
const ctx = (0,
|
|
74787
|
+
const ctx = (0, import_react17.useContext)(dropZoneContext2);
|
|
74715
74788
|
if ((ctx == null ? void 0 : ctx.mode) === "edit") {
|
|
74716
|
-
return /* @__PURE__ */ (0,
|
|
74789
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropZoneEdit, __spreadValues2({}, props));
|
|
74717
74790
|
}
|
|
74718
|
-
return /* @__PURE__ */ (0,
|
|
74791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropZoneRender, __spreadValues2({}, props));
|
|
74719
74792
|
}
|
|
74720
74793
|
init_react_import2();
|
|
74721
|
-
var
|
|
74794
|
+
var import_react31 = require("react");
|
|
74722
74795
|
init_react_import2();
|
|
74723
|
-
var
|
|
74796
|
+
var import_react18 = require("react");
|
|
74724
74797
|
init_react_import2();
|
|
74725
74798
|
var getFrame3 = () => {
|
|
74726
74799
|
let frame = document.querySelector("#preview-frame");
|
|
@@ -74731,7 +74804,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74731
74804
|
};
|
|
74732
74805
|
var usePlaceholderStyle = () => {
|
|
74733
74806
|
const queryAttr = "data-rfd-drag-handle-draggable-id";
|
|
74734
|
-
const [placeholderStyle, setPlaceholderStyle] = (0,
|
|
74807
|
+
const [placeholderStyle, setPlaceholderStyle] = (0, import_react18.useState)();
|
|
74735
74808
|
const onDragStartOrUpdate = (draggedItem) => {
|
|
74736
74809
|
var _a3;
|
|
74737
74810
|
const draggableId = draggedItem.draggableId;
|
|
@@ -74776,9 +74849,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74776
74849
|
};
|
|
74777
74850
|
init_react_import2();
|
|
74778
74851
|
init_react_import2();
|
|
74779
|
-
var
|
|
74852
|
+
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
74853
|
init_react_import2();
|
|
74781
|
-
var
|
|
74854
|
+
var import_react19 = require("react");
|
|
74782
74855
|
var convertPathDataToBreadcrumbs2 = (selectedItem, pathData, data) => {
|
|
74783
74856
|
const id = selectedItem ? selectedItem == null ? void 0 : selectedItem.props.id : "";
|
|
74784
74857
|
const currentPathData = pathData && id && pathData[id] ? __spreadValues2({}, pathData[id]) : { label: "Page", path: [] };
|
|
@@ -74828,8 +74901,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74828
74901
|
state: { data },
|
|
74829
74902
|
selectedItem
|
|
74830
74903
|
} = useAppContext2();
|
|
74831
|
-
const dzContext = (0,
|
|
74832
|
-
return (0,
|
|
74904
|
+
const dzContext = (0, import_react19.useContext)(dropZoneContext2);
|
|
74905
|
+
return (0, import_react19.useMemo)(() => {
|
|
74833
74906
|
const breadcrumbs = convertPathDataToBreadcrumbs2(
|
|
74834
74907
|
selectedItem,
|
|
74835
74908
|
dzContext == null ? void 0 : dzContext.pathData,
|
|
@@ -74841,8 +74914,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74841
74914
|
return breadcrumbs;
|
|
74842
74915
|
}, [selectedItem, dzContext == null ? void 0 : dzContext.pathData, renderCount]);
|
|
74843
74916
|
};
|
|
74844
|
-
var
|
|
74845
|
-
var
|
|
74917
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
74918
|
+
var getClassName19 = get_class_name_factory_default2("SidebarSection", styles_module_default13);
|
|
74846
74919
|
var SidebarSection2 = ({
|
|
74847
74920
|
children,
|
|
74848
74921
|
title,
|
|
@@ -74854,28 +74927,28 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
74854
74927
|
}) => {
|
|
74855
74928
|
const { setUi } = useAppContext2();
|
|
74856
74929
|
const breadcrumbs = useBreadcrumbs2(1);
|
|
74857
|
-
return /* @__PURE__ */ (0,
|
|
74930
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
74858
74931
|
"div",
|
|
74859
74932
|
{
|
|
74860
|
-
className:
|
|
74933
|
+
className: getClassName19({ noBorderTop, noPadding }),
|
|
74861
74934
|
style: { background },
|
|
74862
74935
|
children: [
|
|
74863
|
-
/* @__PURE__ */ (0,
|
|
74864
|
-
showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0,
|
|
74865
|
-
/* @__PURE__ */ (0,
|
|
74936
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("title"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: getClassName19("breadcrumbs"), children: [
|
|
74937
|
+
showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: getClassName19("breadcrumb"), children: [
|
|
74938
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
74866
74939
|
"button",
|
|
74867
74940
|
{
|
|
74868
|
-
className:
|
|
74941
|
+
className: getClassName19("breadcrumbLabel"),
|
|
74869
74942
|
onClick: () => setUi({ itemSelector: breadcrumb.selector }),
|
|
74870
74943
|
children: breadcrumb.label
|
|
74871
74944
|
}
|
|
74872
74945
|
),
|
|
74873
|
-
/* @__PURE__ */ (0,
|
|
74946
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronRight2, { size: 16 })
|
|
74874
74947
|
] }, i2)) : null,
|
|
74875
|
-
/* @__PURE__ */ (0,
|
|
74948
|
+
/* @__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
74949
|
] }) }),
|
|
74877
|
-
/* @__PURE__ */ (0,
|
|
74878
|
-
isLoading && /* @__PURE__ */ (0,
|
|
74950
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("content"), children }),
|
|
74951
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: getClassName19("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Loader2, { size: 32 }) })
|
|
74879
74952
|
]
|
|
74880
74953
|
}
|
|
74881
74954
|
);
|
|
@@ -75222,7 +75295,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75222
75295
|
return appState;
|
|
75223
75296
|
};
|
|
75224
75297
|
init_react_import2();
|
|
75225
|
-
var
|
|
75298
|
+
var import_react20 = require("react");
|
|
75226
75299
|
init_react_import2();
|
|
75227
75300
|
init_react_import2();
|
|
75228
75301
|
var getChanged = (newItem, oldItem) => {
|
|
@@ -75319,13 +75392,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75319
75392
|
return data.root;
|
|
75320
75393
|
});
|
|
75321
75394
|
var useResolvedData = (appState, config, dispatch) => {
|
|
75322
|
-
const [{ resolverKey, newAppState }, setResolverState] = (0,
|
|
75395
|
+
const [{ resolverKey, newAppState }, setResolverState] = (0, import_react20.useState)({
|
|
75323
75396
|
resolverKey: 0,
|
|
75324
75397
|
newAppState: appState
|
|
75325
75398
|
});
|
|
75326
|
-
const [componentState, setComponentState] = (0,
|
|
75399
|
+
const [componentState, setComponentState] = (0, import_react20.useState)({});
|
|
75327
75400
|
const deferredSetStates = {};
|
|
75328
|
-
const setComponentLoading = (0,
|
|
75401
|
+
const setComponentLoading = (0, import_react20.useCallback)(
|
|
75329
75402
|
(id, loading, defer2 = 0) => {
|
|
75330
75403
|
if (deferredSetStates[id]) {
|
|
75331
75404
|
clearTimeout(deferredSetStates[id]);
|
|
@@ -75395,10 +75468,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75395
75468
|
});
|
|
75396
75469
|
yield Promise.all(promises);
|
|
75397
75470
|
});
|
|
75398
|
-
(0,
|
|
75471
|
+
(0, import_react20.useEffect)(() => {
|
|
75399
75472
|
runResolvers();
|
|
75400
75473
|
}, [resolverKey]);
|
|
75401
|
-
const resolveData = (0,
|
|
75474
|
+
const resolveData = (0, import_react20.useCallback)((newAppState2 = appState) => {
|
|
75402
75475
|
setResolverState((curr) => ({
|
|
75403
75476
|
resolverKey: curr.resolverKey + 1,
|
|
75404
75477
|
newAppState: newAppState2
|
|
@@ -75411,9 +75484,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75411
75484
|
};
|
|
75412
75485
|
init_react_import2();
|
|
75413
75486
|
init_react_import2();
|
|
75414
|
-
var
|
|
75415
|
-
var
|
|
75416
|
-
var
|
|
75487
|
+
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" };
|
|
75488
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
75489
|
+
var getClassName20 = get_class_name_factory_default2("MenuBar", styles_module_default14);
|
|
75417
75490
|
var MenuBar = ({
|
|
75418
75491
|
appState,
|
|
75419
75492
|
data = { content: [], root: {} },
|
|
@@ -75427,10 +75500,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75427
75500
|
history: { back, forward, historyStore }
|
|
75428
75501
|
} = useAppContext2();
|
|
75429
75502
|
const { hasFuture = false, hasPast = false } = historyStore || {};
|
|
75430
|
-
return /* @__PURE__ */ (0,
|
|
75503
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
75431
75504
|
"div",
|
|
75432
75505
|
{
|
|
75433
|
-
className:
|
|
75506
|
+
className: getClassName20({ menuOpen }),
|
|
75434
75507
|
onClick: (event) => {
|
|
75435
75508
|
var _a3;
|
|
75436
75509
|
const element = event.target;
|
|
@@ -75441,12 +75514,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75441
75514
|
setMenuOpen(false);
|
|
75442
75515
|
}
|
|
75443
75516
|
},
|
|
75444
|
-
children: /* @__PURE__ */ (0,
|
|
75445
|
-
/* @__PURE__ */ (0,
|
|
75446
|
-
/* @__PURE__ */ (0,
|
|
75447
|
-
/* @__PURE__ */ (0,
|
|
75517
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassName20("inner"), children: [
|
|
75518
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassName20("history"), children: [
|
|
75519
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { title: "undo", disabled: !hasPast, onClick: back, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Undo2, { size: 21 }) }),
|
|
75520
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { title: "redo", disabled: !hasFuture, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Redo2, { size: 21 }) })
|
|
75448
75521
|
] }),
|
|
75449
|
-
/* @__PURE__ */ (0,
|
|
75522
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: renderHeaderActions && renderHeaderActions({
|
|
75450
75523
|
state: appState,
|
|
75451
75524
|
dispatch
|
|
75452
75525
|
}) })
|
|
@@ -75455,20 +75528,20 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75455
75528
|
);
|
|
75456
75529
|
};
|
|
75457
75530
|
init_react_import2();
|
|
75458
|
-
var
|
|
75531
|
+
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
75532
|
init_react_import2();
|
|
75460
75533
|
init_react_import2();
|
|
75461
|
-
var
|
|
75462
|
-
var
|
|
75463
|
-
var
|
|
75464
|
-
var
|
|
75534
|
+
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" };
|
|
75535
|
+
var import_react21 = require("react");
|
|
75536
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
75537
|
+
var getClassName21 = get_class_name_factory_default2("PuckFields", styles_module_default16);
|
|
75465
75538
|
var defaultPageFields = {
|
|
75466
75539
|
title: { type: "text" }
|
|
75467
75540
|
};
|
|
75468
75541
|
var DefaultFields = ({
|
|
75469
75542
|
children
|
|
75470
75543
|
}) => {
|
|
75471
|
-
return /* @__PURE__ */ (0,
|
|
75544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children });
|
|
75472
75545
|
};
|
|
75473
75546
|
var useResolvedFields = () => {
|
|
75474
75547
|
var _a3;
|
|
@@ -75478,14 +75551,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75478
75551
|
const componentConfig = selectedItem ? config.components[selectedItem.type] : null;
|
|
75479
75552
|
const defaultFields = selectedItem ? componentConfig == null ? void 0 : componentConfig.fields : rootFields;
|
|
75480
75553
|
const rootProps = data.root.props || data.root;
|
|
75481
|
-
const [lastSelectedData, setLastSelectedData] = (0,
|
|
75554
|
+
const [lastSelectedData, setLastSelectedData] = (0, import_react21.useState)(
|
|
75482
75555
|
{}
|
|
75483
75556
|
);
|
|
75484
|
-
const [resolvedFields, setResolvedFields] = (0,
|
|
75485
|
-
const [fieldsLoading, setFieldsLoading] = (0,
|
|
75557
|
+
const [resolvedFields, setResolvedFields] = (0, import_react21.useState)(defaultFields || {});
|
|
75558
|
+
const [fieldsLoading, setFieldsLoading] = (0, import_react21.useState)(false);
|
|
75486
75559
|
const defaultResolveFields = (_componentData, _params) => defaultFields;
|
|
75487
75560
|
const componentData = selectedItem ? selectedItem : { props: rootProps, readOnly: data.root.readOnly };
|
|
75488
|
-
const resolveFields = (0,
|
|
75561
|
+
const resolveFields = (0, import_react21.useCallback)(
|
|
75489
75562
|
(..._0) => __async2(void 0, [..._0], function* (fields = {}) {
|
|
75490
75563
|
var _a22, _b2, _c;
|
|
75491
75564
|
const lastData = ((_a22 = lastSelectedData.props) == null ? void 0 : _a22.id) === componentData.props.id ? lastSelectedData : {};
|
|
@@ -75521,7 +75594,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75521
75594
|
}),
|
|
75522
75595
|
[data, config, componentData, selectedItem, resolvedFields, state]
|
|
75523
75596
|
);
|
|
75524
|
-
(0,
|
|
75597
|
+
(0, import_react21.useEffect)(() => {
|
|
75525
75598
|
setFieldsLoading(true);
|
|
75526
75599
|
resolveFields(defaultFields).then((fields) => {
|
|
75527
75600
|
setResolvedFields(fields || {});
|
|
@@ -75547,16 +75620,16 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75547
75620
|
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
75621
|
const isLoading = fieldsResolving || componentResolving;
|
|
75549
75622
|
const rootProps = data.root.props || data.root;
|
|
75550
|
-
const Wrapper = (0,
|
|
75551
|
-
return /* @__PURE__ */ (0,
|
|
75623
|
+
const Wrapper = (0, import_react21.useMemo)(() => overrides.fields || DefaultFields, [overrides]);
|
|
75624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
75552
75625
|
"form",
|
|
75553
75626
|
{
|
|
75554
|
-
className:
|
|
75627
|
+
className: getClassName21(),
|
|
75555
75628
|
onSubmit: (e2) => {
|
|
75556
75629
|
e2.preventDefault();
|
|
75557
75630
|
},
|
|
75558
75631
|
children: [
|
|
75559
|
-
/* @__PURE__ */ (0,
|
|
75632
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Wrapper, { isLoading, itemSelector, children: Object.keys(fields).map((fieldName) => {
|
|
75560
75633
|
const field = fields[fieldName];
|
|
75561
75634
|
if (!(field == null ? void 0 : field.type)) return null;
|
|
75562
75635
|
const onChange = (value, updatedUi) => {
|
|
@@ -75623,7 +75696,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75623
75696
|
};
|
|
75624
75697
|
if (selectedItem && itemSelector) {
|
|
75625
75698
|
const { readOnly = {} } = selectedItem;
|
|
75626
|
-
return /* @__PURE__ */ (0,
|
|
75699
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
75627
75700
|
AutoFieldPrivate,
|
|
75628
75701
|
{
|
|
75629
75702
|
field,
|
|
@@ -75637,7 +75710,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75637
75710
|
);
|
|
75638
75711
|
} else {
|
|
75639
75712
|
const { readOnly = {} } = data.root;
|
|
75640
|
-
return /* @__PURE__ */ (0,
|
|
75713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
75641
75714
|
AutoFieldPrivate,
|
|
75642
75715
|
{
|
|
75643
75716
|
field,
|
|
@@ -75651,26 +75724,26 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75651
75724
|
);
|
|
75652
75725
|
}
|
|
75653
75726
|
}) }),
|
|
75654
|
-
isLoading && /* @__PURE__ */ (0,
|
|
75727
|
+
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
75728
|
]
|
|
75656
75729
|
}
|
|
75657
75730
|
);
|
|
75658
75731
|
};
|
|
75659
75732
|
init_react_import2();
|
|
75660
75733
|
init_react_import2();
|
|
75661
|
-
var
|
|
75734
|
+
var import_react222 = require("react");
|
|
75662
75735
|
init_react_import2();
|
|
75663
75736
|
init_react_import2();
|
|
75664
|
-
var
|
|
75665
|
-
var
|
|
75666
|
-
var
|
|
75737
|
+
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" };
|
|
75738
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
75739
|
+
var getClassName222 = get_class_name_factory_default2("ComponentList", styles_module_default17);
|
|
75667
75740
|
var ComponentListItem = ({
|
|
75668
75741
|
name,
|
|
75669
75742
|
label,
|
|
75670
75743
|
index
|
|
75671
75744
|
}) => {
|
|
75672
75745
|
const { overrides } = useAppContext2();
|
|
75673
|
-
return /* @__PURE__ */ (0,
|
|
75746
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Drawer.Item, { label, name, index, children: overrides.componentItem });
|
|
75674
75747
|
};
|
|
75675
75748
|
var ComponentList = ({
|
|
75676
75749
|
children,
|
|
@@ -75679,11 +75752,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75679
75752
|
}) => {
|
|
75680
75753
|
const { config, state, setUi } = useAppContext2();
|
|
75681
75754
|
const { expanded = true } = state.ui.componentList[id] || {};
|
|
75682
|
-
return /* @__PURE__ */ (0,
|
|
75683
|
-
title && /* @__PURE__ */ (0,
|
|
75755
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: getClassName222({ isExpanded: expanded }), children: [
|
|
75756
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
75684
75757
|
"button",
|
|
75685
75758
|
{
|
|
75686
|
-
className:
|
|
75759
|
+
className: getClassName222("title"),
|
|
75687
75760
|
onClick: () => setUi({
|
|
75688
75761
|
componentList: __spreadProps2(__spreadValues2({}, state.ui.componentList), {
|
|
75689
75762
|
[id]: __spreadProps2(__spreadValues2({}, state.ui.componentList[id]), {
|
|
@@ -75693,14 +75766,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75693
75766
|
}),
|
|
75694
75767
|
title: expanded ? `Collapse${title ? ` ${title}` : ""}` : `Expand${title ? ` ${title}` : ""}`,
|
|
75695
75768
|
children: [
|
|
75696
|
-
/* @__PURE__ */ (0,
|
|
75697
|
-
/* @__PURE__ */ (0,
|
|
75769
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: title }),
|
|
75770
|
+
/* @__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
75771
|
]
|
|
75699
75772
|
}
|
|
75700
75773
|
),
|
|
75701
|
-
/* @__PURE__ */ (0,
|
|
75774
|
+
/* @__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
75775
|
var _a3;
|
|
75703
|
-
return /* @__PURE__ */ (0,
|
|
75776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
75704
75777
|
ComponentListItem,
|
|
75705
75778
|
{
|
|
75706
75779
|
label: (_a3 = config.components[componentKey]["label"]) != null ? _a3 : componentKey,
|
|
@@ -75713,10 +75786,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75713
75786
|
] });
|
|
75714
75787
|
};
|
|
75715
75788
|
ComponentList.Item = ComponentListItem;
|
|
75716
|
-
var
|
|
75789
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
75717
75790
|
var useComponentList = (config, ui) => {
|
|
75718
|
-
const [componentList, setComponentList] = (0,
|
|
75719
|
-
(0,
|
|
75791
|
+
const [componentList, setComponentList] = (0, import_react222.useState)();
|
|
75792
|
+
(0, import_react222.useEffect)(() => {
|
|
75720
75793
|
var _a3, _b2, _c;
|
|
75721
75794
|
if (Object.keys(ui.componentList).length > 0) {
|
|
75722
75795
|
const matchedComponents = [];
|
|
@@ -75726,7 +75799,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75726
75799
|
if (category.visible === false || !category.components) {
|
|
75727
75800
|
return null;
|
|
75728
75801
|
}
|
|
75729
|
-
return /* @__PURE__ */ (0,
|
|
75802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75730
75803
|
ComponentList,
|
|
75731
75804
|
{
|
|
75732
75805
|
id: categoryKey,
|
|
@@ -75735,7 +75808,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75735
75808
|
var _a22;
|
|
75736
75809
|
matchedComponents.push(componentName);
|
|
75737
75810
|
const componentConf = config.components[componentName] || {};
|
|
75738
|
-
return /* @__PURE__ */ (0,
|
|
75811
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75739
75812
|
ComponentList.Item,
|
|
75740
75813
|
{
|
|
75741
75814
|
label: (_a22 = componentConf["label"]) != null ? _a22 : componentName,
|
|
@@ -75755,7 +75828,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75755
75828
|
);
|
|
75756
75829
|
if (remainingComponents.length > 0 && !((_a3 = ui.componentList.other) == null ? void 0 : _a3.components) && ((_b2 = ui.componentList.other) == null ? void 0 : _b2.visible) !== false) {
|
|
75757
75830
|
_componentList.push(
|
|
75758
|
-
/* @__PURE__ */ (0,
|
|
75831
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75759
75832
|
ComponentList,
|
|
75760
75833
|
{
|
|
75761
75834
|
id: "other",
|
|
@@ -75763,7 +75836,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75763
75836
|
children: remainingComponents.map((componentName, i2) => {
|
|
75764
75837
|
var _a22;
|
|
75765
75838
|
const componentConf = config.components[componentName] || {};
|
|
75766
|
-
return /* @__PURE__ */ (0,
|
|
75839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
75767
75840
|
ComponentList.Item,
|
|
75768
75841
|
{
|
|
75769
75842
|
name: componentName,
|
|
@@ -75783,21 +75856,21 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75783
75856
|
}, [config.categories, config.components, ui.componentList]);
|
|
75784
75857
|
return componentList;
|
|
75785
75858
|
};
|
|
75786
|
-
var
|
|
75787
|
-
var
|
|
75859
|
+
var import_react23 = require("react");
|
|
75860
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
75788
75861
|
var Components = () => {
|
|
75789
75862
|
const { config, state, overrides } = useAppContext2();
|
|
75790
75863
|
const componentList = useComponentList(config, state.ui);
|
|
75791
|
-
const Wrapper = (0,
|
|
75792
|
-
return /* @__PURE__ */ (0,
|
|
75864
|
+
const Wrapper = (0, import_react23.useMemo)(() => overrides.components || "div", [overrides]);
|
|
75865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Wrapper, { children: componentList ? componentList : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ComponentList, { id: "all" }) });
|
|
75793
75866
|
};
|
|
75794
75867
|
init_react_import2();
|
|
75795
|
-
var
|
|
75868
|
+
var import_react25 = require("react");
|
|
75796
75869
|
init_react_import2();
|
|
75797
|
-
var
|
|
75870
|
+
var import_react24 = __toESM2(require("react"));
|
|
75798
75871
|
var import_react_frame_component = __toESM2(require_lib());
|
|
75799
75872
|
var import_object_hash = __toESM2(require_object_hash());
|
|
75800
|
-
var
|
|
75873
|
+
var import_jsx_runtime322 = require("react/jsx-runtime");
|
|
75801
75874
|
var styleSelector = 'style, link[rel="stylesheet"]';
|
|
75802
75875
|
var collectStyles = (doc) => {
|
|
75803
75876
|
const collected = [];
|
|
@@ -75840,7 +75913,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75840
75913
|
onStylesLoaded = () => null
|
|
75841
75914
|
}) => {
|
|
75842
75915
|
const { document: doc, window: win } = (0, import_react_frame_component.useFrame)();
|
|
75843
|
-
(0,
|
|
75916
|
+
(0, import_react24.useEffect)(() => {
|
|
75844
75917
|
if (!win || !doc) {
|
|
75845
75918
|
return () => {
|
|
75846
75919
|
};
|
|
@@ -75997,23 +76070,23 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
75997
76070
|
observer.disconnect();
|
|
75998
76071
|
};
|
|
75999
76072
|
}, []);
|
|
76000
|
-
return /* @__PURE__ */ (0,
|
|
76073
|
+
return /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(import_jsx_runtime322.Fragment, { children });
|
|
76001
76074
|
};
|
|
76002
|
-
var AutoFrameComponent =
|
|
76075
|
+
var AutoFrameComponent = import_react24.default.forwardRef(
|
|
76003
76076
|
function(_a3, ref2) {
|
|
76004
76077
|
var _b2 = _a3, { children, debug, onStylesLoaded } = _b2, props = __objRest2(_b2, ["children", "debug", "onStylesLoaded"]);
|
|
76005
|
-
return /* @__PURE__ */ (0,
|
|
76078
|
+
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
76079
|
}
|
|
76007
76080
|
);
|
|
76008
76081
|
AutoFrameComponent.displayName = "AutoFrameComponent";
|
|
76009
76082
|
var AutoFrame_default = AutoFrameComponent;
|
|
76010
76083
|
init_react_import2();
|
|
76011
|
-
var
|
|
76012
|
-
var
|
|
76013
|
-
var
|
|
76084
|
+
var styles_module_default18 = { "PuckPreview": "_PuckPreview_rxwlr_1", "PuckPreview-frame": "_PuckPreview-frame_rxwlr_5" };
|
|
76085
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
76086
|
+
var getClassName23 = get_class_name_factory_default2("PuckPreview", styles_module_default18);
|
|
76014
76087
|
var Preview = ({ id = "puck-preview" }) => {
|
|
76015
76088
|
const { config, dispatch, state, setStatus, iframe } = useAppContext2();
|
|
76016
|
-
const Page = (0,
|
|
76089
|
+
const Page = (0, import_react25.useCallback)(
|
|
76017
76090
|
(pageProps) => {
|
|
76018
76091
|
var _a3, _b2;
|
|
76019
76092
|
return ((_a3 = config.root) == null ? void 0 : _a3.render) ? (_b2 = config.root) == null ? void 0 : _b2.render(__spreadProps2(__spreadValues2({
|
|
@@ -76022,33 +76095,33 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76022
76095
|
editMode: true,
|
|
76023
76096
|
// DEPRECATED
|
|
76024
76097
|
puck: { renderDropZone: DropZone, isEditing: true }
|
|
76025
|
-
})) : /* @__PURE__ */ (0,
|
|
76098
|
+
})) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: pageProps.children });
|
|
76026
76099
|
},
|
|
76027
76100
|
[config.root]
|
|
76028
76101
|
);
|
|
76029
76102
|
const rootProps = state.data.root.props || state.data.root;
|
|
76030
|
-
const ref2 = (0,
|
|
76031
|
-
return /* @__PURE__ */ (0,
|
|
76103
|
+
const ref2 = (0, import_react25.useRef)(null);
|
|
76104
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
76032
76105
|
"div",
|
|
76033
76106
|
{
|
|
76034
|
-
className:
|
|
76107
|
+
className: getClassName23(),
|
|
76035
76108
|
id,
|
|
76036
76109
|
onClick: () => {
|
|
76037
76110
|
dispatch({ type: "setUi", ui: __spreadProps2(__spreadValues2({}, state.ui), { itemSelector: null }) });
|
|
76038
76111
|
},
|
|
76039
|
-
children: iframe.enabled ? /* @__PURE__ */ (0,
|
|
76112
|
+
children: iframe.enabled ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
76040
76113
|
AutoFrame_default,
|
|
76041
76114
|
{
|
|
76042
76115
|
id: "preview-frame",
|
|
76043
|
-
className:
|
|
76116
|
+
className: getClassName23("frame"),
|
|
76044
76117
|
"data-rfd-iframe": true,
|
|
76045
76118
|
ref: ref2,
|
|
76046
76119
|
onStylesLoaded: () => {
|
|
76047
76120
|
setStatus("READY");
|
|
76048
76121
|
},
|
|
76049
|
-
children: /* @__PURE__ */ (0,
|
|
76122
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Page, __spreadProps2(__spreadValues2({ dispatch, state }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropZone, { zone: rootDroppableId2 }) }))
|
|
76050
76123
|
}
|
|
76051
|
-
) : /* @__PURE__ */ (0,
|
|
76124
|
+
) : /* @__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
76125
|
}
|
|
76053
76126
|
);
|
|
76054
76127
|
};
|
|
@@ -76070,7 +76143,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76070
76143
|
};
|
|
76071
76144
|
init_react_import2();
|
|
76072
76145
|
init_react_import2();
|
|
76073
|
-
var
|
|
76146
|
+
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
76147
|
init_react_import2();
|
|
76075
76148
|
var scrollIntoView2 = (el) => {
|
|
76076
76149
|
const oldStyle = __spreadValues2({}, el.style);
|
|
@@ -76080,7 +76153,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76080
76153
|
el.style.scrollMargin = oldStyle.scrollMargin || "";
|
|
76081
76154
|
}
|
|
76082
76155
|
};
|
|
76083
|
-
var
|
|
76156
|
+
var import_react26 = require("react");
|
|
76084
76157
|
init_react_import2();
|
|
76085
76158
|
var isChildOfZone = (item, maybeChild, ctx) => {
|
|
76086
76159
|
var _a3;
|
|
@@ -76090,9 +76163,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76090
76163
|
return area === item.props.id;
|
|
76091
76164
|
})) : false;
|
|
76092
76165
|
};
|
|
76093
|
-
var
|
|
76094
|
-
var
|
|
76095
|
-
var getClassNameLayer = get_class_name_factory_default2("Layer",
|
|
76166
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
76167
|
+
var getClassName24 = get_class_name_factory_default2("LayerTree", styles_module_default19);
|
|
76168
|
+
var getClassNameLayer = get_class_name_factory_default2("Layer", styles_module_default19);
|
|
76096
76169
|
var LayerTree = ({
|
|
76097
76170
|
data,
|
|
76098
76171
|
config,
|
|
@@ -76103,15 +76176,15 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76103
76176
|
label
|
|
76104
76177
|
}) => {
|
|
76105
76178
|
const zones = data.zones || {};
|
|
76106
|
-
const ctx = (0,
|
|
76107
|
-
return /* @__PURE__ */ (0,
|
|
76108
|
-
label && /* @__PURE__ */ (0,
|
|
76109
|
-
/* @__PURE__ */ (0,
|
|
76179
|
+
const ctx = (0, import_react26.useContext)(dropZoneContext2);
|
|
76180
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
|
|
76181
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: getClassName24("zoneTitle"), children: [
|
|
76182
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassName24("zoneIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Layers, { size: "16" }) }),
|
|
76110
76183
|
" ",
|
|
76111
76184
|
label
|
|
76112
76185
|
] }),
|
|
76113
|
-
/* @__PURE__ */ (0,
|
|
76114
|
-
zoneContent.length === 0 && /* @__PURE__ */ (0,
|
|
76186
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("ul", { className: getClassName24(), children: [
|
|
76187
|
+
zoneContent.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassName24("helper"), children: "No items" }),
|
|
76115
76188
|
zoneContent.map((item, i2) => {
|
|
76116
76189
|
var _a3;
|
|
76117
76190
|
const isSelected = (itemSelector == null ? void 0 : itemSelector.index) === i2 && (itemSelector.zone === zone || itemSelector.zone === rootDroppableId2 && !zone);
|
|
@@ -76129,7 +76202,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76129
76202
|
const childIsSelected = isChildOfZone(item, selectedItem, ctx);
|
|
76130
76203
|
const componentConfig = config.components[item.type];
|
|
76131
76204
|
const label2 = (_a3 = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _a3 : item.type.toString();
|
|
76132
|
-
return /* @__PURE__ */ (0,
|
|
76205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
76133
76206
|
"li",
|
|
76134
76207
|
{
|
|
76135
76208
|
className: getClassNameLayer({
|
|
@@ -76139,7 +76212,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76139
76212
|
childIsSelected
|
|
76140
76213
|
}),
|
|
76141
76214
|
children: [
|
|
76142
|
-
/* @__PURE__ */ (0,
|
|
76215
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassNameLayer("inner"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
76143
76216
|
"button",
|
|
76144
76217
|
{
|
|
76145
76218
|
className: getClassNameLayer("clickable"),
|
|
@@ -76171,22 +76244,22 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76171
76244
|
setHoveringComponent(null);
|
|
76172
76245
|
},
|
|
76173
76246
|
children: [
|
|
76174
|
-
containsZone && /* @__PURE__ */ (0,
|
|
76247
|
+
containsZone && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
76175
76248
|
"div",
|
|
76176
76249
|
{
|
|
76177
76250
|
className: getClassNameLayer("chevron"),
|
|
76178
76251
|
title: isSelected ? "Collapse" : "Expand",
|
|
76179
|
-
children: /* @__PURE__ */ (0,
|
|
76252
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronDown, { size: "12" })
|
|
76180
76253
|
}
|
|
76181
76254
|
),
|
|
76182
|
-
/* @__PURE__ */ (0,
|
|
76183
|
-
/* @__PURE__ */ (0,
|
|
76184
|
-
/* @__PURE__ */ (0,
|
|
76255
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: getClassNameLayer("title"), children: [
|
|
76256
|
+
/* @__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" }) }),
|
|
76257
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: getClassNameLayer("name"), children: label2 })
|
|
76185
76258
|
] })
|
|
76186
76259
|
]
|
|
76187
76260
|
}
|
|
76188
76261
|
) }),
|
|
76189
|
-
containsZone && Object.keys(zonesForItem).map((zoneKey, idx) => /* @__PURE__ */ (0,
|
|
76262
|
+
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
76263
|
LayerTree,
|
|
76191
76264
|
{
|
|
76192
76265
|
config,
|
|
@@ -76206,13 +76279,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76206
76279
|
] })
|
|
76207
76280
|
] });
|
|
76208
76281
|
};
|
|
76209
|
-
var
|
|
76210
|
-
var
|
|
76282
|
+
var import_react27 = require("react");
|
|
76283
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
76211
76284
|
var Outline = () => {
|
|
76212
76285
|
const { dispatch, state, overrides, config } = useAppContext2();
|
|
76213
76286
|
const { data, ui } = state;
|
|
76214
76287
|
const { itemSelector } = ui;
|
|
76215
|
-
const setItemSelector = (0,
|
|
76288
|
+
const setItemSelector = (0, import_react27.useCallback)(
|
|
76216
76289
|
(newItemSelector) => {
|
|
76217
76290
|
dispatch({
|
|
76218
76291
|
type: "setUi",
|
|
@@ -76221,9 +76294,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76221
76294
|
},
|
|
76222
76295
|
[]
|
|
76223
76296
|
);
|
|
76224
|
-
const Wrapper = (0,
|
|
76225
|
-
return /* @__PURE__ */ (0,
|
|
76226
|
-
(ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId2]) && /* @__PURE__ */ (0,
|
|
76297
|
+
const Wrapper = (0, import_react27.useMemo)(() => overrides.outline || "div", [overrides]);
|
|
76298
|
+
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: [
|
|
76299
|
+
(ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId2]) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
76227
76300
|
LayerTree,
|
|
76228
76301
|
{
|
|
76229
76302
|
config,
|
|
@@ -76236,7 +76309,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76236
76309
|
),
|
|
76237
76310
|
Object.entries(findZonesForArea(data, "root")).map(
|
|
76238
76311
|
([zoneKey, zone]) => {
|
|
76239
|
-
return /* @__PURE__ */ (0,
|
|
76312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
76240
76313
|
LayerTree,
|
|
76241
76314
|
{
|
|
76242
76315
|
config,
|
|
@@ -76254,35 +76327,6 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76254
76327
|
] }) }) });
|
|
76255
76328
|
};
|
|
76256
76329
|
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
76330
|
var import_react_hotkeys_hook = (init_react_hotkeys_hook_esm(), __toCommonJS(react_hotkeys_hook_esm_exports));
|
|
76287
76331
|
function usePuckHistory({
|
|
76288
76332
|
dispatch,
|
|
@@ -76335,19 +76379,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76335
76379
|
};
|
|
76336
76380
|
}
|
|
76337
76381
|
init_react_import2();
|
|
76338
|
-
var
|
|
76382
|
+
var import_react28 = require("react");
|
|
76339
76383
|
var import_use_debounce3 = (init_index_module(), __toCommonJS(index_module_exports));
|
|
76340
76384
|
var EMPTY_HISTORY_INDEX = -1;
|
|
76341
76385
|
function useHistoryStore(initialHistory) {
|
|
76342
76386
|
var _a3, _b2;
|
|
76343
|
-
const [histories, setHistories] = (0,
|
|
76387
|
+
const [histories, setHistories] = (0, import_react28.useState)(
|
|
76344
76388
|
(_a3 = initialHistory == null ? void 0 : initialHistory.histories) != null ? _a3 : []
|
|
76345
76389
|
);
|
|
76346
76390
|
const updateHistories = (histories2) => {
|
|
76347
76391
|
setHistories(histories2);
|
|
76348
76392
|
setIndex(histories2.length - 1);
|
|
76349
76393
|
};
|
|
76350
|
-
const [index, setIndex] = (0,
|
|
76394
|
+
const [index, setIndex] = (0, import_react28.useState)(
|
|
76351
76395
|
(_b2 = initialHistory == null ? void 0 : initialHistory.index) != null ? _b2 : EMPTY_HISTORY_INDEX
|
|
76352
76396
|
);
|
|
76353
76397
|
const hasPast = index > EMPTY_HISTORY_INDEX;
|
|
@@ -76497,19 +76541,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76497
76541
|
var styles = window.getComputedStyle(el);
|
|
76498
76542
|
return calculateBox3(borderBox, styles);
|
|
76499
76543
|
};
|
|
76500
|
-
var
|
|
76544
|
+
var import_react30 = require("react");
|
|
76501
76545
|
init_react_import2();
|
|
76502
|
-
var
|
|
76546
|
+
var import_react29 = require("react");
|
|
76503
76547
|
init_react_import2();
|
|
76504
|
-
var
|
|
76505
|
-
var
|
|
76548
|
+
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" };
|
|
76549
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
76506
76550
|
var icons = {
|
|
76507
|
-
Smartphone: /* @__PURE__ */ (0,
|
|
76508
|
-
Tablet: /* @__PURE__ */ (0,
|
|
76509
|
-
Monitor: /* @__PURE__ */ (0,
|
|
76551
|
+
Smartphone: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Smartphone, { size: 16 }),
|
|
76552
|
+
Tablet: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Tablet, { size: 16 }),
|
|
76553
|
+
Monitor: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Monitor, { size: 16 })
|
|
76510
76554
|
};
|
|
76511
|
-
var
|
|
76512
|
-
var getClassNameButton = get_class_name_factory_default2("ViewportButton",
|
|
76555
|
+
var getClassName25 = get_class_name_factory_default2("ViewportControls", styles_module_default20);
|
|
76556
|
+
var getClassNameButton = get_class_name_factory_default2("ViewportButton", styles_module_default20);
|
|
76513
76557
|
var ViewportButton = ({
|
|
76514
76558
|
children,
|
|
76515
76559
|
height = "auto",
|
|
@@ -76518,11 +76562,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76518
76562
|
onClick
|
|
76519
76563
|
}) => {
|
|
76520
76564
|
const { state } = useAppContext2();
|
|
76521
|
-
const [isActive2, setIsActive] = (0,
|
|
76522
|
-
(0,
|
|
76565
|
+
const [isActive2, setIsActive] = (0, import_react29.useState)(false);
|
|
76566
|
+
(0, import_react29.useEffect)(() => {
|
|
76523
76567
|
setIsActive(width === state.ui.viewports.current.width);
|
|
76524
76568
|
}, [width, state.ui.viewports.current.width]);
|
|
76525
|
-
return /* @__PURE__ */ (0,
|
|
76569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: getClassNameButton({ isActive: isActive2 }), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76526
76570
|
IconButton,
|
|
76527
76571
|
{
|
|
76528
76572
|
title,
|
|
@@ -76531,7 +76575,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76531
76575
|
e2.stopPropagation();
|
|
76532
76576
|
onClick({ width, height });
|
|
76533
76577
|
},
|
|
76534
|
-
children: /* @__PURE__ */ (0,
|
|
76578
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: getClassNameButton("inner"), children })
|
|
76535
76579
|
}
|
|
76536
76580
|
) });
|
|
76537
76581
|
};
|
|
@@ -76555,7 +76599,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76555
76599
|
const defaultsContainAutoZoom = defaultZoomOptions.find(
|
|
76556
76600
|
(option) => option.value === autoZoom
|
|
76557
76601
|
);
|
|
76558
|
-
const zoomOptions = (0,
|
|
76602
|
+
const zoomOptions = (0, import_react29.useMemo)(
|
|
76559
76603
|
() => [
|
|
76560
76604
|
...defaultZoomOptions,
|
|
76561
76605
|
...defaultsContainAutoZoom ? [] : [
|
|
@@ -76567,8 +76611,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76567
76611
|
].filter((a2) => a2.value <= autoZoom).sort((a2, b) => a2.value > b.value ? 1 : -1),
|
|
76568
76612
|
[autoZoom]
|
|
76569
76613
|
);
|
|
76570
|
-
return /* @__PURE__ */ (0,
|
|
76571
|
-
viewports.map((viewport, i2) => /* @__PURE__ */ (0,
|
|
76614
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: getClassName25(), children: [
|
|
76615
|
+
viewports.map((viewport, i2) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76572
76616
|
ViewportButton,
|
|
76573
76617
|
{
|
|
76574
76618
|
height: viewport.height,
|
|
@@ -76579,8 +76623,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76579
76623
|
},
|
|
76580
76624
|
i2
|
|
76581
76625
|
)),
|
|
76582
|
-
/* @__PURE__ */ (0,
|
|
76583
|
-
/* @__PURE__ */ (0,
|
|
76626
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: getClassName25("divider") }),
|
|
76627
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76584
76628
|
IconButton,
|
|
76585
76629
|
{
|
|
76586
76630
|
title: "Zoom viewport out",
|
|
@@ -76594,10 +76638,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76594
76638
|
)].value
|
|
76595
76639
|
);
|
|
76596
76640
|
},
|
|
76597
|
-
children: /* @__PURE__ */ (0,
|
|
76641
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ZoomOut, { size: 16 })
|
|
76598
76642
|
}
|
|
76599
76643
|
),
|
|
76600
|
-
/* @__PURE__ */ (0,
|
|
76644
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76601
76645
|
IconButton,
|
|
76602
76646
|
{
|
|
76603
76647
|
title: "Zoom viewport in",
|
|
@@ -76611,19 +76655,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76611
76655
|
)].value
|
|
76612
76656
|
);
|
|
76613
76657
|
},
|
|
76614
|
-
children: /* @__PURE__ */ (0,
|
|
76658
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ZoomIn, { size: 16 })
|
|
76615
76659
|
}
|
|
76616
76660
|
),
|
|
76617
|
-
/* @__PURE__ */ (0,
|
|
76618
|
-
/* @__PURE__ */ (0,
|
|
76661
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: getClassName25("divider") }),
|
|
76662
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76619
76663
|
"select",
|
|
76620
76664
|
{
|
|
76621
|
-
className:
|
|
76665
|
+
className: getClassName25("zoomSelect"),
|
|
76622
76666
|
value: zoom.toString(),
|
|
76623
76667
|
onChange: (e2) => {
|
|
76624
76668
|
onZoom(parseFloat(e2.currentTarget.value));
|
|
76625
76669
|
},
|
|
76626
|
-
children: zoomOptions.map((option) => /* @__PURE__ */ (0,
|
|
76670
|
+
children: zoomOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
76627
76671
|
"option",
|
|
76628
76672
|
{
|
|
76629
76673
|
value: option.value,
|
|
@@ -76636,7 +76680,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76636
76680
|
] });
|
|
76637
76681
|
};
|
|
76638
76682
|
init_react_import2();
|
|
76639
|
-
var
|
|
76683
|
+
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
76684
|
init_react_import2();
|
|
76641
76685
|
var RESET_ZOOM_SMALLER_THAN_FRAME = true;
|
|
76642
76686
|
var getZoomConfig = (uiViewport, frame, zoom) => {
|
|
@@ -76665,24 +76709,24 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76665
76709
|
}
|
|
76666
76710
|
return { autoZoom, rootHeight, zoom };
|
|
76667
76711
|
};
|
|
76668
|
-
var
|
|
76669
|
-
var
|
|
76712
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
76713
|
+
var getClassName26 = get_class_name_factory_default2("PuckCanvas", styles_module_default21);
|
|
76670
76714
|
var ZOOM_ON_CHANGE = true;
|
|
76671
76715
|
var Canvas = () => {
|
|
76672
76716
|
const { status, iframe } = useAppContext2();
|
|
76673
76717
|
const { dispatch, state, overrides, setUi, zoomConfig, setZoomConfig } = useAppContext2();
|
|
76674
76718
|
const { ui } = state;
|
|
76675
|
-
const frameRef = (0,
|
|
76676
|
-
const [showTransition, setShowTransition] = (0,
|
|
76677
|
-
const defaultRender = (0,
|
|
76678
|
-
const PuckDefault = ({ children }) => /* @__PURE__ */ (0,
|
|
76719
|
+
const frameRef = (0, import_react30.useRef)(null);
|
|
76720
|
+
const [showTransition, setShowTransition] = (0, import_react30.useState)(false);
|
|
76721
|
+
const defaultRender = (0, import_react30.useMemo)(() => {
|
|
76722
|
+
const PuckDefault = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children });
|
|
76679
76723
|
return PuckDefault;
|
|
76680
76724
|
}, []);
|
|
76681
|
-
const CustomPreview = (0,
|
|
76725
|
+
const CustomPreview = (0, import_react30.useMemo)(
|
|
76682
76726
|
() => overrides.preview || defaultRender,
|
|
76683
76727
|
[overrides]
|
|
76684
76728
|
);
|
|
76685
|
-
const getFrameDimensions = (0,
|
|
76729
|
+
const getFrameDimensions = (0, import_react30.useCallback)(() => {
|
|
76686
76730
|
if (frameRef.current) {
|
|
76687
76731
|
const frame = frameRef.current;
|
|
76688
76732
|
const box = getBox3(frame);
|
|
@@ -76690,7 +76734,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76690
76734
|
}
|
|
76691
76735
|
return { width: 0, height: 0 };
|
|
76692
76736
|
}, [frameRef]);
|
|
76693
|
-
const resetAutoZoom = (0,
|
|
76737
|
+
const resetAutoZoom = (0, import_react30.useCallback)(
|
|
76694
76738
|
(ui2 = state.ui) => {
|
|
76695
76739
|
if (frameRef.current) {
|
|
76696
76740
|
setZoomConfig(
|
|
@@ -76700,11 +76744,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76700
76744
|
},
|
|
76701
76745
|
[frameRef, zoomConfig, state.ui]
|
|
76702
76746
|
);
|
|
76703
|
-
(0,
|
|
76747
|
+
(0, import_react30.useEffect)(() => {
|
|
76704
76748
|
setShowTransition(false);
|
|
76705
76749
|
resetAutoZoom();
|
|
76706
76750
|
}, [frameRef, ui.leftSideBarVisible, ui.rightSideBarVisible]);
|
|
76707
|
-
(0,
|
|
76751
|
+
(0, import_react30.useEffect)(() => {
|
|
76708
76752
|
const { height: frameHeight } = getFrameDimensions();
|
|
76709
76753
|
if (ui.viewports.current.height === "auto") {
|
|
76710
76754
|
setZoomConfig(__spreadProps2(__spreadValues2({}, zoomConfig), {
|
|
@@ -76712,7 +76756,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76712
76756
|
}));
|
|
76713
76757
|
}
|
|
76714
76758
|
}, [zoomConfig.zoom]);
|
|
76715
|
-
(0,
|
|
76759
|
+
(0, import_react30.useEffect)(() => {
|
|
76716
76760
|
const observer = new ResizeObserver(() => {
|
|
76717
76761
|
setShowTransition(false);
|
|
76718
76762
|
resetAutoZoom();
|
|
@@ -76724,10 +76768,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76724
76768
|
observer.disconnect();
|
|
76725
76769
|
};
|
|
76726
76770
|
}, []);
|
|
76727
|
-
return /* @__PURE__ */ (0,
|
|
76771
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
76728
76772
|
"div",
|
|
76729
76773
|
{
|
|
76730
|
-
className:
|
|
76774
|
+
className: getClassName26({
|
|
76731
76775
|
ready: status === "READY" || !iframe.enabled
|
|
76732
76776
|
}),
|
|
76733
76777
|
onClick: () => dispatch({
|
|
@@ -76736,7 +76780,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76736
76780
|
recordHistory: true
|
|
76737
76781
|
}),
|
|
76738
76782
|
children: [
|
|
76739
|
-
ui.viewports.controlsVisible && iframe.enabled && /* @__PURE__ */ (0,
|
|
76783
|
+
ui.viewports.controlsVisible && iframe.enabled && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: getClassName26("controls"), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
76740
76784
|
ViewportControls,
|
|
76741
76785
|
{
|
|
76742
76786
|
autoZoom: zoomConfig.autoZoom,
|
|
@@ -76761,10 +76805,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76761
76805
|
}
|
|
76762
76806
|
}
|
|
76763
76807
|
) }),
|
|
76764
|
-
/* @__PURE__ */ (0,
|
|
76808
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: getClassName26("inner"), ref: frameRef, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
76765
76809
|
"div",
|
|
76766
76810
|
{
|
|
76767
|
-
className:
|
|
76811
|
+
className: getClassName26("root"),
|
|
76768
76812
|
style: {
|
|
76769
76813
|
width: iframe.enabled ? ui.viewports.current.width : "100%",
|
|
76770
76814
|
height: zoomConfig.rootHeight,
|
|
@@ -76773,7 +76817,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76773
76817
|
overflow: iframe.enabled ? void 0 : "auto"
|
|
76774
76818
|
},
|
|
76775
76819
|
suppressHydrationWarning: true,
|
|
76776
|
-
children: /* @__PURE__ */ (0,
|
|
76820
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CustomPreview, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Preview, {}) })
|
|
76777
76821
|
}
|
|
76778
76822
|
) })
|
|
76779
76823
|
]
|
|
@@ -76810,9 +76854,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76810
76854
|
ui: __spreadProps2(__spreadValues2({}, state.ui), { itemSelector })
|
|
76811
76855
|
});
|
|
76812
76856
|
};
|
|
76813
|
-
var
|
|
76814
|
-
var
|
|
76815
|
-
var getLayoutClassName = get_class_name_factory_default2("PuckLayout",
|
|
76857
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
76858
|
+
var getClassName27 = get_class_name_factory_default2("Puck", styles_module_default15);
|
|
76859
|
+
var getLayoutClassName = get_class_name_factory_default2("PuckLayout", styles_module_default15);
|
|
76816
76860
|
function Puck({
|
|
76817
76861
|
children,
|
|
76818
76862
|
config,
|
|
@@ -76821,6 +76865,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76821
76865
|
onChange,
|
|
76822
76866
|
onPublish,
|
|
76823
76867
|
onAction,
|
|
76868
|
+
permissions = {},
|
|
76824
76869
|
plugins = [],
|
|
76825
76870
|
overrides = {},
|
|
76826
76871
|
renderHeader,
|
|
@@ -76836,10 +76881,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76836
76881
|
}) {
|
|
76837
76882
|
var _a3;
|
|
76838
76883
|
const historyStore = useHistoryStore(initialHistory);
|
|
76839
|
-
const [reducer2] = (0,
|
|
76884
|
+
const [reducer2] = (0, import_react31.useState)(
|
|
76840
76885
|
() => createReducer({ config, record: historyStore.record, onAction })
|
|
76841
76886
|
);
|
|
76842
|
-
const [initialAppState] = (0,
|
|
76887
|
+
const [initialAppState] = (0, import_react31.useState)(() => {
|
|
76843
76888
|
var _a22, _b2, _c, _d, _e, _f, _g;
|
|
76844
76889
|
const initial = __spreadValues2(__spreadValues2({}, defaultAppState2.ui), initialUi);
|
|
76845
76890
|
let clientUiState = {};
|
|
@@ -76897,7 +76942,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76897
76942
|
})
|
|
76898
76943
|
});
|
|
76899
76944
|
});
|
|
76900
|
-
const [appState, dispatch] = (0,
|
|
76945
|
+
const [appState, dispatch] = (0, import_react31.useReducer)(
|
|
76901
76946
|
reducer2,
|
|
76902
76947
|
flushZones(initialAppState)
|
|
76903
76948
|
);
|
|
@@ -76908,9 +76953,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76908
76953
|
config,
|
|
76909
76954
|
dispatch
|
|
76910
76955
|
);
|
|
76911
|
-
const [menuOpen, setMenuOpen] = (0,
|
|
76956
|
+
const [menuOpen, setMenuOpen] = (0, import_react31.useState)(false);
|
|
76912
76957
|
const { itemSelector, leftSideBarVisible, rightSideBarVisible } = ui;
|
|
76913
|
-
const setItemSelector = (0,
|
|
76958
|
+
const setItemSelector = (0, import_react31.useCallback)(
|
|
76914
76959
|
(newItemSelector) => {
|
|
76915
76960
|
if (newItemSelector === itemSelector) return;
|
|
76916
76961
|
dispatch({
|
|
@@ -76922,13 +76967,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76922
76967
|
[itemSelector]
|
|
76923
76968
|
);
|
|
76924
76969
|
const selectedItem = itemSelector ? getItem2(itemSelector, data) : null;
|
|
76925
|
-
(0,
|
|
76970
|
+
(0, import_react31.useEffect)(() => {
|
|
76926
76971
|
if (onChange) onChange(data);
|
|
76927
76972
|
}, [data]);
|
|
76928
76973
|
const { onDragStartOrUpdate, placeholderStyle } = usePlaceholderStyle();
|
|
76929
|
-
const [draggedItem, setDraggedItem] = (0,
|
|
76974
|
+
const [draggedItem, setDraggedItem] = (0, import_react31.useState)();
|
|
76930
76975
|
const rootProps = data.root.props || data.root;
|
|
76931
|
-
const toggleSidebars = (0,
|
|
76976
|
+
const toggleSidebars = (0, import_react31.useCallback)(
|
|
76932
76977
|
(sidebar) => {
|
|
76933
76978
|
const widerViewport = window.matchMedia("(min-width: 638px)").matches;
|
|
76934
76979
|
const sideBarVisible = sidebar === "left" ? leftSideBarVisible : rightSideBarVisible;
|
|
@@ -76942,7 +76987,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76942
76987
|
},
|
|
76943
76988
|
[dispatch, leftSideBarVisible, rightSideBarVisible]
|
|
76944
76989
|
);
|
|
76945
|
-
(0,
|
|
76990
|
+
(0, import_react31.useEffect)(() => {
|
|
76946
76991
|
if (!window.matchMedia("(min-width: 638px)").matches) {
|
|
76947
76992
|
dispatch({
|
|
76948
76993
|
type: "setUi",
|
|
@@ -76965,11 +77010,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76965
77010
|
window.removeEventListener("resize", handleResize);
|
|
76966
77011
|
};
|
|
76967
77012
|
}, []);
|
|
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)(() => {
|
|
77013
|
+
const defaultHeaderRender = (0, import_react31.useMemo)(() => {
|
|
76973
77014
|
if (renderHeader) {
|
|
76974
77015
|
console.warn(
|
|
76975
77016
|
"`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"
|
|
@@ -76977,48 +77018,49 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
76977
77018
|
const RenderHeader = (_a22) => {
|
|
76978
77019
|
var _b2 = _a22, { actions } = _b2, props = __objRest2(_b2, ["actions"]);
|
|
76979
77020
|
const Comp = renderHeader;
|
|
76980
|
-
return /* @__PURE__ */ (0,
|
|
77021
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState, children: actions }));
|
|
76981
77022
|
};
|
|
76982
77023
|
return RenderHeader;
|
|
76983
77024
|
}
|
|
76984
|
-
return
|
|
77025
|
+
return DefaultOverride;
|
|
76985
77026
|
}, [renderHeader]);
|
|
76986
|
-
const defaultHeaderActionsRender = (0,
|
|
77027
|
+
const defaultHeaderActionsRender = (0, import_react31.useMemo)(() => {
|
|
76987
77028
|
if (renderHeaderActions) {
|
|
76988
77029
|
console.warn(
|
|
76989
77030
|
"`renderHeaderActions` is deprecated. Please use `overrides.headerActions` and the `usePuck` hook instead."
|
|
76990
77031
|
);
|
|
76991
77032
|
const RenderHeader = (props) => {
|
|
76992
77033
|
const Comp = renderHeaderActions;
|
|
76993
|
-
return /* @__PURE__ */ (0,
|
|
77034
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState }));
|
|
76994
77035
|
};
|
|
76995
77036
|
return RenderHeader;
|
|
76996
77037
|
}
|
|
76997
|
-
return
|
|
77038
|
+
return DefaultOverride;
|
|
76998
77039
|
}, [renderHeader]);
|
|
76999
|
-
const loadedOverrides = (
|
|
77000
|
-
|
|
77001
|
-
|
|
77002
|
-
|
|
77003
|
-
|
|
77040
|
+
const loadedOverrides = useLoadedOverrides({
|
|
77041
|
+
overrides,
|
|
77042
|
+
plugins
|
|
77043
|
+
});
|
|
77044
|
+
const CustomPuck = (0, import_react31.useMemo)(
|
|
77045
|
+
() => loadedOverrides.puck || DefaultOverride,
|
|
77004
77046
|
[loadedOverrides]
|
|
77005
77047
|
);
|
|
77006
|
-
const CustomHeader = (0,
|
|
77048
|
+
const CustomHeader = (0, import_react31.useMemo)(
|
|
77007
77049
|
() => loadedOverrides.header || defaultHeaderRender,
|
|
77008
77050
|
[loadedOverrides]
|
|
77009
77051
|
);
|
|
77010
|
-
const CustomHeaderActions = (0,
|
|
77052
|
+
const CustomHeaderActions = (0, import_react31.useMemo)(
|
|
77011
77053
|
() => loadedOverrides.headerActions || defaultHeaderActionsRender,
|
|
77012
77054
|
[loadedOverrides]
|
|
77013
77055
|
);
|
|
77014
|
-
const [mounted, setMounted] = (0,
|
|
77015
|
-
(0,
|
|
77056
|
+
const [mounted, setMounted] = (0, import_react31.useState)(false);
|
|
77057
|
+
(0, import_react31.useEffect)(() => {
|
|
77016
77058
|
setMounted(true);
|
|
77017
77059
|
}, []);
|
|
77018
77060
|
const selectedComponentConfig = selectedItem && config.components[selectedItem.type];
|
|
77019
77061
|
const selectedComponentLabel = selectedItem ? (_a3 = selectedComponentConfig == null ? void 0 : selectedComponentConfig["label"]) != null ? _a3 : selectedItem.type.toString() : "";
|
|
77020
|
-
return /* @__PURE__ */ (0,
|
|
77021
|
-
/* @__PURE__ */ (0,
|
|
77062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `Puck ${getClassName27()}`, children: [
|
|
77063
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77022
77064
|
AppProvider,
|
|
77023
77065
|
{
|
|
77024
77066
|
value: {
|
|
@@ -77031,9 +77073,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77031
77073
|
overrides: loadedOverrides,
|
|
77032
77074
|
history,
|
|
77033
77075
|
viewports,
|
|
77034
|
-
iframe
|
|
77076
|
+
iframe,
|
|
77077
|
+
globalPermissions: __spreadValues2({
|
|
77078
|
+
delete: true,
|
|
77079
|
+
drag: true,
|
|
77080
|
+
duplicate: true
|
|
77081
|
+
}, permissions)
|
|
77035
77082
|
},
|
|
77036
|
-
children: /* @__PURE__ */ (0,
|
|
77083
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77037
77084
|
DragDropContext2,
|
|
77038
77085
|
{
|
|
77039
77086
|
autoScrollerOptions: { disabled: dnd == null ? void 0 : dnd.disableAutoScroll },
|
|
@@ -77085,7 +77132,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77085
77132
|
});
|
|
77086
77133
|
}
|
|
77087
77134
|
},
|
|
77088
|
-
children: /* @__PURE__ */ (0,
|
|
77135
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77089
77136
|
DropZoneProvider,
|
|
77090
77137
|
{
|
|
77091
77138
|
value: {
|
|
@@ -77099,7 +77146,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77099
77146
|
mode: "edit",
|
|
77100
77147
|
areaId: "root"
|
|
77101
77148
|
},
|
|
77102
|
-
children: /* @__PURE__ */ (0,
|
|
77149
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77103
77150
|
"div",
|
|
77104
77151
|
{
|
|
77105
77152
|
className: getLayoutClassName({
|
|
@@ -77108,64 +77155,64 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77108
77155
|
mounted,
|
|
77109
77156
|
rightSideBarVisible
|
|
77110
77157
|
}),
|
|
77111
|
-
children: /* @__PURE__ */ (0,
|
|
77112
|
-
/* @__PURE__ */ (0,
|
|
77158
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("inner"), children: [
|
|
77159
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77113
77160
|
CustomHeader,
|
|
77114
77161
|
{
|
|
77115
|
-
actions: /* @__PURE__ */ (0,
|
|
77162
|
+
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
77163
|
Button,
|
|
77117
77164
|
{
|
|
77118
77165
|
onClick: () => {
|
|
77119
77166
|
onPublish && onPublish(data);
|
|
77120
77167
|
},
|
|
77121
|
-
icon: /* @__PURE__ */ (0,
|
|
77168
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Globe, { size: "14px" }),
|
|
77122
77169
|
children: "Publish"
|
|
77123
77170
|
}
|
|
77124
77171
|
) }) }),
|
|
77125
|
-
children: /* @__PURE__ */ (0,
|
|
77126
|
-
/* @__PURE__ */ (0,
|
|
77127
|
-
/* @__PURE__ */ (0,
|
|
77172
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("header", { className: getLayoutClassName("header"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerInner"), children: [
|
|
77173
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerToggle"), children: [
|
|
77174
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77128
77175
|
"div",
|
|
77129
77176
|
{
|
|
77130
77177
|
className: getLayoutClassName(
|
|
77131
77178
|
"leftSideBarToggle"
|
|
77132
77179
|
),
|
|
77133
|
-
children: /* @__PURE__ */ (0,
|
|
77180
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77134
77181
|
IconButton,
|
|
77135
77182
|
{
|
|
77136
77183
|
onClick: () => {
|
|
77137
77184
|
toggleSidebars("left");
|
|
77138
77185
|
},
|
|
77139
77186
|
title: "Toggle left sidebar",
|
|
77140
|
-
children: /* @__PURE__ */ (0,
|
|
77187
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelLeft, { focusable: "false" })
|
|
77141
77188
|
}
|
|
77142
77189
|
)
|
|
77143
77190
|
}
|
|
77144
77191
|
),
|
|
77145
|
-
/* @__PURE__ */ (0,
|
|
77192
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77146
77193
|
"div",
|
|
77147
77194
|
{
|
|
77148
77195
|
className: getLayoutClassName(
|
|
77149
77196
|
"rightSideBarToggle"
|
|
77150
77197
|
),
|
|
77151
|
-
children: /* @__PURE__ */ (0,
|
|
77198
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77152
77199
|
IconButton,
|
|
77153
77200
|
{
|
|
77154
77201
|
onClick: () => {
|
|
77155
77202
|
toggleSidebars("right");
|
|
77156
77203
|
},
|
|
77157
77204
|
title: "Toggle right sidebar",
|
|
77158
|
-
children: /* @__PURE__ */ (0,
|
|
77205
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelRight, { focusable: "false" })
|
|
77159
77206
|
}
|
|
77160
77207
|
)
|
|
77161
77208
|
}
|
|
77162
77209
|
)
|
|
77163
77210
|
] }),
|
|
77164
|
-
/* @__PURE__ */ (0,
|
|
77211
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("headerTitle"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Heading2, { rank: 2, size: "xs", children: [
|
|
77165
77212
|
headerTitle || rootProps.title || "Page",
|
|
77166
|
-
headerPath && /* @__PURE__ */ (0,
|
|
77213
|
+
headerPath && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
|
|
77167
77214
|
" ",
|
|
77168
|
-
/* @__PURE__ */ (0,
|
|
77215
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77169
77216
|
"code",
|
|
77170
77217
|
{
|
|
77171
77218
|
className: getLayoutClassName("headerPath"),
|
|
@@ -77174,18 +77221,18 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77174
77221
|
)
|
|
77175
77222
|
] })
|
|
77176
77223
|
] }) }),
|
|
77177
|
-
/* @__PURE__ */ (0,
|
|
77178
|
-
/* @__PURE__ */ (0,
|
|
77224
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerTools"), children: [
|
|
77225
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("menuButton"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77179
77226
|
IconButton,
|
|
77180
77227
|
{
|
|
77181
77228
|
onClick: () => {
|
|
77182
77229
|
return setMenuOpen(!menuOpen);
|
|
77183
77230
|
},
|
|
77184
77231
|
title: "Toggle menu bar",
|
|
77185
|
-
children: menuOpen ? /* @__PURE__ */ (0,
|
|
77232
|
+
children: menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronUp, { focusable: "false" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDown, { focusable: "false" })
|
|
77186
77233
|
}
|
|
77187
77234
|
) }),
|
|
77188
|
-
/* @__PURE__ */ (0,
|
|
77235
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77189
77236
|
MenuBar,
|
|
77190
77237
|
{
|
|
77191
77238
|
appState,
|
|
@@ -77193,13 +77240,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77193
77240
|
dispatch,
|
|
77194
77241
|
onPublish,
|
|
77195
77242
|
menuOpen,
|
|
77196
|
-
renderHeaderActions: () => /* @__PURE__ */ (0,
|
|
77243
|
+
renderHeaderActions: () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77197
77244
|
Button,
|
|
77198
77245
|
{
|
|
77199
77246
|
onClick: () => {
|
|
77200
77247
|
onPublish && onPublish(data);
|
|
77201
77248
|
},
|
|
77202
|
-
icon: /* @__PURE__ */ (0,
|
|
77249
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Globe, { size: "14px" }),
|
|
77203
77250
|
children: "Publish"
|
|
77204
77251
|
}
|
|
77205
77252
|
) }),
|
|
@@ -77210,19 +77257,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77210
77257
|
] }) })
|
|
77211
77258
|
}
|
|
77212
77259
|
),
|
|
77213
|
-
/* @__PURE__ */ (0,
|
|
77214
|
-
/* @__PURE__ */ (0,
|
|
77215
|
-
/* @__PURE__ */ (0,
|
|
77260
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("leftSideBar"), children: [
|
|
77261
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SidebarSection2, { title: "Components", noBorderTop: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Components, {}) }),
|
|
77262
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SidebarSection2, { title: "Outline", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Outline, {}) })
|
|
77216
77263
|
] }),
|
|
77217
|
-
/* @__PURE__ */ (0,
|
|
77218
|
-
/* @__PURE__ */ (0,
|
|
77264
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Canvas, {}),
|
|
77265
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("rightSideBar"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
77219
77266
|
SidebarSection2,
|
|
77220
77267
|
{
|
|
77221
77268
|
noPadding: true,
|
|
77222
77269
|
noBorderTop: true,
|
|
77223
77270
|
showBreadcrumbs: true,
|
|
77224
77271
|
title: selectedItem ? selectedComponentLabel : "Page",
|
|
77225
|
-
children: /* @__PURE__ */ (0,
|
|
77272
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Fields, {})
|
|
77226
77273
|
}
|
|
77227
77274
|
) })
|
|
77228
77275
|
] })
|
|
@@ -77234,7 +77281,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77234
77281
|
)
|
|
77235
77282
|
}
|
|
77236
77283
|
),
|
|
77237
|
-
/* @__PURE__ */ (0,
|
|
77284
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { id: "puck-portal-root", className: getClassName27("portal") })
|
|
77238
77285
|
] });
|
|
77239
77286
|
}
|
|
77240
77287
|
Puck.Components = Components;
|
|
@@ -77242,7 +77289,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77242
77289
|
Puck.Outline = Outline;
|
|
77243
77290
|
Puck.Preview = Preview;
|
|
77244
77291
|
init_react_import2();
|
|
77245
|
-
var
|
|
77292
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
77246
77293
|
function Render({
|
|
77247
77294
|
config,
|
|
77248
77295
|
data
|
|
@@ -77255,7 +77302,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77255
77302
|
const rootProps = defaultedData.root.props || defaultedData.root;
|
|
77256
77303
|
const title = (rootProps == null ? void 0 : rootProps.title) || "";
|
|
77257
77304
|
if ((_a3 = config.root) == null ? void 0 : _a3.render) {
|
|
77258
|
-
return /* @__PURE__ */ (0,
|
|
77305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
77259
77306
|
config.root.render,
|
|
77260
77307
|
__spreadProps2(__spreadValues2({}, rootProps), {
|
|
77261
77308
|
puck: {
|
|
@@ -77265,11 +77312,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77265
77312
|
title,
|
|
77266
77313
|
editMode: false,
|
|
77267
77314
|
id: "puck-root",
|
|
77268
|
-
children: /* @__PURE__ */ (0,
|
|
77315
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZone, { zone: rootDroppableId2 })
|
|
77269
77316
|
})
|
|
77270
77317
|
) });
|
|
77271
77318
|
}
|
|
77272
|
-
return /* @__PURE__ */ (0,
|
|
77319
|
+
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
77320
|
}
|
|
77274
77321
|
init_react_import2();
|
|
77275
77322
|
var migrations = [
|
|
@@ -77359,18 +77406,47 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77359
77406
|
});
|
|
77360
77407
|
}
|
|
77361
77408
|
init_react_import2();
|
|
77409
|
+
init_react_import2();
|
|
77410
|
+
var getPermissions = ({
|
|
77411
|
+
selectedItem,
|
|
77412
|
+
globalPermissions,
|
|
77413
|
+
config
|
|
77414
|
+
}) => {
|
|
77415
|
+
const componentType = selectedItem && selectedItem.type || "";
|
|
77416
|
+
let componentPermissions = getInitialPermissions({
|
|
77417
|
+
componentType,
|
|
77418
|
+
config,
|
|
77419
|
+
globalPermissions
|
|
77420
|
+
});
|
|
77421
|
+
return componentPermissions;
|
|
77422
|
+
};
|
|
77423
|
+
var getInitialPermissions = ({
|
|
77424
|
+
componentType,
|
|
77425
|
+
globalPermissions,
|
|
77426
|
+
config
|
|
77427
|
+
}) => {
|
|
77428
|
+
return __spreadValues2(__spreadValues2({}, globalPermissions), config.components[componentType].permissions);
|
|
77429
|
+
};
|
|
77362
77430
|
var usePuck2 = () => {
|
|
77363
77431
|
const {
|
|
77364
77432
|
state: appState,
|
|
77365
77433
|
config,
|
|
77366
77434
|
history,
|
|
77367
77435
|
dispatch,
|
|
77368
|
-
selectedItem
|
|
77436
|
+
selectedItem: currentItem,
|
|
77437
|
+
globalPermissions
|
|
77369
77438
|
} = useAppContext2();
|
|
77370
77439
|
return {
|
|
77371
77440
|
appState,
|
|
77372
77441
|
config,
|
|
77373
77442
|
dispatch,
|
|
77443
|
+
getPermissions: (selectedItem) => {
|
|
77444
|
+
return getPermissions({
|
|
77445
|
+
selectedItem: selectedItem || currentItem,
|
|
77446
|
+
globalPermissions: globalPermissions || {},
|
|
77447
|
+
config
|
|
77448
|
+
});
|
|
77449
|
+
},
|
|
77374
77450
|
history: {
|
|
77375
77451
|
back: history.back,
|
|
77376
77452
|
forward: history.forward,
|
|
@@ -77382,7 +77458,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
|
|
|
77382
77458
|
index: history.historyStore.index,
|
|
77383
77459
|
historyStore: history.historyStore
|
|
77384
77460
|
},
|
|
77385
|
-
selectedItem:
|
|
77461
|
+
selectedItem: currentItem || null
|
|
77386
77462
|
};
|
|
77387
77463
|
};
|
|
77388
77464
|
}
|
|
@@ -77683,7 +77759,8 @@ var defaultContext = {
|
|
|
77683
77759
|
status: "LOADING",
|
|
77684
77760
|
setStatus: () => null,
|
|
77685
77761
|
iframe: {},
|
|
77686
|
-
safariFallbackMode: false
|
|
77762
|
+
safariFallbackMode: false,
|
|
77763
|
+
globalPermissions: {}
|
|
77687
77764
|
};
|
|
77688
77765
|
var appContext = (0, import_react10.createContext)(defaultContext);
|
|
77689
77766
|
function useAppContext() {
|