react-align 2.2.0 → 2.2.2
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/react-align.mjs +40 -41
- package/dist/react-align.umd.js +7 -7
- package/package.json +1 -1
- package/src/GridItem.tsx +0 -1
package/dist/react-align.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(".reactalign.wrapper{height:100%;display:flex;justify-content:space-between}.reactalign .section{display:flex;flex-direction:column;justify-content:space-between}.reactalign .area{display:flex;border:0 solid transparent;box-sizing:border-box;border-radius:8px;position:relative}.reactalign .area-transition-in{transition:all .3s ease-in-out,min-height .5s ease-in-out .2s,min-width .5s ease-in-out .2s}.reactalign .area-transition-out{transition:all .3s ease-in-out .4s,min-height .5s ease-in-out .2s,min-width .5s ease-in-out .2s}.reactalign .item{position:relative;border:0 solid transparent;margin:6px;border-radius:6px}.reactalign .stretch{flex:auto}.reactalign .just-centered{justify-content:center}.reactalign .just-end{justify-content:flex-end}.reactalign .middle{align-items:center}.reactalign .bottom{align-items:flex-end}.reactalign .hide{display:none}.reactalign .overlay{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background:rgba(0,0,0,.6)}.reactalign .overlay-buttons{display:flex;padding:6px;box-sizing:border-box;justify-content:space-between}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
var
|
|
2
|
+
var Rr = Object.defineProperty, br = Object.defineProperties;
|
|
3
3
|
var _r = Object.getOwnPropertyDescriptors;
|
|
4
4
|
var re = Object.getOwnPropertySymbols;
|
|
5
5
|
var Be = Object.prototype.hasOwnProperty, He = Object.prototype.propertyIsEnumerable;
|
|
6
|
-
var Ye = (n, c, i) => c in n ?
|
|
6
|
+
var Ye = (n, c, i) => c in n ? Rr(n, c, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[c] = i, k = (n, c) => {
|
|
7
7
|
for (var i in c || (c = {}))
|
|
8
8
|
Be.call(c, i) && Ye(n, i, c[i]);
|
|
9
9
|
if (re)
|
|
10
10
|
for (var i of re(c))
|
|
11
11
|
He.call(c, i) && Ye(n, i, c[i]);
|
|
12
12
|
return n;
|
|
13
|
-
}, te = (n, c) =>
|
|
13
|
+
}, te = (n, c) => br(n, _r(c));
|
|
14
14
|
var Ue = (n, c) => {
|
|
15
15
|
var i = {};
|
|
16
16
|
for (var f in n)
|
|
@@ -42,16 +42,16 @@ function Dr() {
|
|
|
42
42
|
if (ze)
|
|
43
43
|
return z;
|
|
44
44
|
ze = 1;
|
|
45
|
-
var n = qe, c = Symbol.for("react.element"), i = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty,
|
|
46
|
-
function C(g, d,
|
|
45
|
+
var n = qe, c = Symbol.for("react.element"), i = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, R = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
46
|
+
function C(g, d, b) {
|
|
47
47
|
var y, j = {}, M = null, S = null;
|
|
48
|
-
|
|
48
|
+
b !== void 0 && (M = "" + b), d.key !== void 0 && (M = "" + d.key), d.ref !== void 0 && (S = d.ref);
|
|
49
49
|
for (y in d)
|
|
50
50
|
f.call(d, y) && !v.hasOwnProperty(y) && (j[y] = d[y]);
|
|
51
51
|
if (g && g.defaultProps)
|
|
52
52
|
for (y in d = g.defaultProps, d)
|
|
53
53
|
j[y] === void 0 && (j[y] = d[y]);
|
|
54
|
-
return { $$typeof: c, type: g, key: M, ref: S, props: j, _owner:
|
|
54
|
+
return { $$typeof: c, type: g, key: M, ref: S, props: j, _owner: R.current };
|
|
55
55
|
}
|
|
56
56
|
return z.Fragment = i, z.jsx = C, z.jsxs = C, z;
|
|
57
57
|
}
|
|
@@ -68,7 +68,7 @@ var G = {};
|
|
|
68
68
|
var Ge;
|
|
69
69
|
function Wr() {
|
|
70
70
|
return Ge || (Ge = 1, process.env.NODE_ENV !== "production" && function() {
|
|
71
|
-
var n = qe, c = Symbol.for("react.element"), i = Symbol.for("react.portal"), f = Symbol.for("react.fragment"),
|
|
71
|
+
var n = qe, c = Symbol.for("react.element"), i = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), h = Symbol.iterator, F = "@@iterator";
|
|
72
72
|
function P(e) {
|
|
73
73
|
if (e === null || typeof e != "object")
|
|
74
74
|
return null;
|
|
@@ -96,7 +96,7 @@ function Wr() {
|
|
|
96
96
|
var $ = !1, Y = !1, V = !1, _ = !1, B = !1, Ce;
|
|
97
97
|
Ce = Symbol.for("react.module.reference");
|
|
98
98
|
function Ke(e) {
|
|
99
|
-
return !!(typeof e == "string" || typeof e == "function" || e === f || e === v || B || e ===
|
|
99
|
+
return !!(typeof e == "string" || typeof e == "function" || e === f || e === v || B || e === R || e === b || e === y || _ || e === S || $ || Y || V || typeof e == "object" && e !== null && (e.$$typeof === M || e.$$typeof === j || e.$$typeof === C || e.$$typeof === g || e.$$typeof === d || e.$$typeof === Ce || e.getModuleId !== void 0));
|
|
100
100
|
}
|
|
101
101
|
function Xe(e, r, t) {
|
|
102
102
|
var a = e.displayName;
|
|
@@ -122,9 +122,9 @@ function Wr() {
|
|
|
122
122
|
return "Portal";
|
|
123
123
|
case v:
|
|
124
124
|
return "Profiler";
|
|
125
|
-
case b:
|
|
126
|
-
return "StrictMode";
|
|
127
125
|
case R:
|
|
126
|
+
return "StrictMode";
|
|
127
|
+
case b:
|
|
128
128
|
return "Suspense";
|
|
129
129
|
case y:
|
|
130
130
|
return "SuspenseList";
|
|
@@ -153,14 +153,14 @@ function Wr() {
|
|
|
153
153
|
}
|
|
154
154
|
return null;
|
|
155
155
|
}
|
|
156
|
-
var A = Object.assign, H = 0, ke, we, ye,
|
|
156
|
+
var A = Object.assign, H = 0, ke, we, ye, Re, be, _e, xe;
|
|
157
157
|
function je() {
|
|
158
158
|
}
|
|
159
159
|
je.__reactDisabledLog = !0;
|
|
160
160
|
function Qe() {
|
|
161
161
|
{
|
|
162
162
|
if (H === 0) {
|
|
163
|
-
ke = console.log, we = console.info, ye = console.warn,
|
|
163
|
+
ke = console.log, we = console.info, ye = console.warn, Re = console.error, be = console.group, _e = console.groupCollapsed, xe = console.groupEnd;
|
|
164
164
|
var e = {
|
|
165
165
|
configurable: !0,
|
|
166
166
|
enumerable: !0,
|
|
@@ -199,10 +199,10 @@ function Wr() {
|
|
|
199
199
|
value: ye
|
|
200
200
|
}),
|
|
201
201
|
error: A({}, e, {
|
|
202
|
-
value:
|
|
202
|
+
value: Re
|
|
203
203
|
}),
|
|
204
204
|
group: A({}, e, {
|
|
205
|
-
value:
|
|
205
|
+
value: be
|
|
206
206
|
}),
|
|
207
207
|
groupCollapsed: A({}, e, {
|
|
208
208
|
value: _e
|
|
@@ -320,7 +320,7 @@ function Wr() {
|
|
|
320
320
|
if (typeof e == "string")
|
|
321
321
|
return J(e);
|
|
322
322
|
switch (e) {
|
|
323
|
-
case
|
|
323
|
+
case b:
|
|
324
324
|
return J("Suspense");
|
|
325
325
|
case y:
|
|
326
326
|
return J("SuspenseList");
|
|
@@ -651,12 +651,12 @@ const x = me.exports.jsx, ve = me.exports.jsxs, Kr = ({
|
|
|
651
651
|
children: c,
|
|
652
652
|
editing: i,
|
|
653
653
|
vertical: f,
|
|
654
|
-
stretch:
|
|
654
|
+
stretch: R,
|
|
655
655
|
style: v,
|
|
656
656
|
editorStyle: C,
|
|
657
657
|
onMove: g,
|
|
658
658
|
onAlignChange: d,
|
|
659
|
-
onExtend:
|
|
659
|
+
onExtend: b
|
|
660
660
|
}) => {
|
|
661
661
|
const [y, j] = ge(!1), M = q(() => {
|
|
662
662
|
j(!0);
|
|
@@ -664,7 +664,7 @@ const x = me.exports.jsx, ve = me.exports.jsxs, Kr = ({
|
|
|
664
664
|
j(!1), !(!h.destination || h.reason !== "DROP" || h.destination.droppableId === h.source.droppableId && h.destination.index === h.source.index) && (g == null || g(h.draggableId, h.destination.droppableId, h.destination.index, h.source.droppableId, h.source.index));
|
|
665
665
|
}, [g]);
|
|
666
666
|
return /* @__PURE__ */ x("div", {
|
|
667
|
-
className: ["reactalign", "wrapper", n, f && "vertical",
|
|
667
|
+
className: ["reactalign", "wrapper", n, f && "vertical", R && "stretch"].filter(Boolean).join(" "),
|
|
668
668
|
style: i ? C : v,
|
|
669
669
|
children: /* @__PURE__ */ x(Mr, {
|
|
670
670
|
onDragStart: M,
|
|
@@ -673,7 +673,7 @@ const x = me.exports.jsx, ve = me.exports.jsxs, Kr = ({
|
|
|
673
673
|
value: {
|
|
674
674
|
editing: !!i,
|
|
675
675
|
onAlignChange: d,
|
|
676
|
-
onExtend:
|
|
676
|
+
onExtend: b,
|
|
677
677
|
isDragging: y
|
|
678
678
|
},
|
|
679
679
|
children: c
|
|
@@ -685,7 +685,7 @@ const x = me.exports.jsx, ve = me.exports.jsxs, Kr = ({
|
|
|
685
685
|
children: c,
|
|
686
686
|
horizontal: i,
|
|
687
687
|
stretch: f,
|
|
688
|
-
fixedWidth:
|
|
688
|
+
fixedWidth: R,
|
|
689
689
|
fixedHeight: v,
|
|
690
690
|
style: C,
|
|
691
691
|
editorStyle: g
|
|
@@ -697,8 +697,8 @@ const x = me.exports.jsx, ve = me.exports.jsxs, Kr = ({
|
|
|
697
697
|
className: `section ${n} ${i ? "horizontal" : ""} ${f ? "stretch" : ""}`,
|
|
698
698
|
style: k(k(k({}, d ? g : C), typeof v == "number" ? {
|
|
699
699
|
height: v + "px"
|
|
700
|
-
} : {}), typeof
|
|
701
|
-
width:
|
|
700
|
+
} : {}), typeof R == "number" ? {
|
|
701
|
+
width: R + "px"
|
|
702
702
|
} : {}),
|
|
703
703
|
children: c
|
|
704
704
|
});
|
|
@@ -1053,12 +1053,12 @@ function Qr({
|
|
|
1053
1053
|
className: c,
|
|
1054
1054
|
vertical: i,
|
|
1055
1055
|
stretch: f,
|
|
1056
|
-
middle:
|
|
1056
|
+
middle: R,
|
|
1057
1057
|
bottom: v,
|
|
1058
1058
|
disabled: C,
|
|
1059
1059
|
align: g,
|
|
1060
1060
|
realignable: d,
|
|
1061
|
-
children:
|
|
1061
|
+
children: b,
|
|
1062
1062
|
style: y,
|
|
1063
1063
|
editorStyle: j,
|
|
1064
1064
|
iconColor: M = "#FFFFFF",
|
|
@@ -1091,10 +1091,10 @@ function Qr({
|
|
|
1091
1091
|
opacity: !C && m && d ? 1 : 0,
|
|
1092
1092
|
pointerEvents: !C && m && d ? "auto" : "none",
|
|
1093
1093
|
transition: "all 0.5s ease-in-out"
|
|
1094
|
-
}), [i, v, C, m, d]), V = ne(() => de.map(
|
|
1094
|
+
}), [i, v, C, m, d]), V = ne(() => de.map(b, (_) => Or(_, {
|
|
1095
1095
|
bottom: v,
|
|
1096
1096
|
vertical: i
|
|
1097
|
-
})), [
|
|
1097
|
+
})), [b, v, i]);
|
|
1098
1098
|
return F ? /* @__PURE__ */ x(Tr, {
|
|
1099
1099
|
droppableId: n,
|
|
1100
1100
|
direction: i ? "vertical" : "horizontal",
|
|
@@ -1102,11 +1102,11 @@ function Qr({
|
|
|
1102
1102
|
children: (_, B) => /* @__PURE__ */ ve("div", te(k({
|
|
1103
1103
|
ref: _.innerRef
|
|
1104
1104
|
}, _.droppableProps), {
|
|
1105
|
-
className: [c, "area", f && "stretch",
|
|
1105
|
+
className: [c, "area", f && "stretch", R && "middle", v && "bottom", g === "centered" ? "just-centered" : g === "end" ? "just-end" : "start", m ? "area-transition-in" : "area-transition-out"].filter(Boolean).join(" "),
|
|
1106
1106
|
style: k({
|
|
1107
1107
|
flexDirection: i ? "column" : "row",
|
|
1108
|
-
minHeight: !de.count(
|
|
1109
|
-
minWidth: !de.count(
|
|
1108
|
+
minHeight: !de.count(b) && !m ? "0px" : "26px",
|
|
1109
|
+
minWidth: !de.count(b) && !m ? "0px" : "46px",
|
|
1110
1110
|
opacity: B.isDraggingOver ? 0.8 : 1
|
|
1111
1111
|
}, m ? j : y),
|
|
1112
1112
|
onClick: $,
|
|
@@ -1132,12 +1132,12 @@ function et(j) {
|
|
|
1132
1132
|
children: c,
|
|
1133
1133
|
id: i,
|
|
1134
1134
|
index: f,
|
|
1135
|
-
extendable:
|
|
1135
|
+
extendable: R = !1,
|
|
1136
1136
|
extended: v = !1,
|
|
1137
1137
|
disabled: C = !1,
|
|
1138
1138
|
style: g,
|
|
1139
1139
|
editorStyle: d,
|
|
1140
|
-
iconColor:
|
|
1140
|
+
iconColor: b = "rgb(255, 255, 255)"
|
|
1141
1141
|
} = M, y = Ue(M, [
|
|
1142
1142
|
"className",
|
|
1143
1143
|
"children",
|
|
@@ -1157,21 +1157,21 @@ function et(j) {
|
|
|
1157
1157
|
isDragging: F,
|
|
1158
1158
|
onExtend: P
|
|
1159
1159
|
} = Le(), [m, L] = ge(!1), N = q(() => {
|
|
1160
|
-
!
|
|
1161
|
-
}, [
|
|
1160
|
+
!R || (L(!1), P == null || P(i, !v));
|
|
1161
|
+
}, [R, P, v, i]), $ = ne(() => ({
|
|
1162
1162
|
alignItems: "start",
|
|
1163
1163
|
float: "left",
|
|
1164
|
-
color:
|
|
1165
|
-
}), [
|
|
1164
|
+
color: b
|
|
1165
|
+
}), [b]), Y = ne(() => ({
|
|
1166
1166
|
id: i,
|
|
1167
1167
|
editing: h,
|
|
1168
1168
|
isDragging: F,
|
|
1169
1169
|
isHovered: m,
|
|
1170
1170
|
extended: v,
|
|
1171
|
-
extendable:
|
|
1171
|
+
extendable: R,
|
|
1172
1172
|
disabled: C,
|
|
1173
1173
|
index: f
|
|
1174
|
-
}), [C, h,
|
|
1174
|
+
}), [C, h, R, v, i, f, F, m]);
|
|
1175
1175
|
return /* @__PURE__ */ x(Pr, {
|
|
1176
1176
|
draggableId: i,
|
|
1177
1177
|
index: f,
|
|
@@ -1186,11 +1186,10 @@ function et(j) {
|
|
|
1186
1186
|
}, h ? d : g), V.draggableProps.style),
|
|
1187
1187
|
children: /* @__PURE__ */ ve("div", {
|
|
1188
1188
|
style: {
|
|
1189
|
-
display: "inline-block",
|
|
1190
1189
|
position: "relative",
|
|
1191
1190
|
minHeight: m && !C ? "35px" : void 0,
|
|
1192
1191
|
width: !S && v ? "100%" : void 0,
|
|
1193
|
-
minWidth: m && !C ?
|
|
1192
|
+
minWidth: m && !C ? R ? "70px" : "35px" : void 0,
|
|
1194
1193
|
height: S && v ? "100%" : void 0
|
|
1195
1194
|
},
|
|
1196
1195
|
onMouseEnter: () => h && L(!0),
|
|
@@ -1211,7 +1210,7 @@ function et(j) {
|
|
|
1211
1210
|
children: /* @__PURE__ */ x(he, {
|
|
1212
1211
|
name: "moveArrows"
|
|
1213
1212
|
})
|
|
1214
|
-
})),
|
|
1213
|
+
})), R && /* @__PURE__ */ x("div", {
|
|
1215
1214
|
style: {
|
|
1216
1215
|
cursor: "pointer",
|
|
1217
1216
|
marginLeft: "8px"
|
package/dist/react-align.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(".reactalign.wrapper{height:100%;display:flex;justify-content:space-between}.reactalign .section{display:flex;flex-direction:column;justify-content:space-between}.reactalign .area{display:flex;border:0 solid transparent;box-sizing:border-box;border-radius:8px;position:relative}.reactalign .area-transition-in{transition:all .3s ease-in-out,min-height .5s ease-in-out .2s,min-width .5s ease-in-out .2s}.reactalign .area-transition-out{transition:all .3s ease-in-out .4s,min-height .5s ease-in-out .2s,min-width .5s ease-in-out .2s}.reactalign .item{position:relative;border:0 solid transparent;margin:6px;border-radius:6px}.reactalign .stretch{flex:auto}.reactalign .just-centered{justify-content:center}.reactalign .just-end{justify-content:flex-end}.reactalign .middle{align-items:center}.reactalign .bottom{align-items:flex-end}.reactalign .hide{display:none}.reactalign .overlay{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background:rgba(0,0,0,.6)}.reactalign .overlay-buttons{display:flex;padding:6px;box-sizing:border-box;justify-content:space-between}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
(function(f,i){typeof exports=="object"&&typeof module!="undefined"?i(exports,require("react"),require("react-beautiful-dnd")):typeof define=="function"&&define.amd?define(["exports","react","react-beautiful-dnd"],i):(f=typeof globalThis!="undefined"?globalThis:f||self,i(f.ReactAlign={},f.React,f.ReactBeautifulDnd))})(this,function(f,i,S){"use strict";var Tr=Object.defineProperty,Pr=Object.defineProperties;var Dr=Object.getOwnPropertyDescriptors;var ae=Object.getOwnPropertySymbols;var Ge=Object.prototype.hasOwnProperty,qe=Object.prototype.propertyIsEnumerable;var ze=(f,i,S)=>i in f?Tr(f,i,{enumerable:!0,configurable:!0,writable:!0,value:S}):f[i]=S,w=(f,i)=>{for(var S in i||(i={}))Ge.call(i,S)&&ze(f,S,i[S]);if(ae)for(var S of ae(i))qe.call(i,S)&&ze(f,S,i[S]);return f},ie=(f,i)=>Pr(f,Dr(i));var Je=(f,i)=>{var S={};for(var A in f)Ge.call(f,A)&&i.indexOf(A)<0&&(S[A]=f[A]);if(f!=null&&ae)for(var A of ae(f))i.indexOf(A)<0&&qe.call(f,A)&&(S[A]=f[A]);return S};const A=n=>n&&typeof n=="object"&&"default"in n?n:{default:n};function Ke(n){if(n&&n.__esModule)return n;const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const
|
|
2
|
+
(function(f,i){typeof exports=="object"&&typeof module!="undefined"?i(exports,require("react"),require("react-beautiful-dnd")):typeof define=="function"&&define.amd?define(["exports","react","react-beautiful-dnd"],i):(f=typeof globalThis!="undefined"?globalThis:f||self,i(f.ReactAlign={},f.React,f.ReactBeautifulDnd))})(this,function(f,i,S){"use strict";var Tr=Object.defineProperty,Pr=Object.defineProperties;var Dr=Object.getOwnPropertyDescriptors;var ae=Object.getOwnPropertySymbols;var Ge=Object.prototype.hasOwnProperty,qe=Object.prototype.propertyIsEnumerable;var ze=(f,i,S)=>i in f?Tr(f,i,{enumerable:!0,configurable:!0,writable:!0,value:S}):f[i]=S,w=(f,i)=>{for(var S in i||(i={}))Ge.call(i,S)&&ze(f,S,i[S]);if(ae)for(var S of ae(i))qe.call(i,S)&&ze(f,S,i[S]);return f},ie=(f,i)=>Pr(f,Dr(i));var Je=(f,i)=>{var S={};for(var A in f)Ge.call(f,A)&&i.indexOf(A)<0&&(S[A]=f[A]);if(f!=null&&ae)for(var A of ae(f))i.indexOf(A)<0&&qe.call(f,A)&&(S[A]=f[A]);return S};const A=n=>n&&typeof n=="object"&&"default"in n?n:{default:n};function Ke(n){if(n&&n.__esModule)return n;const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const E=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(C,l,E.get?E:{enumerable:!0,get:()=>n[l]})}}return C.default=n,Object.freeze(C)}const Ce=A(i),o=Ke(i),Ee=i.createContext({editing:!1,isDragging:!1}),se=()=>i.useContext(Ee),Wr="";var le={exports:{}},H={};/**
|
|
3
3
|
* @license React
|
|
4
4
|
* react-jsx-runtime.production.min.js
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the MIT license found in the
|
|
9
9
|
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/var ke;function Xe(){if(ke)return H;ke=1;var n=Ce.default,C=Symbol.for("react.element"),
|
|
10
|
+
*/var ke;function Xe(){if(ke)return H;ke=1;var n=Ce.default,C=Symbol.for("react.element"),l=Symbol.for("react.fragment"),E=Object.prototype.hasOwnProperty,R=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,v={key:!0,ref:!0,__self:!0,__source:!0};function k(g,d,j){var _,O={},D=null,T=null;j!==void 0&&(D=""+j),d.key!==void 0&&(D=""+d.key),d.ref!==void 0&&(T=d.ref);for(_ in d)E.call(d,_)&&!v.hasOwnProperty(_)&&(O[_]=d[_]);if(g&&g.defaultProps)for(_ in d=g.defaultProps,d)O[_]===void 0&&(O[_]=d[_]);return{$$typeof:C,type:g,key:D,ref:T,props:O,_owner:R.current}}return H.Fragment=l,H.jsx=k,H.jsxs=k,H}var U={};/**
|
|
11
11
|
* @license React
|
|
12
12
|
* react-jsx-runtime.development.js
|
|
13
13
|
*
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
*
|
|
16
16
|
* This source code is licensed under the MIT license found in the
|
|
17
17
|
* LICENSE file in the root directory of this source tree.
|
|
18
|
-
*/var ye;function Qe(){return ye||(ye=1,process.env.NODE_ENV!=="production"&&function(){var n=Ce.default,C=Symbol.for("react.element"),
|
|
19
|
-
`+de+e}}var pe=!1,re;{var ur=typeof WeakMap=="function"?WeakMap:Map;re=new ur}function Pe(e,r){if(!e||pe)return"";{var t=re.get(e);if(t!==void 0)return t}var a;pe=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=fe.current,fe.current=null,
|
|
18
|
+
*/var ye;function Qe(){return ye||(ye=1,process.env.NODE_ENV!=="production"&&function(){var n=Ce.default,C=Symbol.for("react.element"),l=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),R=Symbol.for("react.strict_mode"),v=Symbol.for("react.profiler"),k=Symbol.for("react.provider"),g=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),_=Symbol.for("react.suspense_list"),O=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),T=Symbol.for("react.offscreen"),h=Symbol.iterator,N="@@iterator";function V(e){if(e===null||typeof e!="object")return null;var r=h&&e[h]||e[N];return typeof r=="function"?r:null}var m=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function L(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];z("error",e,t)}}function z(e,r,t){{var a=m.ReactDebugCurrentFrame,c=a.getStackAddendum();c!==""&&(r+="%s",t=t.concat([c]));var p=t.map(function(u){return String(u)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var G=!1,q=!1,Z=!1,M=!1,J=!1,we;we=Symbol.for("react.module.reference");function ar(e){return!!(typeof e=="string"||typeof e=="function"||e===E||e===v||J||e===R||e===j||e===_||M||e===T||G||q||Z||typeof e=="object"&&e!==null&&(e.$$typeof===D||e.$$typeof===O||e.$$typeof===k||e.$$typeof===g||e.$$typeof===d||e.$$typeof===we||e.getModuleId!==void 0))}function ir(e,r,t){var a=e.displayName;if(a)return a;var c=r.displayName||r.name||"";return c!==""?t+"("+c+")":t}function be(e){return e.displayName||"Context"}function F(e){if(e==null)return null;if(typeof e.tag=="number"&&L("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case E:return"Fragment";case l:return"Portal";case v:return"Profiler";case R:return"StrictMode";case j:return"Suspense";case _:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case g:var r=e;return be(r)+".Consumer";case k:var t=e;return be(t._context)+".Provider";case d:return ir(e,e.render,"ForwardRef");case O:var a=e.displayName||null;return a!==null?a:F(e.type)||"Memo";case D:{var c=e,p=c._payload,u=c._init;try{return F(u(p))}catch(s){return null}}}return null}var $=Object.assign,K=0,_e,Se,Re,xe,je,Me,Oe;function Te(){}Te.__reactDisabledLog=!0;function sr(){{if(K===0){_e=console.log,Se=console.info,Re=console.warn,xe=console.error,je=console.group,Me=console.groupCollapsed,Oe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Te,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}K++}}function lr(){{if(K--,K===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:$({},e,{value:_e}),info:$({},e,{value:Se}),warn:$({},e,{value:Re}),error:$({},e,{value:xe}),group:$({},e,{value:je}),groupCollapsed:$({},e,{value:Me}),groupEnd:$({},e,{value:Oe})})}K<0&&L("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var fe=m.ReactCurrentDispatcher,de;function ee(e,r,t){{if(de===void 0)try{throw Error()}catch(c){var a=c.stack.trim().match(/\n( *(at )?)/);de=a&&a[1]||""}return`
|
|
19
|
+
`+de+e}}var pe=!1,re;{var ur=typeof WeakMap=="function"?WeakMap:Map;re=new ur}function Pe(e,r){if(!e||pe)return"";{var t=re.get(e);if(t!==void 0)return t}var a;pe=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=fe.current,fe.current=null,sr();try{if(r){var u=function(){throw Error()};if(Object.defineProperty(u.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(u,[])}catch(I){a=I}Reflect.construct(e,[],u)}else{try{u.call()}catch(I){a=I}e.call(u.prototype)}}else{try{throw Error()}catch(I){a=I}e()}}catch(I){if(I&&a&&typeof I.stack=="string"){for(var s=I.stack.split(`
|
|
20
20
|
`),P=a.stack.split(`
|
|
21
|
-
`),y=
|
|
22
|
-
`+
|
|
21
|
+
`),y=s.length-1,b=P.length-1;y>=1&&b>=0&&s[y]!==P[b];)b--;for(;y>=1&&b>=0;y--,b--)if(s[y]!==P[b]){if(y!==1||b!==1)do if(y--,b--,b<0||s[y]!==P[b]){var W=`
|
|
22
|
+
`+s[y].replace(" at new "," at ");return e.displayName&&W.includes("<anonymous>")&&(W=W.replace("<anonymous>",e.displayName)),typeof e=="function"&&re.set(e,W),W}while(y>=1&&b>=0);break}}}finally{pe=!1,fe.current=p,lr(),Error.prepareStackTrace=c}var B=e?e.displayName||e.name:"",Ue=B?ee(B):"";return typeof e=="function"&&re.set(e,Ue),Ue}function cr(e,r,t){return Pe(e,!1)}function fr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function te(e,r,t){if(e==null)return"";if(typeof e=="function")return Pe(e,fr(e));if(typeof e=="string")return ee(e);switch(e){case j:return ee("Suspense");case _:return ee("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case d:return cr(e.render);case O:return te(e.type,r,t);case D:{var a=e,c=a._payload,p=a._init;try{return te(p(c),r,t)}catch(u){}}}return""}var ne=Object.prototype.hasOwnProperty,De={},We=m.ReactDebugCurrentFrame;function oe(e){if(e){var r=e._owner,t=te(e.type,e._source,r?r.type:null);We.setExtraStackFrame(t)}else We.setExtraStackFrame(null)}function dr(e,r,t,a,c){{var p=Function.call.bind(ne);for(var u in e)if(p(e,u)){var s=void 0;try{if(typeof e[u]!="function"){var P=Error((a||"React class")+": "+t+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw P.name="Invariant Violation",P}s=e[u](r,u,a,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(y){s=y}s&&!(s instanceof Error)&&(oe(c),L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",t,u,typeof s),oe(null)),s instanceof Error&&!(s.message in De)&&(De[s.message]=!0,oe(c),L("Failed %s type: %s",t,s.message),oe(null))}}}var pr=Array.isArray;function ve(e){return pr(e)}function vr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function hr(e){try{return Ae(e),!1}catch(r){return!0}}function Ae(e){return""+e}function Ve(e){if(hr(e))return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",vr(e)),Ae(e)}var X=m.ReactCurrentOwner,gr={key:!0,ref:!0,__self:!0,__source:!0},Fe,Ie,he;he={};function Lr(e){if(ne.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function mr(e){if(ne.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Cr(e,r){if(typeof e.ref=="string"&&X.current&&r&&X.current.stateNode!==r){var t=F(X.current.type);he[t]||(L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',F(X.current.type),e.ref),he[t]=!0)}}function Er(e,r){{var t=function(){Fe||(Fe=!0,L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function kr(e,r){{var t=function(){Ie||(Ie=!0,L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var yr=function(e,r,t,a,c,p,u){var s={$$typeof:C,type:e,key:r,ref:t,props:u,_owner:p};return s._store={},Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(s,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(s,"_source",{configurable:!1,enumerable:!1,writable:!1,value:c}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s};function wr(e,r,t,a,c){{var p,u={},s=null,P=null;t!==void 0&&(Ve(t),s=""+t),mr(r)&&(Ve(r.key),s=""+r.key),Lr(r)&&(P=r.ref,Cr(r,c));for(p in r)ne.call(r,p)&&!gr.hasOwnProperty(p)&&(u[p]=r[p]);if(e&&e.defaultProps){var y=e.defaultProps;for(p in y)u[p]===void 0&&(u[p]=y[p])}if(s||P){var b=typeof e=="function"?e.displayName||e.name||"Unknown":e;s&&Er(u,b),P&&kr(u,b)}return yr(e,s,P,c,a,X.current,u)}}var ge=m.ReactCurrentOwner,Ne=m.ReactDebugCurrentFrame;function Y(e){if(e){var r=e._owner,t=te(e.type,e._source,r?r.type:null);Ne.setExtraStackFrame(t)}else Ne.setExtraStackFrame(null)}var Le;Le=!1;function me(e){return typeof e=="object"&&e!==null&&e.$$typeof===C}function Ze(){{if(ge.current){var e=F(ge.current.type);if(e)return`
|
|
23
23
|
|
|
24
24
|
Check the render method of \``+e+"`."}return""}}function br(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
|
|
25
25
|
|
|
26
26
|
Check your code at `+r+":"+t+"."}return""}}var $e={};function _r(e){{var r=Ze();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
|
|
27
27
|
|
|
28
|
-
Check the top-level render call using <`+t+">.")}return r}}function Ye(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=_r(r);if($e[t])return;$e[t]=!0;var a="";e&&e._owner&&e._owner!==ge.current&&(a=" It was passed a child from "+F(e._owner.type)+"."),Y(e),L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),Y(null)}}function Be(e,r){{if(typeof e!="object")return;if(ve(e))for(var t=0;t<e.length;t++){var a=e[t];me(a)&&Ye(a,r)}else if(me(e))e._store&&(e._store.validated=!0);else if(e){var c=V(e);if(typeof c=="function"&&c!==e.entries)for(var p=c.call(e),u;!(u=p.next()).done;)me(u.value)&&Ye(u.value,r)}}}function Sr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===d||r.$$typeof===O))t=r.propTypes;else return;if(t){var a=F(r);dr(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!Le){Le=!0;var c=F(r);L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",c||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Rr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){Y(e),L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),Y(null);break}}e.ref!==null&&(Y(e),L("Invalid attribute `ref` supplied to `React.Fragment`."),Y(null))}}function He(e,r,t,a,c,p){{var u=ar(e);if(!u){var l="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(l+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var P=br(c);P?l+=P:l+=Ze();var y;e===null?y="null":ve(e)?y="array":e!==void 0&&e.$$typeof===C?(y="<"+(F(e.type)||"Unknown")+" />",l=" Did you accidentally export a JSX literal instead of a component?"):y=typeof e,L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",y,l)}var b=wr(e,r,t,c,p);if(b==null)return b;if(u){var W=r.children;if(W!==void 0)if(a)if(ve(W)){for(var B=0;B<W.length;B++)Be(W[B],e);Object.freeze&&Object.freeze(W)}else L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Be(W,e)}return e===E?Rr(b):Sr(b),b}}function xr(e,r,t){return He(e,r,t,!0)}function jr(e,r,t){return He(e,r,t,!1)}var Mr=jr,Or=xr;U.Fragment=E,U.jsx=Mr,U.jsxs=Or}()),U}(function(n){process.env.NODE_ENV==="production"?n.exports=Xe():n.exports=Qe()})(se);const x=se.exports.jsx,ue=se.exports.jsxs,er=({className:n,children:C,editing:s,vertical:E,stretch:R,style:v,editorStyle:k,onMove:g,onAlignChange:d,onExtend:j})=>{const[_,O]=i.useState(!1),D=i.useCallback(()=>{O(!0)},[]),T=i.useCallback((h,N)=>{O(!1),!(!h.destination||h.reason!=="DROP"||h.destination.droppableId===h.source.droppableId&&h.destination.index===h.source.index)&&(g==null||g(h.draggableId,h.destination.droppableId,h.destination.index,h.source.droppableId,h.source.index))},[g]);return x("div",{className:["reactalign","wrapper",n,E&&"vertical",R&&"stretch"].filter(Boolean).join(" "),style:s?k:v,children:x(S.DragDropContext,{onDragStart:D,onDragEnd:T,children:x(Ee.Provider,{value:{editing:!!s,onAlignChange:d,onExtend:j,isDragging:_},children:C})})})},rr=({className:n,children:C,horizontal:s,stretch:E,fixedWidth:R,fixedHeight:v,style:k,editorStyle:g})=>{const{editing:d}=le();return x("div",{className:`section ${n} ${s?"horizontal":""} ${E?"stretch":""}`,style:w(w(w({},d?g:k),typeof v=="number"?{height:v+"px"}:{}),typeof R=="number"?{width:R+"px"}:{}),children:C})},tr={horizontalExtend:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M0.999999 20.25L1 3.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M23 20.25L23 3.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 12L20.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M17.5 9L20.5 12L17.5 15",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 12L4 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M7 15L4 12L7 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),horizontalNormal:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M1 12L6 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M3 9L6 12L3 15",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M23 12L18 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M21 15L18 12L21 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("rect",{x:8.75,y:2.75,width:6.5,height:18.5,rx:1.25,stroke:"currentColor",strokeWidth:1.5})),verticalExtend:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M3.75 0.999999L20.25 1",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M3.75 23L20.25 23",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 12L12 20.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M15 17.5L12 20.5L9 17.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 12L12 4",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9 7L12 4L15 7",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),verticalNormal:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M12 1L12 6",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M15 3L12 6L9 3",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 23L12 18",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9 21L12 18L15 21",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("rect",{x:21.25,y:8.75,width:6.5,height:18.5,rx:1.25,transform:"rotate(90 21.25 8.75)",stroke:"currentColor",strokeWidth:1.5})),moveArrows:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M14.6514 19.0977L11.9998 21.7493L9.34814 19.0977",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 15V21.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9.34814 4.90163L11.9998 2.25L14.6514 4.90163",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 9V2.25",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M4.90163 14.6509L2.25 11.9993L4.90163 9.34766",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9 12H2.25",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.0981 9.34766L21.7498 11.9993L19.0981 14.6509",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M15 12H21.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),alignStart:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{width:24,height:24,rx:4,fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 5H19V19H5V5ZM4 4H5H19H20V5V19V20H19H5H4V19V5V4ZM6 10C6 9.44772 6.44772 9 7 9C7.55228 9 8 9.44772 8 10V14C8 14.5523 7.55228 15 7 15C6.44772 15 6 14.5523 6 14V10ZM9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10V14C11 14.5523 10.5523 15 10 15C9.44772 15 9 14.5523 9 14V10ZM13 9C12.4477 9 12 9.44772 12 10V14C12 14.5523 12.4477 15 13 15C13.5523 15 14 14.5523 14 14V10C14 9.44772 13.5523 9 13 9Z",fill:"currentColor"})),alignCenter:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{width:24,height:24,rx:4,fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 19L5 19L5 5L19 5L19 19ZM20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4L20 5L20 19L20 20ZM16 14C16 14.5523 15.5523 15 15 15C14.4477 15 14 14.5523 14 14L14 10C14 9.44772 14.4477 9 15 9C15.5523 9 16 9.44771 16 10L16 14ZM13 14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14L11 10C11 9.44771 11.4477 9 12 9C12.5523 9 13 9.44771 13 10L13 14ZM9 15C9.55228 15 10 14.5523 10 14L10 10C10 9.44771 9.55228 9 9 9C8.44771 9 8 9.44771 8 10L8 14C8 14.5523 8.44772 15 9 15Z",fill:"currentColor"})),alignEnd:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{width:24,height:24,rx:4,fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 19L5 19L5 5L19 5L19 19ZM20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4L20 5L20 19L20 20ZM18 14C18 14.5523 17.5523 15 17 15C16.4477 15 16 14.5523 16 14L16 10C16 9.44772 16.4477 9 17 9C17.5523 9 18 9.44771 18 10L18 14ZM15 14C15 14.5523 14.5523 15 14 15C13.4477 15 13 14.5523 13 14L13 10C13 9.44772 13.4477 9 14 9C14.5523 9 15 9.44772 15 10L15 14ZM11 15C11.5523 15 12 14.5523 12 14L12 10C12 9.44772 11.5523 9 11 9C10.4477 9 10 9.44772 10 10L10 14C10 14.5523 10.4477 15 11 15Z",fill:"currentColor"})),alignStartV:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{y:24,width:24,height:24,rx:4,transform:"rotate(-90 0 24)",fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 5L19 19L5 19L5 5L19 5ZM20 4L20 5L20 19L20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4ZM14 6C14.5523 6 15 6.44772 15 7C15 7.55229 14.5523 8 14 8L10 8C9.44772 8 9 7.55229 9 7C9 6.44772 9.44772 6 10 6L14 6ZM14 9C14.5523 9 15 9.44772 15 10C15 10.5523 14.5523 11 14 11L10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9L14 9ZM15 13C15 12.4477 14.5523 12 14 12L10 12C9.44772 12 9 12.4477 9 13C9 13.5523 9.44772 14 10 14L14 14C14.5523 14 15 13.5523 15 13Z",fill:"currentColor"})),alignCenterV:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{y:24,width:24,height:24,rx:4,transform:"rotate(-90 0 24)",fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 5L19 19L5 19L5 5L19 5ZM20 4L20 5L20 19L20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4ZM14 8C14.5523 8 15 8.44772 15 9C15 9.55228 14.5523 10 14 10L10 10C9.44772 10 9 9.55229 9 9C9 8.44772 9.44771 8 10 8L14 8ZM14 11C14.5523 11 15 11.4477 15 12C15 12.5523 14.5523 13 14 13L10 13C9.44772 13 9 12.5523 9 12C9 11.4477 9.44771 11 10 11L14 11ZM15 15C15 14.4477 14.5523 14 14 14L10 14C9.44772 14 9 14.4477 9 15C9 15.5523 9.44772 16 10 16L14 16C14.5523 16 15 15.5523 15 15Z",fill:"currentColor"})),alignEndV:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{y:24,width:24,height:24,rx:4,transform:"rotate(-90 0 24)",fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 19L5 5L19 5L19 19L5 19ZM4 20L4 19L4 5L4 4L5 4L19 4L20 4L20 5L20 19L20 20L19 20L5 20L4 20ZM10 18C9.44772 18 9 17.5523 9 17C9 16.4477 9.44772 16 10 16L14 16C14.5523 16 15 16.4477 15 17C15 17.5523 14.5523 18 14 18L10 18ZM10 15C9.44772 15 9 14.5523 9 14C9 13.4477 9.44771 13 10 13L14 13C14.5523 13 15 13.4477 15 14C15 14.5523 14.5523 15 14 15L10 15ZM9 11C9 11.5523 9.44771 12 10 12L14 12C14.5523 12 15 11.5523 15 11C15 10.4477 14.5523 10 14 10L10 10C9.44771 10 9 10.4477 9 11Z",fill:"currentColor"}))},Q=({className:n,name:C,onClick:s})=>{const E=tr[C];return x(E,{className:n,onClick:s})},ce=["start","centered","end"];function nr({id:n,className:C,vertical:s,stretch:E,middle:R,bottom:v,disabled:k,align:g,realignable:d,children:j,style:_,editorStyle:O,iconColor:D="#FFFFFF",onAlignChange:T,onClick:h}){const[N,V]=i.useState(!1);i.useEffect(()=>{const M=requestAnimationFrame(()=>V(!0));return()=>{cancelAnimationFrame(M),V(!1)}},[]);const{editing:m,onAlignChange:L}=le(),z=i.useCallback(()=>{if(!d)return;const M=ce[(g?ce.indexOf(g)+1:0)%ce.length];T==null||T(M),L==null||L(n,M)},[g,d,T,L,n]),G=i.useCallback(()=>{!m||h==null||h(n)},[n,m,h]),q=i.useMemo(()=>({position:"absolute",left:s?v?0:void 0:"50%",right:s?v?void 0:0:"50%",bottom:!s&&!v?0:s?"50%":void 0,top:s?"50%":v?0:void 0,opacity:!k&&m&&d?1:0,pointerEvents:!k&&m&&d?"auto":"none",transition:"all 0.5s ease-in-out"}),[s,v,k,m,d]),Z=i.useMemo(()=>i.Children.map(j,M=>i.cloneElement(M,{bottom:v,vertical:s})),[j,v,s]);return N?x(S.Droppable,{droppableId:n,direction:s?"vertical":"horizontal",isDropDisabled:k,children:(M,J)=>ue("div",ie(w({ref:M.innerRef},M.droppableProps),{className:[C,"area",E&&"stretch",R&&"middle",v&&"bottom",g==="centered"?"just-centered":g==="end"?"just-end":"start",m?"area-transition-in":"area-transition-out"].filter(Boolean).join(" "),style:w({flexDirection:s?"column":"row",minHeight:!i.Children.count(j)&&!m?"0px":"26px",minWidth:!i.Children.count(j)&&!m?"0px":"46px",opacity:J.isDraggingOver?.8:1},m?O:_),onClick:G,children:[Z,M.placeholder,x("div",{style:q,children:x("div",{onClick:z,style:{cursor:"pointer",color:D},children:x(Q,{name:g==="centered"?s?"alignCenterV":"alignCenter":g==="end"?s?"alignEndV":"alignEnd":s?"alignStartV":"alignStart"})})})]}))}):null}function or(O){var D=O,{className:n,children:C,id:s,index:E,extendable:R=!1,extended:v=!1,disabled:k=!1,style:g,editorStyle:d,iconColor:j="rgb(255, 255, 255)"}=D,_=Je(D,["className","children","id","index","extendable","extended","disabled","style","editorStyle","iconColor"]);const{vertical:T}=_,{editing:h,isDragging:N,onExtend:V}=le(),[m,L]=i.useState(!1),z=i.useCallback(()=>{!R||(L(!1),V==null||V(s,!v))},[R,V,v,s]),G=i.useMemo(()=>({alignItems:"start",float:"left",color:j}),[j]),q=i.useMemo(()=>({id:s,editing:h,isDragging:N,isHovered:m,extended:v,extendable:R,disabled:k,index:E}),[k,h,R,v,s,E,N,m]);return x(S.Draggable,{draggableId:s,index:E,isDragDisabled:k,children:(Z,M)=>x("div",ie(w({ref:Z.innerRef},Z.draggableProps),{className:`${n} item`,style:w(w({flex:v&&!M.isDragging?"auto":void 0,opacity:M.isDragging?.5:1},h?d:g),Z.draggableProps.style),children:ue("div",{style:{display:"inline-block",position:"relative",minHeight:m&&!k?"35px":void 0,width:!T&&v?"100%":void 0,minWidth:m&&!k?R?"70px":"35px":void 0,height:T&&v?"100%":void 0},onMouseEnter:()=>h&&L(!0),onMouseLeave:()=>h&&L(!1),onClick:J=>J.stopPropagation(),children:[typeof C=="function"?C(q):C,x("div",{className:"overlay",style:{display:!k&&h&&m&&(M.isDragging||!N)?"block":"none"},children:ue("div",{className:"overlay-buttons",style:G,children:[x("div",ie(w({},Z.dragHandleProps),{style:{cursor:"grab"},children:x(Q,{name:"moveArrows"})})),R&&x("div",{style:{cursor:"pointer",marginLeft:"8px"},onClick:z,children:x(Q,{name:T?"verticalExtend":"horizontalExtend"})})]})})]})}))})}f.GridArea=nr,f.GridItem=or,f.GridSection=rr,f.GridWrapper=er,f.Icon=Q,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
28
|
+
Check the top-level render call using <`+t+">.")}return r}}function Ye(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=_r(r);if($e[t])return;$e[t]=!0;var a="";e&&e._owner&&e._owner!==ge.current&&(a=" It was passed a child from "+F(e._owner.type)+"."),Y(e),L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),Y(null)}}function Be(e,r){{if(typeof e!="object")return;if(ve(e))for(var t=0;t<e.length;t++){var a=e[t];me(a)&&Ye(a,r)}else if(me(e))e._store&&(e._store.validated=!0);else if(e){var c=V(e);if(typeof c=="function"&&c!==e.entries)for(var p=c.call(e),u;!(u=p.next()).done;)me(u.value)&&Ye(u.value,r)}}}function Sr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===d||r.$$typeof===O))t=r.propTypes;else return;if(t){var a=F(r);dr(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!Le){Le=!0;var c=F(r);L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",c||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Rr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){Y(e),L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),Y(null);break}}e.ref!==null&&(Y(e),L("Invalid attribute `ref` supplied to `React.Fragment`."),Y(null))}}function He(e,r,t,a,c,p){{var u=ar(e);if(!u){var s="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(s+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var P=br(c);P?s+=P:s+=Ze();var y;e===null?y="null":ve(e)?y="array":e!==void 0&&e.$$typeof===C?(y="<"+(F(e.type)||"Unknown")+" />",s=" Did you accidentally export a JSX literal instead of a component?"):y=typeof e,L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",y,s)}var b=wr(e,r,t,c,p);if(b==null)return b;if(u){var W=r.children;if(W!==void 0)if(a)if(ve(W)){for(var B=0;B<W.length;B++)Be(W[B],e);Object.freeze&&Object.freeze(W)}else L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Be(W,e)}return e===E?Rr(b):Sr(b),b}}function xr(e,r,t){return He(e,r,t,!0)}function jr(e,r,t){return He(e,r,t,!1)}var Mr=jr,Or=xr;U.Fragment=E,U.jsx=Mr,U.jsxs=Or}()),U}(function(n){process.env.NODE_ENV==="production"?n.exports=Xe():n.exports=Qe()})(le);const x=le.exports.jsx,ue=le.exports.jsxs,er=({className:n,children:C,editing:l,vertical:E,stretch:R,style:v,editorStyle:k,onMove:g,onAlignChange:d,onExtend:j})=>{const[_,O]=i.useState(!1),D=i.useCallback(()=>{O(!0)},[]),T=i.useCallback((h,N)=>{O(!1),!(!h.destination||h.reason!=="DROP"||h.destination.droppableId===h.source.droppableId&&h.destination.index===h.source.index)&&(g==null||g(h.draggableId,h.destination.droppableId,h.destination.index,h.source.droppableId,h.source.index))},[g]);return x("div",{className:["reactalign","wrapper",n,E&&"vertical",R&&"stretch"].filter(Boolean).join(" "),style:l?k:v,children:x(S.DragDropContext,{onDragStart:D,onDragEnd:T,children:x(Ee.Provider,{value:{editing:!!l,onAlignChange:d,onExtend:j,isDragging:_},children:C})})})},rr=({className:n,children:C,horizontal:l,stretch:E,fixedWidth:R,fixedHeight:v,style:k,editorStyle:g})=>{const{editing:d}=se();return x("div",{className:`section ${n} ${l?"horizontal":""} ${E?"stretch":""}`,style:w(w(w({},d?g:k),typeof v=="number"?{height:v+"px"}:{}),typeof R=="number"?{width:R+"px"}:{}),children:C})},tr={horizontalExtend:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M0.999999 20.25L1 3.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M23 20.25L23 3.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 12L20.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M17.5 9L20.5 12L17.5 15",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 12L4 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M7 15L4 12L7 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),horizontalNormal:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M1 12L6 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M3 9L6 12L3 15",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M23 12L18 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M21 15L18 12L21 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("rect",{x:8.75,y:2.75,width:6.5,height:18.5,rx:1.25,stroke:"currentColor",strokeWidth:1.5})),verticalExtend:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M3.75 0.999999L20.25 1",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M3.75 23L20.25 23",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 12L12 20.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M15 17.5L12 20.5L9 17.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 12L12 4",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9 7L12 4L15 7",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),verticalNormal:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M12 1L12 6",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M15 3L12 6L9 3",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 23L12 18",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9 21L12 18L15 21",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("rect",{x:21.25,y:8.75,width:6.5,height:18.5,rx:1.25,transform:"rotate(90 21.25 8.75)",stroke:"currentColor",strokeWidth:1.5})),moveArrows:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("path",{d:"M14.6514 19.0977L11.9998 21.7493L9.34814 19.0977",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 15V21.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9.34814 4.90163L11.9998 2.25L14.6514 4.90163",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 9V2.25",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M4.90163 14.6509L2.25 11.9993L4.90163 9.34766",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9 12H2.25",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.0981 9.34766L21.7498 11.9993L19.0981 14.6509",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M15 12H21.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),alignStart:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{width:24,height:24,rx:4,fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 5H19V19H5V5ZM4 4H5H19H20V5V19V20H19H5H4V19V5V4ZM6 10C6 9.44772 6.44772 9 7 9C7.55228 9 8 9.44772 8 10V14C8 14.5523 7.55228 15 7 15C6.44772 15 6 14.5523 6 14V10ZM9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10V14C11 14.5523 10.5523 15 10 15C9.44772 15 9 14.5523 9 14V10ZM13 9C12.4477 9 12 9.44772 12 10V14C12 14.5523 12.4477 15 13 15C13.5523 15 14 14.5523 14 14V10C14 9.44772 13.5523 9 13 9Z",fill:"currentColor"})),alignCenter:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{width:24,height:24,rx:4,fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 19L5 19L5 5L19 5L19 19ZM20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4L20 5L20 19L20 20ZM16 14C16 14.5523 15.5523 15 15 15C14.4477 15 14 14.5523 14 14L14 10C14 9.44772 14.4477 9 15 9C15.5523 9 16 9.44771 16 10L16 14ZM13 14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14L11 10C11 9.44771 11.4477 9 12 9C12.5523 9 13 9.44771 13 10L13 14ZM9 15C9.55228 15 10 14.5523 10 14L10 10C10 9.44771 9.55228 9 9 9C8.44771 9 8 9.44771 8 10L8 14C8 14.5523 8.44772 15 9 15Z",fill:"currentColor"})),alignEnd:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{width:24,height:24,rx:4,fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 19L5 19L5 5L19 5L19 19ZM20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4L20 5L20 19L20 20ZM18 14C18 14.5523 17.5523 15 17 15C16.4477 15 16 14.5523 16 14L16 10C16 9.44772 16.4477 9 17 9C17.5523 9 18 9.44771 18 10L18 14ZM15 14C15 14.5523 14.5523 15 14 15C13.4477 15 13 14.5523 13 14L13 10C13 9.44772 13.4477 9 14 9C14.5523 9 15 9.44772 15 10L15 14ZM11 15C11.5523 15 12 14.5523 12 14L12 10C12 9.44772 11.5523 9 11 9C10.4477 9 10 9.44772 10 10L10 14C10 14.5523 10.4477 15 11 15Z",fill:"currentColor"})),alignStartV:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{y:24,width:24,height:24,rx:4,transform:"rotate(-90 0 24)",fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 5L19 19L5 19L5 5L19 5ZM20 4L20 5L20 19L20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4ZM14 6C14.5523 6 15 6.44772 15 7C15 7.55229 14.5523 8 14 8L10 8C9.44772 8 9 7.55229 9 7C9 6.44772 9.44772 6 10 6L14 6ZM14 9C14.5523 9 15 9.44772 15 10C15 10.5523 14.5523 11 14 11L10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9L14 9ZM15 13C15 12.4477 14.5523 12 14 12L10 12C9.44772 12 9 12.4477 9 13C9 13.5523 9.44772 14 10 14L14 14C14.5523 14 15 13.5523 15 13Z",fill:"currentColor"})),alignCenterV:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{y:24,width:24,height:24,rx:4,transform:"rotate(-90 0 24)",fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 5L19 19L5 19L5 5L19 5ZM20 4L20 5L20 19L20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4ZM14 8C14.5523 8 15 8.44772 15 9C15 9.55228 14.5523 10 14 10L10 10C9.44772 10 9 9.55229 9 9C9 8.44772 9.44771 8 10 8L14 8ZM14 11C14.5523 11 15 11.4477 15 12C15 12.5523 14.5523 13 14 13L10 13C9.44772 13 9 12.5523 9 12C9 11.4477 9.44771 11 10 11L14 11ZM15 15C15 14.4477 14.5523 14 14 14L10 14C9.44772 14 9 14.4477 9 15C9 15.5523 9.44772 16 10 16L14 16C14.5523 16 15 15.5523 15 15Z",fill:"currentColor"})),alignEndV:n=>o.createElement("svg",w({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o.createElement("rect",{y:24,width:24,height:24,rx:4,transform:"rotate(-90 0 24)",fill:"black",fillOpacity:.5}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 19L5 5L19 5L19 19L5 19ZM4 20L4 19L4 5L4 4L5 4L19 4L20 4L20 5L20 19L20 20L19 20L5 20L4 20ZM10 18C9.44772 18 9 17.5523 9 17C9 16.4477 9.44772 16 10 16L14 16C14.5523 16 15 16.4477 15 17C15 17.5523 14.5523 18 14 18L10 18ZM10 15C9.44772 15 9 14.5523 9 14C9 13.4477 9.44771 13 10 13L14 13C14.5523 13 15 13.4477 15 14C15 14.5523 14.5523 15 14 15L10 15ZM9 11C9 11.5523 9.44771 12 10 12L14 12C14.5523 12 15 11.5523 15 11C15 10.4477 14.5523 10 14 10L10 10C9.44771 10 9 10.4477 9 11Z",fill:"currentColor"}))},Q=({className:n,name:C,onClick:l})=>{const E=tr[C];return x(E,{className:n,onClick:l})},ce=["start","centered","end"];function nr({id:n,className:C,vertical:l,stretch:E,middle:R,bottom:v,disabled:k,align:g,realignable:d,children:j,style:_,editorStyle:O,iconColor:D="#FFFFFF",onAlignChange:T,onClick:h}){const[N,V]=i.useState(!1);i.useEffect(()=>{const M=requestAnimationFrame(()=>V(!0));return()=>{cancelAnimationFrame(M),V(!1)}},[]);const{editing:m,onAlignChange:L}=se(),z=i.useCallback(()=>{if(!d)return;const M=ce[(g?ce.indexOf(g)+1:0)%ce.length];T==null||T(M),L==null||L(n,M)},[g,d,T,L,n]),G=i.useCallback(()=>{!m||h==null||h(n)},[n,m,h]),q=i.useMemo(()=>({position:"absolute",left:l?v?0:void 0:"50%",right:l?v?void 0:0:"50%",bottom:!l&&!v?0:l?"50%":void 0,top:l?"50%":v?0:void 0,opacity:!k&&m&&d?1:0,pointerEvents:!k&&m&&d?"auto":"none",transition:"all 0.5s ease-in-out"}),[l,v,k,m,d]),Z=i.useMemo(()=>i.Children.map(j,M=>i.cloneElement(M,{bottom:v,vertical:l})),[j,v,l]);return N?x(S.Droppable,{droppableId:n,direction:l?"vertical":"horizontal",isDropDisabled:k,children:(M,J)=>ue("div",ie(w({ref:M.innerRef},M.droppableProps),{className:[C,"area",E&&"stretch",R&&"middle",v&&"bottom",g==="centered"?"just-centered":g==="end"?"just-end":"start",m?"area-transition-in":"area-transition-out"].filter(Boolean).join(" "),style:w({flexDirection:l?"column":"row",minHeight:!i.Children.count(j)&&!m?"0px":"26px",minWidth:!i.Children.count(j)&&!m?"0px":"46px",opacity:J.isDraggingOver?.8:1},m?O:_),onClick:G,children:[Z,M.placeholder,x("div",{style:q,children:x("div",{onClick:z,style:{cursor:"pointer",color:D},children:x(Q,{name:g==="centered"?l?"alignCenterV":"alignCenter":g==="end"?l?"alignEndV":"alignEnd":l?"alignStartV":"alignStart"})})})]}))}):null}function or(O){var D=O,{className:n,children:C,id:l,index:E,extendable:R=!1,extended:v=!1,disabled:k=!1,style:g,editorStyle:d,iconColor:j="rgb(255, 255, 255)"}=D,_=Je(D,["className","children","id","index","extendable","extended","disabled","style","editorStyle","iconColor"]);const{vertical:T}=_,{editing:h,isDragging:N,onExtend:V}=se(),[m,L]=i.useState(!1),z=i.useCallback(()=>{!R||(L(!1),V==null||V(l,!v))},[R,V,v,l]),G=i.useMemo(()=>({alignItems:"start",float:"left",color:j}),[j]),q=i.useMemo(()=>({id:l,editing:h,isDragging:N,isHovered:m,extended:v,extendable:R,disabled:k,index:E}),[k,h,R,v,l,E,N,m]);return x(S.Draggable,{draggableId:l,index:E,isDragDisabled:k,children:(Z,M)=>x("div",ie(w({ref:Z.innerRef},Z.draggableProps),{className:`${n} item`,style:w(w({flex:v&&!M.isDragging?"auto":void 0,opacity:M.isDragging?.5:1},h?d:g),Z.draggableProps.style),children:ue("div",{style:{position:"relative",minHeight:m&&!k?"35px":void 0,width:!T&&v?"100%":void 0,minWidth:m&&!k?R?"70px":"35px":void 0,height:T&&v?"100%":void 0},onMouseEnter:()=>h&&L(!0),onMouseLeave:()=>h&&L(!1),onClick:J=>J.stopPropagation(),children:[typeof C=="function"?C(q):C,x("div",{className:"overlay",style:{display:!k&&h&&m&&(M.isDragging||!N)?"block":"none"},children:ue("div",{className:"overlay-buttons",style:G,children:[x("div",ie(w({},Z.dragHandleProps),{style:{cursor:"grab"},children:x(Q,{name:"moveArrows"})})),R&&x("div",{style:{cursor:"pointer",marginLeft:"8px"},onClick:z,children:x(Q,{name:T?"verticalExtend":"horizontalExtend"})})]})})]})}))})}f.GridArea=nr,f.GridItem=or,f.GridSection=rr,f.GridWrapper=er,f.Icon=Q,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/package.json
CHANGED
package/src/GridItem.tsx
CHANGED