@webiny/app-headless-cms-workflows 0.0.0-unstable.c27f4d8a31 → 0.0.0-unstable.d0f34a8194

package/Components/CmsEntriesList/CmsReviewMoveEntryAction.d.ts

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

package/Components/CmsEntriesList/CmsReviewMoveEntryAction.js

@@ -0,0 +1,43 @@
+import react, { useId } from "react";
+import { Tooltip } from "@webiny/admin-ui";
+import { OptionsMenuItem, createReactiveComponent } from "@webiny/app-admin";
+import { ContentEntryListConfig } from "@webiny/app-headless-cms/exports/admin/cms/entry/list.js";
+import { useEntry } from "@webiny/app-headless-cms/admin/hooks/useEntry.js";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { ReviewState } from "@webiny/app-workflows/review/domain/ReviewState.js";
+import { MOVE_BLOCKED_IN_REVIEW } from "@webiny/app-workflows/review/presentation/targetReview/moveBlockedInReview.js";
+import { ignoreAction } from "../ignoreAction.js";
+const EntryAction = ContentEntryListConfig.Browser.Entry.Action;
+const MoveBlocked = ()=>{
+    const descriptionId = useId();
+    return /*#__PURE__*/ react.createElement("span", {
+        "aria-describedby": descriptionId
+    }, /*#__PURE__*/ react.createElement(Tooltip, {
+        content: MOVE_BLOCKED_IN_REVIEW,
+        trigger: /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Move",
+            disabled: true,
+            onAction: ignoreAction
+        })
+    }), /*#__PURE__*/ react.createElement("span", {
+        id: descriptionId,
+        className: "sr-only"
+    }, MOVE_BLOCKED_IN_REVIEW));
+};
+const MoveGate = createReactiveComponent((props)=>{
+    const { entry } = useEntry();
+    const meta = entry.meta;
+    if (meta.system?.workflow?.reviewState === ReviewState.InProgress) return /*#__PURE__*/ react.createElement(MoveBlocked, null);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, props.children);
+});
+const CmsReviewMoveEntryAction = EntryAction.createDecorator((Original)=>function(props) {
+        if ("move" !== props.name) return /*#__PURE__*/ react.createElement(Original, props);
+        return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(MoveGate, null, props.element)
+        });
+    });
+export { CmsReviewMoveEntryAction };
+
+//# sourceMappingURL=CmsReviewMoveEntryAction.js.map

package/Components/CmsEntriesList/CmsReviewMoveEntryAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/CmsEntriesList/CmsReviewMoveEntryAction.js","sources":["../../../src/Components/CmsEntriesList/CmsReviewMoveEntryAction.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { OptionsMenuItem } from \"@webiny/app-admin\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms/exports/admin/cms/entry/list.js\";\nimport { useEntry } from \"@webiny/app-headless-cms/admin/hooks/useEntry.js\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { ReviewState } from \"@webiny/app-workflows/review/domain/ReviewState.js\";\nimport { MOVE_BLOCKED_IN_REVIEW } from \"@webiny/app-workflows/review/presentation/targetReview/moveBlockedInReview.js\";\nimport type { ICmsEntryMetaWithReview } from \"~/types.js\";\nimport { ignoreAction } from \"../ignoreAction.js\";\n\nconst EntryAction = ContentEntryListConfig.Browser.Entry.Action;\n\n/*\n * A disabled menu item cannot take focus, so the reason is given on hover by the tooltip and to\n * assistive technology by `aria-describedby` on a visually hidden element that is always present\n * (the same pattern as the shared `ReviewTooltip`, which needs a review presenter the list does not\n * have).\n */\nconst MoveBlocked = () => {\n    const descriptionId = useId();\n\n    return (\n        <span aria-describedby={descriptionId}>\n            <Tooltip\n                content={MOVE_BLOCKED_IN_REVIEW}\n                trigger={\n                    <OptionsMenuItem\n                        icon={<MoveIcon />}\n                        label={\"Move\"}\n                        disabled={true}\n                        onAction={ignoreAction}\n                    />\n                }\n            />\n            <span id={descriptionId} className={\"sr-only\"}>\n                {MOVE_BLOCKED_IN_REVIEW}\n            </span>\n        </span>\n    );\n};\n\ninterface MoveGateProps {\n    children?: React.ReactNode;\n}\n\nconst MoveGate = createReactiveComponent((props: MoveGateProps) => {\n    const { entry } = useEntry();\n    const meta: ICmsEntryMetaWithReview = entry.meta;\n\n    if (meta.system?.workflow?.reviewState === ReviewState.InProgress) {\n        return <MoveBlocked />;\n    }\n\n    return <>{props.children}</>;\n});\n\n/*\n * Only the per-row \"Move\" action is gated. Moving by drag and drop and `MoveEntryUseCase` are not\n * gated in 8a (R250, Contract note 2).\n */\nexport const CmsReviewMoveEntryAction = EntryAction.createDecorator(Original => {\n    return function CmsReviewMoveEntryActionDecorator(props) {\n        if (props.name !== \"move\") {\n            return <Original {...props} />;\n        }\n\n        return <Original {...props} element={<MoveGate>{props.element}</MoveGate>} />;\n    };\n});\n"],"names":["EntryAction","ContentEntryListConfig","MoveBlocked","descriptionId","useId","Tooltip","MOVE_BLOCKED_IN_REVIEW","OptionsMenuItem","MoveIcon","ignoreAction","MoveGate","createReactiveComponent","props","entry","useEntry","meta","ReviewState","CmsReviewMoveEntryAction","Original"],"mappings":";;;;;;;;;AAYA,MAAMA,cAAcC,uBAAuB,OAAO,CAAC,KAAK,CAAC,MAAM;AAQ/D,MAAMC,cAAc;IAChB,MAAMC,gBAAgBC;IAEtB,OAAO,WAAP,GACI,oBAAC;QAAK,oBAAkBD;qBACpB,oBAACE,SAAOA;QACJ,SAASC;QACT,uBACI,oBAACC,iBAAeA;YACZ,oBAAM,oBAACC,gBAAQA;YACf,OAAO;YACP,UAAU;YACV,UAAUC;;sBAItB,oBAAC;QAAK,IAAIN;QAAe,WAAW;OAC/BG;AAIjB;AAMA,MAAMI,WAAWC,wBAAwB,CAACC;IACtC,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,OAAgCF,MAAM,IAAI;IAEhD,IAAIE,KAAK,MAAM,EAAE,UAAU,gBAAgBC,YAAY,UAAU,EAC7D,OAAO,WAAP,GAAO,oBAACd,aAAWA;IAGvB,OAAO,WAAP,GAAO,0CAAGU,MAAM,QAAQ;AAC5B;AAMO,MAAMK,2BAA2BjB,YAAY,eAAe,CAACkB,CAAAA,WACzD,SAA2CN,KAAK;QACnD,IAAIA,AAAe,WAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACM,UAAaN;QAGzB,OAAO,WAAP,GAAO,oBAACM,UAAAA;YAAU,GAAGN,KAAK;YAAE,uBAAS,oBAACF,UAAQA,MAAEE,MAAM,OAAO;;IACjE"}

package/Components/CmsEntriesList/CmsReviewMoveEntryAction.test.d.ts

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

package/Components/CmsEntriesList/CmsReviewMoveEntryAction.test.js

@@ -0,0 +1,118 @@
+import react from "react";
+import { describe, expect, it, vi } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { CompositionProvider } from "@webiny/react-composition";
+import { AdminUiProvider } from "@webiny/admin-ui";
+import { ContentEntryListConfig } from "@webiny/app-headless-cms/exports/admin/cms/entry/list.js";
+import { ModelContext } from "@webiny/app-headless-cms/admin/components/ModelProvider/index.js";
+import { EntryProvider } from "@webiny/app-headless-cms/admin/hooks/useEntry.js";
+import { ReviewState } from "@webiny/app-workflows/review/domain/ReviewState.js";
+import { MOVE_BLOCKED_IN_REVIEW } from "@webiny/app-workflows/review/presentation/targetReview/moveBlockedInReview.js";
+import { CmsReviewMoveEntryAction } from "./CmsReviewMoveEntryAction.js";
+import { MODEL } from "../../testing/models.js";
+vi.mock("@webiny/app-aco", async (importOriginal)=>{
+    const actual = await importOriginal();
+    const React = await import("react");
+    const Action = Object.assign((props)=>React.createElement("div", {
+            "data-action": props.name
+        }, props.element), {
+        OptionsMenuItem: ()=>null,
+        OptionsMenuLink: ()=>null
+    });
+    return {
+        ...actual,
+        AcoConfig: {
+            ...actual.AcoConfig,
+            Record: {
+                ...actual.AcoConfig.Record,
+                Action
+            }
+        }
+    };
+});
+vi.mock("@webiny/app-admin", async (importOriginal)=>{
+    const actual = await importOriginal();
+    const React = await import("react");
+    return {
+        ...actual,
+        OptionsMenuItem: (props)=>React.createElement("button", {
+                "data-testid": "blocked-move",
+                disabled: props.disabled ?? false
+            }, props.label)
+    };
+});
+const EntryAction = ContentEntryListConfig.Browser.Entry.Action;
+function createEntry(reviewState) {
+    const workflow = null === reviewState ? null : {
+        reviewState
+    };
+    return {
+        id: "entry-1#0001",
+        entryId: "entry-1",
+        meta: {
+            title: "Hello",
+            status: "draft",
+            version: 1,
+            locked: false,
+            system: {
+                workflow
+            }
+        }
+    };
+}
+function renderActions(entry) {
+    return render(/*#__PURE__*/ react.createElement(AdminUiProvider, null, /*#__PURE__*/ react.createElement(CompositionProvider, null, /*#__PURE__*/ react.createElement(ModelContext.Provider, {
+        value: MODEL
+    }, /*#__PURE__*/ react.createElement(EntryProvider, {
+        entry: entry
+    }, /*#__PURE__*/ react.createElement(CmsReviewMoveEntryAction, null), /*#__PURE__*/ react.createElement(EntryAction, {
+        name: "move",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "move-item"
+        })
+    }), /*#__PURE__*/ react.createElement(EntryAction, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "delete-item"
+        })
+    }))))));
+}
+describe("CmsReviewMoveEntryAction", ()=>{
+    it("replaces Move with a disabled item and its reason while the review is in progress", async ()=>{
+        renderActions(createEntry(ReviewState.InProgress));
+        const blocked = await screen.findByTestId("blocked-move");
+        expect(blocked.textContent).toBe("Move");
+        expect(blocked.hasAttribute("disabled")).toBe(true);
+        expect(screen.queryByTestId("move-item")).toBeNull();
+        const describedBy = blocked.closest("[aria-describedby]")?.getAttribute("aria-describedby");
+        expect(document.getElementById(describedBy ?? "")?.textContent).toBe(MOVE_BLOCKED_IN_REVIEW);
+    });
+    it("leaves the other actions of the same row alone while the review is in progress", async ()=>{
+        renderActions(createEntry(ReviewState.InProgress));
+        expect(await screen.findByTestId("delete-item")).toBeTruthy();
+    });
+    it.each([
+        [
+            "approved",
+            ReviewState.Approved
+        ],
+        [
+            "rejected",
+            ReviewState.Rejected
+        ],
+        [
+            "cancelled",
+            ReviewState.Cancelled
+        ],
+        [
+            "missing",
+            null
+        ]
+    ])("keeps the original Move for a %s review", async (_name, reviewState)=>{
+        renderActions(createEntry(reviewState));
+        expect(await screen.findByTestId("move-item")).toBeTruthy();
+        expect(screen.queryByTestId("blocked-move")).toBeNull();
+    });
+});
+
+//# sourceMappingURL=CmsReviewMoveEntryAction.test.js.map

package/Components/CmsEntriesList/CmsReviewMoveEntryAction.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/CmsEntriesList/CmsReviewMoveEntryAction.test.js","sources":["../../../src/Components/CmsEntriesList/CmsReviewMoveEntryAction.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { CompositionProvider } from \"@webiny/react-composition\";\nimport { AdminUiProvider } from \"@webiny/admin-ui\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms/exports/admin/cms/entry/list.js\";\nimport { ModelContext } from \"@webiny/app-headless-cms/admin/components/ModelProvider/index.js\";\nimport { EntryProvider } from \"@webiny/app-headless-cms/admin/hooks/useEntry.js\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { ReviewState } from \"@webiny/app-workflows/review/domain/ReviewState.js\";\nimport { MOVE_BLOCKED_IN_REVIEW } from \"@webiny/app-workflows/review/presentation/targetReview/moveBlockedInReview.js\";\nimport { CmsReviewMoveEntryAction } from \"./CmsReviewMoveEntryAction.js\";\nimport { MODEL } from \"~/testing/models.js\";\n\ninterface FakeActionProps {\n    name: string;\n    element: React.ReactElement;\n}\n\ninterface FakeMenuItemProps {\n    label: string;\n    disabled?: boolean;\n}\n\nvi.mock(\"@webiny/app-aco\", async importOriginal => {\n    const actual = await importOriginal<typeof import(\"@webiny/app-aco\")>();\n    const React = await import(\"react\");\n    const Action = Object.assign(\n        (props: FakeActionProps) => {\n            return React.createElement(\"div\", { \"data-action\": props.name }, props.element);\n        },\n        { OptionsMenuItem: () => null, OptionsMenuLink: () => null }\n    );\n\n    return {\n        ...actual,\n        AcoConfig: {\n            ...actual.AcoConfig,\n            Record: { ...actual.AcoConfig.Record, Action }\n        }\n    };\n});\n\nvi.mock(\"@webiny/app-admin\", async importOriginal => {\n    const actual = await importOriginal<typeof import(\"@webiny/app-admin\")>();\n    const React = await import(\"react\");\n\n    return {\n        ...actual,\n        OptionsMenuItem: (props: FakeMenuItemProps) => {\n            return React.createElement(\n                \"button\",\n                { \"data-testid\": \"blocked-move\", disabled: props.disabled ?? false },\n                props.label\n            );\n        }\n    };\n});\n\nconst EntryAction = ContentEntryListConfig.Browser.Entry.Action;\n\nfunction createEntry(reviewState: string | null): CmsContentEntry {\n    const workflow = reviewState === null ? null : { reviewState };\n\n    return {\n        id: \"entry-1#0001\",\n        entryId: \"entry-1\",\n        meta: { title: \"Hello\", status: \"draft\", version: 1, locked: false, system: { workflow } }\n    } as unknown as CmsContentEntry;\n}\n\nfunction renderActions(entry: CmsContentEntry) {\n    return render(\n        <AdminUiProvider>\n            <CompositionProvider>\n                <ModelContext.Provider value={MODEL}>\n                    <EntryProvider entry={entry}>\n                        <CmsReviewMoveEntryAction />\n                        <EntryAction name=\"move\" element={<span data-testid=\"move-item\" />} />\n                        <EntryAction name=\"delete\" element={<span data-testid=\"delete-item\" />} />\n                    </EntryProvider>\n                </ModelContext.Provider>\n            </CompositionProvider>\n        </AdminUiProvider>\n    );\n}\n\ndescribe(\"CmsReviewMoveEntryAction\", () => {\n    it(\"replaces Move with a disabled item and its reason while the review is in progress\", async () => {\n        renderActions(createEntry(ReviewState.InProgress));\n\n        const blocked = await screen.findByTestId(\"blocked-move\");\n\n        expect(blocked.textContent).toBe(\"Move\");\n        expect(blocked.hasAttribute(\"disabled\")).toBe(true);\n        expect(screen.queryByTestId(\"move-item\")).toBeNull();\n        const describedBy = blocked.closest(\"[aria-describedby]\")?.getAttribute(\"aria-describedby\");\n        expect(document.getElementById(describedBy ?? \"\")?.textContent).toBe(\n            MOVE_BLOCKED_IN_REVIEW\n        );\n    });\n\n    it(\"leaves the other actions of the same row alone while the review is in progress\", async () => {\n        renderActions(createEntry(ReviewState.InProgress));\n\n        expect(await screen.findByTestId(\"delete-item\")).toBeTruthy();\n    });\n\n    it.each([\n        [\"approved\", ReviewState.Approved],\n        [\"rejected\", ReviewState.Rejected],\n        [\"cancelled\", ReviewState.Cancelled],\n        [\"missing\", null]\n    ])(\"keeps the original Move for a %s review\", async (_name, reviewState) => {\n        renderActions(createEntry(reviewState));\n\n        expect(await screen.findByTestId(\"move-item\")).toBeTruthy();\n        expect(screen.queryByTestId(\"blocked-move\")).toBeNull();\n    });\n});\n"],"names":["vi","importOriginal","actual","React","Action","Object","props","EntryAction","ContentEntryListConfig","createEntry","reviewState","workflow","renderActions","entry","render","AdminUiProvider","CompositionProvider","ModelContext","MODEL","EntryProvider","CmsReviewMoveEntryAction","describe","it","ReviewState","blocked","screen","expect","describedBy","document","MOVE_BLOCKED_IN_REVIEW","_name"],"mappings":";;;;;;;;;;;;AA4BAA,GAAG,IAAI,CAAC,mBAAmB,OAAMC;IAC7B,MAAMC,SAAS,MAAMD;IACrB,MAAME,QAAQ,MAAM,MAAM,CAAC;IAC3B,MAAMC,SAASC,OAAO,MAAM,CACxB,CAACC,QACUH,MAAM,aAAa,CAAC,OAAO;YAAE,eAAeG,MAAM,IAAI;QAAC,GAAGA,MAAM,OAAO,GAElF;QAAE,iBAAiB,IAAM;QAAM,iBAAiB,IAAM;IAAK;IAG/D,OAAO;QACH,GAAGJ,MAAM;QACT,WAAW;YACP,GAAGA,OAAO,SAAS;YACnB,QAAQ;gBAAE,GAAGA,OAAO,SAAS,CAAC,MAAM;gBAAEE;YAAO;QACjD;IACJ;AACJ;AAEAJ,GAAG,IAAI,CAAC,qBAAqB,OAAMC;IAC/B,MAAMC,SAAS,MAAMD;IACrB,MAAME,QAAQ,MAAM,MAAM,CAAC;IAE3B,OAAO;QACH,GAAGD,MAAM;QACT,iBAAiB,CAACI,QACPH,MAAM,aAAa,CACtB,UACA;gBAAE,eAAe;gBAAgB,UAAUG,MAAM,QAAQ,IAAI;YAAM,GACnEA,MAAM,KAAK;IAGvB;AACJ;AAEA,MAAMC,cAAcC,uBAAuB,OAAO,CAAC,KAAK,CAAC,MAAM;AAE/D,SAASC,YAAYC,WAA0B;IAC3C,MAAMC,WAAWD,AAAgB,SAAhBA,cAAuB,OAAO;QAAEA;IAAY;IAE7D,OAAO;QACH,IAAI;QACJ,SAAS;QACT,MAAM;YAAE,OAAO;YAAS,QAAQ;YAAS,SAAS;YAAG,QAAQ;YAAO,QAAQ;gBAAEC;YAAS;QAAE;IAC7F;AACJ;AAEA,SAASC,cAAcC,KAAsB;IACzC,OAAOC,OAAO,WAADA,GACT,oBAACC,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,qBAAmBA,MAAAA,WAAAA,GAChB,oBAACC,aAAa,QAAQ;QAAC,OAAOC;qBAC1B,oBAACC,eAAaA;QAAC,OAAON;qBAClB,oBAACO,0BAAwBA,OAAAA,WAAAA,GACzB,oBAACb,aAAWA;QAAC,MAAK;QAAO,uBAAS,oBAAC;YAAK,eAAY;;sBACpD,oBAACA,aAAWA;QAAC,MAAK;QAAS,uBAAS,oBAAC;YAAK,eAAY;;;AAM9E;AAEAc,SAAS,4BAA4B;IACjCC,GAAG,qFAAqF;QACpFV,cAAcH,YAAYc,YAAY,UAAU;QAEhD,MAAMC,UAAU,MAAMC,OAAO,YAAY,CAAC;QAE1CC,OAAOF,QAAQ,WAAW,EAAE,IAAI,CAAC;QACjCE,OAAOF,QAAQ,YAAY,CAAC,aAAa,IAAI,CAAC;QAC9CE,OAAOD,OAAO,aAAa,CAAC,cAAc,QAAQ;QAClD,MAAME,cAAcH,QAAQ,OAAO,CAAC,uBAAuB,aAAa;QACxEE,OAAOE,SAAS,cAAc,CAACD,eAAe,KAAK,aAAa,IAAI,CAChEE;IAER;IAEAP,GAAG,kFAAkF;QACjFV,cAAcH,YAAYc,YAAY,UAAU;QAEhDG,OAAO,MAAMD,OAAO,YAAY,CAAC,gBAAgB,UAAU;IAC/D;IAEAH,GAAG,IAAI,CAAC;QACJ;YAAC;YAAYC,YAAY,QAAQ;SAAC;QAClC;YAAC;YAAYA,YAAY,QAAQ;SAAC;QAClC;YAAC;YAAaA,YAAY,SAAS;SAAC;QACpC;YAAC;YAAW;SAAK;KACpB,EAAE,2CAA2C,OAAOO,OAAOpB;QACxDE,cAAcH,YAAYC;QAE1BgB,OAAO,MAAMD,OAAO,YAAY,CAAC,cAAc,UAAU;QACzDC,OAAOD,OAAO,aAAa,CAAC,iBAAiB,QAAQ;IACzD;AACJ"}

package/Components/CmsEntriesList/CmsReviewScheduleEntryAction.d.ts

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

package/Components/CmsEntriesList/CmsReviewScheduleEntryAction.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { ContentEntryListConfig } from "@webiny/app-headless-cms/exports/admin/cms/entry/list.js";
+import { useEntry } from "@webiny/app-headless-cms/admin/hooks/useEntry.js";
+import { isReviewSelectable } from "@webiny/app-workflows/review/domain/isReviewSelectable.js";
+const EntryAction = ContentEntryListConfig.Browser.Entry.Action;
+const ScheduleGate = createReactiveComponent((props)=>{
+    const { entry } = useEntry();
+    const meta = entry.meta;
+    if (!isReviewSelectable(meta.system?.workflow?.reviewState ?? null)) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, props.children);
+});
+const CmsReviewScheduleEntryAction = EntryAction.createDecorator((Original)=>function(props) {
+        if ("schedule" !== props.name) return /*#__PURE__*/ react.createElement(Original, props);
+        return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(ScheduleGate, null, props.element)
+        });
+    });
+export { CmsReviewScheduleEntryAction };
+
+//# sourceMappingURL=CmsReviewScheduleEntryAction.js.map

package/Components/CmsEntriesList/CmsReviewScheduleEntryAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/CmsEntriesList/CmsReviewScheduleEntryAction.js","sources":["../../../src/Components/CmsEntriesList/CmsReviewScheduleEntryAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms/exports/admin/cms/entry/list.js\";\nimport { useEntry } from \"@webiny/app-headless-cms/admin/hooks/useEntry.js\";\nimport { isReviewSelectable } from \"@webiny/app-workflows/review/domain/isReviewSelectable.js\";\nimport type { ICmsEntryMetaWithReview } from \"~/types.js\";\n\nconst EntryAction = ContentEntryListConfig.Browser.Entry.Action;\n\ninterface ScheduleGateProps {\n    children?: React.ReactNode;\n}\n\nconst ScheduleGate = createReactiveComponent((props: ScheduleGateProps) => {\n    const { entry } = useEntry();\n    const meta: ICmsEntryMetaWithReview = entry.meta;\n\n    if (!isReviewSelectable(meta.system?.workflow?.reviewState ?? null)) {\n        return null;\n    }\n\n    return <>{props.children}</>;\n});\n\n/*\n * The scheduler's per-row \"Schedule\" action (only present when the scheduler is installed) is\n * hidden for a row whose review blocks publishing, the same rule as the row selection (D121).\n */\nexport const CmsReviewScheduleEntryAction = EntryAction.createDecorator(Original => {\n    return function CmsReviewScheduleEntryActionDecorator(props) {\n        if (props.name !== \"schedule\") {\n            return <Original {...props} />;\n        }\n\n        return <Original {...props} element={<ScheduleGate>{props.element}</ScheduleGate>} />;\n    };\n});\n"],"names":["EntryAction","ContentEntryListConfig","ScheduleGate","createReactiveComponent","props","entry","useEntry","meta","isReviewSelectable","CmsReviewScheduleEntryAction","Original"],"mappings":";;;;;AAOA,MAAMA,cAAcC,uBAAuB,OAAO,CAAC,KAAK,CAAC,MAAM;AAM/D,MAAMC,eAAeC,wBAAwB,CAACC;IAC1C,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,OAAgCF,MAAM,IAAI;IAEhD,IAAI,CAACG,mBAAmBD,KAAK,MAAM,EAAE,UAAU,eAAe,OAC1D,OAAO;IAGX,OAAO,WAAP,GAAO,0CAAGH,MAAM,QAAQ;AAC5B;AAMO,MAAMK,+BAA+BT,YAAY,eAAe,CAACU,CAAAA,WAC7D,SAA+CN,KAAK;QACvD,IAAIA,AAAe,eAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACM,UAAaN;QAGzB,OAAO,WAAP,GAAO,oBAACM,UAAAA;YAAU,GAAGN,KAAK;YAAE,uBAAS,oBAACF,cAAYA,MAAEE,MAAM,OAAO;;IACrE"}

package/Components/CmsEntriesList/CmsReviewScheduleEntryAction.test.d.ts

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

package/Components/CmsEntriesList/CmsReviewScheduleEntryAction.test.js

@@ -0,0 +1,98 @@
+import react from "react";
+import { describe, expect, it, vi } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { CompositionProvider } from "@webiny/react-composition";
+import { AdminUiProvider } from "@webiny/admin-ui";
+import { ContentEntryListConfig } from "@webiny/app-headless-cms/exports/admin/cms/entry/list.js";
+import { ModelContext } from "@webiny/app-headless-cms/admin/components/ModelProvider/index.js";
+import { EntryProvider } from "@webiny/app-headless-cms/admin/hooks/useEntry.js";
+import { ReviewState } from "@webiny/app-workflows/review/domain/ReviewState.js";
+import { CmsReviewScheduleEntryAction } from "./CmsReviewScheduleEntryAction.js";
+import { MODEL } from "../../testing/models.js";
+vi.mock("@webiny/app-aco", async (importOriginal)=>{
+    const actual = await importOriginal();
+    const React = await import("react");
+    const Action = Object.assign((props)=>React.createElement("div", {
+            "data-action": props.name
+        }, props.element), {
+        OptionsMenuItem: ()=>null,
+        OptionsMenuLink: ()=>null
+    });
+    return {
+        ...actual,
+        AcoConfig: {
+            ...actual.AcoConfig,
+            Record: {
+                ...actual.AcoConfig.Record,
+                Action
+            }
+        }
+    };
+});
+const EntryAction = ContentEntryListConfig.Browser.Entry.Action;
+function createEntry(reviewState) {
+    const workflow = null === reviewState ? null : {
+        reviewState
+    };
+    return {
+        id: "entry-1#0001",
+        entryId: "entry-1",
+        meta: {
+            title: "Hello",
+            status: "draft",
+            version: 1,
+            locked: false,
+            system: {
+                workflow
+            }
+        }
+    };
+}
+function renderActions(entry) {
+    return render(/*#__PURE__*/ react.createElement(AdminUiProvider, null, /*#__PURE__*/ react.createElement(CompositionProvider, null, /*#__PURE__*/ react.createElement(ModelContext.Provider, {
+        value: MODEL
+    }, /*#__PURE__*/ react.createElement(EntryProvider, {
+        entry: entry
+    }, /*#__PURE__*/ react.createElement(CmsReviewScheduleEntryAction, null), /*#__PURE__*/ react.createElement(EntryAction, {
+        name: "schedule",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "schedule-item"
+        })
+    }), /*#__PURE__*/ react.createElement(EntryAction, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "delete-item"
+        })
+    }))))));
+}
+const CASES = [
+    {
+        reviewState: null,
+        shown: true
+    },
+    {
+        reviewState: ReviewState.Approved,
+        shown: true
+    },
+    {
+        reviewState: ReviewState.InProgress,
+        shown: false
+    },
+    {
+        reviewState: ReviewState.Rejected,
+        shown: false
+    },
+    {
+        reviewState: ReviewState.Cancelled,
+        shown: false
+    }
+];
+describe("CmsReviewScheduleEntryAction", ()=>{
+    it.each(CASES)("review state $reviewState: Schedule shown is $shown", ({ reviewState, shown })=>{
+        renderActions(createEntry(reviewState));
+        expect(screen.queryAllByTestId("schedule-item")).toHaveLength(shown ? 1 : 0);
+        expect(screen.getByTestId("delete-item")).toBeTruthy();
+    });
+});
+
+//# sourceMappingURL=CmsReviewScheduleEntryAction.test.js.map

package/Components/CmsEntriesList/CmsReviewScheduleEntryAction.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/CmsEntriesList/CmsReviewScheduleEntryAction.test.js","sources":["../../../src/Components/CmsEntriesList/CmsReviewScheduleEntryAction.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { CompositionProvider } from \"@webiny/react-composition\";\nimport { AdminUiProvider } from \"@webiny/admin-ui\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms/exports/admin/cms/entry/list.js\";\nimport { ModelContext } from \"@webiny/app-headless-cms/admin/components/ModelProvider/index.js\";\nimport { EntryProvider } from \"@webiny/app-headless-cms/admin/hooks/useEntry.js\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { ReviewState } from \"@webiny/app-workflows/review/domain/ReviewState.js\";\nimport type { ReviewStateValue } from \"@webiny/app-workflows/review/domain/ReviewState.js\";\nimport { CmsReviewScheduleEntryAction } from \"./CmsReviewScheduleEntryAction.js\";\nimport { MODEL } from \"~/testing/models.js\";\n\ninterface FakeActionProps {\n    name: string;\n    element: React.ReactElement;\n}\n\nvi.mock(\"@webiny/app-aco\", async importOriginal => {\n    const actual = await importOriginal<typeof import(\"@webiny/app-aco\")>();\n    const React = await import(\"react\");\n    const Action = Object.assign(\n        (props: FakeActionProps) => {\n            return React.createElement(\"div\", { \"data-action\": props.name }, props.element);\n        },\n        { OptionsMenuItem: () => null, OptionsMenuLink: () => null }\n    );\n\n    return {\n        ...actual,\n        AcoConfig: {\n            ...actual.AcoConfig,\n            Record: { ...actual.AcoConfig.Record, Action }\n        }\n    };\n});\n\nconst EntryAction = ContentEntryListConfig.Browser.Entry.Action;\n\nfunction createEntry(reviewState: ReviewStateValue | null): CmsContentEntry {\n    const workflow = reviewState === null ? null : { reviewState };\n\n    return {\n        id: \"entry-1#0001\",\n        entryId: \"entry-1\",\n        meta: { title: \"Hello\", status: \"draft\", version: 1, locked: false, system: { workflow } }\n    } as unknown as CmsContentEntry;\n}\n\nfunction renderActions(entry: CmsContentEntry) {\n    return render(\n        <AdminUiProvider>\n            <CompositionProvider>\n                <ModelContext.Provider value={MODEL}>\n                    <EntryProvider entry={entry}>\n                        <CmsReviewScheduleEntryAction />\n                        <EntryAction\n                            name=\"schedule\"\n                            element={<span data-testid=\"schedule-item\" />}\n                        />\n                        <EntryAction name=\"delete\" element={<span data-testid=\"delete-item\" />} />\n                    </EntryProvider>\n                </ModelContext.Provider>\n            </CompositionProvider>\n        </AdminUiProvider>\n    );\n}\n\ninterface ScheduleCase {\n    reviewState: ReviewStateValue | null;\n    shown: boolean;\n}\n\nconst CASES: ScheduleCase[] = [\n    { reviewState: null, shown: true },\n    { reviewState: ReviewState.Approved, shown: true },\n    { reviewState: ReviewState.InProgress, shown: false },\n    { reviewState: ReviewState.Rejected, shown: false },\n    { reviewState: ReviewState.Cancelled, shown: false }\n];\n\ndescribe(\"CmsReviewScheduleEntryAction\", () => {\n    it.each(CASES)(\n        \"review state $reviewState: Schedule shown is $shown\",\n        ({ reviewState, shown }) => {\n            renderActions(createEntry(reviewState));\n\n            expect(screen.queryAllByTestId(\"schedule-item\")).toHaveLength(shown ? 1 : 0);\n            expect(screen.getByTestId(\"delete-item\")).toBeTruthy();\n        }\n    );\n});\n"],"names":["vi","importOriginal","actual","React","Action","Object","props","EntryAction","ContentEntryListConfig","createEntry","reviewState","workflow","renderActions","entry","render","AdminUiProvider","CompositionProvider","ModelContext","MODEL","EntryProvider","CmsReviewScheduleEntryAction","CASES","ReviewState","describe","it","shown","expect","screen"],"mappings":";;;;;;;;;;;AAuBAA,GAAG,IAAI,CAAC,mBAAmB,OAAMC;IAC7B,MAAMC,SAAS,MAAMD;IACrB,MAAME,QAAQ,MAAM,MAAM,CAAC;IAC3B,MAAMC,SAASC,OAAO,MAAM,CACxB,CAACC,QACUH,MAAM,aAAa,CAAC,OAAO;YAAE,eAAeG,MAAM,IAAI;QAAC,GAAGA,MAAM,OAAO,GAElF;QAAE,iBAAiB,IAAM;QAAM,iBAAiB,IAAM;IAAK;IAG/D,OAAO;QACH,GAAGJ,MAAM;QACT,WAAW;YACP,GAAGA,OAAO,SAAS;YACnB,QAAQ;gBAAE,GAAGA,OAAO,SAAS,CAAC,MAAM;gBAAEE;YAAO;QACjD;IACJ;AACJ;AAEA,MAAMG,cAAcC,uBAAuB,OAAO,CAAC,KAAK,CAAC,MAAM;AAE/D,SAASC,YAAYC,WAAoC;IACrD,MAAMC,WAAWD,AAAgB,SAAhBA,cAAuB,OAAO;QAAEA;IAAY;IAE7D,OAAO;QACH,IAAI;QACJ,SAAS;QACT,MAAM;YAAE,OAAO;YAAS,QAAQ;YAAS,SAAS;YAAG,QAAQ;YAAO,QAAQ;gBAAEC;YAAS;QAAE;IAC7F;AACJ;AAEA,SAASC,cAAcC,KAAsB;IACzC,OAAOC,OAAO,WAADA,GACT,oBAACC,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,qBAAmBA,MAAAA,WAAAA,GAChB,oBAACC,aAAa,QAAQ;QAAC,OAAOC;qBAC1B,oBAACC,eAAaA;QAAC,OAAON;qBAClB,oBAACO,8BAA4BA,OAAAA,WAAAA,GAC7B,oBAACb,aAAWA;QACR,MAAK;QACL,uBAAS,oBAAC;YAAK,eAAY;;sBAE/B,oBAACA,aAAWA;QAAC,MAAK;QAAS,uBAAS,oBAAC;YAAK,eAAY;;;AAM9E;AAOA,MAAMc,QAAwB;IAC1B;QAAE,aAAa;QAAM,OAAO;IAAK;IACjC;QAAE,aAAaC,YAAY,QAAQ;QAAE,OAAO;IAAK;IACjD;QAAE,aAAaA,YAAY,UAAU;QAAE,OAAO;IAAM;IACpD;QAAE,aAAaA,YAAY,QAAQ;QAAE,OAAO;IAAM;IAClD;QAAE,aAAaA,YAAY,SAAS;QAAE,OAAO;IAAM;CACtD;AAEDC,SAAS,gCAAgC;IACrCC,GAAG,IAAI,CAACH,OACJ,uDACA,CAAC,EAAEX,WAAW,EAAEe,KAAK,EAAE;QACnBb,cAAcH,YAAYC;QAE1BgB,OAAOC,OAAO,gBAAgB,CAAC,kBAAkB,YAAY,CAACF,QAAQ,IAAI;QAC1EC,OAAOC,OAAO,WAAW,CAAC,gBAAgB,UAAU;IACxD;AAER"}

package/Components/ContentEntryForm/CmsEntryReviewBar.d.ts

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

package/Components/ContentEntryForm/CmsEntryReviewBar.js

@@ -0,0 +1,32 @@
+import react, { useMemo } from "react";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { Separator } from "@webiny/admin-ui";
+import { EditorReviewBar } from "@webiny/app-workflows/review/editor/components/EditorReviewBar.js";
+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 { useCmsEntryReview } from "../../features/editorReview/useCmsEntryReview.js";
+import { Routes } from "../../routes.js";
+import { isReviewableModel } from "../../utils/isReviewableModel.js";
+import { getModelFieldLabels } from "./getModelFieldLabels.js";
+const CmsEntryReviewBar = ContentEntryFormContent.createDecorator((Original)=>createReactiveComponent(function(props) {
+        const formPresenter = useContentEntryFormPresenter();
+        const session = useCmsEntryReview();
+        const { entry, model } = formPresenter.vm;
+        const hasEntry = null !== entry && isReviewableModel(model);
+        const showsBar = hasEntry && "noWorkflow" !== session.presenter.vm.status;
+        const fieldLabels = useMemo(()=>getModelFieldLabels(model), [
+            model
+        ]);
+        if (!showsBar) return /*#__PURE__*/ react.createElement(Original, props);
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+            className: "max-w-screen p-sm"
+        }, /*#__PURE__*/ react.createElement(EditorReviewBar, {
+            session: session,
+            reviewsRoute: Routes.ContentEntries.ContentReviews,
+            fieldLabels: fieldLabels,
+            contentTypeLabel: model.name
+        })), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement(Original, props));
+    }));
+export { CmsEntryReviewBar };
+
+//# sourceMappingURL=CmsEntryReviewBar.js.map

package/Components/ContentEntryForm/CmsEntryReviewBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/ContentEntryForm/CmsEntryReviewBar.js","sources":["../../../src/Components/ContentEntryForm/CmsEntryReviewBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useMemo } from \"react\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { EditorReviewBar } from \"@webiny/app-workflows/review/editor/components/EditorReviewBar.js\";\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 { useCmsEntryReview } from \"~/features/editorReview/useCmsEntryReview.js\";\nimport { Routes } from \"~/routes.js\";\nimport { isReviewableModel } from \"~/utils/isReviewableModel.js\";\nimport { getModelFieldLabels } from \"./getModelFieldLabels.js\";\n\nexport const CmsEntryReviewBar = ContentEntryFormContent.createDecorator(Original => {\n    return createReactiveComponent(function CmsEntryReviewBarDecorator(props) {\n        const formPresenter = useContentEntryFormPresenter();\n        const session = useCmsEntryReview();\n        const { entry, model } = formPresenter.vm;\n        const hasEntry = entry !== null && isReviewableModel(model);\n        const showsBar = hasEntry && session.presenter.vm.status !== \"noWorkflow\";\n        const fieldLabels = useMemo(() => getModelFieldLabels(model), [model]);\n\n        if (!showsBar) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <>\n                <div className={\"max-w-screen p-sm\"}>\n                    <EditorReviewBar\n                        session={session}\n                        reviewsRoute={Routes.ContentEntries.ContentReviews}\n                        fieldLabels={fieldLabels}\n                        contentTypeLabel={model.name}\n                    />\n                </div>\n                <Separator />\n                <Original {...props} />\n            </>\n        );\n    });\n});\n"],"names":["CmsEntryReviewBar","ContentEntryFormContent","Original","createReactiveComponent","props","formPresenter","useContentEntryFormPresenter","session","useCmsEntryReview","entry","model","hasEntry","isReviewableModel","showsBar","fieldLabels","useMemo","getModelFieldLabels","EditorReviewBar","Routes","Separator"],"mappings":";;;;;;;;;;AAYO,MAAMA,oBAAoBC,wBAAwB,eAAe,CAACC,CAAAA,WAC9DC,wBAAwB,SAAoCC,KAAK;QACpE,MAAMC,gBAAgBC;QACtB,MAAMC,UAAUC;QAChB,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGL,cAAc,EAAE;QACzC,MAAMM,WAAWF,AAAU,SAAVA,SAAkBG,kBAAkBF;QACrD,MAAMG,WAAWF,YAAYJ,AAAgC,iBAAhCA,QAAQ,SAAS,CAAC,EAAE,CAAC,MAAM;QACxD,MAAMO,cAAcC,QAAQ,IAAMC,oBAAoBN,QAAQ;YAACA;SAAM;QAErE,IAAI,CAACG,UACD,OAAO,WAAP,GAAO,oBAACX,UAAaE;QAGzB,OAAO,WAAP,GACI,wDACI,oBAAC;YAAI,WAAW;yBACZ,oBAACa,iBAAeA;YACZ,SAASV;YACT,cAAcW,OAAO,cAAc,CAAC,cAAc;YAClD,aAAaJ;YACb,kBAAkBJ,MAAM,IAAI;2BAGpC,oBAACS,WAASA,OAAAA,WAAAA,GACV,oBAACjB,UAAaE;IAG1B"}

package/Components/ContentEntryForm/CmsEntryReviewBar.test.d.ts

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

package/Components/ContentEntryForm/CmsEntryReviewBar.test.js

@@ -0,0 +1,128 @@
+import react from "react";
+import { describe, expect, it, vi } from "vitest";
+import { act, screen, waitFor } from "@testing-library/react";
+import { ContentEntryFormContent } from "@webiny/app-headless-cms/presentation/contentEntries/views/layout/index.js";
+import { CmsEntryReviewBar } from "./CmsEntryReviewBar.js";
+import { MODEL, SINGLETON_MODEL } from "../../testing/models.js";
+import { renderEditorTree } from "../../testing/renderEditorTree.js";
+import { BOUND_NO_REVIEW, IN_REVIEW, LOADING, NO_WORKFLOW } from "../../testing/reviewStates.js";
+vi.mock("@webiny/app-workflows/review/editor/components/EditorReviewBar.js", async ()=>{
+    const React = await import("react");
+    return {
+        EditorReviewBar: (props)=>React.createElement("div", {
+                "data-testid": "editor-review-bar",
+                "data-reviews-path": props.reviewsRoute.path,
+                "data-field-labels": JSON.stringify(props.fieldLabels ?? null),
+                "data-content-type-label": props.contentTypeLabel
+            })
+    };
+});
+function renderContent(params) {
+    return renderEditorTree({
+        ...params,
+        children: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(CmsEntryReviewBar, null), /*#__PURE__*/ react.createElement(ContentEntryFormContent, null, /*#__PURE__*/ react.createElement("div", {
+            "data-testid": "original"
+        })))
+    });
+}
+describe("CmsEntryReviewBar", ()=>{
+    it("renders one bar above the original content of a loaded entry", async ()=>{
+        renderContent({
+            reviewVm: BOUND_NO_REVIEW
+        });
+        const bars = await screen.findAllByTestId("editor-review-bar");
+        const original = screen.getByTestId("original");
+        expect(bars).toHaveLength(1);
+        expect(bars[0].getAttribute("data-reviews-path")).toBe("/cms/content-reviews");
+        const position = bars[0].compareDocumentPosition(original);
+        expect(position & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+    });
+    it("passes the model name to the bar as the content type label", async ()=>{
+        renderContent({
+            reviewVm: BOUND_NO_REVIEW
+        });
+        const [bar] = await screen.findAllByTestId("editor-review-bar");
+        expect(bar.getAttribute("data-content-type-label")).toBe("Article");
+    });
+    it("passes the model's field labels to the bar for Review details (RD5)", async ()=>{
+        const model = {
+            ...MODEL,
+            fields: [
+                {
+                    fieldId: "title",
+                    label: "Title"
+                },
+                {
+                    fieldId: "description",
+                    label: "Body"
+                }
+            ]
+        };
+        renderContent({
+            formVm: {
+                model
+            },
+            reviewVm: BOUND_NO_REVIEW
+        });
+        const [bar] = await screen.findAllByTestId("editor-review-bar");
+        expect(JSON.parse(bar.getAttribute("data-field-labels") ?? "null")).toEqual({
+            title: "Title",
+            description: "Body"
+        });
+    });
+    it.each([
+        [
+            "loading",
+            LOADING
+        ],
+        [
+            "in review",
+            IN_REVIEW
+        ]
+    ])("shows the bar while the status is %s", async (_name, reviewVm)=>{
+        renderContent({
+            reviewVm
+        });
+        expect(await screen.findAllByTestId("editor-review-bar")).toHaveLength(1);
+    });
+    it("shows nothing when no workflow is bound", async ()=>{
+        renderContent({
+            reviewVm: NO_WORKFLOW
+        });
+        await waitFor(()=>expect(screen.queryByTestId("editor-review-bar")).toBeNull());
+        expect(screen.getByTestId("original")).toBeTruthy();
+    });
+    it("shows nothing for a new entry", async ()=>{
+        renderContent({
+            formVm: {
+                entry: null,
+                isNewEntry: true
+            },
+            reviewVm: BOUND_NO_REVIEW
+        });
+        await waitFor(()=>expect(screen.queryByTestId("editor-review-bar")).toBeNull());
+        expect(screen.getByTestId("original")).toBeTruthy();
+    });
+    it("shows nothing for a singleton model", async ()=>{
+        renderContent({
+            formVm: {
+                model: SINGLETON_MODEL
+            },
+            reviewVm: BOUND_NO_REVIEW
+        });
+        await waitFor(()=>expect(screen.queryByTestId("editor-review-bar")).toBeNull());
+        expect(screen.getByTestId("original")).toBeTruthy();
+    });
+    it("appears when the status becomes known", async ()=>{
+        const view = renderContent({
+            reviewVm: NO_WORKFLOW
+        });
+        await waitFor(()=>expect(screen.queryByTestId("editor-review-bar")).toBeNull());
+        act(()=>{
+            view.setVm(BOUND_NO_REVIEW);
+        });
+        expect(await screen.findAllByTestId("editor-review-bar")).toHaveLength(1);
+    });
+});
+
+//# sourceMappingURL=CmsEntryReviewBar.test.js.map

package/Components/ContentEntryForm/CmsEntryReviewBar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/ContentEntryForm/CmsEntryReviewBar.test.js","sources":["../../../src/Components/ContentEntryForm/CmsEntryReviewBar.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { act } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { waitFor } from \"@testing-library/react\";\nimport type { Route } from \"@webiny/app-admin\";\nimport { ContentEntryFormContent } from \"@webiny/app-headless-cms/presentation/contentEntries/views/layout/index.js\";\nimport { CmsEntryReviewBar } from \"./CmsEntryReviewBar.js\";\nimport { MODEL } from \"~/testing/models.js\";\nimport { SINGLETON_MODEL } from \"~/testing/models.js\";\nimport { renderEditorTree } from \"~/testing/renderEditorTree.js\";\nimport { BOUND_NO_REVIEW } from \"~/testing/reviewStates.js\";\nimport { IN_REVIEW } from \"~/testing/reviewStates.js\";\nimport { LOADING } from \"~/testing/reviewStates.js\";\nimport { NO_WORKFLOW } from \"~/testing/reviewStates.js\";\n\ninterface FakeBarProps {\n    reviewsRoute: Route<any>;\n    fieldLabels?: Record<string, string>;\n    contentTypeLabel?: string;\n}\n\nvi.mock(\"@webiny/app-workflows/review/editor/components/EditorReviewBar.js\", async () => {\n    const React = await import(\"react\");\n\n    return {\n        EditorReviewBar: (props: FakeBarProps) => {\n            return React.createElement(\"div\", {\n                \"data-testid\": \"editor-review-bar\",\n                \"data-reviews-path\": props.reviewsRoute.path,\n                \"data-field-labels\": JSON.stringify(props.fieldLabels ?? null),\n                \"data-content-type-label\": props.contentTypeLabel\n            });\n        }\n    };\n});\n\nfunction renderContent(params: Parameters<typeof renderEditorTree>[0]) {\n    return renderEditorTree({\n        ...params,\n        children: (\n            <>\n                <CmsEntryReviewBar />\n                <ContentEntryFormContent>\n                    <div data-testid=\"original\" />\n                </ContentEntryFormContent>\n            </>\n        )\n    });\n}\n\ndescribe(\"CmsEntryReviewBar\", () => {\n    it(\"renders one bar above the original content of a loaded entry\", async () => {\n        renderContent({ reviewVm: BOUND_NO_REVIEW });\n\n        const bars = await screen.findAllByTestId(\"editor-review-bar\");\n        const original = screen.getByTestId(\"original\");\n\n        expect(bars).toHaveLength(1);\n        expect(bars[0].getAttribute(\"data-reviews-path\")).toBe(\"/cms/content-reviews\");\n        const position = bars[0].compareDocumentPosition(original);\n        expect(position & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();\n    });\n\n    it(\"passes the model name to the bar as the content type label\", async () => {\n        renderContent({ reviewVm: BOUND_NO_REVIEW });\n\n        const [bar] = await screen.findAllByTestId(\"editor-review-bar\");\n        expect(bar.getAttribute(\"data-content-type-label\")).toBe(\"Article\");\n    });\n\n    it(\"passes the model's field labels to the bar for Review details (RD5)\", async () => {\n        const model = {\n            ...MODEL,\n            fields: [\n                { fieldId: \"title\", label: \"Title\" },\n                { fieldId: \"description\", label: \"Body\" }\n            ]\n        } as unknown as typeof MODEL;\n        renderContent({ formVm: { model }, reviewVm: BOUND_NO_REVIEW });\n\n        const [bar] = await screen.findAllByTestId(\"editor-review-bar\");\n        expect(JSON.parse(bar.getAttribute(\"data-field-labels\") ?? \"null\")).toEqual({\n            title: \"Title\",\n            description: \"Body\"\n        });\n    });\n\n    it.each([\n        [\"loading\", LOADING],\n        [\"in review\", IN_REVIEW]\n    ])(\"shows the bar while the status is %s\", async (_name, reviewVm) => {\n        renderContent({ reviewVm });\n\n        expect(await screen.findAllByTestId(\"editor-review-bar\")).toHaveLength(1);\n    });\n\n    it(\"shows nothing when no workflow is bound\", async () => {\n        renderContent({ reviewVm: NO_WORKFLOW });\n\n        await waitFor(() => expect(screen.queryByTestId(\"editor-review-bar\")).toBeNull());\n        expect(screen.getByTestId(\"original\")).toBeTruthy();\n    });\n\n    it(\"shows nothing for a new entry\", async () => {\n        renderContent({ formVm: { entry: null, isNewEntry: true }, reviewVm: BOUND_NO_REVIEW });\n\n        await waitFor(() => expect(screen.queryByTestId(\"editor-review-bar\")).toBeNull());\n        expect(screen.getByTestId(\"original\")).toBeTruthy();\n    });\n\n    it(\"shows nothing for a singleton model\", async () => {\n        renderContent({ formVm: { model: SINGLETON_MODEL }, reviewVm: BOUND_NO_REVIEW });\n\n        await waitFor(() => expect(screen.queryByTestId(\"editor-review-bar\")).toBeNull());\n        expect(screen.getByTestId(\"original\")).toBeTruthy();\n    });\n\n    it(\"appears when the status becomes known\", async () => {\n        const view = renderContent({ reviewVm: NO_WORKFLOW });\n        await waitFor(() => expect(screen.queryByTestId(\"editor-review-bar\")).toBeNull());\n\n        act(() => {\n            view.setVm(BOUND_NO_REVIEW);\n        });\n\n        expect(await screen.findAllByTestId(\"editor-review-bar\")).toHaveLength(1);\n    });\n});\n"],"names":["vi","React","props","JSON","renderContent","params","renderEditorTree","CmsEntryReviewBar","ContentEntryFormContent","describe","it","BOUND_NO_REVIEW","bars","screen","original","expect","position","Node","bar","model","MODEL","LOADING","IN_REVIEW","_name","reviewVm","NO_WORKFLOW","waitFor","SINGLETON_MODEL","view","act"],"mappings":";;;;;;;;AAyBAA,GAAG,IAAI,CAAC,qEAAqE;IACzE,MAAMC,QAAQ,MAAM,MAAM,CAAC;IAE3B,OAAO;QACH,iBAAiB,CAACC,QACPD,MAAM,aAAa,CAAC,OAAO;gBAC9B,eAAe;gBACf,qBAAqBC,MAAM,YAAY,CAAC,IAAI;gBAC5C,qBAAqBC,KAAK,SAAS,CAACD,MAAM,WAAW,IAAI;gBACzD,2BAA2BA,MAAM,gBAAgB;YACrD;IAER;AACJ;AAEA,SAASE,cAAcC,MAA8C;IACjE,OAAOC,iBAAiB;QACpB,GAAGD,MAAM;QACT,UAAU,WAAV,GACI,wDACI,oBAACE,mBAAiBA,OAAAA,WAAAA,GAClB,oBAACC,yBAAuBA,MAAAA,WAAAA,GACpB,oBAAC;YAAI,eAAY;;IAIjC;AACJ;AAEAC,SAAS,qBAAqB;IAC1BC,GAAG,gEAAgE;QAC/DN,cAAc;YAAE,UAAUO;QAAgB;QAE1C,MAAMC,OAAO,MAAMC,OAAO,eAAe,CAAC;QAC1C,MAAMC,WAAWD,OAAO,WAAW,CAAC;QAEpCE,OAAOH,MAAM,YAAY,CAAC;QAC1BG,OAAOH,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,IAAI,CAAC;QACvD,MAAMI,WAAWJ,IAAI,CAAC,EAAE,CAAC,uBAAuB,CAACE;QACjDC,OAAOC,WAAWC,KAAK,2BAA2B,EAAE,UAAU;IAClE;IAEAP,GAAG,8DAA8D;QAC7DN,cAAc;YAAE,UAAUO;QAAgB;QAE1C,MAAM,CAACO,IAAI,GAAG,MAAML,OAAO,eAAe,CAAC;QAC3CE,OAAOG,IAAI,YAAY,CAAC,4BAA4B,IAAI,CAAC;IAC7D;IAEAR,GAAG,uEAAuE;QACtE,MAAMS,QAAQ;YACV,GAAGC,KAAK;YACR,QAAQ;gBACJ;oBAAE,SAAS;oBAAS,OAAO;gBAAQ;gBACnC;oBAAE,SAAS;oBAAe,OAAO;gBAAO;aAC3C;QACL;QACAhB,cAAc;YAAE,QAAQ;gBAAEe;YAAM;YAAG,UAAUR;QAAgB;QAE7D,MAAM,CAACO,IAAI,GAAG,MAAML,OAAO,eAAe,CAAC;QAC3CE,OAAOZ,KAAK,KAAK,CAACe,IAAI,YAAY,CAAC,wBAAwB,SAAS,OAAO,CAAC;YACxE,OAAO;YACP,aAAa;QACjB;IACJ;IAEAR,GAAG,IAAI,CAAC;QACJ;YAAC;YAAWW;SAAQ;QACpB;YAAC;YAAaC;SAAU;KAC3B,EAAE,wCAAwC,OAAOC,OAAOC;QACrDpB,cAAc;YAAEoB;QAAS;QAEzBT,OAAO,MAAMF,OAAO,eAAe,CAAC,sBAAsB,YAAY,CAAC;IAC3E;IAEAH,GAAG,2CAA2C;QAC1CN,cAAc;YAAE,UAAUqB;QAAY;QAEtC,MAAMC,QAAQ,IAAMX,OAAOF,OAAO,aAAa,CAAC,sBAAsB,QAAQ;QAC9EE,OAAOF,OAAO,WAAW,CAAC,aAAa,UAAU;IACrD;IAEAH,GAAG,iCAAiC;QAChCN,cAAc;YAAE,QAAQ;gBAAE,OAAO;gBAAM,YAAY;YAAK;YAAG,UAAUO;QAAgB;QAErF,MAAMe,QAAQ,IAAMX,OAAOF,OAAO,aAAa,CAAC,sBAAsB,QAAQ;QAC9EE,OAAOF,OAAO,WAAW,CAAC,aAAa,UAAU;IACrD;IAEAH,GAAG,uCAAuC;QACtCN,cAAc;YAAE,QAAQ;gBAAE,OAAOuB;YAAgB;YAAG,UAAUhB;QAAgB;QAE9E,MAAMe,QAAQ,IAAMX,OAAOF,OAAO,aAAa,CAAC,sBAAsB,QAAQ;QAC9EE,OAAOF,OAAO,WAAW,CAAC,aAAa,UAAU;IACrD;IAEAH,GAAG,yCAAyC;QACxC,MAAMkB,OAAOxB,cAAc;YAAE,UAAUqB;QAAY;QACnD,MAAMC,QAAQ,IAAMX,OAAOF,OAAO,aAAa,CAAC,sBAAsB,QAAQ;QAE9EgB,IAAI;YACAD,KAAK,KAAK,CAACjB;QACf;QAEAI,OAAO,MAAMF,OAAO,eAAe,CAAC,sBAAsB,YAAY,CAAC;IAC3E;AACJ"}

package/Components/ContentEntryForm/CmsEntryReviewBlockedActions.d.ts

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

package/Components/ContentEntryForm/CmsEntryReviewBlockedActions.js

@@ -0,0 +1,46 @@
+import react from "react";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { InternalContentEntryEditorConfig } from "@webiny/app-headless-cms/admin/config/contentEntries/index.js";
+import { IsModelPublishable } from "@webiny/app-headless-cms/admin/components/IsModelPublishable.js";
+import { usePermission } from "@webiny/app-headless-cms/admin/hooks/usePermission.js";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js";
+import { ReviewTooltip } from "@webiny/app-workflows/review/presentation/targetReview/components/ReviewTooltip.js";
+import { useCmsEntryReview } from "../../features/editorReview/useCmsEntryReview.js";
+import { isReviewableModel } from "../../utils/isReviewableModel.js";
+import { ignoreAction } from "../ignoreAction.js";
+const { Actions: Actions } = InternalContentEntryEditorConfig;
+const BlockedActions = createReactiveComponent(()=>{
+    const { ButtonPrimary, ButtonSecondary } = Actions.ButtonAction.useButtons();
+    const formPresenter = useContentEntryFormPresenter();
+    const session = useCmsEntryReview();
+    const { canPublish } = usePermission();
+    const { entry, model, canSave, canPublish: canPublishNow } = formPresenter.vm;
+    const review = session.presenter.vm;
+    if (null === entry || !isReviewableModel(model) || null === review.publishDisabledReason) return null;
+    const isStatusUnknown = "loading" === review.status || "failed" === review.status;
+    const showSave = isStatusUnknown && !canSave;
+    const isPublishable = "published" !== entry.meta.status && canPublish("cms.contentEntry");
+    const showPublish = isPublishable && !canPublishNow;
+    if (!showSave && !showPublish) return null;
+    return /*#__PURE__*/ react.createElement(ReviewTooltip, {
+        presenter: session.presenter
+    }, (describedBy)=>/*#__PURE__*/ react.createElement("span", {
+            className: "flex items-center gap-sm"
+        }, showSave && /*#__PURE__*/ react.createElement(ButtonSecondary, {
+            "aria-disabled": true,
+            "aria-describedby": describedBy,
+            onAction: ignoreAction
+        }, "Save"), showPublish && /*#__PURE__*/ react.createElement(ButtonPrimary, {
+            "aria-disabled": true,
+            "aria-describedby": describedBy,
+            onAction: ignoreAction
+        }, "Publish")));
+});
+const CmsEntryReviewBlockedActions = ()=>/*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(IsModelPublishable, null, /*#__PURE__*/ react.createElement(Actions.ButtonAction, {
+        after: "publishOnly",
+        name: "workflowBlockedActions",
+        element: /*#__PURE__*/ react.createElement(BlockedActions, null)
+    })));
+export { CmsEntryReviewBlockedActions };
+
+//# sourceMappingURL=CmsEntryReviewBlockedActions.js.map

package/Components/ContentEntryForm/CmsEntryReviewBlockedActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/ContentEntryForm/CmsEntryReviewBlockedActions.js","sources":["../../../src/Components/ContentEntryForm/CmsEntryReviewBlockedActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { InternalContentEntryEditorConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { IsModelPublishable } from \"@webiny/app-headless-cms/admin/components/IsModelPublishable.js\";\nimport { usePermission } from \"@webiny/app-headless-cms/admin/hooks/usePermission.js\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { ReviewTooltip } from \"@webiny/app-workflows/review/presentation/targetReview/components/ReviewTooltip.js\";\nimport { useCmsEntryReview } from \"~/features/editorReview/useCmsEntryReview.js\";\nimport { isReviewableModel } from \"~/utils/isReviewableModel.js\";\nimport { ignoreAction } from \"../ignoreAction.js\";\n\nconst { Actions } = InternalContentEntryEditorConfig;\n\nconst BlockedActions = createReactiveComponent(() => {\n    const { ButtonPrimary, ButtonSecondary } = Actions.ButtonAction.useButtons();\n    const formPresenter = useContentEntryFormPresenter();\n    const session = useCmsEntryReview();\n    const { canPublish } = usePermission();\n    const { entry, model, canSave, canPublish: canPublishNow } = formPresenter.vm;\n    const review = session.presenter.vm;\n\n    if (entry === null || !isReviewableModel(model) || review.publishDisabledReason === null) {\n        return null;\n    }\n\n    const isStatusUnknown = review.status === \"loading\" || review.status === \"failed\";\n    const showSave = isStatusUnknown && !canSave;\n    const isPublishable = entry.meta.status !== \"published\" && canPublish(\"cms.contentEntry\");\n    const showPublish = isPublishable && !canPublishNow;\n\n    if (!showSave && !showPublish) {\n        return null;\n    }\n\n    return (\n        <ReviewTooltip presenter={session.presenter}>\n            {describedBy => (\n                <span className={\"flex items-center gap-sm\"}>\n                    {showSave && (\n                        <ButtonSecondary\n                            aria-disabled={true}\n                            aria-describedby={describedBy}\n                            onAction={ignoreAction}\n                        >\n                            {\"Save\"}\n                        </ButtonSecondary>\n                    )}\n                    {showPublish && (\n                        <ButtonPrimary\n                            aria-disabled={true}\n                            aria-describedby={describedBy}\n                            onAction={ignoreAction}\n                        >\n                            {\"Publish\"}\n                        </ButtonPrimary>\n                    )}\n                </span>\n            )}\n        </ReviewTooltip>\n    );\n});\n\n/*\n * The base Save and Publish buttons render nothing when `canSave` or `canPublish` is false. While\n * the review status is unknown, or a review does not allow publishing yet, this shows them\n * `aria-disabled` and focusable (never removed, R226), with the reason from the shared review rules\n * given by `ReviewTooltip` (its render function hands each button the `aria-describedby`, R241).\n * At most two buttons show (Save only while the status is unknown); the base Save & Publish stays\n * hidden because `canPublish` is false.\n */\nexport const CmsEntryReviewBlockedActions = () => {\n    return (\n        <InternalContentEntryEditorConfig>\n            <IsModelPublishable>\n                <Actions.ButtonAction\n                    after={\"publishOnly\"}\n                    name={\"workflowBlockedActions\"}\n                    element={<BlockedActions />}\n                />\n            </IsModelPublishable>\n        </InternalContentEntryEditorConfig>\n    );\n};\n"],"names":["Actions","InternalContentEntryEditorConfig","BlockedActions","createReactiveComponent","ButtonPrimary","ButtonSecondary","formPresenter","useContentEntryFormPresenter","session","useCmsEntryReview","canPublish","usePermission","entry","model","canSave","canPublishNow","review","isReviewableModel","isStatusUnknown","showSave","isPublishable","showPublish","ReviewTooltip","describedBy","ignoreAction","CmsEntryReviewBlockedActions","IsModelPublishable"],"mappings":";;;;;;;;;;AAWA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEpB,MAAMC,iBAAiBC,wBAAwB;IAC3C,MAAM,EAAEC,aAAa,EAAEC,eAAe,EAAE,GAAGL,QAAQ,YAAY,CAAC,UAAU;IAC1E,MAAMM,gBAAgBC;IACtB,MAAMC,UAAUC;IAChB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,OAAO,EAAE,YAAYC,aAAa,EAAE,GAAGT,cAAc,EAAE;IAC7E,MAAMU,SAASR,QAAQ,SAAS,CAAC,EAAE;IAEnC,IAAII,AAAU,SAAVA,SAAkB,CAACK,kBAAkBJ,UAAUG,AAAiC,SAAjCA,OAAO,qBAAqB,EAC3E,OAAO;IAGX,MAAME,kBAAkBF,AAAkB,cAAlBA,OAAO,MAAM,IAAkBA,AAAkB,aAAlBA,OAAO,MAAM;IACpE,MAAMG,WAAWD,mBAAmB,CAACJ;IACrC,MAAMM,gBAAgBR,AAAsB,gBAAtBA,MAAM,IAAI,CAAC,MAAM,IAAoBF,WAAW;IACtE,MAAMW,cAAcD,iBAAiB,CAACL;IAEtC,IAAI,CAACI,YAAY,CAACE,aACd,OAAO;IAGX,OAAO,WAAP,GACI,oBAACC,eAAaA;QAAC,WAAWd,QAAQ,SAAS;OACtCe,CAAAA,cAAAA,WAAAA,GACG,oBAAC;YAAK,WAAW;WACZJ,YAAY,WAAZA,GACG,oBAACd,iBAAAA;YACG,iBAAe;YACf,oBAAkBkB;YAClB,UAAUC;WAET,SAGRH,eAAe,WAAfA,GACG,oBAACjB,eAAAA;YACG,iBAAe;YACf,oBAAkBmB;YAClB,UAAUC;WAET;AAO7B;AAUO,MAAMC,+BAA+B,IACjC,WAAP,GACI,oBAACxB,kCAAgCA,MAAAA,WAAAA,GAC7B,oBAACyB,oBAAkBA,MAAAA,WAAAA,GACf,oBAAC1B,QAAQ,YAAY;QACjB,OAAO;QACP,MAAM;QACN,uBAAS,oBAACE,gBAAcA"}

package/Components/ContentEntryForm/CmsEntryReviewBlockedActions.test.d.ts

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