@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

@@ -1,173 +1,135 @@
-"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 id = query.get("id");
-  var searchQuery = query.get("search");
-  var updateSearch = (0, _react.useCallback)((0, _debounce.default)(function (_ref) {
-    var filter = _ref.filter,
-        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.
-
-
-    var searchField = contentModel.titleFieldId + "_contains";
-    setListQueryVariables(function (prev) {
-      var next = (0, _cloneDeep.default)(prev);
-
-      if (filter) {
-        (0, _set.default)(next, "where.".concat(searchField), filter);
-      } else {
-        (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.
-
-  (0, _react.useEffect)(function () {
-    if (searchQuery) {
-      setFilter(searchQuery);
-    }
-  }, [baseUrl, searchQuery]); // 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
-
-  var LIST_QUERY = (0, _react.useMemo)(function () {
-    return (0, _contentEntries.createListQuery)(contentModel);
-  }, [contentModel.modelId]);
-
-  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 = (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 = (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, result) {
-          if (!result || !result.fetchMoreResult) {
-            return prev;
-          }
-
-          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;
+import react, { useCallback, useEffect, useMemo, useState } from "react";
+import debounce from "lodash/debounce.js";
+import { useRoute, useRouter } from "@webiny/app-admin";
+import { makeDecoratable } from "@webiny/react-composition";
+import { createSort, useAcoList, useNavigateFolder } from "@webiny/app-aco";
+import { useContentEntries } from "./useContentEntries.js";
+import { ROOT_FOLDER } from "../../../constants.js";
+import { Routes } from "../../../../routes.js";
+const ContentEntriesListContext = /*#__PURE__*/ react.createContext(void 0);
+const ContentEntriesListProvider = ({ children })=>{
+    const { goToRoute, getLink } = useRouter();
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const { contentModel } = useContentEntries();
+    const { currentFolderId } = useNavigateFolder();
+    const { folders: initialFolders, currentFolder, isListLoading, isListLoadingMore, isSearch, listMoreRecords, listTitle, meta, records: initialRecords, selected, setSearchQuery, setListSort, setFilters, setSelected, showFilters, hideFilters, showingFilters, showingSelectAll, isSelectedAll, selectAll, unselectAll, getWhere, refresh } = useAcoList();
+    const [sorting, setSorting] = useState([]);
+    const [search, setSearch] = useState("");
+    const searchQuery = route.params.search ?? "";
+    const updateSearch = useCallback(debounce(({ search })=>{
+        if (searchQuery !== search) {
+            setSearchQuery(search);
+            goToRoute(Routes.ContentEntries.List, {
+                ...route.params,
+                search
+            });
         }
-      });
-    }
-  }, [data]);
-  var editEntry = (0, _react.useCallback)(function (entry) {
-    return function () {
-      history.push("/cms/content-entries/".concat(contentModel.modelId, "?id=").concat(encodeURIComponent(entry.id)));
+    }, 500), [
+        searchQuery,
+        route
+    ]);
+    useEffect(()=>{
+        setSearch(route.params.search ?? "");
+    }, [
+        route
+    ]);
+    useEffect(()=>{
+        updateSearch({
+            search
+        });
+    }, [
+        search
+    ]);
+    const onSelectRow = (rows)=>{
+        const items = rows.filter((item)=>"RECORD" === item.$type);
+        const cmsContentEntries = items.map((item)=>item.data);
+        setSelected(cmsContentEntries);
+    };
+    const getEntryEditUrl = useCallback((entry)=>getLink(Routes.ContentEntries.List, {
+            ...route.params,
+            folderId: currentFolderId,
+            id: entry.id
+        }), [
+        currentFolderId
+    ]);
+    useEffect(()=>{
+        if (!sorting?.length) return;
+        const sort = createSort(sorting.map((item)=>{
+            const isField = contentModel.fields.some((field)=>field.fieldId === item.id);
+            if (item.id.includes("values_") || !isField) return item;
+            return {
+                ...item,
+                id: `values_${item.id}`
+            };
+        }));
+        if (!sort) return;
+        setListSort(sort);
+    }, [
+        sorting,
+        contentModel
+    ]);
+    const navigateTo = useCallback((input)=>{
+        const folderId = input || currentFolderId || ROOT_FOLDER;
+        const params = {
+            ...route.params,
+            id: void 0,
+            folderId
+        };
+        goToRoute(Routes.ContentEntries.List, params);
+    }, [
+        currentFolderId,
+        route
+    ]);
+    const searchPlaceholder = useMemo(()=>{
+        if (!currentFolder) return "Search...";
+        if (currentFolder.id === ROOT_FOLDER) return `Search all ${contentModel.pluralApiName}`;
+        return `Search in "${currentFolder.title}"`;
+    }, [
+        currentFolder,
+        contentModel
+    ]);
+    const context = {
+        modelId: contentModel.modelId,
+        folderId: currentFolderId || ROOT_FOLDER,
+        navigateTo,
+        folders: initialFolders,
+        getEntryEditUrl,
+        isListLoading,
+        isListLoadingMore,
+        isSearch,
+        listTitle,
+        listMoreRecords,
+        meta,
+        onSelectRow,
+        records: initialRecords,
+        search,
+        searchPlaceholder,
+        selected,
+        setSelected,
+        setSearch,
+        sorting,
+        setSorting,
+        showingFilters,
+        showFilters,
+        hideFilters,
+        setFilters,
+        showingSelectAll,
+        isSelectedAll,
+        selectAll,
+        unselectAll,
+        getWhere,
+        searchQuery,
+        refresh
     };
-  }, [contentModel.modelId]);
-  return {
-    contentModel: contentModel,
-    listQueryVariables: listQueryVariables,
-    setListQueryVariables: setListQueryVariables,
-    sorters: sorters,
-    id: id,
-    loading: loading,
-    data: filterByStatus((0, _get.default)(data, "content.data", []), listQueryVariables.status),
-    loadMore: loadMore,
-    loadMoreLoading: loadMoreLoading,
-    canCreate: canCreate,
-    onCreate: onCreate,
-    filter: filter,
-    setFilter: setFilter,
-    editEntry: editEntry
-  };
-}
+    return /*#__PURE__*/ react.createElement(ContentEntriesListContext.Provider, {
+        value: context
+    }, children);
+};
+const useContentEntriesList = makeDecoratable(()=>{
+    const context = react.useContext(ContentEntriesListContext);
+    if (!context) throw new Error("useContentEntriesList must be used within a ContentEntriesListContext");
+    return context;
+});
+export { ContentEntriesListContext, ContentEntriesListProvider, useContentEntriesList };
+
+//# sourceMappingURL=useContentEntriesList.js.map

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

@@ -1 +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":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAWO,SAASA,qBAAT,GAAiC;EACpC,yBACI,IAAAC,qCAAA,GADJ;EAAA,IAAQC,YAAR,sBAAQA,YAAR;EAAA,IAAsBC,kBAAtB,sBAAsBA,kBAAtB;EAAA,IAA0CC,qBAA1C,sBAA0CA,qBAA1C;EAAA,IAAiEC,OAAjE,sBAAiEA,OAAjE;EAAA,IAA0EC,SAA1E,sBAA0EA,SAA1E;;EAGA,gBAA8C,IAAAC,eAAA,EAAkB,KAAlB,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EACA,iBAA4B,IAAAF,eAAA,EAAiB,EAAjB,CAA5B;EAAA;EAAA,IAAOG,MAAP;EAAA,IAAeC,SAAf;;EAEA,iBAAoB,IAAAC,sBAAA,GAApB;EAAA,IAAQC,OAAR,cAAQA,OAAR;;EACA,IAAMC,OAAO,kCAA2BZ,YAAY,CAACa,OAAxC,CAAb,CARoC,CAUpC;;EACA,IAAMC,KAAK,GAAG,IAAIC,eAAJ,CAAoBC,QAAQ,CAACC,MAA7B,CAAd;EACA,IAAMC,EAAE,GAAGJ,KAAK,CAACK,GAAN,CAAU,IAAV,CAAX;EACA,IAAMC,WAAW,GAAGN,KAAK,CAACK,GAAN,CAAU,QAAV,CAApB;EACA,IAAME,YAAY,GAAG,IAAAC,kBAAA,EACjB,IAAAC,iBAAA,EAA+B,gBAAuB;IAAA,IAApBf,MAAoB,QAApBA,MAAoB;IAAA,IAAZM,KAAY,QAAZA,KAAY;IAClD,IAAMG,MAAM,GAAGH,KAAK,CAACK,GAAN,CAAU,QAAV,CAAf;;IACA,IAAI,OAAOF,MAAP,KAAkB,QAAlB,IAA8B,CAACT,MAAnC,EAA2C;MACvC;IACH,CAJiD,CAMlD;;;IACA,IAAMgB,WAAW,GAAGxB,YAAY,CAACyB,YAAb,GAA4B,WAAhD;IACAvB,qBAAqB,CAAC,UAAAwB,IAAI,EAAI;MAC1B,IAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAUF,IAAV,CAAb;;MACA,IAAIlB,MAAJ,EAAY;QACR,IAAAqB,YAAA,EAAIF,IAAJ,kBAAmBH,WAAnB,GAAkChB,MAAlC;MACH,CAFD,MAEO;QACH,IAAAsB,cAAA,EAAMH,IAAN,kBAAqBH,WAArB;MACH;;MAED,OAAOG,IAAP;IACH,CAToB,CAArB;;IAWA,IAAIV,MAAM,KAAKT,MAAf,EAAuB;MACnBM,KAAK,CAACe,GAAN,CAAU,QAAV,EAAoBrB,MAApB;MACAG,OAAO,CAACoB,IAAR,WAAgBnB,OAAhB,cAA2BE,KAAK,CAACkB,QAAN,EAA3B;IACH;EACJ,CAvBD,EAuBG,GAvBH,CADiB,EAyBjB,CAACpB,OAAD,CAzBiB,CAArB,CAdoC,CA0CpC;;EACA,IAAAqB,gBAAA,EAAU,YAAM;IACZ,IAAIb,WAAJ,EAAiB;MACbX,SAAS,CAACW,WAAD,CAAT;IACH;EACJ,CAJD,EAIG,CAACR,OAAD,EAAUQ,WAAV,CAJH,EA3CoC,CAiDpC;;EACA,IAAAa,gBAAA,EAAU;IAAA,OAAMZ,YAAY,CAAC;MAAEb,MAAM,EAANA,MAAF;MAAUM,KAAK,EAALA;IAAV,CAAD,CAAlB;EAAA,CAAV,EAAiD,CAACF,OAAD,EAAUJ,MAAV,CAAjD,EAlDoC,CAoDpC;;EACA,IAAM0B,UAAU,GAAG,IAAAC,cAAA,EAAQ;IAAA,OAAM,IAAAC,+BAAA,EAAgBpC,YAAhB,CAAN;EAAA,CAAR,EAA6C,CAACA,YAAY,CAACa,OAAd,CAA7C,CAAnB;;EACA,gBAAqC,IAAAwB,eAAA,EAGnCH,UAHmC,EAGvB;IAAEI,SAAS,EAAErC,kBAAb;IAAiCsC,WAAW,EAAE;EAA9C,CAHuB,CAArC;EAAA,IAAQC,IAAR,aAAQA,IAAR;EAAA,IAAcC,OAAd,aAAcA,OAAd;EAAA,IAAuBC,SAAvB,aAAuBA,SAAvB;;EAKA,IAAMC,QAAQ,GAAG,IAAArB,kBAAA,EAAY,YAAM;IAC/BX,OAAO,CAACoB,IAAR,gCAAqC/B,YAAY,CAACa,OAAlD;EACH,CAFgB,EAEd,CAACb,YAAD,CAFc,CAAjB;EAIA,IAAM4C,cAAc,GAAG,IAAAtB,kBAAA,EAAY,UAACuB,OAAD,EAAmCC,MAAnC,EAAuD;IACtF,IAAI,CAACA,MAAD,IAAWA,MAAM,KAAK,KAA1B,EAAiC;MAC7B,OAAOD,OAAP;IACH;;IACD,OAAOA,OAAO,CAACrC,MAAR,CAAe,UAAAuC,IAAI;MAAA,OAAIA,IAAI,CAACC,IAAL,CAAUF,MAAV,KAAqBA,MAAzB;IAAA,CAAnB,CAAP;EACH,CALsB,EAKpB,EALoB,CAAvB,CA/DoC,CAsEpC;;EACA,IAAMG,QAAQ,GAAG,IAAA3B,kBAAA,EAAY,YAAY;IACrC,IAAM0B,IAAI,GAAG,IAAA7B,YAAA,EAAIqB,IAAJ,EAAU,cAAV,EAA0B,EAA1B,CAAb;;IACA,IAAIQ,IAAI,CAACE,YAAT,EAAuB;MACnB3C,kBAAkB,CAAC,IAAD,CAAlB;MACAmC,SAAS,CAAC;QACNJ,SAAS,EAAE;UACPa,KAAK,EAAEH,IAAI,CAACI;QADL,CADL;QAINC,WAAW,EAAE,qBAAC3B,IAAD,EAAoC4B,MAApC,EAA+C;UACxD,IAAI,CAACA,MAAD,IAAW,CAACA,MAAM,CAACC,eAAvB,EAAwC;YACpC,OAAO7B,IAAP;UACH;;UACD,IAAM6B,eAAe,GAAGD,MAAM,CAACC,eAA/B;UAEA,IAAM5B,IAAI,mCAAQ4B,eAAR,CAAV;UAEA5B,IAAI,CAAC6B,OAAL,CAAahB,IAAb,8CAAwBd,IAAI,CAAC8B,OAAL,CAAahB,IAArC,oCAA8Ce,eAAe,CAACC,OAAhB,CAAwBhB,IAAtE;UACAjC,kBAAkB,CAAC,KAAD,CAAlB;UACA,OAAOoB,IAAP;QACH;MAfK,CAAD,CAAT;IAiBH;EACJ,CAtBgB,EAsBd,CAACa,IAAD,CAtBc,CAAjB;EAwBA,IAAMiB,SAAS,GAAG,IAAAnC,kBAAA,EACd,UAACoC,KAAD;IAAA,OAAkC,YAAM;MACpC/C,OAAO,CAACoB,IAAR,gCAC4B/B,YAAY,CAACa,OADzC,iBACuD8C,kBAAkB,CAACD,KAAK,CAACxC,EAAP,CADzE;IAGH,CAJD;EAAA,CADc,EAMd,CAAClB,YAAY,CAACa,OAAd,CANc,CAAlB;EASA,OAAO;IACHb,YAAY,EAAZA,YADG;IAEHC,kBAAkB,EAAlBA,kBAFG;IAGHC,qBAAqB,EAArBA,qBAHG;IAIHC,OAAO,EAAPA,OAJG;IAKHe,EAAE,EAAFA,EALG;IAMHuB,OAAO,EAAPA,OANG;IAOHD,IAAI,EAAEI,cAAc,CAAC,IAAAzB,YAAA,EAAIqB,IAAJ,EAAU,cAAV,EAA0B,EAA1B,CAAD,EAAgCvC,kBAAkB,CAAC6C,MAAnD,CAPjB;IAQHG,QAAQ,EAARA,QARG;IASH3C,eAAe,EAAfA,eATG;IAUHF,SAAS,EAATA,SAVG;IAWHuC,QAAQ,EAARA,QAXG;IAYHnC,MAAM,EAANA,MAZG;IAaHC,SAAS,EAATA,SAbG;IAcHgD,SAAS,EAATA;EAdG,CAAP;AAgBH"}
+{"version":3,"file":"admin/views/contentEntries/hooks/useContentEntriesList.js","sources":["../../../../../src/admin/views/contentEntries/hooks/useContentEntriesList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport type { FolderDto, ListMeta } from \"@webiny/app-aco\";\nimport { createSort, useAcoList, useNavigateFolder } from \"@webiny/app-aco\";\nimport { useContentEntries } from \"./useContentEntries.js\";\nimport type { CmsContentEntry, TableItem } from \"~/types.js\";\nimport type { OnDataTableSortingChange, DataTableSorting } from \"@webiny/admin-ui\";\nimport { ROOT_FOLDER } from \"~/admin/constants.js\";\nimport { Routes } from \"~/routes.js\";\n\ninterface UpdateSearchCallableParams {\n    search: string;\n}\ninterface UpdateSearchCallable {\n    (params: UpdateSearchCallableParams): void;\n}\n\nexport interface ContentEntriesListProviderContext {\n    modelId: string;\n    folderId: string;\n    navigateTo: (folderId?: string) => void;\n    folders: FolderDto[];\n    getEntryEditUrl: (item: CmsContentEntry) => string;\n    hideFilters: () => void;\n    isListLoading: boolean;\n    isListLoadingMore: boolean;\n    isSearch: boolean;\n    listMoreRecords: () => void;\n    listTitle?: string;\n    meta: ListMeta;\n    onSelectRow: (rows: TableItem[] | []) => void;\n    records: CmsContentEntry[];\n    search: string;\n    selected: CmsContentEntry[];\n    setSearch: (value: string) => void;\n    setSelected: (data: CmsContentEntry[]) => void;\n    setSorting: OnDataTableSortingChange;\n    showFilters: () => void;\n    showingFilters: boolean;\n    showingSelectAll: boolean;\n    sorting: DataTableSorting;\n    setFilters: (data: Record<string, any>) => void;\n    selectAll: () => void;\n    unselectAll: () => void;\n    refresh: () => Promise<void>;\n    isSelectedAll: boolean;\n    getWhere: () => Record<string, any>;\n    searchQuery: string;\n    searchPlaceholder: string;\n}\n\nexport const ContentEntriesListContext = React.createContext<\n    ContentEntriesListProviderContext | undefined\n>(undefined);\n\ninterface ContentEntriesListProviderProps {\n    children: React.ReactNode;\n}\n\nexport const ContentEntriesListProvider = ({ children }: ContentEntriesListProviderProps) => {\n    const { goToRoute, getLink } = useRouter();\n    const { route } = useRoute(Routes.ContentEntries.List);\n    const { contentModel } = useContentEntries();\n    const { currentFolderId } = useNavigateFolder();\n\n    const {\n        folders: initialFolders,\n        currentFolder,\n        isListLoading,\n        isListLoadingMore,\n        isSearch,\n        listMoreRecords,\n        listTitle,\n        meta,\n        records: initialRecords,\n        selected,\n        setSearchQuery,\n        setListSort,\n        setFilters,\n        setSelected,\n        showFilters,\n        hideFilters,\n        showingFilters,\n        showingSelectAll,\n        isSelectedAll,\n        selectAll,\n        unselectAll,\n        getWhere,\n        refresh\n    } = useAcoList<CmsContentEntry>();\n\n    const [sorting, setSorting] = useState<DataTableSorting>([]);\n    const [search, setSearch] = useState<string>(\"\");\n\n    const searchQuery = route.params.search ?? \"\";\n\n    // Search-related logic: update `searchQuery` state and querystring\n    const updateSearch = useCallback(\n        debounce<UpdateSearchCallable>(({ search }) => {\n            if (searchQuery !== search) {\n                setSearchQuery(search);\n                goToRoute(Routes.ContentEntries.List, { ...route.params, search });\n            }\n        }, 500),\n        [searchQuery, route]\n    );\n\n    useEffect(() => {\n        setSearch(route.params.search ?? \"\");\n    }, [route]);\n\n    // When \"search\" changes, trigger search-related logics\n    useEffect(() => {\n        updateSearch({ search });\n    }, [search]);\n\n    const onSelectRow: ContentEntriesListProviderContext[\"onSelectRow\"] = rows => {\n        const items = rows.filter(item => item.$type === \"RECORD\");\n\n        const cmsContentEntries = items.map(item => item.data as CmsContentEntry);\n\n        setSelected(cmsContentEntries);\n    };\n\n    const getEntryEditUrl = useCallback(\n        (entry: CmsContentEntry): string => {\n            return getLink(Routes.ContentEntries.List, {\n                ...route.params,\n                folderId: currentFolderId,\n                id: entry.id\n            });\n        },\n        [currentFolderId]\n    );\n\n    useEffect(() => {\n        if (!sorting?.length) {\n            return;\n        }\n        const sort = createSort(\n            /**\n             * We need to map sorting IDs to match expected CMS values.\n             */\n            sorting.map(item => {\n                const isField = contentModel.fields.some(field => field.fieldId === item.id);\n                /**\n                 * We only prefix model fields with the \"values_\" string.\n                 */\n                if (item.id.includes(\"values_\") || !isField) {\n                    return item;\n                }\n                return {\n                    ...item,\n                    id: `values_${item.id}`\n                };\n            })\n        );\n        if (!sort) {\n            return;\n        }\n        setListSort(sort);\n    }, [sorting, contentModel]);\n\n    const navigateTo = useCallback(\n        (input?: string) => {\n            const folderId = input || currentFolderId || ROOT_FOLDER;\n\n            const params = { ...route.params, id: undefined, folderId };\n            goToRoute(Routes.ContentEntries.List, params);\n        },\n        [currentFolderId, route]\n    );\n\n    const searchPlaceholder = useMemo(() => {\n        if (!currentFolder) {\n            return \"Search...\";\n        }\n\n        if (currentFolder.id === ROOT_FOLDER) {\n            return `Search all ${contentModel.pluralApiName}`;\n        }\n\n        return `Search in \"${currentFolder.title}\"`;\n    }, [currentFolder, contentModel]);\n\n    const context: ContentEntriesListProviderContext = {\n        modelId: contentModel.modelId,\n        folderId: currentFolderId || ROOT_FOLDER,\n        navigateTo,\n        folders: initialFolders,\n        getEntryEditUrl,\n        isListLoading,\n        isListLoadingMore,\n        isSearch,\n        listTitle,\n        listMoreRecords,\n        meta,\n        onSelectRow,\n        records: initialRecords,\n        search,\n        searchPlaceholder,\n        selected,\n        setSelected,\n        setSearch,\n        sorting,\n        setSorting,\n        showingFilters,\n        showFilters,\n        hideFilters,\n        setFilters,\n        showingSelectAll,\n        isSelectedAll,\n        selectAll,\n        unselectAll,\n        getWhere,\n        searchQuery,\n        refresh\n    };\n\n    return (\n        <ContentEntriesListContext.Provider value={context}>\n            {children}\n        </ContentEntriesListContext.Provider>\n    );\n};\n\nexport const useContentEntriesList = makeDecoratable((): ContentEntriesListProviderContext => {\n    const context = React.useContext(ContentEntriesListContext);\n\n    if (!context) {\n        throw new Error(\"useContentEntriesList must be used within a ContentEntriesListContext\");\n    }\n\n    return context;\n});\n"],"names":["ContentEntriesListContext","React","undefined","ContentEntriesListProvider","children","goToRoute","getLink","useRouter","route","useRoute","Routes","contentModel","useContentEntries","currentFolderId","useNavigateFolder","initialFolders","currentFolder","isListLoading","isListLoadingMore","isSearch","listMoreRecords","listTitle","meta","initialRecords","selected","setSearchQuery","setListSort","setFilters","setSelected","showFilters","hideFilters","showingFilters","showingSelectAll","isSelectedAll","selectAll","unselectAll","getWhere","refresh","useAcoList","sorting","setSorting","useState","search","setSearch","searchQuery","updateSearch","useCallback","debounce","useEffect","onSelectRow","rows","items","item","cmsContentEntries","getEntryEditUrl","entry","sort","createSort","isField","field","navigateTo","input","folderId","ROOT_FOLDER","params","searchPlaceholder","useMemo","context","useContentEntriesList","makeDecoratable","Error"],"mappings":"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"}

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

@@ -1 +1,7 @@
-export declare function useContentEntry(): import("../ContentEntry/ContentEntryContext").ContentEntryContext;
+import { ContentEntryContext } from "../ContentEntry/ContentEntryContext.js";
+export declare const useContentEntry: import("@webiny/app-admin").GenericHook<unknown, ContentEntryContext> & {
+    original: import("@webiny/app-admin").GenericHook<unknown, ContentEntryContext>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<() => ContentEntryContext>) => () => React.JSX.Element;
+};

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

@@ -1,20 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import { useContext } from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { ContentEntryContext } from "../ContentEntry/ContentEntryContext.js";
+const useContentEntry = makeDecoratable(()=>{
+    const context = useContext(ContentEntryContext);
+    if (!context) throw Error("useContentEntry() hook can only be used within the ContentEntryContext provider.");
+    return context;
 });
-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.");
-  }
+export { useContentEntry };
 
-  return context;
-}
+//# sourceMappingURL=useContentEntry.js.map

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

@@ -1 +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"}
+{"version":3,"file":"admin/views/contentEntries/hooks/useContentEntry.js","sources":["../../../../../src/admin/views/contentEntries/hooks/useContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { ContentEntryContext } from \"../ContentEntry/ContentEntryContext.js\";\n\nexport const useContentEntry = makeDecoratable(() => {\n    const context = useContext(ContentEntryContext);\n    if (!context) {\n        throw Error(\n            `useContentEntry() hook can only be used within the ContentEntryContext provider.`\n        );\n    }\n    return context;\n});\n"],"names":["useContentEntry","makeDecoratable","context","useContext","ContentEntryContext","Error"],"mappings":";;;AAIO,MAAMA,kBAAkBC,gBAAgB;IAC3C,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,MAAMG,MACF;IAGR,OAAOH;AACX"}

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

@@ -0,0 +1,6 @@
+import type { CmsContentEntry } from "../../../../types.js";
+interface UseMoveContentEntryToFolder {
+    record: CmsContentEntry;
+}
+export declare function useMoveContentEntryToFolder({ record }: UseMoveContentEntryToFolder): () => void;
+export {};

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

@@ -0,0 +1,31 @@
+import { useCallback } from "react";
+import { useSnackbar } from "@webiny/app-admin";
+import { useMoveToFolderDialog, useRecords } from "@webiny/app-aco";
+function useMoveContentEntryToFolder({ record }) {
+    const { showSnackbar } = useSnackbar();
+    const { showDialog } = useMoveToFolderDialog();
+    const { moveRecord } = useRecords();
+    return useCallback(()=>{
+        showDialog({
+            title: "Move entry to a new location",
+            message: "Select a new location for this entry:",
+            loadingLabel: "Moving entry...",
+            acceptLabel: "Move entry",
+            focusedFolderId: record.wbyAco_location.folderId,
+            async onAccept ({ folder }) {
+                await moveRecord({
+                    id: record.id,
+                    location: {
+                        folderId: folder.id
+                    }
+                });
+                showSnackbar(`Entry "${record.meta?.title || "unknown"}" was successfully moved to folder "${folder.label}"!`);
+            }
+        });
+    }, [
+        record.id
+    ]);
+}
+export { useMoveContentEntryToFolder };
+
+//# sourceMappingURL=useMoveContentEntryToFolder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/hooks/useMoveContentEntryToFolder.js","sources":["../../../../../src/admin/views/contentEntries/hooks/useMoveContentEntryToFolder.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useMoveToFolderDialog, useRecords } from \"@webiny/app-aco\";\nimport type { CmsContentEntry } from \"~/types.js\";\n\ninterface UseMoveContentEntryToFolder {\n    record: CmsContentEntry;\n}\n\nexport function useMoveContentEntryToFolder({ record }: UseMoveContentEntryToFolder) {\n    const { showSnackbar } = useSnackbar();\n    const { showDialog } = useMoveToFolderDialog();\n    const { moveRecord } = useRecords();\n\n    return useCallback(() => {\n        showDialog({\n            title: \"Move entry to a new location\",\n            message: \"Select a new location for this entry:\",\n            loadingLabel: \"Moving entry...\",\n            acceptLabel: \"Move entry\",\n            focusedFolderId: record.wbyAco_location.folderId,\n            async onAccept({ folder }) {\n                await moveRecord({\n                    id: record.id,\n                    location: {\n                        folderId: folder.id\n                    }\n                });\n                showSnackbar(\n                    `Entry \"${record.meta?.title || \"unknown\"}\" was successfully moved to folder \"${folder.label}\"!`\n                );\n            }\n        });\n    }, [record.id]);\n}\n"],"names":["useMoveContentEntryToFolder","record","showSnackbar","useSnackbar","showDialog","useMoveToFolderDialog","moveRecord","useRecords","useCallback","folder"],"mappings":";;;AASO,SAASA,4BAA4B,EAAEC,MAAM,EAA+B;IAC/E,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IAEvB,OAAOC,YAAY;QACfJ,WAAW;YACP,OAAO;YACP,SAAS;YACT,cAAc;YACd,aAAa;YACb,iBAAiBH,OAAO,eAAe,CAAC,QAAQ;YAChD,MAAM,UAAS,EAAEQ,MAAM,EAAE;gBACrB,MAAMH,WAAW;oBACb,IAAIL,OAAO,EAAE;oBACb,UAAU;wBACN,UAAUQ,OAAO,EAAE;oBACvB;gBACJ;gBACAP,aACI,CAAC,OAAO,EAAED,OAAO,IAAI,EAAE,SAAS,UAAU,oCAAoC,EAAEQ,OAAO,KAAK,CAAC,EAAE,CAAC;YAExG;QACJ;IACJ,GAAG;QAACR,OAAO,EAAE;KAAC;AAClB"}

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

@@ -0,0 +1,7 @@
+import { SingletonContentEntryContext } from "../ContentEntry/SingletonContentEntryContext.js";
+export declare const useSingletonContentEntry: import("@webiny/app-admin").GenericHook<unknown, SingletonContentEntryContext> & {
+    original: import("@webiny/app-admin").GenericHook<unknown, SingletonContentEntryContext>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<() => SingletonContentEntryContext>) => () => React.JSX.Element;
+};

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

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { SingletonContentEntryContext } from "../ContentEntry/SingletonContentEntryContext.js";
+const useSingletonContentEntry = makeDecoratable(()=>{
+    const context = useContext(SingletonContentEntryContext);
+    if (!context) throw Error("useSingletonContentEntry() hook can only be used within the SingletonContentEntryContext provider.");
+    return context;
+});
+export { useSingletonContentEntry };
+
+//# sourceMappingURL=useSingletonContentEntry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/hooks/useSingletonContentEntry.js","sources":["../../../../../src/admin/views/contentEntries/hooks/useSingletonContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { SingletonContentEntryContext } from \"../ContentEntry/SingletonContentEntryContext.js\";\n\nexport const useSingletonContentEntry = makeDecoratable(() => {\n    const context = useContext(SingletonContentEntryContext);\n    if (!context) {\n        throw Error(\n            `useSingletonContentEntry() hook can only be used within the SingletonContentEntryContext provider.`\n        );\n    }\n    return context;\n});\n"],"names":["useSingletonContentEntry","makeDecoratable","context","useContext","SingletonContentEntryContext","Error"],"mappings":";;;AAIO,MAAMA,2BAA2BC,gBAAgB;IACpD,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,MAAMG,MACF;IAGR,OAAOH;AACX"}

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

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

package/admin/views/contentModelGroups/ContentModelGroups.js

@@ -1,52 +1,30 @@
-"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");
-  }, [identity]);
-  return /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
-    span: 4
-  }, /*#__PURE__*/_react.default.createElement(_ContentModelGroupsDataList.default, {
-    canCreate: canCreate
-  })), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
-    span: 8
-  }, /*#__PURE__*/_react.default.createElement(_ContentModelGroupsForm.default, {
-    canCreate: canCreate
-  })));
+import react, { useMemo } from "react";
+import { LeftPanel, RightPanel, SplitView, useSecurity } from "@webiny/app-admin";
+import ContentModelGroupsDataList from "./ContentModelGroupsDataList.js";
+import ContentModelGroupsForm from "./ContentModelGroupsForm.js";
+const ContentModelGroups = ()=>{
+    const { identity, getPermission } = useSecurity();
+    const canCreate = useMemo(()=>{
+        const permission = getPermission("cms.contentModelGroup");
+        if (!permission) return false;
+        if ("string" != typeof permission.rwd) return true;
+        return permission.rwd.includes("w");
+    }, [
+        identity
+    ]);
+    return /*#__PURE__*/ react.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, {
+        span: 4
+    }, /*#__PURE__*/ react.createElement(ContentModelGroupsDataList, {
+        canCreate: canCreate
+    })), /*#__PURE__*/ react.createElement(RightPanel, {
+        span: 8
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-full overflow-y-auto h-main-content"
+    }, /*#__PURE__*/ react.createElement(ContentModelGroupsForm, {
+        canCreate: canCreate
+    }))));
 };
+const contentModelGroups_ContentModelGroups = ContentModelGroups;
+export default contentModelGroups_ContentModelGroups;
 
-var _default = ContentModelGroups;
-exports.default = _default;
+//# sourceMappingURL=ContentModelGroups.js.map

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

@@ -1 +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,kBAA+B,GAAM;EACvC,mBAAoC,IAAAC,wBAAA,GAApC;EAAA,IAAQC,QAAR,gBAAQA,QAAR;EAAA,IAAkBC,aAAlB,gBAAkBA,aAAlB;;EAEA,IAAMC,SAAS,GAAG,IAAAC,cAAA,EAAQ,YAAe;IACrC,IAAMC,UAAU,GAAGH,aAAa,CAAwB,uBAAxB,CAAhC;;IACA,IAAI,CAACG,UAAL,EAAiB;MACb,OAAO,KAAP;IACH;;IAED,IAAI,OAAOA,UAAU,CAACC,GAAlB,KAA0B,QAA9B,EAAwC;MACpC,OAAO,IAAP;IACH;;IAED,OAAOD,UAAU,CAACC,GAAX,CAAeC,QAAf,CAAwB,GAAxB,CAAP;EACH,CAXiB,EAWf,CAACN,QAAD,CAXe,CAAlB;EAaA,oBACI,6BAAC,oBAAD,qBACI,6BAAC,oBAAD;IAAW,IAAI,EAAE;EAAjB,gBACI,6BAAC,mCAAD;IAA4B,SAAS,EAAEE;EAAvC,EADJ,CADJ,eAII,6BAAC,qBAAD;IAAY,IAAI,EAAE;EAAlB,gBACI,6BAAC,+BAAD;IAAwB,SAAS,EAAEA;EAAnC,EADJ,CAJJ,CADJ;AAUH,CA1BD;;eA4BeJ,kB"}
+{"version":3,"file":"admin/views/contentModelGroups/ContentModelGroups.js","sources":["../../../../src/admin/views/contentModelGroups/ContentModelGroups.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin\";\nimport ContentModelGroupsDataList from \"./ContentModelGroupsDataList.js\";\nimport ContentModelGroupsForm from \"./ContentModelGroupsForm.js\";\nimport type { CmsSecurityPermission } from \"~/types.js\";\n\nconst ContentModelGroups = () => {\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                <div className={\"w-full overflow-y-auto h-main-content\"}>\n                    <ContentModelGroupsForm canCreate={canCreate} />\n                </div>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport default ContentModelGroups;\n"],"names":["ContentModelGroups","identity","getPermission","useSecurity","canCreate","useMemo","permission","SplitView","LeftPanel","ContentModelGroupsDataList","RightPanel","ContentModelGroupsForm"],"mappings":";;;;AAOA,MAAMA,qBAAqB;IACvB,MAAM,EAAEC,QAAQ,EAAEC,aAAa,EAAE,GAAGC;IAEpC,MAAMC,YAAYC,QAAQ;QACtB,MAAMC,aAAaJ,cAAqC;QACxD,IAAI,CAACI,YACD,OAAO;QAGX,IAAI,AAA0B,YAA1B,OAAOA,WAAW,GAAG,EACrB,OAAO;QAGX,OAAOA,WAAW,GAAG,CAAC,QAAQ,CAAC;IACnC,GAAG;QAACL;KAAS;IAEb,OAAO,WAAP,GACI,oBAACM,WAASA,MAAAA,WAAAA,GACN,oBAACC,WAASA;QAAC,MAAM;qBACb,oBAACC,4BAA0BA;QAAC,WAAWL;uBAE3C,oBAACM,YAAUA;QAAC,MAAM;qBACd,oBAAC;QAAI,WAAW;qBACZ,oBAACC,wBAAsBA;QAAC,WAAWP;;AAKvD;AAEA,8CAAeJ"}

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

@@ -2,5 +2,5 @@ import React from "react";
 interface ContentModelGroupsDataListProps {
     canCreate: boolean;
 }
-declare const ContentModelGroupsDataList: React.FC<ContentModelGroupsDataListProps>;
+declare const ContentModelGroupsDataList: ({ canCreate }: ContentModelGroupsDataListProps) => React.JSX.Element;
 export default ContentModelGroupsDataList;