@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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

@@ -0,0 +1,200 @@
+"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,15 @@
-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() {
+  var context = (0, _react.useContext)(_ContentEntriesContext.Context);
+  if (!context) {
+    throw Error("Missing \"ContentEntriesContext\" provider in the component tree!");
+  }
+  return context;
 }

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

@@ -0,0 +1 @@
+{"version":3,"names":["useContentEntries","context","useContext","Context","Error"],"sources":["useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { Context } from \"../ContentEntriesContext\";\n\nexport function useContentEntries() {\n    const context = useContext(Context);\n    if (!context) {\n        throw Error(`Missing \"ContentEntriesContext\" provider in the component tree!`);\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEO,SAASA,iBAAiB,GAAG;EAChC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,8BAAO,CAAC;EACnC,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,qEAAmE;EAClF;EAEA,OAAOH,OAAO;AAClB"}

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

@@ -1,16 +1,13 @@
 /// <reference types="react" />
 import { CmsEditorContentEntry } from "../../../../types";
 export declare function useContentEntriesList(): {
-    contentModel: import("../../../../types").CmsEditorContentModel;
+    contentModel: import("../../../../types").CmsModel;
     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,134 +1,132 @@
-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(),
-      contentModel = _useContentEntries.contentModel,
-      listQueryVariables = _useContentEntries.listQueryVariables,
-      setListQueryVariables = _useContentEntries.setListQueryVariables,
-      sorters = _useContentEntries.sorters,
-      canCreate = _useContentEntries.canCreate;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loadMoreLoading = _useState2[0],
-      setLoadMoreLoading = _useState2[1];
-
-  var _useState3 = useState(""),
-      _useState4 = _slicedToArray(_useState3, 2),
-      filter = _useState4[0],
-      setFilter = _useState4[1];
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history;
-
-  var baseUrl = "/cms/content-entries/".concat(contentModel.modelId); // Get entry ID and search query (if any)
-
+"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 = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loadMoreLoading = _useState2[0],
+    setLoadMoreLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(""),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    filter = _useState4[0],
+    setFilter = _useState4[1];
+  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;
+      query = _ref.query;
     var search = query.get("search");
-
     if (typeof search !== "string" && !filter) {
       return;
-    } // We use the title field with the "contains" operator for doing basic searches.
-
+    }
 
+    // We use the title field with the "contains" operator for doing basic searches.
     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;
     });
-
     if (search !== filter) {
       query.set("search", filter);
       history.push("".concat(baseUrl, "?").concat(query.toString()));
     }
-  }, 250), [baseUrl]); // Set "filter" from search "query" on page load.
+  }, 250), [baseUrl]);
 
-  useEffect(function () {
+  // Set "filter" from search "query" on page load.
+  (0, _react.useEffect)(function () {
     if (searchQuery) {
       setFilter(searchQuery);
     }
-  }, [baseUrl, searchQuery]); // When filter changes, run GQL query
+  }, [baseUrl, searchQuery]);
 
-  useEffect(function () {
+  // When filter changes, run GQL query
+  (0, _react.useEffect)(function () {
     return updateSearch({
       filter: filter,
       query: query
     });
-  }, [baseUrl, filter]); // Generate a query based on current content model
+  }, [baseUrl, filter]);
 
-  var LIST_QUERY = useMemo(function () {
-    return createListQuery(contentModel);
+  // Generate a query based on current content model
+  var LIST_QUERY = (0, _react.useMemo)(function () {
+    return (0, _contentEntries.createListQuery)(contentModel);
   }, [contentModel.modelId]);
-
-  var _useQuery = useQuery(LIST_QUERY, {
-    variables: listQueryVariables
-  }),
-      data = _useQuery.data,
-      loading = _useQuery.loading,
-      fetchMore = _useQuery.fetchMore;
-
-  var onCreate = useCallback(function () {
+  var _useQuery = (0, _hooks.useQuery)(LIST_QUERY, {
+      variables: listQueryVariables,
+      fetchPolicy: "network-only"
+    }),
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    fetchMore = _useQuery.fetchMore;
+  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;
     }
-
     return entries.filter(function (item) {
       return item.meta.status === status;
     });
-  }, []); // Load more entries on scroll
-
-  var loadMore = useCallback(function () {
-    var meta = get(data, "content.meta", {});
+  }, []);
 
+  // Load more entries on scroll
+  var loadMore = (0, _react.useCallback)(function () {
+    var meta = (0, _get.default)(data, "content.meta", {});
     if (meta.hasMoreItems) {
       setLoadMoreLoading(true);
       fetchMore({
         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 +136,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 = get(data, \"content.meta\", {}) as unknown as CmsMetaResponse;\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,15 @@
-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,eAAe,GAAG;EAC9B,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,4BAAO,CAAC;EACnC,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,oFAEV;EACL;EACA,OAAOH,OAAO;AAClB"}

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,35 +1,39 @@
-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";
-
-function ContentModelGroups() {
-  var _useSecurity = useSecurity(),
-      identity = _useSecurity.identity;
-
-  var canCreate = useMemo(function () {
-    var permission = identity.getPermission("cms.contentModelGroup");
+"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.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;
     }
-
     if (typeof permission.rwd !== "string") {
       return true;
     }
-
     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;

package/admin/views/contentModelGroups/ContentModelGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ContentModelGroups","useSecurity","identity","getPermission","canCreate","useMemo","permission","rwd","includes"],"sources":["ContentModelGroups.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport ContentModelGroupsDataList from \"./ContentModelGroupsDataList\";\nimport ContentModelGroupsForm from \"./ContentModelGroupsForm\";\nimport { CmsSecurityPermission } from \"~/types\";\n\nconst ContentModelGroups: React.FC = () => {\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModelGroup\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    return (\n        <SplitView>\n            <LeftPanel span={4}>\n                <ContentModelGroupsDataList canCreate={canCreate} />\n            </LeftPanel>\n            <RightPanel span={8}>\n                <ContentModelGroupsForm canCreate={canCreate} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport default ContentModelGroups;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAGA,IAAMA,kBAA4B,GAAG,SAA/BA,kBAA4B,GAAS;EACvC,mBAAoC,IAAAC,wBAAW,GAAE;IAAzCC,QAAQ,gBAARA,QAAQ;IAAEC,aAAa,gBAAbA,aAAa;EAE/B,IAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,YAAe;IACrC,IAAMC,UAAU,GAAGH,aAAa,CAAwB,uBAAuB,CAAC;IAChF,IAAI,CAACG,UAAU,EAAE;MACb,OAAO,KAAK;IAChB;IAEA,IAAI,OAAOA,UAAU,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpC,OAAO,IAAI;IACf;IAEA,OAAOD,UAAU,CAACC,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC;EACvC,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,oBACI,6BAAC,oBAAS,qBACN,6BAAC,oBAAS;IAAC,IAAI,EAAE;EAAE,gBACf,6BAAC,mCAA0B;IAAC,SAAS,EAAEE;EAAU,EAAG,CAC5C,eACZ,6BAAC,qBAAU;IAAC,IAAI,EAAE;EAAE,gBAChB,6BAAC,+BAAsB;IAAC,SAAS,EAAEA;EAAU,EAAG,CACvC,CACL;AAEpB,CAAC;AAAC,eAEaJ,kBAAkB;AAAA"}