@webiny/app-record-locking 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/presentation/entryLocking/components/LockedEntryOverlay.js

@@ -0,0 +1,52 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/lock.svg";
+import { Grid, Heading, Icon, Text } from "@webiny/admin-ui";
+import { ForceUnlockButton } from "./ForceUnlockButton.js";
+const LockedEntryOverlay = ({ vm, entryTitle, onForceUnlock, onNavigateBack })=>{
+    const title = entryTitle ? `Record (${entryTitle}) is locked!` : "Record is locked!";
+    if (!vm.lockRecord?.lockedBy) return /*#__PURE__*/ react.createElement(Wrapper, null, /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "mb-sm"
+    }, title), /*#__PURE__*/ react.createElement(Text, null, "This record is locked, but the system cannot find the user that created the record lock. A force-unlock is required to regain editing capabilities for this record."), /*#__PURE__*/ react.createElement(ForceUnlockButton, {
+        canForceUnlock: vm.canForceUnlock,
+        lockedBy: null,
+        entryTitle: entryTitle,
+        onForceUnlock: onForceUnlock,
+        onNavigateBack: onNavigateBack
+    }));
+    return /*#__PURE__*/ react.createElement(Wrapper, null, /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "mb-sm"
+    }, title), /*#__PURE__*/ react.createElement(Text, null, "It is locked because ", /*#__PURE__*/ react.createElement("strong", null, vm.lockedByUserName), " is currently editing this record. You can either contact the user and ask them to unlock the record, or you can wait for the lock to expire."), /*#__PURE__*/ react.createElement(ForceUnlockButton, {
+        canForceUnlock: vm.canForceUnlock,
+        lockedBy: vm.lockRecord.lockedBy,
+        entryTitle: entryTitle,
+        onForceUnlock: onForceUnlock,
+        onNavigateBack: onNavigateBack
+    }));
+};
+const Wrapper = ({ children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "w-5/12 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex p-lg border-sm border-neutral-dimmed-darker rounded-3xl bg-neutral-base"
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 3
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "h-full flex items-center justify-center bg-neutral-dimmed rounded-md p-lg"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        style: {
+            width: "64px",
+            height: "64px"
+        },
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Locked Record",
+        color: "accent",
+        size: "lg"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 9
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col justify-center"
+    }, children)))));
+export { LockedEntryOverlay };
+
+//# sourceMappingURL=LockedEntryOverlay.js.map

package/presentation/entryLocking/components/LockedEntryOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/components/LockedEntryOverlay.js","sources":["../../../../src/presentation/entryLocking/components/LockedEntryOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { Grid, Heading, Icon, Text } from \"@webiny/admin-ui\";\nimport { ForceUnlockButton } from \"./ForceUnlockButton.js\";\nimport type { IRecordLockingViewModel } from \"../abstractions.js\";\n\ninterface LockedEntryOverlayProps {\n    vm: IRecordLockingViewModel;\n    entryTitle?: string;\n    onForceUnlock: () => Promise<boolean>;\n    onNavigateBack: () => void;\n}\n\nexport const LockedEntryOverlay = ({\n    vm,\n    entryTitle,\n    onForceUnlock,\n    onNavigateBack\n}: LockedEntryOverlayProps) => {\n    const title = entryTitle ? `Record (${entryTitle}) is locked!` : \"Record is locked!\";\n\n    if (!vm.lockRecord?.lockedBy) {\n        return (\n            <Wrapper>\n                <Heading level={4} className={\"mb-sm\"}>\n                    {title}\n                </Heading>\n                <Text>\n                    This record is locked, but the system cannot find the user that created the\n                    record lock. A force-unlock is required to regain editing capabilities for this\n                    record.\n                </Text>\n                <ForceUnlockButton\n                    canForceUnlock={vm.canForceUnlock}\n                    lockedBy={null}\n                    entryTitle={entryTitle}\n                    onForceUnlock={onForceUnlock}\n                    onNavigateBack={onNavigateBack}\n                />\n            </Wrapper>\n        );\n    }\n\n    return (\n        <Wrapper>\n            <Heading level={4} className={\"mb-sm\"}>\n                {title}\n            </Heading>\n            <Text>\n                It is locked because <strong>{vm.lockedByUserName}</strong> is currently editing\n                this record. You can either contact the user and ask them to unlock the record, or\n                you can wait for the lock to expire.\n            </Text>\n            <ForceUnlockButton\n                canForceUnlock={vm.canForceUnlock}\n                lockedBy={vm.lockRecord.lockedBy}\n                entryTitle={entryTitle}\n                onForceUnlock={onForceUnlock}\n                onNavigateBack={onNavigateBack}\n            />\n        </Wrapper>\n    );\n};\n\nconst Wrapper = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <div className=\"w-5/12 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50\">\n            <div\n                className={\n                    \"flex p-lg border-sm border-neutral-dimmed-darker rounded-3xl bg-neutral-base\"\n                }\n            >\n                <Grid>\n                    <Grid.Column span={3}>\n                        <div className=\"h-full flex items-center justify-center bg-neutral-dimmed rounded-md p-lg\">\n                            <Icon\n                                style={{ width: \"64px\", height: \"64px\" }}\n                                icon={<LockIcon />}\n                                label={\"Locked Record\"}\n                                color={\"accent\"}\n                                size={\"lg\"}\n                            />\n                        </div>\n                    </Grid.Column>\n                    <Grid.Column span={9}>\n                        <div className={\"flex flex-col justify-center\"}>{children}</div>\n                    </Grid.Column>\n                </Grid>\n            </div>\n        </div>\n    );\n};\n"],"names":["LockedEntryOverlay","vm","entryTitle","onForceUnlock","onNavigateBack","title","Wrapper","Heading","Text","ForceUnlockButton","children","Grid","Icon","LockIcon"],"mappings":";;;;AAaO,MAAMA,qBAAqB,CAAC,EAC/BC,EAAE,EACFC,UAAU,EACVC,aAAa,EACbC,cAAc,EACQ;IACtB,MAAMC,QAAQH,aAAa,CAAC,QAAQ,EAAEA,WAAW,YAAY,CAAC,GAAG;IAEjE,IAAI,CAACD,GAAG,UAAU,EAAE,UAChB,OAAO,WAAP,GACI,oBAACK,SAAOA,MAAAA,WAAAA,GACJ,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBF,QAAAA,WAAAA,GAEL,oBAACG,MAAIA,MAAC,sLAKN,oBAACC,mBAAiBA;QACd,gBAAgBR,GAAG,cAAc;QACjC,UAAU;QACV,YAAYC;QACZ,eAAeC;QACf,gBAAgBC;;IAMhC,OAAO,WAAP,GACI,oBAACE,SAAOA,MAAAA,WAAAA,GACJ,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBF,QAAAA,WAAAA,GAEL,oBAACG,MAAIA,MAAC,uCACmB,oBAAC,gBAAQP,GAAG,gBAAgB,GAAU,gKAI/D,oBAACQ,mBAAiBA;QACd,gBAAgBR,GAAG,cAAc;QACjC,UAAUA,GAAG,UAAU,CAAC,QAAQ;QAChC,YAAYC;QACZ,eAAeC;QACf,gBAAgBC;;AAIhC;AAEA,MAAME,UAAU,CAAC,EAAEI,QAAQ,EAAiC,GACjD,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QACG,WACI;qBAGJ,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA;QACD,OAAO;YAAE,OAAO;YAAQ,QAAQ;QAAO;QACvC,oBAAM,oBAACC,gBAAQA;QACf,OAAO;QACP,OAAO;QACP,MAAM;wBAIlB,oBAACF,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OAAiCD"}

package/presentation/entryLocking/components/RecordLockingGuard.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface RecordLockingGuardProps {
+    entryId: string;
+    modelId: string;
+    entryTitle?: string;
+    onNavigateBack: () => void;
+    children: React.ReactNode;
+}
+export declare const RecordLockingGuard: (({ entryId, modelId, entryTitle, onNavigateBack, children }: RecordLockingGuardProps) => React.JSX.Element) & React.NamedExoticComponent<RecordLockingGuardProps> & {
+    readonly type: ({ entryId, modelId, entryTitle, onNavigateBack, children }: RecordLockingGuardProps) => React.JSX.Element;
+};
+export {};

package/presentation/entryLocking/components/RecordLockingGuard.js

@@ -0,0 +1,74 @@
+import react, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { useContainer, useRouter } from "@webiny/app";
+import { useDialogs } from "@webiny/app-admin";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { useWebsockets } from "@webiny/app-websockets";
+import { parseIdentifier } from "@webiny/utils";
+import { RecordLockingPresenter } from "../abstractions.js";
+import { LockedEntryOverlay } from "./LockedEntryOverlay.js";
+const RecordLockingGuard = observer(({ entryId, modelId, entryTitle, onNavigateBack, children })=>{
+    const container = useContainer();
+    const presenter = react.useMemo(()=>container.resolve(RecordLockingPresenter), [
+        container
+    ]);
+    const websockets = useWebsockets();
+    const router = useRouter();
+    const { showDialog } = useDialogs();
+    useEffect(()=>{
+        presenter.init(entryId, modelId);
+        return ()=>{
+            presenter.dispose();
+        };
+    }, [
+        entryId,
+        modelId
+    ]);
+    useEffect(()=>{
+        const { id } = parseIdentifier(entryId);
+        const sub = websockets.onMessage(`recordLocking.entry.kickOut.${id}`, (incoming)=>{
+            presenter.handleKickOut(incoming.data);
+        });
+        return ()=>{
+            sub.off();
+        };
+    }, [
+        entryId,
+        modelId
+    ]);
+    useEffect(()=>{
+        if ("kicked-out" !== presenter.vm.status) return;
+        router.unblockTransition();
+        showDialog({
+            title: "Entry was forcefully unlocked!",
+            content: /*#__PURE__*/ react.createElement(react.Fragment, null, "The entry you were editing was forcefully unlocked by", " ", /*#__PURE__*/ react.createElement("strong", null, presenter.vm.lockRecord?.lockedBy?.displayName || "Unknown user"), ". Unfortunately, this means you lost the unsaved changes."),
+            acceptLabel: "Ok",
+            onClose: void 0,
+            cancelLabel: null
+        });
+        onNavigateBack();
+    }, [
+        presenter.vm.status
+    ]);
+    const { vm } = presenter;
+    if ("checking" === vm.status) return /*#__PURE__*/ react.createElement("div", {
+        className: "h-screen w-screen fixed top-0 left-0 z-20"
+    }, /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Checking record status..."
+    }));
+    if ("locked" === vm.status) return /*#__PURE__*/ react.createElement(LockedEntryOverlay, {
+        vm: vm,
+        entryTitle: entryTitle,
+        onForceUnlock: ()=>presenter.forceUnlock(),
+        onNavigateBack: onNavigateBack
+    });
+    if ("error" === vm.status) return /*#__PURE__*/ react.createElement("div", {
+        className: "h-screen w-screen fixed top-0 left-0 z-20"
+    }, /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Failed to check record lock status."
+    }));
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+});
+export { RecordLockingGuard };
+
+//# sourceMappingURL=RecordLockingGuard.js.map

package/presentation/entryLocking/components/RecordLockingGuard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/components/RecordLockingGuard.js","sources":["../../../../src/presentation/entryLocking/components/RecordLockingGuard.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useContainer, useRouter } from \"@webiny/app\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { useWebsockets } from \"@webiny/app-websockets\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { RecordLockingPresenter } from \"../abstractions.js\";\nimport { LockedEntryOverlay } from \"./LockedEntryOverlay.js\";\nimport type { IKickOutData } from \"../abstractions.js\";\nimport type { IncomingGenericData } from \"@webiny/app-websockets\";\n\ninterface KickOutMessage extends IncomingGenericData {\n    data: IKickOutData;\n}\n\ninterface RecordLockingGuardProps {\n    entryId: string;\n    modelId: string;\n    entryTitle?: string;\n    onNavigateBack: () => void;\n    children: React.ReactNode;\n}\n\nexport const RecordLockingGuard = observer(\n    ({ entryId, modelId, entryTitle, onNavigateBack, children }: RecordLockingGuardProps) => {\n        const container = useContainer();\n        const presenter = React.useMemo(\n            () => container.resolve(RecordLockingPresenter),\n            [container]\n        );\n        const websockets = useWebsockets();\n        const router = useRouter();\n        const { showDialog } = useDialogs();\n\n        useEffect(() => {\n            presenter.init(entryId, modelId);\n\n            return () => {\n                presenter.dispose();\n            };\n        }, [entryId, modelId]);\n\n        useEffect(() => {\n            const { id } = parseIdentifier(entryId);\n\n            const sub = websockets.onMessage<KickOutMessage>(\n                `recordLocking.entry.kickOut.${id}`,\n                incoming => {\n                    presenter.handleKickOut(incoming.data);\n                }\n            );\n\n            return () => {\n                sub.off();\n            };\n        }, [entryId, modelId]);\n\n        useEffect(() => {\n            if (presenter.vm.status !== \"kicked-out\") {\n                return;\n            }\n\n            router.unblockTransition();\n\n            showDialog({\n                title: \"Entry was forcefully unlocked!\",\n                content: (\n                    <>\n                        The entry you were editing was forcefully unlocked by{\" \"}\n                        <strong>\n                            {presenter.vm.lockRecord?.lockedBy?.displayName || \"Unknown user\"}\n                        </strong>\n                        . Unfortunately, this means you lost the unsaved changes.\n                    </>\n                ),\n                acceptLabel: \"Ok\",\n                onClose: undefined,\n                cancelLabel: null\n            });\n\n            onNavigateBack();\n        }, [presenter.vm.status]);\n\n        const { vm } = presenter;\n\n        if (vm.status === \"checking\") {\n            return (\n                <div className={\"h-screen w-screen fixed top-0 left-0 z-20\"}>\n                    <OverlayLoader text={\"Checking record status...\"} />\n                </div>\n            );\n        }\n\n        if (vm.status === \"locked\") {\n            return (\n                <LockedEntryOverlay\n                    vm={vm}\n                    entryTitle={entryTitle}\n                    onForceUnlock={() => presenter.forceUnlock()}\n                    onNavigateBack={onNavigateBack}\n                />\n            );\n        }\n\n        if (vm.status === \"error\") {\n            return (\n                <div className={\"h-screen w-screen fixed top-0 left-0 z-20\"}>\n                    <OverlayLoader text={\"Failed to check record lock status.\"} />\n                </div>\n            );\n        }\n\n        return <>{children}</>;\n    }\n);\n"],"names":["RecordLockingGuard","observer","entryId","modelId","entryTitle","onNavigateBack","children","container","useContainer","presenter","React","RecordLockingPresenter","websockets","useWebsockets","router","useRouter","showDialog","useDialogs","useEffect","id","parseIdentifier","sub","incoming","undefined","vm","OverlayLoader","LockedEntryOverlay"],"mappings":";;;;;;;;;AAwBO,MAAMA,qBAAqBC,SAC9B,CAAC,EAAEC,OAAO,EAAEC,OAAO,EAAEC,UAAU,EAAEC,cAAc,EAAEC,QAAQ,EAA2B;IAChF,MAAMC,YAAYC;IAClB,MAAMC,YAAYC,MAAAA,OAAa,CAC3B,IAAMH,UAAU,OAAO,CAACI,yBACxB;QAACJ;KAAU;IAEf,MAAMK,aAAaC;IACnB,MAAMC,SAASC;IACf,MAAM,EAAEC,UAAU,EAAE,GAAGC;IAEvBC,UAAU;QACNT,UAAU,IAAI,CAACP,SAASC;QAExB,OAAO;YACHM,UAAU,OAAO;QACrB;IACJ,GAAG;QAACP;QAASC;KAAQ;IAErBe,UAAU;QACN,MAAM,EAAEC,EAAE,EAAE,GAAGC,gBAAgBlB;QAE/B,MAAMmB,MAAMT,WAAW,SAAS,CAC5B,CAAC,4BAA4B,EAAEO,IAAI,EACnCG,CAAAA;YACIb,UAAU,aAAa,CAACa,SAAS,IAAI;QACzC;QAGJ,OAAO;YACHD,IAAI,GAAG;QACX;IACJ,GAAG;QAACnB;QAASC;KAAQ;IAErBe,UAAU;QACN,IAAIT,AAAwB,iBAAxBA,UAAU,EAAE,CAAC,MAAM,EACnB;QAGJK,OAAO,iBAAiB;QAExBE,WAAW;YACP,OAAO;YACP,SAAS,WAAT,GACI,0CAAE,yDACwD,mBACtD,oBAAC,gBACIP,UAAU,EAAE,CAAC,UAAU,EAAE,UAAU,eAAe,iBAC9C;YAIjB,aAAa;YACb,SAASc;YACT,aAAa;QACjB;QAEAlB;IACJ,GAAG;QAACI,UAAU,EAAE,CAAC,MAAM;KAAC;IAExB,MAAM,EAAEe,EAAE,EAAE,GAAGf;IAEf,IAAIe,AAAc,eAAdA,GAAG,MAAM,EACT,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,eAAaA;QAAC,MAAM;;IAKjC,IAAID,AAAc,aAAdA,GAAG,MAAM,EACT,OAAO,WAAP,GACI,oBAACE,oBAAkBA;QACf,IAAIF;QACJ,YAAYpB;QACZ,eAAe,IAAMK,UAAU,WAAW;QAC1C,gBAAgBJ;;IAK5B,IAAImB,AAAc,YAAdA,GAAG,MAAM,EACT,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,eAAaA;QAAC,MAAM;;IAKjC,OAAO,WAAP,GAAO,0CAAGnB;AACd"}

package/presentation/entryLocking/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const RecordLockingPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IRecordLockingPresenter;
+}, []>;

package/presentation/entryLocking/feature.js

@@ -0,0 +1,21 @@
+import { createFeature } from "@webiny/feature/admin";
+import { RecordLockingPresenter } from "./abstractions.js";
+import { RecordLockingPresenter as external_RecordLockingPresenter_js_RecordLockingPresenter } from "./RecordLockingPresenter.js";
+import { ContentEntryFormPresenterLockingDecorator } from "./ContentEntryFormPresenterDecorator.js";
+import { SingleEntryPresenterLockingDecorator } from "./SingleEntryPresenterDecorator.js";
+const RecordLockingPresenterFeature = createFeature({
+    name: "RecordLocking/EntryLockingPresenter",
+    register (container) {
+        container.register(external_RecordLockingPresenter_js_RecordLockingPresenter).inSingletonScope();
+        container.registerDecorator(ContentEntryFormPresenterLockingDecorator);
+        container.registerDecorator(SingleEntryPresenterLockingDecorator);
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(RecordLockingPresenter)
+        };
+    }
+});
+export { RecordLockingPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/entryLocking/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/feature.js","sources":["../../../src/presentation/entryLocking/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { RecordLockingPresenter as Abstraction } from \"./abstractions.js\";\nimport { RecordLockingPresenter } from \"./RecordLockingPresenter.js\";\nimport { ContentEntryFormPresenterLockingDecorator } from \"./ContentEntryFormPresenterDecorator.js\";\nimport { SingleEntryPresenterLockingDecorator } from \"./SingleEntryPresenterDecorator.js\";\n\nexport const RecordLockingPresenterFeature = createFeature({\n    name: \"RecordLocking/EntryLockingPresenter\",\n    register(container) {\n        container.register(RecordLockingPresenter).inSingletonScope();\n        container.registerDecorator(ContentEntryFormPresenterLockingDecorator);\n        container.registerDecorator(SingleEntryPresenterLockingDecorator);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["RecordLockingPresenterFeature","createFeature","container","RecordLockingPresenter","ContentEntryFormPresenterLockingDecorator","SingleEntryPresenterLockingDecorator","Abstraction"],"mappings":";;;;;AAMO,MAAMA,gCAAgCC,cAAc;IACvD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,2DAAwB,gBAAgB;QAC3DD,UAAU,iBAAiB,CAACE;QAC5BF,UAAU,iBAAiB,CAACG;IAChC;IACA,SAAQH,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACI;QACjC;IACJ;AACJ"}

package/presentation/listLocking/ContentEntriesPresenterDecorator.d.ts

@@ -0,0 +1,25 @@
+import { type IContentEntriesPresenter, type IContentEntriesInitConfig } from "@webiny/app-headless-cms/presentation/contentEntries/list/abstractions.js";
+import { ListLockRecordsPresenter } from "./abstractions.js";
+declare class ContentEntriesPresenterWithLocking implements IContentEntriesPresenter {
+    private lockRecordsPresenter;
+    private original;
+    private _disposeReaction;
+    constructor(lockRecordsPresenter: ListLockRecordsPresenter.Interface, original: IContentEntriesPresenter);
+    get vm(): import("@webiny/app-headless-cms/presentation/contentEntries/list/abstractions.js").IContentEntriesViewModel;
+    get list(): import("@webiny/app-admin/presentation/listPresenter/abstractions.js").IListPresenter<import("@webiny/app-headless-cms/types.js").CmsContentEntry<import("@webiny/app/types.js").GenericRecord>>;
+    get folders(): import("@webiny/app-aco/index.js").IFolderTreePresenter;
+    init(config?: IContentEntriesInitConfig): void;
+    dispose(): void;
+    selectEntry(id: string): void;
+    deselectEntry(): void;
+    createEntry(): void;
+    deleteEntry(id: string): Promise<boolean>;
+    publishEntry(id: string): Promise<boolean>;
+    unpublishEntry(id: string): Promise<boolean>;
+    moveEntry(id: string, folderId: string): Promise<boolean>;
+    duplicateEntry(entry: Parameters<IContentEntriesPresenter["duplicateEntry"]>[0]): Promise<false | import("@webiny/app-headless-cms/presentation/contentEntries/list/abstractions.js").IDuplicateEntryResult>;
+}
+export declare const ContentEntriesPresenterLockingDecorator: typeof ContentEntriesPresenterWithLocking & {
+    __abstraction: import("@webiny/di").Abstraction<IContentEntriesPresenter>;
+};
+export {};

package/presentation/listLocking/ContentEntriesPresenterDecorator.js

@@ -0,0 +1,70 @@
+import { compareStructural, reaction } from "mobx";
+import { ContentEntriesPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/list/abstractions.js";
+import { ListLockRecordsPresenter } from "./abstractions.js";
+class ContentEntriesPresenterWithLocking {
+    constructor(lockRecordsPresenter, original){
+        this.lockRecordsPresenter = lockRecordsPresenter;
+        this.original = original;
+        this._disposeReaction = null;
+    }
+    get vm() {
+        return this.original.vm;
+    }
+    get list() {
+        return this.original.list;
+    }
+    get folders() {
+        return this.original.folders;
+    }
+    init(config) {
+        this.original.init(config);
+        this._disposeReaction = reaction(()=>this.original.list.vm.rows.map((r)=>r.id), (entryIds)=>{
+            if (0 === entryIds.length) return;
+            this.lockRecordsPresenter.fetchForEntries(entryIds, this.original.vm.model.modelId);
+        }, {
+            fireImmediately: true,
+            equals: compareStructural
+        });
+    }
+    dispose() {
+        if (this._disposeReaction) {
+            this._disposeReaction();
+            this._disposeReaction = null;
+        }
+        this.lockRecordsPresenter.dispose();
+        this.original.dispose();
+    }
+    selectEntry(id) {
+        this.original.selectEntry(id);
+    }
+    deselectEntry() {
+        this.original.deselectEntry();
+    }
+    createEntry() {
+        this.original.createEntry();
+    }
+    deleteEntry(id) {
+        return this.original.deleteEntry(id);
+    }
+    publishEntry(id) {
+        return this.original.publishEntry(id);
+    }
+    unpublishEntry(id) {
+        return this.original.unpublishEntry(id);
+    }
+    moveEntry(id, folderId) {
+        return this.original.moveEntry(id, folderId);
+    }
+    duplicateEntry(entry) {
+        return this.original.duplicateEntry(entry);
+    }
+}
+const ContentEntriesPresenterLockingDecorator = ContentEntriesPresenter.createDecorator({
+    decorator: ContentEntriesPresenterWithLocking,
+    dependencies: [
+        ListLockRecordsPresenter
+    ]
+});
+export { ContentEntriesPresenterLockingDecorator };
+
+//# sourceMappingURL=ContentEntriesPresenterDecorator.js.map

package/presentation/listLocking/ContentEntriesPresenterDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listLocking/ContentEntriesPresenterDecorator.js","sources":["../../../src/presentation/listLocking/ContentEntriesPresenterDecorator.ts"],"sourcesContent":["import { compareStructural, reaction } from \"mobx\";\nimport type { IReactionDisposer } from \"mobx\";\nimport {\n    ContentEntriesPresenter,\n    type IContentEntriesPresenter,\n    type IContentEntriesInitConfig\n} from \"@webiny/app-headless-cms/presentation/contentEntries/list/abstractions.js\";\nimport { ListLockRecordsPresenter } from \"./abstractions.js\";\n\nclass ContentEntriesPresenterWithLocking implements IContentEntriesPresenter {\n    private _disposeReaction: IReactionDisposer | null = null;\n\n    constructor(\n        private lockRecordsPresenter: ListLockRecordsPresenter.Interface,\n        private original: IContentEntriesPresenter\n    ) {}\n\n    get vm() {\n        return this.original.vm;\n    }\n\n    get list() {\n        return this.original.list;\n    }\n\n    get folders() {\n        return this.original.folders;\n    }\n\n    init(config?: IContentEntriesInitConfig): void {\n        this.original.init(config);\n\n        this._disposeReaction = reaction(\n            () => this.original.list.vm.rows.map(r => r.id),\n            entryIds => {\n                if (entryIds.length === 0) {\n                    return;\n                }\n                this.lockRecordsPresenter.fetchForEntries(entryIds, this.original.vm.model.modelId);\n            },\n            { fireImmediately: true, equals: compareStructural }\n        );\n    }\n\n    dispose(): void {\n        if (this._disposeReaction) {\n            this._disposeReaction();\n            this._disposeReaction = null;\n        }\n        this.lockRecordsPresenter.dispose();\n        this.original.dispose();\n    }\n\n    selectEntry(id: string) {\n        this.original.selectEntry(id);\n    }\n\n    deselectEntry() {\n        this.original.deselectEntry();\n    }\n\n    createEntry() {\n        this.original.createEntry();\n    }\n\n    deleteEntry(id: string) {\n        return this.original.deleteEntry(id);\n    }\n\n    publishEntry(id: string) {\n        return this.original.publishEntry(id);\n    }\n\n    unpublishEntry(id: string) {\n        return this.original.unpublishEntry(id);\n    }\n\n    moveEntry(id: string, folderId: string) {\n        return this.original.moveEntry(id, folderId);\n    }\n\n    duplicateEntry(entry: Parameters<IContentEntriesPresenter[\"duplicateEntry\"]>[0]) {\n        return this.original.duplicateEntry(entry);\n    }\n}\n\nexport const ContentEntriesPresenterLockingDecorator = ContentEntriesPresenter.createDecorator({\n    decorator: ContentEntriesPresenterWithLocking,\n    dependencies: [ListLockRecordsPresenter]\n});\n"],"names":["ContentEntriesPresenterWithLocking","lockRecordsPresenter","original","config","reaction","r","entryIds","compareStructural","id","folderId","entry","ContentEntriesPresenterLockingDecorator","ContentEntriesPresenter","ListLockRecordsPresenter"],"mappings":";;;AASA,MAAMA;IAGF,YACYC,oBAAwD,EACxDC,QAAkC,CAC5C;aAFUD,oBAAoB,GAApBA;aACAC,QAAQ,GAARA;aAJJ,gBAAgB,GAA6B;IAKlD;IAEH,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE;IAC3B;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI;IAC7B;IAEA,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO;IAChC;IAEA,KAAKC,MAAkC,EAAQ;QAC3C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAACA;QAEnB,IAAI,CAAC,gBAAgB,GAAGC,SACpB,IAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAACC,CAAAA,IAAKA,EAAE,EAAE,GAC9CC,CAAAA;YACI,IAAIA,AAAoB,MAApBA,SAAS,MAAM,EACf;YAEJ,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAACA,UAAU,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;QACtF,GACA;YAAE,iBAAiB;YAAM,QAAQC;QAAkB;IAE3D;IAEA,UAAgB;QACZ,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,gBAAgB,GAAG;QAC5B;QACA,IAAI,CAAC,oBAAoB,CAAC,OAAO;QACjC,IAAI,CAAC,QAAQ,CAAC,OAAO;IACzB;IAEA,YAAYC,EAAU,EAAE;QACpB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAACA;IAC9B;IAEA,gBAAgB;QACZ,IAAI,CAAC,QAAQ,CAAC,aAAa;IAC/B;IAEA,cAAc;QACV,IAAI,CAAC,QAAQ,CAAC,WAAW;IAC7B;IAEA,YAAYA,EAAU,EAAE;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,CAACA;IACrC;IAEA,aAAaA,EAAU,EAAE;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,YAAY,CAACA;IACtC;IAEA,eAAeA,EAAU,EAAE;QACvB,OAAO,IAAI,CAAC,QAAQ,CAAC,cAAc,CAACA;IACxC;IAEA,UAAUA,EAAU,EAAEC,QAAgB,EAAE;QACpC,OAAO,IAAI,CAAC,QAAQ,CAAC,SAAS,CAACD,IAAIC;IACvC;IAEA,eAAeC,KAAgE,EAAE;QAC7E,OAAO,IAAI,CAAC,QAAQ,CAAC,cAAc,CAACA;IACxC;AACJ;AAEO,MAAMC,0CAA0CC,wBAAwB,eAAe,CAAC;IAC3F,WAAWZ;IACX,cAAc;QAACa;KAAyB;AAC5C"}

package/presentation/listLocking/ListLockRecordsPresenter.d.ts

@@ -0,0 +1,17 @@
+import { ListLockRecordsUseCase } from "../../features/listLockRecords/abstractions.js";
+import { type IListLockRecordsPresenter, type IListLockRecordsViewModel } from "./abstractions.js";
+import type { IRecordLockingLockRecord } from "../../types.js";
+declare class ListLockRecordsPresenterImpl implements IListLockRecordsPresenter {
+    private listLockRecordsUseCase;
+    private _lockMap;
+    constructor(listLockRecordsUseCase: ListLockRecordsUseCase.Interface);
+    get vm(): IListLockRecordsViewModel;
+    fetchForEntries(entryIds: string[], type: string): Promise<void>;
+    isLocked(entryId: string): boolean;
+    getLockRecord(entryId: string): IRecordLockingLockRecord | undefined;
+    dispose(): void;
+}
+export declare const ListLockRecordsPresenter: typeof ListLockRecordsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IListLockRecordsPresenter>;
+};
+export {};

package/presentation/listLocking/ListLockRecordsPresenter.js

@@ -0,0 +1,52 @@
+import { computed, makeAutoObservable, observable, runInAction } from "mobx";
+import { ListLockRecordsUseCase } from "../../features/listLockRecords/abstractions.js";
+import { ListLockRecordsPresenter } from "./abstractions.js";
+class ListLockRecordsPresenterImpl {
+    constructor(listLockRecordsUseCase){
+        this.listLockRecordsUseCase = listLockRecordsUseCase;
+        this._lockMap = observable.map();
+        makeAutoObservable(this, {
+            listLockRecordsUseCase: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            lockedCount: this._lockMap.size
+        };
+    }
+    async fetchForEntries(entryIds, type) {
+        if (0 === entryIds.length) return;
+        try {
+            const records = await this.listLockRecordsUseCase.execute({
+                where: {
+                    id_in: entryIds,
+                    type
+                },
+                limit: entryIds.length
+            });
+            runInAction(()=>{
+                this._lockMap.clear();
+                for (const record of records)this._lockMap.set(record.targetId, record);
+            });
+        } catch  {}
+    }
+    isLocked(entryId) {
+        return this._lockMap.has(entryId);
+    }
+    getLockRecord(entryId) {
+        return this._lockMap.get(entryId);
+    }
+    dispose() {
+        this._lockMap.clear();
+    }
+}
+const ListLockRecordsPresenter_ListLockRecordsPresenter = ListLockRecordsPresenter.createImplementation({
+    implementation: ListLockRecordsPresenterImpl,
+    dependencies: [
+        ListLockRecordsUseCase
+    ]
+});
+export { ListLockRecordsPresenter_ListLockRecordsPresenter as ListLockRecordsPresenter };
+
+//# sourceMappingURL=ListLockRecordsPresenter.js.map

package/presentation/listLocking/ListLockRecordsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listLocking/ListLockRecordsPresenter.js","sources":["../../../src/presentation/listLocking/ListLockRecordsPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, observable, runInAction } from \"mobx\";\nimport { ListLockRecordsUseCase } from \"~/features/listLockRecords/abstractions.js\";\nimport {\n    ListLockRecordsPresenter as Abstraction,\n    type IListLockRecordsPresenter,\n    type IListLockRecordsViewModel\n} from \"./abstractions.js\";\nimport type { IRecordLockingLockRecord } from \"~/types.js\";\n\nclass ListLockRecordsPresenterImpl implements IListLockRecordsPresenter {\n    private _lockMap = observable.map<string, IRecordLockingLockRecord>();\n\n    constructor(private listLockRecordsUseCase: ListLockRecordsUseCase.Interface) {\n        makeAutoObservable<ListLockRecordsPresenterImpl, \"listLockRecordsUseCase\">(this, {\n            listLockRecordsUseCase: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IListLockRecordsViewModel {\n        return {\n            lockedCount: this._lockMap.size\n        };\n    }\n\n    async fetchForEntries(entryIds: string[], type: string): Promise<void> {\n        if (entryIds.length === 0) {\n            return;\n        }\n\n        try {\n            const records = await this.listLockRecordsUseCase.execute({\n                where: { id_in: entryIds, type },\n                limit: entryIds.length\n            });\n\n            runInAction(() => {\n                this._lockMap.clear();\n                for (const record of records) {\n                    this._lockMap.set(record.targetId, record);\n                }\n            });\n        } catch {\n            // Silently fail — list still works without lock indicators\n        }\n    }\n\n    isLocked(entryId: string): boolean {\n        return this._lockMap.has(entryId);\n    }\n\n    getLockRecord(entryId: string): IRecordLockingLockRecord | undefined {\n        return this._lockMap.get(entryId);\n    }\n\n    dispose(): void {\n        this._lockMap.clear();\n    }\n}\n\nexport const ListLockRecordsPresenter = Abstraction.createImplementation({\n    implementation: ListLockRecordsPresenterImpl,\n    dependencies: [ListLockRecordsUseCase]\n});\n"],"names":["ListLockRecordsPresenterImpl","listLockRecordsUseCase","observable","makeAutoObservable","computed","entryIds","type","records","runInAction","record","entryId","ListLockRecordsPresenter","Abstraction","ListLockRecordsUseCase"],"mappings":";;;AASA,MAAMA;IAGF,YAAoBC,sBAAwD,CAAE;aAA1DA,sBAAsB,GAAtBA;aAFZ,QAAQ,GAAGC,WAAW,GAAG;QAG7BC,mBAA2E,IAAI,EAAE;YAC7E,wBAAwB;YACxB,IAAIC;QACR;IACJ;IAEA,IAAI,KAAgC;QAChC,OAAO;YACH,aAAa,IAAI,CAAC,QAAQ,CAAC,IAAI;QACnC;IACJ;IAEA,MAAM,gBAAgBC,QAAkB,EAAEC,IAAY,EAAiB;QACnE,IAAID,AAAoB,MAApBA,SAAS,MAAM,EACf;QAGJ,IAAI;YACA,MAAME,UAAU,MAAM,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC;gBACtD,OAAO;oBAAE,OAAOF;oBAAUC;gBAAK;gBAC/B,OAAOD,SAAS,MAAM;YAC1B;YAEAG,YAAY;gBACR,IAAI,CAAC,QAAQ,CAAC,KAAK;gBACnB,KAAK,MAAMC,UAAUF,QACjB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACE,OAAO,QAAQ,EAAEA;YAE3C;QACJ,EAAE,OAAM,CAER;IACJ;IAEA,SAASC,OAAe,EAAW;QAC/B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACA;IAC7B;IAEA,cAAcA,OAAe,EAAwC;QACjE,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACA;IAC7B;IAEA,UAAgB;QACZ,IAAI,CAAC,QAAQ,CAAC,KAAK;IACvB;AACJ;AAEO,MAAMC,oDAA2BC,yBAAAA,oBAAgC,CAAC;IACrE,gBAAgBZ;IAChB,cAAc;QAACa;KAAuB;AAC1C"}

package/presentation/listLocking/abstractions.d.ts

@@ -0,0 +1,16 @@
+import type { IRecordLockingLockRecord } from "../../types.js";
+export interface IListLockRecordsViewModel {
+    lockedCount: number;
+}
+export interface IListLockRecordsPresenter {
+    readonly vm: IListLockRecordsViewModel;
+    fetchForEntries(entryIds: string[], type: string): Promise<void>;
+    isLocked(entryId: string): boolean;
+    getLockRecord(entryId: string): IRecordLockingLockRecord | undefined;
+    dispose(): void;
+}
+export declare const ListLockRecordsPresenter: import("@webiny/di").Abstraction<IListLockRecordsPresenter>;
+export declare namespace ListLockRecordsPresenter {
+    type Interface = IListLockRecordsPresenter;
+    type ViewModel = IListLockRecordsViewModel;
+}

package/presentation/listLocking/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const ListLockRecordsPresenter = createAbstraction("ListLockRecordsPresenter");
+export { ListLockRecordsPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/listLocking/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listLocking/abstractions.js","sources":["../../../src/presentation/listLocking/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IRecordLockingLockRecord } from \"~/types.js\";\n\nexport interface IListLockRecordsViewModel {\n    lockedCount: number;\n}\n\nexport interface IListLockRecordsPresenter {\n    readonly vm: IListLockRecordsViewModel;\n    fetchForEntries(entryIds: string[], type: string): Promise<void>;\n    isLocked(entryId: string): boolean;\n    getLockRecord(entryId: string): IRecordLockingLockRecord | undefined;\n    dispose(): void;\n}\n\nexport const ListLockRecordsPresenter = createAbstraction<IListLockRecordsPresenter>(\n    \"ListLockRecordsPresenter\"\n);\n\nexport namespace ListLockRecordsPresenter {\n    export type Interface = IListLockRecordsPresenter;\n    export type ViewModel = IListLockRecordsViewModel;\n}\n"],"names":["ListLockRecordsPresenter","createAbstraction"],"mappings":";AAeO,MAAMA,2BAA2BC,kBACpC"}

package/presentation/listLocking/components/ListLockRecordsSync.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ListLockRecordsSync: (() => null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => null;
+};

package/presentation/listLocking/components/ListLockRecordsSync.js

@@ -0,0 +1,26 @@
+import react, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { useContainer } from "@webiny/app";
+import { useContentEntriesPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/list/useContentEntriesPresenter.js";
+import { ListLockRecordsPresenter } from "../abstractions.js";
+const ListLockRecordsSync = observer(()=>{
+    const container = useContainer();
+    const presenter = react.useMemo(()=>container.resolve(ListLockRecordsPresenter), [
+        container
+    ]);
+    const entriesPresenter = useContentEntriesPresenter();
+    const rows = entriesPresenter.list.vm.rows;
+    const modelId = entriesPresenter.vm.model.modelId;
+    useEffect(()=>{
+        if (0 === rows.length) return;
+        const entryIds = rows.map((row)=>row.id);
+        presenter.fetchForEntries(entryIds, modelId);
+    }, [
+        rows,
+        modelId
+    ]);
+    return null;
+});
+export { ListLockRecordsSync };
+
+//# sourceMappingURL=ListLockRecordsSync.js.map

package/presentation/listLocking/components/ListLockRecordsSync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listLocking/components/ListLockRecordsSync.js","sources":["../../../../src/presentation/listLocking/components/ListLockRecordsSync.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useContainer } from \"@webiny/app\";\nimport { useContentEntriesPresenter } from \"@webiny/app-headless-cms/presentation/contentEntries/list/useContentEntriesPresenter.js\";\nimport { ListLockRecordsPresenter } from \"../abstractions.js\";\n\nexport const ListLockRecordsSync = observer(() => {\n    const container = useContainer();\n    const presenter = React.useMemo(() => container.resolve(ListLockRecordsPresenter), [container]);\n    const entriesPresenter = useContentEntriesPresenter();\n\n    const rows = entriesPresenter.list.vm.rows;\n    const modelId = entriesPresenter.vm.model.modelId;\n\n    useEffect(() => {\n        if (rows.length === 0) {\n            return;\n        }\n\n        const entryIds = rows.map(row => row.id);\n        presenter.fetchForEntries(entryIds, modelId);\n    }, [rows, modelId]);\n\n    return null;\n});\n"],"names":["ListLockRecordsSync","observer","container","useContainer","presenter","React","ListLockRecordsPresenter","entriesPresenter","useContentEntriesPresenter","rows","modelId","useEffect","entryIds","row"],"mappings":";;;;;AAMO,MAAMA,sBAAsBC,SAAS;IACxC,MAAMC,YAAYC;IAClB,MAAMC,YAAYC,MAAAA,OAAa,CAAC,IAAMH,UAAU,OAAO,CAACI,2BAA2B;QAACJ;KAAU;IAC9F,MAAMK,mBAAmBC;IAEzB,MAAMC,OAAOF,iBAAiB,IAAI,CAAC,EAAE,CAAC,IAAI;IAC1C,MAAMG,UAAUH,iBAAiB,EAAE,CAAC,KAAK,CAAC,OAAO;IAEjDI,UAAU;QACN,IAAIF,AAAgB,MAAhBA,KAAK,MAAM,EACX;QAGJ,MAAMG,WAAWH,KAAK,GAAG,CAACI,CAAAA,MAAOA,IAAI,EAAE;QACvCT,UAAU,eAAe,CAACQ,UAAUF;IACxC,GAAG;QAACD;QAAMC;KAAQ;IAElB,OAAO;AACX"}

package/presentation/listLocking/components/LockIndicatorCell.d.ts

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

package/presentation/listLocking/components/LockIndicatorCell.js

@@ -0,0 +1,39 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { useContainer } from "@webiny/app";
+import { ReactComponent } from "@webiny/icons/lock.svg";
+import { Icon, Tooltip } from "@webiny/admin-ui";
+import { ContentEntryListConfig, useModel } from "@webiny/app-headless-cms";
+import { ListLockRecordsPresenter } from "../abstractions.js";
+const { Browser: Browser } = ContentEntryListConfig;
+const ActionsCell = observer(({ children })=>{
+    const { model } = useModel();
+    const container = useContainer();
+    const presenter = react.useMemo(()=>container.resolve(ListLockRecordsPresenter), [
+        container
+    ]);
+    const { useTableRow, isFolderRow } = Browser.Table.Column;
+    const { row } = useTableRow();
+    if (isFolderRow(row)) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+    const lockRecord = presenter.getLockRecord(row.id);
+    if (!lockRecord) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "left",
+        content: `This ${model.name} is currently locked by ${lockRecord.lockedBy.displayName}.`,
+        trigger: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Locked entry",
+            color: "neutral-light"
+        })
+    });
+});
+const RecordLockingCellActionsDecorator = Browser.Table.Column.createDecorator((Original)=>function(props) {
+        if ("actions" === props.name && props.cell) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            cell: /*#__PURE__*/ react.createElement(ActionsCell, null, props.cell)
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { RecordLockingCellActionsDecorator };
+
+//# sourceMappingURL=LockIndicatorCell.js.map

package/presentation/listLocking/components/LockIndicatorCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listLocking/components/LockIndicatorCell.js","sources":["../../../../src/presentation/listLocking/components/LockIndicatorCell.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useContainer } from \"@webiny/app\";\nimport { ReactComponent as LockedIcon } from \"@webiny/icons/lock.svg\";\nimport { Icon, Tooltip } from \"@webiny/admin-ui\";\nimport { useModel, ContentEntryListConfig } from \"@webiny/app-headless-cms\";\nimport { ListLockRecordsPresenter } from \"../abstractions.js\";\n\nconst { Browser } = ContentEntryListConfig;\n\nconst ActionsCell = observer(({ children }: { children: React.ReactNode }) => {\n    const { model } = useModel();\n    const container = useContainer();\n    const presenter = React.useMemo(() => container.resolve(ListLockRecordsPresenter), [container]);\n    const { useTableRow, isFolderRow } = Browser.Table.Column;\n    const { row } = useTableRow();\n\n    if (isFolderRow(row)) {\n        return <>{children}</>;\n    }\n\n    const lockRecord = presenter.getLockRecord(row.id);\n\n    if (!lockRecord) {\n        return <>{children}</>;\n    }\n\n    return (\n        <Tooltip\n            side={\"left\"}\n            content={`This ${model.name} is currently locked by ${lockRecord.lockedBy.displayName}.`}\n            trigger={<Icon icon={<LockedIcon />} label={\"Locked entry\"} color={\"neutral-light\"} />}\n        />\n    );\n});\n\nexport const RecordLockingCellActionsDecorator = Browser.Table.Column.createDecorator(Original => {\n    return function RecordLockingCellActions(props) {\n        if (props.name === \"actions\" && props.cell) {\n            return <Original {...props} cell={<ActionsCell>{props.cell}</ActionsCell>} />;\n        }\n\n        return <Original {...props} />;\n    };\n});\n"],"names":["Browser","ContentEntryListConfig","ActionsCell","observer","children","model","useModel","container","useContainer","presenter","React","ListLockRecordsPresenter","useTableRow","isFolderRow","row","lockRecord","Tooltip","Icon","LockedIcon","RecordLockingCellActionsDecorator","Original","props"],"mappings":";;;;;;;AAQA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEpB,MAAMC,cAAcC,SAAS,CAAC,EAAEC,QAAQ,EAAiC;IACrE,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,YAAYC;IAClB,MAAMC,YAAYC,MAAAA,OAAa,CAAC,IAAMH,UAAU,OAAO,CAACI,2BAA2B;QAACJ;KAAU;IAC9F,MAAM,EAAEK,WAAW,EAAEC,WAAW,EAAE,GAAGb,QAAQ,KAAK,CAAC,MAAM;IACzD,MAAM,EAAEc,GAAG,EAAE,GAAGF;IAEhB,IAAIC,YAAYC,MACZ,OAAO,WAAP,GAAO,0CAAGV;IAGd,MAAMW,aAAaN,UAAU,aAAa,CAACK,IAAI,EAAE;IAEjD,IAAI,CAACC,YACD,OAAO,WAAP,GAAO,0CAAGX;IAGd,OAAO,WAAP,GACI,oBAACY,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,KAAK,EAAEX,MAAM,IAAI,CAAC,wBAAwB,EAAEU,WAAW,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC;QACxF,uBAAS,oBAACE,MAAIA;YAAC,oBAAM,oBAACC,gBAAUA;YAAK,OAAO;YAAgB,OAAO;;;AAG/E;AAEO,MAAMC,oCAAoCnB,QAAQ,KAAK,CAAC,MAAM,CAAC,eAAe,CAACoB,CAAAA,WAC3E,SAAkCC,KAAK;QAC1C,IAAIA,AAAe,cAAfA,MAAM,IAAI,IAAkBA,MAAM,IAAI,EACtC,OAAO,WAAP,GAAO,oBAACD,UAAAA;YAAU,GAAGC,KAAK;YAAE,oBAAM,oBAACnB,aAAWA,MAAEmB,MAAM,IAAI;;QAG9D,OAAO,WAAP,GAAO,oBAACD,UAAaC;IACzB"}

package/presentation/listLocking/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const ListLockRecordsPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IListLockRecordsPresenter;
+}, []>;

package/presentation/listLocking/feature.js

@@ -0,0 +1,19 @@
+import { createFeature } from "@webiny/feature/admin";
+import { ListLockRecordsPresenter } from "./abstractions.js";
+import { ListLockRecordsPresenter as external_ListLockRecordsPresenter_js_ListLockRecordsPresenter } from "./ListLockRecordsPresenter.js";
+import { ContentEntriesPresenterLockingDecorator } from "./ContentEntriesPresenterDecorator.js";
+const ListLockRecordsPresenterFeature = createFeature({
+    name: "RecordLocking/ListLockRecordsPresenter",
+    register (container) {
+        container.register(external_ListLockRecordsPresenter_js_ListLockRecordsPresenter).inSingletonScope();
+        container.registerDecorator(ContentEntriesPresenterLockingDecorator);
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(ListLockRecordsPresenter)
+        };
+    }
+});
+export { ListLockRecordsPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/listLocking/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listLocking/feature.js","sources":["../../../src/presentation/listLocking/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { ListLockRecordsPresenter as Abstraction } from \"./abstractions.js\";\nimport { ListLockRecordsPresenter } from \"./ListLockRecordsPresenter.js\";\nimport { ContentEntriesPresenterLockingDecorator } from \"./ContentEntriesPresenterDecorator.js\";\n\nexport const ListLockRecordsPresenterFeature = createFeature({\n    name: \"RecordLocking/ListLockRecordsPresenter\",\n    register(container) {\n        container.register(ListLockRecordsPresenter).inSingletonScope();\n        container.registerDecorator(ContentEntriesPresenterLockingDecorator);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["ListLockRecordsPresenterFeature","createFeature","container","ListLockRecordsPresenter","ContentEntriesPresenterLockingDecorator","Abstraction"],"mappings":";;;;AAKO,MAAMA,kCAAkCC,cAAc;IACzD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,+DAA0B,gBAAgB;QAC7DD,UAAU,iBAAiB,CAACE;IAChC;IACA,SAAQF,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACG;QACjC;IACJ;AACJ"}