@webiny/app-website-builder-workflows 0.0.0-unstable.7c2def32a7 → 0.0.0-unstable.9609e4e0c9

package/Components/ContentReviews/WbContentReviews.d.ts

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

package/Components/ContentReviews/WbContentReviews.js

@@ -0,0 +1,41 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { ReviewContentReviewsMenu } from "@webiny/app-workflows/review/mounting/components/ReviewContentReviewsMenu.js";
+import { ReviewContentReviewsRoute } from "@webiny/app-workflows/review/mounting/components/ReviewContentReviewsRoute.js";
+import { ReviewDashboardWidgets } from "@webiny/app-workflows/review/mounting/components/ReviewDashboardWidgets.js";
+import { WB_PAGE_APP } from "../../constants.js";
+import { WbReviewFeature } from "../../features/gateway/feature.js";
+import { Routes } from "../../routes.js";
+const NAMESPACES = [
+    WB_PAGE_APP
+];
+const CONTENT_TYPES = {
+    vm: {
+        loading: false,
+        namespaces: NAMESPACES,
+        options: []
+    }
+};
+const WbContentReviews = ()=>{
+    const { rowProvider } = useFeature(WbReviewFeature);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ReviewContentReviewsRoute, {
+        route: Routes.Pages.WorkflowStateList,
+        app: "wb",
+        rowProvider: rowProvider,
+        showContentType: false,
+        contentTypes: CONTENT_TYPES,
+        breadcrumbName: "wb.content-reviews"
+    }), /*#__PURE__*/ react.createElement(ReviewContentReviewsMenu, {
+        name: "workflows.wb.contentReviews",
+        route: Routes.Pages.WorkflowStateList,
+        parent: "wb"
+    }), /*#__PURE__*/ react.createElement(ReviewDashboardWidgets, {
+        prefix: "wb",
+        namespaces: NAMESPACES,
+        rowProvider: rowProvider,
+        viewAllRoute: Routes.Pages.WorkflowStateList
+    }));
+};
+export { WbContentReviews };
+
+//# sourceMappingURL=WbContentReviews.js.map

package/Components/ContentReviews/WbContentReviews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/ContentReviews/WbContentReviews.js","sources":["../../../src/Components/ContentReviews/WbContentReviews.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport type { IReviewContentTypesSource } from \"@webiny/app-workflows/review/presentation/reviewList/IReviewContentTypesSource.js\";\nimport { ReviewContentReviewsMenu } from \"@webiny/app-workflows/review/mounting/components/ReviewContentReviewsMenu.js\";\nimport { ReviewContentReviewsRoute } from \"@webiny/app-workflows/review/mounting/components/ReviewContentReviewsRoute.js\";\nimport { ReviewDashboardWidgets } from \"@webiny/app-workflows/review/mounting/components/ReviewDashboardWidgets.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { WbReviewFeature } from \"~/features/gateway/feature.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst NAMESPACES = [WB_PAGE_APP];\n\n// Pages need nothing loaded: one fixed namespace and no content types.\nconst CONTENT_TYPES: IReviewContentTypesSource = {\n    vm: { loading: false, namespaces: NAMESPACES, options: [] }\n};\n\n/*\n * Mounts the shared Content Reviews route, menu item and dashboard widgets for the `wb` app.\n * Pages have no content type: no Content type column and no filter (D113).\n */\nexport const WbContentReviews = () => {\n    const { rowProvider } = useFeature(WbReviewFeature);\n\n    return (\n        <>\n            <ReviewContentReviewsRoute\n                route={Routes.Pages.WorkflowStateList}\n                app=\"wb\"\n                rowProvider={rowProvider}\n                showContentType={false}\n                contentTypes={CONTENT_TYPES}\n                breadcrumbName=\"wb.content-reviews\"\n            />\n            <ReviewContentReviewsMenu\n                name=\"workflows.wb.contentReviews\"\n                route={Routes.Pages.WorkflowStateList}\n                parent=\"wb\"\n            />\n            <ReviewDashboardWidgets\n                prefix=\"wb\"\n                namespaces={NAMESPACES}\n                rowProvider={rowProvider}\n                viewAllRoute={Routes.Pages.WorkflowStateList}\n            />\n        </>\n    );\n};\n"],"names":["NAMESPACES","WB_PAGE_APP","CONTENT_TYPES","WbContentReviews","rowProvider","useFeature","WbReviewFeature","ReviewContentReviewsRoute","Routes","ReviewContentReviewsMenu","ReviewDashboardWidgets"],"mappings":";;;;;;;;AAUA,MAAMA,aAAa;IAACC;CAAY;AAGhC,MAAMC,gBAA2C;IAC7C,IAAI;QAAE,SAAS;QAAO,YAAYF;QAAY,SAAS,EAAE;IAAC;AAC9D;AAMO,MAAMG,mBAAmB;IAC5B,MAAM,EAAEC,WAAW,EAAE,GAAGC,WAAWC;IAEnC,OAAO,WAAP,GACI,wDACI,oBAACC,2BAAyBA;QACtB,OAAOC,OAAO,KAAK,CAAC,iBAAiB;QACrC,KAAI;QACJ,aAAaJ;QACb,iBAAiB;QACjB,cAAcF;QACd,gBAAe;sBAEnB,oBAACO,0BAAwBA;QACrB,MAAK;QACL,OAAOD,OAAO,KAAK,CAAC,iBAAiB;QACrC,QAAO;sBAEX,oBAACE,wBAAsBA;QACnB,QAAO;QACP,YAAYV;QACZ,aAAaI;QACb,cAAcI,OAAO,KAAK,CAAC,iBAAiB;;AAI5D"}

package/Components/ContentReviews/WbContentReviews.smoke.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/ContentReviews/WbContentReviews.smoke.test.js

@@ -0,0 +1,59 @@
+import react from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render, screen } from "@testing-library/react";
+import { Container } from "@webiny/di";
+import { DiContainerProvider } from "@webiny/app";
+import { RouterWithConfig, useRouterConfig } from "@webiny/app/config/RouterConfig.js";
+import { AdminConfigPlugin, AdminWithConfig, useAdminConfig } from "@webiny/app-admin/config/AdminConfig.js";
+import { CompositionProvider } from "@webiny/react-composition";
+import { WbReviewContentAdapter } from "../../features/gateway/WbReviewContentAdapter/abstractions.js";
+import { WbReviewRowProvider } from "../../features/gateway/WbReviewRowProvider/abstractions.js";
+import { WbContentReviews } from "./WbContentReviews.js";
+vi.mock("@webiny/app-admin", async (importOriginal)=>{
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useRouter: ()=>({
+                getLink: (route, params)=>{
+                    if (params) return `${route.path}?tab=${params.tab}`;
+                    return route.path;
+                }
+            })
+    };
+});
+const Probe = ()=>{
+    const adminConfig = useAdminConfig();
+    const routerConfig = useRouterConfig();
+    const menus = adminConfig.menus.map((menu)=>`${menu.name}:${menu.parent ?? ""}`);
+    const widgets = adminConfig.widgets.map((widget)=>`${widget.name}:${widget.column}`);
+    const routes = routerConfig.routes.map((item)=>item.route.name);
+    return /*#__PURE__*/ react.createElement("div", {
+        "data-testid": "probe",
+        "data-menus": menus.join(","),
+        "data-widgets": widgets.join(","),
+        "data-routes": routes.join(",")
+    });
+};
+describe("WbContentReviews under the real admin and router configs", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it("registers the route, the menu item and the two widgets", async ()=>{
+        const container = new Container();
+        container.registerInstance(WbReviewContentAdapter, {});
+        container.registerInstance(WbReviewRowProvider, {
+            getBinding: ()=>null
+        });
+        render(/*#__PURE__*/ react.createElement(DiContainerProvider, {
+            container: container
+        }, /*#__PURE__*/ react.createElement(CompositionProvider, null, /*#__PURE__*/ react.createElement(WbContentReviews, null), /*#__PURE__*/ react.createElement(AdminWithConfig, null, AdminConfigPlugin, /*#__PURE__*/ react.createElement(RouterWithConfig, null, /*#__PURE__*/ react.createElement(Probe, null))))));
+        const probe = await screen.findByTestId("probe");
+        await vi.waitFor(()=>{
+            expect(probe.getAttribute("data-routes")).toBe("WebsiteBuilder/Pages/WorkflowStateList");
+        });
+        expect(probe.getAttribute("data-menus")).toBe("workflows.wb.contentReviews:wb");
+        expect(probe.getAttribute("data-widgets")).toBe("workflows.wb.review:right,workflows.wb.requested:right");
+    });
+});
+
+//# sourceMappingURL=WbContentReviews.smoke.test.js.map

package/Components/ContentReviews/WbContentReviews.smoke.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/ContentReviews/WbContentReviews.smoke.test.js","sources":["../../../src/Components/ContentReviews/WbContentReviews.smoke.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { cleanup } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { Container } from \"@webiny/di\";\nimport { DiContainerProvider } from \"@webiny/app\";\nimport { RouterWithConfig } from \"@webiny/app/config/RouterConfig.js\";\nimport { useRouterConfig } from \"@webiny/app/config/RouterConfig.js\";\nimport { AdminConfigPlugin } from \"@webiny/app-admin/config/AdminConfig.js\";\nimport { AdminWithConfig } from \"@webiny/app-admin/config/AdminConfig.js\";\nimport { useAdminConfig } from \"@webiny/app-admin/config/AdminConfig.js\";\nimport { CompositionProvider } from \"@webiny/react-composition\";\nimport type { IReviewContentAdapter } from \"@webiny/app-workflows/review/content/IReviewContentAdapter.js\";\nimport type { IReviewRowProvider } from \"@webiny/app-workflows/review/presentation/reviewList/abstractions.js\";\nimport { WbReviewContentAdapter } from \"~/features/gateway/WbReviewContentAdapter/abstractions.js\";\nimport { WbReviewRowProvider } from \"~/features/gateway/WbReviewRowProvider/abstractions.js\";\nimport { WbContentReviews } from \"./WbContentReviews.js\";\n\ninterface RouteStub {\n    path: string;\n}\n\ninterface RouteParamsStub {\n    tab: string;\n}\n\n// The router is not under test (only `getLink` is read).\nvi.mock(\"@webiny/app-admin\", async importOriginal => {\n    const actual = await importOriginal<typeof import(\"@webiny/app-admin\")>();\n    return {\n        ...actual,\n        useRouter: () => {\n            return {\n                getLink: (route: RouteStub, params?: RouteParamsStub) => {\n                    if (params) {\n                        return `${route.path}?tab=${params.tab}`;\n                    }\n                    return route.path;\n                }\n            };\n        }\n    };\n});\n\nconst Probe = () => {\n    const adminConfig = useAdminConfig();\n    const routerConfig = useRouterConfig();\n\n    const menus = adminConfig.menus.map(menu => `${menu.name}:${menu.parent ?? \"\"}`);\n    const widgets = adminConfig.widgets.map(widget => `${widget.name}:${widget.column}`);\n    const routes = routerConfig.routes.map(item => item.route.name);\n\n    return (\n        <div\n            data-testid=\"probe\"\n            data-menus={menus.join(\",\")}\n            data-widgets={widgets.join(\",\")}\n            data-routes={routes.join(\",\")}\n        />\n    );\n};\n\ndescribe(\"WbContentReviews under the real admin and router configs\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it(\"registers the route, the menu item and the two widgets\", async () => {\n        const container = new Container();\n        container.registerInstance(WbReviewContentAdapter, {} as unknown as IReviewContentAdapter);\n        container.registerInstance(WbReviewRowProvider, {\n            getBinding: () => null\n        } as IReviewRowProvider);\n\n        render(\n            <DiContainerProvider container={container}>\n                <CompositionProvider>\n                    {/* Mirrors App.tsx: the config declarations and the admin plugin come before the router, which renders its children only after its first config flush. */}\n                    <WbContentReviews />\n                    <AdminWithConfig>\n                        {AdminConfigPlugin}\n                        <RouterWithConfig>\n                            <Probe />\n                        </RouterWithConfig>\n                    </AdminWithConfig>\n                </CompositionProvider>\n            </DiContainerProvider>\n        );\n\n        const probe = await screen.findByTestId(\"probe\");\n        await vi.waitFor(() => {\n            expect(probe.getAttribute(\"data-routes\")).toBe(\n                \"WebsiteBuilder/Pages/WorkflowStateList\"\n            );\n        });\n        expect(probe.getAttribute(\"data-menus\")).toBe(\"workflows.wb.contentReviews:wb\");\n        expect(probe.getAttribute(\"data-widgets\")).toBe(\n            \"workflows.wb.review:right,workflows.wb.requested:right\"\n        );\n    });\n});\n"],"names":["vi","importOriginal","actual","route","params","Probe","adminConfig","useAdminConfig","routerConfig","useRouterConfig","menus","menu","widgets","widget","routes","item","describe","afterEach","cleanup","it","container","Container","WbReviewContentAdapter","WbReviewRowProvider","render","DiContainerProvider","CompositionProvider","WbContentReviews","AdminWithConfig","AdminConfigPlugin","RouterWithConfig","probe","screen","expect"],"mappings":";;;;;;;;;;;AAgCAA,GAAG,IAAI,CAAC,qBAAqB,OAAMC;IAC/B,MAAMC,SAAS,MAAMD;IACrB,OAAO;QACH,GAAGC,MAAM;QACT,WAAW,IACA;gBACH,SAAS,CAACC,OAAkBC;oBACxB,IAAIA,QACA,OAAO,GAAGD,MAAM,IAAI,CAAC,KAAK,EAAEC,OAAO,GAAG,EAAE;oBAE5C,OAAOD,MAAM,IAAI;gBACrB;YACJ;IAER;AACJ;AAEA,MAAME,QAAQ;IACV,MAAMC,cAAcC;IACpB,MAAMC,eAAeC;IAErB,MAAMC,QAAQJ,YAAY,KAAK,CAAC,GAAG,CAACK,CAAAA,OAAQ,GAAGA,KAAK,IAAI,CAAC,CAAC,EAAEA,KAAK,MAAM,IAAI,IAAI;IAC/E,MAAMC,UAAUN,YAAY,OAAO,CAAC,GAAG,CAACO,CAAAA,SAAU,GAAGA,OAAO,IAAI,CAAC,CAAC,EAAEA,OAAO,MAAM,EAAE;IACnF,MAAMC,SAASN,aAAa,MAAM,CAAC,GAAG,CAACO,CAAAA,OAAQA,KAAK,KAAK,CAAC,IAAI;IAE9D,OAAO,WAAP,GACI,oBAAC;QACG,eAAY;QACZ,cAAYL,MAAM,IAAI,CAAC;QACvB,gBAAcE,QAAQ,IAAI,CAAC;QAC3B,eAAaE,OAAO,IAAI,CAAC;;AAGrC;AAEAE,SAAS,4DAA4D;IACjEC,UAAU;QACNC;IACJ;IAEAC,GAAG,0DAA0D;QACzD,MAAMC,YAAY,IAAIC;QACtBD,UAAU,gBAAgB,CAACE,wBAAwB,CAAC;QACpDF,UAAU,gBAAgB,CAACG,qBAAqB;YAC5C,YAAY,IAAM;QACtB;QAEAC,OAAO,WAADA,GACF,oBAACC,qBAAmBA;YAAC,WAAWL;yBAC5B,oBAACM,qBAAmBA,MAAAA,WAAAA,GAEhB,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,iBAAeA,MACXC,mBAAiBA,WAAAA,GAClB,oBAACC,kBAAgBA,MAAAA,WAAAA,GACb,oBAACzB,OAAKA;QAO1B,MAAM0B,QAAQ,MAAMC,OAAO,YAAY,CAAC;QACxC,MAAMhC,GAAG,OAAO,CAAC;YACbiC,OAAOF,MAAM,YAAY,CAAC,gBAAgB,IAAI,CAC1C;QAER;QACAE,OAAOF,MAAM,YAAY,CAAC,eAAe,IAAI,CAAC;QAC9CE,OAAOF,MAAM,YAAY,CAAC,iBAAiB,IAAI,CAC3C;IAER;AACJ"}

package/Components/ContentReviews/WbContentReviews.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/ContentReviews/WbContentReviews.test.js

@@ -0,0 +1,80 @@
+import react from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render, screen } from "@testing-library/react";
+import { Container } from "@webiny/di";
+import { DiContainerProvider } from "@webiny/app";
+import { WbReviewContentAdapter } from "../../features/gateway/WbReviewContentAdapter/abstractions.js";
+import { WbReviewRowProvider } from "../../features/gateway/WbReviewRowProvider/abstractions.js";
+import { Routes } from "../../routes.js";
+import { WbContentReviews } from "./WbContentReviews.js";
+vi.mock("@webiny/app-workflows/review/mounting/components/ReviewContentReviewsRoute.js", async ()=>{
+    const React = await import("react");
+    return {
+        ReviewContentReviewsRoute: (props)=>React.createElement("div", {
+                "data-testid": "route",
+                "data-route": props.route.name,
+                "data-app": props.app,
+                "data-namespaces": props.contentTypes.vm.namespaces.join(","),
+                "data-show-content-type": String(props.showContentType),
+                "data-loading": String(props.contentTypes.vm.loading),
+                "data-options": JSON.stringify(props.contentTypes.vm.options),
+                "data-breadcrumb": props.breadcrumbName
+            })
+    };
+});
+vi.mock("@webiny/app-workflows/review/mounting/components/ReviewContentReviewsMenu.js", async ()=>{
+    const React = await import("react");
+    return {
+        ReviewContentReviewsMenu: (props)=>React.createElement("div", {
+                "data-testid": "menu",
+                "data-name": props.name,
+                "data-route": props.route.name,
+                "data-parent": props.parent ?? ""
+            })
+    };
+});
+vi.mock("@webiny/app-workflows/review/mounting/components/ReviewDashboardWidgets.js", async ()=>{
+    const React = await import("react");
+    return {
+        ReviewDashboardWidgets: (props)=>React.createElement("div", {
+                "data-testid": "widgets",
+                "data-prefix": props.prefix,
+                "data-namespaces": props.namespaces.join(","),
+                "data-route": props.viewAllRoute.name
+            })
+    };
+});
+describe("WbContentReviews", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it("mounts the shared route, menu and widgets for the wb app and no content type", ()=>{
+        const container = new Container();
+        const rowProvider = {
+            getBinding: ()=>null
+        };
+        container.registerInstance(WbReviewContentAdapter, {});
+        container.registerInstance(WbReviewRowProvider, rowProvider);
+        render(/*#__PURE__*/ react.createElement(DiContainerProvider, {
+            container: container
+        }, /*#__PURE__*/ react.createElement(WbContentReviews, null)));
+        const route = screen.getByTestId("route");
+        expect(route.getAttribute("data-route")).toBe(Routes.Pages.WorkflowStateList.name);
+        expect(route.getAttribute("data-app")).toBe("wb");
+        expect(route.getAttribute("data-namespaces")).toBe("wb.page");
+        expect(route.getAttribute("data-show-content-type")).toBe("false");
+        expect(route.getAttribute("data-loading")).toBe("false");
+        expect(route.getAttribute("data-options")).toBe("[]");
+        expect(route.getAttribute("data-breadcrumb")).toBe("wb.content-reviews");
+        const menu = screen.getByTestId("menu");
+        expect(menu.getAttribute("data-name")).toBe("workflows.wb.contentReviews");
+        expect(menu.getAttribute("data-parent")).toBe("wb");
+        expect(menu.getAttribute("data-route")).toBe(Routes.Pages.WorkflowStateList.name);
+        const widgets = screen.getByTestId("widgets");
+        expect(widgets.getAttribute("data-prefix")).toBe("wb");
+        expect(widgets.getAttribute("data-namespaces")).toBe("wb.page");
+        expect(widgets.getAttribute("data-route")).toBe(Routes.Pages.WorkflowStateList.name);
+    });
+});
+
+//# sourceMappingURL=WbContentReviews.test.js.map

package/Components/ContentReviews/WbContentReviews.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/ContentReviews/WbContentReviews.test.js","sources":["../../../src/Components/ContentReviews/WbContentReviews.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { cleanup } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { Container } from \"@webiny/di\";\nimport { DiContainerProvider } from \"@webiny/app\";\nimport type { IReviewContentAdapter } from \"@webiny/app-workflows/review/content/IReviewContentAdapter.js\";\nimport type { IReviewContentTypesSource } from \"@webiny/app-workflows/review/presentation/reviewList/IReviewContentTypesSource.js\";\nimport type { IReviewRowProvider } from \"@webiny/app-workflows/review/presentation/reviewList/abstractions.js\";\nimport { WbReviewContentAdapter } from \"~/features/gateway/WbReviewContentAdapter/abstractions.js\";\nimport { WbReviewRowProvider } from \"~/features/gateway/WbReviewRowProvider/abstractions.js\";\nimport { Routes } from \"~/routes.js\";\nimport { WbContentReviews } from \"./WbContentReviews.js\";\n\ninterface RouteStubProps {\n    route: { name: string };\n    app: string;\n    showContentType: boolean;\n    contentTypes: IReviewContentTypesSource;\n    breadcrumbName: string;\n}\n\ninterface MenuStubProps {\n    name: string;\n    route: { name: string };\n    parent?: string;\n}\n\ninterface WidgetsStubProps {\n    prefix: string;\n    namespaces: string[];\n    viewAllRoute: { name: string };\n}\n\nvi.mock(\n    \"@webiny/app-workflows/review/mounting/components/ReviewContentReviewsRoute.js\",\n    async () => {\n        const React = await import(\"react\");\n        return {\n            ReviewContentReviewsRoute: (props: RouteStubProps) => {\n                return React.createElement(\"div\", {\n                    \"data-testid\": \"route\",\n                    \"data-route\": props.route.name,\n                    \"data-app\": props.app,\n                    \"data-namespaces\": props.contentTypes.vm.namespaces.join(\",\"),\n                    \"data-show-content-type\": String(props.showContentType),\n                    \"data-loading\": String(props.contentTypes.vm.loading),\n                    \"data-options\": JSON.stringify(props.contentTypes.vm.options),\n                    \"data-breadcrumb\": props.breadcrumbName\n                });\n            }\n        };\n    }\n);\n\nvi.mock(\n    \"@webiny/app-workflows/review/mounting/components/ReviewContentReviewsMenu.js\",\n    async () => {\n        const React = await import(\"react\");\n        return {\n            ReviewContentReviewsMenu: (props: MenuStubProps) => {\n                return React.createElement(\"div\", {\n                    \"data-testid\": \"menu\",\n                    \"data-name\": props.name,\n                    \"data-route\": props.route.name,\n                    \"data-parent\": props.parent ?? \"\"\n                });\n            }\n        };\n    }\n);\n\nvi.mock(\"@webiny/app-workflows/review/mounting/components/ReviewDashboardWidgets.js\", async () => {\n    const React = await import(\"react\");\n    return {\n        ReviewDashboardWidgets: (props: WidgetsStubProps) => {\n            return React.createElement(\"div\", {\n                \"data-testid\": \"widgets\",\n                \"data-prefix\": props.prefix,\n                \"data-namespaces\": props.namespaces.join(\",\"),\n                \"data-route\": props.viewAllRoute.name\n            });\n        }\n    };\n});\n\ndescribe(\"WbContentReviews\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it(\"mounts the shared route, menu and widgets for the wb app and no content type\", () => {\n        const container = new Container();\n        const rowProvider: IReviewRowProvider = { getBinding: () => null };\n        container.registerInstance(WbReviewContentAdapter, {} as unknown as IReviewContentAdapter);\n        container.registerInstance(WbReviewRowProvider, rowProvider);\n\n        render(\n            <DiContainerProvider container={container}>\n                <WbContentReviews />\n            </DiContainerProvider>\n        );\n\n        const route = screen.getByTestId(\"route\");\n        expect(route.getAttribute(\"data-route\")).toBe(Routes.Pages.WorkflowStateList.name);\n        expect(route.getAttribute(\"data-app\")).toBe(\"wb\");\n        expect(route.getAttribute(\"data-namespaces\")).toBe(\"wb.page\");\n        expect(route.getAttribute(\"data-show-content-type\")).toBe(\"false\");\n        expect(route.getAttribute(\"data-loading\")).toBe(\"false\");\n        expect(route.getAttribute(\"data-options\")).toBe(\"[]\");\n        expect(route.getAttribute(\"data-breadcrumb\")).toBe(\"wb.content-reviews\");\n\n        const menu = screen.getByTestId(\"menu\");\n        expect(menu.getAttribute(\"data-name\")).toBe(\"workflows.wb.contentReviews\");\n        expect(menu.getAttribute(\"data-parent\")).toBe(\"wb\");\n        expect(menu.getAttribute(\"data-route\")).toBe(Routes.Pages.WorkflowStateList.name);\n\n        const widgets = screen.getByTestId(\"widgets\");\n        expect(widgets.getAttribute(\"data-prefix\")).toBe(\"wb\");\n        expect(widgets.getAttribute(\"data-namespaces\")).toBe(\"wb.page\");\n        expect(widgets.getAttribute(\"data-route\")).toBe(Routes.Pages.WorkflowStateList.name);\n    });\n});\n"],"names":["vi","React","props","String","JSON","describe","afterEach","cleanup","it","container","Container","rowProvider","WbReviewContentAdapter","WbReviewRowProvider","render","DiContainerProvider","WbContentReviews","route","screen","expect","Routes","menu","widgets"],"mappings":";;;;;;;;;AAuCAA,GAAG,IAAI,CACH,iFACA;IACI,MAAMC,QAAQ,MAAM,MAAM,CAAC;IAC3B,OAAO;QACH,2BAA2B,CAACC,QACjBD,MAAM,aAAa,CAAC,OAAO;gBAC9B,eAAe;gBACf,cAAcC,MAAM,KAAK,CAAC,IAAI;gBAC9B,YAAYA,MAAM,GAAG;gBACrB,mBAAmBA,MAAM,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;gBACzD,0BAA0BC,OAAOD,MAAM,eAAe;gBACtD,gBAAgBC,OAAOD,MAAM,YAAY,CAAC,EAAE,CAAC,OAAO;gBACpD,gBAAgBE,KAAK,SAAS,CAACF,MAAM,YAAY,CAAC,EAAE,CAAC,OAAO;gBAC5D,mBAAmBA,MAAM,cAAc;YAC3C;IAER;AACJ;AAGJF,GAAG,IAAI,CACH,gFACA;IACI,MAAMC,QAAQ,MAAM,MAAM,CAAC;IAC3B,OAAO;QACH,0BAA0B,CAACC,QAChBD,MAAM,aAAa,CAAC,OAAO;gBAC9B,eAAe;gBACf,aAAaC,MAAM,IAAI;gBACvB,cAAcA,MAAM,KAAK,CAAC,IAAI;gBAC9B,eAAeA,MAAM,MAAM,IAAI;YACnC;IAER;AACJ;AAGJF,GAAG,IAAI,CAAC,8EAA8E;IAClF,MAAMC,QAAQ,MAAM,MAAM,CAAC;IAC3B,OAAO;QACH,wBAAwB,CAACC,QACdD,MAAM,aAAa,CAAC,OAAO;gBAC9B,eAAe;gBACf,eAAeC,MAAM,MAAM;gBAC3B,mBAAmBA,MAAM,UAAU,CAAC,IAAI,CAAC;gBACzC,cAAcA,MAAM,YAAY,CAAC,IAAI;YACzC;IAER;AACJ;AAEAG,SAAS,oBAAoB;IACzBC,UAAU;QACNC;IACJ;IAEAC,GAAG,gFAAgF;QAC/E,MAAMC,YAAY,IAAIC;QACtB,MAAMC,cAAkC;YAAE,YAAY,IAAM;QAAK;QACjEF,UAAU,gBAAgB,CAACG,wBAAwB,CAAC;QACpDH,UAAU,gBAAgB,CAACI,qBAAqBF;QAEhDG,OAAO,WAADA,GACF,oBAACC,qBAAmBA;YAAC,WAAWN;yBAC5B,oBAACO,kBAAgBA;QAIzB,MAAMC,QAAQC,OAAO,WAAW,CAAC;QACjCC,OAAOF,MAAM,YAAY,CAAC,eAAe,IAAI,CAACG,OAAO,KAAK,CAAC,iBAAiB,CAAC,IAAI;QACjFD,OAAOF,MAAM,YAAY,CAAC,aAAa,IAAI,CAAC;QAC5CE,OAAOF,MAAM,YAAY,CAAC,oBAAoB,IAAI,CAAC;QACnDE,OAAOF,MAAM,YAAY,CAAC,2BAA2B,IAAI,CAAC;QAC1DE,OAAOF,MAAM,YAAY,CAAC,iBAAiB,IAAI,CAAC;QAChDE,OAAOF,MAAM,YAAY,CAAC,iBAAiB,IAAI,CAAC;QAChDE,OAAOF,MAAM,YAAY,CAAC,oBAAoB,IAAI,CAAC;QAEnD,MAAMI,OAAOH,OAAO,WAAW,CAAC;QAChCC,OAAOE,KAAK,YAAY,CAAC,cAAc,IAAI,CAAC;QAC5CF,OAAOE,KAAK,YAAY,CAAC,gBAAgB,IAAI,CAAC;QAC9CF,OAAOE,KAAK,YAAY,CAAC,eAAe,IAAI,CAACD,OAAO,KAAK,CAAC,iBAAiB,CAAC,IAAI;QAEhF,MAAME,UAAUJ,OAAO,WAAW,CAAC;QACnCC,OAAOG,QAAQ,YAAY,CAAC,gBAAgB,IAAI,CAAC;QACjDH,OAAOG,QAAQ,YAAY,CAAC,oBAAoB,IAAI,CAAC;QACrDH,OAAOG,QAAQ,YAAY,CAAC,eAAe,IAAI,CAACF,OAAO,KAAK,CAAC,iBAAiB,CAAC,IAAI;IACvF;AACJ"}

package/Components/ContentReviews/WbContentReviewsSidebarItem.d.ts

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

package/Components/ContentReviews/WbContentReviewsSidebarItem.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { PageListConfig } from "@webiny/app-website-builder";
+import { ReactComponent } from "@webiny/icons/flowchart.svg";
+import { ReviewContentReviewsSidebarItem } from "@webiny/app-workflows/review/mounting/components/ReviewContentReviewsSidebarItem.js";
+import { Routes } from "../../routes.js";
+const { Browser: Browser } = PageListConfig;
+const ContentReviewsSidebarLink = ()=>/*#__PURE__*/ react.createElement(ReviewContentReviewsSidebarItem, {
+        className: "w-full",
+        route: Routes.Pages.WorkflowStateList,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    });
+const WbContentReviewsSidebarItem = ()=>/*#__PURE__*/ react.createElement(Browser.Sidebar.Footer, {
+        name: "contentReviews",
+        element: /*#__PURE__*/ react.createElement(ContentReviewsSidebarLink, null)
+    });
+export { WbContentReviewsSidebarItem };
+
+//# sourceMappingURL=WbContentReviewsSidebarItem.js.map

package/Components/ContentReviews/WbContentReviewsSidebarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/ContentReviews/WbContentReviewsSidebarItem.js","sources":["../../../src/Components/ContentReviews/WbContentReviewsSidebarItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageListConfig } from \"@webiny/app-website-builder\";\nimport { ReactComponent as ContentReviewsIcon } from \"@webiny/icons/flowchart.svg\";\nimport { ReviewContentReviewsSidebarItem } from \"@webiny/app-workflows/review/mounting/components/ReviewContentReviewsSidebarItem.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Browser } = PageListConfig;\n\nconst ContentReviewsSidebarLink = () => {\n    return (\n        <ReviewContentReviewsSidebarItem\n            className={\"w-full\"}\n            route={Routes.Pages.WorkflowStateList}\n            icon={<ContentReviewsIcon />}\n        />\n    );\n};\n\n// The \"Content Reviews\" item of the page list sidebar; it opens the route (replaces the overlay).\nexport const WbContentReviewsSidebarItem = () => {\n    return (\n        <Browser.Sidebar.Footer name={\"contentReviews\"} element={<ContentReviewsSidebarLink />} />\n    );\n};\n"],"names":["Browser","PageListConfig","ContentReviewsSidebarLink","ReviewContentReviewsSidebarItem","Routes","ContentReviewsIcon","WbContentReviewsSidebarItem"],"mappings":";;;;;AAMA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEpB,MAAMC,4BAA4B,IACvB,WAAP,GACI,oBAACC,iCAA+BA;QAC5B,WAAW;QACX,OAAOC,OAAO,KAAK,CAAC,iBAAiB;QACrC,oBAAM,oBAACC,gBAAkBA;;AAM9B,MAAMC,8BAA8B,IAChC,WAAP,GACI,oBAACN,QAAQ,OAAO,CAAC,MAAM;QAAC,MAAM;QAAkB,uBAAS,oBAACE,2BAAyBA"}

package/Components/ContentReviews/WbContentReviewsSidebarItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/ContentReviews/WbContentReviewsSidebarItem.test.js

@@ -0,0 +1,67 @@
+import react from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { Routes } from "../../routes.js";
+import { WbContentReviewsSidebarItem } from "./WbContentReviewsSidebarItem.js";
+const goToRoute = vi.hoisted(()=>vi.fn());
+vi.mock("@webiny/icons/work_outline.svg", ()=>({
+        ReactComponent: ()=>null
+    }));
+vi.mock("@webiny/app-admin", async (importOriginal)=>{
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useRouter: ()=>({
+                goToRoute: goToRoute
+            })
+    };
+});
+vi.mock("@webiny/app-website-builder", async ()=>{
+    const React = await import("react");
+    const Footer = (props)=>React.createElement("div", {
+            "data-testid": "footer",
+            "data-name": props.name
+        }, props.element);
+    return {
+        PageListConfig: {
+            Browser: {
+                Sidebar: {
+                    Footer
+                }
+            }
+        }
+    };
+});
+vi.mock("@webiny/admin-ui", async (importOriginal)=>{
+    const actual = await importOriginal();
+    const React = await import("react");
+    const Item = (props)=>React.createElement("button", {
+            onClick: props.onClick
+        }, props.text);
+    const ItemIcon = ()=>React.createElement("span");
+    return {
+        ...actual,
+        Sidebar: {
+            ...actual.Sidebar,
+            Item: Object.assign(Item, {
+                Icon: ItemIcon
+            })
+        }
+    };
+});
+describe("WbContentReviewsSidebarItem", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it("adds a Content Reviews item to the page list footer that opens the route", ()=>{
+        render(/*#__PURE__*/ react.createElement(WbContentReviewsSidebarItem, null));
+        expect(screen.getByTestId("footer").getAttribute("data-name")).toBe("contentReviews");
+        fireEvent.click(screen.getByRole("button", {
+            name: "Content Reviews"
+        }));
+        expect(goToRoute).toHaveBeenCalledTimes(1);
+        expect(goToRoute).toHaveBeenCalledWith(Routes.Pages.WorkflowStateList);
+    });
+});
+
+//# sourceMappingURL=WbContentReviewsSidebarItem.test.js.map

package/Components/ContentReviews/WbContentReviewsSidebarItem.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/ContentReviews/WbContentReviewsSidebarItem.test.js","sources":["../../../src/Components/ContentReviews/WbContentReviewsSidebarItem.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { cleanup } from \"@testing-library/react\";\nimport { fireEvent } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { Routes } from \"~/routes.js\";\nimport { WbContentReviewsSidebarItem } from \"./WbContentReviewsSidebarItem.js\";\n\ninterface FooterStubProps {\n    name: string;\n    element: React.ReactElement;\n}\n\ninterface SidebarItemStubProps {\n    text: string;\n    onClick: () => void;\n}\n\nconst goToRoute = vi.hoisted(() => vi.fn());\n\nvi.mock(\"@webiny/icons/work_outline.svg\", () => {\n    return { ReactComponent: () => null };\n});\n\nvi.mock(\"@webiny/app-admin\", async importOriginal => {\n    const actual = await importOriginal<typeof import(\"@webiny/app-admin\")>();\n    return {\n        ...actual,\n        useRouter: () => {\n            return { goToRoute };\n        }\n    };\n});\n\nvi.mock(\"@webiny/app-website-builder\", async () => {\n    const React = await import(\"react\");\n    const Footer = (props: FooterStubProps) => {\n        return React.createElement(\n            \"div\",\n            { \"data-testid\": \"footer\", \"data-name\": props.name },\n            props.element\n        );\n    };\n    return { PageListConfig: { Browser: { Sidebar: { Footer } } } };\n});\n\nvi.mock(\"@webiny/admin-ui\", async importOriginal => {\n    const actual = await importOriginal<typeof import(\"@webiny/admin-ui\")>();\n    const React = await import(\"react\");\n    const Item = (props: SidebarItemStubProps) => {\n        return React.createElement(\"button\", { onClick: props.onClick }, props.text);\n    };\n    const ItemIcon = () => React.createElement(\"span\");\n    return {\n        ...actual,\n        Sidebar: { ...actual.Sidebar, Item: Object.assign(Item, { Icon: ItemIcon }) }\n    };\n});\n\ndescribe(\"WbContentReviewsSidebarItem\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it(\"adds a Content Reviews item to the page list footer that opens the route\", () => {\n        render(<WbContentReviewsSidebarItem />);\n\n        expect(screen.getByTestId(\"footer\").getAttribute(\"data-name\")).toBe(\"contentReviews\");\n        fireEvent.click(screen.getByRole(\"button\", { name: \"Content Reviews\" }));\n\n        expect(goToRoute).toHaveBeenCalledTimes(1);\n        expect(goToRoute).toHaveBeenCalledWith(Routes.Pages.WorkflowStateList);\n    });\n});\n"],"names":["goToRoute","vi","importOriginal","actual","React","Footer","props","Item","ItemIcon","Object","describe","afterEach","cleanup","it","render","WbContentReviewsSidebarItem","expect","screen","fireEvent","Routes"],"mappings":";;;;;AAuBA,MAAMA,YAAYC,GAAG,OAAO,CAAC,IAAMA,GAAG,EAAE;AAExCA,GAAG,IAAI,CAAC,kCAAkC,IAC/B;QAAE,gBAAgB,IAAM;IAAK;AAGxCA,GAAG,IAAI,CAAC,qBAAqB,OAAMC;IAC/B,MAAMC,SAAS,MAAMD;IACrB,OAAO;QACH,GAAGC,MAAM;QACT,WAAW,IACA;gBAAEH,WAAAA;YAAU;IAE3B;AACJ;AAEAC,GAAG,IAAI,CAAC,+BAA+B;IACnC,MAAMG,QAAQ,MAAM,MAAM,CAAC;IAC3B,MAAMC,SAAS,CAACC,QACLF,MAAM,aAAa,CACtB,OACA;YAAE,eAAe;YAAU,aAAaE,MAAM,IAAI;QAAC,GACnDA,MAAM,OAAO;IAGrB,OAAO;QAAE,gBAAgB;YAAE,SAAS;gBAAE,SAAS;oBAAED;gBAAO;YAAE;QAAE;IAAE;AAClE;AAEAJ,GAAG,IAAI,CAAC,oBAAoB,OAAMC;IAC9B,MAAMC,SAAS,MAAMD;IACrB,MAAME,QAAQ,MAAM,MAAM,CAAC;IAC3B,MAAMG,OAAO,CAACD,QACHF,MAAM,aAAa,CAAC,UAAU;YAAE,SAASE,MAAM,OAAO;QAAC,GAAGA,MAAM,IAAI;IAE/E,MAAME,WAAW,IAAMJ,MAAM,aAAa,CAAC;IAC3C,OAAO;QACH,GAAGD,MAAM;QACT,SAAS;YAAE,GAAGA,OAAO,OAAO;YAAE,MAAMM,OAAO,MAAM,CAACF,MAAM;gBAAE,MAAMC;YAAS;QAAG;IAChF;AACJ;AAEAE,SAAS,+BAA+B;IACpCC,UAAU;QACNC;IACJ;IAEAC,GAAG,4EAA4E;QAC3EC,OAAO,WAADA,GAAC,oBAACC,6BAA2BA;QAEnCC,OAAOC,OAAO,WAAW,CAAC,UAAU,YAAY,CAAC,cAAc,IAAI,CAAC;QACpEC,UAAU,KAAK,CAACD,OAAO,SAAS,CAAC,UAAU;YAAE,MAAM;QAAkB;QAErED,OAAOhB,WAAW,qBAAqB,CAAC;QACxCgB,OAAOhB,WAAW,oBAAoB,CAACmB,OAAO,KAAK,CAAC,iBAAiB;IACzE;AACJ"}

package/Components/PageEditor/DisabledPublishButton.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { TargetReviewPresenter } from "@webiny/app-workflows/review/presentation/targetReview/abstractions.js";
+export interface DisabledPublishButtonProps {
+    presenter: TargetReviewPresenter.Interface;
+}
+export declare const DisabledPublishButton: ({ presenter }: DisabledPublishButtonProps) => React.JSX.Element;

package/Components/PageEditor/DisabledPublishButton.js

@@ -0,0 +1,17 @@
+import react from "react";
+import { Button } from "@webiny/admin-ui";
+import { ReviewTooltip } from "@webiny/app-workflows/review/presentation/targetReview/components/ReviewTooltip.js";
+import { ReactComponent } from "@webiny/icons/publish.svg";
+const DisabledPublishButton = ({ presenter })=>/*#__PURE__*/ react.createElement(ReviewTooltip, {
+        presenter: presenter
+    }, (describedBy)=>/*#__PURE__*/ react.createElement(Button, {
+            type: "button",
+            variant: "primary",
+            text: "Publish",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            "aria-disabled": "true",
+            "aria-describedby": describedBy
+        }));
+export { DisabledPublishButton };
+
+//# sourceMappingURL=DisabledPublishButton.js.map

package/Components/PageEditor/DisabledPublishButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/DisabledPublishButton.js","sources":["../../../src/Components/PageEditor/DisabledPublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport type { TargetReviewPresenter } from \"@webiny/app-workflows/review/presentation/targetReview/abstractions.js\";\nimport { ReviewTooltip } from \"@webiny/app-workflows/review/presentation/targetReview/components/ReviewTooltip.js\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/publish.svg\";\n\nexport interface DisabledPublishButtonProps {\n    presenter: TargetReviewPresenter.Interface;\n}\n\n/*\n * A disabled Publish that stays focusable (QBZ-36): `aria-disabled` instead of the `disabled`\n * attribute and no click handler. The shared `ReviewTooltip` gives it the reason on hover and\n * focus and through `aria-describedby`.\n */\nexport const DisabledPublishButton = ({ presenter }: DisabledPublishButtonProps) => {\n    return (\n        <ReviewTooltip presenter={presenter}>\n            {describedBy => (\n                <Button\n                    type={\"button\"}\n                    variant={\"primary\"}\n                    text={\"Publish\"}\n                    icon={<PublishIcon />}\n                    aria-disabled={\"true\"}\n                    aria-describedby={describedBy}\n                />\n            )}\n        </ReviewTooltip>\n    );\n};\n"],"names":["DisabledPublishButton","presenter","ReviewTooltip","describedBy","Button","PublishIcon"],"mappings":";;;;AAeO,MAAMA,wBAAwB,CAAC,EAAEC,SAAS,EAA8B,GACpE,WAAP,GACI,oBAACC,eAAaA;QAAC,WAAWD;OACrBE,CAAAA,cAAAA,WAAAA,GACG,oBAACC,QAAMA;YACH,MAAM;YACN,SAAS;YACT,MAAM;YACN,oBAAM,oBAACC,gBAAWA;YAClB,iBAAe;YACf,oBAAkBF"}

package/Components/PageEditor/DisabledPublishButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/PageEditor/DisabledPublishButton.test.js

@@ -0,0 +1,67 @@
+import react from "react";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { createFakeSession } from "../../testing/createFakeSession.js";
+import { DisabledPublishButton } from "./DisabledPublishButton.js";
+vi.mock("@webiny/icons/publish.svg", ()=>({
+        ReactComponent: ()=>null
+    }));
+vi.mock("@webiny/app-workflows/review/presentation/targetReview/components/ReviewTooltip.js", async ()=>{
+    const React = await import("react");
+    const ReviewTooltip = (props)=>{
+        const reason = props.presenter.vm.publishDisabledReason ?? "";
+        return React.createElement("span", {
+            "data-testid": "review-tooltip",
+            "data-reason": reason
+        }, props.children("tooltip-description"));
+    };
+    return {
+        ReviewTooltip
+    };
+});
+describe("DisabledPublishButton", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it("stays focusable: aria-disabled, never the disabled attribute", ()=>{
+        const { presenter } = createFakeSession("none");
+        render(/*#__PURE__*/ react.createElement(DisabledPublishButton, {
+            presenter: presenter
+        }));
+        const button = screen.getByRole("button", {
+            name: "Publish"
+        });
+        expect(button.getAttribute("aria-disabled")).toBe("true");
+        expect(button.hasAttribute("disabled")).toBe(false);
+        expect(button.getAttribute("aria-describedby")).toBe("tooltip-description");
+    });
+    it("is wrapped in the shared review tooltip of the same presenter", ()=>{
+        const { presenter } = createFakeSession("none");
+        render(/*#__PURE__*/ react.createElement(DisabledPublishButton, {
+            presenter: presenter
+        }));
+        const button = screen.getByRole("button", {
+            name: "Publish"
+        });
+        const tooltip = button.closest("[data-testid='review-tooltip']");
+        const reason = presenter.vm.publishDisabledReason;
+        expect(reason).not.toBeNull();
+        expect(tooltip?.getAttribute("data-reason")).toBe(reason);
+    });
+    it("does nothing when activated, not even a form submit", ()=>{
+        const { presenter } = createFakeSession("none");
+        const onSubmit = vi.fn();
+        render(/*#__PURE__*/ react.createElement("form", {
+            onSubmit: onSubmit
+        }, /*#__PURE__*/ react.createElement(DisabledPublishButton, {
+            presenter: presenter
+        })));
+        const button = screen.getByRole("button", {
+            name: "Publish"
+        });
+        fireEvent.click(button);
+        expect(onSubmit).not.toHaveBeenCalled();
+    });
+});
+
+//# sourceMappingURL=DisabledPublishButton.test.js.map

package/Components/PageEditor/DisabledPublishButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/DisabledPublishButton.test.js","sources":["../../../src/Components/PageEditor/DisabledPublishButton.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { cleanup } from \"@testing-library/react\";\nimport { fireEvent } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { createFakeSession } from \"~/testing/createFakeSession.js\";\nimport { DisabledPublishButton } from \"./DisabledPublishButton.js\";\n\nvi.mock(\"@webiny/icons/publish.svg\", () => {\n    return { ReactComponent: () => null };\n});\n\nvi.mock(\n    \"@webiny/app-workflows/review/presentation/targetReview/components/ReviewTooltip.js\",\n    async () => {\n        const React = await import(\"react\");\n        interface StubProps {\n            presenter: { vm: { publishDisabledReason: string | null } };\n            children: (describedBy: string) => React.ReactNode;\n        }\n        const ReviewTooltip = (props: StubProps) => {\n            const reason = props.presenter.vm.publishDisabledReason ?? \"\";\n            return React.createElement(\n                \"span\",\n                { \"data-testid\": \"review-tooltip\", \"data-reason\": reason },\n                props.children(\"tooltip-description\")\n            );\n        };\n        return { ReviewTooltip };\n    }\n);\n\ndescribe(\"DisabledPublishButton\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it(\"stays focusable: aria-disabled, never the disabled attribute\", () => {\n        const { presenter } = createFakeSession(\"none\");\n\n        render(<DisabledPublishButton presenter={presenter} />);\n\n        const button = screen.getByRole(\"button\", { name: \"Publish\" });\n        expect(button.getAttribute(\"aria-disabled\")).toBe(\"true\");\n        expect(button.hasAttribute(\"disabled\")).toBe(false);\n        expect(button.getAttribute(\"aria-describedby\")).toBe(\"tooltip-description\");\n    });\n\n    it(\"is wrapped in the shared review tooltip of the same presenter\", () => {\n        const { presenter } = createFakeSession(\"none\");\n\n        render(<DisabledPublishButton presenter={presenter} />);\n\n        const button = screen.getByRole(\"button\", { name: \"Publish\" });\n        const tooltip = button.closest(\"[data-testid='review-tooltip']\");\n        const reason = presenter.vm.publishDisabledReason;\n        expect(reason).not.toBeNull();\n        expect(tooltip?.getAttribute(\"data-reason\")).toBe(reason);\n    });\n\n    it(\"does nothing when activated, not even a form submit\", () => {\n        const { presenter } = createFakeSession(\"none\");\n        const onSubmit = vi.fn();\n\n        render(\n            <form onSubmit={onSubmit}>\n                <DisabledPublishButton presenter={presenter} />\n            </form>\n        );\n        const button = screen.getByRole(\"button\", { name: \"Publish\" });\n        fireEvent.click(button);\n\n        expect(onSubmit).not.toHaveBeenCalled();\n    });\n});\n"],"names":["vi","React","ReviewTooltip","props","reason","describe","afterEach","cleanup","it","presenter","createFakeSession","render","DisabledPublishButton","button","screen","expect","tooltip","onSubmit","fireEvent"],"mappings":";;;;;AAaAA,GAAG,IAAI,CAAC,6BAA6B,IAC1B;QAAE,gBAAgB,IAAM;IAAK;AAGxCA,GAAG,IAAI,CACH,sFACA;IACI,MAAMC,QAAQ,MAAM,MAAM,CAAC;IAK3B,MAAMC,gBAAgB,CAACC;QACnB,MAAMC,SAASD,MAAM,SAAS,CAAC,EAAE,CAAC,qBAAqB,IAAI;QAC3D,OAAOF,MAAM,aAAa,CACtB,QACA;YAAE,eAAe;YAAkB,eAAeG;QAAO,GACzDD,MAAM,QAAQ,CAAC;IAEvB;IACA,OAAO;QAAED;IAAc;AAC3B;AAGJG,SAAS,yBAAyB;IAC9BC,UAAU;QACNC;IACJ;IAEAC,GAAG,gEAAgE;QAC/D,MAAM,EAAEC,SAAS,EAAE,GAAGC,kBAAkB;QAExCC,OAAO,WAADA,GAAC,oBAACC,uBAAqBA;YAAC,WAAWH;;QAEzC,MAAMI,SAASC,OAAO,SAAS,CAAC,UAAU;YAAE,MAAM;QAAU;QAC5DC,OAAOF,OAAO,YAAY,CAAC,kBAAkB,IAAI,CAAC;QAClDE,OAAOF,OAAO,YAAY,CAAC,aAAa,IAAI,CAAC;QAC7CE,OAAOF,OAAO,YAAY,CAAC,qBAAqB,IAAI,CAAC;IACzD;IAEAL,GAAG,iEAAiE;QAChE,MAAM,EAAEC,SAAS,EAAE,GAAGC,kBAAkB;QAExCC,OAAO,WAADA,GAAC,oBAACC,uBAAqBA;YAAC,WAAWH;;QAEzC,MAAMI,SAASC,OAAO,SAAS,CAAC,UAAU;YAAE,MAAM;QAAU;QAC5D,MAAME,UAAUH,OAAO,OAAO,CAAC;QAC/B,MAAMT,SAASK,UAAU,EAAE,CAAC,qBAAqB;QACjDM,OAAOX,QAAQ,GAAG,CAAC,QAAQ;QAC3BW,OAAOC,SAAS,aAAa,gBAAgB,IAAI,CAACZ;IACtD;IAEAI,GAAG,uDAAuD;QACtD,MAAM,EAAEC,SAAS,EAAE,GAAGC,kBAAkB;QACxC,MAAMO,WAAWjB,GAAG,EAAE;QAEtBW,OAAO,WAADA,GACF,oBAAC;YAAK,UAAUM;yBACZ,oBAACL,uBAAqBA;YAAC,WAAWH;;QAG1C,MAAMI,SAASC,OAAO,SAAS,CAAC,UAAU;YAAE,MAAM;QAAU;QAC5DI,UAAU,KAAK,CAACL;QAEhBE,OAAOE,UAAU,GAAG,CAAC,gBAAgB;IACzC;AACJ"}

package/Components/PageEditor/PageBasePublishDecorator.d.ts

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

package/Components/PageEditor/PageBasePublishDecorator.js

@@ -0,0 +1,23 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { WbPageReviewFeature } from "../../features/editorReview/feature.js";
+const { Ui: Ui } = PageEditorConfig;
+const BasePublishGate = createReactiveComponent((props)=>{
+    const { session } = useFeature(WbPageReviewFeature);
+    if ("noWorkflow" === session.presenter.vm.status) return props.element ?? null;
+    return null;
+});
+const PageBasePublishDecorator = Ui.TopBar.Action.createDecorator((Original)=>function(props) {
+        if ("buttonPublish" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(BasePublishGate, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageBasePublishDecorator };
+
+//# sourceMappingURL=PageBasePublishDecorator.js.map

package/Components/PageEditor/PageBasePublishDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageBasePublishDecorator.js","sources":["../../../src/Components/PageEditor/PageBasePublishDecorator.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { WbPageReviewFeature } from \"~/features/editorReview/feature.js\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface BasePublishGateProps {\n    element?: React.ReactElement | null;\n}\n\nconst BasePublishGate = createReactiveComponent((props: BasePublishGateProps) => {\n    const { session } = useFeature(WbPageReviewFeature);\n\n    if (session.presenter.vm.status === \"noWorkflow\") {\n        return props.element ?? null;\n    }\n\n    return null;\n});\n\n/*\n * Hides the base Publish for every page of a namespace that has a workflow; the workflows Publish\n * (`buttonWorkflowPublish`) takes over there. The one decoration of `buttonPublish` (A78).\n */\nexport const PageBasePublishDecorator = Ui.TopBar.Action.createDecorator(Original => {\n    return function PageBasePublishDecoratorAction(props) {\n        if (props.name === \"buttonPublish\") {\n            return <Original {...props} element={<BasePublishGate element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","BasePublishGate","createReactiveComponent","props","session","useFeature","WbPageReviewFeature","PageBasePublishDecorator","Original"],"mappings":";;;;;AAMA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAMf,MAAMC,kBAAkBC,wBAAwB,CAACC;IAC7C,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,IAAIF,AAAgC,iBAAhCA,QAAQ,SAAS,CAAC,EAAE,CAAC,MAAM,EAC3B,OAAOD,MAAM,OAAO,IAAI;IAG5B,OAAO;AACX;AAMO,MAAMI,2BAA2BR,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAACS,CAAAA,WAC9D,SAAwCL,KAAK;QAChD,IAAIA,AAAe,oBAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACK,UAAAA;YAAU,GAAGL,KAAK;YAAE,uBAAS,oBAACF,iBAAeA;gBAAC,SAASE,MAAM,OAAO;;;QAEhF,OAAO,WAAP,GAAO,oBAACK,UAAaL;IACzB"}

package/Components/PageEditor/PageEditorAutoSave.js

@@ -1,17 +1,18 @@
 import react from "react";
-import { PageEditorConfig } from "@webiny/app-website-builder";
-import { useWorkflowState } from "@webiny/app-workflows";
-import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { WbPageReviewFeature } from "../../features/editorReview/feature.js";
 const { Ui: Ui } = PageEditorConfig;
-const WrappedAutoSave = observer((props)=>{
-    const { presenter } = useWorkflowState();
-    if (!presenter.vm.hasState) return props.element;
+const AutoSaveGate = createReactiveComponent((props)=>{
+    const { session } = useFeature(WbPageReviewFeature);
+    if (session.presenter.vm.allowsEditing) return props.element ?? null;
     return null;
 });
 const PageEditorAutoSave = Ui.TopBar.Element.createDecorator((Original)=>function(props) {
         if ("autoSave" === props.name) return /*#__PURE__*/ react.createElement(Original, {
             ...props,
-            element: /*#__PURE__*/ react.createElement(WrappedAutoSave, {
+            element: /*#__PURE__*/ react.createElement(AutoSaveGate, {
                 element: props.element
             })
         });

package/Components/PageEditor/PageEditorAutoSave.js.map

@@ -1 +1 @@
-{"version":3,"file":"Components/PageEditor/PageEditorAutoSave.js","sources":["../../../src/Components/PageEditor/PageEditorAutoSave.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedAutoSave {\n    element?: React.ReactElement | null;\n}\nconst WrappedAutoSave = observer((props: IWrappedAutoSave) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Autosave should work only when the page does not have a workflow state assigned.\n     */\n    if (!presenter.vm.hasState) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageEditorAutoSave = Ui.TopBar.Element.createDecorator(Original => {\n    return function PageEditorAutoSaveDecorated(props) {\n        if (props.name === \"autoSave\") {\n            return <Original {...props} element={<WrappedAutoSave element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","WrappedAutoSave","observer","props","presenter","useWorkflowState","PageEditorAutoSave","Original"],"mappings":";;;;AAKA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAKf,MAAMC,kBAAkBC,SAAS,CAACC;IAC9B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAItB,IAAI,CAACD,UAAU,EAAE,CAAC,QAAQ,EACtB,OAAOD,MAAM,OAAO;IAGxB,OAAO;AACX;AAEO,MAAMG,qBAAqBP,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAACQ,CAAAA,WACzD,SAAqCJ,KAAK;QAC7C,IAAIA,AAAe,eAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACI,UAAAA;YAAU,GAAGJ,KAAK;YAAE,uBAAS,oBAACF,iBAAeA;gBAAC,SAASE,MAAM,OAAO;;;QAEhF,OAAO,WAAP,GAAO,oBAACI,UAAaJ;IACzB"}
+{"version":3,"file":"Components/PageEditor/PageEditorAutoSave.js","sources":["../../../src/Components/PageEditor/PageEditorAutoSave.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { WbPageReviewFeature } from \"~/features/editorReview/feature.js\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface AutoSaveGateProps {\n    element?: React.ReactElement | null;\n}\n\nconst AutoSaveGate = createReactiveComponent((props: AutoSaveGateProps) => {\n    const { session } = useFeature(WbPageReviewFeature);\n\n    /*\n     * Autosave runs only while editing is allowed: never while a review exists and never while the\n     * review status is loading or failed.\n     */\n    if (session.presenter.vm.allowsEditing) {\n        return props.element ?? null;\n    }\n\n    return null;\n});\n\nexport const PageEditorAutoSave = Ui.TopBar.Element.createDecorator(Original => {\n    return function PageEditorAutoSaveDecorated(props) {\n        if (props.name === \"autoSave\") {\n            return <Original {...props} element={<AutoSaveGate element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","AutoSaveGate","createReactiveComponent","props","session","useFeature","WbPageReviewFeature","PageEditorAutoSave","Original"],"mappings":";;;;;AAMA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAMf,MAAMC,eAAeC,wBAAwB,CAACC;IAC1C,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAM/B,IAAIF,QAAQ,SAAS,CAAC,EAAE,CAAC,aAAa,EAClC,OAAOD,MAAM,OAAO,IAAI;IAG5B,OAAO;AACX;AAEO,MAAMI,qBAAqBR,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAACS,CAAAA,WACzD,SAAqCL,KAAK;QAC7C,IAAIA,AAAe,eAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACK,UAAAA;YAAU,GAAGL,KAAK;YAAE,uBAAS,oBAACF,cAAYA;gBAAC,SAASE,MAAM,OAAO;;;QAE7E,OAAO,WAAP,GAAO,oBAACK,UAAaL;IACzB"}

package/Components/PageEditor/PageEditorAutoSave.test.d.ts

@@ -0,0 +1 @@
+export {};