@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

package/admin/components/FieldEditor/Field.js

@@ -1,62 +1,35 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _emotion = require("emotion");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Button = require("@webiny/ui/Button");
-
 var _Typography = require("@webiny/ui/Typography");
-
-var _edit = require("../../icons/edit.svg");
-
+var _edit = require("@material-design-icons/svg/outlined/edit.svg");
 var _delete = require("../../icons/delete.svg");
-
 var _title24px = require("../../icons/title-24px.svg");
-
 var _more_vert = require("../../icons/more_vert.svg");
-
 var _Menu = require("@webiny/ui/Menu");
-
 var _plugins = require("@webiny/plugins");
-
 var _List = require("@webiny/ui/List");
-
 var _Icon = require("@webiny/ui/Icon");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
-var _useContentModelEditor = require("../ContentModelEditor/useContentModelEditor");
-
-var _useFieldEditor2 = require("./useFieldEditor");
-
+var _hooks = require("../../hooks");
+var _useModelFieldEditor2 = require("./useModelFieldEditor");
 var _appAdmin = require("@webiny/app-admin");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 var t = _i18n.i18n.ns("app-headless-cms/admin/components/editor/field");
-
 var FieldContainer = /*#__PURE__*/(0, _styled.default)("div", {
   target: "erv8xml0",
   label: "FieldContainer"
@@ -66,8 +39,12 @@ var FieldContainer = /*#__PURE__*/(0, _styled.default)("div", {
   justifyContent: "space-between",
   alignItems: "center"
 });
+var LowerCase = /*#__PURE__*/(0, _styled.default)("span", {
+  label: "LowerCase",
+  target: "erv8xml1"
+})("text-transform:lowercase;");
 var Info = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "erv8xml1",
+  target: "erv8xml2",
   label: "Info"
 })({
   display: "flex",
@@ -78,125 +55,298 @@ var Info = /*#__PURE__*/(0, _styled.default)("div", {
   }
 });
 var Actions = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "erv8xml2",
+  target: "erv8xml3",
   label: "Actions"
 })({
   display: "flex",
   flexDirection: "row",
   alignItems: "right",
+  position: "relative",
   "> *": {
     flex: "1 100%"
   }
 });
+
+/**
+ * TODO @sven to give correct values
+ */
+var FieldTypeName = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "erv8xml4",
+  label: "FieldTypeName"
+})({
+  display: "flex",
+  flexDirection: "column",
+  textTransform: "uppercase",
+  color: "#938F99",
+  flex: "1",
+  textAlign: "right",
+  fontSize: "14px",
+  paddingRight: "10px"
+});
 var menuStyles = /*#__PURE__*/(0, _emotion.css)({
-  width: 220,
-  right: -105,
-  left: "auto !important",
+  width: "220px",
   ".disabled": {
     opacity: 0.5,
     pointerEvents: "none"
   }
 }, "label:menuStyles;");
+var FieldExtra = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FieldExtra",
+  target: "erv8xml5"
+})("padding:10px 0 10px;:empty{display:none;}");
 var allowedTitleFieldTypes = ["text", "number"];
-
-var isFieldAllowedToBeTitle = function isFieldAllowedToBeTitle(field, parent) {
+var isFieldAllowedToBeTitle = function isFieldAllowedToBeTitle(model, field, parent) {
   if (field.multipleValues || parent) {
     return false;
   } else if (allowedTitleFieldTypes.includes(field.type) === false) {
     return false;
+  } else if (model.titleFieldId === field.fieldId) {
+    return false;
   }
-
   return true;
 };
-
+var isFieldAllowedToBeDescription = function isFieldAllowedToBeDescription(model, field, parent) {
+  if (field.multipleValues || parent) {
+    return false;
+  } else if (model.descriptionFieldId === field.fieldId) {
+    return false;
+  }
+  return field.type === "long-text";
+};
+var isFieldAllowedToBeImage = function isFieldAllowedToBeImage(model, field, parent) {
+  var _field$settings;
+  if (field.multipleValues || parent) {
+    return false;
+  } else if (model.imageFieldId === field.fieldId) {
+    return false;
+  }
+  return field.type === "file" && ((_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.imagesOnly);
+};
+var getFieldTypeName = function getFieldTypeName(model, field, parent) {
+  if (parent) {
+    return null;
+  }
+  var isTitleField = field.fieldId === (model === null || model === void 0 ? void 0 : model.titleFieldId) && !parent;
+  var isDescriptionField = field.fieldId === (model === null || model === void 0 ? void 0 : model.descriptionFieldId) && !parent;
+  var isImageField = field.fieldId === (model === null || model === void 0 ? void 0 : model.imageFieldId) && !parent;
+  return [isTitleField ? "entry title" : null, isDescriptionField ? "entry description" : null, isImageField ? "entry image" : null].filter(Boolean).join("") || null;
+};
 var Field = function Field(props) {
+  var _fieldPlugin$field;
   var field = props.field,
-      onEdit = props.onEdit,
-      parent = props.parent;
-
+    onEdit = props.onEdit,
+    parent = props.parent;
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
-      setData = _useContentModelEdito.setData,
-      data = _useContentModelEdito.data;
-
-  var _useFieldEditor = (0, _useFieldEditor2.useFieldEditor)(),
-      getFieldPlugin = _useFieldEditor.getFieldPlugin;
-
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+    setModel = _useModelEditor.setData,
+    model = _useModelEditor.data;
+  var _useModelFieldEditor = (0, _useModelFieldEditor2.useModelFieldEditor)(),
+    getFieldPlugin = _useModelFieldEditor.getFieldPlugin,
+    getFieldRendererPlugin = _useModelFieldEditor.getFieldRendererPlugin;
   var _useConfirmationDialo = (0, _appAdmin.useConfirmationDialog)({
-    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Warning - You are trying to delete a locked field!"]))),
-    message: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to delete a field which is used in the data storage"])))), /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["All data in that field will be lost and there is no going back!"])))), /*#__PURE__*/_react.default.createElement("p", null, "\xA0"), /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"])))))
-  }),
-      showConfirmation = _useConfirmationDialo.showConfirmation;
-
-  var lockedFields = data ? data.lockedFields || [] : [];
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Warning - You are trying to delete a locked field!"]))),
+      message: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to delete a field which is used in the data storage"])))), /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["All data in that field will be lost and there is no going back!"])))), /*#__PURE__*/_react.default.createElement("p", null, "\xA0"), /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"])))))
+    }),
+    showConfirmation = _useConfirmationDialo.showConfirmation;
+  var lockedFields = (model === null || model === void 0 ? void 0 : model.lockedFields) || [];
   var isLocked = lockedFields.some(function (lockedField) {
     return lockedField.fieldId === field.storageId;
   });
-  var onDelete = (0, _react.useCallback)(function () {
-    if (!isLocked) {
-      props.onDelete(field);
-      return;
-    }
-
-    showConfirmation(function () {
-      props.onDelete(field);
-    });
-  }, [field.fieldId, lockedFields]);
-  var setAsTitle = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-    var response;
+  var removeFieldFromSelected = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return setData(function (data) {
-              return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
-                titleFieldId: field.fieldId
-              });
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(model.titleFieldId === field.fieldId)) {
+            _context.next = 5;
+            break;
+          }
+          _context.next = 3;
+          return setModel(function (data) {
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+              titleFieldId: null
             });
-
-          case 2:
-            response = _context.sent;
-
-            if (!(response && response.error)) {
-              _context.next = 5;
-              break;
-            }
-
-            return _context.abrupt("return", showSnackbar(response.error.message));
-
-          case 5:
-            showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Title field set successfully."]))));
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
+          });
+        case 3:
+          _context.next = 13;
+          break;
+        case 5:
+          if (!(model.descriptionFieldId === field.fieldId)) {
+            _context.next = 10;
+            break;
+          }
+          _context.next = 8;
+          return setModel(function (data) {
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+              descriptionFieldId: null
+            });
+          });
+        case 8:
+          _context.next = 13;
+          break;
+        case 10:
+          if (!(model.imageFieldId === field.fieldId)) {
+            _context.next = 13;
+            break;
+          }
+          _context.next = 13;
+          return setModel(function (data) {
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+              imageFieldId: null
+            });
+          });
+        case 13:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
-  })), [field.fieldId, setData]);
+  })), [field.id, setModel, model]);
+  var onDelete = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (isLocked) {
+            _context3.next = 5;
+            break;
+          }
+          _context3.next = 3;
+          return removeFieldFromSelected();
+        case 3:
+          props.onDelete(field);
+          return _context3.abrupt("return");
+        case 5:
+          showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+            return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return removeFieldFromSelected();
+                case 2:
+                  props.onDelete(field);
+                case 3:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _callee2);
+          })));
+        case 6:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })), [field.fieldId, lockedFields]);
+  var setAsTitle = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
+    var response;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.next = 2;
+          return setModel(function (data) {
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+              titleFieldId: field.fieldId
+            });
+          });
+        case 2:
+          response = _context4.sent;
+          if (!(response && response.error)) {
+            _context4.next = 5;
+            break;
+          }
+          return _context4.abrupt("return", showSnackbar(response.error.message));
+        case 5:
+          showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Title field set successfully."]))));
+        case 6:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })), [field.fieldId, setModel]);
+  var setAsDescription = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee5() {
+    var response;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _context5.next = 2;
+          return setModel(function (data) {
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+              descriptionFieldId: field.fieldId
+            });
+          });
+        case 2:
+          response = _context5.sent;
+          if (!(response && response.error)) {
+            _context5.next = 5;
+            break;
+          }
+          return _context5.abrupt("return", showSnackbar(response.error.message));
+        case 5:
+          showSnackbar(t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Description field set successfully."]))));
+        case 6:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  })), [field.fieldId, setModel]);
+  var setAsImage = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee6() {
+    var response;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          _context6.next = 2;
+          return setModel(function (data) {
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+              imageFieldId: field.fieldId
+            });
+          });
+        case 2:
+          response = _context6.sent;
+          if (!(response && response.error)) {
+            _context6.next = 5;
+            break;
+          }
+          return _context6.abrupt("return", showSnackbar(response.error.message));
+        case 5:
+          showSnackbar(t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Image field set successfully."]))));
+        case 6:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  })), [field.fieldId, setModel]);
   var fieldPlugin = getFieldPlugin(field.type);
-
   var editorFieldOptionPlugins = _plugins.plugins.byType("cms-editor-field-option");
-
   if (!fieldPlugin) {
     return null;
   }
-
-  var isTitleField = data && field.fieldId === data.titleFieldId && !parent;
+  var rendererPlugin = getFieldRendererPlugin(field.renderer.name);
+  var canEdit = fieldPlugin.field.canEditSettings !== false;
+  var defaultInformationRenderer = (0, _react.useMemo)(function () {
+    var fieldTypeName = getFieldTypeName(model, field, parent);
+    var fn = function fn() {
+      if (!fieldTypeName) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(FieldTypeName, null, fieldTypeName);
+    };
+    fn.displayName = "FieldTypeRenderer";
+    return fn;
+  }, [field.id]);
+  var fieldInformationRenderer = (_fieldPlugin$field = fieldPlugin.field) === null || _fieldPlugin$field === void 0 ? void 0 : _fieldPlugin$field.renderInfo;
+  var info = [rendererPlugin === null || rendererPlugin === void 0 ? void 0 : rendererPlugin.renderer.name, field.multipleValues ? "multiple values" : null].filter(Boolean).join(", ");
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(FieldContainer, null, /*#__PURE__*/_react.default.createElement(Info, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
   }, field.label), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "caption"
-  }, fieldPlugin.field.label, " ", field.multipleValues && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["multiple values"]))), ")"), isTitleField && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["entry title"]))), ")"))), /*#__PURE__*/_react.default.createElement(Actions, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+  }, fieldPlugin.field.label, info && /*#__PURE__*/_react.default.createElement(LowerCase, null, " (", info, ")"))), fieldInformationRenderer ? fieldInformationRenderer({
+    model: model,
+    field: field
+  }) : defaultInformationRenderer(), /*#__PURE__*/_react.default.createElement(Actions, null, canEdit ? /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     "data-testid": "cms.editor.edit-field",
     icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null),
     onClick: function onClick() {
       return onEdit(field);
     }
-  }), /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+  }) : null, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
     className: menuStyles,
     handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
       icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null)
@@ -206,23 +356,29 @@ var Field = function Field(props) {
       key: pl.name
     });
   }), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    disabled: !isFieldAllowedToBeTitle(field, parent),
+    disabled: !isFieldAllowedToBeTitle(model, field, parent),
     onClick: setAsTitle
   }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
     icon: /*#__PURE__*/_react.default.createElement(_title24px.ReactComponent, null)
   })), t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Use as title"])))), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    disabled: !isFieldAllowedToBeDescription(model, field, parent),
+    onClick: setAsDescription
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_title24px.ReactComponent, null)
+  })), t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Use as description"])))), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    disabled: !isFieldAllowedToBeImage(model, field, parent),
+    onClick: setAsImage
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_title24px.ReactComponent, null)
+  })), t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Use as image"])))), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
     onClick: onDelete
   }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
     icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
-  })), t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Delete"]))))))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "field-extra"
-  }, fieldPlugin.field.render && fieldPlugin.field.render({
+  })), t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Delete"]))))))), /*#__PURE__*/_react.default.createElement(FieldExtra, null, fieldPlugin.field.render && fieldPlugin.field.render({
     field: field,
-    data: data,
-    setData: setData
+    data: model,
+    setData: setModel
   })));
 };
-
 var _default = /*#__PURE__*/_react.default.memo(Field);
-
 exports.default = _default;

package/admin/components/FieldEditor/Field.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FieldContainer","styled","display","flexDirection","justifyContent","alignItems","Info","flex","lineHeight","Actions","menuStyles","css","width","right","left","opacity","pointerEvents","allowedTitleFieldTypes","isFieldAllowedToBeTitle","field","parent","multipleValues","includes","type","Field","props","onEdit","useSnackbar","showSnackbar","useContentModelEditor","setData","data","useFieldEditor","getFieldPlugin","useConfirmationDialog","title","message","showConfirmation","lockedFields","isLocked","some","lockedField","fieldId","storageId","onDelete","useCallback","setAsTitle","titleFieldId","response","error","fieldPlugin","editorFieldOptionPlugins","plugins","byType","isTitleField","label","map","pl","React","cloneElement","render","key","name","memo"],"sources":["Field.tsx"],"sourcesContent":["import React, { Fragment, useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as EditIcon } from \"~/admin/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/delete.svg\";\nimport { ReactComponent as TitleIcon } from \"~/admin/icons/title-24px.svg\";\nimport { ReactComponent as MoreVerticalIcon } from \"~/admin/icons/more_vert.svg\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CmsEditorField, CmsEditorFieldOptionPlugin } from \"~/types\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\nimport { useFieldEditor } from \"~/admin/components/FieldEditor/useFieldEditor\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/field\");\n\nconst FieldContainer = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\"\n});\n\nconst Info = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    \"> *\": {\n        flex: \"1 100%\",\n        lineHeight: \"150%\"\n    }\n});\n\nconst Actions = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"right\",\n    \"> *\": {\n        flex: \"1 100%\"\n    }\n});\n\nconst menuStyles = css({\n    width: 220,\n    right: -105,\n    left: \"auto !important\",\n    \".disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst allowedTitleFieldTypes: string[] = [\"text\", \"number\"];\n\nconst isFieldAllowedToBeTitle = (field: CmsEditorField, parent?: CmsEditorField) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (allowedTitleFieldTypes.includes(field.type) === false) {\n        return false;\n    }\n    return true;\n};\n\nexport interface FieldProps {\n    field: CmsEditorField;\n    onDelete: (field: CmsEditorField) => void;\n    onEdit: (field: CmsEditorField) => void;\n    parent?: CmsEditorField;\n}\nconst Field: React.FC<FieldProps> = props => {\n    const { field, onEdit, parent } = props;\n    const { showSnackbar } = useSnackbar();\n    const { setData, data } = useContentModelEditor();\n    const { getFieldPlugin } = useFieldEditor();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Warning - You are trying to delete a locked field!`,\n        message: (\n            <>\n                <p>{t`You are about to delete a field which is used in the data storage`}</p>\n                <p>{t`All data in that field will be lost and there is no going back!`}</p>\n                <p>&nbsp;</p>\n                <p>{t`Are you sure you want to continue?`}</p>\n            </>\n        )\n    });\n    const lockedFields = data ? data.lockedFields || [] : [];\n    const isLocked = lockedFields.some(lockedField => lockedField.fieldId === field.storageId);\n\n    const onDelete = useCallback(() => {\n        if (!isLocked) {\n            props.onDelete(field);\n            return;\n        }\n        showConfirmation(() => {\n            props.onDelete(field);\n        });\n    }, [field.fieldId, lockedFields]);\n\n    const setAsTitle = useCallback(async (): Promise<void> => {\n        const response = await setData(data => {\n            return { ...data, titleFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Title field set successfully.`);\n    }, [field.fieldId, setData]);\n\n    const fieldPlugin = getFieldPlugin(field.type);\n    const editorFieldOptionPlugins =\n        plugins.byType<CmsEditorFieldOptionPlugin>(\"cms-editor-field-option\");\n\n    if (!fieldPlugin) {\n        return null;\n    }\n\n    const isTitleField = data && field.fieldId === data.titleFieldId && !parent;\n\n    return (\n        <Fragment>\n            <FieldContainer>\n                <Info>\n                    <Typography use={\"subtitle1\"}>{field.label}</Typography>\n                    <Typography use={\"caption\"}>\n                        {fieldPlugin.field.label}{\" \"}\n                        {field.multipleValues && <>({t`multiple values`})</>}\n                        {isTitleField && <>({t`entry title`})</>}\n                    </Typography>\n                </Info>\n                <Actions>\n                    <IconButton\n                        data-testid={\"cms.editor.edit-field\"}\n                        icon={<EditIcon />}\n                        onClick={() => onEdit(field)}\n                    />\n                    <Menu\n                        className={menuStyles}\n                        handle={<IconButton icon={<MoreVerticalIcon />} />}\n                    >\n                        {editorFieldOptionPlugins.map(pl =>\n                            React.cloneElement(pl.render(), { key: pl.name })\n                        )}\n                        {/* We only allow this action for top-level fields. */}\n                        <MenuItem\n                            disabled={!isFieldAllowedToBeTitle(field, parent)}\n                            onClick={setAsTitle}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<TitleIcon />} />\n                            </ListItemGraphic>\n                            {t`Use as title`}\n                        </MenuItem>\n                        <MenuItem onClick={onDelete}>\n                            <ListItemGraphic>\n                                <Icon icon={<DeleteIcon />} />\n                            </ListItemGraphic>\n                            {t`Delete`}\n                        </MenuItem>\n                    </Menu>\n                </Actions>\n            </FieldContainer>\n            <div className={\"field-extra\"}>\n                {fieldPlugin.field.render && fieldPlugin.field.render({ field, data, setData })}\n            </div>\n        </Fragment>\n    );\n};\n\nexport default React.memo(Field);\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","FieldContainer","styled","display","flexDirection","justifyContent","alignItems","LowerCase","Info","flex","lineHeight","Actions","position","FieldTypeName","textTransform","color","textAlign","fontSize","paddingRight","menuStyles","css","width","opacity","pointerEvents","FieldExtra","allowedTitleFieldTypes","isFieldAllowedToBeTitle","model","field","parent","multipleValues","includes","type","titleFieldId","fieldId","isFieldAllowedToBeDescription","descriptionFieldId","isFieldAllowedToBeImage","imageFieldId","settings","imagesOnly","getFieldTypeName","isTitleField","isDescriptionField","isImageField","filter","Boolean","join","Field","props","onEdit","useSnackbar","showSnackbar","useModelEditor","setModel","setData","data","useModelFieldEditor","getFieldPlugin","getFieldRendererPlugin","useConfirmationDialog","title","message","showConfirmation","lockedFields","isLocked","some","lockedField","storageId","removeFieldFromSelected","useCallback","id","onDelete","setAsTitle","response","error","setAsDescription","setAsImage","fieldPlugin","editorFieldOptionPlugins","plugins","byType","rendererPlugin","renderer","name","canEdit","canEditSettings","defaultInformationRenderer","useMemo","fieldTypeName","fn","displayName","fieldInformationRenderer","renderInfo","info","label","map","pl","React","cloneElement","render","key","memo"],"sources":["Field.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useMemo } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/delete.svg\";\nimport { ReactComponent as TitleIcon } from \"~/admin/icons/title-24px.svg\";\nimport { ReactComponent as MoreVerticalIcon } from \"~/admin/icons/more_vert.svg\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CmsModelField, CmsEditorFieldOptionPlugin, CmsModel } from \"~/types\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/field\");\n\nconst FieldContainer = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\"\n});\n\nconst LowerCase = styled.span`\n    text-transform: lowercase;\n`;\n\nconst Info = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    \"> *\": {\n        flex: \"1 100%\",\n        lineHeight: \"150%\"\n    }\n});\n\nconst Actions = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"right\",\n    position: \"relative\",\n    \"> *\": {\n        flex: \"1 100%\"\n    }\n});\n\n/**\n * TODO @sven to give correct values\n */\nconst FieldTypeName = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    textTransform: \"uppercase\",\n    color: \"#938F99\",\n    flex: \"1\",\n    textAlign: \"right\",\n    fontSize: \"14px\",\n    paddingRight: \"10px\"\n});\n\nconst menuStyles = css({\n    width: \"220px\",\n    \".disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst FieldExtra = styled.div`\n    padding: 10px 0 10px;\n\n    :empty {\n        display: none;\n    }\n`;\n\nconst allowedTitleFieldTypes: string[] = [\"text\", \"number\"];\n\nconst isFieldAllowedToBeTitle = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (allowedTitleFieldTypes.includes(field.type) === false) {\n        return false;\n    } else if (model.titleFieldId === field.fieldId) {\n        return false;\n    }\n    return true;\n};\nconst isFieldAllowedToBeDescription = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (model.descriptionFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"long-text\";\n};\n\nconst isFieldAllowedToBeImage = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (model.imageFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"file\" && field.settings?.imagesOnly;\n};\n\nconst getFieldTypeName = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n): string | null => {\n    if (parent) {\n        return null;\n    }\n    const isTitleField = field.fieldId === model?.titleFieldId && !parent;\n    const isDescriptionField = field.fieldId === model?.descriptionFieldId && !parent;\n    const isImageField = field.fieldId === model?.imageFieldId && !parent;\n\n    return (\n        [\n            isTitleField ? \"entry title\" : null,\n            isDescriptionField ? \"entry description\" : null,\n            isImageField ? \"entry image\" : null\n        ]\n            .filter(Boolean)\n            .join(\"\") || null\n    );\n};\n\nexport interface FieldProps {\n    field: CmsModelField;\n    onDelete: (field: CmsModelField) => void;\n    onEdit: (field: CmsModelField) => void;\n    parent?: CmsModelField;\n}\n\nconst Field: React.FC<FieldProps> = props => {\n    const { field, onEdit, parent } = props;\n    const { showSnackbar } = useSnackbar();\n    const { setData: setModel, data: model } = useModelEditor();\n    const { getFieldPlugin, getFieldRendererPlugin } = useModelFieldEditor();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Warning - You are trying to delete a locked field!`,\n        message: (\n            <>\n                <p>{t`You are about to delete a field which is used in the data storage`}</p>\n                <p>{t`All data in that field will be lost and there is no going back!`}</p>\n                <p>&nbsp;</p>\n                <p>{t`Are you sure you want to continue?`}</p>\n            </>\n        )\n    });\n    const lockedFields = model?.lockedFields || [];\n    const isLocked = lockedFields.some(lockedField => lockedField.fieldId === field.storageId);\n\n    const removeFieldFromSelected = useCallback(async () => {\n        if (model.titleFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    titleFieldId: null\n                };\n            });\n        } else if (model.descriptionFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    descriptionFieldId: null\n                };\n            });\n        } else if (model.imageFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    imageFieldId: null\n                };\n            });\n        }\n    }, [field.id, setModel, model]);\n\n    const onDelete = useCallback(async () => {\n        if (!isLocked) {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n            return;\n        }\n        showConfirmation(async () => {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n        });\n    }, [field.fieldId, lockedFields]);\n\n    const setAsTitle = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, titleFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Title field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsDescription = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, descriptionFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Description field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsImage = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, imageFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Image field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const fieldPlugin = getFieldPlugin(field.type);\n    const editorFieldOptionPlugins =\n        plugins.byType<CmsEditorFieldOptionPlugin>(\"cms-editor-field-option\");\n\n    if (!fieldPlugin) {\n        return null;\n    }\n\n    const rendererPlugin = getFieldRendererPlugin(field.renderer.name);\n    const canEdit = fieldPlugin.field.canEditSettings !== false;\n\n    const defaultInformationRenderer = useMemo(() => {\n        const fieldTypeName = getFieldTypeName(model, field, parent);\n        const fn = () => {\n            if (!fieldTypeName) {\n                return null;\n            }\n            return <FieldTypeName>{fieldTypeName}</FieldTypeName>;\n        };\n\n        fn.displayName = \"FieldTypeRenderer\";\n\n        return fn;\n    }, [field.id]);\n\n    const fieldInformationRenderer = fieldPlugin.field?.renderInfo;\n\n    const info = [rendererPlugin?.renderer.name, field.multipleValues ? \"multiple values\" : null]\n        .filter(Boolean)\n        .join(\", \");\n\n    return (\n        <Fragment>\n            <FieldContainer>\n                <Info>\n                    <Typography use={\"subtitle1\"}>{field.label}</Typography>\n                    <Typography use={\"caption\"}>\n                        {fieldPlugin.field.label}\n                        {info && <LowerCase> ({info})</LowerCase>}\n                    </Typography>\n                </Info>\n                {fieldInformationRenderer\n                    ? fieldInformationRenderer({ model, field })\n                    : defaultInformationRenderer()}\n                <Actions>\n                    {canEdit ? (\n                        <IconButton\n                            data-testid={\"cms.editor.edit-field\"}\n                            icon={<EditIcon />}\n                            onClick={() => onEdit(field)}\n                        />\n                    ) : null}\n                    <Menu\n                        className={menuStyles}\n                        handle={<IconButton icon={<MoreVerticalIcon />} />}\n                    >\n                        {editorFieldOptionPlugins.map(pl =>\n                            React.cloneElement(pl.render(), { key: pl.name })\n                        )}\n                        {/* We only allow this action for top-level fields. */}\n                        <MenuItem\n                            disabled={!isFieldAllowedToBeTitle(model, field, parent)}\n                            onClick={setAsTitle}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<TitleIcon />} />\n                            </ListItemGraphic>\n                            {t`Use as title`}\n                        </MenuItem>\n                        <MenuItem\n                            disabled={!isFieldAllowedToBeDescription(model, field, parent)}\n                            onClick={setAsDescription}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<TitleIcon />} />\n                            </ListItemGraphic>\n                            {t`Use as description`}\n                        </MenuItem>\n                        <MenuItem\n                            disabled={!isFieldAllowedToBeImage(model, field, parent)}\n                            onClick={setAsImage}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<TitleIcon />} />\n                            </ListItemGraphic>\n                            {t`Use as image`}\n                        </MenuItem>\n\n                        <MenuItem onClick={onDelete}>\n                            <ListItemGraphic>\n                                <Icon icon={<DeleteIcon />} />\n                            </ListItemGraphic>\n                            {t`Delete`}\n                        </MenuItem>\n                    </Menu>\n                </Actions>\n            </FieldContainer>\n            <FieldExtra>\n                {fieldPlugin.field.render &&\n                    fieldPlugin.field.render({ field, data: model, setData: setModel })}\n            </FieldExtra>\n        </Fragment>\n    );\n};\n\nexport default React.memo(Field);\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAA0D;AAE1D,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,gDAAgD,CAAC;AAEnE,IAAMC,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBC,cAAc,EAAE,eAAe;EAC/BC,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMC,SAAS,oBAAGL,eAAM;EAAA;EAAA;AAAA,+BAEvB;AAED,IAAMM,IAAI,oBAAGN,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvB,KAAK,EAAE;IACHK,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAEF,IAAMC,OAAO,oBAAGT,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBE,UAAU,EAAE,OAAO;EACnBM,QAAQ,EAAE,UAAU;EACpB,KAAK,EAAE;IACHH,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;;AAEF;AACA;AACA;AACA,IAAMI,aAAa,oBAAGX,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBU,aAAa,EAAE,WAAW;EAC1BC,KAAK,EAAE,SAAS;EAChBN,IAAI,EAAE,GAAG;EACTO,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE,MAAM;EAChBC,YAAY,EAAE;AAClB,CAAC,CAAC;AAEF,IAAMC,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBC,KAAK,EAAE,OAAO;EACd,WAAW,EAAE;IACTC,OAAO,EAAE,GAAG;IACZC,aAAa,EAAE;EACnB;AACJ,CAAC,sBAAC;AAEF,IAAMC,UAAU,oBAAGtB,eAAM;EAAA;EAAA;AAAA,+CAMxB;AAED,IAAMuB,sBAAgC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC;AAE3D,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuB,CAAIC,KAAe,EAAEC,KAAoB,EAAEC,MAAsB,EAAK;EAC/F,IAAID,KAAK,CAACE,cAAc,IAAID,MAAM,EAAE;IAChC,OAAO,KAAK;EAChB,CAAC,MAAM,IAAIJ,sBAAsB,CAACM,QAAQ,CAACH,KAAK,CAACI,IAAI,CAAC,KAAK,KAAK,EAAE;IAC9D,OAAO,KAAK;EAChB,CAAC,MAAM,IAAIL,KAAK,CAACM,YAAY,KAAKL,KAAK,CAACM,OAAO,EAAE;IAC7C,OAAO,KAAK;EAChB;EACA,OAAO,IAAI;AACf,CAAC;AACD,IAAMC,6BAA6B,GAAG,SAAhCA,6BAA6B,CAC/BR,KAAe,EACfC,KAAoB,EACpBC,MAAsB,EACrB;EACD,IAAID,KAAK,CAACE,cAAc,IAAID,MAAM,EAAE;IAChC,OAAO,KAAK;EAChB,CAAC,MAAM,IAAIF,KAAK,CAACS,kBAAkB,KAAKR,KAAK,CAACM,OAAO,EAAE;IACnD,OAAO,KAAK;EAChB;EACA,OAAON,KAAK,CAACI,IAAI,KAAK,WAAW;AACrC,CAAC;AAED,IAAMK,uBAAuB,GAAG,SAA1BA,uBAAuB,CAAIV,KAAe,EAAEC,KAAoB,EAAEC,MAAsB,EAAK;EAAA;EAC/F,IAAID,KAAK,CAACE,cAAc,IAAID,MAAM,EAAE;IAChC,OAAO,KAAK;EAChB,CAAC,MAAM,IAAIF,KAAK,CAACW,YAAY,KAAKV,KAAK,CAACM,OAAO,EAAE;IAC7C,OAAO,KAAK;EAChB;EACA,OAAON,KAAK,CAACI,IAAI,KAAK,MAAM,wBAAIJ,KAAK,CAACW,QAAQ,oDAAd,gBAAgBC,UAAU;AAC9D,CAAC;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAClBd,KAAe,EACfC,KAAoB,EACpBC,MAAsB,EACN;EAChB,IAAIA,MAAM,EAAE;IACR,OAAO,IAAI;EACf;EACA,IAAMa,YAAY,GAAGd,KAAK,CAACM,OAAO,MAAKP,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,YAAY,KAAI,CAACJ,MAAM;EACrE,IAAMc,kBAAkB,GAAGf,KAAK,CAACM,OAAO,MAAKP,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAES,kBAAkB,KAAI,CAACP,MAAM;EACjF,IAAMe,YAAY,GAAGhB,KAAK,CAACM,OAAO,MAAKP,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEW,YAAY,KAAI,CAACT,MAAM;EAErE,OACI,CACIa,YAAY,GAAG,aAAa,GAAG,IAAI,EACnCC,kBAAkB,GAAG,mBAAmB,GAAG,IAAI,EAC/CC,YAAY,GAAG,aAAa,GAAG,IAAI,CACtC,CACIC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI;AAE7B,CAAC;AASD,IAAMC,KAA2B,GAAG,SAA9BA,KAA2B,CAAGC,KAAK,EAAI;EAAA;EACzC,IAAQrB,KAAK,GAAqBqB,KAAK,CAA/BrB,KAAK;IAAEsB,MAAM,GAAaD,KAAK,CAAxBC,MAAM;IAAErB,MAAM,GAAKoB,KAAK,CAAhBpB,MAAM;EAC7B,mBAAyB,IAAAsB,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,sBAA2C,IAAAC,qBAAc,GAAE;IAA1CC,QAAQ,mBAAjBC,OAAO;IAAkB5B,KAAK,mBAAX6B,IAAI;EAC/B,2BAAmD,IAAAC,yCAAmB,GAAE;IAAhEC,cAAc,wBAAdA,cAAc;IAAEC,sBAAsB,wBAAtBA,sBAAsB;EAE9C,4BAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,KAAK,EAAE/D,CAAC,qIAAoD;MAC5DgE,OAAO,eACH,yEACI,wCAAIhE,CAAC,uJAAwE,eAC7E,wCAAIA,CAAC,qJAAsE,eAC3E,wCAAG,MAAM,CAAI,eACb,wCAAIA,CAAC,wHAAyC;IAG1D,CAAC,CAAC;IAVMiE,gBAAgB,yBAAhBA,gBAAgB;EAWxB,IAAMC,YAAY,GAAG,CAAArC,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEqC,YAAY,KAAI,EAAE;EAC9C,IAAMC,QAAQ,GAAGD,YAAY,CAACE,IAAI,CAAC,UAAAC,WAAW;IAAA,OAAIA,WAAW,CAACjC,OAAO,KAAKN,KAAK,CAACwC,SAAS;EAAA,EAAC;EAE1F,IAAMC,uBAAuB,GAAG,IAAAC,kBAAW,uGAAC;IAAA;MAAA;QAAA;UAAA,MACpC3C,KAAK,CAACM,YAAY,KAAKL,KAAK,CAACM,OAAO;YAAA;YAAA;UAAA;UAAA;UAAA,OAC9BoB,QAAQ,CAAC,UAAAE,IAAI,EAAI;YACnB,mEACOA,IAAI;cACPvB,YAAY,EAAE;YAAI;UAE1B,CAAC,CAAC;QAAA;UAAA;UAAA;QAAA;UAAA,MACKN,KAAK,CAACS,kBAAkB,KAAKR,KAAK,CAACM,OAAO;YAAA;YAAA;UAAA;UAAA;UAAA,OAC3CoB,QAAQ,CAAC,UAAAE,IAAI,EAAI;YACnB,mEACOA,IAAI;cACPpB,kBAAkB,EAAE;YAAI;UAEhC,CAAC,CAAC;QAAA;UAAA;UAAA;QAAA;UAAA,MACKT,KAAK,CAACW,YAAY,KAAKV,KAAK,CAACM,OAAO;YAAA;YAAA;UAAA;UAAA;UAAA,OACrCoB,QAAQ,CAAC,UAAAE,IAAI,EAAI;YACnB,mEACOA,IAAI;cACPlB,YAAY,EAAE;YAAI;UAE1B,CAAC,CAAC;QAAA;QAAA;UAAA;MAAA;IAAA;EAAA,CAET,IAAE,CAACV,KAAK,CAAC2C,EAAE,EAAEjB,QAAQ,EAAE3B,KAAK,CAAC,CAAC;EAE/B,IAAM6C,QAAQ,GAAG,IAAAF,kBAAW,uGAAC;IAAA;MAAA;QAAA;UAAA,IACpBL,QAAQ;YAAA;YAAA;UAAA;UAAA;UAAA,OACHI,uBAAuB,EAAE;QAAA;UAC/BpB,KAAK,CAACuB,QAAQ,CAAC5C,KAAK,CAAC;UAAC;QAAA;UAG1BmC,gBAAgB,sGAAC;YAAA;cAAA;gBAAA;kBAAA;kBAAA,OACPM,uBAAuB,EAAE;gBAAA;kBAC/BpB,KAAK,CAACuB,QAAQ,CAAC5C,KAAK,CAAC;gBAAC;gBAAA;kBAAA;cAAA;YAAA;UAAA,CACzB,GAAC;QAAC;QAAA;UAAA;MAAA;IAAA;EAAA,CACN,IAAE,CAACA,KAAK,CAACM,OAAO,EAAE8B,YAAY,CAAC,CAAC;EAEjC,IAAMS,UAAU,GAAG,IAAAH,kBAAW,uGAAC;IAAA;IAAA;MAAA;QAAA;UAAA;UAAA,OACJhB,QAAQ,CAAC,UAAAE,IAAI,EAAI;YACpC,mEAAYA,IAAI;cAAEvB,YAAY,EAAEL,KAAK,CAACM;YAAO;UACjD,CAAC,CAAC;QAAA;UAFIwC,QAAQ;UAAA,MAIVA,QAAQ,IAAIA,QAAQ,CAACC,KAAK;YAAA;YAAA;UAAA;UAAA,kCACnBvB,YAAY,CAACsB,QAAQ,CAACC,KAAK,CAACb,OAAO,CAAC;QAAA;UAG/CV,YAAY,CAACtD,CAAC,mHAAgC;QAAC;QAAA;UAAA;MAAA;IAAA;EAAA,CAClD,IAAE,CAAC8B,KAAK,CAACM,OAAO,EAAEoB,QAAQ,CAAC,CAAC;EAE7B,IAAMsB,gBAAgB,GAAG,IAAAN,kBAAW,uGAAC;IAAA;IAAA;MAAA;QAAA;UAAA;UAAA,OACVhB,QAAQ,CAAC,UAAAE,IAAI,EAAI;YACpC,mEAAYA,IAAI;cAAEpB,kBAAkB,EAAER,KAAK,CAACM;YAAO;UACvD,CAAC,CAAC;QAAA;UAFIwC,QAAQ;UAAA,MAIVA,QAAQ,IAAIA,QAAQ,CAACC,KAAK;YAAA;YAAA;UAAA;UAAA,kCACnBvB,YAAY,CAACsB,QAAQ,CAACC,KAAK,CAACb,OAAO,CAAC;QAAA;UAG/CV,YAAY,CAACtD,CAAC,yHAAsC;QAAC;QAAA;UAAA;MAAA;IAAA;EAAA,CACxD,IAAE,CAAC8B,KAAK,CAACM,OAAO,EAAEoB,QAAQ,CAAC,CAAC;EAE7B,IAAMuB,UAAU,GAAG,IAAAP,kBAAW,uGAAC;IAAA;IAAA;MAAA;QAAA;UAAA;UAAA,OACJhB,QAAQ,CAAC,UAAAE,IAAI,EAAI;YACpC,mEAAYA,IAAI;cAAElB,YAAY,EAAEV,KAAK,CAACM;YAAO;UACjD,CAAC,CAAC;QAAA;UAFIwC,QAAQ;UAAA,MAIVA,QAAQ,IAAIA,QAAQ,CAACC,KAAK;YAAA;YAAA;UAAA;UAAA,kCACnBvB,YAAY,CAACsB,QAAQ,CAACC,KAAK,CAACb,OAAO,CAAC;QAAA;UAG/CV,YAAY,CAACtD,CAAC,mHAAgC;QAAC;QAAA;UAAA;MAAA;IAAA;EAAA,CAClD,IAAE,CAAC8B,KAAK,CAACM,OAAO,EAAEoB,QAAQ,CAAC,CAAC;EAE7B,IAAMwB,WAAW,GAAGpB,cAAc,CAAC9B,KAAK,CAACI,IAAI,CAAC;EAC9C,IAAM+C,wBAAwB,GAC1BC,gBAAO,CAACC,MAAM,CAA6B,yBAAyB,CAAC;EAEzE,IAAI,CAACH,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,IAAMI,cAAc,GAAGvB,sBAAsB,CAAC/B,KAAK,CAACuD,QAAQ,CAACC,IAAI,CAAC;EAClE,IAAMC,OAAO,GAAGP,WAAW,CAAClD,KAAK,CAAC0D,eAAe,KAAK,KAAK;EAE3D,IAAMC,0BAA0B,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC7C,IAAMC,aAAa,GAAGhD,gBAAgB,CAACd,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAC;IAC5D,IAAM6D,EAAE,GAAG,SAALA,EAAE,GAAS;MACb,IAAI,CAACD,aAAa,EAAE;QAChB,OAAO,IAAI;MACf;MACA,oBAAO,6BAAC,aAAa,QAAEA,aAAa,CAAiB;IACzD,CAAC;IAEDC,EAAE,CAACC,WAAW,GAAG,mBAAmB;IAEpC,OAAOD,EAAE;EACb,CAAC,EAAE,CAAC9D,KAAK,CAAC2C,EAAE,CAAC,CAAC;EAEd,IAAMqB,wBAAwB,yBAAGd,WAAW,CAAClD,KAAK,uDAAjB,mBAAmBiE,UAAU;EAE9D,IAAMC,IAAI,GAAG,CAACZ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEC,QAAQ,CAACC,IAAI,EAAExD,KAAK,CAACE,cAAc,GAAG,iBAAiB,GAAG,IAAI,CAAC,CACxFe,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,IAAI,CAAC;EAEf,oBACI,6BAAC,eAAQ,qBACL,6BAAC,cAAc,qBACX,6BAAC,IAAI,qBACD,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GAAEnB,KAAK,CAACmE,KAAK,CAAc,eACxD,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAU,GACtBjB,WAAW,CAAClD,KAAK,CAACmE,KAAK,EACvBD,IAAI,iBAAI,6BAAC,SAAS,QAAC,IAAE,EAACA,IAAI,EAAC,GAAC,CAAY,CAChC,CACV,EACNF,wBAAwB,GACnBA,wBAAwB,CAAC;IAAEjE,KAAK,EAALA,KAAK;IAAEC,KAAK,EAALA;EAAM,CAAC,CAAC,GAC1C2D,0BAA0B,EAAE,eAClC,6BAAC,OAAO,QACHF,OAAO,gBACJ,6BAAC,kBAAU;IACP,eAAa,uBAAwB;IACrC,IAAI,eAAE,6BAAC,oBAAQ,OAAI;IACnB,OAAO,EAAE;MAAA,OAAMnC,MAAM,CAACtB,KAAK,CAAC;IAAA;EAAC,EAC/B,GACF,IAAI,eACR,6BAAC,UAAI;IACD,SAAS,EAAET,UAAW;IACtB,MAAM,eAAE,6BAAC,kBAAU;MAAC,IAAI,eAAE,6BAAC,yBAAgB;IAAI;EAAI,GAElD4D,wBAAwB,CAACiB,GAAG,CAAC,UAAAC,EAAE;IAAA,oBAC5BC,cAAK,CAACC,YAAY,CAACF,EAAE,CAACG,MAAM,EAAE,EAAE;MAAEC,GAAG,EAAEJ,EAAE,CAACb;IAAK,CAAC,CAAC;EAAA,EACpD,eAED,6BAAC,cAAQ;IACL,QAAQ,EAAE,CAAC1D,uBAAuB,CAACC,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAE;IACzD,OAAO,EAAE4C;EAAW,gBAEpB,6BAAC,qBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,yBAAS;EAAI,EAAG,CACf,EACjB3E,CAAC,kGACK,eACX,6BAAC,cAAQ;IACL,QAAQ,EAAE,CAACqC,6BAA6B,CAACR,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAE;IAC/D,OAAO,EAAE+C;EAAiB,gBAE1B,6BAAC,qBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,yBAAS;EAAI,EAAG,CACf,EACjB9E,CAAC,wGACK,eACX,6BAAC,cAAQ;IACL,QAAQ,EAAE,CAACuC,uBAAuB,CAACV,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAE;IACzD,OAAO,EAAEgD;EAAW,gBAEpB,6BAAC,qBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,yBAAS;EAAI,EAAG,CACf,EACjB/E,CAAC,oGACK,eAEX,6BAAC,cAAQ;IAAC,OAAO,EAAE0E;EAAS,gBACxB,6BAAC,qBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,sBAAU;EAAI,EAAG,CAChB,EACjB1E,CAAC,8FACK,CACR,CACD,CACG,eACjB,6BAAC,UAAU,QACNgF,WAAW,CAAClD,KAAK,CAACwE,MAAM,IACrBtB,WAAW,CAAClD,KAAK,CAACwE,MAAM,CAAC;IAAExE,KAAK,EAALA,KAAK;IAAE4B,IAAI,EAAE7B,KAAK;IAAE4B,OAAO,EAAED;EAAS,CAAC,CAAC,CAC9D,CACN;AAEnB,CAAC;AAAC,4BAEa4C,cAAK,CAACI,IAAI,CAACtD,KAAK,CAAC;AAAA"}

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

@@ -1,11 +1,11 @@
 import React from "react";
-import { CmsEditorField, CmsEditorFieldsLayout } from "../../../types";
+import { CmsModelField, CmsEditorFieldsLayout } from "../../../types";
 export interface FieldEditorProps {
-    parent?: CmsEditorField;
+    parent?: CmsModelField;
     layout: CmsEditorFieldsLayout;
-    fields: CmsEditorField[];
+    fields: CmsModelField[];
     onChange: (params: {
-        fields: CmsEditorField[];
+        fields: CmsModelField[];
         layout: CmsEditorFieldsLayout;
     }) => void;
 }