@webiny/app-headless-cms-scheduler 6.4.5-beta.0 → 6.6.0-alpha.0

package/components/Browser/BrowserConfig.js

@@ -2,8 +2,12 @@ import react from "react";
 import { IsModelPublishable } from "@webiny/app-headless-cms/exports/admin/cms.js";
 import { ContentEntryListConfig } from "@webiny/app-headless-cms/admin/config/contentEntries/index.js";
 import { MenuItem } from "./MenuItem.js";
+import { SchedulerMenuItem } from "./SchedulerMenuItem.js";
 const { Browser: Browser } = ContentEntryListConfig;
-const BrowserConfig = ()=>/*#__PURE__*/ react.createElement(ContentEntryListConfig, null, /*#__PURE__*/ react.createElement(IsModelPublishable, null, /*#__PURE__*/ react.createElement(Browser.Entry.Action, {
+const BrowserConfig = ()=>/*#__PURE__*/ react.createElement(ContentEntryListConfig, null, /*#__PURE__*/ react.createElement(IsModelPublishable, null, /*#__PURE__*/ react.createElement(Browser.Sidebar.Footer, {
+        name: "scheduler",
+        element: /*#__PURE__*/ react.createElement(SchedulerMenuItem, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Entry.Action, {
         name: "schedule",
         element: /*#__PURE__*/ react.createElement(MenuItem, null)
     })));

package/components/Browser/BrowserConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Browser/BrowserConfig.js","sources":["../../../src/components/Browser/BrowserConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { IsModelPublishable } from \"@webiny/app-headless-cms/exports/admin/cms.js\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { MenuItem } from \"./MenuItem.js\";\n\nconst { Browser } = ContentEntryListConfig;\n\nexport const BrowserConfig = () => {\n    return (\n        <ContentEntryListConfig>\n            <IsModelPublishable>\n                <Browser.Entry.Action name={\"schedule\"} element={<MenuItem />} />\n            </IsModelPublishable>\n        </ContentEntryListConfig>\n    );\n};\n"],"names":["Browser","ContentEntryListConfig","BrowserConfig","IsModelPublishable","MenuItem"],"mappings":";;;;AAKA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,gBAAgB,IAClB,WAAP,GACI,oBAACD,wBAAsBA,MAAAA,WAAAA,GACnB,oBAACE,oBAAkBA,MAAAA,WAAAA,GACf,oBAACH,QAAQ,KAAK,CAAC,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACI,UAAQA"}
+{"version":3,"file":"components/Browser/BrowserConfig.js","sources":["../../../src/components/Browser/BrowserConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { IsModelPublishable } from \"@webiny/app-headless-cms/exports/admin/cms.js\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { MenuItem } from \"./MenuItem.js\";\nimport { SchedulerMenuItem } from \"./SchedulerMenuItem.js\";\n\nconst { Browser } = ContentEntryListConfig;\n\nexport const BrowserConfig = () => {\n    return (\n        <ContentEntryListConfig>\n            <IsModelPublishable>\n                <Browser.Sidebar.Footer name={\"scheduler\"} element={<SchedulerMenuItem />} />\n                <Browser.Entry.Action name={\"schedule\"} element={<MenuItem />} />\n            </IsModelPublishable>\n        </ContentEntryListConfig>\n    );\n};\n"],"names":["Browser","ContentEntryListConfig","BrowserConfig","IsModelPublishable","SchedulerMenuItem","MenuItem"],"mappings":";;;;;AAMA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,gBAAgB,IAClB,WAAP,GACI,oBAACD,wBAAsBA,MAAAA,WAAAA,GACnB,oBAACE,oBAAkBA,MAAAA,WAAAA,GACf,oBAACH,QAAQ,OAAO,CAAC,MAAM;QAAC,MAAM;QAAa,uBAAS,oBAACI,mBAAiBA;sBACtE,oBAACJ,QAAQ,KAAK,CAAC,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACK,UAAQA"}

package/components/Browser/MenuItem.d.ts

@@ -1,2 +1,4 @@
 import React from "react";
-export declare const MenuItem: () => React.JSX.Element | null;
+export declare const MenuItem: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/components/Browser/MenuItem.js

@@ -1,20 +1,19 @@
 import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
 import { ReactComponent } from "@webiny/icons/cell_tower.svg";
-import { useApolloClient } from "@apollo/react-hooks";
 import { useScheduleDialog } from "@webiny/app-scheduler";
+import { ContentEntryListConfig } from "@webiny/app-headless-cms/exports/admin/cms/entry/list.js";
+import { useEntry } from "@webiny/app-headless-cms";
+import { useModel } from "@webiny/app-headless-cms/exports/admin/cms.js";
 import { usePermissions } from "../../hooks/usePermissions.js";
 import { createNamespace } from "../../utils/index.js";
-import { ContentEntryListConfig, useContentEntriesList } from "@webiny/app-headless-cms/exports/admin/cms/entry/list.js";
-import { useEntry } from "@webiny/app-headless-cms";
-const MenuItem = ()=>{
-    const { modelId } = useContentEntriesList();
+const MenuItem = observer(()=>{
+    const { model } = useModel();
     const { entry } = useEntry();
     const { canPublish, canUnpublish } = usePermissions();
-    const client = useApolloClient();
     const { showDialog: showSchedulerDialog } = useScheduleDialog({
-        client,
         namespace: createNamespace({
-            modelId
+            modelId: model.modelId
         }),
         target: {
             id: entry.id,
@@ -37,7 +36,7 @@ const MenuItem = ()=>{
         disabled: !entry?.meta?.status,
         "data-testid": "cms.content-form.header.schedule"
     });
-};
+});
 export { MenuItem };
 
 //# sourceMappingURL=MenuItem.js.map

package/components/Browser/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Browser/MenuItem.js","sources":["../../../src/components/Browser/MenuItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/cell_tower.svg\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useScheduleDialog } from \"@webiny/app-scheduler\";\nimport { usePermissions } from \"~/hooks/usePermissions.js\";\nimport { createNamespace } from \"~/utils/index.js\";\nimport {\n    ContentEntryListConfig,\n    useContentEntriesList\n} from \"@webiny/app-headless-cms/exports/admin/cms/entry/list.js\";\nimport { useEntry } from \"@webiny/app-headless-cms\";\n\nexport const MenuItem = () => {\n    const { modelId } = useContentEntriesList();\n    const { entry } = useEntry();\n\n    const { canPublish, canUnpublish } = usePermissions();\n    const client = useApolloClient();\n\n    const { showDialog: showSchedulerDialog } = useScheduleDialog({\n        client,\n        namespace: createNamespace({\n            modelId\n        }),\n        target: {\n            id: entry.id,\n            title: entry.meta.title,\n            status: entry.meta.status\n        }\n    });\n\n    const { OptionsMenuItem } = ContentEntryListConfig.Browser.Entry.Action;\n\n    const showDialog = useCallback(() => {\n        showSchedulerDialog();\n    }, [showSchedulerDialog]);\n\n    if (!canPublish && !canUnpublish) {\n        return null;\n    }\n\n    const action = entry.meta?.status === \"published\" ? \"unpublish\" : \"publish\";\n\n    return (\n        <OptionsMenuItem\n            icon={<ScheduleIcon />}\n            label={`Schedule ${action}`}\n            onAction={showDialog}\n            disabled={!entry?.meta?.status}\n            data-testid={\"cms.content-form.header.schedule\"}\n        />\n    );\n};\n"],"names":["MenuItem","modelId","useContentEntriesList","entry","useEntry","canPublish","canUnpublish","usePermissions","client","useApolloClient","showSchedulerDialog","useScheduleDialog","createNamespace","OptionsMenuItem","ContentEntryListConfig","showDialog","useCallback","action","ScheduleIcon"],"mappings":";;;;;;;;AAYO,MAAMA,WAAW;IACpB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,MAAM,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGC;IACrC,MAAMC,SAASC;IAEf,MAAM,EAAE,YAAYC,mBAAmB,EAAE,GAAGC,kBAAkB;QAC1DH;QACA,WAAWI,gBAAgB;YACvBX;QACJ;QACA,QAAQ;YACJ,IAAIE,MAAM,EAAE;YACZ,OAAOA,MAAM,IAAI,CAAC,KAAK;YACvB,QAAQA,MAAM,IAAI,CAAC,MAAM;QAC7B;IACJ;IAEA,MAAM,EAAEU,eAAe,EAAE,GAAGC,uBAAuB,OAAO,CAAC,KAAK,CAAC,MAAM;IAEvE,MAAMC,aAAaC,YAAY;QAC3BN;IACJ,GAAG;QAACA;KAAoB;IAExB,IAAI,CAACL,cAAc,CAACC,cAChB,OAAO;IAGX,MAAMW,SAASd,MAAM,IAAI,EAAE,WAAW,cAAc,cAAc;IAElE,OAAO,WAAP,GACI,oBAACU,iBAAAA;QACG,oBAAM,oBAACK,gBAAYA;QACnB,OAAO,CAAC,SAAS,EAAED,QAAQ;QAC3B,UAAUF;QACV,UAAU,CAACZ,OAAO,MAAM;QACxB,eAAa;;AAGzB"}
+{"version":3,"file":"components/Browser/MenuItem.js","sources":["../../../src/components/Browser/MenuItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/cell_tower.svg\";\nimport { useScheduleDialog } from \"@webiny/app-scheduler\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms/exports/admin/cms/entry/list.js\";\nimport { useEntry } from \"@webiny/app-headless-cms\";\nimport { useModel } from \"@webiny/app-headless-cms/exports/admin/cms.js\";\nimport { usePermissions } from \"~/hooks/usePermissions.js\";\nimport { createNamespace } from \"~/utils/index.js\";\n\nexport const MenuItem = observer(() => {\n    const { model } = useModel();\n    const { entry } = useEntry();\n\n    const { canPublish, canUnpublish } = usePermissions();\n\n    const { showDialog: showSchedulerDialog } = useScheduleDialog({\n        namespace: createNamespace({ modelId: model.modelId }),\n        target: {\n            id: entry.id,\n            title: entry.meta.title,\n            status: entry.meta.status\n        }\n    });\n\n    const { OptionsMenuItem } = ContentEntryListConfig.Browser.Entry.Action;\n\n    const showDialog = useCallback(() => {\n        showSchedulerDialog();\n    }, [showSchedulerDialog]);\n\n    if (!canPublish && !canUnpublish) {\n        return null;\n    }\n\n    const action = entry.meta?.status === \"published\" ? \"unpublish\" : \"publish\";\n\n    return (\n        <OptionsMenuItem\n            icon={<ScheduleIcon />}\n            label={`Schedule ${action}`}\n            onAction={showDialog}\n            disabled={!entry?.meta?.status}\n            data-testid={\"cms.content-form.header.schedule\"}\n        />\n    );\n});\n"],"names":["MenuItem","observer","model","useModel","entry","useEntry","canPublish","canUnpublish","usePermissions","showSchedulerDialog","useScheduleDialog","createNamespace","OptionsMenuItem","ContentEntryListConfig","showDialog","useCallback","action","ScheduleIcon"],"mappings":";;;;;;;;;AAUO,MAAMA,WAAWC,SAAS;IAC7B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,MAAM,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGC;IAErC,MAAM,EAAE,YAAYC,mBAAmB,EAAE,GAAGC,kBAAkB;QAC1D,WAAWC,gBAAgB;YAAE,SAAST,MAAM,OAAO;QAAC;QACpD,QAAQ;YACJ,IAAIE,MAAM,EAAE;YACZ,OAAOA,MAAM,IAAI,CAAC,KAAK;YACvB,QAAQA,MAAM,IAAI,CAAC,MAAM;QAC7B;IACJ;IAEA,MAAM,EAAEQ,eAAe,EAAE,GAAGC,uBAAuB,OAAO,CAAC,KAAK,CAAC,MAAM;IAEvE,MAAMC,aAAaC,YAAY;QAC3BN;IACJ,GAAG;QAACA;KAAoB;IAExB,IAAI,CAACH,cAAc,CAACC,cAChB,OAAO;IAGX,MAAMS,SAASZ,MAAM,IAAI,EAAE,WAAW,cAAc,cAAc;IAElE,OAAO,WAAP,GACI,oBAACQ,iBAAAA;QACG,oBAAM,oBAACK,gBAAYA;QACnB,OAAO,CAAC,SAAS,EAAED,QAAQ;QAC3B,UAAUF;QACV,UAAU,CAACV,OAAO,MAAM;QACxB,eAAa;;AAGzB"}

package/components/{Sidebar → Browser}/SchedulerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Sidebar/SchedulerButton.js","sources":["../../../src/components/Sidebar/SchedulerButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/cell_tower.svg\";\n\nexport interface ScheduleButtonProps {\n    onClick: () => void;\n}\n\nexport const SchedulerButton = (props: ScheduleButtonProps) => {\n    return (\n        <div className={\"list-none\"}>\n            <Sidebar.Item\n                onClick={props.onClick}\n                text={\"Schedule\"}\n                icon={<Sidebar.Item.Icon element={<ScheduleIcon />} label={\"Schedule\"} />}\n            />\n        </div>\n    );\n};\n"],"names":["SchedulerButton","props","Sidebar","ScheduleIcon"],"mappings":";;;AAQO,MAAMA,kBAAkB,CAACC,QACrB,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAQ,IAAI;QACT,SAASD,MAAM,OAAO;QACtB,MAAM;QACN,oBAAM,oBAACC,QAAQ,IAAI,CAAC,IAAI;YAAC,uBAAS,oBAACC,gBAAYA;YAAK,OAAO"}
+{"version":3,"file":"components/Browser/SchedulerButton.js","sources":["../../../src/components/Browser/SchedulerButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/cell_tower.svg\";\n\nexport interface ScheduleButtonProps {\n    onClick: () => void;\n}\n\nexport const SchedulerButton = (props: ScheduleButtonProps) => {\n    return (\n        <div className={\"list-none\"}>\n            <Sidebar.Item\n                onClick={props.onClick}\n                text={\"Schedule\"}\n                icon={<Sidebar.Item.Icon element={<ScheduleIcon />} label={\"Schedule\"} />}\n            />\n        </div>\n    );\n};\n"],"names":["SchedulerButton","props","Sidebar","ScheduleIcon"],"mappings":";;;AAQO,MAAMA,kBAAkB,CAACC,QACrB,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAQ,IAAI;QACT,SAASD,MAAM,OAAO;QACtB,MAAM;QACN,oBAAM,oBAACC,QAAQ,IAAI,CAAC,IAAI;YAAC,uBAAS,oBAACC,gBAAYA;YAAK,OAAO"}

package/components/Browser/SchedulerMenuItem.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SchedulerMenuItem: () => React.JSX.Element | null;

package/components/Browser/SchedulerMenuItem.js

@@ -0,0 +1,23 @@
+import react from "react";
+import { useModel } from "@webiny/app-headless-cms/exports/admin/cms.js";
+import { usePermissions } from "../../hooks/usePermissions.js";
+import { Scheduler } from "@webiny/app-scheduler";
+import { SchedulerButton } from "./SchedulerButton.js";
+import { createNamespace } from "../../utils/index.js";
+const SchedulerMenuItem = ()=>{
+    const { model } = useModel();
+    const { canPublish, canUnpublish } = usePermissions();
+    const namespace = createNamespace(model);
+    if (!canPublish && !canUnpublish) return null;
+    return /*#__PURE__*/ react.createElement(Scheduler, {
+        namespace: namespace,
+        canPublish: canPublish,
+        canUnpublish: canUnpublish,
+        render: ({ showScheduler })=>/*#__PURE__*/ react.createElement(SchedulerButton, {
+                onClick: showScheduler
+            })
+    });
+};
+export { SchedulerMenuItem };
+
+//# sourceMappingURL=SchedulerMenuItem.js.map

package/components/Browser/SchedulerMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Browser/SchedulerMenuItem.js","sources":["../../../src/components/Browser/SchedulerMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { useModel } from \"@webiny/app-headless-cms/exports/admin/cms.js\";\nimport { usePermissions } from \"~/hooks/usePermissions.js\";\nimport { Scheduler as BaseScheduler } from \"@webiny/app-scheduler\";\nimport { SchedulerButton } from \"./SchedulerButton.js\";\nimport { createNamespace } from \"~/utils/index.js\";\n\nexport const SchedulerMenuItem = () => {\n    const { model } = useModel();\n    const { canPublish, canUnpublish } = usePermissions();\n\n    const namespace = createNamespace(model);\n\n    if (!canPublish && !canUnpublish) {\n        return null;\n    }\n\n    return (\n        <BaseScheduler\n            namespace={namespace}\n            canPublish={canPublish}\n            canUnpublish={canUnpublish}\n            render={({ showScheduler }) => {\n                return <SchedulerButton onClick={showScheduler} />;\n            }}\n        />\n    );\n};\n"],"names":["SchedulerMenuItem","model","useModel","canPublish","canUnpublish","usePermissions","namespace","createNamespace","BaseScheduler","showScheduler","SchedulerButton"],"mappings":";;;;;;AAOO,MAAMA,oBAAoB;IAC7B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGC;IAErC,MAAMC,YAAYC,gBAAgBN;IAElC,IAAI,CAACE,cAAc,CAACC,cAChB,OAAO;IAGX,OAAO,WAAP,GACI,oBAACI,WAAaA;QACV,WAAWF;QACX,YAAYH;QACZ,cAAcC;QACd,QAAQ,CAAC,EAAEK,aAAa,EAAE,GACf,WAAP,GAAO,oBAACC,iBAAeA;gBAAC,SAASD;;;AAIjD"}

package/components/Editor/MenuItem.d.ts

@@ -1,2 +1,4 @@
 import React from "react";
-export declare const MenuItem: () => React.JSX.Element | null;
+export declare const MenuItem: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/components/Editor/MenuItem.js

@@ -1,42 +1,43 @@
 import react, { useCallback } from "react";
-import { ContentEntryEditorConfig, useContentEntryEditor } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+import { observer } from "mobx-react-lite";
+import { OptionsMenuItem } from "@webiny/app-admin";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
 import { ReactComponent } from "@webiny/icons/cell_tower.svg";
-import { useApolloClient } from "@apollo/react-hooks";
 import { useScheduleDialog } from "@webiny/app-scheduler";
 import { usePermissions } from "../../hooks/usePermissions.js";
 import { createNamespace } from "../../utils/index.js";
-const MenuItemWithId = ({ entry, contentModel, loading })=>{
-    const client = useApolloClient();
+const MenuItemWithId = ({ entryId, entryTitle, entryStatus, modelId, loading })=>{
     const { showDialog: showSchedulerDialog } = useScheduleDialog({
-        client,
-        namespace: createNamespace(contentModel),
+        namespace: createNamespace({
+            modelId
+        }),
         target: {
-            id: entry.id,
-            title: entry.meta.title,
-            status: entry.meta.status
+            id: entryId,
+            title: entryTitle,
+            status: entryStatus
         }
     });
-    const { OptionsMenuItem } = ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();
     const showDialog = useCallback(()=>{
         showSchedulerDialog();
     }, [
         showSchedulerDialog
     ]);
-    const action = entry.meta?.status === "published" ? "unpublish" : "publish";
+    const action = "published" === entryStatus ? "unpublish" : "publish";
     return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
         icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
         label: `Schedule ${action}`,
         onAction: showDialog,
-        disabled: !entry?.meta?.status || loading,
+        disabled: !entryStatus || loading,
         "data-testid": "cms.content-form.header.schedule"
     });
 };
-const MenuItem = ()=>{
-    const { entry, loading, contentModel } = useContentEntryEditor();
+const MenuItem = observer(()=>{
+    const presenter = useContentEntryFormPresenter();
     const { canPublish, canUnpublish } = usePermissions();
-    const { OptionsMenuItem } = ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();
+    const vm = presenter.vm;
+    if (!vm.canPublish && !vm.canUnpublish) return null;
     if (!canPublish && !canUnpublish) return null;
-    if (!entry.id) return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+    if (!vm.entry) return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
         icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
         label: "Schedule",
         onAction: ()=>void 0,
@@ -44,11 +45,13 @@ const MenuItem = ()=>{
         "data-testid": "cms.content-form.header.schedule"
     });
     return /*#__PURE__*/ react.createElement(MenuItemWithId, {
-        entry: entry,
-        contentModel: contentModel,
-        loading: loading
+        entryId: vm.entry.id,
+        entryTitle: vm.entry.meta?.title || "",
+        entryStatus: vm.entry.meta?.status || "",
+        modelId: vm.model.modelId,
+        loading: null !== vm.loading
     });
-};
+});
 export { MenuItem };
 
 //# sourceMappingURL=MenuItem.js.map

package/components/Editor/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Editor/MenuItem.js","sources":["../../../src/components/Editor/MenuItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport {\n    ContentEntryEditorConfig,\n    useContentEntryEditor\n} from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/cell_tower.svg\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useScheduleDialog } from \"@webiny/app-scheduler\";\nimport { usePermissions } from \"~/hooks/usePermissions.js\";\nimport { createNamespace } from \"~/utils/index.js\";\n\ninterface MenuItemWithIdProps {\n    entry: ReturnType<typeof useContentEntryEditor>[\"entry\"];\n    contentModel: ReturnType<typeof useContentEntryEditor>[\"contentModel\"];\n    loading: boolean;\n}\n\n/* Rendered only when entry.id exists; hooks that depend on entry.id live here. */\nconst MenuItemWithId = ({ entry, contentModel, loading }: MenuItemWithIdProps) => {\n    const client = useApolloClient();\n\n    const { showDialog: showSchedulerDialog } = useScheduleDialog({\n        client,\n        namespace: createNamespace(contentModel),\n        target: {\n            id: entry.id,\n            title: entry.meta.title,\n            status: entry.meta.status\n        }\n    });\n\n    const { OptionsMenuItem } =\n        ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();\n\n    const showDialog = useCallback(() => {\n        showSchedulerDialog();\n    }, [showSchedulerDialog]);\n\n    const action = entry.meta?.status === \"published\" ? \"unpublish\" : \"publish\";\n\n    return (\n        <OptionsMenuItem\n            icon={<ScheduleIcon />}\n            label={`Schedule ${action}`}\n            onAction={showDialog}\n            disabled={!entry?.meta?.status || loading}\n            data-testid={\"cms.content-form.header.schedule\"}\n        />\n    );\n};\n\nexport const MenuItem = () => {\n    const { entry, loading, contentModel } = useContentEntryEditor();\n    const { canPublish, canUnpublish } = usePermissions();\n\n    const { OptionsMenuItem } =\n        ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();\n\n    if (!canPublish && !canUnpublish) {\n        return null;\n    }\n\n    /* When entry.id is missing (e.g. new unsaved entry), render a disabled item\n     * without invoking hooks that require a persisted entry. */\n    if (!entry.id) {\n        return (\n            <OptionsMenuItem\n                icon={<ScheduleIcon />}\n                label={\"Schedule\"}\n                onAction={() => void 0}\n                disabled={true}\n                data-testid={\"cms.content-form.header.schedule\"}\n            />\n        );\n    }\n\n    return <MenuItemWithId entry={entry} contentModel={contentModel} loading={loading} />;\n};\n"],"names":["MenuItemWithId","entry","contentModel","loading","client","useApolloClient","showSchedulerDialog","useScheduleDialog","createNamespace","OptionsMenuItem","ContentEntryEditorConfig","showDialog","useCallback","action","ScheduleIcon","MenuItem","useContentEntryEditor","canPublish","canUnpublish","usePermissions"],"mappings":";;;;;;;AAkBA,MAAMA,iBAAiB,CAAC,EAAEC,KAAK,EAAEC,YAAY,EAAEC,OAAO,EAAuB;IACzE,MAAMC,SAASC;IAEf,MAAM,EAAE,YAAYC,mBAAmB,EAAE,GAAGC,kBAAkB;QAC1DH;QACA,WAAWI,gBAAgBN;QAC3B,QAAQ;YACJ,IAAID,MAAM,EAAE;YACZ,OAAOA,MAAM,IAAI,CAAC,KAAK;YACvB,QAAQA,MAAM,IAAI,CAAC,MAAM;QAC7B;IACJ;IAEA,MAAM,EAAEQ,eAAe,EAAE,GACrBC,yBAAyB,OAAO,CAAC,cAAc,CAAC,kBAAkB;IAEtE,MAAMC,aAAaC,YAAY;QAC3BN;IACJ,GAAG;QAACA;KAAoB;IAExB,MAAMO,SAASZ,MAAM,IAAI,EAAE,WAAW,cAAc,cAAc;IAElE,OAAO,WAAP,GACI,oBAACQ,iBAAAA;QACG,oBAAM,oBAACK,gBAAYA;QACnB,OAAO,CAAC,SAAS,EAAED,QAAQ;QAC3B,UAAUF;QACV,UAAU,CAACV,OAAO,MAAM,UAAUE;QAClC,eAAa;;AAGzB;AAEO,MAAMY,WAAW;IACpB,MAAM,EAAEd,KAAK,EAAEE,OAAO,EAAED,YAAY,EAAE,GAAGc;IACzC,MAAM,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGC;IAErC,MAAM,EAAEV,eAAe,EAAE,GACrBC,yBAAyB,OAAO,CAAC,cAAc,CAAC,kBAAkB;IAEtE,IAAI,CAACO,cAAc,CAACC,cAChB,OAAO;IAKX,IAAI,CAACjB,MAAM,EAAE,EACT,OAAO,WAAP,GACI,oBAACQ,iBAAAA;QACG,oBAAM,oBAACK,gBAAYA;QACnB,OAAO;QACP,UAAU,IAAM,KAAK;QACrB,UAAU;QACV,eAAa;;IAKzB,OAAO,WAAP,GAAO,oBAACd,gBAAcA;QAAC,OAAOC;QAAO,cAAcC;QAAc,SAASC;;AAC9E"}
+{"version":3,"file":"components/Editor/MenuItem.js","sources":["../../../src/components/Editor/MenuItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { OptionsMenuItem } from \"@webiny/app-admin\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/cell_tower.svg\";\nimport { useScheduleDialog } from \"@webiny/app-scheduler\";\nimport { usePermissions } from \"~/hooks/usePermissions.js\";\nimport { createNamespace } from \"~/utils/index.js\";\n\ninterface MenuItemWithIdProps {\n    entryId: string;\n    entryTitle: string;\n    entryStatus: string;\n    modelId: string;\n    loading: boolean;\n}\n\nconst MenuItemWithId = ({\n    entryId,\n    entryTitle,\n    entryStatus,\n    modelId,\n    loading\n}: MenuItemWithIdProps) => {\n    const { showDialog: showSchedulerDialog } = useScheduleDialog({\n        namespace: createNamespace({ modelId }),\n        target: {\n            id: entryId,\n            title: entryTitle,\n            status: entryStatus\n        }\n    });\n\n    const showDialog = useCallback(() => {\n        showSchedulerDialog();\n    }, [showSchedulerDialog]);\n\n    const action = entryStatus === \"published\" ? \"unpublish\" : \"publish\";\n\n    return (\n        <OptionsMenuItem\n            icon={<ScheduleIcon />}\n            label={`Schedule ${action}`}\n            onAction={showDialog}\n            disabled={!entryStatus || loading}\n            data-testid={\"cms.content-form.header.schedule\"}\n        />\n    );\n};\n\nexport const MenuItem = observer(() => {\n    const presenter = useContentEntryFormPresenter();\n    const { canPublish, canUnpublish } = usePermissions();\n\n    const vm = presenter.vm;\n\n    if (!vm.canPublish && !vm.canUnpublish) {\n        return null;\n    }\n\n    if (!canPublish && !canUnpublish) {\n        return null;\n    }\n\n    if (!vm.entry) {\n        return (\n            <OptionsMenuItem\n                icon={<ScheduleIcon />}\n                label={\"Schedule\"}\n                onAction={() => void 0}\n                disabled={true}\n                data-testid={\"cms.content-form.header.schedule\"}\n            />\n        );\n    }\n\n    return (\n        <MenuItemWithId\n            entryId={vm.entry.id}\n            entryTitle={vm.entry.meta?.title || \"\"}\n            entryStatus={vm.entry.meta?.status || \"\"}\n            modelId={vm.model.modelId}\n            loading={vm.loading !== null}\n        />\n    );\n});\n"],"names":["MenuItemWithId","entryId","entryTitle","entryStatus","modelId","loading","showSchedulerDialog","useScheduleDialog","createNamespace","showDialog","useCallback","action","OptionsMenuItem","ScheduleIcon","MenuItem","observer","presenter","useContentEntryFormPresenter","canPublish","canUnpublish","usePermissions","vm"],"mappings":";;;;;;;;AAiBA,MAAMA,iBAAiB,CAAC,EACpBC,OAAO,EACPC,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,OAAO,EACW;IAClB,MAAM,EAAE,YAAYC,mBAAmB,EAAE,GAAGC,kBAAkB;QAC1D,WAAWC,gBAAgB;YAAEJ;QAAQ;QACrC,QAAQ;YACJ,IAAIH;YACJ,OAAOC;YACP,QAAQC;QACZ;IACJ;IAEA,MAAMM,aAAaC,YAAY;QAC3BJ;IACJ,GAAG;QAACA;KAAoB;IAExB,MAAMK,SAASR,AAAgB,gBAAhBA,cAA8B,cAAc;IAE3D,OAAO,WAAP,GACI,oBAACS,iBAAeA;QACZ,oBAAM,oBAACC,gBAAYA;QACnB,OAAO,CAAC,SAAS,EAAEF,QAAQ;QAC3B,UAAUF;QACV,UAAU,CAACN,eAAeE;QAC1B,eAAa;;AAGzB;AAEO,MAAMS,WAAWC,SAAS;IAC7B,MAAMC,YAAYC;IAClB,MAAM,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGC;IAErC,MAAMC,KAAKL,UAAU,EAAE;IAEvB,IAAI,CAACK,GAAG,UAAU,IAAI,CAACA,GAAG,YAAY,EAClC,OAAO;IAGX,IAAI,CAACH,cAAc,CAACC,cAChB,OAAO;IAGX,IAAI,CAACE,GAAG,KAAK,EACT,OAAO,WAAP,GACI,oBAACT,iBAAeA;QACZ,oBAAM,oBAACC,gBAAYA;QACnB,OAAO;QACP,UAAU,IAAM,KAAK;QACrB,UAAU;QACV,eAAa;;IAKzB,OAAO,WAAP,GACI,oBAACb,gBAAcA;QACX,SAASqB,GAAG,KAAK,CAAC,EAAE;QACpB,YAAYA,GAAG,KAAK,CAAC,IAAI,EAAE,SAAS;QACpC,aAAaA,GAAG,KAAK,CAAC,IAAI,EAAE,UAAU;QACtC,SAASA,GAAG,KAAK,CAAC,OAAO;QACzB,SAASA,AAAe,SAAfA,GAAG,OAAO;;AAG/B"}

package/components/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Editor/EditorConfig.js";
-export * from "./Sidebar/Sidebar.js";
 export * from "./Browser/BrowserConfig.js";

package/components/index.js

@@ -1,3 +1,2 @@
 export * from "./Editor/EditorConfig.js";
-export * from "./Sidebar/Sidebar.js";
 export * from "./Browser/BrowserConfig.js";

package/index.js

@@ -1,6 +1,6 @@
 import react from "react";
-import { BrowserConfig, EditorConfig, Sidebar } from "./components/index.js";
-const CmsScheduler = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Sidebar, null), /*#__PURE__*/ react.createElement(BrowserConfig, null), /*#__PURE__*/ react.createElement(EditorConfig, null));
+import { BrowserConfig, EditorConfig } from "./components/index.js";
+const CmsScheduler = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(BrowserConfig, null), /*#__PURE__*/ react.createElement(EditorConfig, null));
 export { CmsScheduler };
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorConfig, BrowserConfig, Sidebar } from \"./components/index.js\";\n\nexport const CmsScheduler = () => {\n    return (\n        <>\n            <Sidebar />\n            <BrowserConfig />\n            <EditorConfig />\n        </>\n    );\n};\n"],"names":["CmsScheduler","Sidebar","BrowserConfig","EditorConfig"],"mappings":";;AAGO,MAAMA,eAAe,IACjB,WAAP,GACI,wDACI,oBAACC,SAAOA,OAAAA,WAAAA,GACR,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,cAAYA"}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorConfig, BrowserConfig } from \"./components/index.js\";\n\nexport const CmsScheduler = () => {\n    return (\n        <>\n            <BrowserConfig />\n            <EditorConfig />\n        </>\n    );\n};\n"],"names":["CmsScheduler","BrowserConfig","EditorConfig"],"mappings":";;AAGO,MAAMA,eAAe,IACjB,WAAP,GACI,wDACI,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,cAAYA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms-scheduler",
-	"version": "6.4.5-beta.0",
+	"version": "6.6.0-alpha.0",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -13,20 +13,21 @@
 	"author": "Webiny Ltd",
 	"license": "MIT",
 	"dependencies": {
-		"@apollo/react-hooks": "3.1.5",
-		"@webiny/admin-ui": "6.4.5-beta.0",
-		"@webiny/app-headless-cms": "6.4.5-beta.0",
-		"@webiny/app-headless-cms-common": "6.4.5-beta.0",
-		"@webiny/app-scheduler": "6.4.5-beta.0",
-		"@webiny/icons": "6.4.5-beta.0",
+		"@webiny/admin-ui": "6.6.0-alpha.0",
+		"@webiny/app-admin": "6.6.0-alpha.0",
+		"@webiny/app-headless-cms": "6.6.0-alpha.0",
+		"@webiny/app-headless-cms-common": "6.6.0-alpha.0",
+		"@webiny/app-scheduler": "6.6.0-alpha.0",
+		"@webiny/icons": "6.6.0-alpha.0",
+		"mobx-react-lite": "4.1.1",
 		"react": "18.3.1",
 		"react-dom": "18.3.1"
 	},
 	"devDependencies": {
 		"@types/react": "18.3.31",
-		"@webiny/build-tools": "6.4.5-beta.0",
+		"@webiny/build-tools": "6.6.0-alpha.0",
 		"rimraf": "6.1.3",
-		"typescript": "6.0.3"
+		"typescript": "7.0.2"
 	},
 	"publishConfig": {
 		"access": "public"

package/components/Sidebar/Sidebar.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Sidebar: () => React.JSX.Element;

package/components/Sidebar/Sidebar.js

@@ -1,27 +0,0 @@
-import react from "react";
-import { Components } from "@webiny/app-headless-cms";
-import { useApolloClient } from "@apollo/react-hooks";
-import { IsModelPublishable, useModel } from "@webiny/app-headless-cms/exports/admin/cms.js";
-import { usePermissions } from "../../hooks/usePermissions.js";
-import { Scheduler } from "@webiny/app-scheduler";
-import { SchedulerButton } from "./SchedulerButton.js";
-import { createNamespace } from "../../utils/index.js";
-const Sidebar = Components.Sidebar.Footer.createDecorator((Original)=>function({ children }) {
-        const client = useApolloClient();
-        const { model } = useModel();
-        const { canPublish, canUnpublish } = usePermissions();
-        const namespace = createNamespace(model);
-        if (!canPublish && !canUnpublish) return /*#__PURE__*/ react.createElement(Original, null, children);
-        return /*#__PURE__*/ react.createElement(Original, null, /*#__PURE__*/ react.createElement(IsModelPublishable, null, children, /*#__PURE__*/ react.createElement(Scheduler, {
-            namespace: namespace,
-            client: client,
-            canPublish: canPublish,
-            canUnpublish: canUnpublish,
-            render: ({ showScheduler })=>/*#__PURE__*/ react.createElement(SchedulerButton, {
-                    onClick: showScheduler
-                })
-        })));
-    });
-export { Sidebar };
-
-//# sourceMappingURL=Sidebar.js.map

package/components/Sidebar/Sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/Sidebar/Sidebar.js","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-headless-cms\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { IsModelPublishable, useModel } from \"@webiny/app-headless-cms/exports/admin/cms.js\";\nimport { usePermissions } from \"~/hooks/usePermissions.js\";\nimport { Scheduler as BaseScheduler } from \"@webiny/app-scheduler\";\nimport { SchedulerButton } from \"./SchedulerButton.js\";\nimport { createNamespace } from \"~/utils/index.js\";\n\nexport const Sidebar = Components.Sidebar.Footer.createDecorator(Original => {\n    return function ScheduleSidebarFooter({ children }) {\n        const client = useApolloClient();\n        const { model } = useModel();\n        const { canPublish, canUnpublish } = usePermissions();\n\n        const namespace = createNamespace(model);\n\n        if (!canPublish && !canUnpublish) {\n            return <Original>{children}</Original>;\n        }\n\n        return (\n            <Original>\n                <IsModelPublishable>\n                    {children}\n                    <BaseScheduler\n                        namespace={namespace}\n                        client={client}\n                        canPublish={canPublish}\n                        canUnpublish={canUnpublish}\n                        render={({ showScheduler }) => {\n                            return <SchedulerButton onClick={showScheduler} />;\n                        }}\n                    />\n                </IsModelPublishable>\n            </Original>\n        );\n    };\n});\n"],"names":["Sidebar","Components","Original","children","client","useApolloClient","model","useModel","canPublish","canUnpublish","usePermissions","namespace","createNamespace","IsModelPublishable","BaseScheduler","showScheduler","SchedulerButton"],"mappings":";;;;;;;;AASO,MAAMA,UAAUC,WAAW,OAAO,CAAC,MAAM,CAAC,eAAe,CAACC,CAAAA,WACtD,SAA+B,EAAEC,QAAQ,EAAE;QAC9C,MAAMC,SAASC;QACf,MAAM,EAAEC,KAAK,EAAE,GAAGC;QAClB,MAAM,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGC;QAErC,MAAMC,YAAYC,gBAAgBN;QAElC,IAAI,CAACE,cAAc,CAACC,cAChB,OAAO,WAAP,GAAO,oBAACP,UAAAA,MAAUC;QAGtB,OAAO,WAAP,GACI,oBAACD,UAAAA,MAAAA,WAAAA,GACG,oBAACW,oBAAkBA,MACdV,UAAAA,WAAAA,GACD,oBAACW,WAAaA;YACV,WAAWH;YACX,QAAQP;YACR,YAAYI;YACZ,cAAcC;YACd,QAAQ,CAAC,EAAEM,aAAa,EAAE,GACf,WAAP,GAAO,oBAACC,iBAAeA;oBAAC,SAASD;;;IAMzD"}