@webiny/app-headless-cms-workflows 0.0.0-unstable.81ae05e56b → 0.0.0-unstable.a4f3e4ea8b

package/Components/CmsEntriesWorkflowStateList/CmsEntriesWorkflowStateListFooterMenu.js

@@ -1,45 +1,34 @@
-import React from "react";
-import { Components } from "@webiny/app-headless-cms";
+import react from "react";
 import { Sidebar } from "@webiny/admin-ui";
-import { ReactComponent as WorkflowStateListIcon } from "@webiny/icons/flowchart.svg";
-import { Components as WorkflowsComponents } from "@webiny/app-workflows";
-import { useContentEntries } from "@webiny/app-headless-cms/admin/views/contentEntries/hooks/index.js";
+import { ReactComponent } from "@webiny/icons/flowchart.svg";
+import { Components } from "@webiny/app-workflows";
+import { ContentEntryListConfig } from "@webiny/app-headless-cms/admin/config/contentEntries/index.js";
 import { IsModelPublishable } from "@webiny/app-headless-cms/exports/admin/cms.js";
+import { useContentEntriesPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/list.js";
 import { createAppName } from "../../utils/appName.js";
-import { useApolloClient } from "@apollo/react-hooks";
-const {
-  Overlay: {
-    WorkflowStateListAppOverlay
-  }
-} = WorkflowsComponents;
-const {
-  Footer
-} = Components.Sidebar;
-export const CmsEntriesWorkflowStateListFooterMenu = Footer.createDecorator(Original => {
-  return function CmsEntriesWorkflowStateListFooterMenu(props) {
-    const {
-      contentModel: model
-    } = useContentEntries();
-    const client = useApolloClient();
+const { Overlay: { WorkflowStateListAppOverlay: WorkflowStateListAppOverlay } } = Components;
+const { Browser: Browser } = ContentEntryListConfig;
+const ContentReviewsMenuItem = ()=>{
+    const presenter = useContentEntriesPresenter();
+    const model = presenter.vm.model;
     const app = createAppName(model);
-    return /*#__PURE__*/React.createElement(Original, props, /*#__PURE__*/React.createElement(IsModelPublishable, null, /*#__PURE__*/React.createElement(WorkflowStateListAppOverlay, {
-      client: client,
-      app: app
-    }, ({
-      showOverlay
-    }) => {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "list-none"
-      }, /*#__PURE__*/React.createElement(Sidebar.Item, {
-        onClick: showOverlay,
-        text: "Content Reviews",
-        icon: /*#__PURE__*/React.createElement(Sidebar.Item.Icon, {
-          element: /*#__PURE__*/React.createElement(WorkflowStateListIcon, null),
-          label: "Content Reviews"
-        })
-      }));
-    })));
-  };
-});
+    return /*#__PURE__*/ react.createElement(IsModelPublishable, null, /*#__PURE__*/ react.createElement(WorkflowStateListAppOverlay, {
+        app: app
+    }, ({ showOverlay })=>/*#__PURE__*/ react.createElement("div", {
+            className: "list-none"
+        }, /*#__PURE__*/ react.createElement(Sidebar.Item, {
+            onClick: showOverlay,
+            text: "Content Reviews",
+            icon: /*#__PURE__*/ react.createElement(Sidebar.Item.Icon, {
+                element: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Content Reviews"
+            })
+        }))));
+};
+const CmsEntriesWorkflowStateListFooterMenu = ()=>/*#__PURE__*/ react.createElement(ContentEntryListConfig, null, /*#__PURE__*/ react.createElement(Browser.Sidebar.Footer, {
+        name: "content-reviews",
+        element: /*#__PURE__*/ react.createElement(ContentReviewsMenuItem, null)
+    }));
+export { CmsEntriesWorkflowStateListFooterMenu };
 
 //# sourceMappingURL=CmsEntriesWorkflowStateListFooterMenu.js.map

package/Components/CmsEntriesWorkflowStateList/CmsEntriesWorkflowStateListFooterMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Components","Sidebar","ReactComponent","WorkflowStateListIcon","WorkflowsComponents","useContentEntries","IsModelPublishable","createAppName","useApolloClient","Overlay","WorkflowStateListAppOverlay","Footer","CmsEntriesWorkflowStateListFooterMenu","createDecorator","Original","props","contentModel","model","client","app","createElement","showOverlay","className","Item","onClick","text","icon","Icon","element","label"],"sources":["CmsEntriesWorkflowStateListFooterMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-headless-cms\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { ReactComponent as WorkflowStateListIcon } from \"@webiny/icons/flowchart.svg\";\nimport { Components as WorkflowsComponents } from \"@webiny/app-workflows\";\nimport { useContentEntries } from \"@webiny/app-headless-cms/admin/views/contentEntries/hooks/index.js\";\nimport { IsModelPublishable } from \"@webiny/app-headless-cms/exports/admin/cms.js\";\nimport { createAppName } from \"~/utils/appName.js\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\n\nconst {\n    Overlay: { WorkflowStateListAppOverlay }\n} = WorkflowsComponents;\n\nconst { Footer } = Components.Sidebar;\n\nexport const CmsEntriesWorkflowStateListFooterMenu = Footer.createDecorator(Original => {\n    return function CmsEntriesWorkflowStateListFooterMenu(props) {\n        const { contentModel: model } = useContentEntries();\n        const client = useApolloClient();\n\n        const app = createAppName(model);\n\n        return (\n            <Original {...props}>\n                <IsModelPublishable>\n                    <WorkflowStateListAppOverlay client={client} app={app}>\n                        {({ showOverlay }) => {\n                            return (\n                                <div className={\"list-none\"}>\n                                    <Sidebar.Item\n                                        onClick={showOverlay}\n                                        text={\"Content Reviews\"}\n                                        icon={\n                                            <Sidebar.Item.Icon\n                                                element={<WorkflowStateListIcon />}\n                                                label={\"Content Reviews\"}\n                                            />\n                                        }\n                                    />\n                                </div>\n                            );\n                        }}\n                    </WorkflowStateListAppOverlay>\n                </IsModelPublishable>\n            </Original>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,qBAAqB,QAAQ,6BAA6B;AACrF,SAASH,UAAU,IAAII,mBAAmB,QAAQ,uBAAuB;AACzE,SAASC,iBAAiB,QAAQ,oEAAoE;AACtG,SAASC,kBAAkB,QAAQ,+CAA+C;AAClF,SAASC,aAAa;AACtB,SAASC,eAAe,QAAQ,qBAAqB;AAErD,MAAM;EACFC,OAAO,EAAE;IAAEC;EAA4B;AAC3C,CAAC,GAAGN,mBAAmB;AAEvB,MAAM;EAAEO;AAAO,CAAC,GAAGX,UAAU,CAACC,OAAO;AAErC,OAAO,MAAMW,qCAAqC,GAAGD,MAAM,CAACE,eAAe,CAACC,QAAQ,IAAI;EACpF,OAAO,SAASF,qCAAqCA,CAACG,KAAK,EAAE;IACzD,MAAM;MAAEC,YAAY,EAAEC;IAAM,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;IACnD,MAAMa,MAAM,GAAGV,eAAe,CAAC,CAAC;IAEhC,MAAMW,GAAG,GAAGZ,aAAa,CAACU,KAAK,CAAC;IAEhC,oBACIlB,KAAA,CAAAqB,aAAA,CAACN,QAAQ,EAAKC,KAAK,eACfhB,KAAA,CAAAqB,aAAA,CAACd,kBAAkB,qBACfP,KAAA,CAAAqB,aAAA,CAACV,2BAA2B;MAACQ,MAAM,EAAEA,MAAO;MAACC,GAAG,EAAEA;IAAI,GACjD,CAAC;MAAEE;IAAY,CAAC,KAAK;MAClB,oBACItB,KAAA,CAAAqB,aAAA;QAAKE,SAAS,EAAE;MAAY,gBACxBvB,KAAA,CAAAqB,aAAA,CAACnB,OAAO,CAACsB,IAAI;QACTC,OAAO,EAAEH,WAAY;QACrBI,IAAI,EAAE,iBAAkB;QACxBC,IAAI,eACA3B,KAAA,CAAAqB,aAAA,CAACnB,OAAO,CAACsB,IAAI,CAACI,IAAI;UACdC,OAAO,eAAE7B,KAAA,CAAAqB,aAAA,CAACjB,qBAAqB,MAAE,CAAE;UACnC0B,KAAK,EAAE;QAAkB,CAC5B;MACJ,CACJ,CACA,CAAC;IAEd,CACyB,CACb,CACd,CAAC;EAEnB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/CmsEntriesWorkflowStateList/CmsEntriesWorkflowStateListFooterMenu.js","sources":["../../../src/Components/CmsEntriesWorkflowStateList/CmsEntriesWorkflowStateListFooterMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { ReactComponent as WorkflowStateListIcon } from \"@webiny/icons/flowchart.svg\";\nimport { Components as WorkflowsComponents } from \"@webiny/app-workflows\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { IsModelPublishable } from \"@webiny/app-headless-cms/exports/admin/cms.js\";\nimport { useContentEntriesPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/list.js\";\nimport { createAppName } from \"~/utils/appName.js\";\n\nconst {\n    Overlay: { WorkflowStateListAppOverlay }\n} = WorkflowsComponents;\n\nconst { Browser } = ContentEntryListConfig;\n\nconst ContentReviewsMenuItem = () => {\n    const presenter = useContentEntriesPresenter();\n\n    const model = presenter.vm.model;\n    const app = createAppName(model);\n\n    return (\n        <IsModelPublishable>\n            <WorkflowStateListAppOverlay app={app}>\n                {({ showOverlay }) => {\n                    return (\n                        <div className={\"list-none\"}>\n                            <Sidebar.Item\n                                onClick={showOverlay}\n                                text={\"Content Reviews\"}\n                                icon={\n                                    <Sidebar.Item.Icon\n                                        element={<WorkflowStateListIcon />}\n                                        label={\"Content Reviews\"}\n                                    />\n                                }\n                            />\n                        </div>\n                    );\n                }}\n            </WorkflowStateListAppOverlay>\n        </IsModelPublishable>\n    );\n};\n\nexport const CmsEntriesWorkflowStateListFooterMenu = () => {\n    return (\n        <ContentEntryListConfig>\n            <Browser.Sidebar.Footer name={\"content-reviews\"} element={<ContentReviewsMenuItem />} />\n        </ContentEntryListConfig>\n    );\n};\n"],"names":["WorkflowStateListAppOverlay","WorkflowsComponents","Browser","ContentEntryListConfig","ContentReviewsMenuItem","presenter","useContentEntriesPresenter","model","app","createAppName","IsModelPublishable","showOverlay","Sidebar","WorkflowStateListIcon","CmsEntriesWorkflowStateListFooterMenu"],"mappings":";;;;;;;;AASA,MAAM,EACF,SAAS,EAAEA,6BAAAA,2BAA2B,EAAE,EAC3C,GAAGC;AAEJ,MAAM,EAAEC,SAAAA,OAAO,EAAE,GAAGC;AAEpB,MAAMC,yBAAyB;IAC3B,MAAMC,YAAYC;IAElB,MAAMC,QAAQF,UAAU,EAAE,CAAC,KAAK;IAChC,MAAMG,MAAMC,cAAcF;IAE1B,OAAO,WAAP,GACI,oBAACG,oBAAkBA,MAAAA,WAAAA,GACf,oBAACV,6BAA2BA;QAAC,KAAKQ;OAC7B,CAAC,EAAEG,WAAW,EAAE,GACN,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAACC,QAAQ,IAAI;YACT,SAASD;YACT,MAAM;YACN,oBACI,oBAACC,QAAQ,IAAI,CAAC,IAAI;gBACd,uBAAS,oBAACC,gBAAqBA;gBAC/B,OAAO;;;AAU/C;AAEO,MAAMC,wCAAwC,IAC1C,WAAP,GACI,oBAACX,wBAAsBA,MAAAA,WAAAA,GACnB,oBAACD,QAAQ,OAAO,CAAC,MAAM;QAAC,MAAM;QAAmB,uBAAS,oBAACE,wBAAsBA"}

package/Components/CmsEntriesWorkflowStateList/index.js

@@ -1,3 +1 @@
 export { CmsEntriesWorkflowStateListFooterMenu } from "./CmsEntriesWorkflowStateListFooterMenu.js";
-
-//# sourceMappingURL=index.js.map

package/Components/ContentEntryForm/CmsEntryFormCreateNewRevisionButton.js

@@ -1,69 +1,47 @@
-import React, { useCallback } from "react";
-import { useRoute } from "@webiny/app";
+import react, { useCallback } from "react";
+import { useFeature, useRoute } from "@webiny/app";
 import { useToast } from "@webiny/admin-ui";
-import { ContentEntryEditorConfig, usePermission } from "@webiny/app-headless-cms";
-import { useContentEntryForm } from "@webiny/app-headless-cms/admin/components/ContentEntryForm/useContentEntryForm.js";
-import { usePersistEntry } from "@webiny/app-headless-cms/admin/hooks/usePersistEntry.js";
-import { ReactComponent as NewReleaseIcon } from "@webiny/icons/new_releases.svg";
+import { InternalContentEntryEditorConfig, usePermission } from "@webiny/app-headless-cms";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js";
+import { RevisionsListFeature } from "@webiny/app-headless-cms/presentation/contentEntries/revisionsList/feature.js";
+import { ReactComponent } from "@webiny/icons/new_releases.svg";
 import { IsModelPublishable } from "@webiny/app-headless-cms/exports/admin/cms.js";
-const {
-  Actions
-} = ContentEntryEditorConfig;
-const CreateNewRevisionMenuItem = () => {
-  const toast = useToast();
-  const {
-    setRouteParams
-  } = useRoute();
-  const {
-    canEdit
-  } = usePermission();
-  const {
-    OptionsMenuItem
-  } = Actions.MenuItemAction.useOptionsMenuItem();
-  const {
-    entry
-  } = useContentEntryForm();
-  const {
-    persistEntry
-  } = usePersistEntry({
-    addItemToListCache: true
-  });
-  const onClick = useCallback(async () => {
-    const newRevision = await persistEntry({
-      id: entry.id
-    }, {
-      skipValidators: ["required"],
-      createNewRevision: true
+import { OptionsMenuItem } from "@webiny/app-admin";
+const { Actions: Actions } = InternalContentEntryEditorConfig;
+const CreateNewRevisionMenuItem = ()=>{
+    const toast = useToast();
+    const { setRouteParams } = useRoute();
+    const { canEdit } = usePermission();
+    const formPresenter = useContentEntryFormPresenter();
+    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);
+    const entry = formPresenter.vm.entry;
+    const onClick = useCallback(async ()=>{
+        if (!entry) return;
+        const newEntry = await revisionsPresenter.createRevision(entry.id);
+        if (!newEntry) return void toast.showWarningToast({
+            title: "Could not create a new revision."
+        });
+        setRouteParams((params)=>({
+                ...params,
+                id: newEntry.id
+            }));
+    }, [
+        entry,
+        revisionsPresenter
+    ]);
+    if (!entry || !canEdit(entry, "cms.contentEntry")) return null;
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        disabled: !entry.id,
+        label: "Create New Revision",
+        onAction: onClick,
+        "data-testid": "cms.content-form.header.createNewRevision"
     });
-    if (newRevision.error) {
-      toast.showWarningToast({
-        title: "Could not create a new revision.",
-        description: newRevision.error.message
-      });
-      return;
-    }
-    setRouteParams(params => {
-      return {
-        ...params,
-        id: newRevision.entry.id
-      };
-    });
-  }, [entry, persistEntry]);
-  if (!canEdit(entry, "cms.contentEntry")) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(OptionsMenuItem, {
-    icon: /*#__PURE__*/React.createElement(NewReleaseIcon, null),
-    label: `Create New Revision`,
-    onAction: onClick,
-    "data-testid": "cms.content-form.header.createNewRevision"
-  });
-};
-export const CmsEntryFormCreateNewRevisionButton = () => {
-  return /*#__PURE__*/React.createElement(ContentEntryEditorConfig, null, /*#__PURE__*/React.createElement(IsModelPublishable, null, /*#__PURE__*/React.createElement(Actions.MenuItemAction, {
-    name: "createNewRevision",
-    element: /*#__PURE__*/React.createElement(CreateNewRevisionMenuItem, null)
-  })));
 };
+const CmsEntryFormCreateNewRevisionButton = ()=>/*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(IsModelPublishable, null, /*#__PURE__*/ react.createElement(Actions.MenuItemAction, {
+        name: "createNewRevision",
+        element: /*#__PURE__*/ react.createElement(CreateNewRevisionMenuItem, null)
+    })));
+export { CmsEntryFormCreateNewRevisionButton };
 
 //# sourceMappingURL=CmsEntryFormCreateNewRevisionButton.js.map

package/Components/ContentEntryForm/CmsEntryFormCreateNewRevisionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRoute","useToast","ContentEntryEditorConfig","usePermission","useContentEntryForm","usePersistEntry","ReactComponent","NewReleaseIcon","IsModelPublishable","Actions","CreateNewRevisionMenuItem","toast","setRouteParams","canEdit","OptionsMenuItem","MenuItemAction","useOptionsMenuItem","entry","persistEntry","addItemToListCache","onClick","newRevision","id","skipValidators","createNewRevision","error","showWarningToast","title","description","message","params","createElement","icon","label","onAction","CmsEntryFormCreateNewRevisionButton","name","element"],"sources":["CmsEntryFormCreateNewRevisionButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useRoute } from \"@webiny/app\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { ContentEntryEditorConfig, usePermission } from \"@webiny/app-headless-cms\";\nimport { useContentEntryForm } from \"@webiny/app-headless-cms/admin/components/ContentEntryForm/useContentEntryForm.js\";\nimport { usePersistEntry } from \"@webiny/app-headless-cms/admin/hooks/usePersistEntry.js\";\nimport { ReactComponent as NewReleaseIcon } from \"@webiny/icons/new_releases.svg\";\nimport { IsModelPublishable } from \"@webiny/app-headless-cms/exports/admin/cms.js\";\n\nconst { Actions } = ContentEntryEditorConfig;\n\nconst CreateNewRevisionMenuItem = () => {\n    const toast = useToast();\n    const { setRouteParams } = useRoute();\n    const { canEdit } = usePermission();\n    const { OptionsMenuItem } = Actions.MenuItemAction.useOptionsMenuItem();\n    const { entry } = useContentEntryForm();\n    const { persistEntry } = usePersistEntry({\n        addItemToListCache: true\n    });\n\n    const onClick = useCallback(async () => {\n        const newRevision = await persistEntry(\n            {\n                id: entry.id\n            },\n            {\n                skipValidators: [\"required\"],\n                createNewRevision: true\n            }\n        );\n\n        if (newRevision.error) {\n            toast.showWarningToast({\n                title: \"Could not create a new revision.\",\n                description: newRevision.error.message\n            });\n            return;\n        }\n\n        setRouteParams(params => {\n            return { ...params, id: newRevision.entry.id };\n        });\n    }, [entry, persistEntry]);\n\n    if (!canEdit(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<NewReleaseIcon />}\n            label={`Create New Revision`}\n            onAction={onClick}\n            data-testid={\"cms.content-form.header.createNewRevision\"}\n        />\n    );\n};\n\nexport const CmsEntryFormCreateNewRevisionButton = () => {\n    return (\n        <ContentEntryEditorConfig>\n            <IsModelPublishable>\n                <Actions.MenuItemAction\n                    name={\"createNewRevision\"}\n                    element={<CreateNewRevisionMenuItem />}\n                />\n            </IsModelPublishable>\n        </ContentEntryEditorConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,wBAAwB,EAAEC,aAAa,QAAQ,0BAA0B;AAClF,SAASC,mBAAmB,QAAQ,mFAAmF;AACvH,SAASC,eAAe,QAAQ,yDAAyD;AACzF,SAASC,cAAc,IAAIC,cAAc,QAAQ,gCAAgC;AACjF,SAASC,kBAAkB,QAAQ,+CAA+C;AAElF,MAAM;EAAEC;AAAQ,CAAC,GAAGP,wBAAwB;AAE5C,MAAMQ,yBAAyB,GAAGA,CAAA,KAAM;EACpC,MAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEW;EAAe,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EACrC,MAAM;IAAEa;EAAQ,CAAC,GAAGV,aAAa,CAAC,CAAC;EACnC,MAAM;IAAEW;EAAgB,CAAC,GAAGL,OAAO,CAACM,cAAc,CAACC,kBAAkB,CAAC,CAAC;EACvE,MAAM;IAAEC;EAAM,CAAC,GAAGb,mBAAmB,CAAC,CAAC;EACvC,MAAM;IAAEc;EAAa,CAAC,GAAGb,eAAe,CAAC;IACrCc,kBAAkB,EAAE;EACxB,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGrB,WAAW,CAAC,YAAY;IACpC,MAAMsB,WAAW,GAAG,MAAMH,YAAY,CAClC;MACII,EAAE,EAAEL,KAAK,CAACK;IACd,CAAC,EACD;MACIC,cAAc,EAAE,CAAC,UAAU,CAAC;MAC5BC,iBAAiB,EAAE;IACvB,CACJ,CAAC;IAED,IAAIH,WAAW,CAACI,KAAK,EAAE;MACnBd,KAAK,CAACe,gBAAgB,CAAC;QACnBC,KAAK,EAAE,kCAAkC;QACzCC,WAAW,EAAEP,WAAW,CAACI,KAAK,CAACI;MACnC,CAAC,CAAC;MACF;IACJ;IAEAjB,cAAc,CAACkB,MAAM,IAAI;MACrB,OAAO;QAAE,GAAGA,MAAM;QAAER,EAAE,EAAED,WAAW,CAACJ,KAAK,CAACK;MAAG,CAAC;IAClD,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,KAAK,EAAEC,YAAY,CAAC,CAAC;EAEzB,IAAI,CAACL,OAAO,CAACI,KAAK,EAAE,kBAAkB,CAAC,EAAE;IACrC,OAAO,IAAI;EACf;EAEA,oBACInB,KAAA,CAAAiC,aAAA,CAACjB,eAAe;IACZkB,IAAI,eAAElC,KAAA,CAAAiC,aAAA,CAACxB,cAAc,MAAE,CAAE;IACzB0B,KAAK,EAAE,qBAAsB;IAC7BC,QAAQ,EAAEd,OAAQ;IAClB,eAAa;EAA4C,CAC5D,CAAC;AAEV,CAAC;AAED,OAAO,MAAMe,mCAAmC,GAAGA,CAAA,KAAM;EACrD,oBACIrC,KAAA,CAAAiC,aAAA,CAAC7B,wBAAwB,qBACrBJ,KAAA,CAAAiC,aAAA,CAACvB,kBAAkB,qBACfV,KAAA,CAAAiC,aAAA,CAACtB,OAAO,CAACM,cAAc;IACnBqB,IAAI,EAAE,mBAAoB;IAC1BC,OAAO,eAAEvC,KAAA,CAAAiC,aAAA,CAACrB,yBAAyB,MAAE;EAAE,CAC1C,CACe,CACE,CAAC;AAEnC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/ContentEntryForm/CmsEntryFormCreateNewRevisionButton.js","sources":["../../../src/Components/ContentEntryForm/CmsEntryFormCreateNewRevisionButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { useRoute } from \"@webiny/app\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { InternalContentEntryEditorConfig, usePermission } from \"@webiny/app-headless-cms\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { RevisionsListFeature } from \"@webiny/app-headless-cms/presentation/contentEntries/revisionsList/feature.js\";\nimport { ReactComponent as NewReleaseIcon } from \"@webiny/icons/new_releases.svg\";\nimport { IsModelPublishable } from \"@webiny/app-headless-cms/exports/admin/cms.js\";\nimport { OptionsMenuItem } from \"@webiny/app-admin\";\n\nconst { Actions } = InternalContentEntryEditorConfig;\n\nconst CreateNewRevisionMenuItem = () => {\n    const toast = useToast();\n    const { setRouteParams } = useRoute();\n    const { canEdit } = usePermission();\n    const formPresenter = useContentEntryFormPresenter();\n    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);\n\n    const entry = formPresenter.vm.entry;\n\n    const onClick = useCallback(async () => {\n        if (!entry) {\n            return;\n        }\n\n        const newEntry = await revisionsPresenter.createRevision(entry.id);\n\n        if (!newEntry) {\n            toast.showWarningToast({\n                title: \"Could not create a new revision.\"\n            });\n            return;\n        }\n\n        setRouteParams(params => {\n            return { ...params, id: newEntry.id };\n        });\n    }, [entry, revisionsPresenter]);\n\n    if (!entry || !canEdit(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<NewReleaseIcon />}\n            disabled={!entry.id}\n            label={`Create New Revision`}\n            onAction={onClick}\n            data-testid={\"cms.content-form.header.createNewRevision\"}\n        />\n    );\n};\n\nexport const CmsEntryFormCreateNewRevisionButton = () => {\n    return (\n        <InternalContentEntryEditorConfig>\n            <IsModelPublishable>\n                <Actions.MenuItemAction\n                    name={\"createNewRevision\"}\n                    element={<CreateNewRevisionMenuItem />}\n                />\n            </IsModelPublishable>\n        </InternalContentEntryEditorConfig>\n    );\n};\n"],"names":["Actions","InternalContentEntryEditorConfig","CreateNewRevisionMenuItem","toast","useToast","setRouteParams","useRoute","canEdit","usePermission","formPresenter","useContentEntryFormPresenter","revisionsPresenter","useFeature","RevisionsListFeature","entry","onClick","useCallback","newEntry","params","OptionsMenuItem","NewReleaseIcon","CmsEntryFormCreateNewRevisionButton","IsModelPublishable"],"mappings":";;;;;;;;;AAWA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEpB,MAAMC,4BAA4B;IAC9B,MAAMC,QAAQC;IACd,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAC3B,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,gBAAgBC;IACtB,MAAM,EAAE,WAAWC,kBAAkB,EAAE,GAAGC,WAAWC;IAErD,MAAMC,QAAQL,cAAc,EAAE,CAAC,KAAK;IAEpC,MAAMM,UAAUC,YAAY;QACxB,IAAI,CAACF,OACD;QAGJ,MAAMG,WAAW,MAAMN,mBAAmB,cAAc,CAACG,MAAM,EAAE;QAEjE,IAAI,CAACG,UAAU,YACXd,MAAM,gBAAgB,CAAC;YACnB,OAAO;QACX;QAIJE,eAAea,CAAAA,SACJ;gBAAE,GAAGA,MAAM;gBAAE,IAAID,SAAS,EAAE;YAAC;IAE5C,GAAG;QAACH;QAAOH;KAAmB;IAE9B,IAAI,CAACG,SAAS,CAACP,QAAQO,OAAO,qBAC1B,OAAO;IAGX,OAAO,WAAP,GACI,oBAACK,iBAAeA;QACZ,oBAAM,oBAACC,gBAAcA;QACrB,UAAU,CAACN,MAAM,EAAE;QACnB,OAAO;QACP,UAAUC;QACV,eAAa;;AAGzB;AAEO,MAAMM,sCAAsC,IACxC,WAAP,GACI,oBAACpB,kCAAgCA,MAAAA,WAAAA,GAC7B,oBAACqB,oBAAkBA,MAAAA,WAAAA,GACf,oBAACtB,QAAQ,cAAc;QACnB,MAAM;QACN,uBAAS,oBAACE,2BAAyBA"}

package/Components/ContentEntryForm/CmsEntryFormScheduleMenuItemAction.js

@@ -1,38 +1,22 @@
-import React from "react";
+import react from "react";
 import { ContentEntryEditorConfig } from "@webiny/app-headless-cms";
-import { useWorkflowState, WorkflowStateValue } from "@webiny/app-workflows";
-const {
-  Actions
-} = ContentEntryEditorConfig;
-const {
-  MenuItemAction
-} = Actions;
-const OverrideScheduleMenuItemAction = props => {
-  const {
-    presenter
-  } = useWorkflowState();
-  /**
-   * If there is no workflow state or state is approved, we simply render the original element.
-   * This is to ensure that no button will be shown if workflow state is active.
-   */
-  if (!presenter.vm.workflow || presenter.vm.state?.state === WorkflowStateValue.approved) {
+import { useWorkflowState } from "@webiny/app-workflows";
+const { Actions: Actions } = ContentEntryEditorConfig;
+const { MenuItemAction: MenuItemAction } = Actions;
+const OverrideScheduleMenuItemAction = (props)=>{
+    const { presenter } = useWorkflowState();
+    if (!presenter.vm.hasWorkflow || presenter.vm.isApproved) ;
+    else if ("schedule" === props.name) return null;
     return props.children;
-  } else if (props.name === "schedule") {
-    return null;
-  }
-  return props.children;
 };
-/**
- * There is a possibility that this decorator will not do anything, because scheduler is not turned on.
- */
-export const CmsEntryFormScheduleMenuItemAction = MenuItemAction.createDecorator(Original => {
-  return function WorkflowCmsEntryScheduleMenuItemAction(props) {
-    return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
-      element: /*#__PURE__*/React.createElement(OverrideScheduleMenuItemAction, {
-        name: props.name
-      }, props.element)
-    }));
-  };
-});
+const CmsEntryFormScheduleMenuItemAction = MenuItemAction.createDecorator((Original)=>function(props) {
+        return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(OverrideScheduleMenuItemAction, {
+                name: props.name
+            }, props.element)
+        });
+    });
+export { CmsEntryFormScheduleMenuItemAction };
 
 //# sourceMappingURL=CmsEntryFormScheduleMenuItemAction.js.map

package/Components/ContentEntryForm/CmsEntryFormScheduleMenuItemAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ContentEntryEditorConfig","useWorkflowState","WorkflowStateValue","Actions","MenuItemAction","OverrideScheduleMenuItemAction","props","presenter","vm","workflow","state","approved","children","name","CmsEntryFormScheduleMenuItemAction","createDecorator","Original","WorkflowCmsEntryScheduleMenuItemAction","createElement","Object","assign","element"],"sources":["CmsEntryFormScheduleMenuItemAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\nimport { useWorkflowState, WorkflowStateValue } from \"@webiny/app-workflows\";\n\nconst { Actions } = ContentEntryEditorConfig;\nconst { MenuItemAction } = Actions;\n\ninterface IOverrideScheduleMenuItemActionProps {\n    name: string;\n    children: React.ReactElement;\n}\n\nconst OverrideScheduleMenuItemAction = (props: IOverrideScheduleMenuItemActionProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * If there is no workflow state or state is approved, we simply render the original element.\n     * This is to ensure that no button will be shown if workflow state is active.\n     */\n    if (!presenter.vm.workflow || presenter.vm.state?.state === WorkflowStateValue.approved) {\n        return props.children;\n    } else if (props.name === \"schedule\") {\n        return null;\n    }\n    return props.children;\n};\n/**\n * There is a possibility that this decorator will not do anything, because scheduler is not turned on.\n */\nexport const CmsEntryFormScheduleMenuItemAction = MenuItemAction.createDecorator(Original => {\n    return function WorkflowCmsEntryScheduleMenuItemAction(props) {\n        return (\n            <Original\n                {...props}\n                element={\n                    <OverrideScheduleMenuItemAction name={props.name}>\n                        {props.element}\n                    </OverrideScheduleMenuItemAction>\n                }\n            />\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,wBAAwB,QAAQ,0BAA0B;AACnE,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAE5E,MAAM;EAAEC;AAAQ,CAAC,GAAGH,wBAAwB;AAC5C,MAAM;EAAEI;AAAe,CAAC,GAAGD,OAAO;AAOlC,MAAME,8BAA8B,GAAIC,KAA2C,IAAK;EACpF,MAAM;IAAEC;EAAU,CAAC,GAAGN,gBAAgB,CAAC,CAAC;EACxC;AACJ;AACA;AACA;EACI,IAAI,CAACM,SAAS,CAACC,EAAE,CAACC,QAAQ,IAAIF,SAAS,CAACC,EAAE,CAACE,KAAK,EAAEA,KAAK,KAAKR,kBAAkB,CAACS,QAAQ,EAAE;IACrF,OAAOL,KAAK,CAACM,QAAQ;EACzB,CAAC,MAAM,IAAIN,KAAK,CAACO,IAAI,KAAK,UAAU,EAAE;IAClC,OAAO,IAAI;EACf;EACA,OAAOP,KAAK,CAACM,QAAQ;AACzB,CAAC;AACD;AACA;AACA;AACA,OAAO,MAAME,kCAAkC,GAAGV,cAAc,CAACW,eAAe,CAACC,QAAQ,IAAI;EACzF,OAAO,SAASC,sCAAsCA,CAACX,KAAK,EAAE;IAC1D,oBACIP,KAAA,CAAAmB,aAAA,CAACF,QAAQ,EAAAG,MAAA,CAAAC,MAAA,KACDd,KAAK;MACTe,OAAO,eACHtB,KAAA,CAAAmB,aAAA,CAACb,8BAA8B;QAACQ,IAAI,EAAEP,KAAK,CAACO;MAAK,GAC5CP,KAAK,CAACe,OACqB;IACnC,EACJ,CAAC;EAEV,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/ContentEntryForm/CmsEntryFormScheduleMenuItemAction.js","sources":["../../../src/Components/ContentEntryForm/CmsEntryFormScheduleMenuItemAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\n\nconst { Actions } = ContentEntryEditorConfig;\nconst { MenuItemAction } = Actions;\n\ninterface IOverrideScheduleMenuItemActionProps {\n    name: string;\n    children: React.ReactElement;\n}\n\nconst OverrideScheduleMenuItemAction = (props: IOverrideScheduleMenuItemActionProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * If there is no workflow state or state is approved, we simply render the original element.\n     * This is to ensure that no button will be shown if workflow state is active.\n     */\n    if (!presenter.vm.hasWorkflow || presenter.vm.isApproved) {\n        return props.children;\n    } else if (props.name === \"schedule\") {\n        return null;\n    }\n    return props.children;\n};\n/**\n * There is a possibility that this decorator will not do anything, because scheduler is not turned on.\n */\nexport const CmsEntryFormScheduleMenuItemAction = MenuItemAction.createDecorator(Original => {\n    return function WorkflowCmsEntryScheduleMenuItemAction(props) {\n        return (\n            <Original\n                {...props}\n                element={\n                    <OverrideScheduleMenuItemAction name={props.name}>\n                        {props.element}\n                    </OverrideScheduleMenuItemAction>\n                }\n            />\n        );\n    };\n});\n"],"names":["Actions","ContentEntryEditorConfig","MenuItemAction","OverrideScheduleMenuItemAction","props","presenter","useWorkflowState","CmsEntryFormScheduleMenuItemAction","Original"],"mappings":";;;AAIA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AACpB,MAAM,EAAEC,gBAAAA,cAAc,EAAE,GAAGF;AAO3B,MAAMG,iCAAiC,CAACC;IACpC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAKtB,IAAI,CAACD,UAAU,EAAE,CAAC,WAAW,IAAIA,UAAU,EAAE,CAAC,UAAU;SAEjD,IAAID,AAAe,eAAfA,MAAM,IAAI,EACjB,OAAO;IAEX,OAAOA,MAAM,QAAQ;AACzB;AAIO,MAAMG,qCAAqCL,eAAe,eAAe,CAACM,CAAAA,WACtE,SAAgDJ,KAAK;QACxD,OAAO,WAAP,GACI,oBAACI,UAAAA;YACI,GAAGJ,KAAK;YACT,uBACI,oBAACD,gCAA8BA;gBAAC,MAAMC,MAAM,IAAI;eAC3CA,MAAM,OAAO;;IAKlC"}

package/Components/ContentEntryForm/CmsEntryFormTooltipButton.js

@@ -1,20 +1,13 @@
-import React from "react";
+import react from "react";
 import { Components } from "@webiny/app-workflows";
-import { ContentEntryEditorConfig } from "@webiny/app-headless-cms";
-const {
-  ContentReview: {
-    WorkflowStateTooltip
-  }
-} = Components;
-const {
-  Actions
-} = ContentEntryEditorConfig;
-export const CmsEntryFormTooltipButton = () => {
-  return /*#__PURE__*/React.createElement(ContentEntryEditorConfig, null, /*#__PURE__*/React.createElement(Actions.ButtonAction, {
-    before: "save",
-    name: "workflowStateTooltip",
-    element: /*#__PURE__*/React.createElement(WorkflowStateTooltip, null)
-  }));
-};
+import { InternalContentEntryEditorConfig } from "@webiny/app-headless-cms";
+const { ContentReview: { WorkflowStateTooltip: WorkflowStateTooltip } } = Components;
+const { Actions: Actions } = InternalContentEntryEditorConfig;
+const CmsEntryFormTooltipButton = ()=>/*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(Actions.ButtonAction, {
+        before: "save",
+        name: "workflowStateTooltip",
+        element: /*#__PURE__*/ react.createElement(WorkflowStateTooltip, null)
+    }));
+export { CmsEntryFormTooltipButton };
 
 //# sourceMappingURL=CmsEntryFormTooltipButton.js.map

package/Components/ContentEntryForm/CmsEntryFormTooltipButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Components","ContentEntryEditorConfig","ContentReview","WorkflowStateTooltip","Actions","CmsEntryFormTooltipButton","createElement","ButtonAction","before","name","element"],"sources":["CmsEntryFormTooltipButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\n\nconst {\n    ContentReview: { WorkflowStateTooltip }\n} = Components;\n\nconst { Actions } = ContentEntryEditorConfig;\n\nexport const CmsEntryFormTooltipButton = () => {\n    return (\n        <ContentEntryEditorConfig>\n            <Actions.ButtonAction\n                before={\"save\"}\n                name={\"workflowStateTooltip\"}\n                element={<WorkflowStateTooltip />}\n            />\n        </ContentEntryEditorConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,wBAAwB,QAAQ,0BAA0B;AAEnE,MAAM;EACFC,aAAa,EAAE;IAAEC;EAAqB;AAC1C,CAAC,GAAGH,UAAU;AAEd,MAAM;EAAEI;AAAQ,CAAC,GAAGH,wBAAwB;AAE5C,OAAO,MAAMI,yBAAyB,GAAGA,CAAA,KAAM;EAC3C,oBACIN,KAAA,CAAAO,aAAA,CAACL,wBAAwB,qBACrBF,KAAA,CAAAO,aAAA,CAACF,OAAO,CAACG,YAAY;IACjBC,MAAM,EAAE,MAAO;IACfC,IAAI,EAAE,sBAAuB;IAC7BC,OAAO,eAAEX,KAAA,CAAAO,aAAA,CAACH,oBAAoB,MAAE;EAAE,CACrC,CACqB,CAAC;AAEnC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/ContentEntryForm/CmsEntryFormTooltipButton.js","sources":["../../../src/Components/ContentEntryForm/CmsEntryFormTooltipButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { InternalContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\n\nconst {\n    ContentReview: { WorkflowStateTooltip }\n} = Components;\n\nconst { Actions } = InternalContentEntryEditorConfig;\n\nexport const CmsEntryFormTooltipButton = () => {\n    return (\n        <InternalContentEntryEditorConfig>\n            <Actions.ButtonAction\n                before={\"save\"}\n                name={\"workflowStateTooltip\"}\n                element={<WorkflowStateTooltip />}\n            />\n        </InternalContentEntryEditorConfig>\n    );\n};\n"],"names":["WorkflowStateTooltip","Components","Actions","InternalContentEntryEditorConfig","CmsEntryFormTooltipButton"],"mappings":";;;AAIA,MAAM,EACF,eAAe,EAAEA,sBAAAA,oBAAoB,EAAE,EAC1C,GAAGC;AAEJ,MAAM,EAAEC,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,4BAA4B,IAC9B,WAAP,GACI,oBAACD,kCAAgCA,MAAAA,WAAAA,GAC7B,oBAACD,QAAQ,YAAY;QACjB,QAAQ;QACR,MAAM;QACN,uBAAS,oBAACF,sBAAoBA"}

package/Components/ContentEntryForm/ContentEntryFormWorkflow.js

@@ -1,73 +1,24 @@
-import React from "react";
-import { ContentEntryForm, useModel } from "@webiny/app-headless-cms";
-import { Components } from "@webiny/app-workflows";
-import { Alert, Grid } from "@webiny/admin-ui";
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Alert } from "@webiny/admin-ui";
+import { ContentEntryFormContent } from "@webiny/app-headless-cms/presentation/contentEntries/views/layout/index.js";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js";
+import { Components, useWorkflowState } from "@webiny/app-workflows";
 import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
-const {
-  ContentReview: {
-    WorkflowStateBar,
-    WorkflowStateOverlay
-  }
-} = Components;
-
-/**
- * To override storing of the entry when in workflow state.
- */
-// @ts-expect-error
-const emptyFunction = async () => {
-  return void 0;
-};
-const StoreAlert = ({
-  state
-}) => {
-  if (!state) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Alert, {
-    className: "mb-md",
-    type: "danger"
-  }, "Any changes you do on the entry will not be stored!");
-};
-const shouldShowOriginal = params => {
-  const {
-    entry,
-    model
-  } = params;
-  /**
-   * In case of new entry or no model, show original.
-   * Also, for singleton models, show original.
-   */
-  if (!entry?.id || !model?.tags) {
-    return true;
-  }
-  return model.tags.includes(CMS_MODEL_SINGLETON_TAG);
-};
-export const ContentEntryFormWorkflow = ContentEntryForm.createDecorator(Original => {
-  return function ContentEntryFormWorkflow(props) {
-    const {
-      model
-    } = useModel();
-    const showOriginal = shouldShowOriginal({
-      entry: props.entry,
-      model
-    });
-    if (showOriginal) {
-      return /*#__PURE__*/React.createElement(Original, props);
-    }
-    return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(WorkflowStateBar, null)), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(WorkflowStateOverlay, null, ({
-      state
-    }) => {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StoreAlert, {
-        state: state
-      }), /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
-        persistEntry: state ? emptyFunction : props.persistEntry
-      })));
-    })));
-  };
-});
+const { ContentReview: { WorkflowStateBar: WorkflowStateBar } } = Components;
+const ContentEntryFormWorkflow = ContentEntryFormContent.createDecorator((Original)=>observer(function(props) {
+        const formPresenter = useContentEntryFormPresenter();
+        const { presenter } = useWorkflowState();
+        const model = formPresenter.vm.model;
+        const isSingleton = model.tags.includes(CMS_MODEL_SINGLETON_TAG);
+        if (isSingleton || formPresenter.vm.isNewEntry || !presenter.vm.hasWorkflow) return /*#__PURE__*/ react.createElement(Original, props);
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+            className: "max-w-screen bg-white p-sm border-solid border-b-sm border-neutral-dimmed"
+        }, /*#__PURE__*/ react.createElement(WorkflowStateBar, null), presenter.vm.hasState ? /*#__PURE__*/ react.createElement(Alert, {
+            type: "danger",
+            className: "mt-sm"
+        }, "Any changes you do on the entry will not be stored!") : null), /*#__PURE__*/ react.createElement(Original, props));
+    }));
+export { ContentEntryFormWorkflow };
 
 //# sourceMappingURL=ContentEntryFormWorkflow.js.map

package/Components/ContentEntryForm/ContentEntryFormWorkflow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ContentEntryForm","useModel","Components","Alert","Grid","CMS_MODEL_SINGLETON_TAG","ContentReview","WorkflowStateBar","WorkflowStateOverlay","emptyFunction","StoreAlert","state","createElement","className","type","shouldShowOriginal","params","entry","model","id","tags","includes","ContentEntryFormWorkflow","createDecorator","Original","props","showOriginal","Column","span","Fragment","Object","assign","persistEntry"],"sources":["ContentEntryFormWorkflow.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntryForm, useModel } from \"@webiny/app-headless-cms\";\nimport type { IWorkflowState } from \"@webiny/app-workflows\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { Alert, Grid } from \"@webiny/admin-ui\";\nimport type { PersistEntry } from \"@webiny/app-headless-cms/admin/components/ContentEntryForm/ContentEntryFormProvider.js\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nconst {\n    ContentReview: { WorkflowStateBar, WorkflowStateOverlay }\n} = Components;\n\n/**\n * To override storing of the entry when in workflow state.\n */\n// @ts-expect-error\nconst emptyFunction: PersistEntry = async () => {\n    return void 0;\n};\n\ninterface IStoreAlertProps {\n    state: IWorkflowState | undefined;\n}\n\nconst StoreAlert = ({ state }: IStoreAlertProps) => {\n    if (!state) {\n        return null;\n    }\n    return (\n        <Alert className={\"mb-md\"} type=\"danger\">\n            Any changes you do on the entry will not be stored!\n        </Alert>\n    );\n};\n\ninterface IShouldShowOriginalParams {\n    entry: Partial<Pick<CmsContentEntry, \"id\">>;\n    model: Partial<Pick<CmsModel, \"tags\">>;\n}\nconst shouldShowOriginal = (params: IShouldShowOriginalParams): boolean => {\n    const { entry, model } = params;\n    /**\n     * In case of new entry or no model, show original.\n     * Also, for singleton models, show original.\n     */\n    if (!entry?.id || !model?.tags) {\n        return true;\n    }\n    return model.tags.includes(CMS_MODEL_SINGLETON_TAG);\n};\n\nexport const ContentEntryFormWorkflow = ContentEntryForm.createDecorator(Original => {\n    return function ContentEntryFormWorkflow(props) {\n        const { model } = useModel();\n\n        const showOriginal = shouldShowOriginal({\n            entry: props.entry,\n            model\n        });\n\n        if (showOriginal) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <Grid>\n                <Grid.Column span={12}>\n                    <WorkflowStateBar />\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <WorkflowStateOverlay>\n                        {({ state }) => {\n                            return (\n                                <>\n                                    <StoreAlert state={state} />\n                                    <Original\n                                        {...props}\n                                        persistEntry={state ? emptyFunction : props.persistEntry}\n                                    />\n                                </>\n                            );\n                        }}\n                    </WorkflowStateOverlay>\n                </Grid.Column>\n            </Grid>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,QAAQ,QAAQ,0BAA0B;AAErE,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAE9C,SAASC,uBAAuB,QAAQ,iCAAiC;AAGzE,MAAM;EACFC,aAAa,EAAE;IAAEC,gBAAgB;IAAEC;EAAqB;AAC5D,CAAC,GAAGN,UAAU;;AAEd;AACA;AACA;AACA;AACA,MAAMO,aAA2B,GAAG,MAAAA,CAAA,KAAY;EAC5C,OAAO,KAAK,CAAC;AACjB,CAAC;AAMD,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EAChD,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBACIZ,KAAA,CAAAa,aAAA,CAACT,KAAK;IAACU,SAAS,EAAE,OAAQ;IAACC,IAAI,EAAC;EAAQ,GAAC,qDAElC,CAAC;AAEhB,CAAC;AAMD,MAAMC,kBAAkB,GAAIC,MAAiC,IAAc;EACvE,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGF,MAAM;EAC/B;AACJ;AACA;AACA;EACI,IAAI,CAACC,KAAK,EAAEE,EAAE,IAAI,CAACD,KAAK,EAAEE,IAAI,EAAE;IAC5B,OAAO,IAAI;EACf;EACA,OAAOF,KAAK,CAACE,IAAI,CAACC,QAAQ,CAAChB,uBAAuB,CAAC;AACvD,CAAC;AAED,OAAO,MAAMiB,wBAAwB,GAAGtB,gBAAgB,CAACuB,eAAe,CAACC,QAAQ,IAAI;EACjF,OAAO,SAASF,wBAAwBA,CAACG,KAAK,EAAE;IAC5C,MAAM;MAAEP;IAAM,CAAC,GAAGjB,QAAQ,CAAC,CAAC;IAE5B,MAAMyB,YAAY,GAAGX,kBAAkB,CAAC;MACpCE,KAAK,EAAEQ,KAAK,CAACR,KAAK;MAClBC;IACJ,CAAC,CAAC;IAEF,IAAIQ,YAAY,EAAE;MACd,oBAAO3B,KAAA,CAAAa,aAAA,CAACY,QAAQ,EAAKC,KAAQ,CAAC;IAClC;IAEA,oBACI1B,KAAA,CAAAa,aAAA,CAACR,IAAI,qBACDL,KAAA,CAAAa,aAAA,CAACR,IAAI,CAACuB,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB7B,KAAA,CAAAa,aAAA,CAACL,gBAAgB,MAAE,CACV,CAAC,eACdR,KAAA,CAAAa,aAAA,CAACR,IAAI,CAACuB,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB7B,KAAA,CAAAa,aAAA,CAACJ,oBAAoB,QAChB,CAAC;MAAEG;IAAM,CAAC,KAAK;MACZ,oBACIZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAA8B,QAAA,qBACI9B,KAAA,CAAAa,aAAA,CAACF,UAAU;QAACC,KAAK,EAAEA;MAAM,CAAE,CAAC,eAC5BZ,KAAA,CAAAa,aAAA,CAACY,QAAQ,EAAAM,MAAA,CAAAC,MAAA,KACDN,KAAK;QACTO,YAAY,EAAErB,KAAK,GAAGF,aAAa,GAAGgB,KAAK,CAACO;MAAa,EAC5D,CACH,CAAC;IAEX,CACkB,CACb,CACX,CAAC;EAEf,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/ContentEntryForm/ContentEntryFormWorkflow.js","sources":["../../../src/Components/ContentEntryForm/ContentEntryFormWorkflow.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { ContentEntryFormContent } from \"@webiny/app-headless-cms/presentation/contentEntries/views/layout/index.js\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\nexport const ContentEntryFormWorkflow = ContentEntryFormContent.createDecorator(Original => {\n    return observer(function ContentEntryFormWorkflowDecorator(props) {\n        const formPresenter = useContentEntryFormPresenter();\n        const { presenter } = useWorkflowState();\n        const model = formPresenter.vm.model;\n\n        const isSingleton = model.tags.includes(CMS_MODEL_SINGLETON_TAG);\n\n        if (isSingleton || formPresenter.vm.isNewEntry || !presenter.vm.hasWorkflow) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <>\n                <div\n                    className={\n                        \"max-w-screen bg-white p-sm border-solid border-b-sm border-neutral-dimmed\"\n                    }\n                >\n                    <WorkflowStateBar />\n                    {presenter.vm.hasState ? (\n                        <Alert type=\"danger\" className={\"mt-sm\"}>\n                            Any changes you do on the entry will not be stored!\n                        </Alert>\n                    ) : null}\n                </div>\n                <Original {...props} />\n            </>\n        );\n    });\n});\n"],"names":["WorkflowStateBar","Components","ContentEntryFormWorkflow","ContentEntryFormContent","Original","observer","props","formPresenter","useContentEntryFormPresenter","presenter","useWorkflowState","model","isSingleton","CMS_MODEL_SINGLETON_TAG","Alert"],"mappings":";;;;;;;AASA,MAAM,EACF,eAAe,EAAEA,kBAAAA,gBAAgB,EAAE,EACtC,GAAGC;AAEG,MAAMC,2BAA2BC,wBAAwB,eAAe,CAACC,CAAAA,WACrEC,SAAS,SAA2CC,KAAK;QAC5D,MAAMC,gBAAgBC;QACtB,MAAM,EAAEC,SAAS,EAAE,GAAGC;QACtB,MAAMC,QAAQJ,cAAc,EAAE,CAAC,KAAK;QAEpC,MAAMK,cAAcD,MAAM,IAAI,CAAC,QAAQ,CAACE;QAExC,IAAID,eAAeL,cAAc,EAAE,CAAC,UAAU,IAAI,CAACE,UAAU,EAAE,CAAC,WAAW,EACvE,OAAO,WAAP,GAAO,oBAACL,UAAaE;QAGzB,OAAO,WAAP,GACI,wDACI,oBAAC;YACG,WACI;yBAGJ,oBAACN,kBAAgBA,OAChBS,UAAU,EAAE,CAAC,QAAQ,GAAG,WAAH,GAClB,oBAACK,OAAKA;YAAC,MAAK;YAAS,WAAW;WAAS,yDAGzC,qBAER,oBAACV,UAAaE;IAG1B"}

package/Components/ContentEntryForm/index.d.ts

@@ -1,7 +1,4 @@
 export { ContentEntryFormWorkflow } from "./ContentEntryFormWorkflow.js";
-export { ContentEntryWorkflow } from "./ContentEntryWorkflow.js";
 export { CmsEntryFormTooltipButton } from "./CmsEntryFormTooltipButton.js";
 export { CmsEntryFormScheduleMenuItemAction } from "./CmsEntryFormScheduleMenuItemAction.js";
-export { CmsEntryFormSaveAndPublishButton } from "./CmsEntryFormSaveAndPublishButton.js";
-export { CmsEntryFormSaveButton } from "./CmsEntryFormSaveButton.js";
 export { CmsEntryFormCreateNewRevisionButton } from "./CmsEntryFormCreateNewRevisionButton.js";

package/Components/ContentEntryForm/index.js

@@ -1,9 +1,4 @@
 export { ContentEntryFormWorkflow } from "./ContentEntryFormWorkflow.js";
-export { ContentEntryWorkflow } from "./ContentEntryWorkflow.js";
 export { CmsEntryFormTooltipButton } from "./CmsEntryFormTooltipButton.js";
 export { CmsEntryFormScheduleMenuItemAction } from "./CmsEntryFormScheduleMenuItemAction.js";
-export { CmsEntryFormSaveAndPublishButton } from "./CmsEntryFormSaveAndPublishButton.js";
-export { CmsEntryFormSaveButton } from "./CmsEntryFormSaveButton.js";
 export { CmsEntryFormCreateNewRevisionButton } from "./CmsEntryFormCreateNewRevisionButton.js";
-
-//# sourceMappingURL=index.js.map

package/Components/OptionItem/OpenInNewWindow.js

@@ -1,44 +1,36 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { DropdownMenu, Icon } from "@webiny/admin-ui";
 import { Components } from "@webiny/app-workflows";
-import { ReactComponent as OpenInNewIcon } from "@webiny/icons/open_in_new.svg";
+import { ReactComponent } from "@webiny/icons/open_in_new.svg";
 import { useRouter } from "@webiny/app";
 import { Routes } from "@webiny/app-headless-cms/routes.js";
 import { isCmsAppName, parseAppName } from "../../utils/appName.js";
-const {
-  OpenInNewWindow
-} = Components.List.Options;
-export const ListOpenInNewWindow = OpenInNewWindow.createDecorator(Original => {
-  return function ListOpenInNewWindow(props) {
-    const {
-      state
-    } = props;
-    const {
-      getLink
-    } = useRouter();
-    const onClick = useCallback(() => {
-      const modelId = parseAppName(state.app);
-      const url = getLink(Routes.ContentEntries.List, {
-        modelId,
-        id: state.targetRevisionId,
-        // TODO figure out how to load folderId
-        folderId: "root"
-      });
-      const goTo = `${window.location.origin}${url}`;
-      window.open(goTo, "_blank");
-    }, [state.id]);
-    if (isCmsAppName(state.app) === false) {
-      return /*#__PURE__*/React.createElement(Original, props);
-    }
-    return /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        icon: /*#__PURE__*/React.createElement(OpenInNewIcon, null),
-        label: "Open In New Window"
-      }),
-      text: "Open in New Window",
-      onClick: onClick
+const { OpenInNewWindow: OpenInNewWindow } = Components.List.Options;
+const OpenInNewWindow_ListOpenInNewWindow = OpenInNewWindow.createDecorator((Original)=>function(props) {
+        const { state } = props;
+        const { getLink } = useRouter();
+        const onClick = useCallback(()=>{
+            const modelId = parseAppName(state.app);
+            const url = getLink(Routes.ContentEntries.List, {
+                modelId,
+                id: state.targetRevisionId,
+                folderId: "root"
+            });
+            const goTo = `${window.location.origin}${url}`;
+            window.open(goTo, "_blank");
+        }, [
+            state.id
+        ]);
+        if (false === isCmsAppName(state.app)) return /*#__PURE__*/ react.createElement(Original, props);
+        return /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            icon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Open In New Window"
+            }),
+            text: "Open in New Window",
+            onClick: onClick
+        });
     });
-  };
-});
+export { OpenInNewWindow_ListOpenInNewWindow as ListOpenInNewWindow };
 
 //# sourceMappingURL=OpenInNewWindow.js.map