@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

package/admin/views/contentEntries/experiment/Property.js

@@ -0,0 +1,248 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PropertyContainer = exports.Property = void 0;
+exports.toArray = toArray;
+exports.toObject = toObject;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useDeepCompareEffect = _interopRequireDefault(require("use-deep-compare-effect"));
+
+var _utils = require("@webiny/utils");
+
+var _excluded = ["children", "name", "value"];
+
+function toObject(property) {
+  if (property.value !== undefined) {
+    return (0, _defineProperty2.default)({}, property.name, property.value);
+  }
+
+  var obj = {};
+  property.properties.forEach(function (prop) {
+    // Check if this is a single occurrence of this property
+    var isSingle = property.properties.filter(function (p) {
+      return p.name === prop.name;
+    }).length === 1;
+
+    if (prop.value !== undefined) {
+      obj[prop.name] = isSingle ? prop.value : [].concat((0, _toConsumableArray2.default)(obj[prop.name] || []), [prop.value]);
+    } else {
+      var asObject = toObject(prop);
+
+      if (!isSingle) {
+        obj[prop.name] = [].concat((0, _toConsumableArray2.default)(obj[prop.name] || []), [asObject[prop.name]]);
+      } else {
+        obj[prop.name] = asObject[prop.name];
+      }
+    }
+  });
+  return obj;
+}
+
+function toArray(objects) {
+  return objects.map(function (obj) {
+    return obj.properties.reduce(function (acc, item) {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), toObject(item));
+    }, {});
+  });
+}
+
+function mergeProperties(properties1, properties2) {
+  var temp = [].concat((0, _toConsumableArray2.default)(properties1), (0, _toConsumableArray2.default)(properties2));
+  return Object.values(temp.reduce(function (acc, item) {
+    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.id, item));
+  }, {}));
+}
+
+var PropertyContext = /*#__PURE__*/(0, _react.createContext)(null);
+PropertyContext.displayName = "PropertyContext";
+
+var useProperty = function useProperty() {
+  return (0, _react.useContext)(PropertyContext);
+};
+
+var PropertyContainerContext = /*#__PURE__*/(0, _react.createContext)();
+
+function cleanup(properties) {
+  return properties.map(function (property) {
+    if ("$remove" in property) {
+      return null;
+    }
+
+    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, property), {}, {
+      properties: cleanup(property.properties)
+    });
+  }).filter(Boolean);
+}
+
+var store = new Map();
+
+var PropertyContainer = function PropertyContainer(_ref2) {
+  var name = _ref2.name,
+      onChange = _ref2.onChange,
+      children = _ref2.children;
+  var ref = (0, _react.useRef)(store);
+  var context = (0, _react.useMemo)(function () {
+    return {
+      updateContainer: function updateContainer(updater) {
+        var current = store.get(name) || [];
+        var properties = cleanup(updater(current));
+        store.set(name, properties);
+        onChange(properties);
+      }
+    };
+  }, [ref]);
+  return /*#__PURE__*/_react.default.createElement(PropertyContainerContext.Provider, {
+    value: context
+  }, children);
+};
+
+exports.PropertyContainer = PropertyContainer;
+
+var Property = function Property(_ref3) {
+  var children = _ref3.children,
+      name = _ref3.name,
+      value = _ref3.value,
+      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+  var id = (0, _react.useRef)(props.id || (0, _utils.generateAlphaNumericId)(21));
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      properties = _useState2[0],
+      setProperties = _useState2[1];
+
+  var _useContext = (0, _react.useContext)(PropertyContainerContext),
+      updateContainer = _useContext.updateContainer;
+
+  var parentProperty = useProperty();
+  var context = {
+    removeProperty: function removeProperty(id) {
+      setProperties(function (properties) {
+        var index = properties.findIndex(function (p) {
+          return p.id === id;
+        });
+
+        if (index > -1) {
+          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), {}, {
+            $remove: true
+          })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
+        }
+
+        return properties;
+      });
+    },
+    updateProperty: function updateProperty(property) {
+      setProperties(function (properties) {
+        var index = properties.findIndex(function (p) {
+          return p.id === property.id;
+        });
+
+        if (index > -1) {
+          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), property)], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
+        }
+
+        return [].concat((0, _toConsumableArray2.default)(properties), [property]);
+      });
+    }
+  };
+
+  var indexById = function indexById(p) {
+    return p.id === props.id;
+  };
+
+  var indexByName = function indexByName(p) {
+    return p.name === name;
+  };
+
+  var updateParentContainer = function updateParentContainer(property) {
+    updateContainer(function (properties) {
+      // Check if this property already exists in the parent container.
+      var index = properties.findIndex(props.id ? indexById : indexByName);
+
+      if (props.remove) {
+        if (index > -1) {
+          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), {}, {
+            $remove: true
+          })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
+        }
+
+        return properties;
+      }
+
+      if (props.replace) {
+        if (index > -1) {
+          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)({}, property)], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
+        }
+
+        return [].concat((0, _toConsumableArray2.default)(properties), [property]);
+      }
+
+      if (props.merge) {
+        if (index > -1) {
+          return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), property), {}, {
+            properties: mergeProperties(properties[index].properties, property.properties)
+          })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
+        }
+      }
+
+      return [].concat((0, _toConsumableArray2.default)(properties), [property]);
+    });
+  };
+
+  (0, _useDeepCompareEffect.default)(function () {
+    var property = {
+      id: id.current,
+      name: name,
+      value: value,
+      properties: properties
+    };
+
+    if (!parentProperty) {
+      return updateParentContainer(property);
+    }
+
+    parentProperty.updateProperty(property);
+  }, [properties]);
+  (0, _useDeepCompareEffect.default)(function () {
+    // On mount, we need to report to our parent.
+    if (parentProperty) {
+      if (props.remove) {
+        parentProperty.removeProperty(id.current);
+      } else {
+        parentProperty.updateProperty({
+          id: id.current,
+          name: name,
+          value: value,
+          properties: properties
+        });
+      }
+    }
+  }, [props.remove, properties]);
+
+  if (!children) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(PropertyContext.Provider, {
+    value: context
+  }, children);
+};
+
+exports.Property = Property;

package/admin/views/contentEntries/experiment/Property.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toObject","property","value","undefined","name","obj","properties","forEach","prop","isSingle","filter","p","length","asObject","toArray","objects","map","reduce","acc","item","mergeProperties","properties1","properties2","temp","Object","values","id","PropertyContext","createContext","displayName","useProperty","useContext","PropertyContainerContext","cleanup","Boolean","store","Map","PropertyContainer","onChange","children","ref","useRef","context","useMemo","updateContainer","updater","current","get","set","Property","props","generateAlphaNumericId","useState","setProperties","parentProperty","removeProperty","index","findIndex","slice","$remove","updateProperty","indexById","indexByName","updateParentContainer","remove","replace","merge","useDeepCompareEffect"],"sources":["Property.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * Note by @pavel910:\n *\n * TS is disabled in this file, as this is a wild experiment, and I need to come back and fix some types, which are not very\n * obvious. I don't have time to do it right now. If the experiment is successful, I'll come back and clean this up, and\n * extract this whole logic into a separate package, as this is a tiny framework for building data objects using React, and\n * we might want to use it in many more places (all views, Page Builder Editor, etc.).\n *\n * More on this a bit later, if the experiment is successful.\n */\nimport React, { createContext, FC, useContext, useMemo, useRef, useState } from \"react\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport { generateAlphaNumericId } from \"@webiny/utils\";\n\nexport function toObject<T = unknown>(property: Property): T {\n    if (property.value !== undefined) {\n        return { [property.name]: property.value };\n    }\n\n    const obj = {};\n    property.properties.forEach(prop => {\n        // Check if this is a single occurrence of this property\n        const isSingle = property.properties.filter(p => p.name === prop.name).length === 1;\n        if (prop.value !== undefined) {\n            obj[prop.name] = isSingle ? prop.value : [...(obj[prop.name] || []), prop.value];\n        } else {\n            const asObject = toObject(prop);\n\n            if (!isSingle) {\n                obj[prop.name] = [...(obj[prop.name] || []), asObject[prop.name]];\n            } else {\n                obj[prop.name] = asObject[prop.name];\n            }\n        }\n    });\n\n    return obj;\n}\n\nexport function toArray(objects: Property[]) {\n    return objects.map(obj =>\n        obj.properties.reduce((acc, item) => {\n            return { ...acc, ...toObject(item) };\n        }, {})\n    );\n}\n\nfunction mergeProperties(properties1: Property[], properties2: Property[]) {\n    const temp: Property[] = [...properties1, ...properties2];\n\n    return Object.values(\n        temp.reduce((acc, item) => {\n            return { ...acc, [item.id]: item };\n        }, {})\n    );\n}\n\ninterface PropertyContext {\n    removeProperty(id: string): void;\n    updateProperty(property: Property): void;\n}\n\nconst PropertyContext = createContext<PropertyContext>(null);\nPropertyContext.displayName = \"PropertyContext\";\n\nconst useProperty = () => {\n    return useContext(PropertyContext);\n};\n\ninterface PropertyContainerContext {\n    updateContainer(update): void;\n}\n\nexport interface Property<TValue = unknown> {\n    id?: string;\n    name: string;\n    value?: TValue;\n    properties?: Property[];\n}\n\nconst PropertyContainerContext = createContext<PropertyContainerContext>();\n\nfunction cleanup(properties: Property[]): Property[] {\n    return properties\n        .map(property => {\n            if (\"$remove\" in property) {\n                return null;\n            }\n\n            return {\n                ...property,\n                properties: cleanup(property.properties)\n            };\n        })\n        .filter(Boolean);\n}\n\nconst store = new Map<string, any>();\n\ninterface PropertyContainerProps {\n    name: string;\n    // TODO: create a proper type\n    onChange: any;\n}\n\nexport const PropertyContainer: FC<PropertyContainerProps> = ({ name, onChange, children }) => {\n    const ref = useRef(store);\n    const context = useMemo(\n        () => ({\n            updateContainer(updater) {\n                const current = store.get(name) || [];\n                const properties = cleanup(updater(current));\n                store.set(name, properties);\n                onChange(properties);\n            }\n        }),\n        [ref]\n    );\n\n    return (\n        <PropertyContainerContext.Provider value={context}>\n            {children}\n        </PropertyContainerContext.Provider>\n    );\n};\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    merge?: boolean;\n    replace?: boolean;\n    remove?: boolean;\n}\n\nexport const Property: FC<PropertyProps> = ({ children, name, value, ...props }) => {\n    const id = useRef(props.id || generateAlphaNumericId(21));\n    const [properties, setProperties] = useState([]);\n    const { updateContainer } = useContext(PropertyContainerContext);\n    const parentProperty = useProperty();\n\n    const context: PropertyContext = {\n        removeProperty(id: string) {\n            setProperties(properties => {\n                const index = properties.findIndex(p => p.id === id);\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], $remove: true },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n                return properties;\n            });\n        },\n        updateProperty(property) {\n            setProperties(properties => {\n                const index = properties.findIndex(p => p.id === property.id);\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], ...property },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n                return [...properties, property];\n            });\n        }\n    };\n\n    const indexById = p => p.id === props.id;\n    const indexByName = p => p.name === name;\n\n    const updateParentContainer = property => {\n        updateContainer((properties: Property[]) => {\n            // Check if this property already exists in the parent container.\n            const index = properties.findIndex(props.id ? indexById : indexByName);\n\n            if (props.remove) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], $remove: true },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n\n                return properties;\n            }\n\n            if (props.replace) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...property },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n\n                return [...properties, property];\n            }\n\n            if (props.merge) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        {\n                            ...properties[index],\n                            ...property,\n                            properties: mergeProperties(\n                                properties[index].properties,\n                                property.properties\n                            )\n                        },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n            }\n\n            return [...properties, property];\n        });\n    };\n\n    useDeepCompareEffect(() => {\n        const property = { id: id.current, name, value, properties };\n\n        if (!parentProperty) {\n            return updateParentContainer(property);\n        }\n\n        parentProperty.updateProperty(property);\n    }, [properties]);\n\n    useDeepCompareEffect(() => {\n        // On mount, we need to report to our parent.\n        if (parentProperty) {\n            if (props.remove) {\n                parentProperty.removeProperty(id.current);\n            } else {\n                parentProperty.updateProperty({ id: id.current, name, value, properties });\n            }\n        }\n    }, [props.remove, properties]);\n\n    if (!children) {\n        return null;\n    }\n\n    return <PropertyContext.Provider value={context}>{children}</PropertyContext.Provider>;\n};\n"],"mappings":"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"}

package/admin/views/contentEntries/hooks/useContentEntries.js

@@ -1,5 +1,14 @@
-import { useContext } from "react";
-import { Context } from "../ContentEntriesContext";
-export function useContentEntries() {
-  return useContext(Context);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useContentEntries = useContentEntries;
+
+var _react = require("react");
+
+var _ContentEntriesContext = require("../ContentEntriesContext");
+
+function useContentEntries() {
+  return (0, _react.useContext)(_ContentEntriesContext.Context);
 }

package/admin/views/contentEntries/hooks/useContentEntries.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContentEntries","useContext","Context"],"sources":["useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { Context } from \"../ContentEntriesContext\";\n\nexport function useContentEntries() {\n    return useContext(Context);\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,SAASA,iBAAT,GAA6B;EAChC,OAAO,IAAAC,iBAAA,EAAWC,8BAAX,CAAP;AACH"}

package/admin/views/contentEntries/hooks/useContentEntriesList.d.ts

@@ -4,13 +4,10 @@ export declare function useContentEntriesList(): {
     contentModel: import("../../../../types").CmsEditorContentModel;
     listQueryVariables: import("../ContentEntriesContext").ListQueryVariables;
     setListQueryVariables: import("react").Dispatch<import("react").SetStateAction<import("../ContentEntriesContext").ListQueryVariables>>;
-    sorters: {
-        label: string;
-        value: string;
-    }[];
-    entryId: string;
+    sorters: import("../ContentEntriesContext").CmsEntriesSorter[];
+    id: string | null;
     loading: boolean;
-    data: any;
+    data: CmsEditorContentEntry[];
     loadMore: () => void;
     loadMoreLoading: boolean;
     canCreate: boolean;

package/admin/views/contentEntries/hooks/useContentEntriesList.js

@@ -1,43 +1,65 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import get from "lodash/get";
-import set from "lodash/set";
-import unset from "lodash/unset";
-import cloneDeep from "lodash/cloneDeep";
-import debounce from "lodash/debounce";
-import { useRouter } from "@webiny/react-router";
-import { createListQuery } from "../../../graphql/contentEntries";
-import { useQuery } from "../../../hooks";
-import { useContentEntries } from "./useContentEntries";
-export function useContentEntriesList() {
-  var _useContentEntries = useContentEntries(),
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useContentEntriesList = useContentEntriesList;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _set = _interopRequireDefault(require("lodash/set"));
+
+var _unset = _interopRequireDefault(require("lodash/unset"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _contentEntries = require("../../../graphql/contentEntries");
+
+var _hooks = require("../../../hooks");
+
+var _useContentEntries2 = require("./useContentEntries");
+
+function useContentEntriesList() {
+  var _useContentEntries = (0, _useContentEntries2.useContentEntries)(),
       contentModel = _useContentEntries.contentModel,
       listQueryVariables = _useContentEntries.listQueryVariables,
       setListQueryVariables = _useContentEntries.setListQueryVariables,
       sorters = _useContentEntries.sorters,
       canCreate = _useContentEntries.canCreate;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       loadMoreLoading = _useState2[0],
       setLoadMoreLoading = _useState2[1];
 
-  var _useState3 = useState(""),
-      _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = (0, _react.useState)(""),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       filter = _useState4[0],
       setFilter = _useState4[1];
 
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       history = _useRouter.history;
 
   var baseUrl = "/cms/content-entries/".concat(contentModel.modelId); // Get entry ID and search query (if any)
 
   var query = new URLSearchParams(location.search);
-  var entryId = query.get("id");
+  var id = query.get("id");
   var searchQuery = query.get("search");
-  var updateSearch = useCallback(debounce(function (_ref) {
+  var updateSearch = (0, _react.useCallback)((0, _debounce.default)(function (_ref) {
     var filter = _ref.filter,
         query = _ref.query;
     var search = query.get("search");
@@ -49,12 +71,12 @@ export function useContentEntriesList() {
 
     var searchField = contentModel.titleFieldId + "_contains";
     setListQueryVariables(function (prev) {
-      var next = cloneDeep(prev);
+      var next = (0, _cloneDeep.default)(prev);
 
       if (filter) {
-        set(next, "where.".concat(searchField), filter);
+        (0, _set.default)(next, "where.".concat(searchField), filter);
       } else {
-        unset(next, "where.".concat(searchField));
+        (0, _unset.default)(next, "where.".concat(searchField));
       }
 
       return next;
@@ -66,34 +88,35 @@ export function useContentEntriesList() {
     }
   }, 250), [baseUrl]); // Set "filter" from search "query" on page load.
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (searchQuery) {
       setFilter(searchQuery);
     }
   }, [baseUrl, searchQuery]); // When filter changes, run GQL query
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     return updateSearch({
       filter: filter,
       query: query
     });
   }, [baseUrl, filter]); // Generate a query based on current content model
 
-  var LIST_QUERY = useMemo(function () {
-    return createListQuery(contentModel);
+  var LIST_QUERY = (0, _react.useMemo)(function () {
+    return (0, _contentEntries.createListQuery)(contentModel);
   }, [contentModel.modelId]);
 
-  var _useQuery = useQuery(LIST_QUERY, {
-    variables: listQueryVariables
+  var _useQuery = (0, _hooks.useQuery)(LIST_QUERY, {
+    variables: listQueryVariables,
+    fetchPolicy: "network-only"
   }),
       data = _useQuery.data,
       loading = _useQuery.loading,
       fetchMore = _useQuery.fetchMore;
 
-  var onCreate = useCallback(function () {
+  var onCreate = (0, _react.useCallback)(function () {
     history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
   }, [contentModel]);
-  var filterByStatus = useCallback(function (entries, status) {
+  var filterByStatus = (0, _react.useCallback)(function (entries, status) {
     if (!status || status === "all") {
       return entries;
     }
@@ -103,8 +126,8 @@ export function useContentEntriesList() {
     });
   }, []); // Load more entries on scroll
 
-  var loadMore = useCallback(function () {
-    var meta = get(data, "content.meta", {});
+  var loadMore = (0, _react.useCallback)(function () {
+    var meta = (0, _get.default)(data, "content.meta", {});
 
     if (meta.hasMoreItems) {
       setLoadMoreLoading(true);
@@ -112,23 +135,21 @@ export function useContentEntriesList() {
         variables: {
           after: meta.cursor
         },
-        updateQuery: function updateQuery(prev, _ref2) {
-          var fetchMoreResult = _ref2.fetchMoreResult;
-
-          if (!fetchMoreResult) {
+        updateQuery: function updateQuery(prev, result) {
+          if (!result || !result.fetchMoreResult) {
             return prev;
           }
 
-          var next = _objectSpread({}, fetchMoreResult);
-
-          next.content.data = [].concat(_toConsumableArray(prev.content.data), _toConsumableArray(fetchMoreResult.content.data));
+          var fetchMoreResult = result.fetchMoreResult;
+          var next = (0, _objectSpread2.default)({}, fetchMoreResult);
+          next.content.data = [].concat((0, _toConsumableArray2.default)(prev.content.data), (0, _toConsumableArray2.default)(fetchMoreResult.content.data));
           setLoadMoreLoading(false);
           return next;
         }
       });
     }
   }, [data]);
-  var editEntry = useCallback(function (entry) {
+  var editEntry = (0, _react.useCallback)(function (entry) {
     return function () {
       history.push("/cms/content-entries/".concat(contentModel.modelId, "?id=").concat(encodeURIComponent(entry.id)));
     };
@@ -138,9 +159,9 @@ export function useContentEntriesList() {
     listQueryVariables: listQueryVariables,
     setListQueryVariables: setListQueryVariables,
     sorters: sorters,
-    entryId: entryId,
+    id: id,
     loading: loading,
-    data: filterByStatus(get(data, "content.data", []), listQueryVariables.status),
+    data: filterByStatus((0, _get.default)(data, "content.data", []), listQueryVariables.status),
     loadMore: loadMore,
     loadMoreLoading: loadMoreLoading,
     canCreate: canCreate,

package/admin/views/contentEntries/hooks/useContentEntriesList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContentEntriesList","useContentEntries","contentModel","listQueryVariables","setListQueryVariables","sorters","canCreate","useState","loadMoreLoading","setLoadMoreLoading","filter","setFilter","useRouter","history","baseUrl","modelId","query","URLSearchParams","location","search","id","get","searchQuery","updateSearch","useCallback","debounce","searchField","titleFieldId","prev","next","cloneDeep","set","unset","push","toString","useEffect","LIST_QUERY","useMemo","createListQuery","useQuery","variables","fetchPolicy","data","loading","fetchMore","onCreate","filterByStatus","entries","status","item","meta","loadMore","hasMoreItems","after","cursor","updateQuery","result","fetchMoreResult","content","editEntry","entry","encodeURIComponent"],"sources":["useContentEntriesList.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport get from \"lodash/get\";\nimport set from \"lodash/set\";\nimport unset from \"lodash/unset\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport debounce from \"lodash/debounce\";\nimport { useRouter } from \"@webiny/react-router\";\nimport {\n    createListQuery,\n    CmsEntriesListQueryVariables,\n    CmsEntriesListQueryResponse\n} from \"~/admin/graphql/contentEntries\";\nimport { useQuery } from \"~/admin/hooks\";\nimport { useContentEntries } from \"./useContentEntries\";\nimport { CmsEditorContentEntry, CmsMetaResponse } from \"~/types\";\n\ninterface UpdateSearchCallableParams {\n    filter: string;\n    query: URLSearchParams;\n}\ninterface UpdateSearchCallable {\n    (params: UpdateSearchCallableParams): void;\n}\n\nexport function useContentEntriesList() {\n    const { contentModel, listQueryVariables, setListQueryVariables, sorters, canCreate } =\n        useContentEntries();\n\n    const [loadMoreLoading, setLoadMoreLoading] = useState<boolean>(false);\n    const [filter, setFilter] = useState<string>(\"\");\n\n    const { history } = useRouter();\n    const baseUrl = `/cms/content-entries/${contentModel.modelId}`;\n\n    // Get entry ID and search query (if any)\n    const query = new URLSearchParams(location.search);\n    const id = query.get(\"id\");\n    const searchQuery = query.get(\"search\");\n    const updateSearch = useCallback(\n        debounce<UpdateSearchCallable>(({ filter, query }) => {\n            const search = query.get(\"search\");\n            if (typeof search !== \"string\" && !filter) {\n                return;\n            }\n\n            // We use the title field with the \"contains\" operator for doing basic searches.\n            const searchField = contentModel.titleFieldId + \"_contains\";\n            setListQueryVariables(prev => {\n                const next = cloneDeep(prev);\n                if (filter) {\n                    set(next, `where.${searchField}`, filter);\n                } else {\n                    unset(next, `where.${searchField}`);\n                }\n\n                return next;\n            });\n\n            if (search !== filter) {\n                query.set(\"search\", filter);\n                history.push(`${baseUrl}?${query.toString()}`);\n            }\n        }, 250),\n        [baseUrl]\n    );\n\n    // Set \"filter\" from search \"query\" on page load.\n    useEffect(() => {\n        if (searchQuery) {\n            setFilter(searchQuery);\n        }\n    }, [baseUrl, searchQuery]);\n\n    // When filter changes, run GQL query\n    useEffect(() => updateSearch({ filter, query }), [baseUrl, filter]);\n\n    // Generate a query based on current content model\n    const LIST_QUERY = useMemo(() => createListQuery(contentModel), [contentModel.modelId]);\n    const { data, loading, fetchMore } = useQuery<\n        CmsEntriesListQueryResponse,\n        CmsEntriesListQueryVariables\n    >(LIST_QUERY, { variables: listQueryVariables, fetchPolicy: \"network-only\" });\n\n    const onCreate = useCallback(() => {\n        history.push(`/cms/content-entries/${contentModel.modelId}?new=true`);\n    }, [contentModel]);\n\n    const filterByStatus = useCallback((entries: CmsEditorContentEntry[], status?: string) => {\n        if (!status || status === \"all\") {\n            return entries;\n        }\n        return entries.filter(item => item.meta.status === status);\n    }, []);\n\n    // Load more entries on scroll\n    const loadMore = useCallback((): void => {\n        const meta: CmsMetaResponse = get(data, \"content.meta\", {});\n        if (meta.hasMoreItems) {\n            setLoadMoreLoading(true);\n            fetchMore({\n                variables: {\n                    after: meta.cursor\n                },\n                updateQuery: (prev: CmsEntriesListQueryResponse, result) => {\n                    if (!result || !result.fetchMoreResult) {\n                        return prev;\n                    }\n                    const fetchMoreResult = result.fetchMoreResult;\n\n                    const next = { ...fetchMoreResult };\n\n                    next.content.data = [...prev.content.data, ...fetchMoreResult.content.data];\n                    setLoadMoreLoading(false);\n                    return next;\n                }\n            });\n        }\n    }, [data]);\n\n    const editEntry = useCallback(\n        (entry: CmsEditorContentEntry) => () => {\n            history.push(\n                `/cms/content-entries/${contentModel.modelId}?id=${encodeURIComponent(entry.id)}`\n            );\n        },\n        [contentModel.modelId]\n    );\n\n    return {\n        contentModel,\n        listQueryVariables,\n        setListQueryVariables,\n        sorters,\n        id,\n        loading,\n        data: filterByStatus(get(data, \"content.data\", []), listQueryVariables.status),\n        loadMore,\n        loadMoreLoading,\n        canCreate,\n        onCreate,\n        filter,\n        setFilter,\n        editEntry\n    };\n}\n"],"mappings":"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"}

package/admin/views/contentEntries/hooks/useContentEntry.js

@@ -1,5 +1,20 @@
-import { useContext } from "react";
-import { Context } from "../ContentEntry/ContentEntryContext";
-export function useContentEntry() {
-  return useContext(Context);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useContentEntry = useContentEntry;
+
+var _react = require("react");
+
+var _ContentEntryContext = require("../ContentEntry/ContentEntryContext");
+
+function useContentEntry() {
+  var context = (0, _react.useContext)(_ContentEntryContext.Context);
+
+  if (!context) {
+    throw Error("useContentEntry() hook can only be used within the ContentEntryContext provider.");
+  }
+
+  return context;
 }

package/admin/views/contentEntries/hooks/useContentEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContentEntry","context","useContext","Context","Error"],"sources":["useContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { Context } from \"../ContentEntry/ContentEntryContext\";\n\nexport function useContentEntry() {\n    const context = useContext(Context);\n    if (!context) {\n        throw Error(\n            `useContentEntry() hook can only be used within the ContentEntryContext provider.`\n        );\n    }\n    return context;\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,SAASA,eAAT,GAA2B;EAC9B,IAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWC,4BAAX,CAAhB;;EACA,IAAI,CAACF,OAAL,EAAc;IACV,MAAMG,KAAK,oFAAX;EAGH;;EACD,OAAOH,OAAP;AACH"}

package/admin/views/contentModelGroups/ContentModelGroups.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function ContentModelGroups(): JSX.Element;
+import React from "react";
+declare const ContentModelGroups: React.FC;
 export default ContentModelGroups;

package/admin/views/contentModelGroups/ContentModelGroups.js

@@ -1,15 +1,31 @@
-import React, { useMemo } from "react";
-import { useSecurity } from "@webiny/app-security";
-import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin/components/SplitView";
-import ContentModelGroupsDataList from "./ContentModelGroupsDataList";
-import ContentModelGroupsForm from "./ContentModelGroupsForm";
+"use strict";
 
-function ContentModelGroups() {
-  var _useSecurity = useSecurity(),
-      identity = _useSecurity.identity;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-  var canCreate = useMemo(function () {
-    var permission = identity.getPermission("cms.contentModelGroup");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _appSecurity = require("@webiny/app-security");
+
+var _SplitView = require("@webiny/app-admin/components/SplitView");
+
+var _ContentModelGroupsDataList = _interopRequireDefault(require("./ContentModelGroupsDataList"));
+
+var _ContentModelGroupsForm = _interopRequireDefault(require("./ContentModelGroupsForm"));
+
+var ContentModelGroups = function ContentModelGroups() {
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
+      identity = _useSecurity.identity,
+      getPermission = _useSecurity.getPermission;
+
+  var canCreate = (0, _react.useMemo)(function () {
+    var permission = getPermission("cms.contentModelGroup");
 
     if (!permission) {
       return false;
@@ -20,16 +36,17 @@ function ContentModelGroups() {
     }
 
     return permission.rwd.includes("w");
-  }, []);
-  return /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
+  }, [identity]);
+  return /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
     span: 4
-  }, /*#__PURE__*/React.createElement(ContentModelGroupsDataList, {
+  }, /*#__PURE__*/_react.default.createElement(_ContentModelGroupsDataList.default, {
     canCreate: canCreate
-  })), /*#__PURE__*/React.createElement(RightPanel, {
+  })), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
     span: 8
-  }, /*#__PURE__*/React.createElement(ContentModelGroupsForm, {
+  }, /*#__PURE__*/_react.default.createElement(_ContentModelGroupsForm.default, {
     canCreate: canCreate
   })));
-}
+};
 
-export default ContentModelGroups;
+var _default = ContentModelGroups;
+exports.default = _default;