@webiny/app-record-locking 0.0.0-unstable.6844005670 → 0.0.0-unstable.7be00a75a9

package/components/HeadlessCmsActionsAcoCell.js

@@ -1,60 +1,38 @@
-import React from "react";
+import react from "react";
 import { ContentEntryListConfig, useModel } from "@webiny/app-headless-cms";
-import { ReactComponent as LockedIcon } from "@webiny/icons/lock.svg";
+import { ReactComponent } from "@webiny/icons/lock.svg";
 import { useRecordLocking } from "../hooks/index.js";
 import { UseContentEntriesListHookDecorator } from "./decorators/UseContentEntriesListHookDecorator.js";
 import { UseSaveEntryDecorator } from "./decorators/UseSaveEntryDecorator.js";
 import { UseRecordsDecorator } from "./decorators/UseRecordsDecorator.js";
 import { Icon, Tooltip } from "@webiny/admin-ui";
-const {
-  Browser
-} = ContentEntryListConfig;
-const ActionsCell = ({
-  children
-}) => {
-  const {
-    model
-  } = useModel();
-  const {
-    getLockRecordEntry,
-    isRecordLocked
-  } = useRecordLocking();
-  const {
-    useTableRow,
-    isFolderRow
-  } = Browser.Table.Column;
-  const {
-    row
-  } = useTableRow();
-  if (isFolderRow(row)) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  }
-  const entry = getLockRecordEntry(row.id);
-  if (!isRecordLocked(entry) || !entry?.$locked) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  }
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    side: "left",
-    content: `This ${model.name} is currently locked by ${entry.$locked.lockedBy.displayName}.`,
-    trigger: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(LockedIcon, null),
-      label: "Locked entry",
-      color: "neutral-light"
-    })
-  });
-};
-const RecordLockingCellActions = Browser.Table.Column.createDecorator(Original => {
-  return function RecordLockingCellActions(props) {
-    if (props.name === "actions" && props.cell) {
-      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
-        cell: /*#__PURE__*/React.createElement(ActionsCell, null, props.cell)
-      }));
-    }
-    return /*#__PURE__*/React.createElement(Original, props);
-  };
-});
-export const HeadlessCmsActionsAcoCell = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UseContentEntriesListHookDecorator, null), /*#__PURE__*/React.createElement(UseSaveEntryDecorator, null), /*#__PURE__*/React.createElement(RecordLockingCellActions, null), /*#__PURE__*/React.createElement(UseRecordsDecorator, null));
+const { Browser: Browser } = ContentEntryListConfig;
+const ActionsCell = ({ children })=>{
+    const { model } = useModel();
+    const { getLockRecordEntry, isRecordLocked } = useRecordLocking();
+    const { useTableRow, isFolderRow } = Browser.Table.Column;
+    const { row } = useTableRow();
+    if (isFolderRow(row)) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+    const entry = getLockRecordEntry(row.id);
+    if (!isRecordLocked(entry) || !entry?.$locked) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "left",
+        content: `This ${model.name} is currently locked by ${entry.$locked.lockedBy.displayName}.`,
+        trigger: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Locked entry",
+            color: "neutral-light"
+        })
+    });
 };
+const HeadlessCmsActionsAcoCell_RecordLockingCellActions = 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);
+    });
+const HeadlessCmsActionsAcoCell = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(UseContentEntriesListHookDecorator, null), /*#__PURE__*/ react.createElement(UseSaveEntryDecorator, null), /*#__PURE__*/ react.createElement(HeadlessCmsActionsAcoCell_RecordLockingCellActions, null), /*#__PURE__*/ react.createElement(UseRecordsDecorator, null));
+export { HeadlessCmsActionsAcoCell };
 
 //# sourceMappingURL=HeadlessCmsActionsAcoCell.js.map

package/components/HeadlessCmsActionsAcoCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ContentEntryListConfig","useModel","ReactComponent","LockedIcon","useRecordLocking","UseContentEntriesListHookDecorator","UseSaveEntryDecorator","UseRecordsDecorator","Icon","Tooltip","Browser","ActionsCell","children","model","getLockRecordEntry","isRecordLocked","useTableRow","isFolderRow","Table","Column","row","createElement","Fragment","entry","id","$locked","side","content","name","lockedBy","displayName","trigger","icon","label","color","RecordLockingCellActions","createDecorator","Original","props","cell","Object","assign","HeadlessCmsActionsAcoCell"],"sources":["HeadlessCmsActionsAcoCell.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntryListConfig, useModel } from \"@webiny/app-headless-cms\";\nimport { ReactComponent as LockedIcon } from \"@webiny/icons/lock.svg\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport { UseContentEntriesListHookDecorator } from \"./decorators/UseContentEntriesListHookDecorator.js\";\nimport { UseSaveEntryDecorator } from \"~/components/decorators/UseSaveEntryDecorator.js\";\nimport { UseRecordsDecorator } from \"./decorators/UseRecordsDecorator.js\";\nimport { Icon, Tooltip } from \"@webiny/admin-ui\";\n\nconst { Browser } = ContentEntryListConfig;\n\ninterface ActionsCellProps {\n    children: React.ReactNode;\n}\n\nconst ActionsCell = ({ children }: ActionsCellProps) => {\n    const { model } = useModel();\n    const { getLockRecordEntry, isRecordLocked } = useRecordLocking();\n\n    const { useTableRow, isFolderRow } = Browser.Table.Column;\n    const { row } = useTableRow();\n\n    if (isFolderRow(row)) {\n        return <>{children}</>;\n    }\n\n    const entry = getLockRecordEntry(row.id);\n\n    if (!isRecordLocked(entry) || !entry?.$locked) {\n        return <>{children}</>;\n    }\n    return (\n        <Tooltip\n            side={\"left\"}\n            content={`This ${model.name} is currently locked by ${entry.$locked.lockedBy.displayName}.`}\n            trigger={<Icon icon={<LockedIcon />} label={\"Locked entry\"} color={\"neutral-light\"} />}\n        />\n    );\n};\n\nconst RecordLockingCellActions = 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\nexport const HeadlessCmsActionsAcoCell = () => {\n    return (\n        <>\n            <UseContentEntriesListHookDecorator />\n            <UseSaveEntryDecorator />\n            <RecordLockingCellActions />\n            <UseRecordsDecorator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,EAAEC,QAAQ,QAAQ,0BAA0B;AAC3E,SAASC,cAAc,IAAIC,UAAU,QAAQ,wBAAwB;AACrE,SAASC,gBAAgB;AACzB,SAASC,kCAAkC;AAC3C,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAEhD,MAAM;EAAEC;AAAQ,CAAC,GAAGV,sBAAsB;AAM1C,MAAMW,WAAW,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EACpD,MAAM;IAAEC;EAAM,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEa,kBAAkB;IAAEC;EAAe,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAEjE,MAAM;IAAEY,WAAW;IAAEC;EAAY,CAAC,GAAGP,OAAO,CAACQ,KAAK,CAACC,MAAM;EACzD,MAAM;IAAEC;EAAI,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAE7B,IAAIC,WAAW,CAACG,GAAG,CAAC,EAAE;IAClB,oBAAOrB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QAAGV,QAAW,CAAC;EAC1B;EAEA,MAAMW,KAAK,GAAGT,kBAAkB,CAACM,GAAG,CAACI,EAAE,CAAC;EAExC,IAAI,CAACT,cAAc,CAACQ,KAAK,CAAC,IAAI,CAACA,KAAK,EAAEE,OAAO,EAAE;IAC3C,oBAAO1B,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QAAGV,QAAW,CAAC;EAC1B;EACA,oBACIb,KAAA,CAAAsB,aAAA,CAACZ,OAAO;IACJiB,IAAI,EAAE,MAAO;IACbC,OAAO,EAAE,QAAQd,KAAK,CAACe,IAAI,2BAA2BL,KAAK,CAACE,OAAO,CAACI,QAAQ,CAACC,WAAW,GAAI;IAC5FC,OAAO,eAAEhC,KAAA,CAAAsB,aAAA,CAACb,IAAI;MAACwB,IAAI,eAAEjC,KAAA,CAAAsB,aAAA,CAAClB,UAAU,MAAE,CAAE;MAAC8B,KAAK,EAAE,cAAe;MAACC,KAAK,EAAE;IAAgB,CAAE;EAAE,CAC1F,CAAC;AAEV,CAAC;AAED,MAAMC,wBAAwB,GAAGzB,OAAO,CAACQ,KAAK,CAACC,MAAM,CAACiB,eAAe,CAACC,QAAQ,IAAI;EAC9E,OAAO,SAASF,wBAAwBA,CAACG,KAAK,EAAE;IAC5C,IAAIA,KAAK,CAACV,IAAI,KAAK,SAAS,IAAIU,KAAK,CAACC,IAAI,EAAE;MACxC,oBAAOxC,KAAA,CAAAsB,aAAA,CAACgB,QAAQ,EAAAG,MAAA,CAAAC,MAAA,KAAKH,KAAK;QAAEC,IAAI,eAAExC,KAAA,CAAAsB,aAAA,CAACV,WAAW,QAAE2B,KAAK,CAACC,IAAkB;MAAE,EAAE,CAAC;IACjF;IAEA,oBAAOxC,KAAA,CAAAsB,aAAA,CAACgB,QAAQ,EAAKC,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,MAAMI,yBAAyB,GAAGA,CAAA,KAAM;EAC3C,oBACI3C,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACIvB,KAAA,CAAAsB,aAAA,CAAChB,kCAAkC,MAAE,CAAC,eACtCN,KAAA,CAAAsB,aAAA,CAACf,qBAAqB,MAAE,CAAC,eACzBP,KAAA,CAAAsB,aAAA,CAACc,wBAAwB,MAAE,CAAC,eAC5BpC,KAAA,CAAAsB,aAAA,CAACd,mBAAmB,MAAE,CACxB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"components/HeadlessCmsActionsAcoCell.js","sources":["../../src/components/HeadlessCmsActionsAcoCell.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntryListConfig, useModel } from \"@webiny/app-headless-cms\";\nimport { ReactComponent as LockedIcon } from \"@webiny/icons/lock.svg\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport { UseContentEntriesListHookDecorator } from \"./decorators/UseContentEntriesListHookDecorator.js\";\nimport { UseSaveEntryDecorator } from \"~/components/decorators/UseSaveEntryDecorator.js\";\nimport { UseRecordsDecorator } from \"./decorators/UseRecordsDecorator.js\";\nimport { Icon, Tooltip } from \"@webiny/admin-ui\";\n\nconst { Browser } = ContentEntryListConfig;\n\ninterface ActionsCellProps {\n    children: React.ReactNode;\n}\n\nconst ActionsCell = ({ children }: ActionsCellProps) => {\n    const { model } = useModel();\n    const { getLockRecordEntry, isRecordLocked } = useRecordLocking();\n\n    const { useTableRow, isFolderRow } = Browser.Table.Column;\n    const { row } = useTableRow();\n\n    if (isFolderRow(row)) {\n        return <>{children}</>;\n    }\n\n    const entry = getLockRecordEntry(row.id);\n\n    if (!isRecordLocked(entry) || !entry?.$locked) {\n        return <>{children}</>;\n    }\n    return (\n        <Tooltip\n            side={\"left\"}\n            content={`This ${model.name} is currently locked by ${entry.$locked.lockedBy.displayName}.`}\n            trigger={<Icon icon={<LockedIcon />} label={\"Locked entry\"} color={\"neutral-light\"} />}\n        />\n    );\n};\n\nconst RecordLockingCellActions = 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\nexport const HeadlessCmsActionsAcoCell = () => {\n    return (\n        <>\n            <UseContentEntriesListHookDecorator />\n            <UseSaveEntryDecorator />\n            <RecordLockingCellActions />\n            <UseRecordsDecorator />\n        </>\n    );\n};\n"],"names":["Browser","ContentEntryListConfig","ActionsCell","children","model","useModel","getLockRecordEntry","isRecordLocked","useRecordLocking","useTableRow","isFolderRow","row","entry","Tooltip","Icon","LockedIcon","RecordLockingCellActions","Original","props","HeadlessCmsActionsAcoCell","UseContentEntriesListHookDecorator","UseSaveEntryDecorator","UseRecordsDecorator"],"mappings":";;;;;;;;AASA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAMpB,MAAMC,cAAc,CAAC,EAAEC,QAAQ,EAAoB;IAC/C,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,kBAAkB,EAAEC,cAAc,EAAE,GAAGC;IAE/C,MAAM,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAGV,QAAQ,KAAK,CAAC,MAAM;IACzD,MAAM,EAAEW,GAAG,EAAE,GAAGF;IAEhB,IAAIC,YAAYC,MACZ,OAAO,WAAP,GAAO,0CAAGR;IAGd,MAAMS,QAAQN,mBAAmBK,IAAI,EAAE;IAEvC,IAAI,CAACJ,eAAeK,UAAU,CAACA,OAAO,SAClC,OAAO,WAAP,GAAO,0CAAGT;IAEd,OAAO,WAAP,GACI,oBAACU,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,KAAK,EAAET,MAAM,IAAI,CAAC,wBAAwB,EAAEQ,MAAM,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC;QAC3F,uBAAS,oBAACE,MAAIA;YAAC,oBAAM,oBAACC,gBAAUA;YAAK,OAAO;YAAgB,OAAO;;;AAG/E;AAEA,MAAMC,qDAA2BhB,QAAQ,KAAK,CAAC,MAAM,CAAC,eAAe,CAACiB,CAAAA,WAC3D,SAAkCC,KAAK;QAC1C,IAAIA,AAAe,cAAfA,MAAM,IAAI,IAAkBA,MAAM,IAAI,EACtC,OAAO,WAAP,GAAO,oBAACD,UAAAA;YAAU,GAAGC,KAAK;YAAE,oBAAM,oBAAChB,aAAWA,MAAEgB,MAAM,IAAI;;QAG9D,OAAO,WAAP,GAAO,oBAACD,UAAaC;IACzB;AAGG,MAAMC,4BAA4B,IAC9B,WAAP,GACI,wDACI,oBAACC,oCAAkCA,OAAAA,WAAAA,GACnC,oBAACC,uBAAqBA,OAAAA,WAAAA,GACtB,oBAACL,oDAAwBA,OAAAA,WAAAA,GACzB,oBAACM,qBAAmBA"}

package/components/HeadlessCmsContentEntry/ContentEntryGuard.js

@@ -1,42 +1,34 @@
-import React, { useEffect, useState } from "react";
+import react, { useEffect, useState } from "react";
 import { useRecordLocking } from "../../hooks/index.js";
 import { LockedRecord } from "../LockedRecord/index.js";
 import { OverlayLoader } from "@webiny/admin-ui";
-export const ContentEntryGuard = props => {
-  const {
-    loading,
-    entry,
-    model,
-    children
-  } = props;
-  const {
-    fetchLockedEntryLockRecord
-  } = useRecordLocking();
-  const [locked, setLocked] = useState(undefined);
-  useEffect(() => {
-    if (!entry.id || loading || locked !== undefined) {
-      return;
-    }
-    (async () => {
-      const result = await fetchLockedEntryLockRecord({
-        id: entry.id,
-        $lockingType: model.modelId
-      });
-      setLocked(result);
-    })();
-  }, [entry.id, loading]);
-  if (locked === undefined) {
-    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..."
+const ContentEntryGuard = (props)=>{
+    const { loading, entry, model, children } = props;
+    const { fetchLockedEntryLockRecord } = useRecordLocking();
+    const [locked, setLocked] = useState(void 0);
+    useEffect(()=>{
+        if (!entry.id || loading || void 0 !== locked) return;
+        (async ()=>{
+            const result = await fetchLockedEntryLockRecord({
+                id: entry.id,
+                $lockingType: model.modelId
+            });
+            setLocked(result);
+        })();
+    }, [
+        entry.id,
+        loading
+    ]);
+    if (void 0 === locked) 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..."
     }));
-  } else if (locked) {
-    return /*#__PURE__*/React.createElement(LockedRecord, {
-      record: locked
+    if (locked) return /*#__PURE__*/ react.createElement(LockedRecord, {
+        record: locked
     });
-  }
-  return children;
+    return children;
 };
+export { ContentEntryGuard };
 
 //# sourceMappingURL=ContentEntryGuard.js.map

package/components/HeadlessCmsContentEntry/ContentEntryGuard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","useRecordLocking","LockedRecord","OverlayLoader","ContentEntryGuard","props","loading","entry","model","children","fetchLockedEntryLockRecord","locked","setLocked","undefined","id","result","$lockingType","modelId","createElement","className","text","record"],"sources":["ContentEntryGuard.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport { LockedRecord } from \"../LockedRecord/index.js\";\nimport type { IRecordLockingLockRecord } from \"~/types.js\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms/types.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport interface IContentEntryGuardProps {\n    loading: boolean;\n    entry: CmsContentEntry;\n    model: CmsModel;\n    children: React.ReactElement;\n}\n\nexport const ContentEntryGuard = (props: IContentEntryGuardProps) => {\n    const { loading, entry, model, children } = props;\n    const { fetchLockedEntryLockRecord } = useRecordLocking();\n\n    const [locked, setLocked] = useState<IRecordLockingLockRecord | null | undefined>(undefined);\n\n    useEffect(() => {\n        if (!entry.id || loading || locked !== undefined) {\n            return;\n        }\n        (async () => {\n            const result = await fetchLockedEntryLockRecord({\n                id: entry.id,\n                $lockingType: model.modelId\n            });\n            setLocked(result);\n        })();\n    }, [entry.id, loading]);\n\n    if (locked === undefined) {\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    } else if (locked) {\n        return <LockedRecord record={locked} />;\n    }\n\n    return children;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,gBAAgB;AACzB,SAASC,YAAY;AAGrB,SAASC,aAAa,QAAQ,kBAAkB;AAShD,OAAO,MAAMC,iBAAiB,GAAIC,KAA8B,IAAK;EACjE,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACjD,MAAM;IAAEK;EAA2B,CAAC,GAAGT,gBAAgB,CAAC,CAAC;EAEzD,MAAM,CAACU,MAAM,EAAEC,SAAS,CAAC,GAAGZ,QAAQ,CAA8Ca,SAAS,CAAC;EAE5Fd,SAAS,CAAC,MAAM;IACZ,IAAI,CAACQ,KAAK,CAACO,EAAE,IAAIR,OAAO,IAAIK,MAAM,KAAKE,SAAS,EAAE;MAC9C;IACJ;IACA,CAAC,YAAY;MACT,MAAME,MAAM,GAAG,MAAML,0BAA0B,CAAC;QAC5CI,EAAE,EAAEP,KAAK,CAACO,EAAE;QACZE,YAAY,EAAER,KAAK,CAACS;MACxB,CAAC,CAAC;MACFL,SAAS,CAACG,MAAM,CAAC;IACrB,CAAC,EAAE,CAAC;EACR,CAAC,EAAE,CAACR,KAAK,CAACO,EAAE,EAAER,OAAO,CAAC,CAAC;EAEvB,IAAIK,MAAM,KAAKE,SAAS,EAAE;IACtB,oBACIf,KAAA,CAAAoB,aAAA;MAAKC,SAAS,EAAE;IAA4C,gBACxDrB,KAAA,CAAAoB,aAAA,CAACf,aAAa;MAACiB,IAAI,EAAE;IAA4B,CAAE,CAClD,CAAC;EAEd,CAAC,MAAM,IAAIT,MAAM,EAAE;IACf,oBAAOb,KAAA,CAAAoB,aAAA,CAAChB,YAAY;MAACmB,MAAM,EAAEV;IAAO,CAAE,CAAC;EAC3C;EAEA,OAAOF,QAAQ;AACnB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/HeadlessCmsContentEntry/ContentEntryGuard.js","sources":["../../../src/components/HeadlessCmsContentEntry/ContentEntryGuard.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport { LockedRecord } from \"../LockedRecord/index.js\";\nimport type { IRecordLockingLockRecord } from \"~/types.js\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms/types.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport interface IContentEntryGuardProps {\n    loading: boolean;\n    entry: CmsContentEntry;\n    model: CmsModel;\n    children: React.ReactElement;\n}\n\nexport const ContentEntryGuard = (props: IContentEntryGuardProps) => {\n    const { loading, entry, model, children } = props;\n    const { fetchLockedEntryLockRecord } = useRecordLocking();\n\n    const [locked, setLocked] = useState<IRecordLockingLockRecord | null | undefined>(undefined);\n\n    useEffect(() => {\n        if (!entry.id || loading || locked !== undefined) {\n            return;\n        }\n        (async () => {\n            const result = await fetchLockedEntryLockRecord({\n                id: entry.id,\n                $lockingType: model.modelId\n            });\n            setLocked(result);\n        })();\n    }, [entry.id, loading]);\n\n    if (locked === undefined) {\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    } else if (locked) {\n        return <LockedRecord record={locked} />;\n    }\n\n    return children;\n};\n"],"names":["ContentEntryGuard","props","loading","entry","model","children","fetchLockedEntryLockRecord","useRecordLocking","locked","setLocked","useState","undefined","useEffect","result","OverlayLoader","LockedRecord"],"mappings":";;;;AAcO,MAAMA,oBAAoB,CAACC;IAC9B,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGJ;IAC5C,MAAM,EAAEK,0BAA0B,EAAE,GAAGC;IAEvC,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAsDC;IAElFC,UAAU;QACN,IAAI,CAACT,MAAM,EAAE,IAAID,WAAWM,AAAWG,WAAXH,QACxB;QAEH;YACG,MAAMK,SAAS,MAAMP,2BAA2B;gBAC5C,IAAIH,MAAM,EAAE;gBACZ,cAAcC,MAAM,OAAO;YAC/B;YACAK,UAAUI;QACd;IACJ,GAAG;QAACV,MAAM,EAAE;QAAED;KAAQ;IAEtB,IAAIM,AAAWG,WAAXH,QACA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACM,eAAaA;QAAC,MAAM;;IAG1B,IAAIN,QACP,OAAO,WAAP,GAAO,oBAACO,cAAYA;QAAC,QAAQP;;IAGjC,OAAOH;AACX"}

package/components/HeadlessCmsContentEntry/ContentEntryLocker.d.ts

@@ -6,7 +6,7 @@ export interface IContentEntryLockerProps {
     entry: CmsContentEntry;
     model: CmsModel;
     onEntryUnlocked: () => void;
-    onDisablePrompt: (flag: boolean) => void;
+    onDisablePrompt: () => void;
     children: React.ReactElement;
 }
 export interface IKickOutWebsocketsMessage extends IncomingGenericData {

package/components/HeadlessCmsContentEntry/ContentEntryLocker.js

@@ -1,99 +1,80 @@
-import React, { useEffect, useRef } from "react";
+import react, { useEffect, useRef } from "react";
 import { useRecordLocking } from "../../hooks/index.js";
 import { useWebsockets } from "@webiny/app-websockets";
 import { parseIdentifier } from "@webiny/utils";
 import { useDialogs } from "@webiny/app-admin";
 const autoUpdateTimeout = 20;
-export const ContentEntryLocker = ({
-  onEntryUnlocked,
-  onDisablePrompt,
-  entry,
-  model,
-  children
-}) => {
-  const {
-    updateEntryLock,
-    removeEntryLock
-  } = useRecordLocking();
-  const websockets = useWebsockets();
-  const {
-    showDialog
-  } = useDialogs();
-  const entryLockerTimeout = useRef(null);
-  useEffect(() => {
-    if (!entry.id) {
-      return;
-    }
-    const {
-      id: entryId
-    } = parseIdentifier(entry.id);
-    let onMessageSub = websockets.onMessage(`recordLocking.entry.kickOut.${entryId}`, async incoming => {
-      const {
-        user
-      } = incoming.data;
-      onDisablePrompt(true);
-      removeEntryLock({
-        id: entryId,
-        $lockingType: model.modelId
-      });
-      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, user.displayName || "Unknown user"), ". Unfortunately, this means you lost the unsaved changes."),
-        acceptLabel: "Ok",
-        onClose: undefined,
-        cancelLabel: null
-      });
-      onEntryUnlocked();
-    });
-    return () => {
-      onMessageSub.off();
-      /**
-       * Lets null subscriptions, just in case it...
-       */
-      // @ts-expect-error
-      onMessageSub = null;
-    };
-  }, [entry.id, onEntryUnlocked, model.modelId]);
-  useEffect(() => {
-    if (!entry.id) {
-      return;
-    }
-    if (entryLockerTimeout.current) {
-      return;
-    }
-    const updateLock = async () => {
-      const result = await updateEntryLock({
-        id: entry.id,
-        $lockingType: model.modelId
-      });
-      if (result.error) {
-        showDialog({
-          title: "There was an error while updating the entry lock.",
-          content: result.error.message,
-          acceptLabel: "Ok",
-          onClose: undefined,
-          cancelLabel: null
+const ContentEntryLocker = ({ onEntryUnlocked, onDisablePrompt, entry, model, children })=>{
+    const { updateEntryLock, removeEntryLock } = useRecordLocking();
+    const websockets = useWebsockets();
+    const { showDialog } = useDialogs();
+    const entryLockerTimeout = useRef(null);
+    useEffect(()=>{
+        if (!entry.id) return;
+        const { id: entryId } = parseIdentifier(entry.id);
+        let onMessageSub = websockets.onMessage(`recordLocking.entry.kickOut.${entryId}`, async (incoming)=>{
+            const { user } = incoming.data;
+            onDisablePrompt();
+            removeEntryLock({
+                id: entryId,
+                $lockingType: model.modelId
+            });
+            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, user.displayName || "Unknown user"), ". Unfortunately, this means you lost the unsaved changes."),
+                acceptLabel: "Ok",
+                onClose: void 0,
+                cancelLabel: null
+            });
+            onEntryUnlocked();
         });
-        onEntryUnlocked();
-        return;
-      }
-      createTimeout();
-    };
-    const createTimeout = () => {
-      entryLockerTimeout.current = window.setTimeout(() => {
+        return ()=>{
+            onMessageSub.off();
+            onMessageSub = null;
+        };
+    }, [
+        entry.id,
+        onEntryUnlocked,
+        model.modelId
+    ]);
+    useEffect(()=>{
+        if (!entry.id) return;
+        if (entryLockerTimeout.current) return;
+        const updateLock = async ()=>{
+            const result = await updateEntryLock({
+                id: entry.id,
+                $lockingType: model.modelId
+            });
+            if (result.error) {
+                showDialog({
+                    title: "There was an error while updating the entry lock.",
+                    content: result.error.message,
+                    acceptLabel: "Ok",
+                    onClose: void 0,
+                    cancelLabel: null
+                });
+                onEntryUnlocked();
+                return;
+            }
+            createTimeout();
+        };
+        const createTimeout = ()=>{
+            entryLockerTimeout.current = window.setTimeout(()=>{
+                updateLock();
+            }, 1000 * autoUpdateTimeout);
+        };
         updateLock();
-      }, autoUpdateTimeout * 1000);
-    };
-    updateLock();
-    return () => {
-      if (!entryLockerTimeout.current) {
-        return;
-      }
-      clearTimeout(entryLockerTimeout.current);
-      entryLockerTimeout.current = null;
-    };
-  }, [entry.id, onEntryUnlocked]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+        return ()=>{
+            if (!entryLockerTimeout.current) return;
+            clearTimeout(entryLockerTimeout.current);
+            entryLockerTimeout.current = null;
+        };
+    }, [
+        entry.id,
+        onEntryUnlocked
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
 };
+export { ContentEntryLocker };
 
 //# sourceMappingURL=ContentEntryLocker.js.map

package/components/HeadlessCmsContentEntry/ContentEntryLocker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useRecordLocking","useWebsockets","parseIdentifier","useDialogs","autoUpdateTimeout","ContentEntryLocker","onEntryUnlocked","onDisablePrompt","entry","model","children","updateEntryLock","removeEntryLock","websockets","showDialog","entryLockerTimeout","id","entryId","onMessageSub","onMessage","incoming","user","data","$lockingType","modelId","title","content","createElement","Fragment","displayName","acceptLabel","onClose","undefined","cancelLabel","off","current","updateLock","result","error","message","createTimeout","window","setTimeout","clearTimeout"],"sources":["ContentEntryLocker.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport type { IRecordLockingIdentity, IRecordLockingLockRecord } from \"~/types.js\";\nimport type { IncomingGenericData } from \"@webiny/app-websockets\";\nimport { useWebsockets } from \"@webiny/app-websockets\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms/types.js\";\n\nconst autoUpdateTimeout = 20;\n\nexport interface IContentEntryLockerProps {\n    entry: CmsContentEntry;\n    model: CmsModel;\n    onEntryUnlocked: () => void;\n    onDisablePrompt: (flag: boolean) => void;\n    children: React.ReactElement;\n}\n\nexport interface IKickOutWebsocketsMessage extends IncomingGenericData {\n    data: {\n        record: IRecordLockingLockRecord;\n        user: IRecordLockingIdentity;\n    };\n}\n\nexport const ContentEntryLocker = ({\n    onEntryUnlocked,\n    onDisablePrompt,\n    entry,\n    model,\n    children\n}: IContentEntryLockerProps) => {\n    const { updateEntryLock, removeEntryLock } = useRecordLocking();\n    const websockets = useWebsockets();\n    const { showDialog } = useDialogs();\n\n    const entryLockerTimeout = useRef<number | null>(null);\n\n    useEffect(() => {\n        if (!entry.id) {\n            return;\n        }\n        const { id: entryId } = parseIdentifier(entry.id);\n\n        let onMessageSub = websockets.onMessage<IKickOutWebsocketsMessage>(\n            `recordLocking.entry.kickOut.${entryId}`,\n            async incoming => {\n                const { user } = incoming.data;\n                onDisablePrompt(true);\n                removeEntryLock({\n                    id: entryId,\n                    $lockingType: model.modelId\n                });\n                showDialog({\n                    title: \"Entry was forcefully unlocked!\",\n                    content: (\n                        <>\n                            The entry you were editing was forcefully unlocked by{\" \"}\n                            <strong>{user.displayName || \"Unknown user\"}</strong>. Unfortunately,\n                            this means you lost the unsaved changes.\n                        </>\n                    ),\n                    acceptLabel: \"Ok\",\n                    onClose: undefined,\n                    cancelLabel: null\n                });\n                onEntryUnlocked();\n            }\n        );\n\n        return () => {\n            onMessageSub.off();\n            /**\n             * Lets null subscriptions, just in case it...\n             */\n            // @ts-expect-error\n            onMessageSub = null;\n        };\n    }, [entry.id, onEntryUnlocked, model.modelId]);\n\n    useEffect(() => {\n        if (!entry.id) {\n            return;\n        }\n\n        if (entryLockerTimeout.current) {\n            return;\n        }\n\n        const updateLock = async () => {\n            const result = await updateEntryLock({\n                id: entry.id,\n                $lockingType: model.modelId\n            });\n            if (result.error) {\n                showDialog({\n                    title: \"There was an error while updating the entry lock.\",\n                    content: result.error.message,\n                    acceptLabel: \"Ok\",\n                    onClose: undefined,\n                    cancelLabel: null\n                });\n                onEntryUnlocked();\n                return;\n            }\n            createTimeout();\n        };\n\n        const createTimeout = () => {\n            entryLockerTimeout.current = window.setTimeout(() => {\n                updateLock();\n            }, autoUpdateTimeout * 1000);\n        };\n\n        updateLock();\n        return () => {\n            if (!entryLockerTimeout.current) {\n                return;\n            }\n            clearTimeout(entryLockerTimeout.current);\n            entryLockerTimeout.current = null;\n        };\n    }, [entry.id, onEntryUnlocked]);\n\n    return <>{children}</>;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/HeadlessCmsContentEntry/ContentEntryLocker.js","sources":["../../../src/components/HeadlessCmsContentEntry/ContentEntryLocker.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport type { IRecordLockingIdentity, IRecordLockingLockRecord } from \"~/types.js\";\nimport type { IncomingGenericData } from \"@webiny/app-websockets\";\nimport { useWebsockets } from \"@webiny/app-websockets\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms/types.js\";\n\nconst autoUpdateTimeout = 20;\n\nexport interface IContentEntryLockerProps {\n    entry: CmsContentEntry;\n    model: CmsModel;\n    onEntryUnlocked: () => void;\n    onDisablePrompt: () => void;\n    children: React.ReactElement;\n}\n\nexport interface IKickOutWebsocketsMessage extends IncomingGenericData {\n    data: {\n        record: IRecordLockingLockRecord;\n        user: IRecordLockingIdentity;\n    };\n}\n\nexport const ContentEntryLocker = ({\n    onEntryUnlocked,\n    onDisablePrompt,\n    entry,\n    model,\n    children\n}: IContentEntryLockerProps) => {\n    const { updateEntryLock, removeEntryLock } = useRecordLocking();\n    const websockets = useWebsockets();\n    const { showDialog } = useDialogs();\n\n    const entryLockerTimeout = useRef<number | null>(null);\n\n    useEffect(() => {\n        if (!entry.id) {\n            return;\n        }\n        const { id: entryId } = parseIdentifier(entry.id);\n\n        let onMessageSub = websockets.onMessage<IKickOutWebsocketsMessage>(\n            `recordLocking.entry.kickOut.${entryId}`,\n            async incoming => {\n                const { user } = incoming.data;\n                onDisablePrompt();\n                removeEntryLock({\n                    id: entryId,\n                    $lockingType: model.modelId\n                });\n                showDialog({\n                    title: \"Entry was forcefully unlocked!\",\n                    content: (\n                        <>\n                            The entry you were editing was forcefully unlocked by{\" \"}\n                            <strong>{user.displayName || \"Unknown user\"}</strong>. Unfortunately,\n                            this means you lost the unsaved changes.\n                        </>\n                    ),\n                    acceptLabel: \"Ok\",\n                    onClose: undefined,\n                    cancelLabel: null\n                });\n                onEntryUnlocked();\n            }\n        );\n\n        return () => {\n            onMessageSub.off();\n            /**\n             * Lets null subscriptions, just in case it...\n             */\n            // @ts-expect-error\n            onMessageSub = null;\n        };\n    }, [entry.id, onEntryUnlocked, model.modelId]);\n\n    useEffect(() => {\n        if (!entry.id) {\n            return;\n        }\n\n        if (entryLockerTimeout.current) {\n            return;\n        }\n\n        const updateLock = async () => {\n            const result = await updateEntryLock({\n                id: entry.id,\n                $lockingType: model.modelId\n            });\n            if (result.error) {\n                showDialog({\n                    title: \"There was an error while updating the entry lock.\",\n                    content: result.error.message,\n                    acceptLabel: \"Ok\",\n                    onClose: undefined,\n                    cancelLabel: null\n                });\n                onEntryUnlocked();\n                return;\n            }\n            createTimeout();\n        };\n\n        const createTimeout = () => {\n            entryLockerTimeout.current = window.setTimeout(() => {\n                updateLock();\n            }, autoUpdateTimeout * 1000);\n        };\n\n        updateLock();\n        return () => {\n            if (!entryLockerTimeout.current) {\n                return;\n            }\n            clearTimeout(entryLockerTimeout.current);\n            entryLockerTimeout.current = null;\n        };\n    }, [entry.id, onEntryUnlocked]);\n\n    return <>{children}</>;\n};\n"],"names":["autoUpdateTimeout","ContentEntryLocker","onEntryUnlocked","onDisablePrompt","entry","model","children","updateEntryLock","removeEntryLock","useRecordLocking","websockets","useWebsockets","showDialog","useDialogs","entryLockerTimeout","useRef","useEffect","entryId","parseIdentifier","onMessageSub","incoming","user","undefined","updateLock","result","createTimeout","window","clearTimeout"],"mappings":";;;;;AASA,MAAMA,oBAAoB;AAiBnB,MAAMC,qBAAqB,CAAC,EAC/BC,eAAe,EACfC,eAAe,EACfC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACe;IACvB,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAE,GAAGC;IAC7C,MAAMC,aAAaC;IACnB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IAEvB,MAAMC,qBAAqBC,OAAsB;IAEjDC,UAAU;QACN,IAAI,CAACZ,MAAM,EAAE,EACT;QAEJ,MAAM,EAAE,IAAIa,OAAO,EAAE,GAAGC,gBAAgBd,MAAM,EAAE;QAEhD,IAAIe,eAAeT,WAAW,SAAS,CACnC,CAAC,4BAA4B,EAAEO,SAAS,EACxC,OAAMG;YACF,MAAM,EAAEC,IAAI,EAAE,GAAGD,SAAS,IAAI;YAC9BjB;YACAK,gBAAgB;gBACZ,IAAIS;gBACJ,cAAcZ,MAAM,OAAO;YAC/B;YACAO,WAAW;gBACP,OAAO;gBACP,SAAS,WAAT,GACI,0CAAE,yDACwD,mBACtD,oBAAC,gBAAQS,KAAK,WAAW,IAAI,iBAAwB;gBAI7D,aAAa;gBACb,SAASC;gBACT,aAAa;YACjB;YACApB;QACJ;QAGJ,OAAO;YACHiB,aAAa,GAAG;YAKhBA,eAAe;QACnB;IACJ,GAAG;QAACf,MAAM,EAAE;QAAEF;QAAiBG,MAAM,OAAO;KAAC;IAE7CW,UAAU;QACN,IAAI,CAACZ,MAAM,EAAE,EACT;QAGJ,IAAIU,mBAAmB,OAAO,EAC1B;QAGJ,MAAMS,aAAa;YACf,MAAMC,SAAS,MAAMjB,gBAAgB;gBACjC,IAAIH,MAAM,EAAE;gBACZ,cAAcC,MAAM,OAAO;YAC/B;YACA,IAAImB,OAAO,KAAK,EAAE;gBACdZ,WAAW;oBACP,OAAO;oBACP,SAASY,OAAO,KAAK,CAAC,OAAO;oBAC7B,aAAa;oBACb,SAASF;oBACT,aAAa;gBACjB;gBACApB;gBACA;YACJ;YACAuB;QACJ;QAEA,MAAMA,gBAAgB;YAClBX,mBAAmB,OAAO,GAAGY,OAAO,UAAU,CAAC;gBAC3CH;YACJ,GAAGvB,AAAoB,OAApBA;QACP;QAEAuB;QACA,OAAO;YACH,IAAI,CAACT,mBAAmB,OAAO,EAC3B;YAEJa,aAAab,mBAAmB,OAAO;YACvCA,mBAAmB,OAAO,GAAG;QACjC;IACJ,GAAG;QAACV,MAAM,EAAE;QAAEF;KAAgB;IAE9B,OAAO,WAAP,GAAO,0CAAGI;AACd"}

package/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.js

@@ -1,89 +1,44 @@
-import React, { useState } from "react";
-import { CompositionScope, createGenericContext, NavigationPrompt } from "@webiny/app-admin";
+import react from "react";
+import { useRouter } from "@webiny/app";
 import { ContentEntryEditorConfig, ContentEntryListConfig } from "@webiny/app-headless-cms";
 import { ContentEntryGuard } from "./ContentEntryGuard.js";
 import { ContentEntryLocker } from "./ContentEntryLocker.js";
-const {
-  ContentEntry,
-  SingletonContentEntry
-} = ContentEntryEditorConfig;
-const DisablePrompt = createGenericContext("DisablePrompt");
-const PromptDecorator = NavigationPrompt.createDecorator(Original => {
-  return function Prompt(props) {
-    const {
-      disablePrompt
-    } = DisablePrompt.useHook();
-    const when = disablePrompt === true ? false : props.when;
-    return /*#__PURE__*/React.createElement(Original, {
-      message: props.message,
-      when: when
+const { ContentEntry: ContentEntry, SingletonContentEntry: SingletonContentEntry } = ContentEntryEditorConfig;
+const ContentEntryDecorator = ContentEntry.createDecorator((Original)=>function() {
+        const router = useRouter();
+        const { entry, contentModel, loading } = ContentEntry.useContentEntry();
+        const { navigateTo } = ContentEntryListConfig.ContentEntries.useContentEntriesList();
+        if (!entry?.id) return /*#__PURE__*/ react.createElement(Original, null);
+        const props = {
+            entry,
+            model: contentModel
+        };
+        return /*#__PURE__*/ react.createElement(ContentEntryGuard, {
+            ...props,
+            loading: loading
+        }, /*#__PURE__*/ react.createElement(ContentEntryLocker, {
+            ...props,
+            onDisablePrompt: ()=>router.unblockTransition(),
+            onEntryUnlocked: navigateTo
+        }, /*#__PURE__*/ react.createElement(Original, null)));
     });
-  };
-});
-const ContentEntryDecorator = ContentEntry.createDecorator(Original => {
-  return function RecordLockingContentEntry() {
-    const [disablePrompt, setDisablePrompt] = useState(false);
-    const {
-      entry,
-      contentModel,
-      loading
-    } = ContentEntry.useContentEntry();
-    const {
-      navigateTo
-    } = ContentEntryListConfig.ContentEntries.useContentEntriesList();
-    /**
-     * New entry does not have ID yet.
-     */
-    if (!entry?.id) {
-      return /*#__PURE__*/React.createElement(DisablePrompt.Provider, {
-        disablePrompt: disablePrompt
-      }, /*#__PURE__*/React.createElement(Original, null));
-    }
-    /**
-     * Continue with existing entry.
-     */
-    const props = {
-      entry,
-      model: contentModel
-    };
-    return /*#__PURE__*/React.createElement(ContentEntryGuard, Object.assign({}, props, {
-      loading: loading
-    }), /*#__PURE__*/React.createElement(ContentEntryLocker, Object.assign({}, props, {
-      onDisablePrompt: flag => setDisablePrompt(flag),
-      onEntryUnlocked: navigateTo
-    }), /*#__PURE__*/React.createElement(DisablePrompt.Provider, {
-      disablePrompt: disablePrompt
-    }, /*#__PURE__*/React.createElement(Original, null))));
-  };
-});
-const SingletonContentEntryDecorator = SingletonContentEntry.createDecorator(Original => {
-  return function RecordLockingSingletonContentEntry() {
-    const [disablePrompt, setDisablePrompt] = useState(false);
-    const {
-      entry,
-      contentModel,
-      loading
-    } = SingletonContentEntry.useSingletonContentEntry();
-    const props = {
-      entry,
-      model: contentModel
-    };
-    return /*#__PURE__*/React.createElement(ContentEntryGuard, Object.assign({}, props, {
-      loading: loading
-    }), /*#__PURE__*/React.createElement(ContentEntryLocker, Object.assign({}, props, {
-      onDisablePrompt: flag => setDisablePrompt(flag),
-      onEntryUnlocked: () => {
-        // There's nowhere to go, since singleton entry doesn't have a list view.
-      }
-    }), /*#__PURE__*/React.createElement(DisablePrompt.Provider, {
-      disablePrompt: disablePrompt
-    }, /*#__PURE__*/React.createElement(Original, null))));
-  };
-});
-export const HeadlessCmsContentEntry = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentEntryDecorator, null), /*#__PURE__*/React.createElement(SingletonContentEntryDecorator, null), /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "cms.contentEntryForm"
-  }, /*#__PURE__*/React.createElement(PromptDecorator, null)));
-};
+const SingletonContentEntryDecorator = SingletonContentEntry.createDecorator((Original)=>function() {
+        const router = useRouter();
+        const { entry, contentModel, loading } = SingletonContentEntry.useSingletonContentEntry();
+        const props = {
+            entry,
+            model: contentModel
+        };
+        return /*#__PURE__*/ react.createElement(ContentEntryGuard, {
+            ...props,
+            loading: loading
+        }, /*#__PURE__*/ react.createElement(ContentEntryLocker, {
+            ...props,
+            onDisablePrompt: ()=>router.unblockTransition(),
+            onEntryUnlocked: ()=>{}
+        }, /*#__PURE__*/ react.createElement(Original, null)));
+    });
+const HeadlessCmsContentEntry = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ContentEntryDecorator, null), /*#__PURE__*/ react.createElement(SingletonContentEntryDecorator, null));
+export { HeadlessCmsContentEntry };
 
 //# sourceMappingURL=HeadlessCmsContentEntry.js.map

package/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","CompositionScope","createGenericContext","NavigationPrompt","ContentEntryEditorConfig","ContentEntryListConfig","ContentEntryGuard","ContentEntryLocker","ContentEntry","SingletonContentEntry","DisablePrompt","PromptDecorator","createDecorator","Original","Prompt","props","disablePrompt","useHook","when","createElement","message","ContentEntryDecorator","RecordLockingContentEntry","setDisablePrompt","entry","contentModel","loading","useContentEntry","navigateTo","ContentEntries","useContentEntriesList","id","Provider","model","Object","assign","onDisablePrompt","flag","onEntryUnlocked","SingletonContentEntryDecorator","RecordLockingSingletonContentEntry","useSingletonContentEntry","HeadlessCmsContentEntry","Fragment","name"],"sources":["HeadlessCmsContentEntry.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { CompositionScope, createGenericContext, NavigationPrompt } from \"@webiny/app-admin\";\nimport { ContentEntryEditorConfig, ContentEntryListConfig } from \"@webiny/app-headless-cms\";\nimport { ContentEntryGuard } from \"./ContentEntryGuard.js\";\nimport { ContentEntryLocker } from \"./ContentEntryLocker.js\";\n\nconst { ContentEntry, SingletonContentEntry } = ContentEntryEditorConfig;\n\nconst DisablePrompt = createGenericContext<{ disablePrompt: boolean }>(\"DisablePrompt\");\n\nconst PromptDecorator = NavigationPrompt.createDecorator(Original => {\n    return function Prompt(props) {\n        const { disablePrompt } = DisablePrompt.useHook();\n        const when = disablePrompt === true ? false : props.when;\n        return <Original message={props.message} when={when} />;\n    };\n});\n\nconst ContentEntryDecorator = ContentEntry.createDecorator(Original => {\n    return function RecordLockingContentEntry() {\n        const [disablePrompt, setDisablePrompt] = useState(false);\n        const { entry, contentModel, loading } = ContentEntry.useContentEntry();\n        const { navigateTo } = ContentEntryListConfig.ContentEntries.useContentEntriesList();\n        /**\n         * New entry does not have ID yet.\n         */\n        if (!entry?.id) {\n            return (\n                <DisablePrompt.Provider disablePrompt={disablePrompt}>\n                    <Original />\n                </DisablePrompt.Provider>\n            );\n        }\n        /**\n         * Continue with existing entry.\n         */\n        const props = { entry, model: contentModel };\n\n        return (\n            <ContentEntryGuard {...props} loading={loading}>\n                <ContentEntryLocker\n                    {...props}\n                    onDisablePrompt={flag => setDisablePrompt(flag)}\n                    onEntryUnlocked={navigateTo}\n                >\n                    <DisablePrompt.Provider disablePrompt={disablePrompt}>\n                        <Original />\n                    </DisablePrompt.Provider>\n                </ContentEntryLocker>\n            </ContentEntryGuard>\n        );\n    };\n});\n\nconst SingletonContentEntryDecorator = SingletonContentEntry.createDecorator(Original => {\n    return function RecordLockingSingletonContentEntry() {\n        const [disablePrompt, setDisablePrompt] = useState(false);\n        const { entry, contentModel, loading } = SingletonContentEntry.useSingletonContentEntry();\n\n        const props = { entry, model: contentModel };\n\n        return (\n            <ContentEntryGuard {...props} loading={loading}>\n                <ContentEntryLocker\n                    {...props}\n                    onDisablePrompt={flag => setDisablePrompt(flag)}\n                    onEntryUnlocked={() => {\n                        // There's nowhere to go, since singleton entry doesn't have a list view.\n                    }}\n                >\n                    <DisablePrompt.Provider disablePrompt={disablePrompt}>\n                        <Original />\n                    </DisablePrompt.Provider>\n                </ContentEntryLocker>\n            </ContentEntryGuard>\n        );\n    };\n});\n\nexport const HeadlessCmsContentEntry = () => {\n    return (\n        <>\n            <ContentEntryDecorator />\n            <SingletonContentEntryDecorator />\n            <CompositionScope name={\"cms.contentEntryForm\"}>\n                <PromptDecorator />\n            </CompositionScope>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.js","sources":["../../../src/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app\";\nimport { ContentEntryEditorConfig, ContentEntryListConfig } from \"@webiny/app-headless-cms\";\nimport { ContentEntryGuard } from \"./ContentEntryGuard.js\";\nimport { ContentEntryLocker } from \"./ContentEntryLocker.js\";\n\nconst { ContentEntry, SingletonContentEntry } = ContentEntryEditorConfig;\n\nconst ContentEntryDecorator = ContentEntry.createDecorator(Original => {\n    return function RecordLockingContentEntry() {\n        const router = useRouter();\n        const { entry, contentModel, loading } = ContentEntry.useContentEntry();\n        const { navigateTo } = ContentEntryListConfig.ContentEntries.useContentEntriesList();\n        /**\n         * New entry does not have ID yet.\n         */\n        if (!entry?.id) {\n            return <Original />;\n        }\n        /**\n         * Continue with existing entry.\n         */\n        const props = { entry, model: contentModel };\n\n        return (\n            <ContentEntryGuard {...props} loading={loading}>\n                <ContentEntryLocker\n                    {...props}\n                    onDisablePrompt={() => router.unblockTransition()}\n                    onEntryUnlocked={navigateTo}\n                >\n                    <Original />\n                </ContentEntryLocker>\n            </ContentEntryGuard>\n        );\n    };\n});\n\nconst SingletonContentEntryDecorator = SingletonContentEntry.createDecorator(Original => {\n    return function RecordLockingSingletonContentEntry() {\n        const router = useRouter();\n        const { entry, contentModel, loading } = SingletonContentEntry.useSingletonContentEntry();\n\n        const props = { entry, model: contentModel };\n\n        return (\n            <ContentEntryGuard {...props} loading={loading}>\n                <ContentEntryLocker\n                    {...props}\n                    onDisablePrompt={() => router.unblockTransition()}\n                    onEntryUnlocked={() => {\n                        // There's nowhere to go, since singleton entry doesn't have a list view.\n                    }}\n                >\n                    <Original />\n                </ContentEntryLocker>\n            </ContentEntryGuard>\n        );\n    };\n});\n\nexport const HeadlessCmsContentEntry = () => {\n    return (\n        <>\n            <ContentEntryDecorator />\n            <SingletonContentEntryDecorator />\n        </>\n    );\n};\n"],"names":["ContentEntry","SingletonContentEntry","ContentEntryEditorConfig","ContentEntryDecorator","Original","router","useRouter","entry","contentModel","loading","navigateTo","ContentEntryListConfig","props","ContentEntryGuard","ContentEntryLocker","SingletonContentEntryDecorator","HeadlessCmsContentEntry"],"mappings":";;;;;AAMA,MAAM,EAAEA,cAAAA,YAAY,EAAEC,uBAAAA,qBAAqB,EAAE,GAAGC;AAEhD,MAAMC,wBAAwBH,aAAa,eAAe,CAACI,CAAAA,WAChD;QACH,MAAMC,SAASC;QACf,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,OAAO,EAAE,GAAGT,aAAa,eAAe;QACrE,MAAM,EAAEU,UAAU,EAAE,GAAGC,uBAAuB,cAAc,CAAC,qBAAqB;QAIlF,IAAI,CAACJ,OAAO,IACR,OAAO,WAAP,GAAO,oBAACH,UAAAA;QAKZ,MAAMQ,QAAQ;YAAEL;YAAO,OAAOC;QAAa;QAE3C,OAAO,WAAP,GACI,oBAACK,mBAAiBA;YAAE,GAAGD,KAAK;YAAE,SAASH;yBACnC,oBAACK,oBAAkBA;YACd,GAAGF,KAAK;YACT,iBAAiB,IAAMP,OAAO,iBAAiB;YAC/C,iBAAiBK;yBAEjB,oBAACN,UAAAA;IAIjB;AAGJ,MAAMW,iCAAiCd,sBAAsB,eAAe,CAACG,CAAAA,WAClE;QACH,MAAMC,SAASC;QACf,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,OAAO,EAAE,GAAGR,sBAAsB,wBAAwB;QAEvF,MAAMW,QAAQ;YAAEL;YAAO,OAAOC;QAAa;QAE3C,OAAO,WAAP,GACI,oBAACK,mBAAiBA;YAAE,GAAGD,KAAK;YAAE,SAASH;yBACnC,oBAACK,oBAAkBA;YACd,GAAGF,KAAK;YACT,iBAAiB,IAAMP,OAAO,iBAAiB;YAC/C,iBAAiB,KAEjB;yBAEA,oBAACD,UAAAA;IAIjB;AAGG,MAAMY,0BAA0B,IAC5B,WAAP,GACI,wDACI,oBAACb,uBAAqBA,OAAAA,WAAAA,GACtB,oBAACY,gCAA8BA"}

package/components/HeadlessCmsContentEntry/index.js

@@ -1,3 +1 @@
 export * from "./HeadlessCmsContentEntry.js";
-
-//# sourceMappingURL=index.js.map