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

package/admin/views/contentEntries/ContentEntriesModule.js

@@ -0,0 +1,122 @@
+import React from "react";
+import { ContentEntryEditorConfig, ContentEntryListConfig } from "../../config/contentEntries";
+import { ActionDelete, ActionMove, ActionPublish, ActionUnpublish } from "../../components/ContentEntries/BulkActions";
+import { FilterByStatus } from "../../components/ContentEntries/Filters";
+import { DeleteEntry as DeleteEntryMenuItem, SaveAndPublishButton, SaveContentButton } from "../../components/ContentEntryForm/Header";
+import { DeleteFolder, EditFolder, SetFolderPermissions } from "@webiny/app-aco";
+import { ChangeEntryStatus, DeleteEntry, EditEntry, MoveEntry } from "../../components/ContentEntries/Table/Actions";
+import { CellActions, CellAuthor, CellCreated, CellModified, CellName, CellStatus } from "../../components/ContentEntries/Table/Cells";
+import { Ref } from "../../components/ContentEntries/Filters/RefFieldRenderer";
+import { ShowConfirmationOnDelete } from "../../components/Decorators/ShowConfirmationOnDelete";
+import { ShowConfirmationOnPublish } from "../../components/Decorators/ShowConfirmationOnPublish";
+import { ShowConfirmationOnUnpublish } from "../../components/Decorators/ShowConfirmationOnUnpublish";
+import { ShowConfirmationOnDeleteRevision } from "../../components/Decorators/ShowConfirmationOnDeleteRevision";
+import { FullScreenContentEntry } from "./ContentEntry/FullScreenContentEntry";
+import { ShowRevisionList } from "../../components/ContentEntryForm/Header/ShowRevisionsList";
+import { cmsLegacyEntryEditor } from "../../../utils/cmsLegacyEntryEditor";
+import { ScheduleEntryMenuItem } from "../../components/ContentEntries/Scheduler/actions/ScheduleEntryAction";
+const {
+  Browser
+} = ContentEntryListConfig;
+const {
+  Actions
+} = ContentEntryEditorConfig;
+export const ContentEntriesModule = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentEntryListConfig, null, /*#__PURE__*/React.createElement(Browser.Filter, {
+    name: "status",
+    element: /*#__PURE__*/React.createElement(FilterByStatus, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "publish",
+    element: /*#__PURE__*/React.createElement(ActionPublish, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "unpublish",
+    element: /*#__PURE__*/React.createElement(ActionUnpublish, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "move",
+    element: /*#__PURE__*/React.createElement(ActionMove, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "delete",
+    element: /*#__PURE__*/React.createElement(ActionDelete, null)
+  }), /*#__PURE__*/React.createElement(Browser.FolderAction, {
+    name: "edit",
+    element: /*#__PURE__*/React.createElement(EditFolder, null)
+  }), /*#__PURE__*/React.createElement(Browser.FolderAction, {
+    name: "permissions",
+    element: /*#__PURE__*/React.createElement(SetFolderPermissions, null)
+  }), /*#__PURE__*/React.createElement(Browser.FolderAction, {
+    name: "delete",
+    element: /*#__PURE__*/React.createElement(DeleteFolder, null)
+  }), /*#__PURE__*/React.createElement(Browser.EntryAction, {
+    name: "edit",
+    element: /*#__PURE__*/React.createElement(EditEntry, null)
+  }), /*#__PURE__*/React.createElement(Browser.EntryAction, {
+    name: "status",
+    element: /*#__PURE__*/React.createElement(ChangeEntryStatus, null)
+  }), /*#__PURE__*/React.createElement(Browser.EntryAction, {
+    name: "move",
+    element: /*#__PURE__*/React.createElement(MoveEntry, null)
+  }), /*#__PURE__*/React.createElement(Browser.EntryAction, {
+    name: "delete",
+    element: /*#__PURE__*/React.createElement(DeleteEntry, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "name",
+    header: "Name",
+    cell: /*#__PURE__*/React.createElement(CellName, null),
+    sortable: true,
+    hideable: false,
+    size: 200,
+    className: "cms-aco-list-title"
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "createdBy",
+    header: "Author",
+    cell: /*#__PURE__*/React.createElement(CellAuthor, null),
+    className: "cms-aco-list-createdBy"
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "createdOn",
+    header: "Created",
+    cell: /*#__PURE__*/React.createElement(CellCreated, null),
+    sortable: true,
+    className: "cms-aco-list-createdOn"
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "savedOn",
+    header: "Modified",
+    cell: /*#__PURE__*/React.createElement(CellModified, null),
+    sortable: true,
+    className: "cms-aco-list-savedOn"
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "status",
+    header: "Status",
+    cell: /*#__PURE__*/React.createElement(CellStatus, null),
+    className: "cms-aco-list-status"
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "actions",
+    header: "",
+    cell: /*#__PURE__*/React.createElement(CellActions, null),
+    size: 56,
+    resizable: false,
+    hideable: false,
+    className: "cms-aco-list-actions wby-text-right"
+  }), /*#__PURE__*/React.createElement(Browser.AdvancedSearch.FieldRenderer, {
+    name: "ref",
+    element: /*#__PURE__*/React.createElement(Ref, null),
+    type: Browser.AdvancedSearch.FieldRenderer.FieldType.REF
+  })), /*#__PURE__*/React.createElement(ContentEntryEditorConfig, null, /*#__PURE__*/React.createElement(ShowConfirmationOnPublish, null), /*#__PURE__*/React.createElement(ShowConfirmationOnUnpublish, null), /*#__PURE__*/React.createElement(ShowConfirmationOnDelete, null), /*#__PURE__*/React.createElement(ShowConfirmationOnDeleteRevision, null), /*#__PURE__*/React.createElement(Actions.ButtonAction, {
+    name: "save",
+    element: /*#__PURE__*/React.createElement(SaveContentButton, null)
+  }), /*#__PURE__*/React.createElement(Actions.ButtonAction, {
+    name: "publish",
+    element: /*#__PURE__*/React.createElement(SaveAndPublishButton, null)
+  }), /*#__PURE__*/React.createElement(Actions.MenuItemAction, {
+    name: "delete",
+    element: /*#__PURE__*/React.createElement(DeleteEntryMenuItem, null)
+  }), /*#__PURE__*/React.createElement(Actions.MenuItemAction, {
+    name: "schedule",
+    element: /*#__PURE__*/React.createElement(ScheduleEntryMenuItem, null)
+  }), /*#__PURE__*/React.createElement(Actions.MenuItemAction, {
+    name: "showRevisionsList",
+    element: /*#__PURE__*/React.createElement(ShowRevisionList, null),
+    remove: cmsLegacyEntryEditor
+  })), /*#__PURE__*/React.createElement(FullScreenContentEntry, null));
+};
+
+//# sourceMappingURL=ContentEntriesModule.js.map

package/admin/views/contentEntries/ContentEntriesModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ContentEntryEditorConfig","ContentEntryListConfig","ActionDelete","ActionMove","ActionPublish","ActionUnpublish","FilterByStatus","DeleteEntry","DeleteEntryMenuItem","SaveAndPublishButton","SaveContentButton","DeleteFolder","EditFolder","SetFolderPermissions","ChangeEntryStatus","EditEntry","MoveEntry","CellActions","CellAuthor","CellCreated","CellModified","CellName","CellStatus","Ref","ShowConfirmationOnDelete","ShowConfirmationOnPublish","ShowConfirmationOnUnpublish","ShowConfirmationOnDeleteRevision","FullScreenContentEntry","ShowRevisionList","cmsLegacyEntryEditor","ScheduleEntryMenuItem","Browser","Actions","ContentEntriesModule","createElement","Fragment","Filter","name","element","BulkAction","FolderAction","EntryAction","Table","Column","header","cell","sortable","hideable","size","className","resizable","AdvancedSearch","FieldRenderer","type","FieldType","REF","ButtonAction","MenuItemAction","remove"],"sources":["ContentEntriesModule.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntryEditorConfig, ContentEntryListConfig } from \"~/admin/config/contentEntries\";\n\nimport {\n    ActionDelete,\n    ActionMove,\n    ActionPublish,\n    ActionUnpublish\n} from \"~/admin/components/ContentEntries/BulkActions\";\nimport { FilterByStatus } from \"~/admin/components/ContentEntries/Filters\";\nimport {\n    DeleteEntry as DeleteEntryMenuItem,\n    SaveAndPublishButton,\n    SaveContentButton\n} from \"~/admin/components/ContentEntryForm/Header\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport {\n    ChangeEntryStatus,\n    DeleteEntry,\n    EditEntry,\n    MoveEntry\n} from \"~/admin/components/ContentEntries/Table/Actions\";\nimport {\n    CellActions,\n    CellAuthor,\n    CellCreated,\n    CellModified,\n    CellName,\n    CellStatus\n} from \"~/admin/components/ContentEntries/Table/Cells\";\nimport { Ref } from \"~/admin/components/ContentEntries/Filters/RefFieldRenderer\";\nimport { ShowConfirmationOnDelete } from \"~/admin/components/Decorators/ShowConfirmationOnDelete\";\nimport { ShowConfirmationOnPublish } from \"~/admin/components/Decorators/ShowConfirmationOnPublish\";\nimport { ShowConfirmationOnUnpublish } from \"~/admin/components/Decorators/ShowConfirmationOnUnpublish\";\nimport { ShowConfirmationOnDeleteRevision } from \"~/admin/components/Decorators/ShowConfirmationOnDeleteRevision\";\nimport { FullScreenContentEntry } from \"~/admin/views/contentEntries/ContentEntry/FullScreenContentEntry\";\nimport { ShowRevisionList } from \"~/admin/components/ContentEntryForm/Header/ShowRevisionsList\";\nimport { cmsLegacyEntryEditor } from \"~/utils/cmsLegacyEntryEditor\";\nimport { ScheduleEntryMenuItem } from \"~/admin/components/ContentEntries/Scheduler/actions/ScheduleEntryAction\";\n\nconst { Browser } = ContentEntryListConfig;\nconst { Actions } = ContentEntryEditorConfig;\n\nexport const ContentEntriesModule = () => {\n    return (\n        <>\n            <ContentEntryListConfig>\n                <Browser.Filter name={\"status\"} element={<FilterByStatus />} />\n                <Browser.BulkAction name={\"publish\"} element={<ActionPublish />} />\n                <Browser.BulkAction name={\"unpublish\"} element={<ActionUnpublish />} />\n                <Browser.BulkAction name={\"move\"} element={<ActionMove />} />\n                <Browser.BulkAction name={\"delete\"} element={<ActionDelete />} />\n                <Browser.FolderAction name={\"edit\"} element={<EditFolder />} />\n                <Browser.FolderAction name={\"permissions\"} element={<SetFolderPermissions />} />\n                <Browser.FolderAction name={\"delete\"} element={<DeleteFolder />} />\n                <Browser.EntryAction name={\"edit\"} element={<EditEntry />} />\n                <Browser.EntryAction name={\"status\"} element={<ChangeEntryStatus />} />\n                <Browser.EntryAction name={\"move\"} element={<MoveEntry />} />\n                <Browser.EntryAction name={\"delete\"} element={<DeleteEntry />} />\n                <Browser.Table.Column\n                    name={\"name\"}\n                    header={\"Name\"}\n                    cell={<CellName />}\n                    sortable={true}\n                    hideable={false}\n                    size={200}\n                    className={\"cms-aco-list-title\"}\n                />\n                <Browser.Table.Column\n                    name={\"createdBy\"}\n                    header={\"Author\"}\n                    cell={<CellAuthor />}\n                    className={\"cms-aco-list-createdBy\"}\n                />\n                <Browser.Table.Column\n                    name={\"createdOn\"}\n                    header={\"Created\"}\n                    cell={<CellCreated />}\n                    sortable={true}\n                    className={\"cms-aco-list-createdOn\"}\n                />\n                <Browser.Table.Column\n                    name={\"savedOn\"}\n                    header={\"Modified\"}\n                    cell={<CellModified />}\n                    sortable={true}\n                    className={\"cms-aco-list-savedOn\"}\n                />\n                <Browser.Table.Column\n                    name={\"status\"}\n                    header={\"Status\"}\n                    cell={<CellStatus />}\n                    className={\"cms-aco-list-status\"}\n                />\n                <Browser.Table.Column\n                    name={\"actions\"}\n                    header={\"\"}\n                    cell={<CellActions />}\n                    size={56}\n                    resizable={false}\n                    hideable={false}\n                    className={\"cms-aco-list-actions wby-text-right\"}\n                />\n                <Browser.AdvancedSearch.FieldRenderer\n                    name={\"ref\"}\n                    element={<Ref />}\n                    type={Browser.AdvancedSearch.FieldRenderer.FieldType.REF}\n                />\n            </ContentEntryListConfig>\n            <ContentEntryEditorConfig>\n                <ShowConfirmationOnPublish />\n                <ShowConfirmationOnUnpublish />\n                <ShowConfirmationOnDelete />\n                <ShowConfirmationOnDeleteRevision />\n                <Actions.ButtonAction name={\"save\"} element={<SaveContentButton />} />\n                <Actions.ButtonAction name={\"publish\"} element={<SaveAndPublishButton />} />\n                <Actions.MenuItemAction name={\"delete\"} element={<DeleteEntryMenuItem />} />\n                <Actions.MenuItemAction name={\"schedule\"} element={<ScheduleEntryMenuItem />} />\n                {/*\n                    The following Menu Action registration is needed\n                    only when the 'cmsLegacyEntryEditor' feature is NOT enabled.\n                */}\n                <Actions.MenuItemAction\n                    name={\"showRevisionsList\"}\n                    element={<ShowRevisionList />}\n                    remove={cmsLegacyEntryEditor}\n                />\n            </ContentEntryEditorConfig>\n            <FullScreenContentEntry />\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/views/contentEntries/ContentEntry/ContentEntryContext.d.ts

@@ -1,28 +1,62 @@
-import React, { Dispatch, SetStateAction, MutableRefObject } from "react";
-import { ContentEntriesContext } from "../ContentEntriesContext";
-import { CmsContentEntryRevision, CmsEditorContentEntry } from "../../../../types";
-import { Tabs } from "@webiny/ui/Tabs";
-export interface ContentEntryContext extends ContentEntriesContext {
-    createEntry: () => void;
-    entry: CmsEditorContentEntry;
-    form: MutableRefObject<{
-        submit: Function;
-    }>;
-    setFormRef: (form: {
-        submit: Function;
-    }) => void;
+import React from "react";
+import type { ContentEntriesContext } from "../ContentEntriesContext";
+import type { CmsContentEntry, CmsContentEntryRevision } from "../../../../types";
+import type * as Cms from "../../../contexts/Cms";
+import type { OperationError } from "../../../contexts/Cms";
+interface UpdateListCacheOptions {
+    options?: {
+        addItemToListCache?: boolean;
+    };
+}
+export type GetEntryParams = Omit<Cms.GetEntryParams, "model">;
+export type CreateEntryParams = Omit<Cms.CreateEntryParams, "model"> & UpdateListCacheOptions;
+export type CreateEntryRevisionFromParams = Omit<Cms.CreateEntryRevisionFromParams, "model">;
+export type UpdateEntryRevisionParams = Omit<Cms.UpdateEntryRevisionParams, "model">;
+export type PublishEntryRevisionParams = Omit<Cms.PublishEntryRevisionParams, "model">;
+export type UnpublishEntryRevisionParams = Omit<Cms.UnpublishEntryRevisionParams, "model">;
+export type DeleteEntryParams = Omit<Cms.DeleteEntryParams, "model">;
+export type DeleteEntryRevisionParams = DeleteEntryParams;
+export interface DeleteEntryRevisionOperationSuccess {
+    newLatestRevision: CmsContentEntryRevision;
+    error?: never;
+}
+export type DeleteEntryRevisionResponse = OperationError | DeleteEntryRevisionOperationSuccess;
+export interface ContentEntryCrud {
+    getEntry: (params: GetEntryParams) => Promise<Cms.GetEntryResponse>;
+    createEntry: (params: CreateEntryParams) => Promise<Cms.CreateEntryResponse>;
+    createEntryRevisionFrom: (params: CreateEntryRevisionFromParams) => Promise<Cms.CreateEntryRevisionFromResponse>;
+    updateEntryRevision: (params: UpdateEntryRevisionParams) => Promise<Cms.UpdateEntryRevisionResponse>;
+    publishEntryRevision: (params: PublishEntryRevisionParams) => Promise<Cms.PublishEntryRevisionResponse>;
+    unpublishEntryRevision: (params: UnpublishEntryRevisionParams) => Promise<Cms.UnpublishEntryRevisionResponse>;
+    deleteEntry: (params: DeleteEntryParams) => Promise<Cms.DeleteEntryResponse>;
+    deleteEntryRevision: (params: DeleteEntryRevisionParams) => Promise<DeleteEntryRevisionResponse>;
+}
+export interface ContentEntryContext extends ContentEntriesContext, ContentEntryCrud {
+    entry: CmsContentEntry;
     loading: boolean;
-    setLoading: Dispatch<SetStateAction<boolean>>;
     revisions: CmsContentEntryRevision[];
     refetchContent: () => void;
-    tabs: MutableRefObject<Tabs>;
-    setTabsRef: (tabs: Tabs) => void;
+    setActiveTab(index: string): void;
+    activeTab: string;
     showEmptyView: boolean;
 }
-export declare const Context: React.Context<ContentEntryContext>;
-export declare const Provider: {
-    ({ children }: {
-        children: any;
-    }): JSX.Element;
+export declare const ContentEntryContext: React.Context<ContentEntryContext | undefined>;
+export interface ContentEntryContextProviderProps extends Partial<UseContentEntryProviderProps> {
+    /**
+     * This prop is used when you need to mount this provider outside the main content entry view, with limited features.
+     * Example: Model Editor "preview" tab.
+     */
+    readonly?: boolean;
+    children: React.ReactNode;
+    currentFolderId?: string;
+}
+interface UseContentEntryProviderProps {
+    getContentId: () => string | null;
+    isNewEntry: () => boolean;
+}
+export declare const useContentEntryProviderProps: () => UseContentEntryProviderProps;
+export declare const ContentEntryProvider: {
+    ({ children, isNewEntry, readonly, getContentId, currentFolderId }: ContentEntryContextProviderProps): React.JSX.Element;
     displayName: string;
 };
+export {};

package/admin/views/contentEntries/ContentEntry/ContentEntryContext.js

@@ -1,113 +1,292 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useRef, useState, useCallback, useMemo } from "react";
-import isEmpty from "lodash/isEmpty";
-import get from "lodash/get";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import * as GQL from "../../../graphql/contentEntries";
-import { useQuery } from "../../../hooks";
+import { useIsMounted, useSnackbar } from "@webiny/app-admin";
+import { useCms, useQuery } from "../../../hooks";
 import { useContentEntries } from "../hooks/useContentEntries";
-export var Context = /*#__PURE__*/React.createContext(null);
-export var Provider = function Provider(_ref) {
-  var children = _ref.children;
-
-  var _useContentEntries = useContentEntries(),
-      contentModel = _useContentEntries.contentModel,
-      canCreate = _useContentEntries.canCreate,
-      listQueryVariables = _useContentEntries.listQueryVariables,
-      setListQueryVariables = _useContentEntries.setListQueryVariables,
-      sorters = _useContentEntries.sorters;
-
-  var formRef = useRef(null);
-  var tabsRef = useRef(null);
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history,
-      location = _useRouter.location;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isLoading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var newEntry = new URLSearchParams(location.search).get("new") === "true";
-  var query = new URLSearchParams(location.search);
-  var contentId = query.get("id");
-  var revisionId = contentId ? decodeURIComponent(contentId) : null;
-  var entryId = revisionId ? revisionId.split("#")[0] : null;
-
-  var _useMemo = useMemo(function () {
+import { parseIdentifier } from "@webiny/utils";
+import { createReadQuery } from "@webiny/app-headless-cms-common";
+import { getFetchPolicy } from "../../../../utils/getFetchPolicy";
+import { useRecords } from "@webiny/app-aco";
+import { useMockRecords } from "./useMockRecords";
+import { ROOT_FOLDER } from "../../../constants";
+export const ContentEntryContext = /*#__PURE__*/React.createContext(undefined);
+export const useContentEntryProviderProps = () => {
+  const {
+    location
+  } = useRouter();
+  const query = new URLSearchParams(location.search);
+  const isNewEntry = () => {
+    return query.get("new") === "true";
+  };
+  const getContentId = () => {
+    return query.get("id") || null;
+  };
+  return {
+    getContentId,
+    isNewEntry
+  };
+};
+export const ContentEntryProvider = ({
+  children,
+  isNewEntry,
+  readonly,
+  getContentId,
+  currentFolderId
+}) => {
+  const {
+    isMounted
+  } = useIsMounted();
+  const [activeTab, setActiveTab] = useState("content");
+  const [entry, setEntry] = useState();
+  const [revisions, setRevisions] = useState([]);
+  const {
+    contentModel: model,
+    canCreate
+  } = useContentEntries();
+  const {
+    history
+  } = useRouter();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const cms = useCms();
+  const {
+    addRecordToCache,
+    updateRecordInCache,
+    removeRecordFromCache
+  } = readonly ? useMockRecords() : useRecords();
+  const [isLoading, setLoading] = useState(false);
+  const contentEntryProviderProps = useContentEntryProviderProps();
+  const updateRevisionInRevisionsCache = useCallback(updatedRevisions => {
+    const updatedRevisionsArray = Array.isArray(updatedRevisions) ? updatedRevisions : [updatedRevisions];
+    setRevisions(revisions => {
+      return revisions.map(revision => {
+        const updatedRevision = updatedRevisionsArray.find(updatedRevision => updatedRevision.id === revision.id);
+        return updatedRevision || revision;
+      });
+    });
+  }, []);
+  const newEntry = typeof isNewEntry === "function" ? isNewEntry() : contentEntryProviderProps.isNewEntry();
+  const contentId = typeof getContentId === "function" ? getContentId() : contentEntryProviderProps.getContentId();
+  const revisionId = contentId ? decodeURIComponent(contentId) : null;
+  let entryId = null;
+  let version = null;
+  if (revisionId) {
+    const result = parseIdentifier(revisionId);
+    entryId = result.id;
+    version = result.version;
+  }
+  useEffect(() => {
+    if (!revisionId && entry) {
+      setEntry(undefined);
+    }
+    setActiveTab("content");
+  }, [revisionId]);
+  const {
+    READ_CONTENT
+  } = useMemo(() => {
     return {
-      READ_CONTENT: GQL.createReadQuery(contentModel)
+      READ_CONTENT: createReadQuery(model)
     };
-  }, [contentModel.modelId]),
-      READ_CONTENT = _useMemo.READ_CONTENT;
-
-  var _useMemo2 = useMemo(function () {
-    return {
-      GET_REVISIONS: GQL.createRevisionsQuery(contentModel)
+  }, [model.modelId]);
+  let variables;
+  if (version === null && entryId) {
+    variables = {
+      entryId
     };
-  }, [contentModel.modelId]),
-      GET_REVISIONS = _useMemo2.GET_REVISIONS;
+  } else {
+    variables = {
+      revision: revisionId
+    };
+  }
 
-  var setFormRef = useCallback(function (form) {
-    formRef.current = form;
-  }, [formRef]);
-  var setTabsRef = useCallback(function (tabs) {
-    tabsRef.current = tabs;
-  }, [tabsRef]);
-  var createEntry = useCallback(function () {
-    history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
-  }, [contentModel.modelId]);
-  var getEntry = useQuery(READ_CONTENT, {
-    variables: {
-      revision: decodeURIComponent(contentId)
-    },
-    skip: !contentId,
-    onCompleted: function onCompleted(data) {
-      if (!data) {
+  // TODO: refactor to use `getEntry` from useCms()
+  const loadEntry = useQuery(READ_CONTENT, {
+    variables,
+    skip: !revisionId,
+    fetchPolicy: getFetchPolicy(model),
+    onCompleted: response => {
+      if (!response || !isMounted()) {
         return;
       }
-
-      var error = data.content.error;
-
-      if (error) {
-        history.push("/cms/content-entries/".concat(contentModel.modelId));
-        showSnackbar(error.message);
+      const {
+        data,
+        error
+      } = response.content;
+      if (!error) {
+        setEntry(data);
+        return;
       }
+      history.push(`/cms/content-entries/${model.modelId}`);
+      showSnackbar(error.message);
     }
   });
-  var getRevisions = useQuery(GET_REVISIONS, {
-    variables: {
+  const loading = isLoading || loadEntry.loading;
+  useEffect(() => {
+    if (!entryId) {
+      return;
+    }
+    cms.listEntryRevisions({
+      model,
       id: entryId
-    },
-    skip: !entryId
-  });
-  var loading = isLoading || getEntry.loading || getRevisions.loading;
-  var entry = get(getEntry, "data.content.data") || {};
-  var value = {
-    canCreate: canCreate,
-    contentModel: contentModel,
-    createEntry: createEntry,
-    listQueryVariables: listQueryVariables,
-    setListQueryVariables: setListQueryVariables,
-    sorters: sorters,
-    entry: entry,
-    form: formRef,
-    loading: loading,
-    revisions: get(getRevisions, "data.revisions.data") || {},
-    refetchContent: getEntry.refetch,
-    setFormRef: setFormRef,
-    setLoading: setLoading,
-    setTabsRef: setTabsRef,
-    showEmptyView: !newEntry && !loading && isEmpty(entry),
-    tabs: tabsRef
+    }).then(response => {
+      if (response.error) {
+        return;
+      }
+      setRevisions(response.revisions);
+    });
+  }, [entryId]);
+
+  // CRUD methods
+  const getEntry = async ({
+    id
+  }) => {
+    return await cms.getEntry({
+      model,
+      id
+    });
+  };
+  const createEntry = async ({
+    entry,
+    options
+  }) => {
+    setLoading(true);
+    const response = await cms.createEntry({
+      model,
+      entry: {
+        ...entry,
+        wbyAco_location: {
+          folderId: currentFolderId || ROOT_FOLDER
+        }
+      },
+      options: {
+        skipValidators: options?.skipValidators
+      }
+    });
+    setLoading(false);
+    if (response.entry && options?.addItemToListCache) {
+      addRecordToCache(response.entry);
+    }
+
+    // The `ContentEntryForm` component reads the `entry` from the context, and we want it to have the latest state.
+    // This way, the form also knows whether it's `pristine` or not.
+    setEntry(response.entry);
+    return response;
+  };
+  const createEntryRevisionFrom = async params => {
+    setLoading(true);
+    const response = await cms.createEntryRevisionFrom({
+      model,
+      ...params
+    });
+    setLoading(false);
+    if (response.entry) {
+      setEntry(response.entry);
+      setRevisions([response.entry, ...revisions]);
+      updateRecordInCache(response.entry);
+    }
+    return response;
+  };
+  const updateEntryRevision = async params => {
+    setLoading(true);
+    const response = await cms.updateEntryRevision({
+      model,
+      ...params
+    });
+    setLoading(false);
+    if (response.entry) {
+      setEntry(response.entry);
+      updateRecordInCache(response.entry);
+      updateRevisionInRevisionsCache(response.entry);
+    }
+    return response;
+  };
+  const deleteEntry = async params => {
+    const response = await cms.deleteEntry({
+      model,
+      ...params
+    });
+    removeRecordFromCache(params.id);
+    return response;
+  };
+  const deleteEntryRevision = async params => {
+    const response = await cms.deleteEntry({
+      model,
+      ...params
+    });
+    if (typeof response === "object" && response.error) {
+      return response;
+    }
+    const updatedRevisionsList = revisions.filter(rev => rev.id !== params.id);
+    setRevisions(updatedRevisionsList);
+    const [newLatestRevision] = updatedRevisionsList;
+    if (newLatestRevision) {
+      updateRecordInCache(newLatestRevision);
+    } else {
+      removeRecordFromCache(params.id);
+    }
+    return {
+      newLatestRevision
+    };
   };
-  return /*#__PURE__*/React.createElement(Context.Provider, {
+  const publishEntryRevision = async params => {
+    const response = await cms.publishEntryRevision({
+      model,
+      ...params
+    });
+    if (response.entry) {
+      setEntry(response.entry);
+      updateRecordInCache(response.entry);
+      const revisionsToUpdateInRevisionsCache = [response.entry];
+      const previousPublishedRevision = revisions.find(rev => rev.meta.status === "published");
+      if (previousPublishedRevision) {
+        revisionsToUpdateInRevisionsCache.push({
+          ...previousPublishedRevision,
+          meta: {
+            ...previousPublishedRevision.meta,
+            status: "unpublished"
+          }
+        });
+      }
+      updateRevisionInRevisionsCache(revisionsToUpdateInRevisionsCache);
+    }
+    return response;
+  };
+  const unpublishEntryRevision = async params => {
+    const response = await cms.unpublishEntryRevision({
+      model,
+      ...params
+    });
+    if (response.entry) {
+      setEntry(response.entry);
+      updateRecordInCache(response.entry);
+      updateRevisionInRevisionsCache(response.entry);
+    }
+    return response;
+  };
+  const value = {
+    activeTab,
+    canCreate,
+    contentModel: model,
+    getEntry,
+    createEntry,
+    createEntryRevisionFrom,
+    deleteEntry,
+    deleteEntryRevision,
+    entry: entry || {},
+    loading,
+    publishEntryRevision,
+    refetchContent: loadEntry.refetch,
+    revisions,
+    setActiveTab,
+    showEmptyView: !newEntry && !loading && !revisionId,
+    unpublishEntryRevision,
+    updateEntryRevision
+  };
+  return /*#__PURE__*/React.createElement(ContentEntryContext.Provider, {
     value: value
   }, children);
 };
-Provider.displayName = "ContentEntryProvider";
+ContentEntryProvider.displayName = "ContentEntryProvider";
+
+//# sourceMappingURL=ContentEntryContext.js.map