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

package/admin/plugins/editor/defaultBar/SaveContentModelButton.js

@@ -1,32 +1,51 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _useContentModelEditor = require("../../../components/ContentModelEditor/useContentModelEditor");
 
 var _templateObject, _templateObject2;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useState } from "react";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { i18n } from "@webiny/app/i18n";
-import { useContentModelEditor } from "../../../components/ContentModelEditor/useContentModelEditor";
-var t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
+var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
 
 var SaveContentModelButton = function SaveContentModelButton() {
-  var _useContentModelEdito = useContentModelEditor(),
+  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
       saveContentModel = _useContentModelEdito.saveContentModel;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       loading = _useState2[0],
       setLoading = _useState2[1];
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _onClick = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var _onClick = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
     var response;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
@@ -47,7 +66,7 @@ var SaveContentModelButton = function SaveContentModelButton() {
             return _context.abrupt("return");
 
           case 8:
-            showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Your content model was saved successfully!"]))));
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Your content model was saved successfully!"]))));
 
           case 9:
           case "end":
@@ -57,12 +76,13 @@ var SaveContentModelButton = function SaveContentModelButton() {
     }, _callee);
   })), [saveContentModel]);
 
-  return /*#__PURE__*/React.createElement(ButtonPrimary, {
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
     disabled: loading,
     onClick: function onClick() {
       _onClick();
     }
-  }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Save"]))));
+  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save"]))));
 };
 
-export default SaveContentModelButton;
+var _default = SaveContentModelButton;
+exports.default = _default;

package/admin/plugins/editor/defaultBar/SaveContentModelButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SaveContentModelButton.tsx"],"names":["React","useCallback","useState","ButtonPrimary","useSnackbar","i18n","useContentModelEditor","t","namespace","SaveContentModelButton","saveContentModel","loading","setLoading","showSnackbar","onClick","response","error","message"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,QAA7B,QAA6C,OAA7C;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,WAAT,QAA4B,qCAA5B;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,qBAAT;AAEA,IAAMC,CAAC,GAAGF,IAAI,CAACG,SAAL,CAAe,mDAAf,CAAV;;AAEA,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAmC,GAAM;AAC3C,8BAA6BH,qBAAqB,EAAlD;AAAA,MAAQI,gBAAR,yBAAQA,gBAAR;;AACA,kBAA8BR,QAAQ,CAAU,KAAV,CAAtC;AAAA;AAAA,MAAOS,OAAP;AAAA,MAAgBC,UAAhB;;AACA,qBAAyBR,WAAW,EAApC;AAAA,MAAQS,YAAR,gBAAQA,YAAR;;AAEA,MAAMC,QAAO,GAAGb,WAAW,wEAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AACxBW,YAAAA,UAAU,CAAC,IAAD,CAAV;AADwB;AAAA,mBAEDF,gBAAgB,EAFf;;AAAA;AAElBK,YAAAA,QAFkB;AAGxBH,YAAAA,UAAU,CAAC,KAAD,CAAV;;AAHwB,iBAKpBG,QAAQ,CAACC,KALW;AAAA;AAAA;AAAA;;AAMpBH,YAAAA,YAAY,CAACE,QAAQ,CAACC,KAAT,CAAeC,OAAhB,CAAZ;AANoB;;AAAA;AAUxBJ,YAAAA,YAAY,CAACN,CAAD,gHAAZ;;AAVwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAD,IAWxB,CAACG,gBAAD,CAXwB,CAA3B;;AAaA,sBACI,oBAAC,aAAD;AACI,IAAA,QAAQ,EAAEC,OADd;AAEI,IAAA,OAAO,EAAE,mBAAM;AACXG,MAAAA,QAAO;AACV;AAJL,KAMKP,CANL,4EADJ;AAUH,CA5BD;;AA8BA,eAAeE,sBAAf","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton: React.FC = () => {\n    const { saveContentModel } = useContentModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"]}
+{"version":3,"names":["t","i18n","namespace","SaveContentModelButton","useContentModelEditor","saveContentModel","useState","loading","setLoading","useSnackbar","showSnackbar","onClick","useCallback","response","error","message"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton: React.FC = () => {\n    const { saveContentModel } = useContentModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,mDAAf,CAAV;;AAEA,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAmC,GAAM;EAC3C,4BAA6B,IAAAC,4CAAA,GAA7B;EAAA,IAAQC,gBAAR,yBAAQA,gBAAR;;EACA,gBAA8B,IAAAC,eAAA,EAAkB,KAAlB,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EAEA,IAAMC,QAAO,GAAG,IAAAC,kBAAA,uGAAY;IAAA;IAAA;MAAA;QAAA;UAAA;YACxBJ,UAAU,CAAC,IAAD,CAAV;YADwB;YAAA,OAEDH,gBAAgB,EAFf;;UAAA;YAElBQ,QAFkB;YAGxBL,UAAU,CAAC,KAAD,CAAV;;YAHwB,KAKpBK,QAAQ,CAACC,KALW;cAAA;cAAA;YAAA;;YAMpBJ,YAAY,CAACG,QAAQ,CAACC,KAAT,CAAeC,OAAhB,CAAZ;YANoB;;UAAA;YAUxBL,YAAY,CAACV,CAAD,8HAAZ;;UAVwB;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CAAZ,IAWb,CAACK,gBAAD,CAXa,CAAhB;;EAaA,oBACI,6BAAC,qBAAD;IACI,QAAQ,EAAEE,OADd;IAEI,OAAO,EAAE,mBAAM;MACXI,QAAO;IACV;EAJL,GAMKX,CANL,0FADJ;AAUH,CA5BD;;eA8BeG,sB"}

package/admin/plugins/editor/defaultBar/index.js

@@ -1,44 +1,61 @@
-import React from "react";
-import BackButton from "./BackButton";
-import Divider from "./Divider";
-import SaveContentModelButton from "./SaveContentModelButton";
-import CreateContentButton from "./CreateContentButton";
-import { Name } from "./Name";
-import { FormSettingsButton } from "./FormSettings";
-export default [{
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BackButton = _interopRequireDefault(require("./BackButton"));
+
+var _Divider = _interopRequireDefault(require("./Divider"));
+
+var _SaveContentModelButton = _interopRequireDefault(require("./SaveContentModelButton"));
+
+var _CreateContentButton = _interopRequireDefault(require("./CreateContentButton"));
+
+var _Name = require("./Name");
+
+var _FormSettings = require("./FormSettings");
+
+var _default = [{
   name: "content-model-editor-default-bar-right-create-content-button",
   type: "content-model-editor-default-bar-right",
   render: function render() {
-    return /*#__PURE__*/React.createElement(CreateContentButton, null);
+    return /*#__PURE__*/_react.default.createElement(_CreateContentButton.default, null);
   }
 }, {
   name: "content-model-editor-default-bar-left-divider",
   type: "content-model-editor-default-bar-right",
   render: function render() {
-    return /*#__PURE__*/React.createElement(Divider, null);
+    return /*#__PURE__*/_react.default.createElement(_Divider.default, null);
   }
 }, {
   name: "content-model-editor-default-bar-right-form-settings-button",
   type: "content-model-editor-default-bar-right",
   render: function render() {
-    return /*#__PURE__*/React.createElement(FormSettingsButton, null);
+    return /*#__PURE__*/_react.default.createElement(_FormSettings.FormSettingsButton, null);
   }
 }, {
   name: "content-model-editor-default-bar-right-save-button",
   type: "content-model-editor-default-bar-right",
   render: function render() {
-    return /*#__PURE__*/React.createElement(SaveContentModelButton, null);
+    return /*#__PURE__*/_react.default.createElement(_SaveContentModelButton.default, null);
   }
 }, {
   name: "content-model-editor-default-bar-left-back-button",
   type: "content-model-editor-default-bar-left",
   render: function render() {
-    return /*#__PURE__*/React.createElement(BackButton, null);
+    return /*#__PURE__*/_react.default.createElement(_BackButton.default, null);
   }
 }, {
   name: "content-model-editor-default-bar-left-name",
   type: "content-model-editor-default-bar-left",
   render: function render() {
-    return /*#__PURE__*/React.createElement(Name, null);
+    return /*#__PURE__*/_react.default.createElement(_Name.Name, null);
   }
-}];
+}];
+exports.default = _default;

package/admin/plugins/editor/defaultBar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","BackButton","Divider","SaveContentModelButton","CreateContentButton","Name","FormSettingsButton","name","type","render"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP;AACA,OAAOC,OAAP;AACA,OAAOC,sBAAP;AACA,OAAOC,mBAAP;AACA,SAASC,IAAT;AACA,SAASC,kBAAT;AAEA,eAAe,CACX;AACIC,EAAAA,IAAI,EAAE,8DADV;AAEIC,EAAAA,IAAI,EAAE,wCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,mBAAD,OAAP;AACH;AALL,CADW,EAQX;AACIF,EAAAA,IAAI,EAAE,+CADV;AAEIC,EAAAA,IAAI,EAAE,wCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,OAAD,OAAP;AACH;AALL,CARW,EAeX;AACIF,EAAAA,IAAI,EAAE,6DADV;AAEIC,EAAAA,IAAI,EAAE,wCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,kBAAD,OAAP;AACH;AALL,CAfW,EAsBX;AACIF,EAAAA,IAAI,EAAE,oDADV;AAEIC,EAAAA,IAAI,EAAE,wCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,sBAAD,OAAP;AACH;AALL,CAtBW,EA8BX;AACIF,EAAAA,IAAI,EAAE,mDADV;AAEIC,EAAAA,IAAI,EAAE,uCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,UAAD,OAAP;AACH;AALL,CA9BW,EAsCX;AACIF,EAAAA,IAAI,EAAE,4CADV;AAEIC,EAAAA,IAAI,EAAE,uCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,IAAD,OAAP;AACH;AALL,CAtCW,CAAf","sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport Divider from \"./Divider\";\nimport SaveContentModelButton from \"./SaveContentModelButton\";\nimport CreateContentButton from \"./CreateContentButton\";\nimport { Name } from \"./Name\";\nimport { FormSettingsButton } from \"./FormSettings\";\n\nexport default [\n    {\n        name: \"content-model-editor-default-bar-right-create-content-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <CreateContentButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-left-divider\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <Divider />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-form-settings-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <FormSettingsButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-save-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <SaveContentModelButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-back-button\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <BackButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-name\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <Name />;\n        }\n    }\n];\n"]}
+{"version":3,"names":["name","type","render"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport Divider from \"./Divider\";\nimport SaveContentModelButton from \"./SaveContentModelButton\";\nimport CreateContentButton from \"./CreateContentButton\";\nimport { Name } from \"./Name\";\nimport { FormSettingsButton } from \"./FormSettings\";\n\nexport default [\n    {\n        name: \"content-model-editor-default-bar-right-create-content-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <CreateContentButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-left-divider\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <Divider />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-form-settings-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <FormSettingsButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-save-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <SaveContentModelButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-back-button\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <BackButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-name\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <Name />;\n        }\n    }\n];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;eAEe,CACX;EACIA,IAAI,EAAE,8DADV;EAEIC,IAAI,EAAE,wCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,4BAAD,OAAP;EACH;AALL,CADW,EAQX;EACIF,IAAI,EAAE,+CADV;EAEIC,IAAI,EAAE,wCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,gBAAD,OAAP;EACH;AALL,CARW,EAeX;EACIF,IAAI,EAAE,6DADV;EAEIC,IAAI,EAAE,wCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,gCAAD,OAAP;EACH;AALL,CAfW,EAsBX;EACIF,IAAI,EAAE,oDADV;EAEIC,IAAI,EAAE,wCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,+BAAD,OAAP;EACH;AALL,CAtBW,EA8BX;EACIF,IAAI,EAAE,mDADV;EAEIC,IAAI,EAAE,uCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,mBAAD,OAAP;EACH;AALL,CA9BW,EAsCX;EACIF,IAAI,EAAE,4CADV;EAEIC,IAAI,EAAE,uCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,UAAD,OAAP;EACH;AALL,CAtCW,C"}

package/admin/plugins/editor/formSettings/components/GeneralSettings.js

@@ -1,37 +1,51 @@
-import React from "react";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Input } from "@webiny/ui/Input";
-import { validation } from "@webiny/validation";
-import GroupSelect from "./GroupSelect";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Input = require("@webiny/ui/Input");
+
+var _validation = require("@webiny/validation");
+
+var _GroupSelect = _interopRequireDefault(require("./GroupSelect"));
 
 var GeneralSettings = function GeneralSettings(_ref) {
   var Bind = _ref.Bind;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "name"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     label: "Content model name"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "modelId"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     disabled: true,
     label: "Content model ID"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "description"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     rows: 5,
     label: "Content model description"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "group",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(GroupSelect, null)))));
+    validators: _validation.validation.create("required")
+  }, /*#__PURE__*/_react.default.createElement(_GroupSelect.default, null)))));
 };
 
-export default GeneralSettings;
+var _default = GeneralSettings;
+exports.default = _default;

package/admin/plugins/editor/formSettings/components/GeneralSettings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GeneralSettings.tsx"],"names":["React","Grid","Cell","Input","validation","GroupSelect","GeneralSettings","Bind","create"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA,OAAOC,WAAP;;AAMA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAoC;AAAA,MAAjCC,IAAiC,QAAjCA,IAAiC;AACxD,sBACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,IAAD,qBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE;AAAd,IADJ,CADJ,CADJ,eAMI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,KAAD;AAAO,IAAA,QAAQ,EAAE,IAAjB;AAAuB,IAAA,KAAK,EAAE;AAA9B,IADJ,CADJ,CANJ,eAWI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAE,CAAb;AAAgB,IAAA,KAAK,EAAE;AAAvB,IADJ,CADJ,CAXJ,eAgBI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,OAAZ;AAAqB,IAAA,UAAU,EAAEH,UAAU,CAACI,MAAX,CAAkB,UAAlB;AAAjC,kBACI,oBAAC,WAAD,OADJ,CADJ,CAhBJ,CADJ,CADJ;AA0BH,CA3BD;;AA6BA,eAAeF,eAAf","sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { BindComponent } from \"@webiny/form\";\nimport GroupSelect from \"./GroupSelect\";\n\ninterface GeneralSettingsProps {\n    Bind: BindComponent;\n}\n\nconst GeneralSettings = ({ Bind }: GeneralSettingsProps) => {\n    return (\n        <React.Fragment>\n            <Grid>\n                <Cell span={12}>\n                    <Bind name={\"name\"}>\n                        <Input label={\"Content model name\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"modelId\"}>\n                        <Input disabled={true} label={\"Content model ID\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"description\"}>\n                        <Input rows={5} label={\"Content model description\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                        <GroupSelect />\n                    </Bind>\n                </Cell>\n            </Grid>\n        </React.Fragment>\n    );\n};\n\nexport default GeneralSettings;\n"]}
+{"version":3,"names":["GeneralSettings","Bind","validation","create"],"sources":["GeneralSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { BindComponent } from \"@webiny/form\";\nimport GroupSelect from \"./GroupSelect\";\n\ninterface GeneralSettingsProps {\n    Bind: BindComponent;\n}\n\nconst GeneralSettings = ({ Bind }: GeneralSettingsProps) => {\n    return (\n        <React.Fragment>\n            <Grid>\n                <Cell span={12}>\n                    <Bind name={\"name\"}>\n                        <Input label={\"Content model name\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"modelId\"}>\n                        <Input disabled={true} label={\"Content model ID\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"description\"}>\n                        <Input rows={5} label={\"Content model description\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                        <GroupSelect />\n                    </Bind>\n                </Cell>\n            </Grid>\n        </React.Fragment>\n    );\n};\n\nexport default GeneralSettings;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAMA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAoC;EAAA,IAAjCC,IAAiC,QAAjCA,IAAiC;EACxD,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,IAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,YAAD;IAAO,KAAK,EAAE;EAAd,EADJ,CADJ,CADJ,eAMI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,IAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,YAAD;IAAO,QAAQ,EAAE,IAAjB;IAAuB,KAAK,EAAE;EAA9B,EADJ,CADJ,CANJ,eAWI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,IAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,YAAD;IAAO,IAAI,EAAE,CAAb;IAAgB,KAAK,EAAE;EAAvB,EADJ,CADJ,CAXJ,eAgBI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,IAAD;IAAM,IAAI,EAAE,OAAZ;IAAqB,UAAU,EAAEC,sBAAA,CAAWC,MAAX,CAAkB,UAAlB;EAAjC,gBACI,6BAAC,oBAAD,OADJ,CADJ,CAhBJ,CADJ,CADJ;AA0BH,CA3BD;;eA6BeH,e"}

package/admin/plugins/editor/formSettings/components/GroupSelect.js

@@ -1,19 +1,36 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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 = GroupSelect;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Select = require("@webiny/ui/Select");
+
+var _viewsGraphql = require("../../../../viewsGraphql");
+
+var _hooks = require("../../../../hooks");
+
 var _excluded = ["value"];
-import React, { useMemo } from "react";
-import { Select } from "@webiny/ui/Select";
-import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../../../viewsGraphql";
-import { useQuery } from "../../../../hooks";
-export default function GroupSelect(_ref) {
+
+function GroupSelect(_ref) {
   var value = _ref.value,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-  var _useQuery = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS),
+  var _useQuery = (0, _hooks.useQuery)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS),
       data = _useQuery.data,
       loading = _useQuery.loading;
 
   var groups = loading || !data ? [] : data.listContentModelGroups.data;
-  var options = useMemo(function () {
+  var options = (0, _react.useMemo)(function () {
     return groups.map(function (item) {
       return {
         value: item.id,
@@ -22,7 +39,7 @@ export default function GroupSelect(_ref) {
     });
   }, [groups]);
   var selectValue = typeof value === "string" ? value : value.id;
-  return /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, props, {
     value: loading ? "" : selectValue,
     label: "Content model group",
     options: options

package/admin/plugins/editor/formSettings/components/GroupSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GroupSelect.tsx"],"names":["React","useMemo","Select","LIST_MENU_CONTENT_GROUPS_MODELS","useQuery","GroupSelect","value","props","data","loading","groups","listContentModelGroups","options","map","item","id","label","name","selectValue"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,SACIC,+BADJ;AAIA,SAASC,QAAT;AAEA,eAAe,SAASC,WAAT,OAA8D;AAAA,MAAvCC,KAAuC,QAAvCA,KAAuC;AAAA,MAA7BC,KAA6B;;AACzE,kBAA0BH,QAAQ,CAC9BD,+BAD8B,CAAlC;AAAA,MAAQK,IAAR,aAAQA,IAAR;AAAA,MAAcC,OAAd,aAAcA,OAAd;;AAIA,MAAMC,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAZ,GAAmB,EAAnB,GAAwBA,IAAI,CAACG,sBAAL,CAA4BH,IAAnE;AACA,MAAMI,OAAO,GAAGX,OAAO,CAAC,YAAM;AAC1B,WAAOS,MAAM,CAACG,GAAP,CAAW,UAAAC,IAAI;AAAA,aAAK;AAAER,QAAAA,KAAK,EAAEQ,IAAI,CAACC,EAAd;AAAkBC,QAAAA,KAAK,EAAEF,IAAI,CAACG;AAA9B,OAAL;AAAA,KAAf,CAAP;AACH,GAFsB,EAEpB,CAACP,MAAD,CAFoB,CAAvB;AAIA,MAAMQ,WAAW,GAAG,OAAOZ,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCA,KAAK,CAACS,EAA9D;AAEA,sBACI,oBAAC,MAAD,oBACQR,KADR;AAEI,IAAA,KAAK,EAAEE,OAAO,GAAG,EAAH,GAAQS,WAF1B;AAGI,IAAA,KAAK,EAAE,qBAHX;AAII,IAAA,OAAO,EAAEN;AAJb,KADJ;AAQH","sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport { useQuery } from \"~/admin/hooks\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n    const { data, loading } = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    const groups = loading || !data ? [] : data.listContentModelGroups.data;\n    const options = useMemo(() => {\n        return groups.map(item => ({ value: item.id, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.id;\n\n    return (\n        <Select\n            {...props}\n            value={loading ? \"\" : selectValue}\n            label={\"Content model group\"}\n            options={options}\n        />\n    );\n}\n"]}
+{"version":3,"names":["GroupSelect","value","props","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","data","loading","groups","listContentModelGroups","options","useMemo","map","item","id","label","name","selectValue"],"sources":["GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport { useQuery } from \"~/admin/hooks\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n    const { data, loading } = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    const groups = loading || !data ? [] : data.listContentModelGroups.data;\n    const options = useMemo(() => {\n        return groups.map(item => ({ value: item.id, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.id;\n\n    return (\n        <Select\n            {...props}\n            value={loading ? \"\" : selectValue}\n            label={\"Content model group\"}\n            options={options}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;;;AAEe,SAASA,WAAT,OAA8D;EAAA,IAAvCC,KAAuC,QAAvCA,KAAuC;EAAA,IAA7BC,KAA6B;;EACzE,gBAA0B,IAAAC,eAAA,EACtBC,6CADsB,CAA1B;EAAA,IAAQC,IAAR,aAAQA,IAAR;EAAA,IAAcC,OAAd,aAAcA,OAAd;;EAIA,IAAMC,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAZ,GAAmB,EAAnB,GAAwBA,IAAI,CAACG,sBAAL,CAA4BH,IAAnE;EACA,IAAMI,OAAO,GAAG,IAAAC,cAAA,EAAQ,YAAM;IAC1B,OAAOH,MAAM,CAACI,GAAP,CAAW,UAAAC,IAAI;MAAA,OAAK;QAAEX,KAAK,EAAEW,IAAI,CAACC,EAAd;QAAkBC,KAAK,EAAEF,IAAI,CAACG;MAA9B,CAAL;IAAA,CAAf,CAAP;EACH,CAFe,EAEb,CAACR,MAAD,CAFa,CAAhB;EAIA,IAAMS,WAAW,GAAG,OAAOf,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCA,KAAK,CAACY,EAA9D;EAEA,oBACI,6BAAC,cAAD,oBACQX,KADR;IAEI,KAAK,EAAEI,OAAO,GAAG,EAAH,GAAQU,WAF1B;IAGI,KAAK,EAAE,qBAHX;IAII,OAAO,EAAEP;EAJb,GADJ;AAQH"}

package/admin/plugins/editor/formSettings/index.js

@@ -1,14 +1,29 @@
-import * as React from "react";
-import GeneralSettings from "./components/GeneralSettings";
-import { ReactComponent as SettingsIcon } from "./icons/round-settings-24px.svg";
+"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 React = _interopRequireWildcard(require("react"));
+
+var _GeneralSettings = _interopRequireDefault(require("./components/GeneralSettings"));
+
+var _roundSettings24px = require("./icons/round-settings-24px.svg");
+
 var plugin = {
   name: "cms-editor-form-settings-general",
   type: "cms-editor-form-settings",
   title: "General settings",
   description: "Manage content model's name and description.",
-  icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  icon: /*#__PURE__*/React.createElement(_roundSettings24px.ReactComponent, null),
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(GeneralSettings, props);
+    return /*#__PURE__*/React.createElement(_GeneralSettings.default, props);
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/editor/formSettings/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","GeneralSettings","ReactComponent","SettingsIcon","plugin","name","type","title","description","icon","render","props"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,eAAP;AACA,SAASC,cAAc,IAAIC,YAA3B;AAEA,IAAMC,MAAmC,GAAG;AACxCC,EAAAA,IAAI,EAAE,kCADkC;AAExCC,EAAAA,IAAI,EAAE,0BAFkC;AAGxCC,EAAAA,KAAK,EAAE,kBAHiC;AAIxCC,EAAAA,WAAW,EAAE,8CAJ2B;AAKxCC,EAAAA,IAAI,eAAE,oBAAC,YAAD,OALkC;AAMxCC,EAAAA,MANwC,kBAMjCC,KANiC,EAM1B;AACV,wBAAO,oBAAC,eAAD,EAAqBA,KAArB,CAAP;AACH;AARuC,CAA5C;AAWA,eAAeP,MAAf","sourcesContent":["import * as React from \"react\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport GeneralSettings from \"./components/GeneralSettings\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst plugin: CmsEditorFormSettingsPlugin = {\n    name: \"cms-editor-form-settings-general\",\n    type: \"cms-editor-form-settings\",\n    title: \"General settings\",\n    description: \"Manage content model's name and description.\",\n    icon: <SettingsIcon />,\n    render(props) {\n        return <GeneralSettings {...props} />;\n    }\n};\n\nexport default plugin;\n"]}
+{"version":3,"names":["plugin","name","type","title","description","icon","render","props"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport GeneralSettings from \"./components/GeneralSettings\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst plugin: CmsEditorFormSettingsPlugin = {\n    name: \"cms-editor-form-settings-general\",\n    type: \"cms-editor-form-settings\",\n    title: \"General settings\",\n    description: \"Manage content model's name and description.\",\n    icon: <SettingsIcon />,\n    render(props) {\n        return <GeneralSettings {...props} />;\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA,IAAMA,MAAmC,GAAG;EACxCC,IAAI,EAAE,kCADkC;EAExCC,IAAI,EAAE,0BAFkC;EAGxCC,KAAK,EAAE,kBAHiC;EAIxCC,WAAW,EAAE,8CAJ2B;EAKxCC,IAAI,eAAE,oBAAC,iCAAD,OALkC;EAMxCC,MANwC,kBAMjCC,KANiC,EAM1B;IACV,oBAAO,oBAAC,wBAAD,EAAqBA,KAArB,CAAP;EACH;AARuC,CAA5C;eAWeP,M"}

package/admin/plugins/fieldRenderers/Accordion.js

@@ -1,10 +1,26 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useState } from "react";
-import { css } from "emotion";
-import classNames from "classnames";
-import { Typography } from "@webiny/ui/Typography";
+"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 _emotion = require("emotion");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Typography = require("@webiny/ui/Typography");
+
 var classes = {
-  accordionWrapper: /*#__PURE__*/css({
+  accordionWrapper: /*#__PURE__*/(0, _emotion.css)({
     /**
      * We're using position: "relative" here for "Popping Out of Hidden Overflow" https://css-tricks.com/popping-hidden-overflow/
      * so that, we can use absolute positioned element inside without "overflow: hidden" being a problem
@@ -13,7 +29,7 @@ var classes = {
     width: "100%",
     borderBottom: "1px solid var(--mdc-theme-on-secondary)"
   }, "label:accordionWrapper;"),
-  accordionHeader: /*#__PURE__*/css({
+  accordionHeader: /*#__PURE__*/(0, _emotion.css)({
     position: "relative",
     color: "var(--mdc-theme-text-secondary-on-background)",
     cursor: "pointer",
@@ -66,7 +82,7 @@ var classes = {
       }
     }
   }, "label:accordionHeader;"),
-  accordionItem: /*#__PURE__*/css({
+  accordionItem: /*#__PURE__*/(0, _emotion.css)({
     overflow: "hidden",
     transition: "max-height 0.3s cubic-bezier(1, 0, 1, 0)",
     height: "auto",
@@ -86,41 +102,43 @@ var Accordion = function Accordion(_ref) {
       _ref$defaultValue = _ref.defaultValue,
       defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
 
-  var _useState = useState(defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(defaultValue),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isOpen = _useState2[0],
       setOpen = _useState2[1];
 
-  var toggleOpen = useCallback(function () {
+  var toggleOpen = (0, _react.useCallback)(function () {
     return setOpen(!isOpen);
   }, [isOpen]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.accordionWrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(classes.accordionHeader, {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.accordionHeader, {
       open: isOpen
     }),
     onClick: toggleOpen
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-header--left"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-title"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
-  }, title))), /*#__PURE__*/React.createElement("div", {
+  }, title))), /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-header--right"
-  }, action && /*#__PURE__*/React.createElement("div", {
+  }, action && /*#__PURE__*/_react.default.createElement("div", {
     className: "action-container"
-  }, action), /*#__PURE__*/React.createElement("div", {
+  }, action), /*#__PURE__*/_react.default.createElement("div", {
     className: "icon-container"
-  }, icon))), /*#__PURE__*/React.createElement("div", {
-    className: classNames(classes.accordionItem, {
+  }, icon))), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.accordionItem, {
       collapsed: !isOpen
     })
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-content"
   }, children)));
 };
 
-var MemoizedAccordion = /*#__PURE__*/React.memo(Accordion);
-export default MemoizedAccordion;
+var MemoizedAccordion = /*#__PURE__*/_react.default.memo(Accordion);
+
+var _default = MemoizedAccordion;
+exports.default = _default;

package/admin/plugins/fieldRenderers/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Accordion.tsx"],"names":["React","useCallback","useState","css","classNames","Typography","classes","accordionWrapper","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","accordionItem","overflow","transition","maxHeight","Accordion","title","children","action","icon","defaultValue","isOpen","setOpen","toggleOpen","open","collapsed","MemoizedAccordion","memo"],"mappings":"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","sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    }),\n    accordionItem: css({\n        overflow: \"hidden\",\n        transition: \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\",\n        height: \"auto\",\n        maxHeight: \"9999px\",\n\n        \"&.collapsed\": {\n            maxHeight: 0,\n            transition: \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\"\n        }\n    })\n};\n\ninterface AccordionProps {\n    title: string;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    defaultValue?: boolean;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n    title,\n    children,\n    action,\n    icon,\n    defaultValue = false\n}) => {\n    const [isOpen, setOpen] = useState(defaultValue);\n    const toggleOpen = useCallback(() => setOpen(!isOpen), [isOpen]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, { open: isOpen })}\n                onClick={toggleOpen}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"}>{title}</Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <div className={classNames(classes.accordionItem, { collapsed: !isOpen })}>\n                <div className=\"accordion-content\">{children}</div>\n            </div>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.FC<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"]}
+{"version":3,"names":["classes","accordionWrapper","css","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","accordionItem","overflow","transition","maxHeight","Accordion","title","children","action","icon","defaultValue","useState","isOpen","setOpen","toggleOpen","useCallback","classNames","open","collapsed","MemoizedAccordion","React","memo"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    }),\n    accordionItem: css({\n        overflow: \"hidden\",\n        transition: \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\",\n        height: \"auto\",\n        maxHeight: \"9999px\",\n\n        \"&.collapsed\": {\n            maxHeight: 0,\n            transition: \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\"\n        }\n    })\n};\n\ninterface AccordionProps {\n    title: string;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    defaultValue?: boolean;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n    title,\n    children,\n    action,\n    icon,\n    defaultValue = false\n}) => {\n    const [isOpen, setOpen] = useState(defaultValue);\n    const toggleOpen = useCallback(() => setOpen(!isOpen), [isOpen]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, { open: isOpen })}\n                onClick={toggleOpen}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"}>{title}</Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <div className={classNames(classes.accordionItem, { collapsed: !isOpen })}>\n                <div className=\"accordion-content\">{children}</div>\n            </div>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.FC<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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"}