@webiny/app-headless-cms 5.24.0-beta.0 → 5.25.0-beta.1

package/admin/views/contentModels/ContentModelsDataList.js

@@ -130,12 +130,19 @@ var ContentModelsDataList = function ContentModelsDataList(_ref) {
                           },
                           update: function update(cache, _ref5) {
                             var data = _ref5.data;
+
+                            if (!data) {
+                              showSnackbar("Missing data on Delete Content Model Mutation Response.");
+                              return;
+                            }
+
                             var error = data.deleteContentModel.error;
 
                             if (error) {
-                              return showSnackbar(error.message, {
+                              showSnackbar(error.message, {
                                 title: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Something unexpected happened."])))
                               });
+                              return;
                             }
 
                             removeModelFromListCache(cache, item);
@@ -175,7 +182,7 @@ var ContentModelsDataList = function ContentModelsDataList(_ref) {
     return function () {
       return history.push("/cms/content-entries/" + contentModel.modelId);
     };
-  }, undefined);
+  }, []);
   var contentModelsDataListModalOverlay = useMemo(function () {
     return /*#__PURE__*/React.createElement(UIL.DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
       span: 12

package/admin/views/contentModels/ContentModelsDataList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ContentModelsDataList.tsx"],"names":["React","useCallback","useMemo","useState","TimeAgo","css","get","useRouter","DeleteIcon","EditIcon","ReactComponent","ViewListIcon","CloneIcon","useApolloClient","useQuery","useSnackbar","UIL","ButtonIcon","ButtonSecondary","IconButton","Tooltip","i18n","useConfirmationDialog","removeModelFromGroupCache","removeModelFromListCache","GQL","AddIcon","SearchUI","deserializeSorters","orderBy","Cell","Grid","Select","FilterIcon","usePermission","t","namespace","SORTERS","label","sorters","rightAlign","alignItems","justifyContent","listItemMinHeight","minHeight","ContentModelsDataList","canCreate","onCreate","onClone","filter","setFilter","sort","setSort","history","client","showSnackbar","dataTestId","showConfirmation","LIST_CONTENT_MODELS","data","loading","canDelete","canEdit","filterData","name","toLowerCase","includes","sortData","list","sortField","sortOrderBy","models","deleteRecord","item","mutate","mutation","DELETE_CONTENT_MODEL","variables","modelId","update","cache","error","deleteContentModel","message","title","editRecord","contentModel","push","viewContentEntries","contentModelsDataListModalOverlay","map","filteredData","contentModels","disableViewContent","fields","length","time","savedOn","plugin"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { DeleteIcon, EditIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { ReactComponent as ViewListIcon } from \"../../icons/view_list.svg\";\nimport { ReactComponent as CloneIcon } from \"../../icons/clone.svg\";\nimport { useApolloClient, useQuery } from \"../../hooks\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport * as UIL from \"@webiny/ui/List\";\nimport { ButtonIcon, ButtonSecondary, IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { removeModelFromGroupCache, removeModelFromListCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport orderBy from \"lodash/orderBy\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport {\n    DeleteCmsModelMutationResponse,\n    DeleteCmsModelMutationVariables,\n    ListCmsModelsQueryResponse\n} from \"../../viewsGraphql\";\nimport usePermission from \"~/admin/hooks/usePermission\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\ninterface Sorter {\n    label: string;\n    sorters: string;\n}\nconst SORTERS: Sorter[] = [\n    {\n        label: t`Newest to oldest`,\n        sorters: \"savedOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorters: \"savedOn_ASC\"\n    },\n    {\n        label: t`Name A-Z`,\n        sorters: \"name_ASC\"\n    },\n    {\n        label: t`Name Z-A`,\n        sorters: \"name_DESC\"\n    }\n];\n\nconst rightAlign = css({\n    alignItems: \"flex-end !important\",\n    justifyContent: \"center !important\"\n});\n\nconst listItemMinHeight = css({\n    minHeight: \"66px !important\"\n});\n\ninterface ContentModelsDataListProps {\n    canCreate: boolean;\n    onCreate: () => void;\n    onClone: (contentModel: CmsEditorContentModel) => void;\n}\nconst ContentModelsDataList: React.FC<ContentModelsDataListProps> = ({\n    canCreate,\n    onCreate,\n    onClone\n}) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms-delete-content-model-dialog\"\n    });\n    const { data, loading } = useQuery<ListCmsModelsQueryResponse>(GQL.LIST_CONTENT_MODELS);\n    const { canDelete, canEdit } = usePermission();\n\n    const filterData = useCallback(\n        ({ name }: Pick<CmsModel, \"name\">): boolean => {\n            return name.toLowerCase().includes(filter);\n        },\n        [filter]\n    );\n\n    const sortData = useCallback(\n        (list: CmsModel[]): CmsModel[] => {\n            if (!sort) {\n                return list;\n            }\n            const [sortField, sortOrderBy] = deserializeSorters(sort);\n            return orderBy(list, [sortField], [sortOrderBy]);\n        },\n        [sort]\n    );\n\n    const models: CmsModel[] = loading ? [] : get(data, \"listContentModels.data\", []);\n\n    const deleteRecord = async (item: CmsModel): Promise<void> => {\n        showConfirmation(async () => {\n            await client.mutate<DeleteCmsModelMutationResponse, DeleteCmsModelMutationVariables>({\n                mutation: GQL.DELETE_CONTENT_MODEL,\n                variables: { modelId: item.modelId },\n                update(cache, { data }) {\n                    if (!data) {\n                        showSnackbar(\"Missing data on Delete Content Model Mutation Response.\");\n                        return;\n                    }\n                    const { error } = data.deleteContentModel;\n\n                    if (error) {\n                        showSnackbar(error.message, {\n                            title: t`Something unexpected happened.`\n                        });\n                        return;\n                    }\n\n                    removeModelFromListCache(cache, item);\n                    removeModelFromGroupCache(cache, item);\n\n                    showSnackbar(\n                        t`Content model {name} deleted successfully!.`({ name: item.name })\n                    );\n                }\n            });\n        });\n    };\n\n    const editRecord = (contentModel: CmsModel): void => {\n        history.push(\"/cms/content-models/\" + contentModel.modelId);\n    };\n\n    const viewContentEntries = useCallback(contentModel => {\n        return () => history.push(\"/cms/content-entries/\" + contentModel.modelId);\n    }, []);\n\n    const contentModelsDataListModalOverlay = useMemo(\n        () => (\n            <UIL.DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            description={\"Sort content models by\"}\n                        >\n                            {SORTERS.map(({ label, sorters }) => {\n                                return (\n                                    <option key={label} value={sorters}>\n                                        {label}\n                                    </option>\n                                );\n                            })}\n                        </Select>\n                    </Cell>\n                </Grid>\n            </UIL.DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? models : models.filter(filterData);\n    const contentModels = sortData(filteredData);\n\n    return (\n        <UIL.DataList\n            loading={loading}\n            data={contentModels}\n            title={t`Content Models`}\n            actions={\n                canCreate ? (\n                    <ButtonSecondary data-testid=\"new-record-button\" onClick={onCreate}>\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Model`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search content models`}\n                />\n            }\n            modalOverlay={contentModelsDataListModalOverlay}\n            modalOverlayAction={\n                <UIL.DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data = [] }: { data: CmsModel[] }) => (\n                <UIL.List data-testid=\"default-data-list\">\n                    {data.map(contentModel => {\n                        const disableViewContent = contentModel.fields.length === 0;\n                        const message = disableViewContent\n                            ? \"To view the content, you first need to add a field and save the model\"\n                            : \"View content\";\n                        return (\n                            <UIL.ListItem key={contentModel.modelId} className={listItemMinHeight}>\n                                <UIL.ListItemText>\n                                    {contentModel.name}\n                                    <UIL.ListItemTextSecondary>\n                                        {t`Last modified: {time}.`({\n                                            time: <TimeAgo datetime={contentModel.savedOn} />\n                                        })}\n                                    </UIL.ListItemTextSecondary>\n                                </UIL.ListItemText>\n                                <UIL.ListItemMeta className={rightAlign}>\n                                    <UIL.ListActions>\n                                        {canEdit(contentModel, \"cms.contentModel\") && (\n                                            <>\n                                                <Tooltip\n                                                    content={t`{message}`({ message })}\n                                                    placement={\"top\"}\n                                                >\n                                                    <IconButton\n                                                        data-testid={\n                                                            \"cms-view-content-model-button\"\n                                                        }\n                                                        icon={<ViewListIcon />}\n                                                        label={t`View entries`}\n                                                        onClick={viewContentEntries(contentModel)}\n                                                        disabled={disableViewContent}\n                                                    />\n                                                </Tooltip>\n                                                {contentModel.plugin ? (\n                                                    <Tooltip\n                                                        content={t`Content model is registered via a plugin.`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            disabled\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                ) : (\n                                                    <Tooltip\n                                                        content={t`Edit content model`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            onClick={() => editRecord(contentModel)}\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                )}\n                                            </>\n                                        )}\n\n                                        <Tooltip content={\"Clone content model\"} placement={\"top\"}>\n                                            <IconButton\n                                                data-testid={\"cms-clone-content-model-button\"}\n                                                icon={<CloneIcon />}\n                                                label={t`View entries`}\n                                                onClick={() => onClone(contentModel)}\n                                            />\n                                        </Tooltip>\n\n                                        {canDelete(contentModel, \"cms.contentModel\") &&\n                                        contentModel.plugin ? (\n                                            <Tooltip\n                                                content={t`Content model is registered via a plugin.`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    disabled\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        ) : (\n                                            <Tooltip\n                                                content={t`Delete content model`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    onClick={() => deleteRecord(contentModel)}\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        )}\n                                    </UIL.ListActions>\n                                </UIL.ListItemMeta>\n                            </UIL.ListItem>\n                        );\n                    })}\n                </UIL.List>\n            )}\n        </UIL.DataList>\n    );\n};\n\nexport default ContentModelsDataList;\n"]}

package/admin/views/contentModels/NewContentModelDialog.js

@@ -62,6 +62,13 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
   var _useMutation = useMutation(GQL.CREATE_CONTENT_MODEL, {
     update: function update(cache, _ref2) {
       var data = _ref2.data;
+
+      if (!data) {
+        setLoading(false);
+        showSnackbar("Missing data on Create Content Model Mutation Response.");
+        return;
+      }
+
       var _data$createContentMo = data.createContentModel,
           model = _data$createContentMo.data,
           error = _data$createContentMo.error;
@@ -191,7 +198,7 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
   }(), [client]);
   var group = (contentModelGroups === null || contentModelGroups === void 0 ? void 0 : contentModelGroups.length) > 0 ? contentModelGroups[0].value : null;
 
-  var onSubmit = /*#__PURE__*/function () {
+  var _onSubmit = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(data) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
@@ -227,7 +234,12 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
     data: {
       group: group
     },
-    onSubmit: onSubmit
+    onSubmit: function onSubmit(data) {
+      /**
+       * We are positive that data is CmsModelData.
+       */
+      _onSubmit(data);
+    }
   }, function (_ref5) {
     var Bind = _ref5.Bind,
         submit = _ref5.submit;
@@ -264,7 +276,9 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
         label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Description"])))
       }));
     })))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: submit
+      onClick: function onClick(ev) {
+        submit(ev);
+      }
     }, "+ ", t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Create Model"]))))));
   }));
 };

package/admin/views/contentModels/NewContentModelDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NewContentModelDialog.tsx"],"names":["React","useCallback","gql","css","get","useRouter","Form","Input","Select","useSnackbar","CircularProgress","validation","useQuery","useMutation","useApolloClient","i18n","ButtonPrimary","UID","Grid","Cell","addModelToGroupCache","addModelToListCache","GQL","t","ns","narrowDialog","width","minWidth","noPadding","padding","disallowedModelIdEndingList","SCHEMA_TYPES","NewContentModelDialog","open","onClose","useState","loading","setLoading","showSnackbar","history","client","CREATE_CONTENT_MODEL","update","cache","data","createContentModel","model","error","message","push","modelId","listMenuGroupsQuery","LIST_MENU_CONTENT_GROUPS_MODELS","skip","contentModelGroups","map","item","value","id","label","name","nameValidator","target","trim","charAt","match","Error","ending","re","RegExp","matched","query","fetchPolicy","types","__schema","includes","group","length","onSubmit","variables","Bind","submit","create","props","ev"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\nimport gql from \"graphql-tag\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { validation } from \"@webiny/validation\";\nimport { useQuery, useMutation, useApolloClient } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport {\n    CreateCmsModelMutationResponse,\n    CreateCmsModelMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsGroup } from \"~/types\";\nimport { CmsGroupOption } from \"./types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/new-content-model-dialog\");\n\nconst narrowDialog = css({\n    \".mdc-dialog__surface\": {\n        width: 600,\n        minWidth: 600\n    }\n});\n\nconst noPadding = css({\n    padding: \"5px !important\"\n});\n\n/**\n * This list is to disallow creating models that might interfere with GraphQL schema creation.\n * Add more if required.\n */\nconst disallowedModelIdEndingList: string[] = [\"Response\", \"List\", \"Meta\", \"Input\", \"Sorter\"];\n\nexport interface NewContentModelDialogProps {\n    open: boolean;\n    onClose: UID.DialogOnClose;\n}\n\nconst SCHEMA_TYPES = gql`\n    query ListSchemaTypes {\n        __schema {\n            types {\n                name\n            }\n        }\n    }\n`;\n\ninterface SchemaTypes {\n    __schema: {\n        types: { name: string }[];\n    };\n}\n\ninterface CmsModelData {\n    name: string;\n    description: string;\n    group: string;\n}\n\nconst NewContentModelDialog: React.FC<NewContentModelDialogProps> = ({ open, onClose }) => {\n    const [loading, setLoading] = React.useState(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const client = useApolloClient();\n\n    const [createContentModel] = useMutation<\n        CreateCmsModelMutationResponse,\n        CreateCmsModelMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL, {\n        update(cache, { data }) {\n            if (!data) {\n                setLoading(false);\n                showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n                return;\n            }\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\" + model.modelId);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        GQL.LIST_MENU_CONTENT_GROUPS_MODELS,\n        {\n            skip: !open\n        }\n    );\n\n    const contentModelGroups = get(listMenuGroupsQuery, \"data.listContentModelGroups.data\", []).map(\n        (item: CmsGroup): CmsGroupOption => {\n            return {\n                value: item.id,\n                label: item.name\n            };\n        }\n    );\n\n    const nameValidator = useCallback(\n        async (name: string): Promise<boolean> => {\n            const target = (name || \"\").trim();\n            if (!target.charAt(0).match(/[a-zA-Z]/)) {\n                throw new Error(\"Model name can't start with a number.\");\n            }\n\n            for (const ending of disallowedModelIdEndingList) {\n                const re = new RegExp(`${ending}$`, \"i\");\n                const matched = target.match(re);\n                if (matched === null) {\n                    continue;\n                }\n                throw new Error(`Model must not end with \"${ending}\".`);\n            }\n\n            // Validate GraphQL Schema type\n            const { data } = await client.query<SchemaTypes>({\n                query: SCHEMA_TYPES,\n                fetchPolicy: \"network-only\"\n            });\n\n            const types = data.__schema.types.map(t => t.name);\n\n            if (types.includes(name)) {\n                throw new Error(\n                    `\"${name}\" type already exists in the GraphQL schema. Please pick a different name.`\n                );\n            }\n\n            return true;\n        },\n        [client]\n    );\n\n    const group = contentModelGroups?.length > 0 ? contentModelGroups[0].value : null;\n\n    const onSubmit = async (data: CmsModelData) => {\n        setLoading(true);\n        await createContentModel({\n            variables: { data }\n        });\n    };\n\n    return (\n        <UID.Dialog\n            open={open}\n            onClose={onClose}\n            className={narrowDialog}\n            data-testid=\"cms-new-content-model-modal\"\n        >\n            {open && (\n                <Form\n                    data={{ group }}\n                    onSubmit={data => {\n                        /**\n                         * We are positive that data is CmsModelData.\n                         */\n                        onSubmit(data as unknown as CmsModelData);\n                    }}\n                >\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading && <CircularProgress label={\"Creating content model...\"} />}\n                            <UID.DialogTitle>{t`New Content Model`}</UID.DialogTitle>\n                            <UID.DialogContent>\n                                <Grid className={noPadding}>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"name\"}\n                                            validators={[\n                                                validation.create(\"required,maxLength:100\"),\n                                                nameValidator\n                                            ]}\n                                        >\n                                            <Input\n                                                label={t`Name`}\n                                                description={t`The name of the content model. Use the singular form, e.g. Person, not Persons.`}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"group\"}\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Select\n                                                description={t`Choose a content model group`}\n                                                label={t`Content model group`}\n                                                options={contentModelGroups}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind name=\"description\">\n                                            {props => (\n                                                <Input\n                                                    {...props}\n                                                    rows={4}\n                                                    maxLength={200}\n                                                    characterCount\n                                                    label={t`Description`}\n                                                />\n                                            )}\n                                        </Bind>\n                                    </Cell>\n                                </Grid>\n                            </UID.DialogContent>\n                            <UID.DialogActions>\n                                <ButtonPrimary\n                                    onClick={ev => {\n                                        submit(ev);\n                                    }}\n                                >\n                                    + {t`Create Model`}\n                                </ButtonPrimary>\n                            </UID.DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </UID.Dialog>\n    );\n};\n\nexport default NewContentModelDialog;\n"]}

package/admin/views/contentModels/cache.js

@@ -1,11 +1,15 @@
 import dotProp from "dot-prop-immutable";
 import { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
 export var addModelToListCache = function addModelToListCache(cache, model) {
-  var _cache$readQuery = cache.readQuery({
+  var response = cache.readQuery({
     query: LIST_CONTENT_MODELS
-  }),
-      listContentModels = _cache$readQuery.listContentModels;
+  });
+
+  if (!response || !response.listContentModels) {
+    return;
+  }
 
+  var listContentModels = response.listContentModels;
   var newModelIndex = listContentModels.data.length;
   cache.writeQuery({
     query: LIST_CONTENT_MODELS,
@@ -15,11 +19,15 @@ export var addModelToListCache = function addModelToListCache(cache, model) {
   });
 };
 export var addModelToGroupCache = function addModelToGroupCache(cache, model) {
-  var _cache$readQuery2 = cache.readQuery({
+  var response = cache.readQuery({
     query: LIST_MENU_CONTENT_GROUPS_MODELS
-  }),
-      groupsList = _cache$readQuery2.listContentModelGroups;
+  });
 
+  if (!response || !response.listContentModelGroups) {
+    return;
+  }
+
+  var groupsList = response.listContentModelGroups;
   var groupIndex = groupsList.data.findIndex(function (g) {
     return g.id === model.group.id;
   });
@@ -32,11 +40,15 @@ export var addModelToGroupCache = function addModelToGroupCache(cache, model) {
   });
 };
 export var removeModelFromListCache = function removeModelFromListCache(cache, model) {
-  var _cache$readQuery3 = cache.readQuery({
+  var response = cache.readQuery({
     query: LIST_CONTENT_MODELS
-  }),
-      listContentModels = _cache$readQuery3.listContentModels;
+  });
+
+  if (!response || !response.listContentModels) {
+    return;
+  }
 
+  var listContentModels = response.listContentModels;
   var modelIndex = listContentModels.data.findIndex(function (m) {
     return m.modelId === model.modelId;
   });
@@ -48,17 +60,31 @@ export var removeModelFromListCache = function removeModelFromListCache(cache, m
   });
 };
 export var removeModelFromGroupCache = function removeModelFromGroupCache(cache, model) {
-  var _cache$readQuery4 = cache.readQuery({
+  var response = cache.readQuery({
     query: LIST_MENU_CONTENT_GROUPS_MODELS
-  }),
-      groupsList = _cache$readQuery4.listContentModelGroups;
+  });
+
+  if (!response || !response.listContentModelGroups) {
+    return;
+  }
 
+  var groupsList = response.listContentModelGroups;
   var groupIndex = groupsList.data.findIndex(function (g) {
     return g.id === model.group.id;
   });
+
+  if (groupIndex < 0) {
+    return;
+  }
+
   var modelIndex = groupsList.data[groupIndex].contentModels.findIndex(function (m) {
     return m.modelId === model.modelId;
   });
+
+  if (modelIndex < 0) {
+    return;
+  }
+
   cache.writeQuery({
     query: LIST_MENU_CONTENT_GROUPS_MODELS,
     data: {

package/admin/views/contentModels/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["cache.ts"],"names":["dotProp","LIST_CONTENT_MODELS","LIST_MENU_CONTENT_GROUPS_MODELS","addModelToListCache","cache","model","response","readQuery","query","listContentModels","newModelIndex","data","length","writeQuery","set","addModelToGroupCache","listContentModelGroups","groupsList","groupIndex","findIndex","g","id","group","newGroupModelIndex","contentModels","removeModelFromListCache","modelIndex","m","modelId","delete","removeModelFromGroupCache"],"mappings":"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","sourcesContent":["import dotProp from \"dot-prop-immutable\";\nimport { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql\";\nimport { CmsEditorContentModel } from \"~/types\";\nimport { DataProxy } from \"apollo-cache\";\nimport { ListCmsModelsQueryResponse, ListMenuCmsGroupsQueryResponse } from \"../../viewsGraphql\";\n\nexport const addModelToListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const newModelIndex = listContentModels.data.length;\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.set(listContentModels, `data.${newModelIndex}`, model)\n        }\n    });\n};\n\nexport const addModelToGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);\n    const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.set(\n                groupsList,\n                `data.${groupIndex}.contentModels.${newGroupModelIndex}`,\n                model\n            )\n        }\n    });\n};\n\nexport const removeModelFromListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const modelIndex = listContentModels.data.findIndex(m => m.modelId === model.modelId);\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.delete(listContentModels, `data.${modelIndex}`)\n        }\n    });\n};\n\nexport const removeModelFromGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);\n    if (groupIndex < 0) {\n        return;\n    }\n    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(\n        m => m.modelId === model.modelId\n    );\n\n    if (modelIndex < 0) {\n        return;\n    }\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.delete(\n                groupsList,\n                `data.${groupIndex}.contentModels.${modelIndex}`\n            )\n        }\n    });\n};\n"]}

package/admin/views/contentModels/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/admin/views/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["deserializeSorters","data","split","field","orderBy","order","String","toLowerCase"],"mappings":";AACA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAAuC;AACrE,MAAI,OAAOA,IAAP,KAAgB,QAApB,EAA8B;AAC1B,WAAOA,IAAP;AACH;;AACD,aAAyBA,IAAI,CAACC,KAAL,CAAW,GAAX,CAAzB;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,OAAd;;AACA,MAAMC,KAAK,GAAGC,MAAM,CAACF,OAAD,CAAN,CAAgBG,WAAhB,OAAkC,KAAlC,GAA0C,KAA1C,GAAkD,MAAhE;AACA,SAAO,CAACJ,KAAD,EAAQE,KAAR,CAAP;AACH,CAPM","sourcesContent":["type SortTypes = \"asc\" | \"desc\";\nexport const deserializeSorters = (data: string): [string, SortTypes] => {\n    if (typeof data !== \"string\") {\n        return data;\n    }\n    const [field, orderBy] = data.split(\"_\") as [string, SortTypes];\n    const order = String(orderBy).toLowerCase() === \"asc\" ? \"asc\" : \"desc\";\n    return [field, order];\n};\n"]}

package/admin/viewsGraphql.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["viewsGraphql.ts"],"names":["gql","ERROR_FIELDS","BASE_CONTENT_MODEL_FIELDS","LIST_MENU_CONTENT_GROUPS_MODELS","LIST_CONTENT_MODELS","CREATE_CONTENT_MODEL","CREATE_CONTENT_MODEL_FROM","DELETE_CONTENT_MODEL"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAGA,IAAMC,YAAY,wCAAlB;AAMA,IAAMC,yBAAyB,8NAA/B;AAoBA;AACA;AACA;AACA;AACA;;AAOA,OAAO,IAAMC,+BAA+B,GAAGH,GAAH,2nBAoB1BC,YApB0B,CAArC;AAyBP;AACA;AACA;AACA;;AAOA,OAAO,IAAMG,mBAAmB,GAAGJ,GAAH,8QAIdE,yBAJc,EAOdD,YAPc,CAAzB;AAYP;AACA;AACA;AACA;;AAWA,OAAO,IAAMI,oBAAoB,GAAGL,GAAH,oUAIfE,yBAJe,EAOfD,YAPe,CAA1B;AAYP;AACA;AACA;AACA;;AAWA,OAAO,IAAMK,yBAAyB,GAAGN,GAAH,kXAIpBE,yBAJoB,EAOpBD,YAPoB,CAA/B;AAaP;AACA;AACA;AACA;;AAUA,OAAO,IAAMM,oBAAoB,GAAGP,GAAH,8QAKfC,YALe,CAA1B","sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELDS = `\n    code\n    message\n    data\n`;\n\nconst BASE_CONTENT_MODEL_FIELDS = `\n    description\n    modelId\n    name\n    savedOn\n    plugin\n    fields {\n        id\n    }\n    group {\n        id\n        name\n    }\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\n\n/**\n * ############################\n * List groups with models Query\n * * Fetches data needed for constructing content models list in the main menu.\n */\nexport interface ListMenuCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroup[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_MENU_CONTENT_GROUPS_MODELS = gql`\n    query CmsListMenuContentGroupsModels {\n        listContentModelGroups {\n            data {\n                id\n                name\n                icon\n                plugin\n                contentModels {\n                    name\n                    modelId\n                    plugin\n                    createdBy {\n                        id\n                        displayName\n                        type\n                    }\n                }\n            }\n            error {\n                ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * List Query\n */\nexport interface ListCmsModelsQueryResponse {\n    listContentModels: {\n        data: CmsModel[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODELS = gql`\n    query CmsListContentModels {\n        listContentModels {\n            data {\n                ${BASE_CONTENT_MODEL_FIELDS}\n            }\n            error {\n                ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Create Mutation\n */\nexport interface CreateCmsModelMutationResponse {\n    createContentModel: {\n        data: CmsModel;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsModelMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL = gql`\n    mutation CmsCreateContentModel($data: CmsContentModelCreateInput!) {\n        createContentModel(data: $data) {\n            data {\n                ${BASE_CONTENT_MODEL_FIELDS}\n            }\n            error {\n                ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Create From Mutation\n */\nexport interface CreateCmsModelFromMutationResponse {\n    createContentModelFrom: {\n        data: CmsModel;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsModelFromMutationVariables {\n    modelId: string;\n    data: CmsModel;\n}\nexport const CREATE_CONTENT_MODEL_FROM = gql`\n    mutation CmsCreateContentModelFrom($modelId: ID!, $data: CmsContentModelCreateFromInput!) {\n        createContentModelFrom(modelId: $modelId, data: $data) {\n            data {\n                ${BASE_CONTENT_MODEL_FIELDS}\n            }\n            error {\n                ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Delete Mutation\n */\nexport interface DeleteCmsModelMutationResponse {\n    deleteContentModel: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsModelMutationVariables {\n    modelId: string;\n}\nexport const DELETE_CONTENT_MODEL = gql`\n    mutation CmsDeleteContentModel($modelId: ID!) {\n        deleteContentModel(modelId: $modelId) {\n            data\n            error {\n                ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n"]}

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./HeadlessCMS\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms",
-	"version": "5.24.0-beta.0",
+	"version": "5.25.0-beta.1",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -15,30 +15,30 @@
 	"dependencies": {
 		"@apollo/react-common": "3.1.4",
 		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.16.7",
+		"@babel/runtime": "7.17.2",
 		"@emotion/core": "10.3.1",
 		"@emotion/styled": "10.3.0",
-		"@fortawesome/fontawesome-common-types": "0.2.36",
-		"@fortawesome/fontawesome-svg-core": "1.2.36",
-		"@fortawesome/free-brands-svg-icons": "5.15.4",
-		"@fortawesome/free-regular-svg-icons": "5.15.4",
-		"@fortawesome/free-solid-svg-icons": "5.15.4",
+		"@fortawesome/fontawesome-common-types": "0.3.0",
+		"@fortawesome/fontawesome-svg-core": "1.3.0",
+		"@fortawesome/free-brands-svg-icons": "6.0.0",
+		"@fortawesome/free-regular-svg-icons": "6.0.0",
+		"@fortawesome/free-solid-svg-icons": "6.0.0",
 		"@fortawesome/react-fontawesome": "0.1.17",
 		"@svgr/webpack": "6.2.1",
 		"@types/react": "16.14.2",
-		"@webiny/app": "5.24.0-beta.0",
-		"@webiny/app-admin": "5.24.0-beta.0",
-		"@webiny/app-graphql-playground": "5.24.0-beta.0",
-		"@webiny/app-i18n": "5.24.0-beta.0",
-		"@webiny/app-plugin-admin-welcome-screen": "5.24.0-beta.0",
-		"@webiny/app-security": "5.24.0-beta.0",
-		"@webiny/error": "5.24.0-beta.0",
-		"@webiny/form": "5.24.0-beta.0",
-		"@webiny/plugins": "5.24.0-beta.0",
-		"@webiny/react-router": "5.24.0-beta.0",
-		"@webiny/ui": "5.24.0-beta.0",
-		"@webiny/utils": "5.24.0-beta.0",
-		"@webiny/validation": "5.24.0-beta.0",
+		"@webiny/app": "5.25.0-beta.1",
+		"@webiny/app-admin": "5.25.0-beta.1",
+		"@webiny/app-graphql-playground": "5.25.0-beta.1",
+		"@webiny/app-i18n": "5.25.0-beta.1",
+		"@webiny/app-plugin-admin-welcome-screen": "5.25.0-beta.1",
+		"@webiny/app-security": "5.25.0-beta.1",
+		"@webiny/error": "5.25.0-beta.1",
+		"@webiny/form": "5.25.0-beta.1",
+		"@webiny/plugins": "5.25.0-beta.1",
+		"@webiny/react-router": "5.25.0-beta.1",
+		"@webiny/ui": "5.25.0-beta.1",
+		"@webiny/utils": "5.25.0-beta.1",
+		"@webiny/validation": "5.25.0-beta.1",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -49,6 +49,7 @@
 		"emotion": "10.0.27",
 		"graphql": "15.8.0",
 		"graphql-tag": "2.12.6",
+		"invariant": "2.2.4",
 		"lodash": "4.17.21",
 		"pluralize": "8.0.0",
 		"prop-types": "15.8.1",
@@ -71,15 +72,15 @@
 		"@babel/preset-env": "^7.16.4",
 		"@babel/preset-react": "^7.16.0",
 		"@babel/preset-typescript": "^7.16.0",
-		"@webiny/cli": "^5.24.0-beta.0",
-		"@webiny/project-utils": "^5.24.0-beta.0",
+		"@webiny/cli": "^5.25.0-beta.1",
+		"@webiny/project-utils": "^5.25.0-beta.1",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
 		"babel-plugin-module-resolver": "^4.1.0",
 		"execa": "^5.0.0",
 		"rimraf": "^3.0.2",
 		"ttypescript": "^1.5.12",
-		"typescript": "^4.1.3"
+		"typescript": "4.5.5"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -104,5 +105,5 @@
 			]
 		}
 	},
-	"gitHead": "05b90b92bbaf2ef3adf275d008c4641580cf5f42"
+	"gitHead": "c5cbc36b39a28e3f1c58de7d768fdcd113ad8e15"
 }

package/types.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Plugin } from "@webiny/plugins/types";
 import { ReactElement, ReactNode } from "react";
-import { BindComponent, FormRenderPropParams, FormAPI } from "@webiny/form/types";
+import { FormRenderPropParams, FormAPI, BindComponentRenderProp as BaseBindComponentRenderProp, BindComponentProps as BaseBindComponentProps } from "@webiny/form/types";
 import { ApolloClient } from "apollo-client";
 import { IconPrefix, IconName } from "@fortawesome/fontawesome-svg-core";
 import Label from "./admin/components/ContentEntryForm/Label";
@@ -103,7 +103,7 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
          * })
          * ```
          */
-        createField: () => CmsEditorField;
+        createField: () => Pick<CmsEditorField, "type" | "validation" | "renderer" | "settings">;
         /**
          * A ReactNode that you can add in the section below the help text when creating/editing field.
          *
@@ -246,9 +246,9 @@ export interface CmsEditorFieldPredefinedValues {
     values: CmsEditorFieldPredefinedValuesEntry[];
 }
 export declare type CmsEditorField<T = unknown> = T & {
-    id?: string;
+    id: string;
     type: string;
-    fieldId?: CmsEditorFieldId;
+    fieldId: CmsEditorFieldId;
     label?: string;
     helpText?: string;
     placeholderText?: string;
@@ -258,6 +258,12 @@ export declare type CmsEditorField<T = unknown> = T & {
     predefinedValues?: CmsEditorFieldPredefinedValues;
     settings?: {
         defaultValue?: string | null | undefined;
+        defaultSetValue?: string;
+        type?: string;
+        fields?: CmsEditorField<any>[];
+        layout?: string[][];
+        models?: Pick<CmsModel, "modelId" | "name">[];
+        imagesOnly?: boolean;
         [key: string]: any;
     };
     renderer: {
@@ -294,7 +300,6 @@ export interface CmsEditorContentEntry {
     savedOn: string;
     modelId: string;
     createdBy: CmsCreatedBy;
-    [key: string]: any;
     meta: {
         title: string;
         publishedOn: string;
@@ -302,6 +307,13 @@ export interface CmsEditorContentEntry {
         status: "draft" | "published" | "unpublished" | "changesRequested" | "reviewRequested";
         version: number;
     };
+    [key: string]: any;
+}
+export interface CmsLatestContentEntry {
+    id: string;
+    status: "published" | "draft";
+    title: string;
+    model: Pick<CmsModel, "modelId" | "name">;
 }
 export interface CmsContentEntryRevision {
     id: string;
@@ -339,7 +351,7 @@ export interface CmsEditorFieldValidatorPlugin extends Plugin {
     type: "cms-editor-field-validator";
     validator: CmsEditorFieldValidatorPluginValidator;
 }
-export declare type CmsEditorContentTab = React.FunctionComponent<{
+export declare type CmsEditorContentTab = React.FC<{
     activeTab: boolean;
 }>;
 export interface CmsEditorFieldOptionPlugin extends Plugin {
@@ -403,7 +415,7 @@ export interface CmsModelFieldValidatorPatternPlugin extends Plugin {
 }
 export interface FieldLayoutPosition {
     row: number;
-    index: number;
+    index: number | null;
 }
 export interface CmsEditorFormSettingsPlugin extends Plugin {
     type: "cms-editor-form-settings";
@@ -503,6 +515,11 @@ export interface CmsSecurityPermission extends SecurityPermission {
     accessLevel?: "full" | "no" | "custom";
     models?: Record<string, string>;
     groups?: Record<string, string>;
+    endpoints?: string[];
+    locales?: string[];
+    rwd?: string;
+    own?: boolean;
+    pw?: string;
 }
 export interface CmsCreatedBy {
     id: string;
@@ -549,4 +566,21 @@ export interface CmsMetaResponse {
     cursor: string | null;
     hasMoreItems: boolean;
 }
+/***
+ * ###### FORM ########
+ */
+interface BindComponentRenderProp extends BaseBindComponentRenderProp {
+    parentName: string;
+    appendValue: (value: any) => void;
+    prependValue: (value: any) => void;
+    appendValues: (values: any[]) => void;
+    removeValue: (index: number) => void;
+}
+interface BindComponentProps extends Omit<BaseBindComponentProps, "children" | "name"> {
+    name?: string;
+    children?: ((props: BindComponentRenderProp) => React.ReactElement) | React.ReactElement;
+}
+export declare type BindComponent = React.FC<BindComponentProps> & {
+    parentName?: string;
+};
 export {};

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}