@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.3386f66516

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
-    }, /*#__PURE__*/React.createElement(InnerDiv, null, /*#__PURE__*/React.createElement(BackgroundColorDiv, null))));
+      last: last ? true : false
+    }, /*#__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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from "react";
 import { DragSource } from "../FieldEditor/FieldEditorContext";
-declare type VerticalProps = {
+interface VerticalProps {
     depth?: number;
     onDrop(item: DragSource): void;
     last?: boolean;
     isVisible?: any;
-};
-declare const Vertical: ({ depth, last, onDrop, isVisible }: VerticalProps) => JSX.Element;
+}
+declare const Vertical: React.FC<VerticalProps>;
 export default Vertical;

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 : -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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,23 +1,34 @@
 import * as React from "react";
 import { ConnectDropTarget } from "react-dnd";
 import { DragSource } from "./FieldEditor/FieldEditorContext";
-export declare type DroppableChildrenFunction = (params: {
+export interface DroppableChildrenFunctionParams {
     isDragging: boolean;
+    isDroppable: boolean;
     isOver: boolean;
     item: any;
     drop: ConnectDropTarget;
-}) => React.ReactElement;
-export declare type DroppableProps = {
+}
+export interface DroppableChildrenFunction {
+    (params: DroppableChildrenFunctionParams): React.ReactElement;
+}
+interface IsVisibleParams {
+    type: "row" | "field" | "newField";
+    item: any;
+    isDragging: boolean;
+}
+export interface IsVisibleCallable {
+    (params: IsVisibleParams): boolean;
+}
+export interface OnDropCallable {
+    (item: DragSource): void;
+}
+export interface DroppableProps {
     type?: string;
     children: DroppableChildrenFunction;
     isDragging?: boolean;
     isDroppable?: (item: any) => boolean;
-    isVisible?: (params: {
-        type: string;
-        item: any;
-        isDragging: boolean;
-    }) => boolean;
-    onDrop?: (item: DragSource) => void;
-};
-declare const Droppable: React.MemoExoticComponent<(props: DroppableProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>>;
-export default Droppable;
+    isVisible?: IsVisibleCallable;
+    onDrop?: OnDropCallable;
+}
+export declare const Droppable: React.FC<DroppableProps>;
+export {};

package/admin/components/Droppable.js

@@ -1,7 +1,21 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { useDrop } from "react-dnd";
-var Droppable = /*#__PURE__*/React.memo(function (props) {
+"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,
       onDrop = props.onDrop,
       _props$isVisible = props.isVisible,
@@ -9,7 +23,7 @@ var Droppable = /*#__PURE__*/React.memo(function (props) {
     return true;
   } : _props$isVisible;
 
-  var _useDrop = useDrop({
+  var _useDrop = (0, _reactDnd.useDrop)({
     accept: "element",
     collect: function collect(monitor) {
       return {
@@ -19,13 +33,17 @@ var Droppable = /*#__PURE__*/React.memo(function (props) {
         item: monitor.getItem()
       };
     },
-    drop: function drop(_, monitor) {
+    drop: function drop(item, monitor) {
+      if (typeof props.isDroppable === "function" && !props.isDroppable(item)) {
+        return;
+      }
+
       if (typeof onDrop === "function") {
         return onDrop(monitor.getItem());
       }
     }
   }),
-      _useDrop2 = _slicedToArray(_useDrop, 2),
+      _useDrop2 = (0, _slicedToArray2.default)(_useDrop, 2),
       _useDrop2$ = _useDrop2[0],
       item = _useDrop2$.item,
       isOver = _useDrop2$.isOver,
@@ -35,11 +53,20 @@ var Droppable = /*#__PURE__*/React.memo(function (props) {
     return null;
   }
 
+  var isDroppable = true;
+
+  if (item) {
+    isDroppable = props.isDroppable ? props.isDroppable(item) : isOver;
+  }
+
   return children({
     isDragging: Boolean(item),
     isOver: isOver,
+    isDroppable: isDroppable,
     item: item,
     drop: drop
   });
-});
-export default Droppable;
+};
+
+var Droppable = /*#__PURE__*/React.memo(DroppableComponent);
+exports.Droppable = Droppable;

package/admin/components/Droppable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DroppableComponent","props","children","onDrop","isVisible","useDrop","accept","collect","monitor","isOver","shallow","item","getItem","drop","isDroppable","isDragging","Boolean","Droppable","React","memo"],"sources":["Droppable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ConnectDropTarget, useDrop } from \"react-dnd\";\nimport { DragSource } from \"~/admin/components/FieldEditor/FieldEditorContext\";\n\nexport interface DroppableChildrenFunctionParams {\n    isDragging: boolean;\n    isDroppable: boolean;\n    isOver: boolean;\n    item: any;\n    drop: ConnectDropTarget;\n}\nexport interface DroppableChildrenFunction {\n    (params: DroppableChildrenFunctionParams): React.ReactElement;\n}\n\ninterface IsVisibleParams {\n    type: \"row\" | \"field\" | \"newField\";\n    item: any;\n    isDragging: boolean;\n}\nexport interface IsVisibleCallable {\n    (params: IsVisibleParams): boolean;\n}\nexport interface OnDropCallable {\n    (item: DragSource): void;\n}\nexport interface DroppableProps {\n    type?: string;\n    children: DroppableChildrenFunction;\n    isDragging?: boolean;\n    isDroppable?: (item: any) => boolean;\n    isVisible?: IsVisibleCallable;\n    onDrop?: OnDropCallable;\n}\n\nconst DroppableComponent: React.FC<DroppableProps> = props => {\n    const { children, onDrop, isVisible = () => true } = props;\n\n    const [{ item, isOver }, drop] = useDrop({\n        accept: \"element\",\n        collect: monitor => ({\n            isOver: monitor.isOver() && monitor.isOver({ shallow: true }),\n            item: monitor.getItem()\n        }),\n        drop(item, monitor) {\n            if (typeof props.isDroppable === \"function\" && !props.isDroppable(item)) {\n                return;\n            }\n\n            if (typeof onDrop === \"function\") {\n                return onDrop(monitor.getItem());\n            }\n        }\n    });\n\n    if (item && !isVisible(item)) {\n        return null;\n    }\n\n    let isDroppable = true;\n    if (item) {\n        isDroppable = props.isDroppable ? props.isDroppable(item) : isOver;\n    }\n\n    return children({ isDragging: Boolean(item), isOver, isDroppable, item, drop });\n};\n\nexport const Droppable: React.FC<DroppableProps> = React.memo(DroppableComponent);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAkCA,IAAMA,kBAA4C,GAAG,SAA/CA,kBAA+C,CAAAC,KAAK,EAAI;EAC1D,IAAQC,QAAR,GAAqDD,KAArD,CAAQC,QAAR;EAAA,IAAkBC,MAAlB,GAAqDF,KAArD,CAAkBE,MAAlB;EAAA,uBAAqDF,KAArD,CAA0BG,SAA1B;EAAA,IAA0BA,SAA1B,iCAAsC;IAAA,OAAM,IAAN;EAAA,CAAtC;;EAEA,eAAiC,IAAAC,iBAAA,EAAQ;IACrCC,MAAM,EAAE,SAD6B;IAErCC,OAAO,EAAE,iBAAAC,OAAO;MAAA,OAAK;QACjBC,MAAM,EAAED,OAAO,CAACC,MAAR,MAAoBD,OAAO,CAACC,MAAR,CAAe;UAAEC,OAAO,EAAE;QAAX,CAAf,CADX;QAEjBC,IAAI,EAAEH,OAAO,CAACI,OAAR;MAFW,CAAL;IAAA,CAFqB;IAMrCC,IANqC,gBAMhCF,IANgC,EAM1BH,OAN0B,EAMjB;MAChB,IAAI,OAAOP,KAAK,CAACa,WAAb,KAA6B,UAA7B,IAA2C,CAACb,KAAK,CAACa,WAAN,CAAkBH,IAAlB,CAAhD,EAAyE;QACrE;MACH;;MAED,IAAI,OAAOR,MAAP,KAAkB,UAAtB,EAAkC;QAC9B,OAAOA,MAAM,CAACK,OAAO,CAACI,OAAR,EAAD,CAAb;MACH;IACJ;EAdoC,CAAR,CAAjC;EAAA;EAAA;EAAA,IAASD,IAAT,cAASA,IAAT;EAAA,IAAeF,MAAf,cAAeA,MAAf;EAAA,IAAyBI,IAAzB;;EAiBA,IAAIF,IAAI,IAAI,CAACP,SAAS,CAACO,IAAD,CAAtB,EAA8B;IAC1B,OAAO,IAAP;EACH;;EAED,IAAIG,WAAW,GAAG,IAAlB;;EACA,IAAIH,IAAJ,EAAU;IACNG,WAAW,GAAGb,KAAK,CAACa,WAAN,GAAoBb,KAAK,CAACa,WAAN,CAAkBH,IAAlB,CAApB,GAA8CF,MAA5D;EACH;;EAED,OAAOP,QAAQ,CAAC;IAAEa,UAAU,EAAEC,OAAO,CAACL,IAAD,CAArB;IAA6BF,MAAM,EAANA,MAA7B;IAAqCK,WAAW,EAAXA,WAArC;IAAkDH,IAAI,EAAJA,IAAlD;IAAwDE,IAAI,EAAJA;EAAxD,CAAD,CAAf;AACH,CA9BD;;AAgCO,IAAMI,SAAmC,gBAAGC,KAAK,CAACC,IAAN,CAAWnB,kBAAX,CAA5C"}

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const AppearanceTab: (props: any) => JSX.Element;
+declare const AppearanceTab: () => JSX.Element;
 export default AppearanceTab;

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.js

@@ -1,78 +1,112 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _plugins = require("@webiny/plugins");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Radio = require("@webiny/ui/Radio");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _emotion = require("emotion");
+
+var _validation = require("@webiny/validation");
+
+var _hooks = require("../../../hooks");
+
+var _form = require("@webiny/form");
 
 var _templateObject, _templateObject2;
 
-import React, { useEffect } from "react";
-import { plugins } from "@webiny/plugins";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { i18n } from "@webiny/app/i18n";
-import { Radio, RadioGroup } from "@webiny/ui/Radio";
-import { Typography } from "@webiny/ui/Typography";
-import { css } from "emotion";
-import { validation } from "@webiny/validation";
-var t = i18n.ns("app-headless-cms/admin/views/components/editor/tabs/edit-field-dialog/appearance-tab");
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-model-editor/tabs/appearance-tab");
+
 var style = {
-  topLabel: /*#__PURE__*/css({
+  topLabel: /*#__PURE__*/(0, _emotion.css)({
     marginBottom: 25
   }, "label:topLabel;"),
-  noComponentsMessage: /*#__PURE__*/css({
+  noComponentsMessage: /*#__PURE__*/(0, _emotion.css)({
     textAlign: "center",
     padding: 25
   }, "label:noComponentsMessage;"),
-  radioContainer: /*#__PURE__*/css({
+  radioContainer: /*#__PURE__*/(0, _emotion.css)({
     marginBottom: 10
   }, "label:radioContainer;")
 };
 
-var AppearanceTab = function AppearanceTab(props) {
-  var field = props.field,
-      form = props.form;
-  var renderPlugins = plugins.byType("cms-editor-field-renderer").filter(function (item) {
+var AppearanceTab = function AppearanceTab() {
+  var _field$predefinedValu;
+
+  var form = (0, _form.useForm)();
+
+  var _useModelField = (0, _hooks.useModelField)(),
+      field = _useModelField.field,
+      fieldPlugin = _useModelField.fieldPlugin;
+
+  var renderPlugins = _plugins.plugins.byType("cms-editor-field-renderer").filter(function (item) {
     return item.renderer.canUse({
-      field: field
+      field: field,
+      fieldPlugin: fieldPlugin
     });
   });
-  useEffect(function () {
+
+  (0, _react.useEffect)(function () {
     // If the currently selected render plugin is no longer available, select the first available one.
     var currentlySelectedRenderAvailable = renderPlugins.find(function (item) {
       return item.renderer.rendererName === field.renderer.name;
     });
 
-    if (!currentlySelectedRenderAvailable) {
-      if (renderPlugins[0]) {
-        form.setValue("renderer.name", renderPlugins[0].renderer.rendererName);
-      } else {
-        console.log("No renderers for field ".concat(field.fieldId, " found."), field);
-      }
+    if (currentlySelectedRenderAvailable) {
+      return;
     }
-  });
+
+    if (renderPlugins[0]) {
+      form.setValue("renderer.name", renderPlugins[0].renderer.rendererName);
+      return;
+    }
+
+    console.info("No renderers for field ".concat(field.fieldId, " found."), field);
+  }, [field.id, field.multipleValues, (_field$predefinedValu = field.predefinedValues) === null || _field$predefinedValu === void 0 ? void 0 : _field$predefinedValu.enabled]);
 
   if (renderPlugins.length === 0) {
-    return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12,
       className: style.noComponentsMessage
-    }, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["There are no components that can render this field."])))));
+    }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["There are no components that can render this field."])))));
   }
 
-  var Bind = form.Bind;
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: style.topLabel
-  }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Choose a component that will render the field:"])))), /*#__PURE__*/React.createElement(Bind, {
+  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Choose a component that will render the field:"])))), /*#__PURE__*/_react.default.createElement(_form.Bind, {
     name: "renderer.name",
-    validate: validation.create("required")
-  }, /*#__PURE__*/React.createElement(RadioGroup, null, function (_ref) {
+    validate: _validation.validation.create("required")
+  }, /*#__PURE__*/_react.default.createElement(_Radio.RadioGroup, null, function (_ref) {
     var onChange = _ref.onChange,
         getValue = _ref.getValue;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, renderPlugins.map(function (item) {
-      return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderPlugins.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: item.name,
         className: style.radioContainer
-      }, /*#__PURE__*/React.createElement(Radio, {
+      }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
         value: getValue(item.renderer.rendererName),
         onChange: onChange(item.renderer.rendererName),
-        label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, item.renderer.name), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
+        label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, item.renderer.name), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
           use: "caption"
         }, item.renderer.description)))
       }));
@@ -80,4 +114,5 @@ var AppearanceTab = function AppearanceTab(props) {
   }))));
 };
 
-export default AppearanceTab;
+var _default = AppearanceTab;
+exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","style","topLabel","css","marginBottom","noComponentsMessage","textAlign","padding","radioContainer","AppearanceTab","form","useForm","useModelField","field","fieldPlugin","renderPlugins","plugins","byType","filter","item","renderer","canUse","useEffect","currentlySelectedRenderAvailable","find","rendererName","name","setValue","console","info","fieldId","id","multipleValues","predefinedValues","enabled","length","validation","create","onChange","getValue","map","description"],"sources":["AppearanceTab.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { css } from \"emotion\";\nimport { validation } from \"@webiny/validation\";\nimport { useModelField } from \"~/admin/hooks\";\nimport { useForm, Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-editor/tabs/appearance-tab\");\n\nconst style = {\n    topLabel: css({\n        marginBottom: 25\n    }),\n    noComponentsMessage: css({\n        textAlign: \"center\",\n        padding: 25\n    }),\n    radioContainer: css({\n        marginBottom: 10\n    })\n};\n\nconst AppearanceTab = () => {\n    const form = useForm<CmsModelField>();\n    const { field, fieldPlugin } = useModelField();\n\n    const renderPlugins = plugins\n        .byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\")\n        .filter(item => item.renderer.canUse({ field, fieldPlugin }));\n\n    useEffect((): void => {\n        // If the currently selected render plugin is no longer available, select the first available one.\n        const currentlySelectedRenderAvailable = renderPlugins.find(\n            item => item.renderer.rendererName === field.renderer.name\n        );\n\n        if (currentlySelectedRenderAvailable) {\n            return;\n        }\n\n        if (renderPlugins[0]) {\n            form.setValue(\"renderer.name\", renderPlugins[0].renderer.rendererName);\n            return;\n        }\n\n        console.info(`No renderers for field ${field.fieldId} found.`, field);\n    }, [field.id, field.multipleValues, field.predefinedValues?.enabled]);\n\n    if (renderPlugins.length === 0) {\n        return (\n            <Grid>\n                <Cell\n                    span={12}\n                    className={style.noComponentsMessage}\n                >{t`There are no components that can render this field.`}</Cell>\n            </Grid>\n        );\n    }\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <div\n                    className={style.topLabel}\n                >{t`Choose a component that will render the field:`}</div>\n                <Bind name={\"renderer.name\"} validate={validation.create(\"required\")}>\n                    <RadioGroup>\n                        {({ onChange, getValue }) => (\n                            <React.Fragment>\n                                {renderPlugins.map(item => (\n                                    <div key={item.name} className={style.radioContainer}>\n                                        <Radio\n                                            value={getValue(item.renderer.rendererName)}\n                                            onChange={onChange(item.renderer.rendererName)}\n                                            label={\n                                                <>\n                                                    <div>{item.renderer.name}</div>\n                                                    <div>\n                                                        <Typography use={\"caption\"}>\n                                                            {item.renderer.description}\n                                                        </Typography>\n                                                    </div>\n                                                </>\n                                            }\n                                        />\n                                    </div>\n                                ))}\n                            </React.Fragment>\n                        )}\n                    </RadioGroup>\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport default AppearanceTab;\n"],"mappings":"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"}

package/admin/components/FieldEditor/EditFieldDialog/GeneralTab.d.ts

@@ -1,10 +1,3 @@
 /// <reference types="react" />
-import { CmsEditorField, CmsEditorFieldTypePlugin } from "../../../../types";
-import { FormRenderPropParams } from "@webiny/form/types";
-declare type GeneralTabProps = {
-    field: CmsEditorField;
-    form: FormRenderPropParams;
-    fieldPlugin: CmsEditorFieldTypePlugin;
-};
-declare const GeneralTab: ({ field, form, fieldPlugin }: GeneralTabProps) => JSX.Element;
+declare const GeneralTab: () => JSX.Element;
 export default GeneralTab;