@webiny/app-headless-cms 5.27.0 → 5.28.0-beta.0

package/admin/components/DragPreview.js

@@ -1,6 +1,20 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from "react";
-import { useDragLayer } from "react-dnd";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDnd = require("react-dnd");
+
 var subscribedToOffsetChange = false;
 var dragPreviewRef = null;
 
@@ -24,12 +38,12 @@ var onOffsetChange = function onOffsetChange(monitor) {
 };
 
 var DragPreview = function DragPreview() {
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(0),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       dragHelperOpacity = _useState2[0],
       setDragHelperOpacity = _useState2[1];
 
-  var _useDragLayer = useDragLayer(function (initialMonitor) {
+  var _useDragLayer = (0, _reactDnd.useDragLayer)(function (initialMonitor) {
     /**
      * We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.
      */
@@ -46,7 +60,7 @@ var DragPreview = function DragPreview() {
   }),
       isDragging = _useDragLayer.isDragging;
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     return function () {
       subscribedToOffsetChange = false;
       dragPreviewRef = null;
@@ -55,7 +69,7 @@ var DragPreview = function DragPreview() {
   // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it
   // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (isDragging) {
       setTimeout(function () {
         setDragHelperOpacity(isDragging ? 1 : 0);
@@ -73,7 +87,7 @@ var DragPreview = function DragPreview() {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       position: "fixed",
       pointerEvents: "none",
@@ -83,7 +97,7 @@ var DragPreview = function DragPreview() {
       width: "100%",
       height: "100%"
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: function ref(el) {
       return dragPreviewRef = el;
     },
@@ -92,7 +106,7 @@ var DragPreview = function DragPreview() {
       display: "block",
       opacity: dragHelperOpacity
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: 30,
       height: 30,
@@ -102,4 +116,5 @@ var DragPreview = function DragPreview() {
   })));
 };
 
-export default DragPreview;
+var _default = DragPreview;
+exports.default = _default;

package/admin/components/DragPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DragPreview.tsx"],"names":["React","useEffect","useState","useDragLayer","subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","dragHelperOpacity","setDragHelperOpacity","initialMonitor","subscribeToOffsetChange","isDragging","setTimeout","position","pointerEvents","zIndex","left","top","width","height","el","transition","display","opacity","backgroundColor","borderRadius"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useDragLayer } from \"react-dnd\";\nimport { DragSourceMonitor } from \"react-dnd/lib/interfaces/monitors\";\nimport { DragSourceMonitorImpl } from \"react-dnd/lib/common/DragSourceMonitorImpl\";\n\nlet subscribedToOffsetChange = false;\n\nlet dragPreviewRef: HTMLDivElement | null = null;\n\nconst onOffsetChange = (monitor: DragSourceMonitor) => () => {\n    if (!dragPreviewRef) {\n        return;\n    }\n\n    const offset = monitor.getClientOffset();\n    if (!offset) {\n        return;\n    }\n\n    const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n    dragPreviewRef.style[\"transform\"] = transform;\n    // TODO @ts-refactor figure out better type\n    dragPreviewRef.style[\"-webkit-transform\" as any] = transform;\n};\n\nconst DragPreview: React.FC = () => {\n    const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n    const { isDragging } = useDragLayer(initialMonitor => {\n        /**\n         * We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.\n         */\n        const monitor = initialMonitor as unknown as DragSourceMonitorImpl;\n        if (!subscribedToOffsetChange) {\n            monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n            subscribedToOffsetChange = true;\n        }\n\n        return {\n            isDragging: monitor.isDragging()\n        };\n    });\n\n    useEffect(() => {\n        return () => {\n            subscribedToOffsetChange = false;\n            dragPreviewRef = null;\n        };\n    }, []);\n\n    // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n    // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n    // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n    useEffect(() => {\n        if (isDragging) {\n            setTimeout(() => {\n                setDragHelperOpacity(isDragging ? 1 : 0);\n            }, 100);\n        } else {\n            setDragHelperOpacity(0);\n        }\n    }, [isDragging]);\n\n    if (!isDragging) {\n        return null;\n    }\n\n    if (!isDragging) {\n        return null;\n    }\n\n    return (\n        <div\n            style={{\n                position: \"fixed\",\n                pointerEvents: \"none\",\n                zIndex: 1001,\n                left: 0,\n                top: 0,\n                width: \"100%\",\n                height: \"100%\"\n            }}\n        >\n            <div\n                ref={el => (dragPreviewRef = el)}\n                style={{\n                    transition: \"opacity .25s ease-in-out\",\n                    display: \"block\",\n                    opacity: dragHelperOpacity\n                }}\n            >\n                <div\n                    style={{\n                        width: 30,\n                        height: 30,\n                        backgroundColor: \"var(--mdc-theme-primary)\",\n                        borderRadius: \"50%\"\n                    }}\n                />\n            </div>\n        </div>\n    );\n};\nexport default DragPreview;\n"]}
+{"version":3,"names":["subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","useState","dragHelperOpacity","setDragHelperOpacity","useDragLayer","initialMonitor","subscribeToOffsetChange","isDragging","useEffect","setTimeout","position","pointerEvents","zIndex","left","top","width","height","el","transition","display","opacity","backgroundColor","borderRadius"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useDragLayer } from \"react-dnd\";\nimport { DragSourceMonitor } from \"react-dnd/lib/interfaces/monitors\";\nimport { DragSourceMonitorImpl } from \"react-dnd/lib/common/DragSourceMonitorImpl\";\n\nlet subscribedToOffsetChange = false;\n\nlet dragPreviewRef: HTMLDivElement | null = null;\n\nconst onOffsetChange = (monitor: DragSourceMonitor) => () => {\n    if (!dragPreviewRef) {\n        return;\n    }\n\n    const offset = monitor.getClientOffset();\n    if (!offset) {\n        return;\n    }\n\n    const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n    dragPreviewRef.style[\"transform\"] = transform;\n    // TODO @ts-refactor figure out better type\n    dragPreviewRef.style[\"-webkit-transform\" as any] = transform;\n};\n\nconst DragPreview: React.FC = () => {\n    const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n    const { isDragging } = useDragLayer(initialMonitor => {\n        /**\n         * We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.\n         */\n        const monitor = initialMonitor as unknown as DragSourceMonitorImpl;\n        if (!subscribedToOffsetChange) {\n            monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n            subscribedToOffsetChange = true;\n        }\n\n        return {\n            isDragging: monitor.isDragging()\n        };\n    });\n\n    useEffect(() => {\n        return () => {\n            subscribedToOffsetChange = false;\n            dragPreviewRef = null;\n        };\n    }, []);\n\n    // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n    // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n    // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n    useEffect(() => {\n        if (isDragging) {\n            setTimeout(() => {\n                setDragHelperOpacity(isDragging ? 1 : 0);\n            }, 100);\n        } else {\n            setDragHelperOpacity(0);\n        }\n    }, [isDragging]);\n\n    if (!isDragging) {\n        return null;\n    }\n\n    if (!isDragging) {\n        return null;\n    }\n\n    return (\n        <div\n            style={{\n                position: \"fixed\",\n                pointerEvents: \"none\",\n                zIndex: 1001,\n                left: 0,\n                top: 0,\n                width: \"100%\",\n                height: \"100%\"\n            }}\n        >\n            <div\n                ref={el => (dragPreviewRef = el)}\n                style={{\n                    transition: \"opacity .25s ease-in-out\",\n                    display: \"block\",\n                    opacity: dragHelperOpacity\n                }}\n            >\n                <div\n                    style={{\n                        width: 30,\n                        height: 30,\n                        backgroundColor: \"var(--mdc-theme-primary)\",\n                        borderRadius: \"50%\"\n                    }}\n                />\n            </div>\n        </div>\n    );\n};\nexport default DragPreview;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAIA,IAAIA,wBAAwB,GAAG,KAA/B;AAEA,IAAIC,cAAqC,GAAG,IAA5C;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,OAAD;EAAA,OAAgC,YAAM;IACzD,IAAI,CAACF,cAAL,EAAqB;MACjB;IACH;;IAED,IAAMG,MAAM,GAAGD,OAAO,CAACE,eAAR,EAAf;;IACA,IAAI,CAACD,MAAL,EAAa;MACT;IACH;;IAED,IAAME,SAAS,uBAAgBF,MAAM,CAACG,CAAP,GAAW,EAA3B,iBAAoCH,MAAM,CAACI,CAAP,GAAW,EAA/C,QAAf;IACAP,cAAc,CAACQ,KAAf,CAAqB,WAArB,IAAoCH,SAApC,CAXyD,CAYzD;;IACAL,cAAc,CAACQ,KAAf,CAAqB,mBAArB,IAAmDH,SAAnD;EACH,CAdsB;AAAA,CAAvB;;AAgBA,IAAMI,WAAqB,GAAG,SAAxBA,WAAwB,GAAM;EAChC,gBAAkD,IAAAC,eAAA,EAAS,CAAT,CAAlD;EAAA;EAAA,IAAOC,iBAAP;EAAA,IAA0BC,oBAA1B;;EACA,oBAAuB,IAAAC,sBAAA,EAAa,UAAAC,cAAc,EAAI;IAClD;AACR;AACA;IACQ,IAAMZ,OAAO,GAAGY,cAAhB;;IACA,IAAI,CAACf,wBAAL,EAA+B;MAC3BG,OAAO,CAACa,uBAAR,CAAgCd,cAAc,CAACC,OAAD,CAA9C;MACAH,wBAAwB,GAAG,IAA3B;IACH;;IAED,OAAO;MACHiB,UAAU,EAAEd,OAAO,CAACc,UAAR;IADT,CAAP;EAGH,CAbsB,CAAvB;EAAA,IAAQA,UAAR,iBAAQA,UAAR;;EAeA,IAAAC,gBAAA,EAAU,YAAM;IACZ,OAAO,YAAM;MACTlB,wBAAwB,GAAG,KAA3B;MACAC,cAAc,GAAG,IAAjB;IACH,CAHD;EAIH,CALD,EAKG,EALH,EAjBgC,CAwBhC;EACA;EACA;;EACA,IAAAiB,gBAAA,EAAU,YAAM;IACZ,IAAID,UAAJ,EAAgB;MACZE,UAAU,CAAC,YAAM;QACbN,oBAAoB,CAACI,UAAU,GAAG,CAAH,GAAO,CAAlB,CAApB;MACH,CAFS,EAEP,GAFO,CAAV;IAGH,CAJD,MAIO;MACHJ,oBAAoB,CAAC,CAAD,CAApB;IACH;EACJ,CARD,EAQG,CAACI,UAAD,CARH;;EAUA,IAAI,CAACA,UAAL,EAAiB;IACb,OAAO,IAAP;EACH;;EAED,IAAI,CAACA,UAAL,EAAiB;IACb,OAAO,IAAP;EACH;;EAED,oBACI;IACI,KAAK,EAAE;MACHG,QAAQ,EAAE,OADP;MAEHC,aAAa,EAAE,MAFZ;MAGHC,MAAM,EAAE,IAHL;MAIHC,IAAI,EAAE,CAJH;MAKHC,GAAG,EAAE,CALF;MAMHC,KAAK,EAAE,MANJ;MAOHC,MAAM,EAAE;IAPL;EADX,gBAWI;IACI,GAAG,EAAE,aAAAC,EAAE;MAAA,OAAK1B,cAAc,GAAG0B,EAAtB;IAAA,CADX;IAEI,KAAK,EAAE;MACHC,UAAU,EAAE,0BADT;MAEHC,OAAO,EAAE,OAFN;MAGHC,OAAO,EAAElB;IAHN;EAFX,gBAQI;IACI,KAAK,EAAE;MACHa,KAAK,EAAE,EADJ;MAEHC,MAAM,EAAE,EAFL;MAGHK,eAAe,EAAE,0BAHd;MAIHC,YAAY,EAAE;IAJX;EADX,EARJ,CAXJ,CADJ;AA+BH,CA5ED;;eA6EetB,W"}

package/admin/components/Draggable.js

@@ -1,6 +1,18 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React from "react";
-import { useDrag, DragPreviewImage } from "react-dnd";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDnd = require("react-dnd");
+
 var emptyImage = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
 
 var Draggable = function Draggable(props) {
@@ -9,7 +21,7 @@ var Draggable = function Draggable(props) {
       endDrag = props.endDrag,
       target = props.target;
 
-  var _useDrag = useDrag({
+  var _useDrag = (0, _reactDnd.useDrag)({
     item: {
       type: "element",
       target: target
@@ -34,12 +46,12 @@ var Draggable = function Draggable(props) {
       return endDrag;
     }
   }),
-      _useDrag2 = _slicedToArray(_useDrag, 3),
+      _useDrag2 = (0, _slicedToArray2.default)(_useDrag, 3),
       isDragging = _useDrag2[0].isDragging,
       drag = _useDrag2[1],
       preview = _useDrag2[2];
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DragPreviewImage, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactDnd.DragPreviewImage, {
     connect: preview,
     src: emptyImage
   }), children({
@@ -48,5 +60,7 @@ var Draggable = function Draggable(props) {
   }));
 };
 
-var MemoizedDraggable = /*#__PURE__*/React.memo(Draggable);
-export default MemoizedDraggable;
+var MemoizedDraggable = /*#__PURE__*/_react.default.memo(Draggable);
+
+var _default = MemoizedDraggable;
+exports.default = _default;

package/admin/components/Draggable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Draggable.tsx"],"names":["React","useDrag","DragPreviewImage","emptyImage","Draggable","props","children","beginDrag","endDrag","target","item","type","collect","monitor","isDragging","begin","end","drag","preview","MemoizedDraggable","memo"],"mappings":";AAAA,OAAOA,KAAP,MAAoC,OAApC;AACA,SAASC,OAAT,EAAkBC,gBAAlB,QAA6D,WAA7D;AAEA,IAAMC,UAAU,GAAG,4EAAnB;;AAiBA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAAAC,KAAK,EAAI;AACjD,MAAQC,QAAR,GAAiDD,KAAjD,CAAQC,QAAR;AAAA,MAAkBC,SAAlB,GAAiDF,KAAjD,CAAkBE,SAAlB;AAAA,MAA6BC,OAA7B,GAAiDH,KAAjD,CAA6BG,OAA7B;AAAA,MAAsCC,MAAtC,GAAiDJ,KAAjD,CAAsCI,MAAtC;;AAEA,iBAAwCR,OAAO,CAAC;AAC5CS,IAAAA,IAAI,EAAE;AAAEC,MAAAA,IAAI,EAAE,SAAR;AAAmBF,MAAAA,MAAM,EAANA;AAAnB,KADsC;AAE5CG,IAAAA,OAAO,EAAE,iBAAAC,OAAO;AAAA,aAAK;AACjBC,QAAAA,UAAU,EAAED,OAAO,CAACC,UAAR;AADK,OAAL;AAAA,KAF4B;AAK5CC,IAAAA,KAL4C,iBAKtCF,OALsC,EAK7B;AACX,UAAI,OAAON,SAAP,KAAqB,UAAzB,EAAqC;AACjC,eAAOA,SAAS,CAACF,KAAD,EAAQQ,OAAR,CAAhB;AACH;;AACD,aAAON,SAAP;AACH,KAV2C;AAW5CS,IAAAA,GAX4C,eAWxCN,IAXwC,EAWlCG,OAXkC,EAWzB;AACf,UAAI,OAAOL,OAAP,KAAmB,UAAvB,EAAmC;AAC/B,eAAOA,OAAO,CAACE,IAAD,EAAOG,OAAP,CAAd;AACH;;AACD,aAAOL,OAAP;AACH;AAhB2C,GAAD,CAA/C;AAAA;AAAA,MAASM,UAAT,gBAASA,UAAT;AAAA,MAAuBG,IAAvB;AAAA,MAA6BC,OAA7B;;AAmBA,sBACI,uDACI,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEA,OAA3B;AAAoC,IAAA,GAAG,EAAEf;AAAzC,IADJ,EAEKG,QAAQ,CAAC;AAAEQ,IAAAA,UAAU,EAAVA,UAAF;AAAcG,IAAAA,IAAI,EAAJA;AAAd,GAAD,CAFb,CADJ;AAMH,CA5BD;;AA8BA,IAAME,iBAA2C,gBAAGnB,KAAK,CAACoB,IAAN,CAAWhB,SAAX,CAApD;AACA,eAAee,iBAAf","sourcesContent":["import React, { ReactElement } from \"react\";\nimport { useDrag, DragPreviewImage, ConnectDragSource } from \"react-dnd\";\n\nconst emptyImage = \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\n\ninterface DraggableChildrenFunctionParams {\n    isDragging: boolean;\n    drag: ConnectDragSource;\n}\nexport interface DraggableChildrenFunction {\n    (params: DraggableChildrenFunctionParams): ReactElement;\n}\n\nexport interface DraggableProps {\n    children: DraggableChildrenFunction;\n    beginDrag?: any;\n    endDrag?: any;\n    target?: string[];\n}\n\nconst Draggable: React.FC<DraggableProps> = props => {\n    const { children, beginDrag, endDrag, target } = props;\n\n    const [{ isDragging }, drag, preview] = useDrag({\n        item: { type: \"element\", target },\n        collect: monitor => ({\n            isDragging: monitor.isDragging()\n        }),\n        begin(monitor) {\n            if (typeof beginDrag === \"function\") {\n                return beginDrag(props, monitor);\n            }\n            return beginDrag;\n        },\n        end(item, monitor) {\n            if (typeof endDrag === \"function\") {\n                return endDrag(item, monitor);\n            }\n            return endDrag;\n        }\n    });\n\n    return (\n        <>\n            <DragPreviewImage connect={preview} src={emptyImage} />\n            {children({ isDragging, drag })}\n        </>\n    );\n};\n\nconst MemoizedDraggable: React.FC<DraggableProps> = React.memo(Draggable);\nexport default MemoizedDraggable;\n"]}
+{"version":3,"names":["emptyImage","Draggable","props","children","beginDrag","endDrag","target","useDrag","item","type","collect","monitor","isDragging","begin","end","drag","preview","MemoizedDraggable","React","memo"],"sources":["Draggable.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { useDrag, DragPreviewImage, ConnectDragSource } from \"react-dnd\";\n\nconst emptyImage = \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\n\ninterface DraggableChildrenFunctionParams {\n    isDragging: boolean;\n    drag: ConnectDragSource;\n}\nexport interface DraggableChildrenFunction {\n    (params: DraggableChildrenFunctionParams): ReactElement;\n}\n\nexport interface DraggableProps {\n    children: DraggableChildrenFunction;\n    beginDrag?: any;\n    endDrag?: any;\n    target?: string[];\n}\n\nconst Draggable: React.FC<DraggableProps> = props => {\n    const { children, beginDrag, endDrag, target } = props;\n\n    const [{ isDragging }, drag, preview] = useDrag({\n        item: { type: \"element\", target },\n        collect: monitor => ({\n            isDragging: monitor.isDragging()\n        }),\n        begin(monitor) {\n            if (typeof beginDrag === \"function\") {\n                return beginDrag(props, monitor);\n            }\n            return beginDrag;\n        },\n        end(item, monitor) {\n            if (typeof endDrag === \"function\") {\n                return endDrag(item, monitor);\n            }\n            return endDrag;\n        }\n    });\n\n    return (\n        <>\n            <DragPreviewImage connect={preview} src={emptyImage} />\n            {children({ isDragging, drag })}\n        </>\n    );\n};\n\nconst MemoizedDraggable: React.FC<DraggableProps> = React.memo(Draggable);\nexport default MemoizedDraggable;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,UAAU,GAAG,4EAAnB;;AAiBA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAAAC,KAAK,EAAI;EACjD,IAAQC,QAAR,GAAiDD,KAAjD,CAAQC,QAAR;EAAA,IAAkBC,SAAlB,GAAiDF,KAAjD,CAAkBE,SAAlB;EAAA,IAA6BC,OAA7B,GAAiDH,KAAjD,CAA6BG,OAA7B;EAAA,IAAsCC,MAAtC,GAAiDJ,KAAjD,CAAsCI,MAAtC;;EAEA,eAAwC,IAAAC,iBAAA,EAAQ;IAC5CC,IAAI,EAAE;MAAEC,IAAI,EAAE,SAAR;MAAmBH,MAAM,EAANA;IAAnB,CADsC;IAE5CI,OAAO,EAAE,iBAAAC,OAAO;MAAA,OAAK;QACjBC,UAAU,EAAED,OAAO,CAACC,UAAR;MADK,CAAL;IAAA,CAF4B;IAK5CC,KAL4C,iBAKtCF,OALsC,EAK7B;MACX,IAAI,OAAOP,SAAP,KAAqB,UAAzB,EAAqC;QACjC,OAAOA,SAAS,CAACF,KAAD,EAAQS,OAAR,CAAhB;MACH;;MACD,OAAOP,SAAP;IACH,CAV2C;IAW5CU,GAX4C,eAWxCN,IAXwC,EAWlCG,OAXkC,EAWzB;MACf,IAAI,OAAON,OAAP,KAAmB,UAAvB,EAAmC;QAC/B,OAAOA,OAAO,CAACG,IAAD,EAAOG,OAAP,CAAd;MACH;;MACD,OAAON,OAAP;IACH;EAhB2C,CAAR,CAAxC;EAAA;EAAA,IAASO,UAAT,gBAASA,UAAT;EAAA,IAAuBG,IAAvB;EAAA,IAA6BC,OAA7B;;EAmBA,oBACI,yEACI,6BAAC,0BAAD;IAAkB,OAAO,EAAEA,OAA3B;IAAoC,GAAG,EAAEhB;EAAzC,EADJ,EAEKG,QAAQ,CAAC;IAAES,UAAU,EAAVA,UAAF;IAAcG,IAAI,EAAJA;EAAd,CAAD,CAFb,CADJ;AAMH,CA5BD;;AA8BA,IAAME,iBAA2C,gBAAGC,cAAA,CAAMC,IAAN,CAAWlB,SAAX,CAApD;;eACegB,iB"}

package/admin/components/DropZone/Center.js

@@ -1,9 +1,22 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import React from "react";
-import styled from "@emotion/styled";
-import { Droppable } from "./../Droppable"; // @ts-ignore
+"use strict";
 
-var Container = /*#__PURE__*/styled("div", {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Droppable = require("./../Droppable");
+
+// @ts-ignore
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e14zhyp10",
   label: "Container"
 })(function (_ref) {
@@ -21,7 +34,7 @@ var Container = /*#__PURE__*/styled("div", {
   };
 }); // @ts-ignore
 
-var Add = /*#__PURE__*/styled("div", {
+var Add = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e14zhyp11",
   label: "Add"
 })(function (_ref2) {
@@ -40,24 +53,25 @@ var Center = function Center(_ref3) {
   var onDrop = _ref3.onDrop,
       children = _ref3.children,
       style = _ref3.style;
-  return /*#__PURE__*/React.createElement(Droppable, {
+  return /*#__PURE__*/_react.default.createElement(_Droppable.Droppable, {
     onDrop: onDrop
   }, function (_ref4) {
     var isOver = _ref4.isOver,
         drop = _ref4.drop;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: drop,
-      style: _objectSpread({
+      style: (0, _objectSpread2.default)({
         width: "100%",
         height: "100%"
       }, style),
       "data-testid": "cms-editor-first-field-area"
-    }, /*#__PURE__*/React.createElement(Container, {
+    }, /*#__PURE__*/_react.default.createElement(Container, {
       isOver: isOver
-    }, /*#__PURE__*/React.createElement(Add, {
+    }, /*#__PURE__*/_react.default.createElement(Add, {
       isOver: isOver
     }, children)));
   });
 };
 
-export default Center;
+var _default = Center;
+exports.default = _default;

package/admin/components/DropZone/Center.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Center.tsx"],"names":["React","styled","Droppable","Container","isOver","backgroundColor","boxSizing","height","minHeight","position","userSelect","width","border","opacity","Add","top","left","transform","margin","color","Center","onDrop","children","style","drop"],"mappings":";AAAA,OAAOA,KAAP,MAAqC,OAArC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,SAAT,yB,CAEA;;AACA,IAAMC,SAAS,gBAAGF,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAAA,MAAGG,MAAH,QAAGA,MAAH;AAAA,SAAsC;AAClEC,IAAAA,eAAe,EAAE,aADiD;AAElEC,IAAAA,SAAS,EAAE,YAFuD;AAGlEC,IAAAA,MAAM,EAAE,MAH0D;AAIlEC,IAAAA,SAAS,EAAE,GAJuD;AAKlEC,IAAAA,QAAQ,EAAE,UALwD;AAMlEC,IAAAA,UAAU,EAAE,MANsD;AAOlEC,IAAAA,KAAK,EAAE,MAP2D;AAQlEC,IAAAA,MAAM,EAAER,MAAM,GACR,qCADQ,GAER,uCAV4D;AAWlES,IAAAA,OAAO,EAAE;AAXyD,GAAtC;AAAA,CAAjB,CAAf,C,CAcA;;AACA,IAAMC,GAAG,gBAAGb,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAAA,MAAGG,MAAH,SAAGA,MAAH;AAAA,SAAsC;AAC5DK,IAAAA,QAAQ,EAAE,UADkD;AAE5DM,IAAAA,GAAG,EAAE,KAFuD;AAG5DC,IAAAA,IAAI,EAAE,KAHsD;AAI5DC,IAAAA,SAAS,EAAE,sBAJiD;AAK5DC,IAAAA,MAAM,EAAE,CALoD;AAM5DC,IAAAA,KAAK,EAAEf,MAAM,GAAG,0BAAH,GAAgC;AANe,GAAtC;AAAA,CAAjB,CAAT;;AAkBA,IAAMgB,MAA6B,GAAG,SAAhCA,MAAgC,QAAiC;AAAA,MAA9BC,MAA8B,SAA9BA,MAA8B;AAAA,MAAtBC,QAAsB,SAAtBA,QAAsB;AAAA,MAAZC,KAAY,SAAZA,KAAY;AACnE,sBACI,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAEF;AAAnB,KACK;AAAA,QAAGjB,MAAH,SAAGA,MAAH;AAAA,QAAWoB,IAAX,SAAWA,IAAX;AAAA,wBACG;AACI,MAAA,GAAG,EAAEA,IADT;AAEI,MAAA,KAAK;AAAIb,QAAAA,KAAK,EAAE,MAAX;AAAmBJ,QAAAA,MAAM,EAAE;AAA3B,SAAsCgB,KAAtC,CAFT;AAGI,qBAAa;AAHjB,oBAKI,oBAAC,SAAD;AAAW,MAAA,MAAM,EAAEnB;AAAnB,oBACI,oBAAC,GAAD;AAAK,MAAA,MAAM,EAAEA;AAAb,OAAsBkB,QAAtB,CADJ,CALJ,CADH;AAAA,GADL,CADJ;AAeH,CAhBD;;AAkBA,eAAeF,MAAf","sourcesContent":["import React, { CSSProperties } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, OnDropCallable } from \"./../Droppable\";\n\n// @ts-ignore\nconst Container = styled(\"div\")(({ isOver }: { isOver: boolean }) => ({\n    backgroundColor: \"transparent\",\n    boxSizing: \"border-box\",\n    height: \"100%\",\n    minHeight: 100,\n    position: \"relative\",\n    userSelect: \"none\",\n    width: \"100%\",\n    border: isOver\n        ? \"2px dashed var(--mdc-theme-primary)\"\n        : \"2px dashed var(--mdc-theme-secondary)\",\n    opacity: 1\n}));\n\n// @ts-ignore\nconst Add = styled(\"div\")(({ isOver }: { isOver: boolean }) => ({\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translate(-50%,-50%)\",\n    margin: 0,\n    color: isOver ? \"var(--mdc-theme-primary)\" : \"var(--mdc-theme-secondary)\"\n}));\n\ninterface CenterProps {\n    type?: string;\n    onDrop: OnDropCallable;\n    children: React.ReactNode;\n    active?: boolean;\n    highlight?: boolean;\n    style?: CSSProperties;\n}\n\nconst Center: React.FC<CenterProps> = ({ onDrop, children, style }) => {\n    return (\n        <Droppable onDrop={onDrop}>\n            {({ isOver, drop }) => (\n                <div\n                    ref={drop}\n                    style={{ width: \"100%\", height: \"100%\", ...style }}\n                    data-testid={\"cms-editor-first-field-area\"}\n                >\n                    <Container isOver={isOver}>\n                        <Add isOver={isOver}>{children}</Add>\n                    </Container>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Center;\n"]}
+{"version":3,"names":["Container","styled","isOver","backgroundColor","boxSizing","height","minHeight","position","userSelect","width","border","opacity","Add","top","left","transform","margin","color","Center","onDrop","children","style","drop"],"sources":["Center.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, OnDropCallable } from \"./../Droppable\";\n\n// @ts-ignore\nconst Container = styled(\"div\")(({ isOver }: { isOver: boolean }) => ({\n    backgroundColor: \"transparent\",\n    boxSizing: \"border-box\",\n    height: \"100%\",\n    minHeight: 100,\n    position: \"relative\",\n    userSelect: \"none\",\n    width: \"100%\",\n    border: isOver\n        ? \"2px dashed var(--mdc-theme-primary)\"\n        : \"2px dashed var(--mdc-theme-secondary)\",\n    opacity: 1\n}));\n\n// @ts-ignore\nconst Add = styled(\"div\")(({ isOver }: { isOver: boolean }) => ({\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translate(-50%,-50%)\",\n    margin: 0,\n    color: isOver ? \"var(--mdc-theme-primary)\" : \"var(--mdc-theme-secondary)\"\n}));\n\ninterface CenterProps {\n    type?: string;\n    onDrop: OnDropCallable;\n    children: React.ReactNode;\n    active?: boolean;\n    highlight?: boolean;\n    style?: CSSProperties;\n}\n\nconst Center: React.FC<CenterProps> = ({ onDrop, children, style }) => {\n    return (\n        <Droppable onDrop={onDrop}>\n            {({ isOver, drop }) => (\n                <div\n                    ref={drop}\n                    style={{ width: \"100%\", height: \"100%\", ...style }}\n                    data-testid={\"cms-editor-first-field-area\"}\n                >\n                    <Container isOver={isOver}>\n                        <Add isOver={isOver}>{children}</Add>\n                    </Container>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Center;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;AACA,IAAMA,SAAS,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,OAAsC;IAClEC,eAAe,EAAE,aADiD;IAElEC,SAAS,EAAE,YAFuD;IAGlEC,MAAM,EAAE,MAH0D;IAIlEC,SAAS,EAAE,GAJuD;IAKlEC,QAAQ,EAAE,UALwD;IAMlEC,UAAU,EAAE,MANsD;IAOlEC,KAAK,EAAE,MAP2D;IAQlEC,MAAM,EAAER,MAAM,GACR,qCADQ,GAER,uCAV4D;IAWlES,OAAO,EAAE;EAXyD,CAAtC;AAAA,CAAjB,CAAf,C,CAcA;;AACA,IAAMC,GAAG,oBAAGX,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAAA,IAAGC,MAAH,SAAGA,MAAH;EAAA,OAAsC;IAC5DK,QAAQ,EAAE,UADkD;IAE5DM,GAAG,EAAE,KAFuD;IAG5DC,IAAI,EAAE,KAHsD;IAI5DC,SAAS,EAAE,sBAJiD;IAK5DC,MAAM,EAAE,CALoD;IAM5DC,KAAK,EAAEf,MAAM,GAAG,0BAAH,GAAgC;EANe,CAAtC;AAAA,CAAjB,CAAT;;AAkBA,IAAMgB,MAA6B,GAAG,SAAhCA,MAAgC,QAAiC;EAAA,IAA9BC,MAA8B,SAA9BA,MAA8B;EAAA,IAAtBC,QAAsB,SAAtBA,QAAsB;EAAA,IAAZC,KAAY,SAAZA,KAAY;EACnE,oBACI,6BAAC,oBAAD;IAAW,MAAM,EAAEF;EAAnB,GACK;IAAA,IAAGjB,MAAH,SAAGA,MAAH;IAAA,IAAWoB,IAAX,SAAWA,IAAX;IAAA,oBACG;MACI,GAAG,EAAEA,IADT;MAEI,KAAK;QAAIb,KAAK,EAAE,MAAX;QAAmBJ,MAAM,EAAE;MAA3B,GAAsCgB,KAAtC,CAFT;MAGI,eAAa;IAHjB,gBAKI,6BAAC,SAAD;MAAW,MAAM,EAAEnB;IAAnB,gBACI,6BAAC,GAAD;MAAK,MAAM,EAAEA;IAAb,GAAsBkB,QAAtB,CADJ,CALJ,CADH;EAAA,CADL,CADJ;AAeH,CAhBD;;eAkBeF,M"}

package/admin/components/DropZone/Horizontal.js

@@ -1,10 +1,24 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Droppable = require("../Droppable");
+
 var _excluded = ["last", "onDrop", "isVisible"];
-import React from "react";
-import styled from "@emotion/styled";
-import { Droppable } from "../Droppable";
-var InnerDiv = /*#__PURE__*/styled("div", {
+var InnerDiv = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1uuull90",
   label: "InnerDiv"
 })({
@@ -17,14 +31,14 @@ var InnerDiv = /*#__PURE__*/styled("div", {
   border: "1px dashed black",
   borderSpacing: 5
 });
-var BackgroundColorDiv = /*#__PURE__*/styled("div", {
+var BackgroundColorDiv = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1uuull91",
   label: "BackgroundColorDiv"
 })({
   width: "100%",
   height: "100%"
 });
-var OuterDiv = /*#__PURE__*/styled("div", {
+var OuterDiv = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1uuull92",
   label: "OuterDiv"
 })({
@@ -39,7 +53,7 @@ var OuterDiv = /*#__PURE__*/styled("div", {
 }, function (props) {
   var _ref;
 
-  return _ref = {}, _defineProperty(_ref, props.last ? "bottom" : "top", -15), _defineProperty(_ref, InnerDiv, _defineProperty({
+  return _ref = {}, (0, _defineProperty2.default)(_ref, props.last ? "bottom" : "top", -15), (0, _defineProperty2.default)(_ref, InnerDiv, (0, _defineProperty2.default)({
     borderColor: props.isOver ? "var(--mdc-theme-primary)" : "var(--mdc-theme-secondary)",
     display: props.isDragging ? "block" : "none"
   }, BackgroundColorDiv, {
@@ -52,9 +66,8 @@ var Horizontal = function Horizontal(_ref2) {
   var last = _ref2.last,
       onDrop = _ref2.onDrop,
       isVisible = _ref2.isVisible,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
-  return /*#__PURE__*/React.createElement(Droppable, {
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Droppable.Droppable, {
     onDrop: onDrop,
     isVisible: isVisible
   }, function (_ref3) {
@@ -63,7 +76,7 @@ var Horizontal = function Horizontal(_ref2) {
     var isOver = _ref3.isOver,
         isDragging = _ref3.isDragging,
         drop = _ref3.drop;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: drop,
       "data-testid": rest["data-testid"],
       style: (_ref4 = {
@@ -71,13 +84,14 @@ var Horizontal = function Horizontal(_ref2) {
         height: "15px",
         width: "100%",
         position: "absolute"
-      }, _defineProperty(_ref4, last ? "bottom" : "top", 0), _defineProperty(_ref4, "left", 0), _defineProperty(_ref4, "zIndex", isDragging ? 1000 : -1), _ref4)
-    }, /*#__PURE__*/React.createElement(OuterDiv, {
+      }, (0, _defineProperty2.default)(_ref4, last ? "bottom" : "top", 0), (0, _defineProperty2.default)(_ref4, "left", 0), (0, _defineProperty2.default)(_ref4, "zIndex", isDragging ? 1000 : -1), _ref4)
+    }, /*#__PURE__*/_react.default.createElement(OuterDiv, {
       isOver: isOver,
       isDragging: isDragging,
       last: last ? true : false
-    }, /*#__PURE__*/React.createElement(InnerDiv, null, /*#__PURE__*/React.createElement(BackgroundColorDiv, null))));
+    }, /*#__PURE__*/_react.default.createElement(InnerDiv, null, /*#__PURE__*/_react.default.createElement(BackgroundColorDiv, null))));
   });
 };
 
-export default Horizontal;
+var _default = Horizontal;
+exports.default = _default;

package/admin/components/DropZone/Horizontal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Horizontal.tsx"],"names":["React","styled","Droppable","InnerDiv","height","width","zIndex","borderRadius","boxSizing","display","border","borderSpacing","BackgroundColorDiv","OuterDiv","margin","padding","backgroundColor","position","justifyContent","props","last","borderColor","isOver","isDragging","opacity","Horizontal","onDrop","isVisible","rest","drop"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,SAAT;AAGA,IAAMC,QAAQ,gBAAGF,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAC3BG,EAAAA,MAAM,EAAE,EADmB;AAE3BC,EAAAA,KAAK,EAAE,MAFoB;AAG3BC,EAAAA,MAAM,EAAE,CAHmB;AAI3BC,EAAAA,YAAY,EAAE,CAJa;AAK3BC,EAAAA,SAAS,EAAE,YALgB;AAM3BC,EAAAA,OAAO,EAAE,MANkB;AAO3BC,EAAAA,MAAM,EAAE,kBAPmB;AAQ3BC,EAAAA,aAAa,EAAE;AARY,CAAjB,CAAd;AAWA,IAAMC,kBAAkB,gBAAGX,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACrCI,EAAAA,KAAK,EAAE,MAD8B;AAErCD,EAAAA,MAAM,EAAE;AAF6B,CAAjB,CAAxB;AAWA,IAAMS,QAAQ,gBAAGZ,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GACV;AACIa,EAAAA,MAAM,EAAE,CADZ;AAEIC,EAAAA,OAAO,EAAE,CAFb;AAGIV,EAAAA,KAAK,EAAE,kBAHX;AAIIC,EAAAA,MAAM,EAAE,EAJZ;AAKIU,EAAAA,eAAe,EAAE,aALrB;AAMIC,EAAAA,QAAQ,EAAE,UANd;AAOIR,EAAAA,OAAO,EAAE,MAPb;AAQIS,EAAAA,cAAc,EAAE;AARpB,CADU,EAWV,UAACC,KAAD;AAAA;;AAAA,0CACKA,KAAK,CAACC,IAAN,GAAa,QAAb,GAAwB,KAD7B,EACqC,CAAC,EADtC,yBAGKjB,QAHL;AAIQkB,IAAAA,WAAW,EAAEF,KAAK,CAACG,MAAN,GAAe,0BAAf,GAA4C,4BAJjE;AAKQb,IAAAA,OAAO,EAAEU,KAAK,CAACI,UAAN,GAAmB,OAAnB,GAA6B;AAL9C,KAOSX,kBAPT,EAO8B;AAClBY,IAAAA,OAAO,EAAE,GADS;AAElBR,IAAAA,eAAe,EAAEG,KAAK,CAACG,MAAN,GACX,0BADW,GAEX;AAJY,GAP9B;AAAA,CAXU,CAAd;;AAmCA,IAAMG,UAAqC,GAAG,SAAxCA,UAAwC,QAA0C;AAAA,MAAvCL,IAAuC,SAAvCA,IAAuC;AAAA,MAAjCM,MAAiC,SAAjCA,MAAiC;AAAA,MAAzBC,SAAyB,SAAzBA,SAAyB;AAAA,MAAXC,IAAW;;AACpF,sBACI,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAEF,MAAnB;AAA2B,IAAA,SAAS,EAAEC;AAAtC,KACK;AAAA;;AAAA,QAAGL,MAAH,SAAGA,MAAH;AAAA,QAAWC,UAAX,SAAWA,UAAX;AAAA,QAAuBM,IAAvB,SAAuBA,IAAvB;AAAA,wBACG;AACI,MAAA,GAAG,EAAEA,IADT;AAEI,qBAAaD,IAAI,CAAC,aAAD,CAFrB;AAGI,MAAA,KAAK;AACD;AACAxB,QAAAA,MAAM,EAAE,MAFP;AAGDC,QAAAA,KAAK,EAAE,MAHN;AAIDY,QAAAA,QAAQ,EAAE;AAJT,gCAKAG,IAAI,GAAG,QAAH,GAAc,KALlB,EAK0B,CAL1B,kCAMK,CANL,oCAOOG,UAAU,GAAG,IAAH,GAAU,CAAC,CAP5B;AAHT,oBAaI,oBAAC,QAAD;AAAU,MAAA,MAAM,EAAED,MAAlB;AAA0B,MAAA,UAAU,EAAEC,UAAtC;AAAkD,MAAA,IAAI,EAAEH,IAAI,GAAG,IAAH,GAAU;AAAtE,oBACI,oBAAC,QAAD,qBACI,oBAAC,kBAAD,OADJ,CADJ,CAbJ,CADH;AAAA,GADL,CADJ;AAyBH,CA1BD;;AA4BA,eAAeK,UAAf","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, IsVisibleCallable } from \"../Droppable\";\nimport { DragSource } from \"~/admin/components/FieldEditor/FieldEditorContext\";\n\nconst InnerDiv = styled(\"div\")({\n    height: 15,\n    width: \"100%\",\n    zIndex: 3,\n    borderRadius: 0,\n    boxSizing: \"border-box\",\n    display: \"none\",\n    border: \"1px dashed black\",\n    borderSpacing: 5\n});\n\nconst BackgroundColorDiv = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\"\n});\n\ninterface OuterDivProps {\n    isOver: boolean;\n    isDragging: boolean;\n    last: boolean;\n}\n\nconst OuterDiv = styled(\"div\")(\n    {\n        margin: 0,\n        padding: 0,\n        width: \"calc(100% + 2px)\",\n        zIndex: 10,\n        backgroundColor: \"transparent\",\n        position: \"absolute\",\n        display: \"flex\",\n        justifyContent: \"center\"\n    },\n    (props: OuterDivProps) => ({\n        [props.last ? \"bottom\" : \"top\"]: -15,\n        // @ts-ignore\n        [InnerDiv]: {\n            borderColor: props.isOver ? \"var(--mdc-theme-primary)\" : \"var(--mdc-theme-secondary)\",\n            display: props.isDragging ? \"block\" : \"none\",\n            // @ts-ignore\n            [BackgroundColorDiv]: {\n                opacity: 0.5,\n                backgroundColor: props.isOver\n                    ? \"var(--mdc-theme-primary)\"\n                    : \"var(--mdc-theme-secondary)\"\n            }\n        }\n    })\n);\n\ninterface HorizontalProps {\n    onDrop(item: DragSource): void;\n    last?: boolean;\n    isVisible?: IsVisibleCallable;\n    [\"data-testid\"]?: string;\n}\n\nconst Horizontal: React.FC<HorizontalProps> = ({ last, onDrop, isVisible, ...rest }) => {\n    return (\n        <Droppable onDrop={onDrop} isVisible={isVisible}>\n            {({ isOver, isDragging, drop }) => (\n                <div\n                    ref={drop}\n                    data-testid={rest[\"data-testid\"]}\n                    style={{\n                        /* For dropzone debugging: border: \"1px solid blue\",*/\n                        height: \"15px\",\n                        width: \"100%\",\n                        position: \"absolute\",\n                        [last ? \"bottom\" : \"top\"]: 0,\n                        left: 0,\n                        zIndex: isDragging ? 1000 : -1\n                    }}\n                >\n                    <OuterDiv isOver={isOver} isDragging={isDragging} last={last ? true : false}>\n                        <InnerDiv>\n                            <BackgroundColorDiv />\n                        </InnerDiv>\n                    </OuterDiv>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Horizontal;\n"]}
+{"version":3,"names":["InnerDiv","styled","height","width","zIndex","borderRadius","boxSizing","display","border","borderSpacing","BackgroundColorDiv","OuterDiv","margin","padding","backgroundColor","position","justifyContent","props","last","borderColor","isOver","isDragging","opacity","Horizontal","onDrop","isVisible","rest","drop"],"sources":["Horizontal.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, IsVisibleCallable } from \"../Droppable\";\nimport { DragSource } from \"~/admin/components/FieldEditor/FieldEditorContext\";\n\nconst InnerDiv = styled(\"div\")({\n    height: 15,\n    width: \"100%\",\n    zIndex: 3,\n    borderRadius: 0,\n    boxSizing: \"border-box\",\n    display: \"none\",\n    border: \"1px dashed black\",\n    borderSpacing: 5\n});\n\nconst BackgroundColorDiv = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\"\n});\n\ninterface OuterDivProps {\n    isOver: boolean;\n    isDragging: boolean;\n    last: boolean;\n}\n\nconst OuterDiv = styled(\"div\")(\n    {\n        margin: 0,\n        padding: 0,\n        width: \"calc(100% + 2px)\",\n        zIndex: 10,\n        backgroundColor: \"transparent\",\n        position: \"absolute\",\n        display: \"flex\",\n        justifyContent: \"center\"\n    },\n    (props: OuterDivProps) => ({\n        [props.last ? \"bottom\" : \"top\"]: -15,\n        // @ts-ignore\n        [InnerDiv]: {\n            borderColor: props.isOver ? \"var(--mdc-theme-primary)\" : \"var(--mdc-theme-secondary)\",\n            display: props.isDragging ? \"block\" : \"none\",\n            // @ts-ignore\n            [BackgroundColorDiv]: {\n                opacity: 0.5,\n                backgroundColor: props.isOver\n                    ? \"var(--mdc-theme-primary)\"\n                    : \"var(--mdc-theme-secondary)\"\n            }\n        }\n    })\n);\n\ninterface HorizontalProps {\n    onDrop(item: DragSource): void;\n    last?: boolean;\n    isVisible?: IsVisibleCallable;\n    [\"data-testid\"]?: string;\n}\n\nconst Horizontal: React.FC<HorizontalProps> = ({ last, onDrop, isVisible, ...rest }) => {\n    return (\n        <Droppable onDrop={onDrop} isVisible={isVisible}>\n            {({ isOver, isDragging, drop }) => (\n                <div\n                    ref={drop}\n                    data-testid={rest[\"data-testid\"]}\n                    style={{\n                        /* For dropzone debugging: border: \"1px solid blue\",*/\n                        height: \"15px\",\n                        width: \"100%\",\n                        position: \"absolute\",\n                        [last ? \"bottom\" : \"top\"]: 0,\n                        left: 0,\n                        zIndex: isDragging ? 1000 : -1\n                    }}\n                >\n                    <OuterDiv isOver={isOver} isDragging={isDragging} last={last ? true : false}>\n                        <InnerDiv>\n                            <BackgroundColorDiv />\n                        </InnerDiv>\n                    </OuterDiv>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Horizontal;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;;AAGA,IAAMA,QAAQ,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC3BC,MAAM,EAAE,EADmB;EAE3BC,KAAK,EAAE,MAFoB;EAG3BC,MAAM,EAAE,CAHmB;EAI3BC,YAAY,EAAE,CAJa;EAK3BC,SAAS,EAAE,YALgB;EAM3BC,OAAO,EAAE,MANkB;EAO3BC,MAAM,EAAE,kBAPmB;EAQ3BC,aAAa,EAAE;AARY,CAAjB,CAAd;AAWA,IAAMC,kBAAkB,oBAAGT,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCE,KAAK,EAAE,MAD8B;EAErCD,MAAM,EAAE;AAF6B,CAAjB,CAAxB;AAWA,IAAMS,QAAQ,oBAAGV,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GACV;EACIW,MAAM,EAAE,CADZ;EAEIC,OAAO,EAAE,CAFb;EAGIV,KAAK,EAAE,kBAHX;EAIIC,MAAM,EAAE,EAJZ;EAKIU,eAAe,EAAE,aALrB;EAMIC,QAAQ,EAAE,UANd;EAOIR,OAAO,EAAE,MAPb;EAQIS,cAAc,EAAE;AARpB,CADU,EAWV,UAACC,KAAD;EAAA;;EAAA,sDACKA,KAAK,CAACC,IAAN,GAAa,QAAb,GAAwB,KAD7B,EACqC,CAAC,EADtC,uCAGKlB,QAHL;IAIQmB,WAAW,EAAEF,KAAK,CAACG,MAAN,GAAe,0BAAf,GAA4C,4BAJjE;IAKQb,OAAO,EAAEU,KAAK,CAACI,UAAN,GAAmB,OAAnB,GAA6B;EAL9C,GAOSX,kBAPT,EAO8B;IAClBY,OAAO,EAAE,GADS;IAElBR,eAAe,EAAEG,KAAK,CAACG,MAAN,GACX,0BADW,GAEX;EAJY,CAP9B;AAAA,CAXU,CAAd;;AAmCA,IAAMG,UAAqC,GAAG,SAAxCA,UAAwC,QAA0C;EAAA,IAAvCL,IAAuC,SAAvCA,IAAuC;EAAA,IAAjCM,MAAiC,SAAjCA,MAAiC;EAAA,IAAzBC,SAAyB,SAAzBA,SAAyB;EAAA,IAAXC,IAAW;EACpF,oBACI,6BAAC,oBAAD;IAAW,MAAM,EAAEF,MAAnB;IAA2B,SAAS,EAAEC;EAAtC,GACK;IAAA;;IAAA,IAAGL,MAAH,SAAGA,MAAH;IAAA,IAAWC,UAAX,SAAWA,UAAX;IAAA,IAAuBM,IAAvB,SAAuBA,IAAvB;IAAA,oBACG;MACI,GAAG,EAAEA,IADT;MAEI,eAAaD,IAAI,CAAC,aAAD,CAFrB;MAGI,KAAK;QACD;QACAxB,MAAM,EAAE,MAFP;QAGDC,KAAK,EAAE,MAHN;QAIDY,QAAQ,EAAE;MAJT,wCAKAG,IAAI,GAAG,QAAH,GAAc,KALlB,EAK0B,CAL1B,gDAMK,CANL,kDAOOG,UAAU,GAAG,IAAH,GAAU,CAAC,CAP5B;IAHT,gBAaI,6BAAC,QAAD;MAAU,MAAM,EAAED,MAAlB;MAA0B,UAAU,EAAEC,UAAtC;MAAkD,IAAI,EAAEH,IAAI,GAAG,IAAH,GAAU;IAAtE,gBACI,6BAAC,QAAD,qBACI,6BAAC,kBAAD,OADJ,CADJ,CAbJ,CADH;EAAA,CADL,CADJ;AAyBH,CA1BD;;eA4BeK,U"}

package/admin/components/DropZone/Vertical.js

@@ -1,8 +1,21 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from "react";
-import styled from "@emotion/styled";
-import { Droppable } from "../Droppable";
-var InnerDivVertical = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Droppable = require("../Droppable");
+
+var InnerDivVertical = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1yx4w3z0",
   label: "InnerDivVertical"
 })({
@@ -16,14 +29,14 @@ var InnerDivVertical = /*#__PURE__*/styled("div", {
   border: "1px dashed black",
   borderSpacing: 5
 });
-var BackgroundColorDiv = /*#__PURE__*/styled("div", {
+var BackgroundColorDiv = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1yx4w3z1",
   label: "BackgroundColorDiv"
 })({
   width: "100%",
   height: "100%"
 });
-var OuterDivVertical = /*#__PURE__*/styled("div", {
+var OuterDivVertical = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1yx4w3z2",
   label: "OuterDivVertical"
 })({
@@ -36,9 +49,9 @@ var OuterDivVertical = /*#__PURE__*/styled("div", {
 }, function (props) {
   var _InnerDivVertical, _ref;
 
-  return _ref = {}, _defineProperty(_ref, props.last ? "right" : "left", -9), _defineProperty(_ref, "textAlign", props.last ? "right" : "left"), _defineProperty(_ref, InnerDivVertical, (_InnerDivVertical = {
+  return _ref = {}, (0, _defineProperty2.default)(_ref, props.last ? "right" : "left", -9), (0, _defineProperty2.default)(_ref, "textAlign", props.last ? "right" : "left"), (0, _defineProperty2.default)(_ref, InnerDivVertical, (_InnerDivVertical = {
     borderColor: props.isOver ? "var(--mdc-theme-primary)" : "var(--mdc-theme-secondary)"
-  }, _defineProperty(_InnerDivVertical, props.last ? "right" : "left", -2), _defineProperty(_InnerDivVertical, "display", props.isDragging ? "block" : "none"), _defineProperty(_InnerDivVertical, BackgroundColorDiv, {
+  }, (0, _defineProperty2.default)(_InnerDivVertical, props.last ? "right" : "left", -2), (0, _defineProperty2.default)(_InnerDivVertical, "display", props.isDragging ? "block" : "none"), (0, _defineProperty2.default)(_InnerDivVertical, BackgroundColorDiv, {
     opacity: 0.5,
     backgroundColor: props.isOver ? "var(--mdc-theme-primary)" : "var(--mdc-theme-secondary)"
   }), _InnerDivVertical)), _ref;
@@ -49,7 +62,7 @@ var Vertical = function Vertical(_ref2) {
       last = _ref2.last,
       onDrop = _ref2.onDrop,
       isVisible = _ref2.isVisible;
-  return /*#__PURE__*/React.createElement(Droppable, {
+  return /*#__PURE__*/_react.default.createElement(_Droppable.Droppable, {
     onDrop: onDrop,
     isVisible: isVisible
   }, function (_ref3) {
@@ -58,7 +71,7 @@ var Vertical = function Vertical(_ref2) {
     var isOver = _ref3.isOver,
         isDragging = _ref3.isDragging,
         drop = _ref3.drop;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: drop,
       style: (_ref4 = {
         /* For dropzone debugging: border: "1px solid blue",*/
@@ -67,13 +80,14 @@ var Vertical = function Vertical(_ref2) {
         height: "100%",
         position: "absolute",
         top: 0
-      }, _defineProperty(_ref4, last ? "right" : "left", 0), _defineProperty(_ref4, "zIndex", isDragging ? 1000 + (depth || 0) : -1), _ref4)
-    }, /*#__PURE__*/React.createElement(OuterDivVertical, {
+      }, (0, _defineProperty2.default)(_ref4, last ? "right" : "left", 0), (0, _defineProperty2.default)(_ref4, "zIndex", isDragging ? 1000 + (depth || 0) : -1), _ref4)
+    }, /*#__PURE__*/_react.default.createElement(OuterDivVertical, {
       isOver: isOver,
       isDragging: isDragging,
       last: last
-    }, /*#__PURE__*/React.createElement(InnerDivVertical, null, /*#__PURE__*/React.createElement(BackgroundColorDiv, null))));
+    }, /*#__PURE__*/_react.default.createElement(InnerDivVertical, null, /*#__PURE__*/_react.default.createElement(BackgroundColorDiv, null))));
   });
 };
 
-export default Vertical;
+var _default = Vertical;
+exports.default = _default;

package/admin/components/DropZone/Vertical.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Vertical.tsx"],"names":["React","styled","Droppable","InnerDivVertical","position","width","height","zIndex","borderRadius","display","boxSizing","border","borderSpacing","BackgroundColorDiv","OuterDivVertical","top","backgroundColor","props","last","borderColor","isOver","isDragging","opacity","Vertical","depth","onDrop","isVisible","drop","maxWidth"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, IsVisibleCallable } from \"../Droppable\";\nimport { DragSource } from \"~/admin/components/FieldEditor/FieldEditorContext\";\n\nconst InnerDivVertical = styled(\"div\")({\n    position: \"absolute\",\n    width: 10,\n    height: \"100%\",\n    zIndex: 3,\n    borderRadius: 0,\n    display: \"none\",\n    boxSizing: \"border-box\",\n    border: \"1px dashed black\",\n    borderSpacing: 5\n});\n\nconst BackgroundColorDiv = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\"\n});\n\ninterface OuterDivVerticalProps {\n    isOver: boolean;\n    last?: boolean;\n    isVisible?: IsVisibleCallable;\n    isDragging?: boolean;\n}\n\nconst OuterDivVertical = styled(\"div\")(\n    {\n        position: \"absolute\",\n        width: \"30%\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 10,\n        backgroundColor: \"transparent\"\n    },\n    (props: OuterDivVerticalProps) => ({\n        [props.last ? \"right\" : \"left\"]: -9,\n        textAlign: props.last ? \"right\" : \"left\",\n        // @ts-ignore\n        [InnerDivVertical]: {\n            borderColor: props.isOver ? \"var(--mdc-theme-primary)\" : \"var(--mdc-theme-secondary)\",\n            [props.last ? \"right\" : \"left\"]: -2,\n            display: props.isDragging ? \"block\" : \"none\",\n            // @ts-ignore\n            [BackgroundColorDiv]: {\n                opacity: 0.5,\n                backgroundColor: props.isOver\n                    ? \"var(--mdc-theme-primary)\"\n                    : \"var(--mdc-theme-secondary)\"\n            }\n        }\n    })\n);\n\ninterface VerticalProps {\n    depth?: number;\n    onDrop(item: DragSource): void;\n    last?: boolean;\n    isVisible?: any;\n}\n\nconst Vertical: React.FC<VerticalProps> = ({ depth, last, onDrop, isVisible }) => {\n    return (\n        <Droppable onDrop={onDrop} isVisible={isVisible}>\n            {({ isOver, isDragging, drop }) => (\n                <div\n                    ref={drop}\n                    style={{\n                        /* For dropzone debugging: border: \"1px solid blue\",*/\n                        width: \"30%\",\n                        maxWidth: \"100px\",\n                        height: \"100%\",\n                        position: \"absolute\",\n                        top: 0,\n                        [last ? \"right\" : \"left\"]: 0,\n                        zIndex: isDragging ? 1000 + (depth || 0) : -1\n                    }}\n                >\n                    <OuterDivVertical isOver={isOver} isDragging={isDragging} last={last}>\n                        <InnerDivVertical>\n                            <BackgroundColorDiv />\n                        </InnerDivVertical>\n                    </OuterDivVertical>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Vertical;\n"]}
+{"version":3,"names":["InnerDivVertical","styled","position","width","height","zIndex","borderRadius","display","boxSizing","border","borderSpacing","BackgroundColorDiv","OuterDivVertical","top","backgroundColor","props","last","borderColor","isOver","isDragging","opacity","Vertical","depth","onDrop","isVisible","drop","maxWidth"],"sources":["Vertical.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, IsVisibleCallable } from \"../Droppable\";\nimport { DragSource } from \"~/admin/components/FieldEditor/FieldEditorContext\";\n\nconst InnerDivVertical = styled(\"div\")({\n    position: \"absolute\",\n    width: 10,\n    height: \"100%\",\n    zIndex: 3,\n    borderRadius: 0,\n    display: \"none\",\n    boxSizing: \"border-box\",\n    border: \"1px dashed black\",\n    borderSpacing: 5\n});\n\nconst BackgroundColorDiv = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\"\n});\n\ninterface OuterDivVerticalProps {\n    isOver: boolean;\n    last?: boolean;\n    isVisible?: IsVisibleCallable;\n    isDragging?: boolean;\n}\n\nconst OuterDivVertical = styled(\"div\")(\n    {\n        position: \"absolute\",\n        width: \"30%\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 10,\n        backgroundColor: \"transparent\"\n    },\n    (props: OuterDivVerticalProps) => ({\n        [props.last ? \"right\" : \"left\"]: -9,\n        textAlign: props.last ? \"right\" : \"left\",\n        // @ts-ignore\n        [InnerDivVertical]: {\n            borderColor: props.isOver ? \"var(--mdc-theme-primary)\" : \"var(--mdc-theme-secondary)\",\n            [props.last ? \"right\" : \"left\"]: -2,\n            display: props.isDragging ? \"block\" : \"none\",\n            // @ts-ignore\n            [BackgroundColorDiv]: {\n                opacity: 0.5,\n                backgroundColor: props.isOver\n                    ? \"var(--mdc-theme-primary)\"\n                    : \"var(--mdc-theme-secondary)\"\n            }\n        }\n    })\n);\n\ninterface VerticalProps {\n    depth?: number;\n    onDrop(item: DragSource): void;\n    last?: boolean;\n    isVisible?: any;\n}\n\nconst Vertical: React.FC<VerticalProps> = ({ depth, last, onDrop, isVisible }) => {\n    return (\n        <Droppable onDrop={onDrop} isVisible={isVisible}>\n            {({ isOver, isDragging, drop }) => (\n                <div\n                    ref={drop}\n                    style={{\n                        /* For dropzone debugging: border: \"1px solid blue\",*/\n                        width: \"30%\",\n                        maxWidth: \"100px\",\n                        height: \"100%\",\n                        position: \"absolute\",\n                        top: 0,\n                        [last ? \"right\" : \"left\"]: 0,\n                        zIndex: isDragging ? 1000 + (depth || 0) : -1\n                    }}\n                >\n                    <OuterDivVertical isOver={isOver} isDragging={isDragging} last={last}>\n                        <InnerDivVertical>\n                            <BackgroundColorDiv />\n                        </InnerDivVertical>\n                    </OuterDivVertical>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Vertical;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAGA,IAAMA,gBAAgB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACnCC,QAAQ,EAAE,UADyB;EAEnCC,KAAK,EAAE,EAF4B;EAGnCC,MAAM,EAAE,MAH2B;EAInCC,MAAM,EAAE,CAJ2B;EAKnCC,YAAY,EAAE,CALqB;EAMnCC,OAAO,EAAE,MAN0B;EAOnCC,SAAS,EAAE,YAPwB;EAQnCC,MAAM,EAAE,kBAR2B;EASnCC,aAAa,EAAE;AAToB,CAAjB,CAAtB;AAYA,IAAMC,kBAAkB,oBAAGV,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCE,KAAK,EAAE,MAD8B;EAErCC,MAAM,EAAE;AAF6B,CAAjB,CAAxB;AAYA,IAAMQ,gBAAgB,oBAAGX,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAClB;EACIC,QAAQ,EAAE,UADd;EAEIC,KAAK,EAAE,KAFX;EAGIU,GAAG,EAAE,CAHT;EAIIT,MAAM,EAAE,MAJZ;EAKIC,MAAM,EAAE,EALZ;EAMIS,eAAe,EAAE;AANrB,CADkB,EASlB,UAACC,KAAD;EAAA;;EAAA,sDACKA,KAAK,CAACC,IAAN,GAAa,OAAb,GAAuB,MAD5B,EACqC,CAAC,CADtC,oDAEeD,KAAK,CAACC,IAAN,GAAa,OAAb,GAAuB,MAFtC,uCAIKhB,gBAJL;IAKQiB,WAAW,EAAEF,KAAK,CAACG,MAAN,GAAe,0BAAf,GAA4C;EALjE,oDAMSH,KAAK,CAACC,IAAN,GAAa,OAAb,GAAuB,MANhC,EAMyC,CAAC,CAN1C,+DAOiBD,KAAK,CAACI,UAAN,GAAmB,OAAnB,GAA6B,MAP9C,oDASSR,kBATT,EAS8B;IAClBS,OAAO,EAAE,GADS;IAElBN,eAAe,EAAEC,KAAK,CAACG,MAAN,GACX,0BADW,GAEX;EAJY,CAT9B;AAAA,CATkB,CAAtB;;AAmCA,IAAMG,QAAiC,GAAG,SAApCA,QAAoC,QAAwC;EAAA,IAArCC,KAAqC,SAArCA,KAAqC;EAAA,IAA9BN,IAA8B,SAA9BA,IAA8B;EAAA,IAAxBO,MAAwB,SAAxBA,MAAwB;EAAA,IAAhBC,SAAgB,SAAhBA,SAAgB;EAC9E,oBACI,6BAAC,oBAAD;IAAW,MAAM,EAAED,MAAnB;IAA2B,SAAS,EAAEC;EAAtC,GACK;IAAA;;IAAA,IAAGN,MAAH,SAAGA,MAAH;IAAA,IAAWC,UAAX,SAAWA,UAAX;IAAA,IAAuBM,IAAvB,SAAuBA,IAAvB;IAAA,oBACG;MACI,GAAG,EAAEA,IADT;MAEI,KAAK;QACD;QACAtB,KAAK,EAAE,KAFN;QAGDuB,QAAQ,EAAE,OAHT;QAIDtB,MAAM,EAAE,MAJP;QAKDF,QAAQ,EAAE,UALT;QAMDW,GAAG,EAAE;MANJ,wCAOAG,IAAI,GAAG,OAAH,GAAa,MAPjB,EAO0B,CAP1B,kDAQOG,UAAU,GAAG,QAAQG,KAAK,IAAI,CAAjB,CAAH,GAAyB,CAAC,CAR3C;IAFT,gBAaI,6BAAC,gBAAD;MAAkB,MAAM,EAAEJ,MAA1B;MAAkC,UAAU,EAAEC,UAA9C;MAA0D,IAAI,EAAEH;IAAhE,gBACI,6BAAC,gBAAD,qBACI,6BAAC,kBAAD,OADJ,CADJ,CAbJ,CADH;EAAA,CADL,CADJ;AAyBH,CA1BD;;eA4BeK,Q"}

package/admin/components/DropZone/index.js

@@ -1,4 +1,31 @@
-import Center from "./Center";
-import Horizontal from "./Horizontal";
-import Vertical from "./Vertical";
-export { Center, Horizontal, Vertical };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Center", {
+  enumerable: true,
+  get: function get() {
+    return _Center.default;
+  }
+});
+Object.defineProperty(exports, "Horizontal", {
+  enumerable: true,
+  get: function get() {
+    return _Horizontal.default;
+  }
+});
+Object.defineProperty(exports, "Vertical", {
+  enumerable: true,
+  get: function get() {
+    return _Vertical.default;
+  }
+});
+
+var _Center = _interopRequireDefault(require("./Center"));
+
+var _Horizontal = _interopRequireDefault(require("./Horizontal"));
+
+var _Vertical = _interopRequireDefault(require("./Vertical"));

package/admin/components/DropZone/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["Center","Horizontal","Vertical"],"mappings":"AAAA,OAAOA,MAAP;AACA,OAAOC,UAAP;AACA,OAAOC,QAAP;AAEA,SAASF,MAAT,EAAiBC,UAAjB,EAA6BC,QAA7B","sourcesContent":["import Center from \"./Center\";\nimport Horizontal from \"./Horizontal\";\nimport Vertical from \"./Vertical\";\n\nexport { Center, Horizontal, Vertical };\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["import Center from \"./Center\";\nimport Horizontal from \"./Horizontal\";\nimport Vertical from \"./Vertical\";\n\nexport { Center, Horizontal, Vertical };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}

package/admin/components/Droppable.js

@@ -1,6 +1,19 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { useDrop } from "react-dnd";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Droppable = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactDnd = require("react-dnd");
 
 var DroppableComponent = function DroppableComponent(props) {
   var children = props.children,
@@ -10,7 +23,7 @@ var DroppableComponent = function DroppableComponent(props) {
     return true;
   } : _props$isVisible;
 
-  var _useDrop = useDrop({
+  var _useDrop = (0, _reactDnd.useDrop)({
     accept: "element",
     collect: function collect(monitor) {
       return {
@@ -26,7 +39,7 @@ var DroppableComponent = function DroppableComponent(props) {
       }
     }
   }),
-      _useDrop2 = _slicedToArray(_useDrop, 2),
+      _useDrop2 = (0, _slicedToArray2.default)(_useDrop, 2),
       _useDrop2$ = _useDrop2[0],
       item = _useDrop2$.item,
       isOver = _useDrop2$.isOver,
@@ -44,4 +57,5 @@ var DroppableComponent = function DroppableComponent(props) {
   });
 };
 
-export var Droppable = /*#__PURE__*/React.memo(DroppableComponent);
+var Droppable = /*#__PURE__*/React.memo(DroppableComponent);
+exports.Droppable = Droppable;