@webiny/app-record-locking 0.0.0-unstable.2aaa1916d9

package/components/LockedRecord/index.d.ts

@@ -0,0 +1 @@
+export * from "./LockedRecord";

package/components/LockedRecord/index.js

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

package/components/LockedRecord/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./LockedRecord\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/RecordLockingProvider.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IPossiblyRecordLockingRecord, IRecordLockingContext } from "../types";
+export interface IRecordLockingProviderProps {
+    children: React.ReactNode;
+}
+export declare const RecordLockingContext: React.Context<IRecordLockingContext<IPossiblyRecordLockingRecord>>;
+export declare const RecordLockingProvider: (props: IRecordLockingProviderProps) => React.JSX.Element;

package/components/RecordLockingProvider.js

@@ -0,0 +1,115 @@
+import React, { useCallback, useMemo, useState } from "react";
+import { useApolloClient } from "@apollo/react-hooks";
+import { createRecordLocking } from "../domain/RecordLocking";
+import { useStateIfMounted } from "@webiny/app-admin";
+export const RecordLockingContext = /*#__PURE__*/React.createContext({});
+const isSameArray = (existingRecords, newRecords) => {
+  if (existingRecords.length !== newRecords.length) {
+    return false;
+  }
+  return existingRecords.every(record => {
+    return newRecords.some(newRecord => newRecord.id === record.id && newRecord.savedOn === record.savedOn);
+  });
+};
+export const RecordLockingProvider = props => {
+  const client = useApolloClient();
+  const [loading, setLoading] = useState(false);
+  const recordLocking = useMemo(() => {
+    return createRecordLocking({
+      client,
+      setLoading
+    });
+  }, []);
+  const [error, setError] = useStateIfMounted(null);
+  const [records, setRecords] = useStateIfMounted([]);
+  const setRecordsIfNeeded = useCallback(newRecords => {
+    const sameArray = isSameArray(records, newRecords);
+    if (sameArray) {
+      return;
+    }
+    setRecords(newRecords);
+  }, [records]);
+  const value = {
+    async updateEntryLock(params) {
+      const result = await recordLocking.updateEntryLock(params);
+      if (result.error) {
+        setError(result.error);
+        return result;
+      }
+      const target = result.data;
+      if (!target?.id) {
+        const error = {
+          message: "No data returned from server.",
+          code: "NO_DATA"
+        };
+        setError(error);
+        return {
+          error,
+          data: null
+        };
+      }
+      setRecords(prev => {
+        return prev.map(item => {
+          if (item.entryId === target.id) {
+            return {
+              ...item,
+              $locked: result.data
+            };
+          }
+          return item;
+        });
+      });
+      return result;
+    },
+    async unlockEntry(params) {
+      return await recordLocking.unlockEntry(params);
+    },
+    async unlockEntryForce(params) {
+      return await recordLocking.unlockEntry(params, true);
+    },
+    isLockExpired(input) {
+      return recordLocking.isLockExpired(input);
+    },
+    isRecordLocked(record) {
+      if (!record) {
+        return false;
+      }
+      return recordLocking.isRecordLocked(record);
+    },
+    getLockRecordEntry(id) {
+      return recordLocking.getLockRecordEntry(id);
+    },
+    removeEntryLock(params) {
+      return recordLocking.removeEntryLock(params);
+    },
+    async fetchLockRecord(params) {
+      try {
+        return await recordLocking.fetchLockRecord(params);
+      } catch (ex) {
+        return {
+          data: null,
+          error: ex
+        };
+      }
+    },
+    async fetchLockedEntryLockRecord(params) {
+      return recordLocking.fetchLockedEntryLockRecord(params);
+    },
+    async setRecords(folderId, type, newRecords) {
+      setRecordsIfNeeded(newRecords);
+      const result = await recordLocking.setRecords(folderId, type, newRecords);
+      if (!result) {
+        return;
+      }
+      setRecords(result);
+    },
+    error,
+    records,
+    loading
+  };
+  return /*#__PURE__*/React.createElement(RecordLockingContext.Provider, Object.assign({}, props, {
+    value: value
+  }));
+};
+
+//# sourceMappingURL=RecordLockingProvider.js.map

package/components/RecordLockingProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","useApolloClient","createRecordLocking","useStateIfMounted","RecordLockingContext","createContext","isSameArray","existingRecords","newRecords","length","every","record","some","newRecord","id","savedOn","RecordLockingProvider","props","client","loading","setLoading","recordLocking","error","setError","records","setRecords","setRecordsIfNeeded","sameArray","value","updateEntryLock","params","result","target","data","message","code","prev","map","item","entryId","$locked","unlockEntry","unlockEntryForce","isLockExpired","input","isRecordLocked","getLockRecordEntry","removeEntryLock","fetchLockRecord","ex","fetchLockedEntryLockRecord","folderId","type","createElement","Provider","Object","assign"],"sources":["RecordLockingProvider.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { createRecordLocking } from \"~/domain/RecordLocking\";\nimport type {\n    IFetchLockedEntryLockRecordParams,\n    IFetchLockRecordParams,\n    IPossiblyRecordLockingRecord,\n    IRecordLockingContext,\n    IRecordLockingError,\n    IUnlockEntryParams,\n    IUpdateEntryLockParams\n} from \"~/types\";\nimport { useStateIfMounted } from \"@webiny/app-admin\";\n\nexport interface IRecordLockingProviderProps {\n    children: React.ReactNode;\n}\n\nexport const RecordLockingContext = React.createContext({} as unknown as IRecordLockingContext);\n\nconst isSameArray = (\n    existingRecords: Pick<IPossiblyRecordLockingRecord, \"id\" | \"savedOn\">[],\n    newRecords: Pick<IPossiblyRecordLockingRecord, \"id\" | \"savedOn\">[]\n): boolean => {\n    if (existingRecords.length !== newRecords.length) {\n        return false;\n    }\n    return existingRecords.every(record => {\n        return newRecords.some(\n            newRecord => newRecord.id === record.id && newRecord.savedOn === record.savedOn\n        );\n    });\n};\n\nexport const RecordLockingProvider = (props: IRecordLockingProviderProps) => {\n    const client = useApolloClient();\n\n    const [loading, setLoading] = useState(false);\n\n    const recordLocking = useMemo(() => {\n        return createRecordLocking({\n            client,\n            setLoading\n        });\n    }, []);\n\n    const [error, setError] = useStateIfMounted<IRecordLockingError | null>(null);\n\n    const [records, setRecords] = useStateIfMounted<IPossiblyRecordLockingRecord[]>([]);\n\n    const setRecordsIfNeeded = useCallback(\n        (newRecords: IPossiblyRecordLockingRecord[]) => {\n            const sameArray = isSameArray(records, newRecords);\n            if (sameArray) {\n                return;\n            }\n            setRecords(newRecords);\n        },\n        [records]\n    );\n\n    const value: IRecordLockingContext = {\n        async updateEntryLock(params: IUpdateEntryLockParams) {\n            const result = await recordLocking.updateEntryLock(params);\n            if (result.error) {\n                setError(result.error);\n                return result;\n            }\n            const target = result.data;\n            if (!target?.id) {\n                const error = {\n                    message: \"No data returned from server.\",\n                    code: \"NO_DATA\"\n                };\n                setError(error);\n                return {\n                    error,\n                    data: null\n                };\n            }\n\n            setRecords(prev => {\n                return prev.map(item => {\n                    if (item.entryId === target.id) {\n                        return {\n                            ...item,\n                            $locked: result.data\n                        };\n                    }\n                    return item;\n                });\n            });\n            return result;\n        },\n        async unlockEntry(params: IUnlockEntryParams) {\n            return await recordLocking.unlockEntry(params);\n        },\n        async unlockEntryForce(params: IUnlockEntryParams) {\n            return await recordLocking.unlockEntry(params, true);\n        },\n        isLockExpired(input: Date | string): boolean {\n            return recordLocking.isLockExpired(input);\n        },\n        isRecordLocked(record) {\n            if (!record) {\n                return false;\n            }\n            return recordLocking.isRecordLocked(record);\n        },\n        getLockRecordEntry(id: string) {\n            return recordLocking.getLockRecordEntry(id);\n        },\n        removeEntryLock(params: IUnlockEntryParams) {\n            return recordLocking.removeEntryLock(params);\n        },\n        async fetchLockRecord(params: IFetchLockRecordParams) {\n            try {\n                return await recordLocking.fetchLockRecord(params);\n            } catch (ex) {\n                return {\n                    data: null,\n                    error: ex\n                };\n            }\n        },\n        async fetchLockedEntryLockRecord(params: IFetchLockedEntryLockRecordParams) {\n            return recordLocking.fetchLockedEntryLockRecord(params);\n        },\n        async setRecords(folderId, type, newRecords) {\n            setRecordsIfNeeded(newRecords);\n\n            const result = await recordLocking.setRecords(folderId, type, newRecords);\n            if (!result) {\n                return;\n            }\n            setRecords(result);\n        },\n        error,\n        records,\n        loading\n    };\n\n    return <RecordLockingContext.Provider {...props} value={value} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/components/decorators/UseContentEntriesListHookDecorator.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const UseContentEntriesListHookDecorator: () => import("react").JSX.Element;

package/components/decorators/UseContentEntriesListHookDecorator.js

@@ -0,0 +1,21 @@
+import { useEffect } from "react";
+import { ContentEntryListConfig } from "@webiny/app-headless-cms";
+import { useRecordLocking } from "../../hooks";
+export const UseContentEntriesListHookDecorator = ContentEntryListConfig.ContentEntries.useContentEntriesList.createDecorator(originalHook => {
+  return function RecordLockingUseContentEntriesList() {
+    const value = originalHook();
+    const recordLocking = useRecordLocking();
+    useEffect(() => {
+      if (!value.records) {
+        return;
+      }
+      recordLocking.setRecords(value.folderId, value.modelId, value.records);
+    }, [value.folderId, value.modelId, value.records, recordLocking]);
+    return {
+      ...value,
+      records: recordLocking.records
+    };
+  };
+});
+
+//# sourceMappingURL=UseContentEntriesListHookDecorator.js.map

package/components/decorators/UseContentEntriesListHookDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","ContentEntryListConfig","useRecordLocking","UseContentEntriesListHookDecorator","ContentEntries","useContentEntriesList","createDecorator","originalHook","RecordLockingUseContentEntriesList","value","recordLocking","records","setRecords","folderId","modelId"],"sources":["UseContentEntriesListHookDecorator.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms\";\nimport { useRecordLocking } from \"~/hooks\";\n\nexport const UseContentEntriesListHookDecorator =\n    ContentEntryListConfig.ContentEntries.useContentEntriesList.createDecorator(originalHook => {\n        return function RecordLockingUseContentEntriesList() {\n            const value = originalHook();\n            const recordLocking = useRecordLocking();\n\n            useEffect(() => {\n                if (!value.records) {\n                    return;\n                }\n\n                recordLocking.setRecords(value.folderId, value.modelId, value.records);\n            }, [value.folderId, value.modelId, value.records, recordLocking]);\n\n            return {\n                ...value,\n                records: recordLocking.records\n            };\n        };\n    });\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,kCAAkC,GAC3CF,sBAAsB,CAACG,cAAc,CAACC,qBAAqB,CAACC,eAAe,CAACC,YAAY,IAAI;EACxF,OAAO,SAASC,kCAAkCA,CAAA,EAAG;IACjD,MAAMC,KAAK,GAAGF,YAAY,CAAC,CAAC;IAC5B,MAAMG,aAAa,GAAGR,gBAAgB,CAAC,CAAC;IAExCF,SAAS,CAAC,MAAM;MACZ,IAAI,CAACS,KAAK,CAACE,OAAO,EAAE;QAChB;MACJ;MAEAD,aAAa,CAACE,UAAU,CAACH,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACE,OAAO,CAAC;IAC1E,CAAC,EAAE,CAACF,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACE,OAAO,EAAED,aAAa,CAAC,CAAC;IAEjE,OAAO;MACH,GAAGD,KAAK;MACRE,OAAO,EAAED,aAAa,CAACC;IAC3B,CAAC;EACL,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/components/decorators/UseRecordsDecorator.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * When record locking mechanism is checking for records equality, it compares record `id` and `savedOn`.
+ * When you're updating ACO cache, you're just passing the new content entry value(s), and sometimes you might
+ * be doing it without the `savedOn`, and that causes record locking to keep its old state.
+ *
+ * This decorator ensures that calls to `updateRecordInCache` always include a `savedOn` timestamp.
+ */
+export declare const UseRecordsDecorator: () => import("react").JSX.Element;

package/components/decorators/UseRecordsDecorator.js

@@ -0,0 +1,25 @@
+import { useRecords } from "@webiny/app-aco";
+
+/**
+ * When record locking mechanism is checking for records equality, it compares record `id` and `savedOn`.
+ * When you're updating ACO cache, you're just passing the new content entry value(s), and sometimes you might
+ * be doing it without the `savedOn`, and that causes record locking to keep its old state.
+ *
+ * This decorator ensures that calls to `updateRecordInCache` always include a `savedOn` timestamp.
+ */
+export const UseRecordsDecorator = useRecords.createDecorator(baseHook => {
+  return folderId => {
+    const hook = baseHook(folderId);
+    return {
+      ...hook,
+      updateRecordInCache(record) {
+        hook.updateRecordInCache({
+          ...record,
+          savedOn: new Date().toISOString()
+        });
+      }
+    };
+  };
+});
+
+//# sourceMappingURL=UseRecordsDecorator.js.map

package/components/decorators/UseRecordsDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRecords","UseRecordsDecorator","createDecorator","baseHook","folderId","hook","updateRecordInCache","record","savedOn","Date","toISOString"],"sources":["UseRecordsDecorator.tsx"],"sourcesContent":["import { useRecords } from \"@webiny/app-aco\";\n\n/**\n * When record locking mechanism is checking for records equality, it compares record `id` and `savedOn`.\n * When you're updating ACO cache, you're just passing the new content entry value(s), and sometimes you might\n * be doing it without the `savedOn`, and that causes record locking to keep its old state.\n *\n * This decorator ensures that calls to `updateRecordInCache` always include a `savedOn` timestamp.\n */\nexport const UseRecordsDecorator = useRecords.createDecorator(baseHook => {\n    return (folderId?: string) => {\n        const hook = baseHook(folderId);\n\n        return {\n            ...hook,\n            updateRecordInCache(record: any) {\n                hook.updateRecordInCache({\n                    ...record,\n                    savedOn: new Date().toISOString()\n                });\n            }\n        };\n    };\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAGD,UAAU,CAACE,eAAe,CAACC,QAAQ,IAAI;EACtE,OAAQC,QAAiB,IAAK;IAC1B,MAAMC,IAAI,GAAGF,QAAQ,CAACC,QAAQ,CAAC;IAE/B,OAAO;MACH,GAAGC,IAAI;MACPC,mBAAmBA,CAACC,MAAW,EAAE;QAC7BF,IAAI,CAACC,mBAAmB,CAAC;UACrB,GAAGC,MAAM;UACTC,OAAO,EAAE,IAAIC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC;QACpC,CAAC,CAAC;MACN;IACJ,CAAC;EACL,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/components/decorators/UseSaveEntryDecorator.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const UseSaveEntryDecorator: () => import("react").JSX.Element;

package/components/decorators/UseSaveEntryDecorator.js

@@ -0,0 +1,55 @@
+import { useCallback } from "react";
+import { useRecordLocking } from "../../hooks";
+import { ContentEntryEditorConfig, useModel } from "@webiny/app-headless-cms";
+import { useSnackbar } from "@webiny/app-admin";
+const {
+  ContentEntry: {
+    ContentEntryForm
+  }
+} = ContentEntryEditorConfig;
+export const UseSaveEntryDecorator = ContentEntryForm.useContentEntryForm.createDecorator(originalHook => {
+  return function useRecordLockingUseSave() {
+    const hook = originalHook();
+    const {
+      fetchLockedEntryLockRecord,
+      updateEntryLock
+    } = useRecordLocking();
+    const {
+      showSnackbar
+    } = useSnackbar();
+    const {
+      model
+    } = useModel();
+    const {
+      entry
+    } = hook;
+    const saveEntry = useCallback(async (...params) => {
+      if (!entry.id) {
+        return hook.saveEntry(...params);
+      }
+      const result = await fetchLockedEntryLockRecord({
+        id: entry.id,
+        $lockingType: model.modelId
+      });
+      if (result?.lockedBy) {
+        const lockedBy = result.lockedBy;
+        showSnackbar(`It seems that the entry is locked by ${lockedBy.displayName || lockedBy.id}. You can't save your changes.`);
+        return null;
+      }
+      const saveResult = await hook.saveEntry(...params);
+      if (saveResult) {
+        await updateEntryLock({
+          id: saveResult.id,
+          $lockingType: model.modelId
+        });
+      }
+      return saveResult;
+    }, [entry?.id, model.modelId, updateEntryLock]);
+    return {
+      ...hook,
+      saveEntry
+    };
+  };
+});
+
+//# sourceMappingURL=UseSaveEntryDecorator.js.map

package/components/decorators/UseSaveEntryDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRecordLocking","ContentEntryEditorConfig","useModel","useSnackbar","ContentEntry","ContentEntryForm","UseSaveEntryDecorator","useContentEntryForm","createDecorator","originalHook","useRecordLockingUseSave","hook","fetchLockedEntryLockRecord","updateEntryLock","showSnackbar","model","entry","saveEntry","params","id","result","$lockingType","modelId","lockedBy","displayName","saveResult"],"sources":["UseSaveEntryDecorator.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useRecordLocking } from \"~/hooks\";\nimport { ContentEntryEditorConfig, useModel } from \"@webiny/app-headless-cms\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\nconst {\n    ContentEntry: { ContentEntryForm }\n} = ContentEntryEditorConfig;\n\ntype SaveEntry = ReturnType<typeof ContentEntryForm.useContentEntryForm>[\"saveEntry\"];\n\nexport const UseSaveEntryDecorator = ContentEntryForm.useContentEntryForm.createDecorator(\n    originalHook => {\n        return function useRecordLockingUseSave() {\n            const hook = originalHook();\n            const { fetchLockedEntryLockRecord, updateEntryLock } = useRecordLocking();\n            const { showSnackbar } = useSnackbar();\n            const { model } = useModel();\n\n            const { entry } = hook;\n\n            const saveEntry: SaveEntry = useCallback(\n                async (...params) => {\n                    if (!entry.id) {\n                        return hook.saveEntry(...params);\n                    }\n\n                    const result = await fetchLockedEntryLockRecord({\n                        id: entry.id,\n                        $lockingType: model.modelId\n                    });\n\n                    if (result?.lockedBy) {\n                        const lockedBy = result.lockedBy;\n                        showSnackbar(\n                            `It seems that the entry is locked by ${\n                                lockedBy.displayName || lockedBy.id\n                            }. You can't save your changes.`\n                        );\n                        return null;\n                    }\n\n                    const saveResult = await hook.saveEntry(...params);\n                    if (saveResult) {\n                        await updateEntryLock({\n                            id: saveResult.id,\n                            $lockingType: model.modelId\n                        });\n                    }\n\n                    return saveResult;\n                },\n                [entry?.id, model.modelId, updateEntryLock]\n            );\n\n            return {\n                ...hook,\n                saveEntry\n            };\n        };\n    }\n);\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,gBAAgB;AACzB,SAASC,wBAAwB,EAAEC,QAAQ,QAAQ,0BAA0B;AAC7E,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,MAAM;EACFC,YAAY,EAAE;IAAEC;EAAiB;AACrC,CAAC,GAAGJ,wBAAwB;AAI5B,OAAO,MAAMK,qBAAqB,GAAGD,gBAAgB,CAACE,mBAAmB,CAACC,eAAe,CACrFC,YAAY,IAAI;EACZ,OAAO,SAASC,uBAAuBA,CAAA,EAAG;IACtC,MAAMC,IAAI,GAAGF,YAAY,CAAC,CAAC;IAC3B,MAAM;MAAEG,0BAA0B;MAAEC;IAAgB,CAAC,GAAGb,gBAAgB,CAAC,CAAC;IAC1E,MAAM;MAAEc;IAAa,CAAC,GAAGX,WAAW,CAAC,CAAC;IACtC,MAAM;MAAEY;IAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;IAE5B,MAAM;MAAEc;IAAM,CAAC,GAAGL,IAAI;IAEtB,MAAMM,SAAoB,GAAGlB,WAAW,CACpC,OAAO,GAAGmB,MAAM,KAAK;MACjB,IAAI,CAACF,KAAK,CAACG,EAAE,EAAE;QACX,OAAOR,IAAI,CAACM,SAAS,CAAC,GAAGC,MAAM,CAAC;MACpC;MAEA,MAAME,MAAM,GAAG,MAAMR,0BAA0B,CAAC;QAC5CO,EAAE,EAAEH,KAAK,CAACG,EAAE;QACZE,YAAY,EAAEN,KAAK,CAACO;MACxB,CAAC,CAAC;MAEF,IAAIF,MAAM,EAAEG,QAAQ,EAAE;QAClB,MAAMA,QAAQ,GAAGH,MAAM,CAACG,QAAQ;QAChCT,YAAY,CACR,wCACIS,QAAQ,CAACC,WAAW,IAAID,QAAQ,CAACJ,EAAE,gCAE3C,CAAC;QACD,OAAO,IAAI;MACf;MAEA,MAAMM,UAAU,GAAG,MAAMd,IAAI,CAACM,SAAS,CAAC,GAAGC,MAAM,CAAC;MAClD,IAAIO,UAAU,EAAE;QACZ,MAAMZ,eAAe,CAAC;UAClBM,EAAE,EAAEM,UAAU,CAACN,EAAE;UACjBE,YAAY,EAAEN,KAAK,CAACO;QACxB,CAAC,CAAC;MACN;MAEA,OAAOG,UAAU;IACrB,CAAC,EACD,CAACT,KAAK,EAAEG,EAAE,EAAEJ,KAAK,CAACO,OAAO,EAAET,eAAe,CAC9C,CAAC;IAED,OAAO;MACH,GAAGF,IAAI;MACPM;IACJ,CAAC;EACL,CAAC;AACL,CACJ,CAAC","ignoreList":[]}

package/components/permissionRenderer/RecordLockingPermissions.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { RecordLockingSecurityPermission } from "../../types";
+export interface RecordLockingPermissionsProps {
+    value: RecordLockingSecurityPermission[];
+    onChange: (value: RecordLockingSecurityPermission[]) => void;
+}
+export declare const RecordLockingPermissions: ({ value, onChange }: RecordLockingPermissionsProps) => React.JSX.Element;

package/components/permissionRenderer/RecordLockingPermissions.js

@@ -0,0 +1,71 @@
+import React, { useCallback, useMemo } from "react";
+import { i18n } from "@webiny/app/i18n";
+import { gridWithPaddingClass, PermissionInfo } from "@webiny/app-admin/components/Permissions";
+import { Form } from "@webiny/form";
+import { Grid, Select } from "@webiny/admin-ui";
+const t = i18n.ns("app-record-locking/components/permissionRenderer");
+const RECORD_LOCKING_PERMISSION = "recordLocking";
+export const RecordLockingPermissions = ({
+  value,
+  onChange
+}) => {
+  const onFormChange = useCallback(data => {
+    const newValue = value.filter(p => {
+      return p.name.startsWith(RECORD_LOCKING_PERMISSION) === false;
+    });
+    if (!data.canForceUnlock || data.canForceUnlock === "no") {
+      onChange(newValue);
+      return;
+    }
+    onChange([...newValue, {
+      name: "recordLocking",
+      canForceUnlock: "yes"
+    }]);
+  }, [value]);
+  const formData = useMemo(() => {
+    if (!Array.isArray(value)) {
+      return {};
+    }
+    const hasFullAccess = value.some(item => item.name === "*");
+    if (hasFullAccess) {
+      return {
+        canForceUnlock: "yes"
+      };
+    }
+    const permissions = value.filter(item => item.name.startsWith(RECORD_LOCKING_PERMISSION));
+    if (!permissions.length || !permissions.some(item => !!item.canForceUnlock)) {
+      return {};
+    }
+    return {
+      canForceUnlock: "yes"
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Form, {
+    data: formData,
+    onChange: onFormChange
+  }, ({
+    Bind
+  }) => {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+      className: gridWithPaddingClass
+    }, /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 6
+    }, /*#__PURE__*/React.createElement(PermissionInfo, {
+      title: t`Advanced Record Locking`
+    })), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 6
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "canForceUnlock"
+    }, /*#__PURE__*/React.createElement(Select, {
+      options: [{
+        label: t`No Access`,
+        value: "no"
+      }, {
+        label: t`Full Access`,
+        value: "yes"
+      }]
+    })))));
+  });
+};
+
+//# sourceMappingURL=RecordLockingPermissions.js.map

package/components/permissionRenderer/RecordLockingPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","i18n","gridWithPaddingClass","PermissionInfo","Form","Grid","Select","t","ns","RECORD_LOCKING_PERMISSION","RecordLockingPermissions","value","onChange","onFormChange","data","newValue","filter","p","name","startsWith","canForceUnlock","formData","Array","isArray","hasFullAccess","some","item","permissions","length","createElement","Bind","Fragment","className","Column","span","title","options","label"],"sources":["RecordLockingPermissions.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { gridWithPaddingClass, PermissionInfo } from \"@webiny/app-admin/components/Permissions\";\nimport { Form } from \"@webiny/form\";\nimport type { RecordLockingSecurityPermission } from \"~/types\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-record-locking/components/permissionRenderer\");\n\nconst RECORD_LOCKING_PERMISSION = \"recordLocking\";\n\nexport interface RecordLockingPermissionsProps {\n    value: RecordLockingSecurityPermission[];\n    onChange: (value: RecordLockingSecurityPermission[]) => void;\n}\n\nexport const RecordLockingPermissions = ({ value, onChange }: RecordLockingPermissionsProps) => {\n    const onFormChange = useCallback(\n        (data: RecordLockingSecurityPermission) => {\n            const newValue = value.filter(p => {\n                return p.name.startsWith(RECORD_LOCKING_PERMISSION) === false;\n            });\n\n            if (!data.canForceUnlock || data.canForceUnlock === \"no\") {\n                onChange(newValue);\n                return;\n            }\n\n            onChange([\n                ...newValue,\n                {\n                    name: \"recordLocking\",\n                    canForceUnlock: \"yes\"\n                }\n            ]);\n        },\n        [value]\n    );\n\n    const formData = useMemo(() => {\n        if (!Array.isArray(value)) {\n            return {};\n        }\n\n        const hasFullAccess = value.some(item => item.name === \"*\");\n\n        if (hasFullAccess) {\n            return {\n                canForceUnlock: \"yes\"\n            };\n        }\n\n        const permissions = value.filter(item => item.name.startsWith(RECORD_LOCKING_PERMISSION));\n\n        if (!permissions.length || !permissions.some(item => !!item.canForceUnlock)) {\n            return {};\n        }\n\n        return {\n            canForceUnlock: \"yes\"\n        };\n    }, []);\n\n    return (\n        <Form<RecordLockingSecurityPermission> data={formData} onChange={onFormChange}>\n            {({ Bind }) => {\n                return (\n                    <>\n                        <Grid className={gridWithPaddingClass}>\n                            <Grid.Column span={6}>\n                                <PermissionInfo title={t`Advanced Record Locking`} />\n                            </Grid.Column>\n                            <Grid.Column span={6}>\n                                <Bind name={\"canForceUnlock\"}>\n                                    <Select\n                                        options={[\n                                            { label: t`No Access`, value: \"no\" },\n                                            { label: t`Full Access`, value: \"yes\" }\n                                        ]}\n                                    ></Select>\n                                </Bind>\n                            </Grid.Column>\n                        </Grid>\n                    </>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/permissionRenderer/index.d.ts

@@ -0,0 +1,2 @@
+import type { AdminAppPermissionRendererPlugin } from "@webiny/app-admin/types";
+export declare const recordLockingPermissionRenderer: AdminAppPermissionRendererPlugin;

package/components/permissionRenderer/index.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { ReactComponent as LockIcon } from "@webiny/icons/lock.svg";
+import { RecordLockingPermissions } from "./RecordLockingPermissions";
+import { Accordion } from "@webiny/admin-ui";
+export const recordLockingPermissionRenderer = {
+  type: "admin-app-permissions-renderer",
+  name: "admin-app-permissions-renderer-record-locking",
+  render(props) {
+    return /*#__PURE__*/React.createElement(Accordion.Item, {
+      icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
+        label: "Record Locking",
+        icon: /*#__PURE__*/React.createElement(LockIcon, null)
+      }),
+      title: "Record Locking",
+      description: "Manage Record Locking permissions.",
+      "data-testid": "permission.recordLocking"
+    }, /*#__PURE__*/React.createElement(RecordLockingPermissions, props));
+  }
+};
+
+//# sourceMappingURL=index.js.map

package/components/permissionRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","LockIcon","RecordLockingPermissions","Accordion","recordLockingPermissionRenderer","type","name","render","props","createElement","Item","icon","Icon","label","title","description"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { AdminAppPermissionRendererPlugin } from \"@webiny/app-admin/types\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { RecordLockingPermissions } from \"./RecordLockingPermissions\";\nimport { Accordion } from \"@webiny/admin-ui\";\n\nexport const recordLockingPermissionRenderer: AdminAppPermissionRendererPlugin = {\n    type: \"admin-app-permissions-renderer\",\n    name: \"admin-app-permissions-renderer-record-locking\",\n    render(props) {\n        return (\n            <Accordion.Item\n                icon={<Accordion.Item.Icon label={\"Record Locking\"} icon={<LockIcon />} />}\n                title={\"Record Locking\"}\n                description={\"Manage Record Locking permissions.\"}\n                data-testid={\"permission.recordLocking\"}\n            >\n                <RecordLockingPermissions {...props} />\n            </Accordion.Item>\n        );\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASC,wBAAwB;AACjC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,OAAO,MAAMC,+BAAiE,GAAG;EAC7EC,IAAI,EAAE,gCAAgC;EACtCC,IAAI,EAAE,+CAA+C;EACrDC,MAAMA,CAACC,KAAK,EAAE;IACV,oBACIT,KAAA,CAAAU,aAAA,CAACN,SAAS,CAACO,IAAI;MACXC,IAAI,eAAEZ,KAAA,CAAAU,aAAA,CAACN,SAAS,CAACO,IAAI,CAACE,IAAI;QAACC,KAAK,EAAE,gBAAiB;QAACF,IAAI,eAAEZ,KAAA,CAAAU,aAAA,CAACR,QAAQ,MAAE;MAAE,CAAE,CAAE;MAC3Ea,KAAK,EAAE,gBAAiB;MACxBC,WAAW,EAAE,oCAAqC;MAClD,eAAa;IAA2B,gBAExChB,KAAA,CAAAU,aAAA,CAACP,wBAAwB,EAAKM,KAAQ,CAC1B,CAAC;EAEzB;AACJ,CAAC","ignoreList":[]}

package/domain/RecordLocking.d.ts

@@ -0,0 +1,28 @@
+import type { IRecordLocking } from "./abstractions/IRecordLocking";
+import type { ApolloClient } from "apollo-client";
+import type { IRecordLockingGetLockRecord } from "./abstractions/IRecordLockingGetLockRecord";
+import type { IRecordLockingIsEntryLocked } from "./abstractions/IRecordLockingIsEntryLocked";
+import type { IRecordLockingListLockRecords } from "./abstractions/IRecordLockingListLockRecords";
+import type { IRecordLockingLockEntry } from "./abstractions/IRecordLockingLockEntry";
+import type { IRecordLockingUnlockEntry } from "./abstractions/IRecordLockingUnlockEntry";
+import type { IRecordLockingError, IRecordLockingRecord } from "../types";
+import type { IRecordLockingUpdateEntryLock } from "./abstractions/IRecordLockingUpdateEntryLock";
+import type { IRecordLockingGetLockedEntryLockRecord } from "./abstractions/IRecordLockingGetLockedEntryLockRecord";
+export interface ICreateRecordLockingParams {
+    client: ApolloClient<any>;
+    setLoading: (loading: boolean) => void;
+}
+export interface IRecordLockingParams {
+    setLoading: (loading: boolean) => void;
+    getLockRecord: IRecordLockingGetLockRecord;
+    getLockedEntryLockRecord: IRecordLockingGetLockedEntryLockRecord;
+    isEntryLocked: IRecordLockingIsEntryLocked;
+    listLockRecords: IRecordLockingListLockRecords;
+    lockEntry: IRecordLockingLockEntry;
+    unlockEntry: IRecordLockingUnlockEntry;
+    updateEntryLock: IRecordLockingUpdateEntryLock;
+}
+export interface IOnErrorCb {
+    (error: IRecordLockingError): void;
+}
+export declare const createRecordLocking: <T extends IRecordLockingRecord>(config: ICreateRecordLockingParams) => IRecordLocking;