@webiny/app-headless-cms 5.40.0-beta.2 → 5.40.0-beta.3

package/admin/components/ContentEntryForm/ContentEntryForm.js

@@ -1,159 +1,85 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContentEntryForm = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
-var _FieldElement = require("./FieldElement");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _form = require("@webiny/form");
-var _plugins = require("@webiny/plugins");
-var _Progress = require("@webiny/ui/Progress");
-var _useContentEntryForm2 = require("./useContentEntryForm");
-var _Fields = require("./Fields");
-var _reactRouter = require("@webiny/react-router");
 var _appAdmin = require("@webiny/app-admin");
 var _ModelProvider = require("../ModelProvider");
-var _excluded = ["onForm"];
-var FormWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+var _Header = require("./Header");
+var _useDefaultValues = require("./useDefaultValues");
+var _useFormRenderer = require("./useFormRenderer");
+var _ContentEntryFormProvider = require("./ContentEntryFormProvider");
+var _CustomLayout = require("./CustomLayout");
+var _DefaultLayout = require("./DefaultLayout");
+var _useGoToRevision2 = require("./useGoToRevision");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var FormWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "ejw5gwy0"
+} : {
   target: "ejw5gwy0",
   label: "FormWrapper"
-})({
-  height: "calc(100vh - 260px)",
-  overflow: "auto"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1x0mv1y",
+  styles: "height:calc(100vh - 260px);overflow:auto"
+} : {
+  name: "1x0mv1y",
+  styles: "height:calc(100vh - 260px);overflow:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbnRyeUZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFvQiIsImZpbGUiOiJDb250ZW50RW50cnlGb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDbXNDb250ZW50RW50cnkgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgbWFrZURlY29yYXRhYmxlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBNb2RlbFByb3ZpZGVyLCB1c2VNb2RlbCB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvTW9kZWxQcm92aWRlclwiO1xuaW1wb3J0IHsgSGVhZGVyIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Db250ZW50RW50cnlGb3JtL0hlYWRlclwiO1xuaW1wb3J0IHsgdXNlRGVmYXVsdFZhbHVlcyB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvQ29udGVudEVudHJ5Rm9ybS91c2VEZWZhdWx0VmFsdWVzXCI7XG5pbXBvcnQgeyB1c2VGb3JtUmVuZGVyZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlRm9ybVJlbmRlcmVyXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlGb3JtQ29udGV4dCwgQ29udGVudEVudHJ5Rm9ybVByb3ZpZGVyIH0gZnJvbSBcIi4vQ29udGVudEVudHJ5Rm9ybVByb3ZpZGVyXCI7XG5pbXBvcnQgeyBDdXN0b21MYXlvdXQgfSBmcm9tIFwiLi9DdXN0b21MYXlvdXRcIjtcbmltcG9ydCB7IERlZmF1bHRMYXlvdXQgfSBmcm9tIFwiLi9EZWZhdWx0TGF5b3V0XCI7XG5pbXBvcnQgeyB1c2VHb1RvUmV2aXNpb24gfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlR29Ub1JldmlzaW9uXCI7XG5cbmNvbnN0IEZvcm1XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBoZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDI2MHB4KVwiLFxuICAgIG92ZXJmbG93OiBcImF1dG9cIlxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29udGVudEVudHJ5Rm9ybVByb3BzIHtcbiAgICBlbnRyeTogUGFydGlhbDxDbXNDb250ZW50RW50cnk+O1xuICAgIC8qKlxuICAgICAqIFRoaXMgY2FsbGJhY2sgaXMgZXhlY3V0ZWQgd2hlbiBhbiBlbnRyeSwgb3IgYSByZXZpc2lvbiwgYXJlIGNyZWF0ZWQuXG4gICAgICogQHBhcmFtIGVudHJ5XG4gICAgICovXG4gICAgb25BZnRlckNyZWF0ZT86IChlbnRyeTogQ21zQ29udGVudEVudHJ5KSA9PiB2b2lkO1xuICAgIGhlYWRlcj86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogVGhpcyBwcm9wIGlzIHVzZWQgdG8gZ2V0IGEgcmVmZXJlbmNlIHRvIGBzYXZlRW50cnlgIGNhbGxiYWNrLCBzbyBpdCBjYW4gYmUgdHJpZ2dlcmVkIGJ5IGNvbXBvbmVudHNcbiAgICAgKiBvdXRzaWRlIHRoZSBDb250ZW50RW50cnlGb3JtIGNvbnRleHQuXG4gICAgICogVE9ETzogaW50cm9kdWNlIGEgYGxheW91dGAgcHJvcCB0byBiZSBhYmxlIHRvIG1vdW50IGFyYml0cmFyeSBjb21wb25lbnRzIGFyb3VuZCB0aGUgZW50cnkgZm9ybSwgd2l0aGluIHRoZSBjb250ZXh0LlxuICAgICAqL1xuICAgIHNldFNhdmVFbnRyeT86IChjYjogQ29udGVudEVudHJ5Rm9ybUNvbnRleHRbXCJzYXZlRW50cnlcIl0pID0+IHZvaWQ7XG4gICAgLyoqXG4gICAgICogVGhpcyBmbGFnIGV4aXN0cyBmb3IgYSBsYWNrIG9mIGJldHRlciBBcG9sbG8gY2FjaGUgY29udHJvbCwgYXQgdGhlIG1vbWVudC5cbiAgICAgKiBXZSB1c2UgdGhpcyBmbGFnIHdoZW4gd2UgbmVlZCB0byB0ZWxsIHRoZSBzeXN0ZW0gdG8gYWRkIG5ldyBlbnRyaWVzIHRvIGFwb2xsbyBjYWNoZS5cbiAgICAgKiBXaHkgd291bGQgeW91IHdhbnQgdG8gTk9UIGFkZCBlbnRyaWVzIHRvIGNhY2hlPyBXaGVuIHVzaW5nIGEgYHJlZmAgZmllbGQsIHdoaWNoIHVzdWFsbHkgcG9pbnRzIHRvXG4gICAgICogYSBkaWZmZXJlbnQgbW9kZWwgdGhhbiB0aGUgbWFpbiBlbnRyeSB5b3UncmUgd29ya2luZyBvbi4gRXhhbXBsZTogQm9vayAtPiBBdXRob3IsIHlvdSBkb24ndCB3YW50XG4gICAgICogYW4gQXV0aG9yIGNyZWF0ZWQgdmlhIGEgYHJlZmAgZmllbGQgZGlhbG9nIHRvIGJlIGFkZGVkIHRvIHRoZSBsaXN0IG9mIEJvb2tzLlxuICAgICAqIFRPRE86IHJldmlzaXQgdGhpcywgYW5kIGxvb2sgZm9yIGEgYmV0dGVyIHNvbHV0aW9uLlxuICAgICAqL1xuICAgIGFkZEVudHJ5VG9MaXN0Q2FjaGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgQ29udGVudEVudHJ5Rm9ybSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkNvbnRlbnRFbnRyeUZvcm1cIixcbiAgICAoe1xuICAgICAgICBlbnRyeSxcbiAgICAgICAgb25BZnRlckNyZWF0ZSxcbiAgICAgICAgYWRkRW50cnlUb0xpc3RDYWNoZSxcbiAgICAgICAgc2V0U2F2ZUVudHJ5LFxuICAgICAgICBoZWFkZXIgPSB0cnVlXG4gICAgfTogQ29udGVudEVudHJ5Rm9ybVByb3BzKSA9PiB7XG4gICAgICAgIGNvbnN0IGZvcm1FbGVtZW50UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgICAgICAgY29uc3QgeyBtb2RlbCB9ID0gdXNlTW9kZWwoKTtcbiAgICAgICAgY29uc3QgeyBnb1RvUmV2aXNpb24gfSA9IHVzZUdvVG9SZXZpc2lvbigpO1xuICAgICAgICBjb25zdCBkZWZhdWx0VmFsdWVzID0gdXNlRGVmYXVsdFZhbHVlcyhtb2RlbCk7XG4gICAgICAgIGNvbnN0IGZvcm1SZW5kZXJlciA9IHVzZUZvcm1SZW5kZXJlcihtb2RlbCk7XG5cbiAgICAgICAgY29uc3QgZGVmYXVsdE9uQWZ0ZXJDcmVhdGUgPSAoZW50cnk6IENtc0NvbnRlbnRFbnRyeSkgPT4ge1xuICAgICAgICAgICAgZ29Ub1JldmlzaW9uKGVudHJ5LmlkKTtcbiAgICAgICAgfTtcblxuICAgICAgICAvLyBEZXRlcm1pbmUgaW5pdGlhbCBlbnRyeS5cbiAgICAgICAgY29uc3QgaW5pdGlhbERhdGEgPSBlbnRyeSAmJiBlbnRyeS5pZCA/IGVudHJ5IDogZGVmYXVsdFZhbHVlcztcblxuICAgICAgICAvLyBXaGVuIGVudHJ5IGNoYW5nZXMsIHNjcm9sbCB0byB0aGUgdG9wIG9mIHRoZSBmb3JtLlxuICAgICAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFmb3JtRWxlbWVudFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFJlZi5jdXJyZW50Py5zY3JvbGxUbygwLCAwKTtcbiAgICAgICAgICAgIH0sIDIwKTtcbiAgICAgICAgfSwgW2luaXRpYWxEYXRhLmlkLCBmb3JtRWxlbWVudFJlZi5jdXJyZW50XSk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb250ZW50RW50cnlGb3JtUHJvdmlkZXJcbiAgICAgICAgICAgICAgICBtb2RlbD17bW9kZWx9XG4gICAgICAgICAgICAgICAgZW50cnk9e2luaXRpYWxEYXRhfVxuICAgICAgICAgICAgICAgIG9uQWZ0ZXJDcmVhdGU9e29uQWZ0ZXJDcmVhdGUgfHwgZGVmYXVsdE9uQWZ0ZXJDcmVhdGV9XG4gICAgICAgICAgICAgICAgc2V0U2F2ZUVudHJ5PXtzZXRTYXZlRW50cnl9XG4gICAgICAgICAgICAgICAgYWRkSXRlbVRvTGlzdENhY2hlPXthZGRFbnRyeVRvTGlzdENhY2hlfVxuICAgICAgICAgICAgICAgIGNvbmZpcm1OYXZpZ2F0aW9uSWZEaXJ0eT17dHJ1ZX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8TW9kZWxQcm92aWRlciBtb2RlbD17bW9kZWx9PlxuICAgICAgICAgICAgICAgICAgICB7aGVhZGVyID8gPEhlYWRlciAvPiA6IG51bGx9XG4gICAgICAgICAgICAgICAgICAgIDxGb3JtV3JhcHBlciBkYXRhLXRlc3RpZD17XCJjbXMtY29udGVudC1mb3JtXCJ9IHJlZj17Zm9ybUVsZW1lbnRSZWZ9PlxuICAgICAgICAgICAgICAgICAgICAgICAge2Zvcm1SZW5kZXJlciA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q3VzdG9tTGF5b3V0IG1vZGVsPXttb2RlbH0gZm9ybVJlbmRlcmVyPXtmb3JtUmVuZGVyZXJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZWZhdWx0TGF5b3V0IG1vZGVsPXttb2RlbH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvRm9ybVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9Nb2RlbFByb3ZpZGVyPlxuICAgICAgICAgICAgPC9Db250ZW50RW50cnlGb3JtUHJvdmlkZXI+XG4gICAgICAgICk7XG4gICAgfVxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-function omitTypename(key, value) {
-  return key === "__typename" ? undefined : value;
-}
-var stringify = function stringify(value) {
-  return JSON.stringify(value || {}, omitTypename);
-};
-var isDifferent = function isDifferent(value, compare) {
-  if (!value && !compare) {
-    return false;
-  }
-  return stringify(value) !== stringify(compare);
-};
-var ContentEntryForm = function ContentEntryForm(_ref) {
-  var onForm = _ref.onForm,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var ContentEntryForm = exports.ContentEntryForm = (0, _appAdmin.makeDecoratable)("ContentEntryForm", function (_ref) {
+  var entry = _ref.entry,
+    onAfterCreate = _ref.onAfterCreate,
+    addEntryToListCache = _ref.addEntryToListCache,
+    setSaveEntry = _ref.setSaveEntry,
+    _ref$header = _ref.header,
+    header = _ref$header === void 0 ? true : _ref$header;
   var formElementRef = (0, _react.useRef)(null);
   var _useModel = (0, _ModelProvider.useModel)(),
     model = _useModel.model;
-  var _useContentEntryForm = (0, _useContentEntryForm2.useContentEntryForm)(props),
-    loading = _useContentEntryForm.loading,
-    initialData = _useContentEntryForm.data,
-    _onChange = _useContentEntryForm.onChange,
-    _onSubmit = _useContentEntryForm.onSubmit,
-    invalidFields = _useContentEntryForm.invalidFields;
-  var _React$useState = _react.default.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    isDirty = _React$useState2[0],
-    setIsDirty = _React$useState2[1];
-  /**
-   * Reset isDirty when the loaded data changes.
-   */
-  (0, _react.useEffect)(function () {
-    if (!isDirty) {
-      return;
-    }
-    setIsDirty(false);
-  }, [initialData]);
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (typeof onForm !== "function" || !ref.current) {
-      return;
-    }
-    onForm(ref.current);
-  }, []);
+  var _useGoToRevision = (0, _useGoToRevision2.useGoToRevision)(),
+    goToRevision = _useGoToRevision.goToRevision;
+  var defaultValues = (0, _useDefaultValues.useDefaultValues)(model);
+  var formRenderer = (0, _useFormRenderer.useFormRenderer)(model);
+  var defaultOnAfterCreate = function defaultOnAfterCreate(entry) {
+    goToRevision(entry.id);
+  };
+
+  // Determine initial entry.
+  var initialData = entry && entry.id ? entry : defaultValues;
+
+  // When entry changes, scroll to the top of the form.
   (0, _react.useEffect)(function () {
     if (!formElementRef.current) {
       return;
     }
-    formElementRef.current.scrollTo(0, 0);
+    setTimeout(function () {
+      formElementRef.current?.scrollTo(0, 0);
+    }, 20);
   }, [initialData.id, formElementRef.current]);
-  var formRenderer = _plugins.plugins.byType("cms-content-form-renderer").find(function (pl) {
-    return pl.modelId === model.modelId;
-  });
-  var renderCustomLayout = (0, _react.useCallback)(function (formRenderProps) {
-    var fields = model.fields.reduce(function (acc, field) {
-      acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_FieldElement.FieldElement, {
-        field: field
-        /**
-         * TODO @ts-refactor
-         * Figure out type for Bind.
-         */
-        // @ts-expect-error
-        ,
-        Bind: formRenderProps.Bind,
-        contentModel: model
-      });
-      return acc;
-    }, {});
-    if (!formRenderer) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Missing form renderer for modelId \"".concat(model.modelId, "\"."));
-    }
-    return formRenderer.render((0, _objectSpread2.default)((0, _objectSpread2.default)({}, formRenderProps), {}, {
-      contentModel: model,
-      fields: fields,
-      /**
-       * TODO @ts-refactor
-       * Figure out type for Bind.
-       */
-      // @ts-expect-error
-      Bind: formRenderProps.Bind
-    }));
-  }, [formRenderer]);
-  return /*#__PURE__*/_react.default.createElement(_form.Form, {
-    onChange: function onChange(data, form) {
-      var different = isDifferent(data, initialData);
-      if (isDirty !== different) {
-        setIsDirty(different);
-      }
-      return _onChange(data, form);
-    },
-    onSubmit: function onSubmit(data, form) {
-      setIsDirty(false);
-      return _onSubmit(data, form);
-    },
-    data: initialData,
-    ref: ref,
-    invalidFields: invalidFields,
-    onInvalid: function onInvalid() {
-      setIsDirty(true);
-      showSnackbar("Some fields did not pass the validation. Please check the form.");
-    }
-  }, function (formProps) {
-    return /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
-      model: model
-    }, /*#__PURE__*/_react.default.createElement(_reactRouter.Prompt, {
-      when: isDirty,
-      message: "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?"
-    }), /*#__PURE__*/_react.default.createElement(FormWrapper, {
-      "data-testid": "cms-content-form",
-      ref: formElementRef
-    }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), formRenderer ? renderCustomLayout(formProps) : /*#__PURE__*/_react.default.createElement(_Fields.Fields, Object.assign({
-      contentModel: model,
-      fields: model.fields || [],
-      layout: model.layout || []
-    }, formProps, {
-      /**
-       * TODO @ts-refactor
-       * Figure out type for Bind.
-       */
-      // @ts-expect-error
-      Bind: formProps.Bind
-    }))));
-  });
-};
-exports.ContentEntryForm = ContentEntryForm;
+  return /*#__PURE__*/_react.default.createElement(_ContentEntryFormProvider.ContentEntryFormProvider, {
+    model: model,
+    entry: initialData,
+    onAfterCreate: onAfterCreate || defaultOnAfterCreate,
+    setSaveEntry: setSaveEntry,
+    addItemToListCache: addEntryToListCache,
+    confirmNavigationIfDirty: true
+  }, /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
+    model: model
+  }, header ? /*#__PURE__*/_react.default.createElement(_Header.Header, null) : null, /*#__PURE__*/_react.default.createElement(FormWrapper, {
+    "data-testid": "cms-content-form",
+    ref: formElementRef
+  }, formRenderer ? /*#__PURE__*/_react.default.createElement(_CustomLayout.CustomLayout, {
+    model: model,
+    formRenderer: formRenderer
+  }) : /*#__PURE__*/_react.default.createElement(_DefaultLayout.DefaultLayout, {
+    model: model
+  }))));
+});
 
 //# sourceMappingURL=ContentEntryForm.js.map

package/admin/components/ContentEntryForm/ContentEntryForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_FieldElement","_styled","_interopRequireDefault","_form","_plugins","_Progress","_useContentEntryForm2","_Fields","_reactRouter","_appAdmin","_ModelProvider","_excluded","FormWrapper","styled","target","label","height","overflow","omitTypename","key","value","undefined","stringify","JSON","isDifferent","compare","ContentEntryForm","_ref","onForm","props","_objectWithoutProperties2","default","formElementRef","useRef","_useModel","useModel","model","_useContentEntryForm","useContentEntryForm","loading","initialData","data","onChange","onSubmit","invalidFields","_React$useState","React","useState","_React$useState2","_slicedToArray2","isDirty","setIsDirty","useEffect","_useSnackbar","useSnackbar","showSnackbar","ref","current","scrollTo","id","formRenderer","plugins","byType","find","pl","modelId","renderCustomLayout","useCallback","formRenderProps","fields","reduce","acc","field","fieldId","createElement","FieldElement","Bind","contentModel","Fragment","concat","render","_objectSpread2","Form","form","different","onInvalid","formProps","ModelProvider","Prompt","when","message","CircularProgress","Fields","Object","assign","layout","exports"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { FieldElement } from \"./FieldElement\";\nimport styled from \"@emotion/styled\";\nimport { Form } from \"@webiny/form\";\nimport { FormAPI, FormRenderPropParams } from \"@webiny/form/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { CmsContentEntry, CmsContentFormRendererPlugin } from \"~/types\";\nimport { useContentEntryForm, UseContentEntryFormParams } from \"./useContentEntryForm\";\nimport { Fields } from \"./Fields\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface ContentEntryFormProps extends UseContentEntryFormParams {\n    onForm?: (form: FormAPI) => void;\n}\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\nconst stringify = (value: any): string => {\n    return JSON.stringify(value || {}, omitTypename);\n};\n\nconst isDifferent = (value: any, compare: any): boolean => {\n    if (!value && !compare) {\n        return false;\n    }\n    return stringify(value) !== stringify(compare);\n};\n\nexport const ContentEntryForm = ({ onForm, ...props }: ContentEntryFormProps) => {\n    const formElementRef = useRef<HTMLDivElement>(null);\n    const { model } = useModel();\n    const {\n        loading,\n        data: initialData,\n        onChange,\n        onSubmit,\n        invalidFields\n    } = useContentEntryForm(props);\n\n    const [isDirty, setIsDirty] = React.useState<boolean>(false);\n    /**\n     * Reset isDirty when the loaded data changes.\n     */\n    useEffect(() => {\n        if (!isDirty) {\n            return;\n        }\n        setIsDirty(false);\n    }, [initialData]);\n\n    const { showSnackbar } = useSnackbar();\n\n    const ref = useRef<FormAPI | null>(null);\n\n    useEffect(() => {\n        if (typeof onForm !== \"function\" || !ref.current) {\n            return;\n        }\n        onForm(ref.current);\n    }, []);\n\n    useEffect(() => {\n        if (!formElementRef.current) {\n            return;\n        }\n\n        formElementRef.current.scrollTo(0, 0);\n    }, [initialData.id, formElementRef.current]);\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === model.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = model.fields.reduce((acc, field) => {\n                acc[field.fieldId] = (\n                    <FieldElement\n                        field={field}\n                        /**\n                         * TODO @ts-refactor\n                         * Figure out type for Bind.\n                         */\n                        // @ts-expect-error\n                        Bind={formRenderProps.Bind}\n                        contentModel={model}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${model.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                contentModel: model,\n                fields,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                // @ts-expect-error\n                Bind: formRenderProps.Bind\n            });\n        },\n        [formRenderer]\n    );\n\n    return (\n        <Form<CmsContentEntry>\n            onChange={(data, form) => {\n                const different = isDifferent(data, initialData);\n                if (isDirty !== different) {\n                    setIsDirty(different);\n                }\n                return onChange(data, form);\n            }}\n            onSubmit={(data, form) => {\n                setIsDirty(false);\n                return onSubmit(data, form);\n            }}\n            data={initialData}\n            ref={ref}\n            invalidFields={invalidFields}\n            onInvalid={() => {\n                setIsDirty(true);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                return (\n                    <ModelProvider model={model}>\n                        <Prompt\n                            when={isDirty}\n                            message={\n                                \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\"\n                            }\n                        />\n                        <FormWrapper data-testid={\"cms-content-form\"} ref={formElementRef}>\n                            {loading && <CircularProgress />}\n                            {formRenderer ? (\n                                renderCustomLayout(formProps)\n                            ) : (\n                                <Fields\n                                    contentModel={model}\n                                    fields={model.fields || []}\n                                    layout={model.layout || []}\n                                    {...formProps}\n                                    /**\n                                     * TODO @ts-refactor\n                                     * Figure out type for Bind.\n                                     */\n                                    // @ts-expect-error\n                                    Bind={formProps.Bind}\n                                />\n                            )}\n                        </FormWrapper>\n                    </ModelProvider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_ModelProvider","_Header","_useDefaultValues","_useFormRenderer","_ContentEntryFormProvider","_CustomLayout","_DefaultLayout","_useGoToRevision2","_EMOTION_STRINGIFIED_CSS_ERROR__","FormWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentEntryForm","exports","makeDecoratable","_ref","entry","onAfterCreate","addEntryToListCache","setSaveEntry","_ref$header","header","formElementRef","useRef","_useModel","useModel","model","_useGoToRevision","useGoToRevision","goToRevision","defaultValues","useDefaultValues","formRenderer","useFormRenderer","defaultOnAfterCreate","id","initialData","useEffect","current","setTimeout","scrollTo","createElement","ContentEntryFormProvider","addItemToListCache","confirmNavigationIfDirty","ModelProvider","Header","ref","CustomLayout","DefaultLayout"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsContentEntry } from \"~/types\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider\";\nimport { Header } from \"~/admin/components/ContentEntryForm/Header\";\nimport { useDefaultValues } from \"~/admin/components/ContentEntryForm/useDefaultValues\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer\";\nimport { ContentEntryFormContext, ContentEntryFormProvider } from \"./ContentEntryFormProvider\";\nimport { CustomLayout } from \"./CustomLayout\";\nimport { DefaultLayout } from \"./DefaultLayout\";\nimport { useGoToRevision } from \"~/admin/components/ContentEntryForm/useGoToRevision\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\nexport interface ContentEntryFormProps {\n    entry: Partial<CmsContentEntry>;\n    /**\n     * This callback is executed when an entry, or a revision, are created.\n     * @param entry\n     */\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    header?: boolean;\n    /**\n     * This prop is used to get a reference to `saveEntry` callback, so it can be triggered by components\n     * outside the ContentEntryForm context.\n     * TODO: introduce a `layout` prop to be able to mount arbitrary components around the entry form, within the context.\n     */\n    setSaveEntry?: (cb: ContentEntryFormContext[\"saveEntry\"]) => void;\n    /**\n     * This flag exists for a lack of better Apollo cache control, at the moment.\n     * We use this flag when we need to tell the system to add new entries to apollo cache.\n     * Why would you want to NOT add entries to cache? When using a `ref` field, which usually points to\n     * a different model than the main entry you're working on. Example: Book -> Author, you don't want\n     * an Author created via a `ref` field dialog to be added to the list of Books.\n     * TODO: revisit this, and look for a better solution.\n     */\n    addEntryToListCache?: boolean;\n}\n\nexport const ContentEntryForm = makeDecoratable(\n    \"ContentEntryForm\",\n    ({\n        entry,\n        onAfterCreate,\n        addEntryToListCache,\n        setSaveEntry,\n        header = true\n    }: ContentEntryFormProps) => {\n        const formElementRef = useRef<HTMLDivElement>(null);\n        const { model } = useModel();\n        const { goToRevision } = useGoToRevision();\n        const defaultValues = useDefaultValues(model);\n        const formRenderer = useFormRenderer(model);\n\n        const defaultOnAfterCreate = (entry: CmsContentEntry) => {\n            goToRevision(entry.id);\n        };\n\n        // Determine initial entry.\n        const initialData = entry && entry.id ? entry : defaultValues;\n\n        // When entry changes, scroll to the top of the form.\n        useEffect(() => {\n            if (!formElementRef.current) {\n                return;\n            }\n\n            setTimeout(() => {\n                formElementRef.current?.scrollTo(0, 0);\n            }, 20);\n        }, [initialData.id, formElementRef.current]);\n\n        return (\n            <ContentEntryFormProvider\n                model={model}\n                entry={initialData}\n                onAfterCreate={onAfterCreate || defaultOnAfterCreate}\n                setSaveEntry={setSaveEntry}\n                addItemToListCache={addEntryToListCache}\n                confirmNavigationIfDirty={true}\n            >\n                <ModelProvider model={model}>\n                    {header ? <Header /> : null}\n                    <FormWrapper data-testid={\"cms-content-form\"} ref={formElementRef}>\n                        {formRenderer ? (\n                            <CustomLayout model={model} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={model} />\n                        )}\n                    </FormWrapper>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"mappings":"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","ignoreList":[]}

package/admin/components/ContentEntryForm/ContentEntryFormPreview.d.ts

@@ -1,7 +1,12 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsEditorContentModel } from "../../../types";
-interface ContentEntryFormPreviewProps {
+export interface ContentEntryFormPreviewProps {
     contentModel: CmsEditorContentModel;
 }
-export declare const ContentEntryFormPreview: (props: ContentEntryFormPreviewProps) => JSX.Element;
-export {};
+export declare const ContentEntryFormPreview: import("@webiny/app-admin").GenericComponent<ContentEntryFormPreviewProps> & {
+    original: import("@webiny/app-admin").GenericComponent<ContentEntryFormPreviewProps>;
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: ContentEntryFormPreviewProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+};

package/admin/components/ContentEntryForm/ContentEntryFormPreview.js

@@ -1,79 +1,50 @@
 "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.ContentEntryFormPreview = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _form = require("@webiny/form");
-var _plugins = require("@webiny/plugins");
-var _FieldElement = require("./FieldElement");
-var _Fields = require("./Fields");
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
 var _ModelProvider = require("../ModelProvider");
-var FormWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+var _useFormRenderer = require("./useFormRenderer");
+var _CustomLayout = require("./CustomLayout");
+var _DefaultLayout = require("./DefaultLayout");
+var _ContentEntryFormProvider = require("./ContentEntryFormProvider");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var FormWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eh1hbib0"
+} : {
   target: "eh1hbib0",
   label: "FormWrapper"
-})({
-  height: "calc(100vh - 260px)",
-  overflow: "auto"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1x0mv1y",
+  styles: "height:calc(100vh - 260px);overflow:auto"
+} : {
+  name: "1x0mv1y",
+  styles: "height:calc(100vh - 260px);overflow:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbnRyeUZvcm1QcmV2aWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IiLCJmaWxlIjoiQ29udGVudEVudHJ5Rm9ybVByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IENtc0VkaXRvckNvbnRlbnRNb2RlbCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBNb2RlbFByb3ZpZGVyIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Nb2RlbFByb3ZpZGVyXCI7XG5pbXBvcnQgeyB1c2VGb3JtUmVuZGVyZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlRm9ybVJlbmRlcmVyXCI7XG5pbXBvcnQgeyBDdXN0b21MYXlvdXQgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vQ3VzdG9tTGF5b3V0XCI7XG5pbXBvcnQgeyBEZWZhdWx0TGF5b3V0IH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Db250ZW50RW50cnlGb3JtL0RlZmF1bHRMYXlvdXRcIjtcbmltcG9ydCB7IENvbnRlbnRFbnRyeUZvcm1Qcm92aWRlciB9IGZyb20gXCIuL0NvbnRlbnRFbnRyeUZvcm1Qcm92aWRlclwiO1xuXG5jb25zdCBGb3JtV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgaGVpZ2h0OiBcImNhbGMoMTAwdmggLSAyNjBweClcIixcbiAgICBvdmVyZmxvdzogXCJhdXRvXCJcbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbnRlbnRFbnRyeUZvcm1QcmV2aWV3UHJvcHMge1xuICAgIGNvbnRlbnRNb2RlbDogQ21zRWRpdG9yQ29udGVudE1vZGVsO1xufVxuXG5leHBvcnQgY29uc3QgQ29udGVudEVudHJ5Rm9ybVByZXZpZXcgPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJDb250ZW50RW50cnlGb3JtUHJldmlld1wiLFxuICAgIChwcm9wczogQ29udGVudEVudHJ5Rm9ybVByZXZpZXdQcm9wcykgPT4ge1xuICAgICAgICBjb25zdCB7IGNvbnRlbnRNb2RlbCB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3QgZm9ybVJlbmRlcmVyID0gdXNlRm9ybVJlbmRlcmVyKGNvbnRlbnRNb2RlbCk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb250ZW50RW50cnlGb3JtUHJvdmlkZXJcbiAgICAgICAgICAgICAgICBlbnRyeT17e319XG4gICAgICAgICAgICAgICAgbW9kZWw9e2NvbnRlbnRNb2RlbH1cbiAgICAgICAgICAgICAgICBjb25maXJtTmF2aWdhdGlvbklmRGlydHk9e2ZhbHNlfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxNb2RlbFByb3ZpZGVyIG1vZGVsPXtjb250ZW50TW9kZWx9PlxuICAgICAgICAgICAgICAgICAgICA8Rm9ybVdyYXBwZXIgZGF0YS10ZXN0aWQ9e1wiY21zLWNvbnRlbnQtZm9ybVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtmb3JtUmVuZGVyZXIgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEN1c3RvbUxheW91dCBtb2RlbD17Y29udGVudE1vZGVsfSBmb3JtUmVuZGVyZXI9e2Zvcm1SZW5kZXJlcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPERlZmF1bHRMYXlvdXQgbW9kZWw9e2NvbnRlbnRNb2RlbH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvRm9ybVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9Nb2RlbFByb3ZpZGVyPlxuICAgICAgICAgICAgPC9Db250ZW50RW50cnlGb3JtUHJvdmlkZXI+XG4gICAgICAgICk7XG4gICAgfVxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ContentEntryFormPreview = function ContentEntryFormPreview(props) {
+var ContentEntryFormPreview = exports.ContentEntryFormPreview = (0, _appAdmin.makeDecoratable)("ContentEntryFormPreview", function (props) {
   var contentModel = props.contentModel;
-  var formRenderer = _plugins.plugins.byType("cms-content-form-renderer").find(function (pl) {
-    return pl.modelId === contentModel.modelId;
-  });
-  var renderCustomLayout = (0, _react.useCallback)(function (formRenderProps) {
-    var fields = contentModel.fields.reduce(function (acc, field) {
-      acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_FieldElement.FieldElement, {
-        field: field
-        /**
-         * TODO @ts-refactor
-         * Figure out type for Bind.
-         */
-        // @ts-expect-error
-        ,
-        Bind: formRenderProps.Bind,
-        contentModel: contentModel
-      });
-      return acc;
-    }, {});
-    if (!formRenderer) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Missing form renderer for modelId \"".concat(contentModel.modelId, "\"."));
-    }
-    return formRenderer.render((0, _objectSpread2.default)((0, _objectSpread2.default)({}, formRenderProps), {}, {
-      /**
-       * TODO @ts-refactor
-       * Figure out type for Bind.
-       */
-      // @ts-expect-error
-      Bind: formRenderProps.Bind,
-      contentModel: contentModel,
-      fields: fields
-    }));
-  }, [formRenderer, contentModel.fields]);
-  return /*#__PURE__*/_react.default.createElement(_form.Form, null, function (formProps) {
-    return /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
-      model: contentModel
-    }, /*#__PURE__*/_react.default.createElement(FormWrapper, {
-      "data-testid": "cms-content-form"
-    }, formRenderer ? renderCustomLayout(formProps) : /*#__PURE__*/_react.default.createElement(_Fields.Fields, Object.assign({
-      contentModel: contentModel,
-      fields: contentModel.fields,
-      layout: contentModel.layout || []
-    }, formProps, {
-      /**
-       * TODO @ts-refactor
-       * Figure out type for Bind.
-       */
-      // @ts-expect-error
-      Bind: formProps.Bind
-    }))));
-  });
-};
-exports.ContentEntryFormPreview = ContentEntryFormPreview;
+  var formRenderer = (0, _useFormRenderer.useFormRenderer)(contentModel);
+  return /*#__PURE__*/_react.default.createElement(_ContentEntryFormProvider.ContentEntryFormProvider, {
+    entry: {},
+    model: contentModel,
+    confirmNavigationIfDirty: false
+  }, /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
+    model: contentModel
+  }, /*#__PURE__*/_react.default.createElement(FormWrapper, {
+    "data-testid": "cms-content-form"
+  }, formRenderer ? /*#__PURE__*/_react.default.createElement(_CustomLayout.CustomLayout, {
+    model: contentModel,
+    formRenderer: formRenderer
+  }) : /*#__PURE__*/_react.default.createElement(_DefaultLayout.DefaultLayout, {
+    model: contentModel
+  }))));
+});
 
 //# sourceMappingURL=ContentEntryFormPreview.js.map

package/admin/components/ContentEntryForm/ContentEntryFormPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_form","_plugins","_FieldElement","_Fields","_ModelProvider","FormWrapper","styled","target","label","height","overflow","ContentEntryFormPreview","props","contentModel","formRenderer","plugins","byType","find","pl","modelId","renderCustomLayout","useCallback","formRenderProps","fields","reduce","acc","field","fieldId","default","createElement","FieldElement","Bind","Fragment","concat","render","_objectSpread2","Form","formProps","ModelProvider","model","Fields","Object","assign","layout","exports"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { plugins } from \"@webiny/plugins\";\nimport { FieldElement } from \"./FieldElement\";\nimport { CmsContentFormRendererPlugin, CmsEditorContentModel } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface ContentEntryFormPreviewProps {\n    contentModel: CmsEditorContentModel;\n}\n\nexport const ContentEntryFormPreview = (props: ContentEntryFormPreviewProps) => {\n    const { contentModel } = props;\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === contentModel.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = contentModel.fields.reduce((acc, field) => {\n                acc[field.fieldId] = (\n                    <FieldElement\n                        field={field}\n                        /**\n                         * TODO @ts-refactor\n                         * Figure out type for Bind.\n                         */\n                        // @ts-expect-error\n                        Bind={formRenderProps.Bind}\n                        contentModel={contentModel}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${contentModel.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                // @ts-expect-error\n                Bind: formRenderProps.Bind,\n                contentModel,\n                fields\n            });\n        },\n        [formRenderer, contentModel.fields]\n    );\n\n    return (\n        <Form>\n            {formProps => (\n                <ModelProvider model={contentModel}>\n                    <FormWrapper data-testid={\"cms-content-form\"}>\n                        {formRenderer ? (\n                            renderCustomLayout(formProps)\n                        ) : (\n                            <Fields\n                                contentModel={contentModel}\n                                fields={contentModel.fields}\n                                layout={contentModel.layout || []}\n                                {...formProps}\n                                /**\n                                 * TODO @ts-refactor\n                                 * Figure out type for Bind.\n                                 */\n                                // @ts-expect-error\n                                Bind={formProps.Bind}\n                            />\n                        )}\n                    </FormWrapper>\n                </ModelProvider>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_ModelProvider","_useFormRenderer","_CustomLayout","_DefaultLayout","_ContentEntryFormProvider","_EMOTION_STRINGIFIED_CSS_ERROR__","FormWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentEntryFormPreview","exports","makeDecoratable","props","contentModel","formRenderer","useFormRenderer","createElement","ContentEntryFormProvider","entry","model","confirmNavigationIfDirty","ModelProvider","CustomLayout","DefaultLayout"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { CmsEditorContentModel } from \"~/types\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer\";\nimport { CustomLayout } from \"~/admin/components/ContentEntryForm/CustomLayout\";\nimport { DefaultLayout } from \"~/admin/components/ContentEntryForm/DefaultLayout\";\nimport { ContentEntryFormProvider } from \"./ContentEntryFormProvider\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\nexport interface ContentEntryFormPreviewProps {\n    contentModel: CmsEditorContentModel;\n}\n\nexport const ContentEntryFormPreview = makeDecoratable(\n    \"ContentEntryFormPreview\",\n    (props: ContentEntryFormPreviewProps) => {\n        const { contentModel } = props;\n\n        const formRenderer = useFormRenderer(contentModel);\n\n        return (\n            <ContentEntryFormProvider\n                entry={{}}\n                model={contentModel}\n                confirmNavigationIfDirty={false}\n            >\n                <ModelProvider model={contentModel}>\n                    <FormWrapper data-testid={\"cms-content-form\"}>\n                        {formRenderer ? (\n                            <CustomLayout model={contentModel} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={contentModel} />\n                        )}\n                    </FormWrapper>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AAAsE,SAAAO,iCAAA;AAEtE,IAAMC,WAAW,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGhC,CAAC;AAMK,IAAMa,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,yBAAe,EAClD,yBAAyB,EACzB,UAACC,KAAmC,EAAK;EACrC,IAAQC,YAAY,GAAKD,KAAK,CAAtBC,YAAY;EAEpB,IAAMC,YAAY,GAAG,IAAAC,gCAAe,EAACF,YAAY,CAAC;EAElD,oBACI1B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACrB,yBAAA,CAAAsB,wBAAwB;IACrBC,KAAK,EAAE,CAAC,CAAE;IACVC,KAAK,EAAEN,YAAa;IACpBO,wBAAwB,EAAE;EAAM,gBAEhCjC,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACzB,cAAA,CAAA8B,aAAa;IAACF,KAAK,EAAEN;EAAa,gBAC/B1B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACnB,WAAW;IAAC,eAAa;EAAmB,GACxCiB,YAAY,gBACT3B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACvB,aAAA,CAAA6B,YAAY;IAACH,KAAK,EAAEN,YAAa;IAACC,YAAY,EAAEA;EAAa,CAAE,CAAC,gBAEjE3B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACtB,cAAA,CAAA6B,aAAa;IAACJ,KAAK,EAAEN;EAAa,CAAE,CAEhC,CACF,CACO,CAAC;AAEnC,CACJ,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/ContentEntryFormProvider.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { FormValidation } from "@webiny/form";
+import { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms-common/types";
+interface SaveEntryOptions {
+    skipValidators?: string[];
+}
+export interface ContentEntryFormContext {
+    entry: Partial<CmsContentEntry>;
+    isDirty: boolean;
+    saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;
+    invalidFields: FormValidation;
+}
+export declare const ContentEntryFormContext: React.Context<ContentEntryFormContext | undefined>;
+export interface SetSaveEntry {
+    (cb: ContentEntryFormContext["saveEntry"]): void;
+}
+interface ContentEntryFormProviderProps {
+    entry: Partial<CmsContentEntry>;
+    model: CmsModel;
+    confirmNavigationIfDirty: boolean;
+    onAfterCreate?: (entry: CmsContentEntry) => void;
+    setSaveEntry?: SetSaveEntry;
+    addItemToListCache?: boolean;
+    children: React.ReactNode;
+}
+export declare const ContentEntryFormProvider: ({ model, entry, children, onAfterCreate, setSaveEntry, addItemToListCache, confirmNavigationIfDirty }: ContentEntryFormProviderProps) => React.JSX.Element;
+export {};