@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

@@ -1,5 +1,11 @@
 import { useContext } from "react";
-import { Context } from "../ContentEntriesContext";
+import { ContentEntriesContext } from "../ContentEntriesContext";
 export function useContentEntries() {
-  return useContext(Context);
-}
+  const context = useContext(ContentEntriesContext);
+  if (!context) {
+    throw Error(`Missing "ContentEntriesContext" provider in the component tree!`);
+  }
+  return context;
+}
+
+//# sourceMappingURL=useContentEntries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","ContentEntriesContext","useContentEntries","context","Error"],"sources":["useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ContentEntriesContext } from \"../ContentEntriesContext\";\n\nexport function useContentEntries() {\n    const context = useContext(ContentEntriesContext);\n    if (!context) {\n        throw Error(`Missing \"ContentEntriesContext\" provider in the component tree!`);\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,qBAAqB;AAE9B,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EAChC,MAAMC,OAAO,GAAGH,UAAU,CAACC,qBAAqB,CAAC;EACjD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CAAC,iEAAiE,CAAC;EAClF;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}

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

@@ -1,21 +1,48 @@
-/// <reference types="react" />
-import { CmsEditorContentEntry } from "../../../../types";
-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;
-    loading: boolean;
-    data: any;
-    loadMore: () => void;
-    loadMoreLoading: boolean;
-    canCreate: boolean;
-    onCreate: () => void;
-    filter: string;
-    setFilter: import("react").Dispatch<import("react").SetStateAction<string>>;
-    editEntry: (entry: CmsEditorContentEntry) => () => void;
+import React from "react";
+import type { CmsContentEntry, TableItem } from "../../../../types";
+import type { OnSortingChange, Sorting } from "@webiny/ui/DataTable";
+import type { ListMeta } from "@webiny/app-aco";
+import type { FolderItem } from "@webiny/app-aco/types";
+export interface ContentEntriesListProviderContext {
+    modelId: string;
+    folderId: string;
+    navigateTo: (folderId?: string) => void;
+    folders: FolderItem[];
+    getEntryEditUrl: (item: CmsContentEntry) => string;
+    hideFilters: () => void;
+    isListLoading: boolean;
+    isListLoadingMore: boolean;
+    isSearch: boolean;
+    listMoreRecords: () => void;
+    listTitle?: string;
+    meta: ListMeta;
+    onSelectRow: (rows: TableItem[] | []) => void;
+    records: CmsContentEntry[];
+    search: string;
+    selected: CmsContentEntry[];
+    setSearch: (value: string) => void;
+    setSelected: (data: CmsContentEntry[]) => void;
+    setSorting: OnSortingChange;
+    showFilters: () => void;
+    showingFilters: boolean;
+    showingSelectAll: boolean;
+    sorting: Sorting;
+    setFilters: (data: Record<string, any>) => void;
+    selectAll: () => void;
+    unselectAll: () => void;
+    isSelectedAll: boolean;
+    getWhere: () => Record<string, any>;
+    searchQuery: string;
+}
+export declare const ContentEntriesListContext: React.Context<ContentEntriesListProviderContext | undefined>;
+interface ContentEntriesListProviderProps {
+    children: React.ReactNode;
+}
+export declare const ContentEntriesListProvider: ({ children }: ContentEntriesListProviderProps) => React.JSX.Element;
+export declare const useContentEntriesList: import("@webiny/react-composition").GenericHook<unknown, ContentEntriesListProviderContext> & {
+    original: import("@webiny/react-composition").GenericHook<unknown, ContentEntriesListProviderContext>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => ContentEntriesListProviderContext>) => () => React.JSX.Element;
 };
+export {};

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

@@ -1,152 +1,151 @@
-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 React, { useCallback, useEffect, useState } from "react";
 import debounce from "lodash/debounce";
 import { useRouter } from "@webiny/react-router";
-import { createListQuery } from "../../../graphql/contentEntries";
-import { useQuery } from "../../../hooks";
+import { makeDecoratable } from "@webiny/react-composition";
 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)
-
-  var query = new URLSearchParams(location.search);
-  var entryId = query.get("id");
-  var searchQuery = query.get("search");
-  var updateSearch = useCallback(debounce(function (_ref) {
-    var filter = _ref.filter,
-        query = _ref.query;
-    var search = query.get("search");
-
-    if (typeof search !== "string" && !filter) {
+import { createSort, useAcoList, useNavigateFolder } from "@webiny/app-aco";
+import { CMS_ENTRY_LIST_LINK, ROOT_FOLDER } from "../../../constants";
+export const ContentEntriesListContext = /*#__PURE__*/React.createContext(undefined);
+export const ContentEntriesListProvider = ({
+  children
+}) => {
+  const {
+    history
+  } = useRouter();
+  const {
+    contentModel
+  } = useContentEntries();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const {
+    folders: initialFolders,
+    isListLoading,
+    isListLoadingMore,
+    isSearch,
+    listMoreRecords,
+    listTitle,
+    meta,
+    records: initialRecords,
+    selected,
+    setSearchQuery,
+    setListSort,
+    setFilters,
+    setSelected,
+    showFilters,
+    hideFilters,
+    showingFilters,
+    showingSelectAll,
+    isSelectedAll,
+    selectAll,
+    unselectAll,
+    getWhere
+  } = useAcoList();
+  const [sorting, setSorting] = useState([]);
+  const [search, setSearch] = useState("");
+  const query = new URLSearchParams(location.search);
+  const searchQuery = query.get("search") || "";
+  const baseUrl = `${CMS_ENTRY_LIST_LINK}/${contentModel.modelId}`;
+
+  // Search-related logics: update `searchQuery` state and querystring
+  const updateSearch = useCallback(debounce(({
+    search,
+    query
+  }) => {
+    const searchQuery = query.get("search");
+    if (typeof searchQuery !== "string" && !search) {
       return;
-    } // 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);
-
-      if (filter) {
-        set(next, "where.".concat(searchField), filter);
+    }
+    setSearchQuery(search);
+    if (searchQuery !== search) {
+      if (!search) {
+        // In case of empty `search` - remove it from `querystring`
+        query.delete("search");
       } else {
-        unset(next, "where.".concat(searchField));
+        // Otherwise, add it to `querystring`
+        query.set("search", search);
       }
-
-      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.
-
-  useEffect(function () {
-    if (searchQuery) {
-      setFilter(searchQuery);
+      history.push(`${baseUrl}?${query.toString()}`);
     }
-  }, [baseUrl, searchQuery]); // When filter changes, run GQL query
-
-  useEffect(function () {
-    return updateSearch({
-      filter: filter,
-      query: query
+  }, 500), [baseUrl]);
+
+  // Set "search" from search "query" on page load.
+  useEffect(() => {
+    setSearch(searchQuery);
+  }, [searchQuery]);
+
+  // When "search" changes, trigger search-related logics
+  useEffect(() => {
+    updateSearch({
+      search,
+      query
     });
-  }, [baseUrl, filter]); // Generate a query based on current content model
-
-  var LIST_QUERY = useMemo(function () {
-    return createListQuery(contentModel);
-  }, [contentModel.modelId]);
-
-  var _useQuery = useQuery(LIST_QUERY, {
-    variables: listQueryVariables
-  }),
-      data = _useQuery.data,
-      loading = _useQuery.loading,
-      fetchMore = _useQuery.fetchMore;
-
-  var onCreate = useCallback(function () {
-    history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
-  }, [contentModel]);
-  var filterByStatus = useCallback(function (entries, status) {
-    if (!status || status === "all") {
-      return entries;
+  }, [search]);
+  const onSelectRow = rows => {
+    const items = rows.filter(item => item.$type === "RECORD");
+    const cmsContentEntries = items.map(item => item.data);
+    setSelected(cmsContentEntries);
+  };
+  const getEntryEditUrl = useCallback(entry => {
+    const folderPath = currentFolderId ? `&folderId=${encodeURIComponent(currentFolderId)}` : "";
+    const idPath = encodeURIComponent(entry.id);
+    return `${baseUrl}?id=${idPath}${folderPath}`;
+  }, [baseUrl, currentFolderId]);
+  useEffect(() => {
+    if (!sorting?.length) {
+      return;
     }
-
-    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", {});
-
-    if (meta.hasMoreItems) {
-      setLoadMoreLoading(true);
-      fetchMore({
-        variables: {
-          after: meta.cursor
-        },
-        updateQuery: function updateQuery(prev, _ref2) {
-          var fetchMoreResult = _ref2.fetchMoreResult;
-
-          if (!fetchMoreResult) {
-            return prev;
-          }
-
-          var next = _objectSpread({}, fetchMoreResult);
-
-          next.content.data = [].concat(_toConsumableArray(prev.content.data), _toConsumableArray(fetchMoreResult.content.data));
-          setLoadMoreLoading(false);
-          return next;
-        }
-      });
+    const sort = createSort(sorting);
+    if (!sort) {
+      return;
     }
-  }, [data]);
-  var editEntry = useCallback(function (entry) {
-    return function () {
-      history.push("/cms/content-entries/".concat(contentModel.modelId, "?id=").concat(encodeURIComponent(entry.id)));
-    };
-  }, [contentModel.modelId]);
-  return {
-    contentModel: contentModel,
-    listQueryVariables: listQueryVariables,
-    setListQueryVariables: setListQueryVariables,
-    sorters: sorters,
-    entryId: entryId,
-    loading: loading,
-    data: filterByStatus(get(data, "content.data", []), listQueryVariables.status),
-    loadMore: loadMore,
-    loadMoreLoading: loadMoreLoading,
-    canCreate: canCreate,
-    onCreate: onCreate,
-    filter: filter,
-    setFilter: setFilter,
-    editEntry: editEntry
+    setListSort(sort);
+  }, [sorting]);
+  const navigateTo = useCallback(input => {
+    const folderId = encodeURIComponent(input || currentFolderId || ROOT_FOLDER);
+    history.push(`${baseUrl}?folderId=${folderId}`);
+  }, [currentFolderId, baseUrl]);
+  const context = {
+    modelId: contentModel.modelId,
+    folderId: currentFolderId || ROOT_FOLDER,
+    navigateTo,
+    folders: initialFolders,
+    getEntryEditUrl,
+    isListLoading,
+    isListLoadingMore,
+    isSearch,
+    listTitle,
+    listMoreRecords,
+    meta,
+    onSelectRow,
+    records: initialRecords,
+    search,
+    selected,
+    setSelected,
+    setSearch,
+    sorting,
+    setSorting,
+    showingFilters,
+    showFilters,
+    hideFilters,
+    setFilters,
+    showingSelectAll,
+    isSelectedAll,
+    selectAll,
+    unselectAll,
+    getWhere,
+    searchQuery
   };
-}
+  return /*#__PURE__*/React.createElement(ContentEntriesListContext.Provider, {
+    value: context
+  }, children);
+};
+export const useContentEntriesList = makeDecoratable(() => {
+  const context = React.useContext(ContentEntriesListContext);
+  if (!context) {
+    throw new Error("useContentEntriesList must be used within a ContentEntriesListContext");
+  }
+  return context;
+});
+
+//# sourceMappingURL=useContentEntriesList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useState","debounce","useRouter","makeDecoratable","useContentEntries","createSort","useAcoList","useNavigateFolder","CMS_ENTRY_LIST_LINK","ROOT_FOLDER","ContentEntriesListContext","createContext","undefined","ContentEntriesListProvider","children","history","contentModel","currentFolderId","folders","initialFolders","isListLoading","isListLoadingMore","isSearch","listMoreRecords","listTitle","meta","records","initialRecords","selected","setSearchQuery","setListSort","setFilters","setSelected","showFilters","hideFilters","showingFilters","showingSelectAll","isSelectedAll","selectAll","unselectAll","getWhere","sorting","setSorting","search","setSearch","query","URLSearchParams","location","searchQuery","get","baseUrl","modelId","updateSearch","delete","set","push","toString","onSelectRow","rows","items","filter","item","$type","cmsContentEntries","map","data","getEntryEditUrl","entry","folderPath","encodeURIComponent","idPath","id","length","sort","navigateTo","input","folderId","context","createElement","Provider","value","useContentEntriesList","useContext","Error"],"sources":["useContentEntriesList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { useContentEntries } from \"./useContentEntries\";\nimport type { CmsContentEntry, TableItem } from \"~/types\";\nimport type { OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { createSort, useAcoList, useNavigateFolder } from \"@webiny/app-aco\";\nimport { CMS_ENTRY_LIST_LINK, ROOT_FOLDER } from \"~/admin/constants\";\nimport type { ListMeta } from \"@webiny/app-aco\";\nimport type { FolderItem } from \"@webiny/app-aco/types\";\n\ninterface UpdateSearchCallableParams {\n    search: string;\n    query: URLSearchParams;\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: FolderItem[];\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: OnSortingChange;\n    showFilters: () => void;\n    showingFilters: boolean;\n    showingSelectAll: boolean;\n    sorting: Sorting;\n    setFilters: (data: Record<string, any>) => void;\n    selectAll: () => void;\n    unselectAll: () => void;\n    isSelectedAll: boolean;\n    getWhere: () => Record<string, any>;\n    searchQuery: 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 { history } = useRouter();\n    const { contentModel } = useContentEntries();\n    const { currentFolderId } = useNavigateFolder();\n\n    const {\n        folders: initialFolders,\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    } = useAcoList<CmsContentEntry>();\n\n    const [sorting, setSorting] = useState<Sorting>([]);\n    const [search, setSearch] = useState<string>(\"\");\n    const query = new URLSearchParams(location.search);\n    const searchQuery = query.get(\"search\") || \"\";\n    const baseUrl = `${CMS_ENTRY_LIST_LINK}/${contentModel.modelId}`;\n\n    // Search-related logics: update `searchQuery` state and querystring\n    const updateSearch = useCallback(\n        debounce<UpdateSearchCallable>(({ search, query }) => {\n            const searchQuery = query.get(\"search\");\n\n            if (typeof searchQuery !== \"string\" && !search) {\n                return;\n            }\n\n            setSearchQuery(search);\n\n            if (searchQuery !== search) {\n                if (!search) {\n                    // In case of empty `search` - remove it from `querystring`\n                    query.delete(\"search\");\n                } else {\n                    // Otherwise, add it to `querystring`\n                    query.set(\"search\", search);\n                }\n                history.push(`${baseUrl}?${query.toString()}`);\n            }\n        }, 500),\n        [baseUrl]\n    );\n\n    // Set \"search\" from search \"query\" on page load.\n    useEffect(() => {\n        setSearch(searchQuery);\n    }, [searchQuery]);\n\n    // When \"search\" changes, trigger search-related logics\n    useEffect(() => {\n        updateSearch({ search, query });\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            const folderPath = currentFolderId\n                ? `&folderId=${encodeURIComponent(currentFolderId)}`\n                : \"\";\n\n            const idPath = encodeURIComponent(entry.id);\n\n            return `${baseUrl}?id=${idPath}${folderPath}`;\n        },\n        [baseUrl, currentFolderId]\n    );\n\n    useEffect(() => {\n        if (!sorting?.length) {\n            return;\n        }\n        const sort = createSort(sorting);\n        if (!sort) {\n            return;\n        }\n        setListSort(sort);\n    }, [sorting]);\n\n    const navigateTo = useCallback(\n        (input?: string) => {\n            const folderId = encodeURIComponent(input || currentFolderId || ROOT_FOLDER);\n\n            history.push(`${baseUrl}?folderId=${folderId}`);\n        },\n        [currentFolderId, baseUrl]\n    );\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        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    };\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"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1,8 @@
-export declare function useContentEntry(): import("../ContentEntry/ContentEntryContext").ContentEntryContext;
+/// <reference types="react" />
+import { ContentEntryContext } from "../ContentEntry/ContentEntryContext";
+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>) => () => import("react").JSX.Element;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","makeDecoratable","ContentEntryContext","useContentEntry","context","Error"],"sources":["useContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { ContentEntryContext } from \"../ContentEntry/ContentEntryContext\";\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"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,eAAe,GAAGF,eAAe,CAAC,MAAM;EACjD,MAAMG,OAAO,GAAGJ,UAAU,CAACE,mBAAmB,CAAC;EAC/C,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,kFACJ,CAAC;EACL;EACA,OAAOD,OAAO;AAClB,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,38 @@
+import { useCallback } from "react";
+import { useSnackbar } from "@webiny/app-admin";
+import { useMoveToFolderDialog, useRecords } from "@webiny/app-aco";
+export 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.title}" was successfully moved to folder "${folder.label}"!`);
+      }
+    });
+  }, [record.id]);
+}
+
+//# sourceMappingURL=useMoveContentEntryToFolder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useSnackbar","useMoveToFolderDialog","useRecords","useMoveContentEntryToFolder","record","showSnackbar","showDialog","moveRecord","title","message","loadingLabel","acceptLabel","focusedFolderId","wbyAco_location","folderId","onAccept","folder","id","location","label"],"sources":["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\";\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.title}\" was successfully moved to folder \"${folder.label}\"!`\n                );\n            }\n        });\n    }, [record.id]);\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,qBAAqB,EAAEC,UAAU,QAAQ,iBAAiB;AAOnE,OAAO,SAASC,2BAA2BA,CAAC;EAAEC;AAAoC,CAAC,EAAE;EACjF,MAAM;IAAEC;EAAa,CAAC,GAAGL,WAAW,CAAC,CAAC;EACtC,MAAM;IAAEM;EAAW,CAAC,GAAGL,qBAAqB,CAAC,CAAC;EAC9C,MAAM;IAAEM;EAAW,CAAC,GAAGL,UAAU,CAAC,CAAC;EAEnC,OAAOH,WAAW,CAAC,MAAM;IACrBO,UAAU,CAAC;MACPE,KAAK,EAAE,8BAA8B;MACrCC,OAAO,EAAE,uCAAuC;MAChDC,YAAY,EAAE,iBAAiB;MAC/BC,WAAW,EAAE,YAAY;MACzBC,eAAe,EAAER,MAAM,CAACS,eAAe,CAACC,QAAQ;MAChD,MAAMC,QAAQA,CAAC;QAAEC;MAAO,CAAC,EAAE;QACvB,MAAMT,UAAU,CAAC;UACbU,EAAE,EAAEb,MAAM,CAACa,EAAE;UACbC,QAAQ,EAAE;YACNJ,QAAQ,EAAEE,MAAM,CAACC;UACrB;QACJ,CAAC,CAAC;QACFZ,YAAY,CACR,UAAUD,MAAM,CAACI,KAAK,uCAAuCQ,MAAM,CAACG,KAAK,IAC7E,CAAC;MACL;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACf,MAAM,CAACa,EAAE,CAAC,CAAC;AACnB","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SingletonContentEntryContext } from "../ContentEntry/SingletonContentEntryContext";
+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>) => () => import("react").JSX.Element;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","makeDecoratable","SingletonContentEntryContext","useSingletonContentEntry","context","Error"],"sources":["useSingletonContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { SingletonContentEntryContext } from \"../ContentEntry/SingletonContentEntryContext\";\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"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,4BAA4B;AAErC,OAAO,MAAMC,wBAAwB,GAAGF,eAAe,CAAC,MAAM;EAC1D,MAAMG,OAAO,GAAGJ,UAAU,CAACE,4BAA4B,CAAC;EACxD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,oGACJ,CAAC;EACL;EACA,OAAOD,OAAO;AAClB,CAAC,CAAC","ignoreList":[]}

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.JSX.Element;
 export default ContentModelGroups;

package/admin/views/contentModelGroups/ContentModelGroups.js

@@ -3,33 +3,33 @@ 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");
-
+const ContentModelGroups = () => {
+  const {
+    identity,
+    getPermission
+  } = useSecurity();
+  const canCreate = useMemo(() => {
+    const permission = getPermission("cms.contentModelGroup");
     if (!permission) {
       return false;
     }
-
     if (typeof permission.rwd !== "string") {
       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: "wby-w-full wby-overflow-y-auto wby-h-main-content"
   }, /*#__PURE__*/React.createElement(ContentModelGroupsForm, {
     canCreate: canCreate
-  })));
-}
+  }))));
+};
+export default ContentModelGroups;
 
-export default ContentModelGroups;
+//# sourceMappingURL=ContentModelGroups.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useSecurity","SplitView","LeftPanel","RightPanel","ContentModelGroupsDataList","ContentModelGroupsForm","ContentModelGroups","identity","getPermission","canCreate","permission","rwd","includes","createElement","span","className"],"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 type { CmsSecurityPermission } from \"~/types\";\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={\"wby-w-full wby-overflow-y-auto wby-h-main-content\"}>\n                    <ContentModelGroupsForm canCreate={canCreate} />\n                </div>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport default ContentModelGroups;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,SAAS,EAAEC,SAAS,EAAEC,UAAU,QAAQ,wCAAwC;AACzF,OAAOC,0BAA0B;AACjC,OAAOC,sBAAsB;AAG7B,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGR,WAAW,CAAC,CAAC;EAEjD,MAAMS,SAAS,GAAGV,OAAO,CAAC,MAAe;IACrC,MAAMW,UAAU,GAAGF,aAAa,CAAwB,uBAAuB,CAAC;IAChF,IAAI,CAACE,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,CAACL,QAAQ,CAAC,CAAC;EAEd,oBACIT,KAAA,CAAAe,aAAA,CAACZ,SAAS,qBACNH,KAAA,CAAAe,aAAA,CAACX,SAAS;IAACY,IAAI,EAAE;EAAE,gBACfhB,KAAA,CAAAe,aAAA,CAACT,0BAA0B;IAACK,SAAS,EAAEA;EAAU,CAAE,CAC5C,CAAC,eACZX,KAAA,CAAAe,aAAA,CAACV,UAAU;IAACW,IAAI,EAAE;EAAE,gBAChBhB,KAAA,CAAAe,aAAA;IAAKE,SAAS,EAAE;EAAoD,gBAChEjB,KAAA,CAAAe,aAAA,CAACR,sBAAsB;IAACI,SAAS,EAAEA;EAAU,CAAE,CAC9C,CACG,CACL,CAAC;AAEpB,CAAC;AAED,eAAeH,kBAAkB","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare type ContentModelGroupsDataListProps = {
+import React from "react";
+interface ContentModelGroupsDataListProps {
     canCreate: boolean;
-};
-declare const ContentModelGroupsDataList: ({ canCreate }: ContentModelGroupsDataListProps) => JSX.Element;
+}
+declare const ContentModelGroupsDataList: ({ canCreate }: ContentModelGroupsDataListProps) => React.JSX.Element;
 export default ContentModelGroupsDataList;