@webiny/app-headless-cms 0.0.0-unstable.9e825fd5fb → 0.0.0-unstable.ad3a7a4920

package/admin/components/Dialog.js

@@ -24,5 +24,5 @@ Object.keys(_Dialog).forEach(function (key) {
 var Dialog = /*#__PURE__*/(0, _styled.default)(_Dialog.Dialog, {
   label: "Dialog",
   target: "e1q5k1p00"
-})(".mdc-dialog__surface{width:600px;min-width:600px;overflow:initial;}.mdc-dialog__content{overflow:initial !important;.mdc-list:first-of-type{padding:0;}}");
+})(".mdc-dialog__surface{width:600px;min-width:600px;overflow:initial;}.mdc-dialog__content{overflow:auto;.mdc-list:first-of-type{padding:0;}}");
 exports.Dialog = Dialog;

package/admin/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dialog","styled","BaseDialog"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"@webiny/ui/Dialog\";\nexport * from \"@webiny/ui/Dialog\";\n\nexport const Dialog = styled(BaseDialog)`\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n        overflow: initial;\n    }\n\n    .mdc-dialog__content {\n        overflow: initial !important;\n        .mdc-list:first-of-type {\n            padding: 0;\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEO,IAAMA,MAAM,oBAAGC,eAAM,EAACC,cAAU;EAAA;EAAA;AAAA,8JAatC;AAAC"}
+{"version":3,"names":["Dialog","styled","BaseDialog"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"@webiny/ui/Dialog\";\nexport * from \"@webiny/ui/Dialog\";\n\nexport const Dialog = styled(BaseDialog)`\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n        overflow: initial;\n    }\n\n    .mdc-dialog__content {\n        overflow: auto;\n        .mdc-list:first-of-type {\n            padding: 0;\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEO,IAAMA,MAAM,oBAAGC,eAAM,EAACC,cAAU;EAAA;EAAA;AAAA,gJAatC;AAAC"}

package/admin/hooks/useContentModels.d.ts

@@ -1,6 +1,14 @@
 import { CmsModel } from "../../types";
+/**
+ * @deprecated Use `useModels` hook instead.
+ */
 export declare const useContentModels: () => {
     models: CmsModel[];
     loading: boolean;
     error: string | null;
 };
+export declare const useModels: () => {
+    models: CmsModel[];
+    loading: boolean;
+    error: string | null;
+};

package/admin/hooks/useContentModels.js

@@ -4,10 +4,13 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useContentModels = void 0;
+exports.useModels = exports.useContentModels = void 0;
 var GQL = _interopRequireWildcard(require("../viewsGraphql"));
 var _index = require("./index");
 var _react = require("react");
+/**
+ * @deprecated Use `useModels` hook instead.
+ */
 var useContentModels = function useContentModels() {
   var _useQuery = (0, _index.useQuery)(GQL.LIST_CONTENT_MODELS),
     data = _useQuery.data,
@@ -30,4 +33,8 @@ var useContentModels = function useContentModels() {
     error: error
   };
 };
-exports.useContentModels = useContentModels;
+exports.useContentModels = useContentModels;
+var useModels = function useModels() {
+  return useContentModels();
+};
+exports.useModels = useModels;

package/admin/hooks/useContentModels.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContentModels","useQuery","GQL","LIST_CONTENT_MODELS","data","loading","apolloError","error","models","useMemo","listContentModels","message"],"sources":["useContentModels.ts"],"sourcesContent":["import * as GQL from \"~/admin/viewsGraphql\";\nimport { useQuery } from \"~/admin/hooks/index\";\nimport { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { useMemo } from \"react\";\nimport { CmsModel } from \"~/types\";\n\nexport const useContentModels = () => {\n    const {\n        data,\n        loading,\n        error: apolloError\n    } = useQuery<ListCmsModelsQueryResponse>(GQL.LIST_CONTENT_MODELS);\n\n    const models = useMemo<CmsModel[]>(() => {\n        return data?.listContentModels?.data || [];\n    }, [data]);\n\n    const error = useMemo(() => {\n        if (!!apolloError) {\n            return apolloError.message;\n        }\n        return data?.listContentModels?.error?.message || null;\n    }, [apolloError]);\n\n    return {\n        models,\n        loading,\n        error\n    };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAGO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;EAClC,gBAII,IAAAC,eAAQ,EAA6BC,GAAG,CAACC,mBAAmB,CAAC;IAH7DC,IAAI,aAAJA,IAAI;IACJC,OAAO,aAAPA,OAAO;IACAC,WAAW,aAAlBC,KAAK;EAGT,IAAMC,MAAM,GAAG,IAAAC,cAAO,EAAa,YAAM;IAAA;IACrC,OAAO,CAAAL,IAAI,aAAJA,IAAI,gDAAJA,IAAI,CAAEM,iBAAiB,0DAAvB,sBAAyBN,IAAI,KAAI,EAAE;EAC9C,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAMG,KAAK,GAAG,IAAAE,cAAO,EAAC,YAAM;IAAA;IACxB,IAAI,CAAC,CAACH,WAAW,EAAE;MACf,OAAOA,WAAW,CAACK,OAAO;IAC9B;IACA,OAAO,CAAAP,IAAI,aAAJA,IAAI,iDAAJA,IAAI,CAAEM,iBAAiB,qFAAvB,uBAAyBH,KAAK,2DAA9B,uBAAgCI,OAAO,KAAI,IAAI;EAC1D,CAAC,EAAE,CAACL,WAAW,CAAC,CAAC;EAEjB,OAAO;IACHE,MAAM,EAANA,MAAM;IACNH,OAAO,EAAPA,OAAO;IACPE,KAAK,EAALA;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["useContentModels","useQuery","GQL","LIST_CONTENT_MODELS","data","loading","apolloError","error","models","useMemo","listContentModels","message","useModels"],"sources":["useContentModels.ts"],"sourcesContent":["import * as GQL from \"~/admin/viewsGraphql\";\nimport { useQuery } from \"~/admin/hooks/index\";\nimport { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { useMemo } from \"react\";\nimport { CmsModel } from \"~/types\";\n\n/**\n * @deprecated Use `useModels` hook instead.\n */\nexport const useContentModels = () => {\n    const {\n        data,\n        loading,\n        error: apolloError\n    } = useQuery<ListCmsModelsQueryResponse>(GQL.LIST_CONTENT_MODELS);\n\n    const models = useMemo<CmsModel[]>(() => {\n        return data?.listContentModels?.data || [];\n    }, [data]);\n\n    const error = useMemo(() => {\n        if (!!apolloError) {\n            return apolloError.message;\n        }\n        return data?.listContentModels?.error?.message || null;\n    }, [apolloError]);\n\n    return {\n        models,\n        loading,\n        error\n    };\n};\n\nexport const useModels = () => {\n    return useContentModels();\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAGA;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;EAClC,gBAII,IAAAC,eAAQ,EAA6BC,GAAG,CAACC,mBAAmB,CAAC;IAH7DC,IAAI,aAAJA,IAAI;IACJC,OAAO,aAAPA,OAAO;IACAC,WAAW,aAAlBC,KAAK;EAGT,IAAMC,MAAM,GAAG,IAAAC,cAAO,EAAa,YAAM;IAAA;IACrC,OAAO,CAAAL,IAAI,aAAJA,IAAI,gDAAJA,IAAI,CAAEM,iBAAiB,0DAAvB,sBAAyBN,IAAI,KAAI,EAAE;EAC9C,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAMG,KAAK,GAAG,IAAAE,cAAO,EAAC,YAAM;IAAA;IACxB,IAAI,CAAC,CAACH,WAAW,EAAE;MACf,OAAOA,WAAW,CAACK,OAAO;IAC9B;IACA,OAAO,CAAAP,IAAI,aAAJA,IAAI,iDAAJA,IAAI,CAAEM,iBAAiB,qFAAvB,uBAAyBH,KAAK,2DAA9B,uBAAgCI,OAAO,KAAI,IAAI;EAC1D,CAAC,EAAE,CAACL,WAAW,CAAC,CAAC;EAEjB,OAAO;IACHE,MAAM,EAANA,MAAM;IACNH,OAAO,EAAPA,OAAO;IACPE,KAAK,EAALA;EACJ,CAAC;AACL,CAAC;AAAC;AAEK,IAAMK,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC3B,OAAOZ,gBAAgB,EAAE;AAC7B,CAAC;AAAC"}

package/admin/menus/ContentGroupsMenuItems.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ContentGroupsMenuItems = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _get = _interopRequireDefault(require("lodash/get"));
-var _pluralize = _interopRequireDefault(require("pluralize"));
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _viewsGraphql = require("../viewsGraphql");
 var _useQuery = _interopRequireDefault(require("../hooks/useQuery"));
@@ -76,7 +75,7 @@ var ContentGroupsMenuItems = function ContentGroupsMenuItems() {
         contentModel: contentModel
       }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
         name: contentModel.modelId,
-        label: (0, _pluralize.default)(contentModel.name),
+        label: contentModel.name,
         path: "/cms/content-entries/".concat(contentModel.modelId)
       }));
     })));

package/admin/menus/ContentGroupsMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"names":["HasContentEntryPermissions","group","contentModel","children","usePermission","canReadEntries","contentModelGroup","hasContentEntryPermission","contentModels","some","length","Icon","color","icon","split","ContentGroupsMenuItems","response","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","groups","get","map","id","name","modelId","pluralize"],"sources":["ContentGroupsMenuItems.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport pluralize from \"pluralize\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport useQuery from \"~/admin/hooks/useQuery\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { AddMenu as Menu } from \"@webiny/app-admin\";\nimport { NothingToShow } from \"./NothingToShowElement\";\nimport { CmsGroup, CmsModel } from \"~/types\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface HasContentEntryPermissionsProps {\n    group: CmsGroup;\n    contentModel?: CmsModel;\n    children: JSX.Element;\n}\n\nconst HasContentEntryPermissions: React.FC<HasContentEntryPermissionsProps> = ({\n    group,\n    contentModel,\n    children\n}) => {\n    const { canReadEntries } = usePermission();\n\n    if (contentModel) {\n        if (!canReadEntries({ contentModelGroup: group, contentModel })) {\n            return null;\n        }\n    } else {\n        const hasContentEntryPermission = group.contentModels.some(contentModel =>\n            canReadEntries({\n                contentModelGroup: group,\n                contentModel\n            })\n        );\n\n        if (group.contentModels.length > 0 && !hasContentEntryPermission) {\n            return null;\n        }\n    }\n\n    return children;\n};\n\ninterface IconProps {\n    group: CmsGroup;\n}\nconst Icon: React.FC<IconProps> = ({ group }) => {\n    return (\n        <FontAwesomeIcon\n            style={{ color: \"var(--mdc-theme-text-secondary-on-background)\" }}\n            icon={(group.icon || \"\").split(\"/\") as IconProp}\n        />\n    );\n};\n\nexport const ContentGroupsMenuItems: React.FC = () => {\n    const response = useQuery<ListMenuCmsGroupsQueryResponse>(LIST_MENU_CONTENT_GROUPS_MODELS);\n    const groups: CmsGroup[] = get(response, \"data.listContentModelGroups.data\") || [];\n\n    if (!groups || groups.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {groups.map(group => {\n                return (\n                    <HasContentEntryPermissions key={group.id} group={group}>\n                        <Menu\n                            name={group.id}\n                            label={group.name}\n                            tags={[\"headlessCMS\"]}\n                            icon={<Icon group={group} />}\n                        >\n                            {group.contentModels.length === 0 && (\n                                <Menu name={`${group.id}-empty`} element={<NothingToShow />} />\n                            )}\n                            {group.contentModels.length > 0 &&\n                                group.contentModels.map(contentModel => (\n                                    <HasContentEntryPermissions\n                                        key={contentModel.modelId}\n                                        group={group}\n                                        contentModel={contentModel}\n                                    >\n                                        <Menu\n                                            name={contentModel.modelId}\n                                            label={pluralize(contentModel.name)}\n                                            path={`/cms/content-entries/${contentModel.modelId}`}\n                                        />\n                                    </HasContentEntryPermissions>\n                                ))}\n                        </Menu>\n                    </HasContentEntryPermissions>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAUA,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAqE,OAIrE;EAAA,IAHFC,KAAK,QAALA,KAAK;IACLC,YAAY,QAAZA,YAAY;IACZC,QAAQ,QAARA,QAAQ;EAER,qBAA2B,IAAAC,uBAAa,GAAE;IAAlCC,cAAc,kBAAdA,cAAc;EAEtB,IAAIH,YAAY,EAAE;IACd,IAAI,CAACG,cAAc,CAAC;MAAEC,iBAAiB,EAAEL,KAAK;MAAEC,YAAY,EAAZA;IAAa,CAAC,CAAC,EAAE;MAC7D,OAAO,IAAI;IACf;EACJ,CAAC,MAAM;IACH,IAAMK,yBAAyB,GAAGN,KAAK,CAACO,aAAa,CAACC,IAAI,CAAC,UAAAP,YAAY;MAAA,OACnEG,cAAc,CAAC;QACXC,iBAAiB,EAAEL,KAAK;QACxBC,YAAY,EAAZA;MACJ,CAAC,CAAC;IAAA,EACL;IAED,IAAID,KAAK,CAACO,aAAa,CAACE,MAAM,GAAG,CAAC,IAAI,CAACH,yBAAyB,EAAE;MAC9D,OAAO,IAAI;IACf;EACJ;EAEA,OAAOJ,QAAQ;AACnB,CAAC;AAKD,IAAMQ,IAAyB,GAAG,SAA5BA,IAAyB,QAAkB;EAAA,IAAZV,KAAK,SAALA,KAAK;EACtC,oBACI,6BAAC,iCAAe;IACZ,KAAK,EAAE;MAAEW,KAAK,EAAE;IAAgD,CAAE;IAClE,IAAI,EAAE,CAACX,KAAK,CAACY,IAAI,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG;EAAc,EAClD;AAEV,CAAC;AAEM,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAgC,GAAS;EAClD,IAAMC,QAAQ,GAAG,IAAAC,iBAAQ,EAAiCC,6CAA+B,CAAC;EAC1F,IAAMC,MAAkB,GAAG,IAAAC,YAAG,EAACJ,QAAQ,EAAE,kCAAkC,CAAC,IAAI,EAAE;EAElF,IAAI,CAACG,MAAM,IAAIA,MAAM,CAACT,MAAM,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACf;EAEA,oBACI,4DACKS,MAAM,CAACE,GAAG,CAAC,UAAApB,KAAK,EAAI;IACjB,oBACI,6BAAC,0BAA0B;MAAC,GAAG,EAAEA,KAAK,CAACqB,EAAG;MAAC,KAAK,EAAErB;IAAM,gBACpD,6BAAC,iBAAI;MACD,IAAI,EAAEA,KAAK,CAACqB,EAAG;MACf,KAAK,EAAErB,KAAK,CAACsB,IAAK;MAClB,IAAI,EAAE,CAAC,aAAa,CAAE;MACtB,IAAI,eAAE,6BAAC,IAAI;QAAC,KAAK,EAAEtB;MAAM;IAAI,GAE5BA,KAAK,CAACO,aAAa,CAACE,MAAM,KAAK,CAAC,iBAC7B,6BAAC,iBAAI;MAAC,IAAI,YAAKT,KAAK,CAACqB,EAAE,WAAS;MAAC,OAAO,eAAE,6BAAC,mCAAa;IAAI,EAC/D,EACArB,KAAK,CAACO,aAAa,CAACE,MAAM,GAAG,CAAC,IAC3BT,KAAK,CAACO,aAAa,CAACa,GAAG,CAAC,UAAAnB,YAAY;MAAA,oBAChC,6BAAC,0BAA0B;QACvB,GAAG,EAAEA,YAAY,CAACsB,OAAQ;QAC1B,KAAK,EAAEvB,KAAM;QACb,YAAY,EAAEC;MAAa,gBAE3B,6BAAC,iBAAI;QACD,IAAI,EAAEA,YAAY,CAACsB,OAAQ;QAC3B,KAAK,EAAE,IAAAC,kBAAS,EAACvB,YAAY,CAACqB,IAAI,CAAE;QACpC,IAAI,iCAA0BrB,YAAY,CAACsB,OAAO;MAAG,EACvD,CACuB;IAAA,CAChC,CAAC,CACH,CACkB;EAErC,CAAC,CAAC,CACH;AAEX,CAAC;AAAC"}
+{"version":3,"names":["HasContentEntryPermissions","group","contentModel","children","usePermission","canReadEntries","contentModelGroup","hasContentEntryPermission","contentModels","some","length","Icon","color","icon","split","ContentGroupsMenuItems","response","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","groups","get","map","id","name","modelId"],"sources":["ContentGroupsMenuItems.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport useQuery from \"~/admin/hooks/useQuery\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { AddMenu as Menu } from \"@webiny/app-admin\";\nimport { NothingToShow } from \"./NothingToShowElement\";\nimport { CmsGroup, CmsModel } from \"~/types\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface HasContentEntryPermissionsProps {\n    group: CmsGroup;\n    contentModel?: CmsModel;\n    children: JSX.Element;\n}\n\nconst HasContentEntryPermissions: React.FC<HasContentEntryPermissionsProps> = ({\n    group,\n    contentModel,\n    children\n}) => {\n    const { canReadEntries } = usePermission();\n\n    if (contentModel) {\n        if (!canReadEntries({ contentModelGroup: group, contentModel })) {\n            return null;\n        }\n    } else {\n        const hasContentEntryPermission = group.contentModels.some(contentModel =>\n            canReadEntries({\n                contentModelGroup: group,\n                contentModel\n            })\n        );\n\n        if (group.contentModels.length > 0 && !hasContentEntryPermission) {\n            return null;\n        }\n    }\n\n    return children;\n};\n\ninterface IconProps {\n    group: CmsGroup;\n}\nconst Icon: React.FC<IconProps> = ({ group }) => {\n    return (\n        <FontAwesomeIcon\n            style={{ color: \"var(--mdc-theme-text-secondary-on-background)\" }}\n            icon={(group.icon || \"\").split(\"/\") as IconProp}\n        />\n    );\n};\n\nexport const ContentGroupsMenuItems: React.FC = () => {\n    const response = useQuery<ListMenuCmsGroupsQueryResponse>(LIST_MENU_CONTENT_GROUPS_MODELS);\n    const groups: CmsGroup[] = get(response, \"data.listContentModelGroups.data\") || [];\n\n    if (!groups || groups.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {groups.map(group => {\n                return (\n                    <HasContentEntryPermissions key={group.id} group={group}>\n                        <Menu\n                            name={group.id}\n                            label={group.name}\n                            tags={[\"headlessCMS\"]}\n                            icon={<Icon group={group} />}\n                        >\n                            {group.contentModels.length === 0 && (\n                                <Menu name={`${group.id}-empty`} element={<NothingToShow />} />\n                            )}\n                            {group.contentModels.length > 0 &&\n                                group.contentModels.map(contentModel => (\n                                    <HasContentEntryPermissions\n                                        key={contentModel.modelId}\n                                        group={group}\n                                        contentModel={contentModel}\n                                    >\n                                        <Menu\n                                            name={contentModel.modelId}\n                                            label={contentModel.name}\n                                            path={`/cms/content-entries/${contentModel.modelId}`}\n                                        />\n                                    </HasContentEntryPermissions>\n                                ))}\n                        </Menu>\n                    </HasContentEntryPermissions>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAUA,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAqE,OAIrE;EAAA,IAHFC,KAAK,QAALA,KAAK;IACLC,YAAY,QAAZA,YAAY;IACZC,QAAQ,QAARA,QAAQ;EAER,qBAA2B,IAAAC,uBAAa,GAAE;IAAlCC,cAAc,kBAAdA,cAAc;EAEtB,IAAIH,YAAY,EAAE;IACd,IAAI,CAACG,cAAc,CAAC;MAAEC,iBAAiB,EAAEL,KAAK;MAAEC,YAAY,EAAZA;IAAa,CAAC,CAAC,EAAE;MAC7D,OAAO,IAAI;IACf;EACJ,CAAC,MAAM;IACH,IAAMK,yBAAyB,GAAGN,KAAK,CAACO,aAAa,CAACC,IAAI,CAAC,UAAAP,YAAY;MAAA,OACnEG,cAAc,CAAC;QACXC,iBAAiB,EAAEL,KAAK;QACxBC,YAAY,EAAZA;MACJ,CAAC,CAAC;IAAA,EACL;IAED,IAAID,KAAK,CAACO,aAAa,CAACE,MAAM,GAAG,CAAC,IAAI,CAACH,yBAAyB,EAAE;MAC9D,OAAO,IAAI;IACf;EACJ;EAEA,OAAOJ,QAAQ;AACnB,CAAC;AAKD,IAAMQ,IAAyB,GAAG,SAA5BA,IAAyB,QAAkB;EAAA,IAAZV,KAAK,SAALA,KAAK;EACtC,oBACI,6BAAC,iCAAe;IACZ,KAAK,EAAE;MAAEW,KAAK,EAAE;IAAgD,CAAE;IAClE,IAAI,EAAE,CAACX,KAAK,CAACY,IAAI,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG;EAAc,EAClD;AAEV,CAAC;AAEM,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAgC,GAAS;EAClD,IAAMC,QAAQ,GAAG,IAAAC,iBAAQ,EAAiCC,6CAA+B,CAAC;EAC1F,IAAMC,MAAkB,GAAG,IAAAC,YAAG,EAACJ,QAAQ,EAAE,kCAAkC,CAAC,IAAI,EAAE;EAElF,IAAI,CAACG,MAAM,IAAIA,MAAM,CAACT,MAAM,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACf;EAEA,oBACI,4DACKS,MAAM,CAACE,GAAG,CAAC,UAAApB,KAAK,EAAI;IACjB,oBACI,6BAAC,0BAA0B;MAAC,GAAG,EAAEA,KAAK,CAACqB,EAAG;MAAC,KAAK,EAAErB;IAAM,gBACpD,6BAAC,iBAAI;MACD,IAAI,EAAEA,KAAK,CAACqB,EAAG;MACf,KAAK,EAAErB,KAAK,CAACsB,IAAK;MAClB,IAAI,EAAE,CAAC,aAAa,CAAE;MACtB,IAAI,eAAE,6BAAC,IAAI;QAAC,KAAK,EAAEtB;MAAM;IAAI,GAE5BA,KAAK,CAACO,aAAa,CAACE,MAAM,KAAK,CAAC,iBAC7B,6BAAC,iBAAI;MAAC,IAAI,YAAKT,KAAK,CAACqB,EAAE,WAAS;MAAC,OAAO,eAAE,6BAAC,mCAAa;IAAI,EAC/D,EACArB,KAAK,CAACO,aAAa,CAACE,MAAM,GAAG,CAAC,IAC3BT,KAAK,CAACO,aAAa,CAACa,GAAG,CAAC,UAAAnB,YAAY;MAAA,oBAChC,6BAAC,0BAA0B;QACvB,GAAG,EAAEA,YAAY,CAACsB,OAAQ;QAC1B,KAAK,EAAEvB,KAAM;QACb,YAAY,EAAEC;MAAa,gBAE3B,6BAAC,iBAAI;QACD,IAAI,EAAEA,YAAY,CAACsB,OAAQ;QAC3B,KAAK,EAAEtB,YAAY,CAACqB,IAAK;QACzB,IAAI,iCAA0BrB,YAAY,CAACsB,OAAO;MAAG,EACvD,CACuB;IAAA,CAChC,CAAC,CACH,CACkB;EAErC,CAAC,CAAC,CACH;AAEX,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/Entries.js

@@ -46,7 +46,7 @@ var Entries = function Entries(props) {
     loadMore();
   }, 500), [entries, loadMore]);
   if (entries.length === 0) {
-    return null;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "No entries found.");
   }
   return /*#__PURE__*/_react.default.createElement(Container, {
     className: "entries"

package/admin/plugins/fieldRenderers/ref/advanced/components/Entries.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","minWidth","height","backgroundColor","boxSizing","display","overflowX","overflowY","paddingRight","ContainerChild","width","margin","Entries","props","entries","children","loadMore","loadMoreOnScroll","useCallback","debounce","position","top","length","map","entry","index","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport styled from \"@emotion/styled\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { positionValues as PositionValues } from \"react-custom-scrollbars\";\n\nconst Container = styled(\"div\")(() => ({\n    minWidth: \"100%\",\n    height: \"460px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    \">div>div\": {\n        overflowX: \"hidden !important\" as any,\n        overflowY: \"scroll\",\n        paddingRight: 20\n    }\n}));\nconst ContainerChild = styled(\"div\")({\n    boxSizing: \"border-box\",\n    width: \"100%\",\n    margin: \"0 2px 25px 2px\"\n});\n\ninterface Props {\n    entries: CmsReferenceContentEntry[];\n    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n    loadMore: () => void;\n}\n\nexport const Entries: React.VFC<Props> = props => {\n    const { entries, children, loadMore } = props;\n\n    const loadMoreOnScroll = useCallback(\n        debounce((position: PositionValues) => {\n            if (position.top <= 0.9) {\n                return;\n            }\n            loadMore();\n        }, 500),\n        [entries, loadMore]\n    );\n\n    if (entries.length === 0) {\n        return null;\n    }\n    return (\n        <Container className={\"entries\"}>\n            <Scrollbar data-testid=\"advanced-ref-field-entries\" onScrollFrame={loadMoreOnScroll}>\n                {entries.map((entry, index) => {\n                    return (\n                        <ContainerChild key={`entry-${entry.id}`}>\n                            {children(entry, index)}\n                        </ContainerChild>\n                    );\n                })}\n            </Scrollbar>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AAGA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAAA,OAAO;IACnCC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE,OAAO;IACfC,eAAe,EAAE,6BAA6B;IAC9CC,SAAS,EAAE,YAAY;IACvBC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE;MACRC,SAAS,EAAE,mBAA0B;MACrCC,SAAS,EAAE,QAAQ;MACnBC,YAAY,EAAE;IAClB;EACJ,CAAC;AAAA,CAAC,CAAC;AACH,IAAMC,cAAc,oBAAGT,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCI,SAAS,EAAE,YAAY;EACvBM,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACZ,CAAC,CAAC;AAQK,IAAMC,OAAyB,GAAG,SAA5BA,OAAyB,CAAGC,KAAK,EAAI;EAC9C,IAAQC,OAAO,GAAyBD,KAAK,CAArCC,OAAO;IAAEC,QAAQ,GAAeF,KAAK,CAA5BE,QAAQ;IAAEC,QAAQ,GAAKH,KAAK,CAAlBG,QAAQ;EAEnC,IAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAChC,IAAAC,iBAAQ,EAAC,UAACC,QAAwB,EAAK;IACnC,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAL,QAAQ,EAAE;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CAAC,CACtB;EAED,IAAIF,OAAO,CAACQ,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,IAAI;EACf;EACA,oBACI,6BAAC,SAAS;IAAC,SAAS,EAAE;EAAU,gBAC5B,6BAAC,oBAAS;IAAC,eAAY,4BAA4B;IAAC,aAAa,EAAEL;EAAiB,GAC/EH,OAAO,CAACS,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;IAC3B,oBACI,6BAAC,cAAc;MAAC,GAAG,kBAAWD,KAAK,CAACE,EAAE;IAAG,GACpCX,QAAQ,CAACS,KAAK,EAAEC,KAAK,CAAC,CACV;EAEzB,CAAC,CAAC,CACM,CACJ;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["Container","styled","minWidth","height","backgroundColor","boxSizing","display","overflowX","overflowY","paddingRight","ContainerChild","width","margin","Entries","props","entries","children","loadMore","loadMoreOnScroll","useCallback","debounce","position","top","length","map","entry","index","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport styled from \"@emotion/styled\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { positionValues as PositionValues } from \"react-custom-scrollbars\";\n\nconst Container = styled(\"div\")(() => ({\n    minWidth: \"100%\",\n    height: \"460px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    \">div>div\": {\n        overflowX: \"hidden !important\" as any,\n        overflowY: \"scroll\",\n        paddingRight: 20\n    }\n}));\nconst ContainerChild = styled(\"div\")({\n    boxSizing: \"border-box\",\n    width: \"100%\",\n    margin: \"0 2px 25px 2px\"\n});\n\ninterface Props {\n    entries: CmsReferenceContentEntry[];\n    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n    loadMore: () => void;\n}\n\nexport const Entries: React.VFC<Props> = props => {\n    const { entries, children, loadMore } = props;\n\n    const loadMoreOnScroll = useCallback(\n        debounce((position: PositionValues) => {\n            if (position.top <= 0.9) {\n                return;\n            }\n            loadMore();\n        }, 500),\n        [entries, loadMore]\n    );\n\n    if (entries.length === 0) {\n        return <>No entries found.</>;\n    }\n    return (\n        <Container className={\"entries\"}>\n            <Scrollbar data-testid=\"advanced-ref-field-entries\" onScrollFrame={loadMoreOnScroll}>\n                {entries.map((entry, index) => {\n                    return (\n                        <ContainerChild key={`entry-${entry.id}`}>\n                            {children(entry, index)}\n                        </ContainerChild>\n                    );\n                })}\n            </Scrollbar>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AAGA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAAA,OAAO;IACnCC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE,OAAO;IACfC,eAAe,EAAE,6BAA6B;IAC9CC,SAAS,EAAE,YAAY;IACvBC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE;MACRC,SAAS,EAAE,mBAA0B;MACrCC,SAAS,EAAE,QAAQ;MACnBC,YAAY,EAAE;IAClB;EACJ,CAAC;AAAA,CAAC,CAAC;AACH,IAAMC,cAAc,oBAAGT,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCI,SAAS,EAAE,YAAY;EACvBM,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACZ,CAAC,CAAC;AAQK,IAAMC,OAAyB,GAAG,SAA5BA,OAAyB,CAAGC,KAAK,EAAI;EAC9C,IAAQC,OAAO,GAAyBD,KAAK,CAArCC,OAAO;IAAEC,QAAQ,GAAeF,KAAK,CAA5BE,QAAQ;IAAEC,QAAQ,GAAKH,KAAK,CAAlBG,QAAQ;EAEnC,IAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAChC,IAAAC,iBAAQ,EAAC,UAACC,QAAwB,EAAK;IACnC,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAL,QAAQ,EAAE;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CAAC,CACtB;EAED,IAAIF,OAAO,CAACQ,MAAM,KAAK,CAAC,EAAE;IACtB,oBAAO,4DAAE,mBAAiB,CAAG;EACjC;EACA,oBACI,6BAAC,SAAS;IAAC,SAAS,EAAE;EAAU,gBAC5B,6BAAC,oBAAS;IAAC,eAAY,4BAA4B;IAAC,aAAa,EAAEL;EAAiB,GAC/EH,OAAO,CAACS,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;IAC3B,oBACI,6BAAC,cAAc;MAAC,GAAG,kBAAWD,KAAK,CAACE,EAAE;IAAG,GACpCX,QAAQ,CAACS,KAAK,EAAEC,KAAK,CAAC,CACV;EAEzB,CAAC,CAAC,CACM,CACJ;AAEpB,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/NewReferencedEntryDialog.js

@@ -35,7 +35,7 @@ var EntryForm = function EntryForm(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_ContentEntryForm.ContentEntryForm, {
     onSubmit: function onSubmit(data) {
       /**
-       * We know that data is CmsEditorContentEntry.
+       * We know that data is CmsContentEntry.
        */
       return onCreate(data);
     },
@@ -119,11 +119,11 @@ var NewReferencedEntryDialog = function NewReferencedEntryDialog(_ref3) {
   if (!model) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.ContentEntriesProvider, {
     contentModel: model,
     key: model.modelId,
     insideDialog: true
-  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.ContentEntryProvider, {
     isNewEntry: function isNewEntry() {
       return true;
     },

package/admin/plugins/fieldRenderers/ref/advanced/components/NewReferencedEntryDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","EntryForm","onCreate","useContentEntry","setFormRef","contentModel","data","form","DialogSaveButton","onClick","useCallback","ev","current","submit","NewReferencedEntryDialog","baseModel","model","onClose","onChange","useCms","apolloClient","useState","undefined","setModel","useEffect","query","GET_CONTENT_MODEL","variables","modelId","response","getContentModel","entry","published","meta","status","modelName","name"],"sources":["NewReferencedEntryDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Provider as ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentEntry, CmsModel } from \"~/types\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useCms } from \"~/admin/hooks\";\nimport { FullWidthDialog } from \"./dialog/Dialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsEditorContentEntry) => void;\n}\n\nconst EntryForm: React.VFC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ModelProvider model={contentModel}>\n            <ContentEntryForm\n                onSubmit={data => {\n                    /**\n                     * We know that data is CmsEditorContentEntry.\n                     */\n                    return onCreate(data as unknown as CmsEditorContentEntry);\n                }}\n                onForm={form => setFormRef(form)}\n                entry={{}}\n                addEntryToListCache={false}\n            />\n        </ModelProvider>\n    );\n};\n\nconst DialogSaveButton: React.VFC = () => {\n    const { form } = useContentEntry();\n\n    const onClick = useCallback(\n        (ev: React.MouseEvent) => {\n            (async () => {\n                await form.current.submit(ev);\n            })();\n        },\n        [form.current]\n    );\n\n    return <ButtonPrimary onClick={onClick}>{t`Create Entry`}</ButtonPrimary>;\n};\n\ninterface Props {\n    model: Pick<CmsModel, \"modelId\">;\n    onClose: () => void;\n    onChange: (entry: any) => void;\n}\n\nexport const NewReferencedEntryDialog: React.VFC<Props> = ({\n    model: baseModel,\n    onClose,\n    onChange\n}) => {\n    const { apolloClient } = useCms();\n    const [model, setModel] = useState<CmsModel | undefined>(undefined);\n\n    useEffect(() => {\n        (async () => {\n            const response = await apolloClient.query<\n                GetCmsModelQueryResponse,\n                GetCmsModelQueryVariables\n            >({\n                query: GET_CONTENT_MODEL,\n                variables: {\n                    modelId: baseModel.modelId\n                }\n            });\n            setModel(response.data.getContentModel.data);\n        })();\n    }, [baseModel.modelId]);\n\n    const onCreate = useCallback(\n        (entry: CmsEditorContentEntry) => {\n            if (!model) {\n                onClose();\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: entry.meta?.status === \"published\",\n                modelId: model.modelId,\n                modelName: model.name\n            });\n            onClose();\n        },\n        [onChange, model]\n    );\n    if (!model) {\n        return null;\n    }\n\n    return (\n        <ContentEntriesProvider contentModel={model} key={model.modelId} insideDialog={true}>\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <FullWidthDialog open={true} onClose={onClose}>\n                    <DialogTitle>{t`New {modelName} Entry`({ modelName: model.name })}</DialogTitle>\n                    <DialogContent>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </FullWidthDialog>\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","EntryForm","onCreate","useContentEntry","setFormRef","contentModel","data","form","DialogSaveButton","onClick","useCallback","ev","current","submit","NewReferencedEntryDialog","baseModel","model","onClose","onChange","useCms","apolloClient","useState","undefined","setModel","useEffect","query","GET_CONTENT_MODEL","variables","modelId","response","getContentModel","entry","published","meta","status","modelName","name"],"sources":["NewReferencedEntryDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsContentEntry, CmsModel } from \"~/types\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useCms } from \"~/admin/hooks\";\nimport { FullWidthDialog } from \"./dialog/Dialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsContentEntry) => void;\n}\n\nconst EntryForm: React.VFC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ModelProvider model={contentModel}>\n            <ContentEntryForm\n                onSubmit={data => {\n                    /**\n                     * We know that data is CmsContentEntry.\n                     */\n                    return onCreate(data as unknown as CmsContentEntry);\n                }}\n                onForm={form => setFormRef(form)}\n                entry={{}}\n                addEntryToListCache={false}\n            />\n        </ModelProvider>\n    );\n};\n\nconst DialogSaveButton: React.VFC = () => {\n    const { form } = useContentEntry();\n\n    const onClick = useCallback(\n        (ev: React.MouseEvent) => {\n            (async () => {\n                await form.current.submit(ev);\n            })();\n        },\n        [form.current]\n    );\n\n    return <ButtonPrimary onClick={onClick}>{t`Create Entry`}</ButtonPrimary>;\n};\n\ninterface Props {\n    model: Pick<CmsModel, \"modelId\">;\n    onClose: () => void;\n    onChange: (entry: any) => void;\n}\n\nexport const NewReferencedEntryDialog: React.VFC<Props> = ({\n    model: baseModel,\n    onClose,\n    onChange\n}) => {\n    const { apolloClient } = useCms();\n    const [model, setModel] = useState<CmsModel | undefined>(undefined);\n\n    useEffect(() => {\n        (async () => {\n            const response = await apolloClient.query<\n                GetCmsModelQueryResponse,\n                GetCmsModelQueryVariables\n            >({\n                query: GET_CONTENT_MODEL,\n                variables: {\n                    modelId: baseModel.modelId\n                }\n            });\n            setModel(response.data.getContentModel.data);\n        })();\n    }, [baseModel.modelId]);\n\n    const onCreate = useCallback(\n        (entry: CmsContentEntry) => {\n            if (!model) {\n                onClose();\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: entry.meta?.status === \"published\",\n                modelId: model.modelId,\n                modelName: model.name\n            });\n            onClose();\n        },\n        [onChange, model]\n    );\n    if (!model) {\n        return null;\n    }\n\n    return (\n        <ContentEntriesProvider contentModel={model} key={model.modelId} insideDialog={true}>\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <FullWidthDialog open={true} onClose={onClose}>\n                    <DialogTitle>{t`New {modelName} Entry`({ modelName: model.name })}</DialogTitle>\n                    <DialogContent>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </FullWidthDialog>\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/advanced/components/ReferencesDialog.js

@@ -38,7 +38,7 @@ var Content = /*#__PURE__*/(0, _styled.default)("div", {
   flexDirection: "column",
   position: "relative",
   width: "100%",
-  minHeight: "100px",
+  minHeight: "20px",
   boxSizing: "border-box",
   padding: "20px 0 20px 20px",
   backgroundColor: "var(--mdc-theme-background)",

package/admin/plugins/fieldRenderers/ref/advanced/components/ReferencesDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","width","boxSizing","padding","Content","display","flex","flexDirection","position","minHeight","backgroundColor","border","overflowX","DialogContent","BaseDialogContent","isSelected","entryId","values","some","value","parseIdentifier","id","valueEntryId","ReferencesDialog","props","contentModel","onDialogClose","storeValues","initialValues","multiple","useSnackbar","showSnackbar","useState","setValues","onChange","useCallback","reference","referenceEntryId","newValues","filter","length","onDialogSave","useEntries","model","limit","entries","loading","error","runSearch","loadMore","useEffect","debouncedSearch","useRef","onInput","ev","String","target","trim","current","clearTimeout","setTimeout","entry"],"sources":["ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DialogHeader } from \"./dialog/DialogHeader\";\nimport { Search } from \"./Search\";\nimport { Entry } from \"./Entry\";\nimport { DialogActions, DialogContent as BaseDialogContent } from \"~/admin/components/Dialog\";\nimport { CmsModelFieldRendererProps } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Dialog } from \"./dialog/Dialog\";\nimport { AbsoluteLoader } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/Loader\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries\";\nimport { Entries } from \"./Entries\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    padding: \"20px\"\n});\n\nconst Content = styled(\"div\")({\n    display: \"flex\",\n    flex: \"1\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    width: \"100%\",\n    minHeight: \"100px\",\n    boxSizing: \"border-box\",\n    padding: \"20px 0 20px 20px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    overflowX: \"hidden\"\n});\n\nconst DialogContent = styled(BaseDialogContent)({\n    padding: \"0 !important\"\n});\n\nconst isSelected = (entryId: string, values: CmsReferenceValue[]) => {\n    if (!entryId) {\n        return false;\n    }\n    return values.some(value => {\n        const { id: valueEntryId } = parseIdentifier(value.id);\n        return entryId === valueEntryId;\n    });\n};\n\ninterface Props extends CmsModelFieldRendererProps {\n    values?: CmsReferenceValue[] | null;\n    onDialogClose: () => void;\n    storeValues: (values: CmsReferenceValue[]) => void;\n    multiple: boolean;\n}\n\nexport const ReferencesDialog: React.VFC<Props> = props => {\n    const { contentModel, onDialogClose, storeValues, values: initialValues, multiple } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [values, setValues] = useState<CmsReferenceValue[]>(initialValues || []);\n\n    /**\n     * On change needs to handle the adding or removing of a reference.\n     *\n     * This is for both single and multiple reference fields.\n     */\n    const onChange = useCallback(\n        (reference: CmsReferenceValue) => {\n            const { id: referenceEntryId } = parseIdentifier(reference.id);\n            /**\n             * Let's handle the single usage first as it is quite simple.\n             */\n            if (!multiple) {\n                const [value] = values;\n                if (!value?.id) {\n                    setValues([reference]);\n                    return;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                if (referenceEntryId === valueEntryId) {\n                    setValues([]);\n                    return;\n                }\n                setValues([reference]);\n                return;\n            }\n\n            const newValues = values.filter(value => {\n                if (!value?.id) {\n                    return false;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                return referenceEntryId !== valueEntryId;\n            });\n            if (newValues.length === values.length) {\n                setValues([...values, reference]);\n                return;\n            }\n            setValues(newValues);\n        },\n        [setValues, values]\n    );\n\n    const onDialogSave = useCallback(() => {\n        storeValues(values);\n        onDialogClose();\n    }, [values]);\n    /**\n     * Searching and list of reference entries.\n     */\n    const { entries, loading, error, runSearch, loadMore } = useEntries({\n        model: contentModel,\n        limit: 10\n    });\n\n    useEffect(() => {\n        runSearch(\"\");\n    }, []);\n\n    useEffect(() => {\n        if (!error) {\n            return;\n        }\n        showSnackbar(error);\n    }, [error]);\n\n    const debouncedSearch = useRef<number | null>(null);\n\n    const onInput = useCallback(ev => {\n        const value = (String(ev.target.value) || \"\").trim();\n        if (debouncedSearch.current) {\n            clearTimeout(debouncedSearch.current);\n            debouncedSearch.current = null;\n        }\n        /**\n         * We can safely cast as setTimeout really produces a number.\n         * There is an error while coding because Storm thinks this is NodeJS timeout.\n         */\n        debouncedSearch.current = setTimeout(() => {\n            runSearch(value);\n        }, 200) as unknown as number;\n    }, []);\n\n    return (\n        <>\n            <Dialog open={true} onClose={onDialogClose}>\n                <DialogHeader model={contentModel} onClose={onDialogClose} />\n                <DialogContent>\n                    <Container>\n                        <Search onInput={onInput} />\n                        <Content>\n                            {loading && <AbsoluteLoader />}\n                            <Entries entries={entries} loadMore={loadMore}>\n                                {entry => {\n                                    return (\n                                        <Entry\n                                            model={contentModel}\n                                            key={`reference-entry-${entry.id}`}\n                                            entry={entry}\n                                            selected={isSelected(entry.entryId, values)}\n                                            onChange={onChange}\n                                        />\n                                    );\n                                }}\n                            </Entries>\n                        </Content>\n                    </Container>\n                </DialogContent>\n                <DialogActions>\n                    <ButtonDefault onClick={onDialogClose}>Cancel</ButtonDefault>\n                    <ButtonPrimary onClick={onDialogSave}>Save</ButtonPrimary>\n                </DialogActions>\n            </Dialog>\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["Container","styled","width","boxSizing","padding","Content","display","flex","flexDirection","position","minHeight","backgroundColor","border","overflowX","DialogContent","BaseDialogContent","isSelected","entryId","values","some","value","parseIdentifier","id","valueEntryId","ReferencesDialog","props","contentModel","onDialogClose","storeValues","initialValues","multiple","useSnackbar","showSnackbar","useState","setValues","onChange","useCallback","reference","referenceEntryId","newValues","filter","length","onDialogSave","useEntries","model","limit","entries","loading","error","runSearch","loadMore","useEffect","debouncedSearch","useRef","onInput","ev","String","target","trim","current","clearTimeout","setTimeout","entry"],"sources":["ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DialogHeader } from \"./dialog/DialogHeader\";\nimport { Search } from \"./Search\";\nimport { Entry } from \"./Entry\";\nimport { DialogActions, DialogContent as BaseDialogContent } from \"~/admin/components/Dialog\";\nimport { CmsModelFieldRendererProps } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Dialog } from \"./dialog/Dialog\";\nimport { AbsoluteLoader } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/Loader\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries\";\nimport { Entries } from \"./Entries\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    padding: \"20px\"\n});\n\nconst Content = styled(\"div\")({\n    display: \"flex\",\n    flex: \"1\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    width: \"100%\",\n    minHeight: \"20px\",\n    boxSizing: \"border-box\",\n    padding: \"20px 0 20px 20px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    overflowX: \"hidden\"\n});\n\nconst DialogContent = styled(BaseDialogContent)({\n    padding: \"0 !important\"\n});\n\nconst isSelected = (entryId: string, values: CmsReferenceValue[]) => {\n    if (!entryId) {\n        return false;\n    }\n    return values.some(value => {\n        const { id: valueEntryId } = parseIdentifier(value.id);\n        return entryId === valueEntryId;\n    });\n};\n\ninterface Props extends CmsModelFieldRendererProps {\n    values?: CmsReferenceValue[] | null;\n    onDialogClose: () => void;\n    storeValues: (values: CmsReferenceValue[]) => void;\n    multiple: boolean;\n}\n\nexport const ReferencesDialog: React.VFC<Props> = props => {\n    const { contentModel, onDialogClose, storeValues, values: initialValues, multiple } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [values, setValues] = useState<CmsReferenceValue[]>(initialValues || []);\n\n    /**\n     * On change needs to handle the adding or removing of a reference.\n     *\n     * This is for both single and multiple reference fields.\n     */\n    const onChange = useCallback(\n        (reference: CmsReferenceValue) => {\n            const { id: referenceEntryId } = parseIdentifier(reference.id);\n            /**\n             * Let's handle the single usage first as it is quite simple.\n             */\n            if (!multiple) {\n                const [value] = values;\n                if (!value?.id) {\n                    setValues([reference]);\n                    return;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                if (referenceEntryId === valueEntryId) {\n                    setValues([]);\n                    return;\n                }\n                setValues([reference]);\n                return;\n            }\n\n            const newValues = values.filter(value => {\n                if (!value?.id) {\n                    return false;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                return referenceEntryId !== valueEntryId;\n            });\n            if (newValues.length === values.length) {\n                setValues([...values, reference]);\n                return;\n            }\n            setValues(newValues);\n        },\n        [setValues, values]\n    );\n\n    const onDialogSave = useCallback(() => {\n        storeValues(values);\n        onDialogClose();\n    }, [values]);\n    /**\n     * Searching and list of reference entries.\n     */\n    const { entries, loading, error, runSearch, loadMore } = useEntries({\n        model: contentModel,\n        limit: 10\n    });\n\n    useEffect(() => {\n        runSearch(\"\");\n    }, []);\n\n    useEffect(() => {\n        if (!error) {\n            return;\n        }\n        showSnackbar(error);\n    }, [error]);\n\n    const debouncedSearch = useRef<number | null>(null);\n\n    const onInput = useCallback(ev => {\n        const value = (String(ev.target.value) || \"\").trim();\n        if (debouncedSearch.current) {\n            clearTimeout(debouncedSearch.current);\n            debouncedSearch.current = null;\n        }\n        /**\n         * We can safely cast as setTimeout really produces a number.\n         * There is an error while coding because Storm thinks this is NodeJS timeout.\n         */\n        debouncedSearch.current = setTimeout(() => {\n            runSearch(value);\n        }, 200) as unknown as number;\n    }, []);\n\n    return (\n        <>\n            <Dialog open={true} onClose={onDialogClose}>\n                <DialogHeader model={contentModel} onClose={onDialogClose} />\n                <DialogContent>\n                    <Container>\n                        <Search onInput={onInput} />\n                        <Content>\n                            {loading && <AbsoluteLoader />}\n                            <Entries entries={entries} loadMore={loadMore}>\n                                {entry => {\n                                    return (\n                                        <Entry\n                                            model={contentModel}\n                                            key={`reference-entry-${entry.id}`}\n                                            entry={entry}\n                                            selected={isSelected(entry.entryId, values)}\n                                            onChange={onChange}\n                                        />\n                                    );\n                                }}\n                            </Entries>\n                        </Content>\n                    </Container>\n                </DialogContent>\n                <DialogActions>\n                    <ButtonDefault onClick={onDialogClose}>Cancel</ButtonDefault>\n                    <ButtonPrimary onClick={onDialogSave}>Save</ButtonPrimary>\n                </DialogActions>\n            </Dialog>\n        </>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js

@@ -7,15 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.createSearchQuery = exports.LIST_LATEST_CONTENT_ENTRIES = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
-var _pluralize = _interopRequireDefault(require("pluralize"));
 var _templateObject, _templateObject2;
 var fields = "\n    data {\n        id\n        entryId\n        title\n        description\n        image\n        status\n        createdOn\n        savedOn\n        model {\n            name\n            modelId\n        }\n        createdBy {\n            id\n            displayName\n            type\n        }\n        modifiedBy {\n            id\n            displayName\n            type\n        }\n        published {\n            id\n        }\n    }\n    error {\n        message\n        code\n        data\n    }\n";
 var LIST_LATEST_CONTENT_ENTRIES = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsListLatestContentEntries($entries: [CmsModelEntryInput!]!) {\n        entries: getLatestContentEntries(entries: $entries) {\n            ", "\n        }\n    }\n"])), fields);
 exports.LIST_LATEST_CONTENT_ENTRIES = LIST_LATEST_CONTENT_ENTRIES;
 var createSearchQuery = function createSearchQuery(model) {
-  var ucFirstPluralizedModelId = (0, _upperFirst.default)((0, _pluralize.default)(model.modelId));
-  var ucFirstModelId = (0, _upperFirst.default)(model.modelId);
-  return (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        query Search", "($where: ", "ListWhereInput, $sort: [", "ListSorter], $limit: Int, $after: String) {\n            content: list", "(\n            where: $where\n            sort: $sort\n            limit: $limit\n            after: $after\n            ) {\n            data {\n                id\n                entryId\n                savedOn\n                createdOn\n                createdBy {\n                    id\n                    type\n                    displayName\n                }\n                ownedBy {\n                    id\n                    type\n                    displayName\n                }\n                modifiedBy {\n                    id\n                    type\n                    displayName\n                }\n                meta {\n                    title\n                    description\n                    image\n                    status\n                }\n            }\n            meta {\n                cursor\n                hasMoreItems\n                totalCount\n            }\n            error {\n                message\n                code\n                data\n            }\n        }\n        }"])), ucFirstPluralizedModelId, ucFirstModelId, ucFirstModelId, ucFirstPluralizedModelId);
+  return (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        query Search", "($where: ", "ListWhereInput, $sort: [", "ListSorter], $limit: Int, $after: String) {\n            content: list", "(\n            where: $where\n            sort: $sort\n            limit: $limit\n            after: $after\n            ) {\n            data {\n                id\n                entryId\n                savedOn\n                createdOn\n                createdBy {\n                    id\n                    type\n                    displayName\n                }\n                ownedBy {\n                    id\n                    type\n                    displayName\n                }\n                modifiedBy {\n                    id\n                    type\n                    displayName\n                }\n                meta {\n                    title\n                    description\n                    image\n                    status\n                }\n            }\n            meta {\n                cursor\n                hasMoreItems\n                totalCount\n            }\n            error {\n                message\n                code\n                data\n            }\n        }\n        }"])), model.pluralApiName, model.singularApiName, model.singularApiName, model.pluralApiName);
 };
 exports.createSearchQuery = createSearchQuery;

package/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["fields","LIST_LATEST_CONTENT_ENTRIES","gql","createSearchQuery","model","ucFirstPluralizedModelId","upperFirst","pluralize","modelId","ucFirstModelId"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport {\n    CmsContentEntryStatusType,\n    CmsIdentity,\n    CmsErrorResponse,\n    CmsMetaResponse,\n    CmsModel\n} from \"~/types\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { CmsEntryGetEntryVariable } from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\nimport upperFirst from \"lodash/upperFirst\";\nimport pluralize from \"pluralize\";\n\nconst fields = `\n    data {\n        id\n        entryId\n        title\n        description\n        image\n        status\n        createdOn\n        savedOn\n        model {\n            name\n            modelId\n        }\n        createdBy {\n            id\n            displayName\n            type\n        }\n        modifiedBy {\n            id\n            displayName\n            type\n        }\n        published {\n            id\n        }\n    }\n    error {\n        message\n        code\n        data\n    }\n`;\n\nexport interface ListLatestCmsEntriesResponse {\n    entries: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\n\nexport interface ListLatestCmsEntriesVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\n\nexport const LIST_LATEST_CONTENT_ENTRIES = gql`\n    query CmsListLatestContentEntries($entries: [CmsModelEntryInput!]!) {\n        entries: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\nexport interface SearchQueryResponseEntry {\n    id: string;\n    entryId: string;\n    savedOn: Date;\n    createdOn: Date;\n    createdBy: CmsIdentity;\n    ownedBy: CmsIdentity;\n    modifiedBy: CmsIdentity;\n    meta: {\n        title: string;\n        description?: string;\n        image?: string;\n        status: CmsContentEntryStatusType;\n    };\n}\n\nexport interface SearchQueryResponse {\n    content: {\n        data: SearchQueryResponseEntry[];\n        error: CmsErrorResponse | null;\n        meta: CmsMetaResponse;\n    };\n}\n\nexport interface SearchQueryVariables {\n    where?: {\n        [key: string]: any;\n    };\n    sort?: string[];\n    limit?: number;\n    after?: string;\n}\n\nexport const createSearchQuery = (model: CmsModel) => {\n    const ucFirstPluralizedModelId = upperFirst(pluralize(model.modelId));\n    const ucFirstModelId = upperFirst(model.modelId);\n\n    return gql`\n        query Search${ucFirstPluralizedModelId}($where: ${ucFirstModelId}ListWhereInput, $sort: [${ucFirstModelId}ListSorter], $limit: Int, $after: String) {\n            content: list${ucFirstPluralizedModelId}(\n            where: $where\n            sort: $sort\n            limit: $limit\n            after: $after\n            ) {\n            data {\n                id\n                entryId\n                savedOn\n                createdOn\n                createdBy {\n                    id\n                    type\n                    displayName\n                }\n                ownedBy {\n                    id\n                    type\n                    displayName\n                }\n                modifiedBy {\n                    id\n                    type\n                    displayName\n                }\n                meta {\n                    title\n                    description\n                    image\n                    status\n                }\n            }\n            meta {\n                cursor\n                hasMoreItems\n                totalCount\n            }\n            error {\n                message\n                code\n                data\n            }\n        }\n        }`;\n};\n"],"mappings":";;;;;;;;AAAA;AAUA;AACA;AAAkC;AAElC,IAAMA,MAAM,ygBAiCX;AAaM,IAAMC,2BAA2B,OAAGC,mBAAG,qQAGhCF,MAAM,CAGnB;AAAC;AAmCK,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,KAAe,EAAK;EAClD,IAAMC,wBAAwB,GAAG,IAAAC,mBAAU,EAAC,IAAAC,kBAAS,EAACH,KAAK,CAACI,OAAO,CAAC,CAAC;EACrE,IAAMC,cAAc,GAAG,IAAAH,mBAAU,EAACF,KAAK,CAACI,OAAO,CAAC;EAEhD,WAAON,mBAAG,8vCACQG,wBAAwB,EAAYI,cAAc,EAA2BA,cAAc,EACtFJ,wBAAwB;AA6CnD,CAAC;AAAC"}
+{"version":3,"names":["fields","LIST_LATEST_CONTENT_ENTRIES","gql","createSearchQuery","model","pluralApiName","singularApiName"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport {\n    CmsContentEntryStatusType,\n    CmsIdentity,\n    CmsErrorResponse,\n    CmsMetaResponse,\n    CmsModel\n} from \"~/types\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { CmsEntryGetEntryVariable } from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\n\nconst fields = `\n    data {\n        id\n        entryId\n        title\n        description\n        image\n        status\n        createdOn\n        savedOn\n        model {\n            name\n            modelId\n        }\n        createdBy {\n            id\n            displayName\n            type\n        }\n        modifiedBy {\n            id\n            displayName\n            type\n        }\n        published {\n            id\n        }\n    }\n    error {\n        message\n        code\n        data\n    }\n`;\n\nexport interface ListLatestCmsEntriesResponse {\n    entries: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\n\nexport interface ListLatestCmsEntriesVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\n\nexport const LIST_LATEST_CONTENT_ENTRIES = gql`\n    query CmsListLatestContentEntries($entries: [CmsModelEntryInput!]!) {\n        entries: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\nexport interface SearchQueryResponseEntry {\n    id: string;\n    entryId: string;\n    savedOn: Date;\n    createdOn: Date;\n    createdBy: CmsIdentity;\n    ownedBy: CmsIdentity;\n    modifiedBy: CmsIdentity;\n    meta: {\n        title: string;\n        description?: string;\n        image?: string;\n        status: CmsContentEntryStatusType;\n    };\n}\n\nexport interface SearchQueryResponse {\n    content: {\n        data: SearchQueryResponseEntry[];\n        error: CmsErrorResponse | null;\n        meta: CmsMetaResponse;\n    };\n}\n\nexport interface SearchQueryVariables {\n    where?: {\n        [key: string]: any;\n    };\n    sort?: string[];\n    limit?: number;\n    after?: string;\n}\n\nexport const createSearchQuery = (model: CmsModel) => {\n    return gql`\n        query Search${model.pluralApiName}($where: ${model.singularApiName}ListWhereInput, $sort: [${model.singularApiName}ListSorter], $limit: Int, $after: String) {\n            content: list${model.pluralApiName}(\n            where: $where\n            sort: $sort\n            limit: $limit\n            after: $after\n            ) {\n            data {\n                id\n                entryId\n                savedOn\n                createdOn\n                createdBy {\n                    id\n                    type\n                    displayName\n                }\n                ownedBy {\n                    id\n                    type\n                    displayName\n                }\n                modifiedBy {\n                    id\n                    type\n                    displayName\n                }\n                meta {\n                    title\n                    description\n                    image\n                    status\n                }\n            }\n            meta {\n                cursor\n                hasMoreItems\n                totalCount\n            }\n            error {\n                message\n                code\n                data\n            }\n        }\n        }`;\n};\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAW9B,IAAMA,MAAM,ygBAiCX;AAaM,IAAMC,2BAA2B,OAAGC,mBAAG,qQAGhCF,MAAM,CAGnB;AAAC;AAmCK,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,KAAe,EAAK;EAClD,WAAOF,mBAAG,8vCACQE,KAAK,CAACC,aAAa,EAAYD,KAAK,CAACE,eAAe,EAA2BF,KAAK,CAACE,eAAe,EAC/FF,KAAK,CAACC,aAAa;AA6C9C,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/components/NewRefEntryFormDialog.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import { CmsEditorContentEntry } from "../../../../../types";
+import { CmsContentEntry } from "../../../../../types";
 export declare const NewEntryButton: () => JSX.Element;
 interface NewRefEntryProps {
     modelId: string;
     children: React.ReactElement;
-    onChange: (entry: CmsEditorContentEntry) => void;
+    onChange: (entry: CmsContentEntry) => void;
 }
 declare const NewRefEntryFormDialog: React.FC<NewRefEntryProps>;
 export default NewRefEntryFormDialog;

package/admin/plugins/fieldRenderers/ref/components/NewRefEntryFormDialog.js

@@ -40,7 +40,7 @@ var EntryForm = function EntryForm(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_ContentEntryForm.ContentEntryForm, {
     onSubmit: function onSubmit(data) {
       /**
-       * We know that data is CmsEditorContentEntry.
+       * We know that data is CmsContentEntry.
        */
       return onCreate(data);
     },
@@ -125,11 +125,11 @@ var NewRefEntryFormDialog = function NewRefEntryFormDialog(_ref2) {
   if (!contentModel) {
     return children;
   }
-  return /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.ContentEntriesProvider, {
     contentModel: contentModel,
     key: contentModel.modelId,
     insideDialog: true
-  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.ContentEntryProvider, {
     isNewEntry: function isNewEntry() {
       return true;
     },

package/admin/plugins/fieldRenderers/ref/components/NewRefEntryFormDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","dialogContentStyles","css","dialogContainerStyles","EntryForm","onCreate","useContentEntry","setFormRef","contentModel","data","form","DialogSaveButton","current","submit","DefaultButton","styled","ButtonDefault","NewEntryButton","useNewRefEntryDialog","setOpen","NewRefEntryFormDialog","modelId","children","onChange","useState","undefined","setContentModel","useSnackbar","showSnackbar","useQuery","GET_CONTENT_MODEL","skip","variables","onCompleted","contentModelData","get","open","hideDialog","useCallback","entry","published","modelName","name"],"sources":["NewRefEntryFormDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport get from \"lodash/get\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Dialog, DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { Provider as ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { useNewRefEntryDialog } from \"../hooks/useNewRefEntryDialog\";\nimport { CmsEditorContentEntry, CmsModel } from \"~/types\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst dialogContentStyles = css`\n    width: 786px;\n`;\n\nconst dialogContainerStyles = css`\n    /*\n* By default, a Dialog component has the \"z-index\" value of 20.\n* As we are rendering the content entry form in a \"Dialog\", the File Manager view triggered by a \"file\" field\n* will render below the source form, rendering it useless for the user.\n*\n* To fix that issue, we're setting the \"z-index\" CSS property for this particular Dialog to less than 18,\n* which is the \"z-index\" value assigned to File Manager view, so that it will render below the File Manager view as expected.\n*/\n\n    &.mdc-dialog {\n        z-index: 17;\n    }\n`;\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsEditorContentEntry) => void;\n}\nconst EntryForm: React.FC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ModelProvider model={contentModel}>\n            <ContentEntryForm\n                onSubmit={data => {\n                    /**\n                     * We know that data is CmsEditorContentEntry.\n                     */\n                    return onCreate(data as unknown as CmsEditorContentEntry);\n                }}\n                onForm={form => setFormRef(form)}\n                entry={{}}\n                addEntryToListCache={false}\n            />\n        </ModelProvider>\n    );\n};\n\nconst DialogSaveButton: React.FC = () => {\n    const { form } = useContentEntry();\n\n    return <ButtonPrimary onClick={form.current.submit}>{t`Create Entry`}</ButtonPrimary>;\n};\n\nconst DefaultButton = styled(ButtonDefault)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = () => {\n    const { setOpen } = useNewRefEntryDialog();\n    return (\n        <DefaultButton small={true} onClick={() => setOpen(true)}>\n            <ButtonIcon icon={<AddIcon />} />\n            {t`New Entry`}\n        </DefaultButton>\n    );\n};\n\ninterface NewRefEntryProps {\n    modelId: string;\n    children: React.ReactElement;\n    onChange: (entry: CmsEditorContentEntry) => void;\n}\n\nconst NewRefEntryFormDialog: React.FC<NewRefEntryProps> = ({ modelId, children, onChange }) => {\n    const [contentModel, setContentModel] = useState<CmsModel | undefined>(undefined);\n\n    const { showSnackbar } = useSnackbar();\n\n    useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(GET_CONTENT_MODEL, {\n        skip: !modelId,\n        variables: { modelId },\n        onCompleted: data => {\n            const contentModelData = get(data, \"getContentModel.data\") as unknown as CmsModel;\n            if (contentModelData) {\n                setContentModel(contentModelData);\n                return;\n            }\n\n            showSnackbar(\n                t`Could not load content for model \"{modelId}\". Redirecting...`({\n                    modelId\n                })\n            );\n        }\n    });\n\n    const { open, setOpen } = useNewRefEntryDialog();\n    const hideDialog = useCallback(() => setOpen(false), []);\n\n    const onCreate = useCallback(\n        (entry: CmsEditorContentEntry) => {\n            if (!contentModel) {\n                setOpen(false);\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: get(entry, \"meta.status\") === \"published\",\n                modelId: contentModel.modelId,\n                modelName: contentModel.name\n            });\n            setOpen(false);\n        },\n        [onChange, contentModel]\n    );\n\n    if (!contentModel) {\n        return children;\n    }\n\n    return (\n        <ContentEntriesProvider\n            contentModel={contentModel}\n            key={contentModel.modelId}\n            insideDialog={true}\n        >\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <Dialog open={open} onClose={hideDialog} className={dialogContainerStyles}>\n                    <DialogTitle>\n                        {t`New {modelName} Entry`({ modelName: contentModel.name })}\n                    </DialogTitle>\n                    <DialogContent className={dialogContentStyles}>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </Dialog>\n                {children}\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n\nexport default NewRefEntryFormDialog;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AAEA;AAAiE;AAEjE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,mBAAmB,oBAAGC,YAAG,2CAE9B;AAED,IAAMC,qBAAqB,oBAAGD,YAAG,0DAahC;AAKD,IAAME,SAAmC,GAAG,SAAtCA,SAAmC,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACnD,uBAAqC,IAAAC,iCAAe,GAAE;IAA9CC,UAAU,oBAAVA,UAAU;IAAEC,YAAY,oBAAZA,YAAY;EAEhC,oBACI,6BAAC,4BAAa;IAAC,KAAK,EAAEA;EAAa,gBAC/B,6BAAC,kCAAgB;IACb,QAAQ,EAAE,kBAAAC,IAAI,EAAI;MACd;AACpB;AACA;MACoB,OAAOJ,QAAQ,CAACI,IAAI,CAAqC;IAC7D,CAAE;IACF,MAAM,EAAE,gBAAAC,IAAI;MAAA,OAAIH,UAAU,CAACG,IAAI,CAAC;IAAA,CAAC;IACjC,KAAK,EAAE,CAAC,CAAE;IACV,mBAAmB,EAAE;EAAM,EAC7B,CACU;AAExB,CAAC;AAED,IAAMC,gBAA0B,GAAG,SAA7BA,gBAA0B,GAAS;EACrC,wBAAiB,IAAAL,iCAAe,GAAE;IAA1BI,IAAI,qBAAJA,IAAI;EAEZ,oBAAO,6BAAC,qBAAa;IAAC,OAAO,EAAEA,IAAI,CAACE,OAAO,CAACC;EAAO,GAAEf,CAAC,gGAA+B;AACzF,CAAC;AAED,IAAMgB,aAAa,oBAAGC,eAAM,EAACC,qBAAa;EAAA;EAAA;AAAA,uBAEzC;AAEM,IAAMC,cAAc,GAAG,SAAjBA,cAAc,GAAS;EAChC,4BAAoB,IAAAC,2CAAoB,GAAE;IAAlCC,OAAO,yBAAPA,OAAO;EACf,oBACI,6BAAC,aAAa;IAAC,KAAK,EAAE,IAAK;IAAC,OAAO,EAAE;MAAA,OAAMA,OAAO,CAAC,IAAI,CAAC;IAAA;EAAC,gBACrD,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,uBAAO;EAAI,EAAG,EAChCrB,CAAC,+FACU;AAExB,CAAC;AAAC;AAQF,IAAMsB,qBAAiD,GAAG,SAApDA,qBAAiD,QAAwC;EAAA,IAAlCC,OAAO,SAAPA,OAAO;IAAEC,QAAQ,SAARA,QAAQ;IAAEC,QAAQ,SAARA,QAAQ;EACpF,gBAAwC,IAAAC,eAAQ,EAAuBC,SAAS,CAAC;IAAA;IAA1EjB,YAAY;IAAEkB,eAAe;EAEpC,mBAAyB,IAAAC,qBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EAEpB,IAAAC,eAAQ,EAAsDC,gCAAiB,EAAE;IAC7EC,IAAI,EAAE,CAACV,OAAO;IACdW,SAAS,EAAE;MAAEX,OAAO,EAAPA;IAAQ,CAAC;IACtBY,WAAW,EAAE,qBAAAxB,IAAI,EAAI;MACjB,IAAMyB,gBAAgB,GAAG,IAAAC,YAAG,EAAC1B,IAAI,EAAE,sBAAsB,CAAwB;MACjF,IAAIyB,gBAAgB,EAAE;QAClBR,eAAe,CAACQ,gBAAgB,CAAC;QACjC;MACJ;MAEAN,YAAY,CACR9B,CAAC,oJAA+D;QAC5DuB,OAAO,EAAPA;MACJ,CAAC,CAAC,CACL;IACL;EACJ,CAAC,CAAC;EAEF,6BAA0B,IAAAH,2CAAoB,GAAE;IAAxCkB,IAAI,0BAAJA,IAAI;IAAEjB,OAAO,0BAAPA,OAAO;EACrB,IAAMkB,UAAU,GAAG,IAAAC,kBAAW,EAAC;IAAA,OAAMnB,OAAO,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAExD,IAAMd,QAAQ,GAAG,IAAAiC,kBAAW,EACxB,UAACC,KAA4B,EAAK;IAC9B,IAAI,CAAC/B,YAAY,EAAE;MACfW,OAAO,CAAC,KAAK,CAAC;MACd;IACJ;IACAI,QAAQ,6DACDgB,KAAK;MACR;AAChB;AACA;MACgBC,SAAS,EAAE,IAAAL,YAAG,EAACI,KAAK,EAAE,aAAa,CAAC,KAAK,WAAW;MACpDlB,OAAO,EAAEb,YAAY,CAACa,OAAO;MAC7BoB,SAAS,EAAEjC,YAAY,CAACkC;IAAI,GAC9B;IACFvB,OAAO,CAAC,KAAK,CAAC;EAClB,CAAC,EACD,CAACI,QAAQ,EAAEf,YAAY,CAAC,CAC3B;EAED,IAAI,CAACA,YAAY,EAAE;IACf,OAAOc,QAAQ;EACnB;EAEA,oBACI,6BAAC,+BAAsB;IACnB,YAAY,EAAEd,YAAa;IAC3B,GAAG,EAAEA,YAAY,CAACa,OAAQ;IAC1B,YAAY,EAAE;EAAK,gBAEnB,6BAAC,6BAAoB;IAAC,UAAU,EAAE;MAAA,OAAM,IAAI;IAAA,CAAC;IAAC,YAAY,EAAE;MAAA,OAAM,IAAI;IAAA;EAAC,gBACnE,6BAAC,cAAM;IAAC,IAAI,EAAEe,IAAK;IAAC,OAAO,EAAEC,UAAW;IAAC,SAAS,EAAElC;EAAsB,gBACtE,6BAAC,mBAAW,QACPL,CAAC,2GAAwB;IAAE2C,SAAS,EAAEjC,YAAY,CAACkC;EAAK,CAAC,CAAC,CACjD,eACd,6BAAC,qBAAa;IAAC,SAAS,EAAEzC;EAAoB,gBAC1C,6BAAC,SAAS;IAAC,QAAQ,EAAEI;EAAS,EAAG,CACrB,eAChB,6BAAC,qBAAa,qBACV,6BAAC,oBAAY,QAAEP,CAAC,4FAAwB,eACxC,6BAAC,gBAAgB,OAAG,CACR,CACX,EACRwB,QAAQ,CACU,CACF;AAEjC,CAAC;AAAC,eAEaF,qBAAqB;AAAA"}
+{"version":3,"names":["t","i18n","ns","dialogContentStyles","css","dialogContainerStyles","EntryForm","onCreate","useContentEntry","setFormRef","contentModel","data","form","DialogSaveButton","current","submit","DefaultButton","styled","ButtonDefault","NewEntryButton","useNewRefEntryDialog","setOpen","NewRefEntryFormDialog","modelId","children","onChange","useState","undefined","setContentModel","useSnackbar","showSnackbar","useQuery","GET_CONTENT_MODEL","skip","variables","onCompleted","contentModelData","get","open","hideDialog","useCallback","entry","published","modelName","name"],"sources":["NewRefEntryFormDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport get from \"lodash/get\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Dialog, DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { useNewRefEntryDialog } from \"../hooks/useNewRefEntryDialog\";\nimport { CmsContentEntry, CmsModel } from \"~/types\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst dialogContentStyles = css`\n    width: 786px;\n`;\n\nconst dialogContainerStyles = css`\n    /*\n* By default, a Dialog component has the \"z-index\" value of 20.\n* As we are rendering the content entry form in a \"Dialog\", the File Manager view triggered by a \"file\" field\n* will render below the source form, rendering it useless for the user.\n*\n* To fix that issue, we're setting the \"z-index\" CSS property for this particular Dialog to less than 18,\n* which is the \"z-index\" value assigned to File Manager view, so that it will render below the File Manager view as expected.\n*/\n\n    &.mdc-dialog {\n        z-index: 17;\n    }\n`;\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsContentEntry) => void;\n}\nconst EntryForm: React.FC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ModelProvider model={contentModel}>\n            <ContentEntryForm\n                onSubmit={data => {\n                    /**\n                     * We know that data is CmsContentEntry.\n                     */\n                    return onCreate(data as unknown as CmsContentEntry);\n                }}\n                onForm={form => setFormRef(form)}\n                entry={{}}\n                addEntryToListCache={false}\n            />\n        </ModelProvider>\n    );\n};\n\nconst DialogSaveButton: React.FC = () => {\n    const { form } = useContentEntry();\n\n    return <ButtonPrimary onClick={form.current.submit}>{t`Create Entry`}</ButtonPrimary>;\n};\n\nconst DefaultButton = styled(ButtonDefault)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = () => {\n    const { setOpen } = useNewRefEntryDialog();\n    return (\n        <DefaultButton small={true} onClick={() => setOpen(true)}>\n            <ButtonIcon icon={<AddIcon />} />\n            {t`New Entry`}\n        </DefaultButton>\n    );\n};\n\ninterface NewRefEntryProps {\n    modelId: string;\n    children: React.ReactElement;\n    onChange: (entry: CmsContentEntry) => void;\n}\n\nconst NewRefEntryFormDialog: React.FC<NewRefEntryProps> = ({ modelId, children, onChange }) => {\n    const [contentModel, setContentModel] = useState<CmsModel | undefined>(undefined);\n\n    const { showSnackbar } = useSnackbar();\n\n    useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(GET_CONTENT_MODEL, {\n        skip: !modelId,\n        variables: { modelId },\n        onCompleted: data => {\n            const contentModelData = get(data, \"getContentModel.data\") as unknown as CmsModel;\n            if (contentModelData) {\n                setContentModel(contentModelData);\n                return;\n            }\n\n            showSnackbar(\n                t`Could not load content for model \"{modelId}\". Redirecting...`({\n                    modelId\n                })\n            );\n        }\n    });\n\n    const { open, setOpen } = useNewRefEntryDialog();\n    const hideDialog = useCallback(() => setOpen(false), []);\n\n    const onCreate = useCallback(\n        (entry: CmsContentEntry) => {\n            if (!contentModel) {\n                setOpen(false);\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: get(entry, \"meta.status\") === \"published\",\n                modelId: contentModel.modelId,\n                modelName: contentModel.name\n            });\n            setOpen(false);\n        },\n        [onChange, contentModel]\n    );\n\n    if (!contentModel) {\n        return children;\n    }\n\n    return (\n        <ContentEntriesProvider\n            contentModel={contentModel}\n            key={contentModel.modelId}\n            insideDialog={true}\n        >\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <Dialog open={open} onClose={hideDialog} className={dialogContainerStyles}>\n                    <DialogTitle>\n                        {t`New {modelName} Entry`({ modelName: contentModel.name })}\n                    </DialogTitle>\n                    <DialogContent className={dialogContentStyles}>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </Dialog>\n                {children}\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n\nexport default NewRefEntryFormDialog;\n"],"mappings":"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"}

package/admin/plugins/fields/dynamicZone.d.ts

@@ -1,2 +1,2 @@
-import { CmsEditorFieldTypePlugin } from "../../../types";
-export declare const dynamicZoneField: CmsEditorFieldTypePlugin;
+import { CmsModelFieldTypePlugin } from "../../../types";
+export declare const dynamicZoneField: CmsModelFieldTypePlugin;

package/admin/plugins/fields/dynamicZone.js

@@ -42,7 +42,7 @@ var dynamicZoneField = {
     },
     listValidators: listValidators,
     canAccept: function canAccept(_, draggable) {
-      return draggable.fieldType !== "dynamicZone";
+      return draggable.fieldType !== "dynamicZone" && draggable.fieldType !== "ref";
     },
     multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of values"]))),
     createField: function createField() {

package/admin/plugins/fields/dynamicZone.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","listValidators","validators","commonValidators","title","description","dynamicZoneField","type","name","field","label","icon","allowMultipleValues","allowPredefinedValues","multipleValues","canAccept","_","draggable","fieldType","multipleValuesLabel","createField","listValidation","settings","templates","renderer","render","graphql","queryField","model","prefix","singularApiName","createTypeName","fieldId","fragments","map","template","gqlTypeName","createFieldsList","fields","join"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@material-design-icons/svg/outlined/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createFieldsList } from \"~/admin/graphql/createFieldsList\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport { CmsEditorFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n    validators: commonValidators,\n    title: \"List validators\",\n    description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsEditorFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dynamic-zone\",\n    field: {\n        type: \"dynamicZone\",\n        label: t`Dynamic Zone`,\n        description: t`Define content templates to be used during content creation.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        validators: field => {\n            if (field.multipleValues) {\n                return {\n                    validators: [\"dynamicZone\"],\n                    title: \"Template Validators\",\n                    description: \"Validators for each of the templates in this dynamic zone.\"\n                };\n            }\n\n            return [\"required\"];\n        },\n        listValidators,\n        canAccept(_, draggable) {\n            return draggable.fieldType !== \"dynamicZone\";\n        },\n        multipleValuesLabel: t`Use as a list of values`,\n        createField() {\n            return {\n                type: this.type,\n                listValidation: [{ name: \"dynamicZone\" }],\n                settings: {\n                    templates: []\n                },\n                renderer: {\n                    name: \"dynamicZone\"\n                }\n            };\n        },\n        render() {\n            return <DynamicZone />;\n        },\n        graphql: {\n            queryField({ model, field }) {\n                const prefix = `${model.singularApiName}_${createTypeName(field.fieldId)}`;\n                const templates = field.settings?.templates || [];\n\n                const fragments = templates.map(template => {\n                    return `...on ${prefix}_${template.gqlTypeName} {\n                        ${createFieldsList({ model, fields: template.fields || [] })}\n                        _templateId\n                        __typename\n                    }`;\n                });\n                return `{ ${fragments.join(\"\\n\")} }`;\n            }\n        }\n    }\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAkE;AAElE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,cAA4C,GAAG;EACjDC,UAAU,EAAEC,kCAAgB;EAC5BC,KAAK,EAAE,iBAAiB;EACxBC,WAAW,EAAE;AACjB,CAAC;AAEM,IAAMC,gBAA0C,GAAG;EACtDC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,oCAAoC;EAC1CC,KAAK,EAAE;IACHF,IAAI,EAAE,aAAa;IACnBG,KAAK,EAAEZ,CAAC,+FAAc;IACtBO,WAAW,EAAEP,CAAC,iJAA8D;IAC5Ea,IAAI,eAAE,6BAAC,4BAAU,OAAG;IACpBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BX,UAAU,EAAE,oBAAAO,KAAK,EAAI;MACjB,IAAIA,KAAK,CAACK,cAAc,EAAE;QACtB,OAAO;UACHZ,UAAU,EAAE,CAAC,aAAa,CAAC;UAC3BE,KAAK,EAAE,qBAAqB;UAC5BC,WAAW,EAAE;QACjB,CAAC;MACL;MAEA,OAAO,CAAC,UAAU,CAAC;IACvB,CAAC;IACDJ,cAAc,EAAdA,cAAc;IACdc,SAAS,qBAACC,CAAC,EAAEC,SAAS,EAAE;MACpB,OAAOA,SAAS,CAACC,SAAS,KAAK,aAAa;IAChD,CAAC;IACDC,mBAAmB,EAAErB,CAAC,4GAAyB;IAC/CsB,WAAW,yBAAG;MACV,OAAO;QACHb,IAAI,EAAE,IAAI,CAACA,IAAI;QACfc,cAAc,EAAE,CAAC;UAAEb,IAAI,EAAE;QAAc,CAAC,CAAC;QACzCc,QAAQ,EAAE;UACNC,SAAS,EAAE;QACf,CAAC;QACDC,QAAQ,EAAE;UACNhB,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDiB,MAAM,oBAAG;MACL,oBAAO,6BAAC,wBAAW,OAAG;IAC1B,CAAC;IACDC,OAAO,EAAE;MACLC,UAAU,4BAAmB;QAAA;QAAA,IAAhBC,KAAK,QAALA,KAAK;UAAEnB,KAAK,QAALA,KAAK;QACrB,IAAMoB,MAAM,aAAMD,KAAK,CAACE,eAAe,cAAI,IAAAC,8BAAc,EAACtB,KAAK,CAACuB,OAAO,CAAC,CAAE;QAC1E,IAAMT,SAAS,GAAG,oBAAAd,KAAK,CAACa,QAAQ,oDAAd,gBAAgBC,SAAS,KAAI,EAAE;QAEjD,IAAMU,SAAS,GAAGV,SAAS,CAACW,GAAG,CAAC,UAAAC,QAAQ,EAAI;UACxC,uBAAgBN,MAAM,cAAIM,QAAQ,CAACC,WAAW,yCACxC,IAAAC,kCAAgB,EAAC;YAAET,KAAK,EAALA,KAAK;YAAEU,MAAM,EAAEH,QAAQ,CAACG,MAAM,IAAI;UAAG,CAAC,CAAC;QAIpE,CAAC,CAAC;QACF,mBAAYL,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC;MACpC;IACJ;EACJ;AACJ,CAAC;AAAC"}
+{"version":3,"names":["t","i18n","ns","listValidators","validators","commonValidators","title","description","dynamicZoneField","type","name","field","label","icon","allowMultipleValues","allowPredefinedValues","multipleValues","canAccept","_","draggable","fieldType","multipleValuesLabel","createField","listValidation","settings","templates","renderer","render","graphql","queryField","model","prefix","singularApiName","createTypeName","fieldId","fragments","map","template","gqlTypeName","createFieldsList","fields","join"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@material-design-icons/svg/outlined/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createFieldsList } from \"~/admin/graphql/createFieldsList\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport { CmsModelFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n    validators: commonValidators,\n    title: \"List validators\",\n    description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dynamic-zone\",\n    field: {\n        type: \"dynamicZone\",\n        label: t`Dynamic Zone`,\n        description: t`Define content templates to be used during content creation.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        validators: field => {\n            if (field.multipleValues) {\n                return {\n                    validators: [\"dynamicZone\"],\n                    title: \"Template Validators\",\n                    description: \"Validators for each of the templates in this dynamic zone.\"\n                };\n            }\n\n            return [\"required\"];\n        },\n        listValidators,\n        canAccept(_, draggable) {\n            return draggable.fieldType !== \"dynamicZone\" && draggable.fieldType !== \"ref\";\n        },\n        multipleValuesLabel: t`Use as a list of values`,\n        createField() {\n            return {\n                type: this.type,\n                listValidation: [{ name: \"dynamicZone\" }],\n                settings: {\n                    templates: []\n                },\n                renderer: {\n                    name: \"dynamicZone\"\n                }\n            };\n        },\n        render() {\n            return <DynamicZone />;\n        },\n        graphql: {\n            queryField({ model, field }) {\n                const prefix = `${model.singularApiName}_${createTypeName(field.fieldId)}`;\n                const templates = field.settings?.templates || [];\n\n                const fragments = templates.map(template => {\n                    return `...on ${prefix}_${template.gqlTypeName} {\n                        ${createFieldsList({ model, fields: template.fields || [] })}\n                        _templateId\n                        __typename\n                    }`;\n                });\n                return `{ ${fragments.join(\"\\n\")} }`;\n            }\n        }\n    }\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAkE;AAElE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,cAA4C,GAAG;EACjDC,UAAU,EAAEC,kCAAgB;EAC5BC,KAAK,EAAE,iBAAiB;EACxBC,WAAW,EAAE;AACjB,CAAC;AAEM,IAAMC,gBAAyC,GAAG;EACrDC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,oCAAoC;EAC1CC,KAAK,EAAE;IACHF,IAAI,EAAE,aAAa;IACnBG,KAAK,EAAEZ,CAAC,+FAAc;IACtBO,WAAW,EAAEP,CAAC,iJAA8D;IAC5Ea,IAAI,eAAE,6BAAC,4BAAU,OAAG;IACpBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BX,UAAU,EAAE,oBAAAO,KAAK,EAAI;MACjB,IAAIA,KAAK,CAACK,cAAc,EAAE;QACtB,OAAO;UACHZ,UAAU,EAAE,CAAC,aAAa,CAAC;UAC3BE,KAAK,EAAE,qBAAqB;UAC5BC,WAAW,EAAE;QACjB,CAAC;MACL;MAEA,OAAO,CAAC,UAAU,CAAC;IACvB,CAAC;IACDJ,cAAc,EAAdA,cAAc;IACdc,SAAS,qBAACC,CAAC,EAAEC,SAAS,EAAE;MACpB,OAAOA,SAAS,CAACC,SAAS,KAAK,aAAa,IAAID,SAAS,CAACC,SAAS,KAAK,KAAK;IACjF,CAAC;IACDC,mBAAmB,EAAErB,CAAC,4GAAyB;IAC/CsB,WAAW,yBAAG;MACV,OAAO;QACHb,IAAI,EAAE,IAAI,CAACA,IAAI;QACfc,cAAc,EAAE,CAAC;UAAEb,IAAI,EAAE;QAAc,CAAC,CAAC;QACzCc,QAAQ,EAAE;UACNC,SAAS,EAAE;QACf,CAAC;QACDC,QAAQ,EAAE;UACNhB,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDiB,MAAM,oBAAG;MACL,oBAAO,6BAAC,wBAAW,OAAG;IAC1B,CAAC;IACDC,OAAO,EAAE;MACLC,UAAU,4BAAmB;QAAA;QAAA,IAAhBC,KAAK,QAALA,KAAK;UAAEnB,KAAK,QAALA,KAAK;QACrB,IAAMoB,MAAM,aAAMD,KAAK,CAACE,eAAe,cAAI,IAAAC,8BAAc,EAACtB,KAAK,CAACuB,OAAO,CAAC,CAAE;QAC1E,IAAMT,SAAS,GAAG,oBAAAd,KAAK,CAACa,QAAQ,oDAAd,gBAAgBC,SAAS,KAAI,EAAE;QAEjD,IAAMU,SAAS,GAAGV,SAAS,CAACW,GAAG,CAAC,UAAAC,QAAQ,EAAI;UACxC,uBAAgBN,MAAM,cAAIM,QAAQ,CAACC,WAAW,yCACxC,IAAAC,kCAAgB,EAAC;YAAET,KAAK,EAALA,KAAK;YAAEU,MAAM,EAAEH,QAAQ,CAACG,MAAM,IAAI;UAAG,CAAC,CAAC;QAIpE,CAAC,CAAC;QACF,mBAAYL,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC;MACpC;IACJ;EACJ;AACJ,CAAC;AAAC"}

package/admin/plugins/routes.js

@@ -17,6 +17,7 @@ var _reactRouter = require("@webiny/react-router");
 var _AdminLayout = require("@webiny/app-admin/components/AdminLayout");
 var _i18n = require("@webiny/app/i18n");
 var _ContentEntriesViewConfig = require("../views/contentEntries/experiment/ContentEntriesViewConfig");
+var _ContentEntriesContainer = require("../views/contentEntries/ContentEntriesContainer");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var _excluded = ["children"];
 var t = _i18n.i18n.ns("app-headless-cms/admin/routes");
@@ -63,7 +64,7 @@ var plugins = [{
     render: function render() {
       return /*#__PURE__*/_react.default.createElement(_components.SecureRoute, {
         permission: "cms.contentModel"
-      }, /*#__PURE__*/_react.default.createElement(_AdminLayout.AdminLayout, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, null, /*#__PURE__*/_react.default.createElement("title", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Content"]))))), /*#__PURE__*/_react.default.createElement(_ContentEntriesViewConfig.ContentEntriesView, null)));
+      }, /*#__PURE__*/_react.default.createElement(_AdminLayout.AdminLayout, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, null, /*#__PURE__*/_react.default.createElement("title", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Content"]))))), /*#__PURE__*/_react.default.createElement(_ContentEntriesContainer.ContentEntriesContainer, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesViewConfig.ContentEntriesView, null))));
     }
   })
 }, {

package/admin/plugins/routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","Loader","children","props","React","cloneElement","ContentModelEditor","lazy","ContentModelsView","ContentModelGroupsView","plugins","name","type","route"],"sources":["routes.tsx"],"sourcesContent":["import React, { Suspense, lazy } from \"react\";\nimport Helmet from \"react-helmet\";\nimport { SecureRoute } from \"@webiny/app-security/components\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Route } from \"@webiny/react-router\";\nimport { AdminLayout } from \"@webiny/app-admin/components/AdminLayout\";\nimport { RoutePlugin } from \"@webiny/app/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ContentEntriesView } from \"../views/contentEntries/experiment/ContentEntriesViewConfig\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/routes\");\n\nconst Loader: React.FC = ({ children, ...props }) => (\n    <Suspense fallback={<CircularProgress />}>\n        {React.cloneElement(children as unknown as React.ReactElement, props)}\n    </Suspense>\n);\n\nconst ContentModelEditor = lazy(() => import(\"../views/contentModels/ContentModelEditor\"));\nconst ContentModelsView = lazy(() => import(\"../views/contentModels/ContentModels\"));\nconst ContentModelGroupsView = lazy(() => import(\"../views/contentModelGroups/ContentModelGroups\"));\n\nconst plugins: RoutePlugin[] = [\n    {\n        name: \"route-cms-content-models-groups\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/cms/content-model-groups\"}\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModelGroup\"}>\n                        <AdminLayout>\n                            <Helmet>\n                                <title>{t`Content Model Groups`}</title>\n                            </Helmet>\n                            <Loader>\n                                <ContentModelGroupsView />\n                            </Loader>\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-cms-content-models-manage\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/cms/content-entries/:modelId\"}\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModel\"}>\n                        <AdminLayout>\n                            <Helmet>\n                                <title>{t`Content`}</title>\n                            </Helmet>\n                            <ContentEntriesView />\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-cms-content-models-editor\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/cms/content-models/:modelId\"}\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModel\"}>\n                        <Helmet>\n                            <title>{t`Edit Content Model`}</title>\n                        </Helmet>\n                        <Loader>\n                            <ContentModelEditor />\n                        </Loader>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-cms-content-models\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path=\"/cms/content-models\"\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModel\"}>\n                        <AdminLayout>\n                            <Helmet title={t`Content Models`} />\n                            <Loader>\n                                <ContentModelsView />\n                            </Loader>\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    }\n];\n\nexport default plugins;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAiG;AAAA;AAEjG,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAAgB,GAAG,SAAnBA,MAAgB;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EAAA,oBAC1C,6BAAC,eAAQ;IAAC,QAAQ,eAAE,6BAAC,0BAAgB;EAAI,gBACpCC,cAAK,CAACC,YAAY,CAACH,QAAQ,EAAmCC,KAAK,CAAC,CAC9D;AAAA,CACd;AAED,IAAMG,kBAAkB,gBAAG,IAAAC,WAAI,EAAC;EAAA;IAAA;EAAA;AAAA,CAAyD,CAAC;AAC1F,IAAMC,iBAAiB,gBAAG,IAAAD,WAAI,EAAC;EAAA;IAAA;EAAA;AAAA,CAAoD,CAAC;AACpF,IAAME,sBAAsB,gBAAG,IAAAF,WAAI,EAAC;EAAA;IAAA;EAAA;AAAA,CAA8D,CAAC;AAEnG,IAAMG,OAAsB,GAAG,CAC3B;EACIC,IAAI,EAAE,iCAAiC;EACvCC,IAAI,EAAE,OAAO;EACbC,KAAK,eACD,6BAAC,kBAAK;IACF,KAAK;IACL,IAAI,EAAE,2BAA4B;IAClC,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAW;QAAC,UAAU,EAAE;MAAwB,gBAC7C,6BAAC,wBAAW,qBACR,6BAAC,oBAAM,qBACH,4CAAQf,CAAC,wGAA+B,CACnC,eACT,6BAAC,MAAM,qBACH,6BAAC,sBAAsB,OAAG,CACrB,CACC,CACJ;IAAA;EAChB;AAGd,CAAC,EACD;EACIa,IAAI,EAAE,iCAAiC;EACvCC,IAAI,EAAE,OAAO;EACbC,KAAK,eACD,6BAAC,kBAAK;IACF,KAAK;IACL,IAAI,EAAE,+BAAgC;IACtC,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAW;QAAC,UAAU,EAAE;MAAmB,gBACxC,6BAAC,wBAAW,qBACR,6BAAC,oBAAM,qBACH,4CAAQf,CAAC,6FAAkB,CACtB,eACT,6BAAC,4CAAkB,OAAG,CACZ,CACJ;IAAA;EAChB;AAGd,CAAC,EACD;EACIa,IAAI,EAAE,iCAAiC;EACvCC,IAAI,EAAE,OAAO;EACbC,KAAK,eACD,6BAAC,kBAAK;IACF,KAAK;IACL,IAAI,EAAE,8BAA+B;IACrC,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAW;QAAC,UAAU,EAAE;MAAmB,gBACxC,6BAAC,oBAAM,qBACH,4CAAQf,CAAC,wGAA6B,CACjC,eACT,6BAAC,MAAM,qBACH,6BAAC,kBAAkB,OAAG,CACjB,CACC;IAAA;EAChB;AAGd,CAAC,EACD;EACIa,IAAI,EAAE,0BAA0B;EAChCC,IAAI,EAAE,OAAO;EACbC,KAAK,eACD,6BAAC,kBAAK;IACF,KAAK;IACL,IAAI,EAAC,qBAAqB;IAC1B,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAW;QAAC,UAAU,EAAE;MAAmB,gBACxC,6BAAC,wBAAW,qBACR,6BAAC,oBAAM;QAAC,KAAK,EAAEf,CAAC;MAAiB,EAAG,eACpC,6BAAC,MAAM,qBACH,6BAAC,iBAAiB,OAAG,CAChB,CACC,CACJ;IAAA;EAChB;AAGd,CAAC,CACJ;AAAC,eAEaY,OAAO;AAAA"}
+{"version":3,"names":["t","i18n","ns","Loader","children","props","React","cloneElement","ContentModelEditor","lazy","ContentModelsView","ContentModelGroupsView","plugins","name","type","route"],"sources":["routes.tsx"],"sourcesContent":["import React, { Suspense, lazy } from \"react\";\nimport Helmet from \"react-helmet\";\nimport { SecureRoute } from \"@webiny/app-security/components\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Route } from \"@webiny/react-router\";\nimport { AdminLayout } from \"@webiny/app-admin/components/AdminLayout\";\nimport { RoutePlugin } from \"@webiny/app/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ContentEntriesView } from \"../views/contentEntries/experiment/ContentEntriesViewConfig\";\nimport { ContentEntriesContainer } from \"~/admin/views/contentEntries/ContentEntriesContainer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/routes\");\n\nconst Loader: React.FC = ({ children, ...props }) => (\n    <Suspense fallback={<CircularProgress />}>\n        {React.cloneElement(children as unknown as React.ReactElement, props)}\n    </Suspense>\n);\n\nconst ContentModelEditor = lazy(() => import(\"../views/contentModels/ContentModelEditor\"));\nconst ContentModelsView = lazy(() => import(\"../views/contentModels/ContentModels\"));\nconst ContentModelGroupsView = lazy(() => import(\"../views/contentModelGroups/ContentModelGroups\"));\n\nconst plugins: RoutePlugin[] = [\n    {\n        name: \"route-cms-content-models-groups\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/cms/content-model-groups\"}\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModelGroup\"}>\n                        <AdminLayout>\n                            <Helmet>\n                                <title>{t`Content Model Groups`}</title>\n                            </Helmet>\n                            <Loader>\n                                <ContentModelGroupsView />\n                            </Loader>\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-cms-content-models-manage\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/cms/content-entries/:modelId\"}\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModel\"}>\n                        <AdminLayout>\n                            <Helmet>\n                                <title>{t`Content`}</title>\n                            </Helmet>\n                            <ContentEntriesContainer>\n                                <ContentEntriesView />\n                            </ContentEntriesContainer>\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-cms-content-models-editor\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/cms/content-models/:modelId\"}\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModel\"}>\n                        <Helmet>\n                            <title>{t`Edit Content Model`}</title>\n                        </Helmet>\n                        <Loader>\n                            <ContentModelEditor />\n                        </Loader>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-cms-content-models\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path=\"/cms/content-models\"\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModel\"}>\n                        <AdminLayout>\n                            <Helmet title={t`Content Models`} />\n                            <Loader>\n                                <ContentModelsView />\n                            </Loader>\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    }\n];\n\nexport default plugins;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAA+F;AAAA;AAE/F,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAAgB,GAAG,SAAnBA,MAAgB;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EAAA,oBAC1C,6BAAC,eAAQ;IAAC,QAAQ,eAAE,6BAAC,0BAAgB;EAAI,gBACpCC,cAAK,CAACC,YAAY,CAACH,QAAQ,EAAmCC,KAAK,CAAC,CAC9D;AAAA,CACd;AAED,IAAMG,kBAAkB,gBAAG,IAAAC,WAAI,EAAC;EAAA;IAAA;EAAA;AAAA,CAAyD,CAAC;AAC1F,IAAMC,iBAAiB,gBAAG,IAAAD,WAAI,EAAC;EAAA;IAAA;EAAA;AAAA,CAAoD,CAAC;AACpF,IAAME,sBAAsB,gBAAG,IAAAF,WAAI,EAAC;EAAA;IAAA;EAAA;AAAA,CAA8D,CAAC;AAEnG,IAAMG,OAAsB,GAAG,CAC3B;EACIC,IAAI,EAAE,iCAAiC;EACvCC,IAAI,EAAE,OAAO;EACbC,KAAK,eACD,6BAAC,kBAAK;IACF,KAAK;IACL,IAAI,EAAE,2BAA4B;IAClC,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAW;QAAC,UAAU,EAAE;MAAwB,gBAC7C,6BAAC,wBAAW,qBACR,6BAAC,oBAAM,qBACH,4CAAQf,CAAC,wGAA+B,CACnC,eACT,6BAAC,MAAM,qBACH,6BAAC,sBAAsB,OAAG,CACrB,CACC,CACJ;IAAA;EAChB;AAGd,CAAC,EACD;EACIa,IAAI,EAAE,iCAAiC;EACvCC,IAAI,EAAE,OAAO;EACbC,KAAK,eACD,6BAAC,kBAAK;IACF,KAAK;IACL,IAAI,EAAE,+BAAgC;IACtC,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAW;QAAC,UAAU,EAAE;MAAmB,gBACxC,6BAAC,wBAAW,qBACR,6BAAC,oBAAM,qBACH,4CAAQf,CAAC,6FAAkB,CACtB,eACT,6BAAC,gDAAuB,qBACpB,6BAAC,4CAAkB,OAAG,CACA,CAChB,CACJ;IAAA;EAChB;AAGd,CAAC,EACD;EACIa,IAAI,EAAE,iCAAiC;EACvCC,IAAI,EAAE,OAAO;EACbC,KAAK,eACD,6BAAC,kBAAK;IACF,KAAK;IACL,IAAI,EAAE,8BAA+B;IACrC,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAW;QAAC,UAAU,EAAE;MAAmB,gBACxC,6BAAC,oBAAM,qBACH,4CAAQf,CAAC,wGAA6B,CACjC,eACT,6BAAC,MAAM,qBACH,6BAAC,kBAAkB,OAAG,CACjB,CACC;IAAA;EAChB;AAGd,CAAC,EACD;EACIa,IAAI,EAAE,0BAA0B;EAChCC,IAAI,EAAE,OAAO;EACbC,KAAK,eACD,6BAAC,kBAAK;IACF,KAAK;IACL,IAAI,EAAC,qBAAqB;IAC1B,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAW;QAAC,UAAU,EAAE;MAAmB,gBACxC,6BAAC,wBAAW,qBACR,6BAAC,oBAAM;QAAC,KAAK,EAAEf,CAAC;MAAiB,EAAG,eACpC,6BAAC,MAAM,qBACH,6BAAC,iBAAiB,OAAG,CAChB,CACC,CACJ;IAAA;EAChB;AAGd,CAAC,CACJ;AAAC,eAEaY,OAAO;AAAA"}