@webiny/app-headless-cms 5.41.1 → 5.41.2-beta.1

package/ContentEntryEditorConfig.d.ts

@@ -80,6 +80,25 @@ export declare const ContentEntryEditorConfig: (({ priority, children }: import(
         } & {
             createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => import("./admin/views/contentEntries/ContentEntry/ContentEntryContext").ContentEntryContext>) => () => import("react").JSX.Element;
         };
+        DefaultLayout: (({ model }: import("./admin/components/ContentEntryForm/DefaultLayout").DefaultLayoutProps) => import("react").JSX.Element) & {
+            original: ({ model }: import("./admin/components/ContentEntryForm/DefaultLayout").DefaultLayoutProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ model }: import("./admin/components/ContentEntryForm/DefaultLayout").DefaultLayoutProps) => import("react").JSX.Element) & {
+                original: ({ model }: import("./admin/components/ContentEntryForm/DefaultLayout").DefaultLayoutProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ model }: import("./admin/components/ContentEntryForm/DefaultLayout").DefaultLayoutProps) => import("react").JSX.Element) & {
+                original: ({ model }: import("./admin/components/ContentEntryForm/DefaultLayout").DefaultLayoutProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => import("react").JSX.Element;
+        };
         ContentEntryForm: (({ entry, persistEntry, onAfterCreate, setSaveEntry, header }: import("./admin/components/ContentEntryForm/ContentEntryForm").ContentEntryFormProps) => import("react").JSX.Element) & {
             original: ({ entry, persistEntry, onAfterCreate, setSaveEntry, header }: import("./admin/components/ContentEntryForm/ContentEntryForm").ContentEntryFormProps) => import("react").JSX.Element;
             originalName: string;

package/ContentEntryEditorConfig.js

@@ -8,6 +8,7 @@ var _dynamicZone = require("./admin/plugins/fieldRenderers/dynamicZone");
 var _ContentEntryForm = require("./admin/components/ContentEntryForm/ContentEntryForm");
 var _ContentEntryFormPreview = require("./admin/components/ContentEntryForm/ContentEntryFormPreview");
 var _useContentEntryForm = require("./admin/components/ContentEntryForm/useContentEntryForm");
+var _DefaultLayout = require("./admin/components/ContentEntryForm/DefaultLayout");
 var _hooks = require("./admin/views/contentEntries/hooks");
 var _ContentEntry = require("./admin/views/contentEntries/ContentEntry");
 var _contentEntries = require("./admin/config/contentEntries");
@@ -16,6 +17,7 @@ var _useSingletonContentEntry = require("./admin/views/contentEntries/hooks/useS
 var ContentEntryEditorConfig = exports.ContentEntryEditorConfig = Object.assign(_contentEntries.ContentEntryEditorConfig, {
   ContentEntry: Object.assign(_ContentEntry.ContentEntry, {
     useContentEntry: _hooks.useContentEntry,
+    DefaultLayout: _DefaultLayout.DefaultLayout,
     ContentEntryForm: Object.assign(_ContentEntryForm.ContentEntryForm, {
       useContentEntryForm: _useContentEntryForm.useContentEntryForm
     }),

package/ContentEntryEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["_dynamicZone","require","_ContentEntryForm","_ContentEntryFormPreview","_useContentEntryForm","_hooks","_ContentEntry","_contentEntries","_SingletonContentEntry","_useSingletonContentEntry","ContentEntryEditorConfig","exports","Object","assign","BaseContentEntryEditorConfig","ContentEntry","useContentEntry","ContentEntryForm","BaseContentEntryForm","useContentEntryForm","ContentEntryFormPreview","SingletonContentEntry","useSingletonContentEntry","FieldRenderers","DynamicZone","Template","useTemplate","Container","DynamicZoneContainer","MultiValue","MultiValueContainer","ItemContainer","MultiValueItemContainer","Item","MultiValueItem","TemplateGallery"],"sources":["ContentEntryEditorConfig.ts"],"sourcesContent":["import {\n    DynamicZoneContainer,\n    MultiValueContainer,\n    MultiValueItemContainer,\n    MultiValueItem,\n    TemplateGallery,\n    useTemplate\n} from \"~/admin/plugins/fieldRenderers/dynamicZone\";\nimport { ContentEntryForm as BaseContentEntryForm } from \"./admin/components/ContentEntryForm/ContentEntryForm\";\nimport { ContentEntryFormPreview } from \"./admin/components/ContentEntryForm/ContentEntryFormPreview\";\nimport { useContentEntryForm } from \"./admin/components/ContentEntryForm/useContentEntryForm\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks\";\nimport { ContentEntry } from \"~/admin/views/contentEntries/ContentEntry\";\nimport { ContentEntryEditorConfig as BaseContentEntryEditorConfig } from \"./admin/config/contentEntries\";\nimport { SingletonContentEntry } from \"~/admin/views/contentEntries/ContentEntry/SingletonContentEntry\";\nimport { useSingletonContentEntry } from \"~/admin/views/contentEntries/hooks/useSingletonContentEntry\";\n\nexport const ContentEntryEditorConfig = Object.assign(BaseContentEntryEditorConfig, {\n    ContentEntry: Object.assign(ContentEntry, {\n        useContentEntry,\n        ContentEntryForm: Object.assign(BaseContentEntryForm, {\n            useContentEntryForm\n        }),\n        ContentEntryFormPreview\n    }),\n    SingletonContentEntry: Object.assign(SingletonContentEntry, {\n        useSingletonContentEntry\n    }),\n    FieldRenderers: {\n        DynamicZone: {\n            Template: {\n                useTemplate\n            },\n            Container: DynamicZoneContainer,\n            // SingleValue: {\n            //     Container: null,\n            //     ItemContainer: null,\n            //     Item: null\n            // },\n            MultiValue: {\n                Container: MultiValueContainer,\n                ItemContainer: MultiValueItemContainer,\n                Item: MultiValueItem\n            },\n            TemplateGallery\n        }\n    }\n});\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AACA,IAAAQ,yBAAA,GAAAR,OAAA;AAEO,IAAMS,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,MAAM,CAACC,MAAM,CAACC,wCAA4B,EAAE;EAChFC,YAAY,EAAEH,MAAM,CAACC,MAAM,CAACE,0BAAY,EAAE;IACtCC,eAAe,EAAfA,sBAAe;IACfC,gBAAgB,EAAEL,MAAM,CAACC,MAAM,CAACK,kCAAoB,EAAE;MAClDC,mBAAmB,EAAnBA;IACJ,CAAC,CAAC;IACFC,uBAAuB,EAAvBA;EACJ,CAAC,CAAC;EACFC,qBAAqB,EAAET,MAAM,CAACC,MAAM,CAACQ,4CAAqB,EAAE;IACxDC,wBAAwB,EAAxBA;EACJ,CAAC,CAAC;EACFC,cAAc,EAAE;IACZC,WAAW,EAAE;MACTC,QAAQ,EAAE;QACNC,WAAW,EAAXA;MACJ,CAAC;MACDC,SAAS,EAAEC,iCAAoB;MAC/B;MACA;MACA;MACA;MACA;MACAC,UAAU,EAAE;QACRF,SAAS,EAAEG,gCAAmB;QAC9BC,aAAa,EAAEC,oCAAuB;QACtCC,IAAI,EAAEC;MACV,CAAC;MACDC,eAAe,EAAfA;IACJ;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_dynamicZone","require","_ContentEntryForm","_ContentEntryFormPreview","_useContentEntryForm","_DefaultLayout","_hooks","_ContentEntry","_contentEntries","_SingletonContentEntry","_useSingletonContentEntry","ContentEntryEditorConfig","exports","Object","assign","BaseContentEntryEditorConfig","ContentEntry","useContentEntry","DefaultLayout","ContentEntryForm","BaseContentEntryForm","useContentEntryForm","ContentEntryFormPreview","SingletonContentEntry","useSingletonContentEntry","FieldRenderers","DynamicZone","Template","useTemplate","Container","DynamicZoneContainer","MultiValue","MultiValueContainer","ItemContainer","MultiValueItemContainer","Item","MultiValueItem","TemplateGallery"],"sources":["ContentEntryEditorConfig.ts"],"sourcesContent":["import {\n    DynamicZoneContainer,\n    MultiValueContainer,\n    MultiValueItemContainer,\n    MultiValueItem,\n    TemplateGallery,\n    useTemplate\n} from \"~/admin/plugins/fieldRenderers/dynamicZone\";\nimport { ContentEntryForm as BaseContentEntryForm } from \"./admin/components/ContentEntryForm/ContentEntryForm\";\nimport { ContentEntryFormPreview } from \"./admin/components/ContentEntryForm/ContentEntryFormPreview\";\nimport { useContentEntryForm } from \"./admin/components/ContentEntryForm/useContentEntryForm\";\nimport { DefaultLayout } from \"~/admin/components/ContentEntryForm/DefaultLayout\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks\";\nimport { ContentEntry } from \"~/admin/views/contentEntries/ContentEntry\";\nimport { ContentEntryEditorConfig as BaseContentEntryEditorConfig } from \"./admin/config/contentEntries\";\nimport { SingletonContentEntry } from \"~/admin/views/contentEntries/ContentEntry/SingletonContentEntry\";\nimport { useSingletonContentEntry } from \"~/admin/views/contentEntries/hooks/useSingletonContentEntry\";\n\nexport const ContentEntryEditorConfig = Object.assign(BaseContentEntryEditorConfig, {\n    ContentEntry: Object.assign(ContentEntry, {\n        useContentEntry,\n        DefaultLayout,\n        ContentEntryForm: Object.assign(BaseContentEntryForm, {\n            useContentEntryForm\n        }),\n        ContentEntryFormPreview\n    }),\n    SingletonContentEntry: Object.assign(SingletonContentEntry, {\n        useSingletonContentEntry\n    }),\n    FieldRenderers: {\n        DynamicZone: {\n            Template: {\n                useTemplate\n            },\n            Container: DynamicZoneContainer,\n            // SingleValue: {\n            //     Container: null,\n            //     ItemContainer: null,\n            //     Item: null\n            // },\n            MultiValue: {\n                Container: MultiValueContainer,\n                ItemContainer: MultiValueItemContainer,\n                Item: MultiValueItem\n            },\n            TemplateGallery\n        }\n    }\n});\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;AACA,IAAAS,yBAAA,GAAAT,OAAA;AAEO,IAAMU,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,MAAM,CAACC,MAAM,CAACC,wCAA4B,EAAE;EAChFC,YAAY,EAAEH,MAAM,CAACC,MAAM,CAACE,0BAAY,EAAE;IACtCC,eAAe,EAAfA,sBAAe;IACfC,aAAa,EAAbA,4BAAa;IACbC,gBAAgB,EAAEN,MAAM,CAACC,MAAM,CAACM,kCAAoB,EAAE;MAClDC,mBAAmB,EAAnBA;IACJ,CAAC,CAAC;IACFC,uBAAuB,EAAvBA;EACJ,CAAC,CAAC;EACFC,qBAAqB,EAAEV,MAAM,CAACC,MAAM,CAACS,4CAAqB,EAAE;IACxDC,wBAAwB,EAAxBA;EACJ,CAAC,CAAC;EACFC,cAAc,EAAE;IACZC,WAAW,EAAE;MACTC,QAAQ,EAAE;QACNC,WAAW,EAAXA;MACJ,CAAC;MACDC,SAAS,EAAEC,iCAAoB;MAC/B;MACA;MACA;MACA;MACA;MACAC,UAAU,EAAE;QACRF,SAAS,EAAEG,gCAAmB;QAC9BC,aAAa,EAAEC,oCAAuB;QACtCC,IAAI,EAAEC;MACV,CAAC;MACDC,eAAe,EAAfA;IACJ;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/BottomInfoBar/BottomInfoBar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface BottomInfoBarProps {
+    loading: boolean;
+    totalCount: number;
+    currentCount: number;
+}
+export declare const BottomInfoBar: (props: BottomInfoBarProps) => React.JSX.Element;
+export {};

package/admin/components/ContentEntries/BottomInfoBar/BottomInfoBar.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomInfoBar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ListMeta = require("./ListMeta");
+var _BottomInfoBar = require("./BottomInfoBar.styled");
+var BottomInfoBar = exports.BottomInfoBar = function BottomInfoBar(props) {
+  return /*#__PURE__*/_react.default.createElement(_BottomInfoBar.BottomInfoBarWrapper, null, /*#__PURE__*/_react.default.createElement(_BottomInfoBar.BottomInfoBarInner, null, /*#__PURE__*/_react.default.createElement(_ListMeta.ListMeta, {
+    loading: props.loading,
+    totalCount: props.totalCount,
+    currentCount: props.currentCount
+  })));
+};
+
+//# sourceMappingURL=BottomInfoBar.js.map

package/admin/components/ContentEntries/BottomInfoBar/BottomInfoBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ListMeta","_BottomInfoBar","BottomInfoBar","exports","props","default","createElement","BottomInfoBarWrapper","BottomInfoBarInner","ListMeta","loading","totalCount","currentCount"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { ListMeta } from \"./ListMeta\";\nimport { BottomInfoBarInner, BottomInfoBarWrapper } from \"./BottomInfoBar.styled\";\n\ninterface BottomInfoBarProps {\n    loading: boolean;\n    totalCount: number;\n    currentCount: number;\n}\n\nexport const BottomInfoBar = (props: BottomInfoBarProps) => {\n    return (\n        <BottomInfoBarWrapper>\n            <BottomInfoBarInner>\n                <ListMeta\n                    loading={props.loading}\n                    totalCount={props.totalCount}\n                    currentCount={props.currentCount}\n                />\n            </BottomInfoBarInner>\n        </BottomInfoBarWrapper>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAQO,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,KAAyB,EAAK;EACxD,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,cAAA,CAAAM,oBAAoB,qBACjBV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,cAAA,CAAAO,kBAAkB,qBACfX,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAS,QAAQ;IACLC,OAAO,EAAEN,KAAK,CAACM,OAAQ;IACvBC,UAAU,EAAEP,KAAK,CAACO,UAAW;IAC7BC,YAAY,EAAER,KAAK,CAACQ;EAAa,CACpC,CACe,CACF,CAAC;AAE/B,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/BottomInfoBar/BottomInfoBar.styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const BottomInfoBarWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BottomInfoBarInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/admin/components/ContentEntries/BottomInfoBar/BottomInfoBar.styled.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomInfoBarWrapper = exports.BottomInfoBarInner = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+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 BottomInfoBarWrapper = exports.BottomInfoBarWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "ezijld81"
+} : {
+  target: "ezijld81",
+  label: "BottomInfoBarWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "12my7vq",
+  styles: "font-size:0.8rem;position:sticky;bottom:0;height:30px;color:var(--mdc-theme-text-secondary-on-background);border-top:1px solid var(--mdc-theme-on-background);background:var(--mdc-theme-surface);width:100%;transform:translateZ(0);overflow:hidden;display:flex;align-items:center;z-index:1"
+} : {
+  name: "12my7vq",
+  styles: "font-size:0.8rem;position:sticky;bottom:0;height:30px;color:var(--mdc-theme-text-secondary-on-background);border-top:1px solid var(--mdc-theme-on-background);background:var(--mdc-theme-surface);width:100%;transform:translateZ(0);overflow:hidden;display:flex;align-items:center;z-index:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJvdHRvbUluZm9CYXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFaUQiLCJmaWxlIjoiQm90dG9tSW5mb0Jhci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21JbmZvQmFyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBmb250LXNpemU6IDAuOHJlbTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIGJvdHRvbTogMDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gICAgY29sb3I6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgei1pbmRleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21JbmZvQmFySW5uZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcGFkZGluZzogMCAxMHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var BottomInfoBarInner = exports.BottomInfoBarInner = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "ezijld80"
+} : {
+  target: "ezijld80",
+  label: "BottomInfoBarInner"
+})(process.env.NODE_ENV === "production" ? {
+  name: "owe4de",
+  styles: "padding:0 10px;width:100%"
+} : {
+  name: "owe4de",
+  styles: "padding:0 10px;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJvdHRvbUluZm9CYXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQitDIiwiZmlsZSI6IkJvdHRvbUluZm9CYXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQm90dG9tSW5mb0JhcldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgZm9udC1zaXplOiAwLjhyZW07XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICBib3R0b206IDA7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICAgIGNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCk7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSk7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHotaW5kZXg6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQm90dG9tSW5mb0JhcklubmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBhZGRpbmc6IDAgMTBweDtcbiAgICB3aWR0aDogMTAwJTtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=BottomInfoBar.styled.js.map

package/admin/components/ContentEntries/BottomInfoBar/BottomInfoBar.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BottomInfoBarWrapper","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","BottomInfoBarInner"],"sources":["BottomInfoBar.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const BottomInfoBarWrapper = styled(\"div\")`\n    font-size: 0.8rem;\n    position: sticky;\n    bottom: 0;\n    height: 30px;\n    color: var(--mdc-theme-text-secondary-on-background);\n    border-top: 1px solid var(--mdc-theme-on-background);\n    background: var(--mdc-theme-surface);\n    width: 100%;\n    transform: translateZ(0);\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    z-index: 1;\n`;\n\nexport const BottomInfoBarInner = styled(\"div\")`\n    padding: 0 10px;\n    width: 100%;\n`;\n"],"mappings":";;;;;;;;;AAEO,IAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,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,EAAAC;AAAA,EAchD;AAEM,IAAMC,kBAAkB,GAAAb,OAAA,CAAAa,kBAAA,gBAAG,IAAAZ,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,EAAAC;AAAA,EAG9C","ignoreList":[]}

package/admin/components/ContentEntries/BottomInfoBar/ListMeta.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ListMetaProps {
+    loading: boolean;
+    currentCount: number;
+    totalCount: number;
+}
+export declare const ListMeta: (props: ListMetaProps) => React.JSX.Element | null;

package/admin/components/ContentEntries/BottomInfoBar/ListMeta.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListMeta = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var ListMeta = exports.ListMeta = function ListMeta(props) {
+  var getLabel = (0, _react.useCallback)(function () {
+    var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    return "".concat(count, " ").concat(count === 1 ? "entry" : "entries");
+  }, []);
+  if (props.loading) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("span", null, "Showing ".concat(props.currentCount, " out of ").concat(getLabel(props.totalCount), "."));
+};
+
+//# sourceMappingURL=ListMeta.js.map

package/admin/components/ContentEntries/BottomInfoBar/ListMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","ListMeta","exports","props","getLabel","useCallback","count","arguments","length","undefined","concat","loading","default","createElement","currentCount","totalCount"],"sources":["ListMeta.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nexport interface ListMetaProps {\n    loading: boolean;\n    currentCount: number;\n    totalCount: number;\n}\n\nexport const ListMeta = (props: ListMetaProps) => {\n    const getLabel = useCallback((count = 0): string => {\n        return `${count} ${count === 1 ? \"entry\" : \"entries\"}`;\n    }, []);\n\n    if (props.loading) {\n        return null;\n    }\n\n    return <span>{`Showing ${props.currentCount} out of ${getLabel(props.totalCount)}.`}</span>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAIE,KAAoB,EAAK;EAC9C,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAuB;IAAA,IAAtBC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;IACnC,UAAAG,MAAA,CAAUJ,KAAK,OAAAI,MAAA,CAAIJ,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,SAAS;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIH,KAAK,CAACQ,OAAO,EAAE;IACf,OAAO,IAAI;EACf;EAEA,oBAAOb,MAAA,CAAAc,OAAA,CAAAC,aAAA,0BAAAH,MAAA,CAAkBP,KAAK,CAACW,YAAY,cAAAJ,MAAA,CAAWN,QAAQ,CAACD,KAAK,CAACY,UAAU,CAAC,MAAU,CAAC;AAC/F,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/BottomInfoBar/index.d.ts

@@ -0,0 +1 @@
+export * from "./BottomInfoBar";

package/admin/components/ContentEntries/BottomInfoBar/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _BottomInfoBar = require("./BottomInfoBar");
+Object.keys(_BottomInfoBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BottomInfoBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _BottomInfoBar[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/admin/components/ContentEntries/BottomInfoBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_BottomInfoBar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./BottomInfoBar\";\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/admin/components/ContentEntries/LoadingMore/styled.js

@@ -13,12 +13,12 @@ var Container = exports.Container = /*#__PURE__*/(0, _base.default)("div", proce
   target: "egmxsmg1",
   label: "Container"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1b0gox8",
-  styles: "position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:40px;background-color:var(--mdc-theme-background);border-top:1px solid var(--mdc-theme-on-background)"
+  name: "i4quem",
+  styles: "position:absolute;bottom:0;left:0;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;height:40px;background-color:var(--mdc-theme-background);border-top:1px solid var(--mdc-theme-on-background)"
 } : {
-  name: "1b0gox8",
-  styles: "position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:40px;background-color:var(--mdc-theme-background);border-top:1px solid var(--mdc-theme-on-background)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXNDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogNDBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDUwcHg7XG4gICAgPiBkaXYge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgfVxuYDtcbiJdfQ== */",
+  name: "i4quem",
+  styles: "position:absolute;bottom:0;left:0;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;height:40px;background-color:var(--mdc-theme-background);border-top:1px solid var(--mdc-theme-on-background)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXNDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogMjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKTtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogNTBweDtcbiAgICA+IGRpdiB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKTtcbiAgICB9XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var LoaderContainer = exports.LoaderContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -32,7 +32,7 @@ var LoaderContainer = exports.LoaderContainer = /*#__PURE__*/(0, _base.default)(
 } : {
   name: "1rmgu8f",
   styles: "display:flex;position:relative;width:50px;>div{background-color:var(--mdc-theme-background);}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTRDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogNDBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDUwcHg7XG4gICAgPiBkaXYge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgfVxuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I0QyIsImZpbGUiOiJzdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogNDBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDUwcHg7XG4gICAgPiBkaXYge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 

package/admin/components/ContentEntries/LoadingMore/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","LoaderContainer"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    background-color: var(--mdc-theme-background);\n    border-top: 1px solid var(--mdc-theme-on-background);\n`;\n\nexport const LoaderContainer = styled(\"div\")`\n    display: flex;\n    position: relative;\n    width: 50px;\n    > div {\n        background-color: var(--mdc-theme-background);\n    }\n`;\n"],"mappings":";;;;;;;;;AAEO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,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,EAAAC;AAAA,EAWrC;AAEM,IAAMC,eAAe,GAAAb,OAAA,CAAAa,eAAA,gBAAG,IAAAZ,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,EAAAC;AAAA,EAO3C","ignoreList":[]}
+{"version":3,"names":["Container","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","LoaderContainer"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    background-color: var(--mdc-theme-background);\n    border-top: 1px solid var(--mdc-theme-on-background);\n`;\n\nexport const LoaderContainer = styled(\"div\")`\n    display: flex;\n    position: relative;\n    width: 50px;\n    > div {\n        background-color: var(--mdc-theme-background);\n    }\n`;\n"],"mappings":";;;;;;;;;AAEO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,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,EAAAC;AAAA,EAYrC;AAEM,IAAMC,eAAe,GAAAb,OAAA,CAAAa,eAAA,gBAAG,IAAAZ,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,EAAAC;AAAA,EAO3C","ignoreList":[]}

package/admin/components/ContentEntries/Table/index.js

@@ -8,6 +8,7 @@ exports.Table = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _appAco = require("@webiny/app-aco");
 var _hooks = require("../../../hooks");
+var _styled = require("./styled");
 var BaseTable = function BaseTable(_, ref) {
   var _useModel = (0, _hooks.useModel)(),
     model = _useModel.model;
@@ -15,7 +16,7 @@ var BaseTable = function BaseTable(_, ref) {
   var data = (0, _react.useMemo)(function () {
     return list.folders.concat(list.records);
   }, [list.folders, list.records]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_styled.TableContainer, {
     ref: ref
   }, /*#__PURE__*/_react.default.createElement(_appAco.Table, {
     data: data,

package/admin/components/ContentEntries/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAco","_hooks","BaseTable","_","ref","_useModel","useModel","model","list","useContentEntriesList","data","useMemo","folders","concat","records","default","createElement","Table","nameColumnId","titleFieldId","namespace","modelId","loading","isListLoading","onSortingChange","setSorting","sorting","onSelectRow","selected","exports","React","forwardRef","displayName"],"sources":["index.tsx"],"sourcesContent":["import React, { ForwardRefRenderFunction, useMemo } from \"react\";\nimport { Table as AcoTable } from \"@webiny/app-aco\";\nimport { useContentEntriesList, useModel } from \"~/admin/hooks\";\nimport { TableItem } from \"~/types\";\n\nconst BaseTable: ForwardRefRenderFunction<HTMLDivElement> = (_, ref) => {\n    const { model } = useModel();\n    const list = useContentEntriesList();\n\n    const data = useMemo<TableItem[]>(() => {\n        return (list.folders as TableItem[]).concat(list.records as TableItem[]);\n    }, [list.folders, list.records]);\n\n    return (\n        <div ref={ref}>\n            <AcoTable<TableItem>\n                data={data}\n                nameColumnId={model.titleFieldId || \"id\"}\n                namespace={`cms.${model.modelId}`}\n                loading={list.isListLoading}\n                onSortingChange={list.setSorting}\n                sorting={list.sorting}\n                onSelectRow={list.onSelectRow}\n                selected={list.selected}\n            />\n        </div>\n    );\n};\n\nexport const Table = React.forwardRef<HTMLDivElement>(BaseTable);\nTable.displayName = \"Table\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAMG,SAAmD,GAAG,SAAtDA,SAAmDA,CAAIC,CAAC,EAAEC,GAAG,EAAK;EACpE,IAAAC,SAAA,GAAkB,IAAAC,eAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EACb,IAAMC,IAAI,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAEpC,IAAMC,IAAI,GAAG,IAAAC,cAAO,EAAc,YAAM;IACpC,OAAQH,IAAI,CAACI,OAAO,CAAiBC,MAAM,CAACL,IAAI,CAACM,OAAsB,CAAC;EAC5E,CAAC,EAAE,CAACN,IAAI,CAACI,OAAO,EAAEJ,IAAI,CAACM,OAAO,CAAC,CAAC;EAEhC,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA;IAAKZ,GAAG,EAAEA;EAAI,gBACVP,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAiB,KAAQ;IACLP,IAAI,EAAEA,IAAK;IACXQ,YAAY,EAAEX,KAAK,CAACY,YAAY,IAAI,IAAK;IACzCC,SAAS,SAAAP,MAAA,CAASN,KAAK,CAACc,OAAO,CAAG;IAClCC,OAAO,EAAEd,IAAI,CAACe,aAAc;IAC5BC,eAAe,EAAEhB,IAAI,CAACiB,UAAW;IACjCC,OAAO,EAAElB,IAAI,CAACkB,OAAQ;IACtBC,WAAW,EAAEnB,IAAI,CAACmB,WAAY;IAC9BC,QAAQ,EAAEpB,IAAI,CAACoB;EAAS,CAC3B,CACA,CAAC;AAEd,CAAC;AAEM,IAAMX,KAAK,GAAAY,OAAA,CAAAZ,KAAA,gBAAGa,cAAK,CAACC,UAAU,CAAiB7B,SAAS,CAAC;AAChEe,KAAK,CAACe,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAco","_hooks","_styled","BaseTable","_","ref","_useModel","useModel","model","list","useContentEntriesList","data","useMemo","folders","concat","records","default","createElement","TableContainer","Table","nameColumnId","titleFieldId","namespace","modelId","loading","isListLoading","onSortingChange","setSorting","sorting","onSelectRow","selected","exports","React","forwardRef","displayName"],"sources":["index.tsx"],"sourcesContent":["import React, { ForwardRefRenderFunction, useMemo } from \"react\";\nimport { Table as AcoTable } from \"@webiny/app-aco\";\nimport { useContentEntriesList, useModel } from \"~/admin/hooks\";\nimport { TableItem } from \"~/types\";\nimport { TableContainer } from \"./styled\";\n\nconst BaseTable: ForwardRefRenderFunction<HTMLDivElement> = (_, ref) => {\n    const { model } = useModel();\n    const list = useContentEntriesList();\n\n    const data = useMemo<TableItem[]>(() => {\n        return (list.folders as TableItem[]).concat(list.records as TableItem[]);\n    }, [list.folders, list.records]);\n\n    return (\n        <TableContainer ref={ref}>\n            <AcoTable<TableItem>\n                data={data}\n                nameColumnId={model.titleFieldId || \"id\"}\n                namespace={`cms.${model.modelId}`}\n                loading={list.isListLoading}\n                onSortingChange={list.setSorting}\n                sorting={list.sorting}\n                onSelectRow={list.onSelectRow}\n                selected={list.selected}\n            />\n        </TableContainer>\n    );\n};\n\nexport const Table = React.forwardRef<HTMLDivElement>(BaseTable);\nTable.displayName = \"Table\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAMI,SAAmD,GAAG,SAAtDA,SAAmDA,CAAIC,CAAC,EAAEC,GAAG,EAAK;EACpE,IAAAC,SAAA,GAAkB,IAAAC,eAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EACb,IAAMC,IAAI,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAEpC,IAAMC,IAAI,GAAG,IAAAC,cAAO,EAAc,YAAM;IACpC,OAAQH,IAAI,CAACI,OAAO,CAAiBC,MAAM,CAACL,IAAI,CAACM,OAAsB,CAAC;EAC5E,CAAC,EAAE,CAACN,IAAI,CAACI,OAAO,EAAEJ,IAAI,CAACM,OAAO,CAAC,CAAC;EAEhC,oBACIlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAgB,cAAc;IAACb,GAAG,EAAEA;EAAI,gBACrBR,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAmB,KAAQ;IACLR,IAAI,EAAEA,IAAK;IACXS,YAAY,EAAEZ,KAAK,CAACa,YAAY,IAAI,IAAK;IACzCC,SAAS,SAAAR,MAAA,CAASN,KAAK,CAACe,OAAO,CAAG;IAClCC,OAAO,EAAEf,IAAI,CAACgB,aAAc;IAC5BC,eAAe,EAAEjB,IAAI,CAACkB,UAAW;IACjCC,OAAO,EAAEnB,IAAI,CAACmB,OAAQ;IACtBC,WAAW,EAAEpB,IAAI,CAACoB,WAAY;IAC9BC,QAAQ,EAAErB,IAAI,CAACqB;EAAS,CAC3B,CACW,CAAC;AAEzB,CAAC;AAEM,IAAMX,KAAK,GAAAY,OAAA,CAAAZ,KAAA,gBAAGa,cAAK,CAACC,UAAU,CAAiB9B,SAAS,CAAC;AAChEgB,KAAK,CAACe,WAAW,GAAG,OAAO","ignoreList":[]}

package/admin/components/ContentEntries/Table/styled.d.ts

@@ -1,4 +1,5 @@
-export declare const ListItemGraphic: import("@emotion/styled").StyledComponent<import("@webiny/ui/List").ListItemGraphicProps & {
+/// <reference types="react" />
+export declare const TableContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const menuStyles: string;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/admin/components/ContentEntries/Table/styled.js

@@ -4,25 +4,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.menuStyles = exports.ListItemGraphic = void 0;
+exports.TableContainer = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _emotion = require("emotion");
-var _List = require("@webiny/ui/List");
 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 ListItemGraphic = exports.ListItemGraphic = /*#__PURE__*/(0, _base.default)(_List.ListItemGraphic, process.env.NODE_ENV === "production" ? {
+var TableContainer = exports.TableContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e1xtlbhj0"
 } : {
   target: "e1xtlbhj0",
-  label: "ListItemGraphic"
+  label: "TableContainer"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1oe3wkc",
-  styles: "margin-right:25px"
+  name: "7xlkjs",
+  styles: "margin-bottom:31px"
 } : {
-  name: "1oe3wkc",
-  styles: "margin-right:25px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzBEIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5cbmltcG9ydCB7IExpc3RJdGVtR3JhcGhpYyBhcyBMaXN0SXRlbUdyYXBoaWNCYXNlIH0gZnJvbSBcIkB3ZWJpbnkvdWkvTGlzdFwiO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1HcmFwaGljID0gc3R5bGVkKExpc3RJdGVtR3JhcGhpY0Jhc2UpYFxuICAgIG1hcmdpbi1yaWdodDogMjVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGVzID0gY3NzKGBcbiAgICB3aWR0aDogMjAwcHg7XG5gKTtcbiJdfQ== */",
+  name: "7xlkjs",
+  styles: "margin-bottom:31px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXdDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBtYXJnaW4tYm90dG9tOiAzMXB4O1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var menuStyles = exports.menuStyles = (0, _emotion.css)("\n    width: 200px;\n");
 
 //# sourceMappingURL=styled.js.map

package/admin/components/ContentEntries/Table/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_emotion","require","_List","_EMOTION_STRINGIFIED_CSS_ERROR__","ListItemGraphic","exports","_base","default","ListItemGraphicBase","process","env","NODE_ENV","target","label","name","styles","map","toString","menuStyles","css"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nimport { ListItemGraphic as ListItemGraphicBase } from \"@webiny/ui/List\";\n\nexport const ListItemGraphic = styled(ListItemGraphicBase)`\n    margin-right: 25px;\n`;\n\nexport const menuStyles = css(`\n    width: 200px;\n`);\n"],"mappings":";;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAAyE,SAAAE,iCAAA;AAElE,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAOC,qBAAmB,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,EAAAd;AAAA,EAEzD;AAEM,IAAMe,UAAU,GAAAb,OAAA,CAAAa,UAAA,GAAG,IAAAC,YAAG,yBAE5B,CAAC","ignoreList":[]}
+{"version":3,"names":["TableContainer","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const TableContainer = styled.div`\n    margin-bottom: 31px;\n`;\n"],"mappings":";;;;;;;;;AAEO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,oBAAAE,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAE1B","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { FormValidation } from "@webiny/form";
+import { FormInvalidFields } from "@webiny/form";
 import { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms-common/types";
 import { CreateEntryResponse, UpdateEntryRevisionResponse } from "../../contexts/Cms";
 interface SaveEntryOptions {
@@ -9,7 +9,7 @@ interface SaveEntryOptions {
 export interface ContentEntryFormContext {
     entry: Partial<CmsContentEntry>;
     saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;
-    invalidFields: FormValidation;
+    invalidFields: FormInvalidFields;
 }
 export declare const ContentEntryFormContext: React.Context<ContentEntryFormContext | undefined>;
 export interface SetSaveEntry {

package/admin/components/ContentEntryForm/ContentEntryFormProvider.js

@@ -9,7 +9,7 @@ exports.ContentEntryFormProvider = exports.ContentEntryFormContext = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _reactRouter = require("@webiny/react-router");
@@ -20,7 +20,7 @@ var promptMessage = "There are some unsaved changes! Are you sure you want to na
 var ContentEntryFormContext = exports.ContentEntryFormContext = /*#__PURE__*/_react.default.createContext(undefined);
 var formValidationToMap = function formValidationToMap(invalidFields) {
   return Object.keys(invalidFields).reduce(function (acc, key) {
-    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, key, invalidFields[key].message));
+    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, acc), {}, (0, _defineProperty2.default)({}, key, invalidFields[key].message || "Value is invalid."));
   }, {});
 };
 var ContentEntryFormProvider = exports.ContentEntryFormProvider = function ContentEntryFormProvider(_ref) {
@@ -55,7 +55,7 @@ var ContentEntryFormProvider = exports.ContentEntryFormProvider = function Conte
     var formData = (0, _pick.default)(data, (0, _toConsumableArray2.default)(fieldsIds));
     var gqlData = (0, _appHeadlessCmsCommon.prepareFormData)(formData, model.fields);
     var isNewEntry = data.id === undefined;
-    var _await$persistEntry = await persistEntry((0, _objectSpread3.default)({
+    var _await$persistEntry = await persistEntry((0, _objectSpread4.default)({
         id: data.id
       }, gqlData), {
         skipValidators: saveOptionsRef.current.skipValidators,
@@ -64,8 +64,13 @@ var ContentEntryFormProvider = exports.ContentEntryFormProvider = function Conte
       entry = _await$persistEntry.entry,
       error = _await$persistEntry.error;
     if (error) {
+      if (error.code === "VALIDATION_FAILED") {
+        var errors = error.data || [];
+        setInvalidFields(errors.reduce(function (acc, item) {
+          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.fieldId, item.error));
+        }, {}));
+      }
       showSnackbar(error.message);
-      setInvalidFields(error.data);
       return;
     }
     showSnackbar("Entry saved successfully!");
@@ -91,6 +96,7 @@ var ContentEntryFormProvider = exports.ContentEntryFormProvider = function Conte
     onSubmit: onFormSubmit,
     data: entry,
     ref: ref,
+    validateOnFirstSubmit: true,
     invalidFields: invalidFields,
     onInvalid: function onInvalid(invalidFields) {
       setInvalidFields(formValidationToMap(invalidFields));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_pick","_interopRequireDefault","_reactRouter","_form","_appAdmin","_appHeadlessCmsCommon","promptMessage","ContentEntryFormContext","exports","React","createContext","undefined","formValidationToMap","invalidFields","Object","keys","reduce","acc","key","_objectSpread3","default","_defineProperty2","message","ContentEntryFormProvider","_ref","model","entry","children","persistEntry","onAfterCreate","setSaveEntry","confirmNavigationIfDirty","ref","useRef","_useState","useState","_useState2","_slicedToArray2","setInvalidFields","_useSnackbar","useSnackbar","showSnackbar","saveOptionsRef","skipValidators","saveEntry","useCallback","options","arguments","length","current","submit","onFormSubmit","data","fieldsIds","fields","map","item","fieldId","formData","pick","_toConsumableArray2","gqlData","prepareFormData","isNewEntry","id","_await$persistEntry","createNewRevision","meta","locked","error","isNewRevision","Promise","resolve","setTimeout","useEffect","createElement","Form","onSubmit","onInvalid","formProps","context","Provider","value","CompositionScope","name","Prompt","when","form","isPristine"],"sources":["ContentEntryFormProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport pick from \"lodash/pick\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { Form, FormAPI, FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { CompositionScope, useSnackbar } from \"@webiny/app-admin\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport { CreateEntryResponse, UpdateEntryRevisionResponse } from \"~/admin/contexts/Cms\";\n\nconst promptMessage =\n    \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\";\n\ninterface SaveEntryOptions {\n    skipValidators?: string[];\n    createNewRevision?: boolean;\n}\n\nexport interface ContentEntryFormContext {\n    entry: Partial<CmsContentEntry>;\n    saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;\n    invalidFields: FormValidation;\n}\n\nexport const ContentEntryFormContext = React.createContext<ContentEntryFormContext | undefined>(\n    undefined\n);\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\nexport interface SetSaveEntry {\n    (cb: ContentEntryFormContext[\"saveEntry\"]): void;\n}\n\nexport interface PersistEntry {\n    (entry: Partial<CmsContentEntry>, options?: SaveEntryOptions): Promise<\n        CreateEntryResponse | UpdateEntryRevisionResponse\n    >;\n}\n\ninterface ContentEntryFormProviderProps {\n    entry: Partial<CmsContentEntry>;\n    model: CmsModel;\n    persistEntry: PersistEntry;\n    confirmNavigationIfDirty: boolean;\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    setSaveEntry?: SetSaveEntry;\n    children: React.ReactNode;\n}\n\nconst formValidationToMap = (invalidFields: FormValidation) => {\n    return Object.keys(invalidFields).reduce(\n        (acc, key) => ({ ...acc, [key]: invalidFields[key].message }),\n        {} as Record<string, string | undefined>\n    );\n};\n\nexport const ContentEntryFormProvider = ({\n    model,\n    entry,\n    children,\n    persistEntry,\n    onAfterCreate,\n    setSaveEntry,\n    confirmNavigationIfDirty\n}: ContentEntryFormProviderProps) => {\n    const ref = useRef<FormAPI<CmsContentEntry> | null>(null);\n    const [invalidFields, setInvalidFields] = useState({});\n    const { showSnackbar } = useSnackbar();\n    const saveOptionsRef = useRef<SaveEntryOptions>({ skipValidators: undefined });\n\n    const saveEntry = useCallback(async (options: SaveEntryOptions = {}) => {\n        saveOptionsRef.current.skipValidators = options.skipValidators;\n\n        return ref.current!.submit(undefined, {\n            skipValidators: options.skipValidators\n        }) as unknown as Promise<CmsContentEntry | null>;\n    }, []);\n\n    const onFormSubmit: FormOnSubmit<CmsContentEntry> = async data => {\n        const fieldsIds = model.fields.map(item => item.fieldId);\n        const formData = pick(data, [...fieldsIds]);\n\n        const gqlData = prepareFormData(formData, model.fields) as Partial<CmsContentEntry>;\n        const isNewEntry = data.id === undefined;\n\n        const { entry, error } = await persistEntry(\n            { id: data.id, ...gqlData },\n            {\n                skipValidators: saveOptionsRef.current.skipValidators,\n                createNewRevision: data.meta?.locked\n            }\n        );\n\n        if (error) {\n            showSnackbar(error.message);\n            setInvalidFields(error.data as InvalidFieldError[]);\n            return;\n        }\n\n        showSnackbar(\"Entry saved successfully!\");\n        setInvalidFields({});\n\n        const isNewRevision = !isNewEntry && data.id !== entry.id;\n\n        if ((isNewEntry || isNewRevision) && onAfterCreate) {\n            // We need a timeout to let the Prompt component update.\n            await new Promise<void>(resolve => {\n                setTimeout(() => {\n                    onAfterCreate(entry);\n                    resolve();\n                }, 50);\n            });\n        }\n\n        return entry;\n    };\n\n    useEffect(() => {\n        if (typeof setSaveEntry === \"function\") {\n            setSaveEntry(saveEntry);\n        }\n    }, [setSaveEntry]);\n\n    return (\n        <Form<CmsContentEntry>\n            onSubmit={onFormSubmit}\n            data={entry}\n            ref={ref}\n            invalidFields={invalidFields}\n            onInvalid={invalidFields => {\n                setInvalidFields(formValidationToMap(invalidFields));\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                const context: ContentEntryFormContext = {\n                    entry: formProps.data,\n                    saveEntry,\n                    invalidFields\n                };\n                return (\n                    <ContentEntryFormContext.Provider value={context}>\n                        {confirmNavigationIfDirty ? (\n                            <CompositionScope name={\"cms.contentEntryForm\"}>\n                                <Prompt when={!formProps.form.isPristine} message={promptMessage} />\n                            </CompositionScope>\n                        ) : null}\n                        {children}\n                    </ContentEntryFormContext.Provider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_pick","_interopRequireDefault","_reactRouter","_form","_appAdmin","_appHeadlessCmsCommon","promptMessage","ContentEntryFormContext","exports","React","createContext","undefined","formValidationToMap","invalidFields","Object","keys","reduce","acc","key","_objectSpread4","default","_defineProperty2","message","ContentEntryFormProvider","_ref","model","entry","children","persistEntry","onAfterCreate","setSaveEntry","confirmNavigationIfDirty","ref","useRef","_useState","useState","_useState2","_slicedToArray2","setInvalidFields","_useSnackbar","useSnackbar","showSnackbar","saveOptionsRef","skipValidators","saveEntry","useCallback","options","arguments","length","current","submit","onFormSubmit","data","fieldsIds","fields","map","item","fieldId","formData","pick","_toConsumableArray2","gqlData","prepareFormData","isNewEntry","id","_await$persistEntry","createNewRevision","meta","locked","error","code","errors","isNewRevision","Promise","resolve","setTimeout","useEffect","createElement","Form","onSubmit","validateOnFirstSubmit","onInvalid","formProps","context","Provider","value","CompositionScope","name","Prompt","when","form","isPristine"],"sources":["ContentEntryFormProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport pick from \"lodash/pick\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { Form, FormAPI, FormOnSubmit, FormValidation, FormInvalidFields } from \"@webiny/form\";\nimport { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { CompositionScope, useSnackbar } from \"@webiny/app-admin\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport { CreateEntryResponse, UpdateEntryRevisionResponse } from \"~/admin/contexts/Cms\";\n\nconst promptMessage =\n    \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\";\n\ninterface SaveEntryOptions {\n    skipValidators?: string[];\n    createNewRevision?: boolean;\n}\n\nexport interface ContentEntryFormContext {\n    entry: Partial<CmsContentEntry>;\n    saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;\n    invalidFields: FormInvalidFields;\n}\n\nexport const ContentEntryFormContext = React.createContext<ContentEntryFormContext | undefined>(\n    undefined\n);\n\nexport interface SetSaveEntry {\n    (cb: ContentEntryFormContext[\"saveEntry\"]): void;\n}\n\nexport interface PersistEntry {\n    (entry: Partial<CmsContentEntry>, options?: SaveEntryOptions): Promise<\n        CreateEntryResponse | UpdateEntryRevisionResponse\n    >;\n}\n\ninterface ContentEntryFormProviderProps {\n    entry: Partial<CmsContentEntry>;\n    model: CmsModel;\n    persistEntry: PersistEntry;\n    confirmNavigationIfDirty: boolean;\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    setSaveEntry?: SetSaveEntry;\n    children: React.ReactNode;\n}\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\nconst formValidationToMap = (invalidFields: FormValidation): FormInvalidFields => {\n    return Object.keys(invalidFields).reduce(\n        (acc, key) => ({ ...acc, [key]: invalidFields[key].message || \"Value is invalid.\" }),\n        {} as FormInvalidFields\n    );\n};\n\nexport const ContentEntryFormProvider = ({\n    model,\n    entry,\n    children,\n    persistEntry,\n    onAfterCreate,\n    setSaveEntry,\n    confirmNavigationIfDirty\n}: ContentEntryFormProviderProps) => {\n    const ref = useRef<FormAPI<CmsContentEntry> | null>(null);\n    const [invalidFields, setInvalidFields] = useState<FormInvalidFields>({});\n    const { showSnackbar } = useSnackbar();\n    const saveOptionsRef = useRef<SaveEntryOptions>({ skipValidators: undefined });\n\n    const saveEntry = useCallback(async (options: SaveEntryOptions = {}) => {\n        saveOptionsRef.current.skipValidators = options.skipValidators;\n\n        return ref.current!.submit(undefined, {\n            skipValidators: options.skipValidators\n        }) as unknown as Promise<CmsContentEntry | null>;\n    }, []);\n\n    const onFormSubmit: FormOnSubmit<CmsContentEntry> = async data => {\n        const fieldsIds = model.fields.map(item => item.fieldId);\n        const formData = pick(data, [...fieldsIds]);\n\n        const gqlData = prepareFormData(formData, model.fields) as Partial<CmsContentEntry>;\n        const isNewEntry = data.id === undefined;\n\n        const { entry, error } = await persistEntry(\n            { id: data.id, ...gqlData },\n            {\n                skipValidators: saveOptionsRef.current.skipValidators,\n                createNewRevision: data.meta?.locked\n            }\n        );\n\n        if (error) {\n            if (error.code === \"VALIDATION_FAILED\") {\n                const errors: InvalidFieldError[] = error.data || [];\n\n                setInvalidFields(\n                    errors.reduce((acc, item) => ({ ...acc, [item.fieldId]: item.error }), {})\n                );\n            }\n            showSnackbar(error.message);\n\n            return;\n        }\n\n        showSnackbar(\"Entry saved successfully!\");\n        setInvalidFields({});\n\n        const isNewRevision = !isNewEntry && data.id !== entry.id;\n\n        if ((isNewEntry || isNewRevision) && onAfterCreate) {\n            // We need a timeout to let the Prompt component update.\n            await new Promise<void>(resolve => {\n                setTimeout(() => {\n                    onAfterCreate(entry);\n                    resolve();\n                }, 50);\n            });\n        }\n\n        return entry;\n    };\n\n    useEffect(() => {\n        if (typeof setSaveEntry === \"function\") {\n            setSaveEntry(saveEntry);\n        }\n    }, [setSaveEntry]);\n\n    return (\n        <Form<CmsContentEntry>\n            onSubmit={onFormSubmit}\n            data={entry}\n            ref={ref}\n            validateOnFirstSubmit\n            invalidFields={invalidFields}\n            onInvalid={invalidFields => {\n                setInvalidFields(formValidationToMap(invalidFields));\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                const context: ContentEntryFormContext = {\n                    entry: formProps.data,\n                    saveEntry,\n                    invalidFields\n                };\n                return (\n                    <ContentEntryFormContext.Provider value={context}>\n                        {confirmNavigationIfDirty ? (\n                            <CompositionScope name={\"cms.contentEntryForm\"}>\n                                <Prompt when={!formProps.form.isPristine} message={promptMessage} />\n                            </CompositionScope>\n                        ) : null}\n                        {children}\n                    </ContentEntryFormContext.Provider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,24 @@
 import React from "react";
 import { CmsModel } from "@webiny/app-headless-cms-common/types";
-interface DefaultLayoutProps {
+export interface DefaultLayoutProps {
     model: CmsModel;
 }
-export declare const DefaultLayout: ({ model }: DefaultLayoutProps) => React.JSX.Element;
-export {};
+export declare const DefaultLayout: (({ model }: DefaultLayoutProps) => React.JSX.Element) & {
+    original: ({ model }: DefaultLayoutProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ model }: DefaultLayoutProps) => React.JSX.Element) & {
+        original: ({ model }: DefaultLayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ model }: DefaultLayoutProps) => React.JSX.Element) & {
+        original: ({ model }: DefaultLayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/components/ContentEntryForm/DefaultLayout.js

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DefaultLayout = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
 var _form = require("@webiny/form");
 var _Fields = require("./Fields");
-var DefaultLayout = exports.DefaultLayout = function DefaultLayout(_ref) {
+var DefaultLayout = exports.DefaultLayout = (0, _appAdmin.makeDecoratable)("DefaultLayout", function (_ref) {
   var model = _ref.model;
   return /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
     contentModel: model,
@@ -22,6 +23,6 @@ var DefaultLayout = exports.DefaultLayout = function DefaultLayout(_ref) {
     ,
     Bind: _form.Bind
   });
-};
+});
 
 //# sourceMappingURL=DefaultLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Fields","DefaultLayout","exports","_ref","model","default","createElement","Fields","contentModel","fields","layout","Bind"],"sources":["DefaultLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\n\ninterface DefaultLayoutProps {\n    model: CmsModel;\n}\n\nexport const DefaultLayout = ({ model }: DefaultLayoutProps) => {\n    return (\n        <Fields\n            contentModel={model}\n            fields={model.fields || []}\n            layout={model.layout || []}\n            /**\n             * TODO @ts-refactor\n             * Figure out type for Bind.\n             */\n            // @ts-expect-error\n            Bind={Bind}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAMO,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA,EAAsC;EAAA,IAAhCC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACjC,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,MAAM;IACHC,YAAY,EAAEJ,KAAM;IACpBK,MAAM,EAAEL,KAAK,CAACK,MAAM,IAAI,EAAG;IAC3BC,MAAM,EAAEN,KAAK,CAACM,MAAM,IAAI;IACxB;AACZ;AACA;AACA;IACY;IAAA;IACAC,IAAI,EAAEA;EAAK,CACd,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_form","_Fields","DefaultLayout","exports","makeDecoratable","_ref","model","default","createElement","Fields","contentModel","fields","layout","Bind"],"sources":["DefaultLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\nimport { CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\n\nexport interface DefaultLayoutProps {\n    model: CmsModel;\n}\n\nexport const DefaultLayout = makeDecoratable(\"DefaultLayout\", ({ model }: DefaultLayoutProps) => {\n    return (\n        <Fields\n            contentModel={model}\n            fields={model.fields || []}\n            layout={model.layout || []}\n            /**\n             * TODO @ts-refactor\n             * Figure out type for Bind.\n             */\n            // @ts-expect-error\n            Bind={Bind}\n        />\n    );\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAMO,IAAMI,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,yBAAe,EAAC,eAAe,EAAE,UAAAC,IAAA,EAAmC;EAAA,IAAhCC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAClE,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAQ,MAAM;IACHC,YAAY,EAAEJ,KAAM;IACpBK,MAAM,EAAEL,KAAK,CAACK,MAAM,IAAI,EAAG;IAC3BC,MAAM,EAAEN,KAAK,CAACM,MAAM,IAAI;IACxB;AACZ;AACA;AACA;IACY;IAAA;IACAC,IAAI,EAAEA;EAAK,CACd,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/useBind.js

@@ -38,15 +38,19 @@ function useBind(_ref) {
     var listValidators = (0, _createValidators.createValidators)(field, field.listValidation || emptyValidators);
     var isMultipleValues = index === -1 && field.multipleValues;
     var inputValidators = isMultipleValues ? listValidators : validators;
+
+    // We only use default values for single-value fields.
+    var defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;
     memoizedBindComponents.current[componentId] = function UseBind(params) {
       var childName = params.name,
         childValidators = params.validators,
         children = params.children,
-        defaultValue = params.defaultValue;
+        _params$defaultValue = params.defaultValue,
+        defaultValue = _params$defaultValue === void 0 ? defaultValueFromSettings : _params$defaultValue;
       return /*#__PURE__*/_react.default.createElement(Bind, {
         name: childName || name,
         validators: childValidators || inputValidators,
-        defaultValue: !isMultipleValues ? defaultValue : null
+        defaultValue: defaultValue ?? null
       }, function (bind) {
         // Multiple-values functions below.
         var props = (0, _objectSpread2.default)({}, bind);
@@ -68,7 +72,7 @@ function useBind(_ref) {
             }
             var value = bind.value;
             value = [].concat((0, _toConsumableArray2.default)(value.slice(0, index)), (0, _toConsumableArray2.default)(value.slice(index + 1)));
-            bind.onChange(value);
+            bind.onChange(value.length === 0 ? null : value);
 
             // To make sure the field is still valid, we must trigger validation.
             form.validateInput(field.fieldId);