@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.1

package/admin/views/contentModels/exporting/runExport.js

@@ -1,57 +1,52 @@
 import { CMS_EXPORT_STRUCTURE_QUERY } from "./graphql.js";
-export const runExport = async ({
-  client,
-  models
-}) => {
-  const variables = {};
-  if (models?.length) {
-    variables.models = models;
-  }
-  const result = await client.query({
-    query: CMS_EXPORT_STRUCTURE_QUERY,
-    variables
-  });
-  if (result.errors?.length) {
-    console.error(result.errors);
-    return {
-      error: result.errors[0]
-    };
-  } else if (!result.data?.exportStructure) {
-    const message = `There is no object returned from the exportStructure query.`;
-    console.error(message);
-    return {
-      error: {
-        message
-      }
-    };
-  }
-  const {
-    data,
-    error
-  } = result.data.exportStructure;
-  if (error) {
-    console.error(error.message);
-    return {
-      error
-    };
-  } else if (!data) {
-    const message = `There is no data returned from the exportStructure query.`;
-    return {
-      error: {
-        message
-      }
-    };
-  }
-  try {
-    return {
-      data: JSON.parse(data)
-    };
-  } catch (ex) {
-    console.error(ex.message);
-    return {
-      error: ex
-    };
-  }
+const runExport = async ({ client, models })=>{
+    const variables = {};
+    if (models?.length) variables.models = models;
+    const result = await client.query({
+        query: CMS_EXPORT_STRUCTURE_QUERY,
+        variables
+    });
+    if (result.errors?.length) {
+        console.error(result.errors);
+        return {
+            error: result.errors[0]
+        };
+    }
+    if (!result.data?.exportStructure) {
+        const message = "There is no object returned from the exportStructure query.";
+        console.error(message);
+        return {
+            error: {
+                message
+            }
+        };
+    }
+    const { data, error } = result.data.exportStructure;
+    if (error) {
+        console.error(error.message);
+        return {
+            error
+        };
+    }
+    if (!data) {
+        const message = "There is no data returned from the exportStructure query.";
+        return {
+            error: {
+                message
+            }
+        };
+    }
+    try {
+        return {
+            data: JSON.parse(data)
+        };
+    } catch (ex) {
+        console.error(ex.message);
+        return {
+            error: ex
+        };
+    }
 };
+export { runExport };
 
 //# sourceMappingURL=runExport.js.map

package/admin/views/contentModels/exporting/runExport.js.map

@@ -1 +1 @@
-{"version":3,"names":["CMS_EXPORT_STRUCTURE_QUERY","runExport","client","models","variables","length","result","query","errors","console","error","data","exportStructure","message","JSON","parse","ex"],"sources":["runExport.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { CMS_EXPORT_STRUCTURE_QUERY } from \"./graphql.js\";\n\ninterface Params {\n    client: ApolloClient<any>;\n    models?: string[];\n}\n\ninterface ResponseData {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ninterface Response {\n    error?: Partial<Error>;\n    data?: ResponseData;\n}\n\nexport const runExport = async ({ client, models }: Params): Promise<Response> => {\n    const variables: Record<string, any> = {};\n    if (models?.length) {\n        variables.models = models;\n    }\n    const result = await client.query({\n        query: CMS_EXPORT_STRUCTURE_QUERY,\n        variables\n    });\n\n    if (result.errors?.length) {\n        console.error(result.errors);\n        return {\n            error: result.errors[0]\n        };\n    } else if (!result.data?.exportStructure) {\n        const message = `There is no object returned from the exportStructure query.`;\n        console.error(message);\n        return {\n            error: {\n                message\n            }\n        };\n    }\n    const { data, error } = result.data.exportStructure;\n    if (error) {\n        console.error(error.message);\n        return {\n            error\n        };\n    } else if (!data) {\n        const message = `There is no data returned from the exportStructure query.`;\n        return {\n            error: {\n                message\n            }\n        };\n    }\n    try {\n        return {\n            data: JSON.parse(data)\n        };\n    } catch (ex) {\n        console.error(ex.message);\n        return {\n            error: ex\n        };\n    }\n};\n"],"mappings":"AAEA,SAASA,0BAA0B;AAiBnC,OAAO,MAAMC,SAAS,GAAG,MAAAA,CAAO;EAAEC,MAAM;EAAEC;AAAe,CAAC,KAAwB;EAC9E,MAAMC,SAA8B,GAAG,CAAC,CAAC;EACzC,IAAID,MAAM,EAAEE,MAAM,EAAE;IAChBD,SAAS,CAACD,MAAM,GAAGA,MAAM;EAC7B;EACA,MAAMG,MAAM,GAAG,MAAMJ,MAAM,CAACK,KAAK,CAAC;IAC9BA,KAAK,EAAEP,0BAA0B;IACjCI;EACJ,CAAC,CAAC;EAEF,IAAIE,MAAM,CAACE,MAAM,EAAEH,MAAM,EAAE;IACvBI,OAAO,CAACC,KAAK,CAACJ,MAAM,CAACE,MAAM,CAAC;IAC5B,OAAO;MACHE,KAAK,EAAEJ,MAAM,CAACE,MAAM,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,MAAM,IAAI,CAACF,MAAM,CAACK,IAAI,EAAEC,eAAe,EAAE;IACtC,MAAMC,OAAO,GAAG,6DAA6D;IAC7EJ,OAAO,CAACC,KAAK,CAACG,OAAO,CAAC;IACtB,OAAO;MACHH,KAAK,EAAE;QACHG;MACJ;IACJ,CAAC;EACL;EACA,MAAM;IAAEF,IAAI;IAAED;EAAM,CAAC,GAAGJ,MAAM,CAACK,IAAI,CAACC,eAAe;EACnD,IAAIF,KAAK,EAAE;IACPD,OAAO,CAACC,KAAK,CAACA,KAAK,CAACG,OAAO,CAAC;IAC5B,OAAO;MACHH;IACJ,CAAC;EACL,CAAC,MAAM,IAAI,CAACC,IAAI,EAAE;IACd,MAAME,OAAO,GAAG,2DAA2D;IAC3E,OAAO;MACHH,KAAK,EAAE;QACHG;MACJ;IACJ,CAAC;EACL;EACA,IAAI;IACA,OAAO;MACHF,IAAI,EAAEG,IAAI,CAACC,KAAK,CAACJ,IAAI;IACzB,CAAC;EACL,CAAC,CAAC,OAAOK,EAAE,EAAE;IACTP,OAAO,CAACC,KAAK,CAACM,EAAE,CAACH,OAAO,CAAC;IACzB,OAAO;MACHH,KAAK,EAAEM;IACX,CAAC;EACL;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/exporting/runExport.js","sources":["../../../../../src/admin/views/contentModels/exporting/runExport.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { CMS_EXPORT_STRUCTURE_QUERY } from \"./graphql.js\";\n\ninterface Params {\n    client: ApolloClient<any>;\n    models?: string[];\n}\n\ninterface ResponseData {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ninterface Response {\n    error?: Partial<Error>;\n    data?: ResponseData;\n}\n\nexport const runExport = async ({ client, models }: Params): Promise<Response> => {\n    const variables: Record<string, any> = {};\n    if (models?.length) {\n        variables.models = models;\n    }\n    const result = await client.query({\n        query: CMS_EXPORT_STRUCTURE_QUERY,\n        variables\n    });\n\n    if (result.errors?.length) {\n        console.error(result.errors);\n        return {\n            error: result.errors[0]\n        };\n    } else if (!result.data?.exportStructure) {\n        const message = `There is no object returned from the exportStructure query.`;\n        console.error(message);\n        return {\n            error: {\n                message\n            }\n        };\n    }\n    const { data, error } = result.data.exportStructure;\n    if (error) {\n        console.error(error.message);\n        return {\n            error\n        };\n    } else if (!data) {\n        const message = `There is no data returned from the exportStructure query.`;\n        return {\n            error: {\n                message\n            }\n        };\n    }\n    try {\n        return {\n            data: JSON.parse(data)\n        };\n    } catch (ex) {\n        console.error(ex.message);\n        return {\n            error: ex\n        };\n    }\n};\n"],"names":["runExport","client","models","variables","result","CMS_EXPORT_STRUCTURE_QUERY","console","message","data","error","JSON","ex"],"mappings":";AAmBO,MAAMA,YAAY,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAU;IACtD,MAAMC,YAAiC,CAAC;IACxC,IAAID,QAAQ,QACRC,UAAU,MAAM,GAAGD;IAEvB,MAAME,SAAS,MAAMH,OAAO,KAAK,CAAC;QAC9B,OAAOI;QACPF;IACJ;IAEA,IAAIC,OAAO,MAAM,EAAE,QAAQ;QACvBE,QAAQ,KAAK,CAACF,OAAO,MAAM;QAC3B,OAAO;YACH,OAAOA,OAAO,MAAM,CAAC,EAAE;QAC3B;IACJ;IAAO,IAAI,CAACA,OAAO,IAAI,EAAE,iBAAiB;QACtC,MAAMG,UAAU;QAChBD,QAAQ,KAAK,CAACC;QACd,OAAO;YACH,OAAO;gBACHA;YACJ;QACJ;IACJ;IACA,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGL,OAAO,IAAI,CAAC,eAAe;IACnD,IAAIK,OAAO;QACPH,QAAQ,KAAK,CAACG,MAAM,OAAO;QAC3B,OAAO;YACHA;QACJ;IACJ;IAAO,IAAI,CAACD,MAAM;QACd,MAAMD,UAAU;QAChB,OAAO;YACH,OAAO;gBACHA;YACJ;QACJ;IACJ;IACA,IAAI;QACA,OAAO;YACH,MAAMG,KAAK,KAAK,CAACF;QACrB;IACJ,EAAE,OAAOG,IAAI;QACTL,QAAQ,KAAK,CAACK,GAAG,OAAO;QACxB,OAAO;YACH,OAAOA;QACX;IACJ;AACJ"}

package/admin/views/contentModels/exporting/useModelExport.js

@@ -3,34 +3,32 @@ import { useApolloClient } from "../../../hooks/index.js";
 import { runExport } from "./runExport.js";
 import { useSnackbar } from "@webiny/app-admin";
 import { download } from "./download.js";
-export const useModelExport = () => {
-  const client = useApolloClient();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const handleModelsExport = useCallback(models => {
-    (async () => {
-      const result = await runExport({
-        client,
-        models
-      });
-      if (result.error) {
-        return showSnackbar(result.error.message);
-      } else if (!result.data?.models?.length) {
-        return showSnackbar("No data returned from the exportStructure query.");
-      }
-      download(result.data);
-    })();
-  }, []);
-  const handleModelExport = useCallback(model => {
-    return () => {
-      handleModelsExport([model.modelId]);
+const useModelExport = ()=>{
+    const client = useApolloClient();
+    const { showSnackbar } = useSnackbar();
+    const handleModelsExport = useCallback((models)=>{
+        (async ()=>{
+            const result = await runExport({
+                client,
+                models
+            });
+            if (result.error) return showSnackbar(result.error.message);
+            if (!result.data?.models?.length) return showSnackbar("No data returned from the exportStructure query.");
+            download(result.data);
+        })();
+    }, []);
+    const handleModelExport = useCallback((model)=>()=>{
+            handleModelsExport([
+                model.modelId
+            ]);
+        }, [
+        handleModelsExport
+    ]);
+    return {
+        handleModelsExport,
+        handleModelExport
     };
-  }, [handleModelsExport]);
-  return {
-    handleModelsExport,
-    handleModelExport
-  };
 };
+export { useModelExport };
 
 //# sourceMappingURL=useModelExport.js.map

package/admin/views/contentModels/exporting/useModelExport.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useApolloClient","runExport","useSnackbar","download","useModelExport","client","showSnackbar","handleModelsExport","models","result","error","message","data","length","handleModelExport","model","modelId"],"sources":["useModelExport.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { CmsModel } from \"~/types.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport { runExport } from \"./runExport.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { download } from \"./download.js\";\n\nexport const useModelExport = () => {\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n\n    const handleModelsExport = useCallback((models?: string[]) => {\n        (async () => {\n            const result = await runExport({\n                client,\n                models\n            });\n            if (result.error) {\n                return showSnackbar(result.error.message);\n            } else if (!result.data?.models?.length) {\n                return showSnackbar(\"No data returned from the exportStructure query.\");\n            }\n            download(result.data);\n        })();\n    }, []);\n\n    const handleModelExport = useCallback(\n        (model: CmsModel) => {\n            return () => {\n                handleModelsExport([model.modelId]);\n            };\n        },\n        [handleModelsExport]\n    );\n\n    return {\n        handleModelsExport,\n        handleModelExport\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAASC,eAAe;AACxB,SAASC,SAAS;AAClB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,QAAQ;AAEjB,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,MAAM,GAAGL,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAMK,kBAAkB,GAAGR,WAAW,CAAES,MAAiB,IAAK;IAC1D,CAAC,YAAY;MACT,MAAMC,MAAM,GAAG,MAAMR,SAAS,CAAC;QAC3BI,MAAM;QACNG;MACJ,CAAC,CAAC;MACF,IAAIC,MAAM,CAACC,KAAK,EAAE;QACd,OAAOJ,YAAY,CAACG,MAAM,CAACC,KAAK,CAACC,OAAO,CAAC;MAC7C,CAAC,MAAM,IAAI,CAACF,MAAM,CAACG,IAAI,EAAEJ,MAAM,EAAEK,MAAM,EAAE;QACrC,OAAOP,YAAY,CAAC,kDAAkD,CAAC;MAC3E;MACAH,QAAQ,CAACM,MAAM,CAACG,IAAI,CAAC;IACzB,CAAC,EAAE,CAAC;EACR,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,iBAAiB,GAAGf,WAAW,CAChCgB,KAAe,IAAK;IACjB,OAAO,MAAM;MACTR,kBAAkB,CAAC,CAACQ,KAAK,CAACC,OAAO,CAAC,CAAC;IACvC,CAAC;EACL,CAAC,EACD,CAACT,kBAAkB,CACvB,CAAC;EAED,OAAO;IACHA,kBAAkB;IAClBO;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/exporting/useModelExport.js","sources":["../../../../../src/admin/views/contentModels/exporting/useModelExport.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { CmsModel } from \"~/types.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport { runExport } from \"./runExport.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { download } from \"./download.js\";\n\nexport const useModelExport = () => {\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n\n    const handleModelsExport = useCallback((models?: string[]) => {\n        (async () => {\n            const result = await runExport({\n                client,\n                models\n            });\n            if (result.error) {\n                return showSnackbar(result.error.message);\n            } else if (!result.data?.models?.length) {\n                return showSnackbar(\"No data returned from the exportStructure query.\");\n            }\n            download(result.data);\n        })();\n    }, []);\n\n    const handleModelExport = useCallback(\n        (model: CmsModel) => {\n            return () => {\n                handleModelsExport([model.modelId]);\n            };\n        },\n        [handleModelsExport]\n    );\n\n    return {\n        handleModelsExport,\n        handleModelExport\n    };\n};\n"],"names":["useModelExport","client","useApolloClient","showSnackbar","useSnackbar","handleModelsExport","useCallback","models","result","runExport","download","handleModelExport","model"],"mappings":";;;;;AAOO,MAAMA,iBAAiB;IAC1B,MAAMC,SAASC;IACf,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,qBAAqBC,YAAY,CAACC;QACnC;YACG,MAAMC,SAAS,MAAMC,UAAU;gBAC3BR;gBACAM;YACJ;YACA,IAAIC,OAAO,KAAK,EACZ,OAAOL,aAAaK,OAAO,KAAK,CAAC,OAAO;YACrC,IAAI,CAACA,OAAO,IAAI,EAAE,QAAQ,QAC7B,OAAOL,aAAa;YAExBO,SAASF,OAAO,IAAI;QACxB;IACJ,GAAG,EAAE;IAEL,MAAMG,oBAAoBL,YACtB,CAACM,QACU;YACHP,mBAAmB;gBAACO,MAAM,OAAO;aAAC;QACtC,GAEJ;QAACP;KAAmB;IAGxB,OAAO;QACHA;QACAM;IACJ;AACJ"}

package/admin/views/contentModels/fullDelete/FullyDeleteModelDialog.js

@@ -1,6 +1,6 @@
-import React, { useCallback, useMemo } from "react";
-import { Dialog, DialogActions, DialogCancel, DialogContent, DialogTitle } from "../../../components/Dialog.js";
-import { ButtonPrimary } from "@webiny/ui/Button/index.js";
+import react, { useCallback, useMemo } from "react";
+import { Dialog } from "../../../components/Dialog.js";
+import { Button, Dialog as admin_ui_Dialog } from "@webiny/admin-ui";
 import { FullyDeleteModelStateStatus } from "./types.js";
 import { Content } from "./dialog/Content.js";
 import { createValidationValue } from "./dialog/validationValue.js";
@@ -8,95 +8,81 @@ import { createProcessConfirmation } from "./dialog/process.js";
 import { useApolloClient } from "../../../hooks/index.js";
 import { useDialogState } from "./dialog/state.js";
 import { updateModelInCache } from "../cache.js";
-/**
- * It's not a mistake to use cancel to accept and accept to cancel. It is just a matter of styling.
- * We want the accept button to be less visible.
- */
-export const FullyDeleteModelDialog = ({
-  model: inputModel,
-  onClose
-}) => {
-  const client = useApolloClient();
-  const state = useDialogState(inputModel);
-  const {
-    model,
-    status,
-    confirmation,
-    setConfirmation,
-    setStatusUnderstood,
-    setStatusProcessed,
-    setStatusConfirmed,
-    setStatusError,
-    setError
-  } = state;
-  const processConfirmation = useMemo(() => {
-    return createProcessConfirmation({
-      client
-    });
-  }, [client]);
-  const startProcessing = useCallback(() => {
-    const value = createValidationValue(model);
-    if (confirmation !== value) {
-      setError({
-        message: "Confirmation value is not correct.",
-        code: "CONFIRMATION_ERROR"
-      });
-      return;
-    }
-    setStatusConfirmed();
-    (async () => {
-      const result = await processConfirmation({
+const FullyDeleteModelDialog = ({ model: inputModel, onClose })=>{
+    const client = useApolloClient();
+    const state = useDialogState(inputModel);
+    const { model, status, confirmation, setConfirmation, setStatusUnderstood, setStatusProcessed, setStatusConfirmed, setStatusError, setError } = state;
+    const processConfirmation = useMemo(()=>createProcessConfirmation({
+            client
+        }), [
+        client
+    ]);
+    const startProcessing = useCallback(()=>{
+        const value = createValidationValue(model);
+        if (confirmation !== value) return void setError({
+            message: "Confirmation value is not correct.",
+            code: "CONFIRMATION_ERROR"
+        });
+        setStatusConfirmed();
+        (async ()=>{
+            const result = await processConfirmation({
+                model: model,
+                confirmation,
+                onSuccess: (cache)=>{
+                    updateModelInCache(cache, {
+                        ...model,
+                        isBeingDeleted: true
+                    });
+                }
+            });
+            if (result.error) return void setStatusError(result.error);
+            setStatusProcessed(result.data);
+        })();
+    }, [
+        state
+    ]);
+    const title = useMemo(()=>{
+        if (model.plugin) return "Delete all entries of the model?";
+        return "Delete content model and all its entries?";
+    }, [
+        model.modelId
+    ]);
+    const primaryButtonText = useMemo(()=>{
+        if (status === FullyDeleteModelStateStatus.UNDERSTOOD) return "Yes, delete the model";
+        return "Yes, I understand";
+    }, [
+        status
+    ]);
+    const onYesClick = useMemo(()=>{
+        if (status === FullyDeleteModelStateStatus.NONE) return setStatusUnderstood;
+        return startProcessing;
+    }, [
+        setStatusUnderstood,
+        startProcessing,
+        status
+    ]);
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: !!model,
+        onClose: onClose,
+        dismissible: false,
+        "data-testid": "cms-delete-content-model-dialog",
+        title: title,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(admin_ui_Dialog.CancelAction, {
+            "data-testid": "cms-delete-content-model-close-button",
+            text: status === FullyDeleteModelStateStatus.PROCESSED || status === FullyDeleteModelStateStatus.ERROR ? "OK" : "Cancel"
+        }), (status === FullyDeleteModelStateStatus.NONE || status === FullyDeleteModelStateStatus.UNDERSTOOD) && /*#__PURE__*/ react.createElement(Button, {
+            variant: "primary",
+            "data-testid": "cms-delete-content-model-confirm-button",
+            onClick: onYesClick
+        }, primaryButtonText))
+    }, /*#__PURE__*/ react.createElement(Content, {
         model: model,
-        confirmation,
-        onSuccess: cache => {
-          updateModelInCache(cache, {
-            ...model,
-            isBeingDeleted: true
-          });
-        }
-      });
-      if (result.error) {
-        setStatusError(result.error);
-        return;
-      }
-      setStatusProcessed(result.data);
-    })();
-  }, [state]);
-  const title = useMemo(() => {
-    if (model.plugin) {
-      return "Delete all entries of the model?";
-    }
-    return "Delete content model and all its entries?";
-  }, [model.modelId]);
-  const primaryButtonText = useMemo(() => {
-    if (status === FullyDeleteModelStateStatus.UNDERSTOOD) {
-      return "Yes, delete the model";
-    }
-    return "Yes, I understand";
-  }, [status]);
-  const onYesClick = useMemo(() => {
-    if (status === FullyDeleteModelStateStatus.NONE) {
-      return setStatusUnderstood;
-    }
-    return startProcessing;
-  }, [setStatusUnderstood, startProcessing, status]);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: !!model,
-    onClose: onClose,
-    preventOutsideDismiss: true,
-    "data-testid": "cms-delete-content-model-dialog"
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, title), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Content, {
-    model: model,
-    setConfirmation: setConfirmation,
-    confirmation: confirmation,
-    error: state.error,
-    status: status
-  })), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(DialogCancel, {
-    "data-testid": "cms-delete-content-model-close-button"
-  }, status === FullyDeleteModelStateStatus.PROCESSED || status === FullyDeleteModelStateStatus.ERROR ? "OK" : "Cancel"), (status === FullyDeleteModelStateStatus.NONE || status === FullyDeleteModelStateStatus.UNDERSTOOD) && /*#__PURE__*/React.createElement(ButtonPrimary, {
-    "data-testid": "cms-delete-content-model-confirm-button",
-    onClick: onYesClick
-  }, primaryButtonText)));
+        setConfirmation: setConfirmation,
+        confirmation: confirmation,
+        error: state.error,
+        status: status
+    }));
 };
+export { FullyDeleteModelDialog };
 
 //# sourceMappingURL=FullyDeleteModelDialog.js.map

package/admin/views/contentModels/fullDelete/FullyDeleteModelDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Dialog","DialogActions","DialogCancel","DialogContent","DialogTitle","ButtonPrimary","FullyDeleteModelStateStatus","Content","createValidationValue","createProcessConfirmation","useApolloClient","useDialogState","updateModelInCache","FullyDeleteModelDialog","model","inputModel","onClose","client","state","status","confirmation","setConfirmation","setStatusUnderstood","setStatusProcessed","setStatusConfirmed","setStatusError","setError","processConfirmation","startProcessing","value","message","code","result","onSuccess","cache","isBeingDeleted","error","data","title","plugin","modelId","primaryButtonText","UNDERSTOOD","onYesClick","NONE","createElement","open","preventOutsideDismiss","PROCESSED","ERROR","onClick"],"sources":["FullyDeleteModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport {\n    Dialog,\n    DialogActions,\n    DialogCancel,\n    DialogContent,\n    DialogTitle\n} from \"~/admin/components/Dialog.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport { ButtonPrimary } from \"@webiny/ui/Button/index.js\";\nimport { FullyDeleteModelStateStatus } from \"./types.js\";\nimport { Content } from \"./dialog/Content.js\";\nimport { createValidationValue } from \"./dialog/validationValue.js\";\nimport { createProcessConfirmation } from \"./dialog/process.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport { useDialogState } from \"./dialog/state.js\";\nimport { updateModelInCache } from \"~/admin/views/contentModels/cache.js\";\n\nexport interface FullyDeleteModelDialogProps {\n    model: CmsModel;\n    onClose: () => void;\n}\n\n/**\n * It's not a mistake to use cancel to accept and accept to cancel. It is just a matter of styling.\n * We want the accept button to be less visible.\n */\nexport const FullyDeleteModelDialog = ({\n    model: inputModel,\n    onClose\n}: FullyDeleteModelDialogProps) => {\n    const client = useApolloClient();\n\n    const state = useDialogState(inputModel);\n\n    const {\n        model,\n        status,\n        confirmation,\n        setConfirmation,\n        setStatusUnderstood,\n        setStatusProcessed,\n        setStatusConfirmed,\n        setStatusError,\n        setError\n    } = state;\n\n    const processConfirmation = useMemo(() => {\n        return createProcessConfirmation({\n            client\n        });\n    }, [client]);\n\n    const startProcessing = useCallback(() => {\n        const value = createValidationValue(model!);\n        if (confirmation !== value) {\n            setError({\n                message: \"Confirmation value is not correct.\",\n                code: \"CONFIRMATION_ERROR\"\n            });\n            return;\n        }\n        setStatusConfirmed();\n\n        (async () => {\n            const result = await processConfirmation({\n                model: model!,\n                confirmation,\n                onSuccess: cache => {\n                    updateModelInCache(cache, {\n                        ...model!,\n                        isBeingDeleted: true\n                    });\n                }\n            });\n            if (result.error) {\n                setStatusError(result.error);\n                return;\n            }\n\n            setStatusProcessed(result.data);\n        })();\n    }, [state]);\n\n    const title = useMemo(() => {\n        if (model.plugin) {\n            return \"Delete all entries of the model?\";\n        }\n        return \"Delete content model and all its entries?\";\n    }, [model.modelId]);\n\n    const primaryButtonText = useMemo(() => {\n        if (status === FullyDeleteModelStateStatus.UNDERSTOOD) {\n            return \"Yes, delete the model\";\n        }\n        return \"Yes, I understand\";\n    }, [status]);\n\n    const onYesClick = useMemo(() => {\n        if (status === FullyDeleteModelStateStatus.NONE) {\n            return setStatusUnderstood;\n        }\n        return startProcessing;\n    }, [setStatusUnderstood, startProcessing, status]);\n\n    return (\n        <Dialog\n            open={!!model}\n            onClose={onClose}\n            preventOutsideDismiss={true}\n            data-testid=\"cms-delete-content-model-dialog\"\n        >\n            <DialogTitle>{title}</DialogTitle>\n            <DialogContent>\n                <Content\n                    model={model}\n                    setConfirmation={setConfirmation}\n                    confirmation={confirmation}\n                    error={state.error}\n                    status={status}\n                />\n            </DialogContent>\n            <DialogActions>\n                <DialogCancel data-testid=\"cms-delete-content-model-close-button\">\n                    {status === FullyDeleteModelStateStatus.PROCESSED ||\n                    status === FullyDeleteModelStateStatus.ERROR\n                        ? \"OK\"\n                        : \"Cancel\"}\n                </DialogCancel>\n                {(status === FullyDeleteModelStateStatus.NONE ||\n                    status === FullyDeleteModelStateStatus.UNDERSTOOD) && (\n                    <ButtonPrimary\n                        data-testid=\"cms-delete-content-model-confirm-button\"\n                        onClick={onYesClick}\n                    >\n                        {primaryButtonText}\n                    </ButtonPrimary>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/fullDelete/FullyDeleteModelDialog.js","sources":["../../../../../src/admin/views/contentModels/fullDelete/FullyDeleteModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { Dialog } from \"~/admin/components/Dialog.js\";\nimport { Dialog as AdminUiDialog } from \"@webiny/admin-ui\";\nimport { Button } from \"@webiny/admin-ui\";\nimport type { CmsModel } from \"~/types.js\";\nimport { FullyDeleteModelStateStatus } from \"./types.js\";\nimport { Content } from \"./dialog/Content.js\";\nimport { createValidationValue } from \"./dialog/validationValue.js\";\nimport { createProcessConfirmation } from \"./dialog/process.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport { useDialogState } from \"./dialog/state.js\";\nimport { updateModelInCache } from \"~/admin/views/contentModels/cache.js\";\n\nexport interface FullyDeleteModelDialogProps {\n    model: CmsModel;\n    onClose: () => void;\n}\n\n/**\n * It's not a mistake to use cancel to accept and accept to cancel. It is just a matter of styling.\n * We want the accept button to be less visible.\n */\nexport const FullyDeleteModelDialog = ({\n    model: inputModel,\n    onClose\n}: FullyDeleteModelDialogProps) => {\n    const client = useApolloClient();\n\n    const state = useDialogState(inputModel);\n\n    const {\n        model,\n        status,\n        confirmation,\n        setConfirmation,\n        setStatusUnderstood,\n        setStatusProcessed,\n        setStatusConfirmed,\n        setStatusError,\n        setError\n    } = state;\n\n    const processConfirmation = useMemo(() => {\n        return createProcessConfirmation({\n            client\n        });\n    }, [client]);\n\n    const startProcessing = useCallback(() => {\n        const value = createValidationValue(model!);\n        if (confirmation !== value) {\n            setError({\n                message: \"Confirmation value is not correct.\",\n                code: \"CONFIRMATION_ERROR\"\n            });\n            return;\n        }\n        setStatusConfirmed();\n\n        (async () => {\n            const result = await processConfirmation({\n                model: model!,\n                confirmation,\n                onSuccess: cache => {\n                    updateModelInCache(cache, {\n                        ...model!,\n                        isBeingDeleted: true\n                    });\n                }\n            });\n            if (result.error) {\n                setStatusError(result.error);\n                return;\n            }\n\n            setStatusProcessed(result.data);\n        })();\n    }, [state]);\n\n    const title = useMemo(() => {\n        if (model.plugin) {\n            return \"Delete all entries of the model?\";\n        }\n        return \"Delete content model and all its entries?\";\n    }, [model.modelId]);\n\n    const primaryButtonText = useMemo(() => {\n        if (status === FullyDeleteModelStateStatus.UNDERSTOOD) {\n            return \"Yes, delete the model\";\n        }\n        return \"Yes, I understand\";\n    }, [status]);\n\n    const onYesClick = useMemo(() => {\n        if (status === FullyDeleteModelStateStatus.NONE) {\n            return setStatusUnderstood;\n        }\n        return startProcessing;\n    }, [setStatusUnderstood, startProcessing, status]);\n\n    return (\n        <Dialog\n            open={!!model}\n            onClose={onClose}\n            dismissible={false}\n            data-testid=\"cms-delete-content-model-dialog\"\n            title={title}\n            actions={\n                <>\n                    <AdminUiDialog.CancelAction\n                        data-testid=\"cms-delete-content-model-close-button\"\n                        text={\n                            status === FullyDeleteModelStateStatus.PROCESSED ||\n                            status === FullyDeleteModelStateStatus.ERROR\n                                ? \"OK\"\n                                : \"Cancel\"\n                        }\n                    />\n                    {(status === FullyDeleteModelStateStatus.NONE ||\n                        status === FullyDeleteModelStateStatus.UNDERSTOOD) && (\n                        <Button\n                            variant={\"primary\"}\n                            data-testid=\"cms-delete-content-model-confirm-button\"\n                            onClick={onYesClick}\n                        >\n                            {primaryButtonText}\n                        </Button>\n                    )}\n                </>\n            }\n        >\n            <Content\n                model={model}\n                setConfirmation={setConfirmation}\n                confirmation={confirmation}\n                error={state.error}\n                status={status}\n            />\n        </Dialog>\n    );\n};\n"],"names":["FullyDeleteModelDialog","inputModel","onClose","client","useApolloClient","state","useDialogState","model","status","confirmation","setConfirmation","setStatusUnderstood","setStatusProcessed","setStatusConfirmed","setStatusError","setError","processConfirmation","useMemo","createProcessConfirmation","startProcessing","useCallback","value","createValidationValue","result","cache","updateModelInCache","title","primaryButtonText","FullyDeleteModelStateStatus","onYesClick","Dialog","AdminUiDialog","Button","Content"],"mappings":";;;;;;;;;;AAsBO,MAAMA,yBAAyB,CAAC,EACnC,OAAOC,UAAU,EACjBC,OAAO,EACmB;IAC1B,MAAMC,SAASC;IAEf,MAAMC,QAAQC,eAAeL;IAE7B,MAAM,EACFM,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,eAAe,EACfC,mBAAmB,EACnBC,kBAAkB,EAClBC,kBAAkB,EAClBC,cAAc,EACdC,QAAQ,EACX,GAAGV;IAEJ,MAAMW,sBAAsBC,QAAQ,IACzBC,0BAA0B;YAC7Bf;QACJ,IACD;QAACA;KAAO;IAEX,MAAMgB,kBAAkBC,YAAY;QAChC,MAAMC,QAAQC,sBAAsBf;QACpC,IAAIE,iBAAiBY,OAAO,YACxBN,SAAS;YACL,SAAS;YACT,MAAM;QACV;QAGJF;QAEC;YACG,MAAMU,SAAS,MAAMP,oBAAoB;gBACrC,OAAOT;gBACPE;gBACA,WAAWe,CAAAA;oBACPC,mBAAmBD,OAAO;wBACtB,GAAGjB,KAAK;wBACR,gBAAgB;oBACpB;gBACJ;YACJ;YACA,IAAIgB,OAAO,KAAK,EAAE,YACdT,eAAeS,OAAO,KAAK;YAI/BX,mBAAmBW,OAAO,IAAI;QAClC;IACJ,GAAG;QAAClB;KAAM;IAEV,MAAMqB,QAAQT,QAAQ;QAClB,IAAIV,MAAM,MAAM,EACZ,OAAO;QAEX,OAAO;IACX,GAAG;QAACA,MAAM,OAAO;KAAC;IAElB,MAAMoB,oBAAoBV,QAAQ;QAC9B,IAAIT,WAAWoB,4BAA4B,UAAU,EACjD,OAAO;QAEX,OAAO;IACX,GAAG;QAACpB;KAAO;IAEX,MAAMqB,aAAaZ,QAAQ;QACvB,IAAIT,WAAWoB,4BAA4B,IAAI,EAC3C,OAAOjB;QAEX,OAAOQ;IACX,GAAG;QAACR;QAAqBQ;QAAiBX;KAAO;IAEjD,OAAO,WAAP,GACI,oBAACsB,QAAMA;QACH,MAAM,CAAC,CAACvB;QACR,SAASL;QACT,aAAa;QACb,eAAY;QACZ,OAAOwB;QACP,uBACI,wDACI,oBAACK,gBAAAA,YAA0B;YACvB,eAAY;YACZ,MACIvB,WAAWoB,4BAA4B,SAAS,IAChDpB,WAAWoB,4BAA4B,KAAK,GACtC,OACA;YAGZpB,AAAAA,CAAAA,WAAWoB,4BAA4B,IAAI,IACzCpB,WAAWoB,4BAA4B,UAAS,mBAChD,oBAACI,QAAMA;YACH,SAAS;YACT,eAAY;YACZ,SAASH;WAERF;qBAMjB,oBAACM,SAAOA;QACJ,OAAO1B;QACP,iBAAiBG;QACjB,cAAcD;QACd,OAAOJ,MAAM,KAAK;QAClB,QAAQG;;AAIxB"}

package/admin/views/contentModels/fullDelete/ModelIsBeingDeleted.js

@@ -1,65 +1,62 @@
-import React, { useCallback, useState } from "react";
+import react, { useCallback, useState } from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { useConfirmationDialog } from "@webiny/app-admin";
 import { useCancelDelete } from "./useCancelDelete.js";
 import { Button, Text } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/views/content-models/fully-delete-model");
-const CancelDelete = ({
-  model
-}) => {
-  const {
-    cancel
-  } = useCancelDelete({
-    model
-  });
-  const {
-    showConfirmation
-  } = useConfirmationDialog({
-    title: "Stop the model and entries delete process?",
-    message: "Are you sure you want to stop the model and entries delete process?",
-    acceptLabel: "Yes, I am sure.",
-    cancelLabel: "No, keep deleting."
-  });
-  const onClick = useCallback(() => {
-    showConfirmation(async () => {
-      await cancel();
+const CancelDelete = ({ model })=>{
+    const { cancel } = useCancelDelete({
+        model
+    });
+    const { showConfirmation } = useConfirmationDialog({
+        title: "Stop the model and entries delete process?",
+        message: "Are you sure you want to stop the model and entries delete process?",
+        acceptLabel: "Yes, I am sure.",
+        cancelLabel: "No, keep deleting."
+    });
+    const onClick = useCallback(()=>{
+        showConfirmation(async ()=>{
+            await cancel();
+        });
+    }, [
+        showConfirmation,
+        model.modelId
+    ]);
+    return /*#__PURE__*/ react.createElement(Button, {
+        text: t`Cancel delete`,
+        size: "sm",
+        onClick: onClick
     });
-  }, [showConfirmation, model.modelId]);
-  return /*#__PURE__*/React.createElement(Button, {
-    text: t`Cancel delete`,
-    size: "sm",
-    onClick: onClick
-  });
 };
-export const ModelIsBeingDeleted = ({
-  model,
-  children
-}) => {
-  const [over, setOver] = useState(false);
-  const onMouseEnter = useCallback(() => {
-    setOver(true);
-  }, [setOver]);
-  const onMouseLeave = useCallback(() => {
-    setOver(false);
-  }, [setOver]);
-  if (!model.isBeingDeleted) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  }
-  const message = model.plugin ? "Records are being deleted." : "Model is being deleted.";
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: "150px"
-    },
-    className: "text-right",
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }, !over && /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div",
-    className: "text-destructive-primary"
-  }, message), over && /*#__PURE__*/React.createElement(CancelDelete, {
-    model: model
-  }));
+const ModelIsBeingDeleted = ({ model, children })=>{
+    const [over, setOver] = useState(false);
+    const onMouseEnter = useCallback(()=>{
+        setOver(true);
+    }, [
+        setOver
+    ]);
+    const onMouseLeave = useCallback(()=>{
+        setOver(false);
+    }, [
+        setOver
+    ]);
+    if (!model.isBeingDeleted) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+    const message = model.plugin ? "Records are being deleted." : "Model is being deleted.";
+    return /*#__PURE__*/ react.createElement("div", {
+        style: {
+            width: "150px"
+        },
+        className: "text-right",
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave
+    }, !over && /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-destructive-primary"
+    }, message), over && /*#__PURE__*/ react.createElement(CancelDelete, {
+        model: model
+    }));
 };
+export { ModelIsBeingDeleted };
 
 //# sourceMappingURL=ModelIsBeingDeleted.js.map

package/admin/views/contentModels/fullDelete/ModelIsBeingDeleted.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","i18n","useConfirmationDialog","useCancelDelete","Button","Text","t","ns","CancelDelete","model","cancel","showConfirmation","title","message","acceptLabel","cancelLabel","onClick","modelId","createElement","text","size","ModelIsBeingDeleted","children","over","setOver","onMouseEnter","onMouseLeave","isBeingDeleted","Fragment","plugin","style","width","className","as"],"sources":["ModelIsBeingDeleted.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { useCancelDelete } from \"~/admin/views/contentModels/fullDelete/useCancelDelete.js\";\nimport { Button, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/fully-delete-model\");\n\nexport interface IModelOverlayProps {\n    model: CmsModel;\n}\n\nconst CancelDelete = ({ model }: IModelOverlayProps) => {\n    const { cancel } = useCancelDelete({ model });\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Stop the model and entries delete process?\",\n        message: \"Are you sure you want to stop the model and entries delete process?\",\n        acceptLabel: \"Yes, I am sure.\",\n        cancelLabel: \"No, keep deleting.\"\n    });\n\n    const onClick = useCallback(() => {\n        showConfirmation(async () => {\n            await cancel();\n        });\n    }, [showConfirmation, model.modelId]);\n\n    return <Button text={t`Cancel delete`} size={\"sm\"} onClick={onClick} />;\n};\n\nexport const ModelIsBeingDeleted = ({\n    model,\n    children\n}: React.PropsWithChildren<IModelOverlayProps>) => {\n    const [over, setOver] = useState(false);\n\n    const onMouseEnter = useCallback(() => {\n        setOver(true);\n    }, [setOver]);\n\n    const onMouseLeave = useCallback(() => {\n        setOver(false);\n    }, [setOver]);\n\n    if (!model.isBeingDeleted) {\n        return <>{children}</>;\n    }\n\n    const message = model.plugin ? \"Records are being deleted.\" : \"Model is being deleted.\";\n    return (\n        <div\n            style={{ width: \"150px\" }}\n            className={\"text-right\"}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n        >\n            {!over && (\n                <Text size={\"sm\"} as={\"div\"} className={\"text-destructive-primary\"}>\n                    {message}\n                </Text>\n            )}\n            {over && <CancelDelete model={model} />}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAEpD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,qBAAqB,QAAQ,mBAAmB;AACzD,SAASC,eAAe;AACxB,SAASC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAE/C,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,gEAAgE,CAAC;AAMnF,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGP,eAAe,CAAC;IAAEM;EAAM,CAAC,CAAC;EAC7C,MAAM;IAAEE;EAAiB,CAAC,GAAGT,qBAAqB,CAAC;IAC/CU,KAAK,EAAE,4CAA4C;IACnDC,OAAO,EAAE,qEAAqE;IAC9EC,WAAW,EAAE,iBAAiB;IAC9BC,WAAW,EAAE;EACjB,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGjB,WAAW,CAAC,MAAM;IAC9BY,gBAAgB,CAAC,YAAY;MACzB,MAAMD,MAAM,CAAC,CAAC;IAClB,CAAC,CAAC;EACN,CAAC,EAAE,CAACC,gBAAgB,EAAEF,KAAK,CAACQ,OAAO,CAAC,CAAC;EAErC,oBAAOnB,KAAA,CAAAoB,aAAA,CAACd,MAAM;IAACe,IAAI,EAAEb,CAAC,eAAgB;IAACc,IAAI,EAAE,IAAK;IAACJ,OAAO,EAAEA;EAAQ,CAAE,CAAC;AAC3E,CAAC;AAED,OAAO,MAAMK,mBAAmB,GAAGA,CAAC;EAChCZ,KAAK;EACLa;AACyC,CAAC,KAAK;EAC/C,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGxB,QAAQ,CAAC,KAAK,CAAC;EAEvC,MAAMyB,YAAY,GAAG1B,WAAW,CAAC,MAAM;IACnCyB,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAME,YAAY,GAAG3B,WAAW,CAAC,MAAM;IACnCyB,OAAO,CAAC,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAI,CAACf,KAAK,CAACkB,cAAc,EAAE;IACvB,oBAAO7B,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAA8B,QAAA,QAAGN,QAAW,CAAC;EAC1B;EAEA,MAAMT,OAAO,GAAGJ,KAAK,CAACoB,MAAM,GAAG,4BAA4B,GAAG,yBAAyB;EACvF,oBACI/B,KAAA,CAAAoB,aAAA;IACIY,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAQ,CAAE;IAC1BC,SAAS,EAAE,YAAa;IACxBP,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA;EAAa,GAE1B,CAACH,IAAI,iBACFzB,KAAA,CAAAoB,aAAA,CAACb,IAAI;IAACe,IAAI,EAAE,IAAK;IAACa,EAAE,EAAE,KAAM;IAACD,SAAS,EAAE;EAA2B,GAC9DnB,OACC,CACT,EACAU,IAAI,iBAAIzB,KAAA,CAAAoB,aAAA,CAACV,YAAY;IAACC,KAAK,EAAEA;EAAM,CAAE,CACrC,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/fullDelete/ModelIsBeingDeleted.js","sources":["../../../../../src/admin/views/contentModels/fullDelete/ModelIsBeingDeleted.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { useCancelDelete } from \"~/admin/views/contentModels/fullDelete/useCancelDelete.js\";\nimport { Button, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/fully-delete-model\");\n\nexport interface IModelOverlayProps {\n    model: CmsModel;\n}\n\nconst CancelDelete = ({ model }: IModelOverlayProps) => {\n    const { cancel } = useCancelDelete({ model });\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Stop the model and entries delete process?\",\n        message: \"Are you sure you want to stop the model and entries delete process?\",\n        acceptLabel: \"Yes, I am sure.\",\n        cancelLabel: \"No, keep deleting.\"\n    });\n\n    const onClick = useCallback(() => {\n        showConfirmation(async () => {\n            await cancel();\n        });\n    }, [showConfirmation, model.modelId]);\n\n    return <Button text={t`Cancel delete`} size={\"sm\"} onClick={onClick} />;\n};\n\nexport const ModelIsBeingDeleted = ({\n    model,\n    children\n}: React.PropsWithChildren<IModelOverlayProps>) => {\n    const [over, setOver] = useState(false);\n\n    const onMouseEnter = useCallback(() => {\n        setOver(true);\n    }, [setOver]);\n\n    const onMouseLeave = useCallback(() => {\n        setOver(false);\n    }, [setOver]);\n\n    if (!model.isBeingDeleted) {\n        return <>{children}</>;\n    }\n\n    const message = model.plugin ? \"Records are being deleted.\" : \"Model is being deleted.\";\n    return (\n        <div\n            style={{ width: \"150px\" }}\n            className={\"text-right\"}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n        >\n            {!over && (\n                <Text size={\"sm\"} as={\"div\"} className={\"text-destructive-primary\"}>\n                    {message}\n                </Text>\n            )}\n            {over && <CancelDelete model={model} />}\n        </div>\n    );\n};\n"],"names":["t","i18n","CancelDelete","model","cancel","useCancelDelete","showConfirmation","useConfirmationDialog","onClick","useCallback","Button","ModelIsBeingDeleted","children","over","setOver","useState","onMouseEnter","onMouseLeave","message","Text"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAMlB,MAAMC,eAAe,CAAC,EAAEC,KAAK,EAAsB;IAC/C,MAAM,EAAEC,MAAM,EAAE,GAAGC,gBAAgB;QAAEF;IAAM;IAC3C,MAAM,EAAEG,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS;QACT,aAAa;QACb,aAAa;IACjB;IAEA,MAAMC,UAAUC,YAAY;QACxBH,iBAAiB;YACb,MAAMF;QACV;IACJ,GAAG;QAACE;QAAkBH,MAAM,OAAO;KAAC;IAEpC,OAAO,WAAP,GAAO,oBAACO,QAAMA;QAAC,MAAMV,CAAC,CAAC,aAAa,CAAC;QAAE,MAAM;QAAM,SAASQ;;AAChE;AAEO,MAAMG,sBAAsB,CAAC,EAChCR,KAAK,EACLS,QAAQ,EACkC;IAC1C,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IAEjC,MAAMC,eAAeP,YAAY;QAC7BK,QAAQ;IACZ,GAAG;QAACA;KAAQ;IAEZ,MAAMG,eAAeR,YAAY;QAC7BK,QAAQ;IACZ,GAAG;QAACA;KAAQ;IAEZ,IAAI,CAACX,MAAM,cAAc,EACrB,OAAO,WAAP,GAAO,0CAAGS;IAGd,MAAMM,UAAUf,MAAM,MAAM,GAAG,+BAA+B;IAC9D,OAAO,WAAP,GACI,oBAAC;QACG,OAAO;YAAE,OAAO;QAAQ;QACxB,WAAW;QACX,cAAca;QACd,cAAcC;OAEb,CAACJ,QAAQ,WAARA,GACE,oBAACM,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCD,UAGRL,QAAQ,WAARA,GAAQ,oBAACX,cAAYA;QAAC,OAAOC;;AAG1C"}