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

package/admin/views/contentModels/NewContentModelDialog.js

@@ -1,12 +1,13 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback } from "react";
+import gql from "graphql-tag";
 import { css } from "emotion";
 import get from "lodash/get";
 import { useRouter } from "@webiny/react-router";
@@ -16,9 +17,9 @@ import { Select } from "@webiny/ui/Select";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
 import { CircularProgress } from "@webiny/ui/Progress";
 import { validation } from "@webiny/validation";
-import { useQuery, useMutation } from "../../hooks";
+import { useQuery, useMutation, useApolloClient } from "../../hooks";
 import { i18n } from "@webiny/app/i18n";
-import { ButtonDefault } from "@webiny/ui/Button";
+import { ButtonPrimary } from "@webiny/ui/Button";
 import * as UID from "@webiny/ui/Dialog";
 import { Grid, Cell } from "@webiny/ui/Grid";
 import { addModelToGroupCache, addModelToListCache } from "./cache";
@@ -33,12 +34,13 @@ var narrowDialog = /*#__PURE__*/css({
 var noPadding = /*#__PURE__*/css({
   padding: "5px !important"
 }, "label:noPadding;");
-
 /**
  * This list is to disallow creating models that might interfere with GraphQL schema creation.
  * Add more if required.
  */
+
 var disallowedModelIdEndingList = ["Response", "List", "Meta", "Input", "Sorter"];
+var SCHEMA_TYPES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query ListSchemaTypes {\n        __schema {\n            types {\n                name\n            }\n        }\n    }\n"])));
 
 var NewContentModelDialog = function NewContentModelDialog(_ref) {
   var open = _ref.open,
@@ -55,6 +57,8 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
   var _useRouter = useRouter(),
       history = _useRouter.history;
 
+  var client = useApolloClient();
+
   var _useMutation = useMutation(GQL.CREATE_CONTENT_MODEL, {
     update: function update(cache, _ref2) {
       var data = _ref2.data;
@@ -64,7 +68,8 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
 
       if (error) {
         setLoading(false);
-        return showSnackbar(error.message);
+        showSnackbar(error.message);
+        return;
       }
 
       addModelToListCache(cache, model);
@@ -75,51 +80,144 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
       _useMutation2 = _slicedToArray(_useMutation, 1),
       createContentModel = _useMutation2[0];
 
-  var _useQuery = useQuery(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
+  var listMenuGroupsQuery = useQuery(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
     skip: !open
-  }),
-      data = _useQuery.data;
-
-  var contentModelGroups = get(data, "listContentModelGroups.data", []).map(function (item) {
+  });
+  var contentModelGroups = get(listMenuGroupsQuery, "data.listContentModelGroups.data", []).map(function (item) {
     return {
       value: item.id,
       label: item.name
     };
   });
-  var nameValidator = useCallback(function (name) {
-    var target = (name || "").trim();
+  var nameValidator = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(name) {
+      var target, _iterator, _step, ending, re, matched, _yield$client$query, data, types;
 
-    if (!target.charAt(0).match(/[a-zA-Z]/)) {
-      throw new Error("Value is not valid - must not start with a number.");
-    }
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              target = (name || "").trim();
 
-    if (target.toLowerCase() === "id") {
-      throw new Error('Value is not valid - "id" is an auto-generated field.');
-    }
+              if (target.charAt(0).match(/[a-zA-Z]/)) {
+                _context.next = 3;
+                break;
+              }
+
+              throw new Error("Model name can't start with a number.");
+
+            case 3:
+              _iterator = _createForOfIteratorHelper(disallowedModelIdEndingList);
+              _context.prev = 4;
+
+              _iterator.s();
+
+            case 6:
+              if ((_step = _iterator.n()).done) {
+                _context.next = 15;
+                break;
+              }
+
+              ending = _step.value;
+              re = new RegExp("".concat(ending, "$"), "i");
+              matched = target.match(re);
+
+              if (!(matched === null)) {
+                _context.next = 12;
+                break;
+              }
+
+              return _context.abrupt("continue", 13);
+
+            case 12:
+              throw new Error("Model must not end with \"".concat(ending, "\"."));
+
+            case 13:
+              _context.next = 6;
+              break;
+
+            case 15:
+              _context.next = 20;
+              break;
 
-    var _iterator = _createForOfIteratorHelper(disallowedModelIdEndingList),
-        _step;
+            case 17:
+              _context.prev = 17;
+              _context.t0 = _context["catch"](4);
 
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var ending = _step.value;
-        var re = new RegExp("".concat(ending, "$"), "i");
-        var matched = target.match(re);
+              _iterator.e(_context.t0);
 
-        if (matched === null) {
-          continue;
+            case 20:
+              _context.prev = 20;
+
+              _iterator.f();
+
+              return _context.finish(20);
+
+            case 23:
+              _context.next = 25;
+              return client.query({
+                query: SCHEMA_TYPES,
+                fetchPolicy: "network-only"
+              });
+
+            case 25:
+              _yield$client$query = _context.sent;
+              data = _yield$client$query.data;
+              types = data.__schema.types.map(function (t) {
+                return t.name;
+              });
+
+              if (!types.includes(name)) {
+                _context.next = 30;
+                break;
+              }
+
+              throw new Error("\"".concat(name, "\" type already exists in the GraphQL schema. Please pick a different name."));
+
+            case 30:
+              return _context.abrupt("return", true);
+
+            case 31:
+            case "end":
+              return _context.stop();
+          }
         }
+      }, _callee, null, [[4, 17, 20, 23]]);
+    }));
 
-        throw new Error("Model name that ends with \"".concat(ending, "\" is not allowed."));
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [client]);
+  var group = (contentModelGroups === null || contentModelGroups === void 0 ? void 0 : contentModelGroups.length) > 0 ? contentModelGroups[0].value : null;
+
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(data) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setLoading(true);
+              _context2.next = 3;
+              return createContentModel({
+                variables: {
+                  data: data
+                }
+              });
+
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function onSubmit(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
 
-    return true;
-  }, undefined);
   return /*#__PURE__*/React.createElement(UID.Dialog, {
     open: open,
     onClose: onClose,
@@ -127,38 +225,15 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
     "data-testid": "cms-new-content-model-modal"
   }, open && /*#__PURE__*/React.createElement(Form, {
     data: {
-      group: get(contentModelGroups, "0.value")
+      group: group
     },
-    onSubmit: /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                setLoading(true);
-                _context.next = 3;
-                return createContentModel({
-                  variables: {
-                    data: data
-                  }
-                });
-
-              case 3:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      return function (_x) {
-        return _ref3.apply(this, arguments);
-      };
-    }()
-  }, function (_ref4) {
-    var Bind = _ref4.Bind,
-        submit = _ref4.submit;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["New Content Model"])))), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(Grid, {
+    onSubmit: onSubmit
+  }, function (_ref5) {
+    var Bind = _ref5.Bind,
+        submit = _ref5.submit;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, {
+      label: "Creating content model..."
+    }), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["New Content Model"])))), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(Grid, {
       className: noPadding
     }, /*#__PURE__*/React.createElement(Cell, {
       span: 12
@@ -166,16 +241,16 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
       name: "name",
       validators: [validation.create("required,maxLength:100"), nameValidator]
     }, /*#__PURE__*/React.createElement(Input, {
-      label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Name"]))),
-      description: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["The name of the content model"])))
+      label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Name"]))),
+      description: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["The name of the content model. Use the singular form, e.g. Person, not Persons."])))
     }))), /*#__PURE__*/React.createElement(Cell, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "group",
       validators: validation.create("required")
     }, /*#__PURE__*/React.createElement(Select, {
-      description: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Choose a content model group"]))),
-      label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Content model group"]))),
+      description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Choose a content model group"]))),
+      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Content model group"]))),
       options: contentModelGroups
     }))), /*#__PURE__*/React.createElement(Cell, {
       span: 12
@@ -186,11 +261,11 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
         rows: 4,
         maxLength: 200,
         characterCount: true,
-        label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Description"])))
+        label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Description"])))
       }));
-    })))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonDefault, {
+    })))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
       onClick: submit
-    }, "+ ", t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Create"]))))));
+    }, "+ ", t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Create Model"]))))));
   }));
 };
 

package/admin/views/contentModels/cache.d.ts

@@ -1,5 +1,6 @@
 import { CmsEditorContentModel } from "../../../types";
-export declare const addModelToListCache: (cache: any, model: CmsEditorContentModel) => void;
-export declare const addModelToGroupCache: (cache: any, model: CmsEditorContentModel) => void;
-export declare const removeModelFromListCache: (cache: any, model: CmsEditorContentModel) => void;
-export declare const removeModelFromGroupCache: (cache: any, model: CmsEditorContentModel) => void;
+import { DataProxy } from "apollo-cache";
+export declare const addModelToListCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+export declare const addModelToGroupCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+export declare const removeModelFromListCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+export declare const removeModelFromGroupCache: (cache: DataProxy, model: CmsEditorContentModel) => void;

package/admin/views/contentModels/cache.js

@@ -1,14 +1,14 @@
 import dotProp from "dot-prop-immutable";
-import * as GQL from "../../viewsGraphql";
+import { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
 export var addModelToListCache = function addModelToListCache(cache, model) {
   var _cache$readQuery = cache.readQuery({
-    query: GQL.LIST_CONTENT_MODELS
+    query: LIST_CONTENT_MODELS
   }),
       listContentModels = _cache$readQuery.listContentModels;
 
   var newModelIndex = listContentModels.data.length;
   cache.writeQuery({
-    query: GQL.LIST_CONTENT_MODELS,
+    query: LIST_CONTENT_MODELS,
     data: {
       listContentModels: dotProp.set(listContentModels, "data.".concat(newModelIndex), model)
     }
@@ -16,7 +16,7 @@ export var addModelToListCache = function addModelToListCache(cache, model) {
 };
 export var addModelToGroupCache = function addModelToGroupCache(cache, model) {
   var _cache$readQuery2 = cache.readQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS
+    query: LIST_MENU_CONTENT_GROUPS_MODELS
   }),
       groupsList = _cache$readQuery2.listContentModelGroups;
 
@@ -25,7 +25,7 @@ export var addModelToGroupCache = function addModelToGroupCache(cache, model) {
   });
   var newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;
   cache.writeQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS,
+    query: LIST_MENU_CONTENT_GROUPS_MODELS,
     data: {
       listContentModelGroups: dotProp.set(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(newGroupModelIndex), model)
     }
@@ -33,7 +33,7 @@ export var addModelToGroupCache = function addModelToGroupCache(cache, model) {
 };
 export var removeModelFromListCache = function removeModelFromListCache(cache, model) {
   var _cache$readQuery3 = cache.readQuery({
-    query: GQL.LIST_CONTENT_MODELS
+    query: LIST_CONTENT_MODELS
   }),
       listContentModels = _cache$readQuery3.listContentModels;
 
@@ -41,7 +41,7 @@ export var removeModelFromListCache = function removeModelFromListCache(cache, m
     return m.modelId === model.modelId;
   });
   cache.writeQuery({
-    query: GQL.LIST_CONTENT_MODELS,
+    query: LIST_CONTENT_MODELS,
     data: {
       listContentModels: dotProp.delete(listContentModels, "data.".concat(modelIndex))
     }
@@ -49,7 +49,7 @@ export var removeModelFromListCache = function removeModelFromListCache(cache, m
 };
 export var removeModelFromGroupCache = function removeModelFromGroupCache(cache, model) {
   var _cache$readQuery4 = cache.readQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS
+    query: LIST_MENU_CONTENT_GROUPS_MODELS
   }),
       groupsList = _cache$readQuery4.listContentModelGroups;
 
@@ -60,7 +60,7 @@ export var removeModelFromGroupCache = function removeModelFromGroupCache(cache,
     return m.modelId === model.modelId;
   });
   cache.writeQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS,
+    query: LIST_MENU_CONTENT_GROUPS_MODELS,
     data: {
       listContentModelGroups: dotProp.delete(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(modelIndex))
     }

package/admin/views/contentModels/types.d.ts

@@ -0,0 +1,4 @@
+export interface CmsGroupOption {
+    value: string;
+    label: string;
+}

package/admin/views/contentModels/types.js

@@ -0,0 +1 @@
+export {};

package/admin/views/utils.d.ts

@@ -1,2 +1,3 @@
-export declare const serializeSorters: (data: any) => any;
-export declare const deserializeSorters: (data: string) => Record<string, "asc" | "desc" | boolean>;
+declare type SortTypes = "asc" | "desc";
+export declare const deserializeSorters: (data: string) => [string, SortTypes];
+export {};

package/admin/views/utils.js

@@ -1,27 +1,14 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-export var serializeSorters = function serializeSorters(data) {
-  if (!data) {
-    return data;
-  }
-
-  var _Object$entries = Object.entries(data),
-      _Object$entries2 = _slicedToArray(_Object$entries, 1),
-      _Object$entries2$ = _slicedToArray(_Object$entries2[0], 2),
-      key = _Object$entries2$[0],
-      value = _Object$entries2$[1];
-
-  return "".concat(key, ":").concat(value);
-};
 export var deserializeSorters = function deserializeSorters(data) {
   if (typeof data !== "string") {
     return data;
   }
 
-  var _ref = data.split(":"),
+  var _ref = data.split("_"),
       _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
+      field = _ref2[0],
+      orderBy = _ref2[1];
 
-  return _defineProperty({}, key, value);
+  var order = String(orderBy).toLowerCase() === "asc" ? "asc" : "desc";
+  return [field, order];
 };

package/admin/viewsGraphql.d.ts

@@ -1,5 +1,67 @@
+import { CmsErrorResponse, CmsGroup, CmsModel } from "../types";
+/**
+ * ############################
+ * List groups with models Query
+ * * Fetches data needed for constructing content models list in the main menu.
+ */
+export interface ListMenuCmsGroupsQueryResponse {
+    listContentModelGroups: {
+        data: CmsGroup[];
+        error?: CmsErrorResponse;
+    };
+}
 export declare const LIST_MENU_CONTENT_GROUPS_MODELS: import("graphql").DocumentNode;
+/**
+ * ############################
+ * List Query
+ */
+export interface ListCmsModelsQueryResponse {
+    listContentModels: {
+        data: CmsModel[];
+        error?: CmsErrorResponse;
+    };
+}
 export declare const LIST_CONTENT_MODELS: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Create Mutation
+ */
+export interface CreateCmsModelMutationResponse {
+    createContentModel: {
+        data: CmsModel;
+        error?: CmsErrorResponse;
+    };
+}
+export interface CreateCmsModelMutationVariables {
+    data: Record<string, any>;
+}
 export declare const CREATE_CONTENT_MODEL: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Create From Mutation
+ */
+export interface CreateCmsModelFromMutationResponse {
+    createContentModelFrom: {
+        data: CmsModel;
+        error?: CmsErrorResponse;
+    };
+}
+export interface CreateCmsModelFromMutationVariables {
+    modelId: string;
+    data: CmsModel;
+}
 export declare const CREATE_CONTENT_MODEL_FROM: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Delete Mutation
+ */
+export interface DeleteCmsModelMutationResponse {
+    deleteContentModel: {
+        data: boolean;
+        error?: CmsErrorResponse;
+    };
+}
+export interface DeleteCmsModelMutationVariables {
+    modelId: string;
+}
 export declare const DELETE_CONTENT_MODEL: import("graphql").DocumentNode;

package/admin/viewsGraphql.js

@@ -4,10 +4,35 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 import gql from "graphql-tag";
 var ERROR_FIELDS = "\n    code\n    message\n    data\n";
-var 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"; // Fetches data needed for constructing content models list in the main menu.
+var 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";
+/**
+ * ############################
+ * List groups with models Query
+ * * Fetches data needed for constructing content models list in the main menu.
+ */
+
+export var LIST_MENU_CONTENT_GROUPS_MODELS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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                ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
+/**
+ * ############################
+ * List Query
+ */
+
+export var LIST_CONTENT_MODELS = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query CmsListContentModels {\n        listContentModels {\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), BASE_CONTENT_MODEL_FIELDS, ERROR_FIELDS);
+/**
+ * ############################
+ * Create Mutation
+ */
+
+export var CREATE_CONTENT_MODEL = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation CmsCreateContentModel($data: CmsContentModelCreateInput!) {\n        createContentModel(data: $data) {\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), BASE_CONTENT_MODEL_FIELDS, ERROR_FIELDS);
+/**
+ * ############################
+ * Create From Mutation
+ */
+
+export var CREATE_CONTENT_MODEL_FROM = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation CmsCreateContentModelFrom($modelId: ID!, $data: CmsContentModelCreateFromInput!) {\n        createContentModelFrom(modelId: $modelId, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), BASE_CONTENT_MODEL_FIELDS, ERROR_FIELDS);
+/**
+ * ############################
+ * Delete Mutation
+ */
 
-export var LIST_MENU_CONTENT_GROUPS_MODELS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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        }\n    }\n"])));
-export var LIST_CONTENT_MODELS = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query CmsListContentModels {\n        listContentModels {\n            data {\n                ", "\n            }\n        }\n    }\n"])), BASE_CONTENT_MODEL_FIELDS);
-export var CREATE_CONTENT_MODEL = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation CmsCreateContentModel($data: CmsContentModelCreateInput!) {\n        createContentModel(data: $data) {\n            data {\n                ", "\n            }\n            error {\n                message\n                data\n            }\n        }\n    }\n"])), BASE_CONTENT_MODEL_FIELDS);
-export var CREATE_CONTENT_MODEL_FROM = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation CmsCreateContentModelFrom($modelId: ID!, $data: CmsContentModelCreateFromInput!) {\n        createContentModelFrom(modelId: $modelId, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                message\n                data\n            }\n        }\n    }\n"])), BASE_CONTENT_MODEL_FIELDS);
 export var DELETE_CONTENT_MODEL = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation CmsDeleteContentModel($modelId: ID!) {\n        deleteContentModel(modelId: $modelId) {\n            data\n            error {\n                ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms",
-	"version": "5.23.0",
+	"version": "5.24.0-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -13,10 +13,12 @@
 	],
 	"license": "MIT",
 	"dependencies": {
+		"@apollo/react-common": "3.1.4",
 		"@apollo/react-hooks": "3.1.5",
 		"@babel/runtime": "7.16.7",
 		"@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",
@@ -24,19 +26,19 @@
 		"@fortawesome/react-fontawesome": "0.1.17",
 		"@svgr/webpack": "6.2.1",
 		"@types/react": "16.14.2",
-		"@webiny/app": "5.23.0",
-		"@webiny/app-admin": "5.23.0",
-		"@webiny/app-graphql-playground": "5.23.0",
-		"@webiny/app-i18n": "5.23.0",
-		"@webiny/app-plugin-admin-welcome-screen": "5.23.0",
-		"@webiny/app-security": "5.23.0",
-		"@webiny/error": "5.23.0",
-		"@webiny/form": "5.23.0",
-		"@webiny/plugins": "5.23.0",
-		"@webiny/react-router": "5.23.0",
-		"@webiny/ui": "5.23.0",
-		"@webiny/utils": "5.23.0",
-		"@webiny/validation": "5.23.0",
+		"@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",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -52,6 +54,7 @@
 		"prop-types": "15.8.1",
 		"raw.macro": "0.4.2",
 		"react": "16.14.0",
+		"react-custom-scrollbars": "4.2.1",
 		"react-dnd": "11.1.3",
 		"react-dnd-html5-backend": "11.1.3",
 		"react-dom": "16.14.0",
@@ -68,8 +71,8 @@
 		"@babel/preset-env": "^7.16.4",
 		"@babel/preset-react": "^7.16.0",
 		"@babel/preset-typescript": "^7.16.0",
-		"@webiny/cli": "^5.23.0",
-		"@webiny/project-utils": "^5.23.0",
+		"@webiny/cli": "^5.24.0-beta.0",
+		"@webiny/project-utils": "^5.24.0-beta.0",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
 		"babel-plugin-module-resolver": "^4.1.0",
@@ -101,5 +104,5 @@
 			]
 		}
 	},
-	"gitHead": "eaa0003e39194d687ab5397c08eeccdb3557fb28"
+	"gitHead": "05b90b92bbaf2ef3adf275d008c4641580cf5f42"
 }