@strapi/admin 5.52.2 → 5.53.0

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/ExportCard.js

@@ -0,0 +1,177 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+var useWarnIfUnsavedChanges = require('../../../../../../../../admin/src/hooks/useWarnIfUnsavedChanges.js');
+
+const ExportProgressBar = styledComponents.styled(designSystem.ProgressBar)`
+  width: 100%;
+  background-color: ${({ theme })=>theme.colors.neutral150};
+
+  > div {
+    background-color: ${({ theme })=>theme.colors.primary600};
+  }
+`;
+const ExportCard = ({ progress, exportResult, onDownload, onDismiss })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const isExportPending = Boolean(progress || exportResult);
+    useWarnIfUnsavedChanges.useWarnIfUnsavedChanges(isExportPending);
+    const blocker = reactRouterDom.useBlocker(({ currentLocation, nextLocation })=>isExportPending && currentLocation.pathname !== nextLocation.pathname);
+    if (!progress && !exportResult) {
+        return null;
+    }
+    const progressCaption = progress ? formatMessage({
+        id: 'Settings.permissions.auditLogs.listview.export.progress.caption',
+        defaultMessage: 'Preparing your export - {fetched, number} out of {total, plural, one {# event} other {# events}}'
+    }, {
+        fetched: progress.fetched,
+        total: progress.total
+    }) : null;
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Portal, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                position: "fixed",
+                bottom: 4,
+                right: 4,
+                zIndex: 200,
+                width: "32rem",
+                role: "status",
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    direction: "column",
+                    alignItems: "stretch",
+                    gap: 2,
+                    padding: 4,
+                    hasRadius: true,
+                    background: "neutral0",
+                    borderColor: "neutral150",
+                    shadow: "popupShadow",
+                    children: progress ? /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                fontWeight: "bold",
+                                children: formatMessage({
+                                    id: 'Settings.permissions.auditLogs.listview.export.progress.title',
+                                    defaultMessage: 'Exporting audit logs'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(ExportProgressBar, {
+                                size: "S",
+                                value: progress.total > 0 ? Math.round(progress.fetched / progress.total * 100) : 0,
+                                "aria-label": progressCaption ?? undefined
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "pi",
+                                textColor: "neutral600",
+                                children: progressCaption
+                            })
+                        ]
+                    }) : exportResult && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {
+                                        fill: "success500"
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        fontWeight: "bold",
+                                        children: formatMessage({
+                                            id: 'Settings.permissions.auditLogs.listview.export.ready.title',
+                                            defaultMessage: 'Export ready'
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "pi",
+                                textColor: "neutral600",
+                                children: exportResult.fileName
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Download, {}),
+                                        onClick: onDownload,
+                                        children: formatMessage({
+                                            id: 'Settings.permissions.auditLogs.listview.export.ready.download',
+                                            defaultMessage: 'Download CSV'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "tertiary",
+                                        onClick: onDismiss,
+                                        children: formatMessage({
+                                            id: 'app.components.Button.cancel',
+                                            defaultMessage: 'Cancel'
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            }),
+            blocker.state === 'blocked' && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+                open: true,
+                onOpenChange: (isOpen)=>{
+                    if (!isOpen) {
+                        blocker.reset();
+                    }
+                },
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Content, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Header, {
+                            children: formatMessage({
+                                id: 'app.components.ConfirmDialog.title',
+                                defaultMessage: 'Confirmation'
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Body, {
+                            icon: /*#__PURE__*/ jsxRuntime.jsx(icons.WarningCircle, {
+                                width: "24px",
+                                height: "24px",
+                                fill: "danger600"
+                            }),
+                            textAlign: "center",
+                            children: formatMessage({
+                                id: 'Settings.permissions.auditLogs.listview.export.leave',
+                                defaultMessage: 'Are you sure you want to leave? Your ongoing export will be canceled.'
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Footer, {
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Cancel, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "tertiary",
+                                        fullWidth: true,
+                                        children: formatMessage({
+                                            id: 'app.components.Button.cancel',
+                                            defaultMessage: 'Cancel'
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                    onClick: ()=>blocker.proceed(),
+                                    variant: "danger-light",
+                                    fullWidth: true,
+                                    children: formatMessage({
+                                        id: 'app.components.Button.confirm',
+                                        defaultMessage: 'Confirm'
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+exports.ExportCard = ExportCard;
+//# sourceMappingURL=ExportCard.js.map

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/ExportCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportCard.js","sources":["../../../../../../../../../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/ExportCard.tsx"],"sourcesContent":["import { Box, Button, Dialog, Flex, Portal, ProgressBar, Typography } from '@strapi/design-system';\nimport { CheckCircle, Download, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useBlocker } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useWarnIfUnsavedChanges } from '../../../../../../../../admin/src/hooks/useWarnIfUnsavedChanges';\n\nimport type { ExportProgress, ExportResult } from '../hooks/useExportAuditLogs';\n\nconst ExportProgressBar = styled(ProgressBar)`\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral150};\n\n  > div {\n    background-color: ${({ theme }) => theme.colors.primary600};\n  }\n`;\n\ninterface ExportCardProps {\n  progress: ExportProgress | null;\n  exportResult: ExportResult | null;\n  onDownload: () => void;\n  onDismiss: () => void;\n}\n\nconst ExportCard = ({ progress, exportResult, onDownload, onDismiss }: ExportCardProps) => {\n  const { formatMessage } = useIntl();\n\n  const isExportPending = Boolean(progress || exportResult);\n\n  useWarnIfUnsavedChanges(isExportPending);\n\n  const blocker = useBlocker(\n    ({ currentLocation, nextLocation }) =>\n      isExportPending && currentLocation.pathname !== nextLocation.pathname\n  );\n\n  if (!progress && !exportResult) {\n    return null;\n  }\n\n  const progressCaption = progress\n    ? formatMessage(\n        {\n          id: 'Settings.permissions.auditLogs.listview.export.progress.caption',\n          defaultMessage:\n            'Preparing your export - {fetched, number} out of {total, plural, one {# event} other {# events}}',\n        },\n        { fetched: progress.fetched, total: progress.total }\n      )\n    : null;\n\n  return (\n    <Portal>\n      <Box position=\"fixed\" bottom={4} right={4} zIndex={200} width=\"32rem\" role=\"status\">\n        <Flex\n          direction=\"column\"\n          alignItems=\"stretch\"\n          gap={2}\n          padding={4}\n          hasRadius\n          background=\"neutral0\"\n          borderColor=\"neutral150\"\n          shadow=\"popupShadow\"\n        >\n          {progress ? (\n            <>\n              <Typography fontWeight=\"bold\">\n                {formatMessage({\n                  id: 'Settings.permissions.auditLogs.listview.export.progress.title',\n                  defaultMessage: 'Exporting audit logs',\n                })}\n              </Typography>\n              <ExportProgressBar\n                size=\"S\"\n                value={\n                  progress.total > 0 ? Math.round((progress.fetched / progress.total) * 100) : 0\n                }\n                aria-label={progressCaption ?? undefined}\n              />\n              <Typography variant=\"pi\" textColor=\"neutral600\">\n                {progressCaption}\n              </Typography>\n            </>\n          ) : (\n            exportResult && (\n              <>\n                <Flex gap={2}>\n                  <CheckCircle fill=\"success500\" />\n                  <Typography fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.permissions.auditLogs.listview.export.ready.title',\n                      defaultMessage: 'Export ready',\n                    })}\n                  </Typography>\n                </Flex>\n                <Typography variant=\"pi\" textColor=\"neutral600\">\n                  {exportResult.fileName}\n                </Typography>\n                <Flex gap={2}>\n                  <Button startIcon={<Download />} onClick={onDownload}>\n                    {formatMessage({\n                      id: 'Settings.permissions.auditLogs.listview.export.ready.download',\n                      defaultMessage: 'Download CSV',\n                    })}\n                  </Button>\n                  <Button variant=\"tertiary\" onClick={onDismiss}>\n                    {formatMessage({\n                      id: 'app.components.Button.cancel',\n                      defaultMessage: 'Cancel',\n                    })}\n                  </Button>\n                </Flex>\n              </>\n            )\n          )}\n        </Flex>\n      </Box>\n      {blocker.state === 'blocked' && (\n        <Dialog.Root\n          open\n          onOpenChange={(isOpen) => {\n            if (!isOpen) {\n              blocker.reset();\n            }\n          }}\n        >\n          <Dialog.Content>\n            <Dialog.Header>\n              {formatMessage({\n                id: 'app.components.ConfirmDialog.title',\n                defaultMessage: 'Confirmation',\n              })}\n            </Dialog.Header>\n            <Dialog.Body\n              icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n              textAlign=\"center\"\n            >\n              {formatMessage({\n                id: 'Settings.permissions.auditLogs.listview.export.leave',\n                defaultMessage:\n                  'Are you sure you want to leave? Your ongoing export will be canceled.',\n              })}\n            </Dialog.Body>\n            <Dialog.Footer>\n              <Dialog.Cancel>\n                <Button variant=\"tertiary\" fullWidth>\n                  {formatMessage({\n                    id: 'app.components.Button.cancel',\n                    defaultMessage: 'Cancel',\n                  })}\n                </Button>\n              </Dialog.Cancel>\n              <Button onClick={() => blocker.proceed()} variant=\"danger-light\" fullWidth>\n                {formatMessage({\n                  id: 'app.components.Button.confirm',\n                  defaultMessage: 'Confirm',\n                })}\n              </Button>\n            </Dialog.Footer>\n          </Dialog.Content>\n        </Dialog.Root>\n      )}\n    </Portal>\n  );\n};\n\nexport { ExportCard };\nexport type { ExportCardProps };\n"],"names":["ExportProgressBar","styled","ProgressBar","theme","colors","neutral150","primary600","ExportCard","progress","exportResult","onDownload","onDismiss","formatMessage","useIntl","isExportPending","Boolean","useWarnIfUnsavedChanges","blocker","useBlocker","currentLocation","nextLocation","pathname","progressCaption","id","defaultMessage","fetched","total","_jsxs","Portal","_jsx","Box","position","bottom","right","zIndex","width","role","Flex","direction","alignItems","gap","padding","hasRadius","background","borderColor","shadow","_Fragment","Typography","fontWeight","size","value","Math","round","aria-label","undefined","variant","textColor","CheckCircle","fill","fileName","Button","startIcon","Download","onClick","state","Dialog","Root","open","onOpenChange","isOpen","reset","Content","Header","Body","icon","WarningCircle","height","textAlign","Footer","Cancel","fullWidth","proceed"],"mappings":"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"}

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/ExportCard.mjs

@@ -0,0 +1,175 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Portal, Box, Flex, Typography, Button, Dialog, ProgressBar } from '@strapi/design-system';
+import { CheckCircle, Download, WarningCircle } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useBlocker } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { useWarnIfUnsavedChanges } from '../../../../../../../../admin/src/hooks/useWarnIfUnsavedChanges.mjs';
+
+const ExportProgressBar = styled(ProgressBar)`
+  width: 100%;
+  background-color: ${({ theme })=>theme.colors.neutral150};
+
+  > div {
+    background-color: ${({ theme })=>theme.colors.primary600};
+  }
+`;
+const ExportCard = ({ progress, exportResult, onDownload, onDismiss })=>{
+    const { formatMessage } = useIntl();
+    const isExportPending = Boolean(progress || exportResult);
+    useWarnIfUnsavedChanges(isExportPending);
+    const blocker = useBlocker(({ currentLocation, nextLocation })=>isExportPending && currentLocation.pathname !== nextLocation.pathname);
+    if (!progress && !exportResult) {
+        return null;
+    }
+    const progressCaption = progress ? formatMessage({
+        id: 'Settings.permissions.auditLogs.listview.export.progress.caption',
+        defaultMessage: 'Preparing your export - {fetched, number} out of {total, plural, one {# event} other {# events}}'
+    }, {
+        fetched: progress.fetched,
+        total: progress.total
+    }) : null;
+    return /*#__PURE__*/ jsxs(Portal, {
+        children: [
+            /*#__PURE__*/ jsx(Box, {
+                position: "fixed",
+                bottom: 4,
+                right: 4,
+                zIndex: 200,
+                width: "32rem",
+                role: "status",
+                children: /*#__PURE__*/ jsx(Flex, {
+                    direction: "column",
+                    alignItems: "stretch",
+                    gap: 2,
+                    padding: 4,
+                    hasRadius: true,
+                    background: "neutral0",
+                    borderColor: "neutral150",
+                    shadow: "popupShadow",
+                    children: progress ? /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(Typography, {
+                                fontWeight: "bold",
+                                children: formatMessage({
+                                    id: 'Settings.permissions.auditLogs.listview.export.progress.title',
+                                    defaultMessage: 'Exporting audit logs'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(ExportProgressBar, {
+                                size: "S",
+                                value: progress.total > 0 ? Math.round(progress.fetched / progress.total * 100) : 0,
+                                "aria-label": progressCaption ?? undefined
+                            }),
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "pi",
+                                textColor: "neutral600",
+                                children: progressCaption
+                            })
+                        ]
+                    }) : exportResult && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxs(Flex, {
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsx(CheckCircle, {
+                                        fill: "success500"
+                                    }),
+                                    /*#__PURE__*/ jsx(Typography, {
+                                        fontWeight: "bold",
+                                        children: formatMessage({
+                                            id: 'Settings.permissions.auditLogs.listview.export.ready.title',
+                                            defaultMessage: 'Export ready'
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "pi",
+                                textColor: "neutral600",
+                                children: exportResult.fileName
+                            }),
+                            /*#__PURE__*/ jsxs(Flex, {
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsx(Button, {
+                                        startIcon: /*#__PURE__*/ jsx(Download, {}),
+                                        onClick: onDownload,
+                                        children: formatMessage({
+                                            id: 'Settings.permissions.auditLogs.listview.export.ready.download',
+                                            defaultMessage: 'Download CSV'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        variant: "tertiary",
+                                        onClick: onDismiss,
+                                        children: formatMessage({
+                                            id: 'app.components.Button.cancel',
+                                            defaultMessage: 'Cancel'
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            }),
+            blocker.state === 'blocked' && /*#__PURE__*/ jsx(Dialog.Root, {
+                open: true,
+                onOpenChange: (isOpen)=>{
+                    if (!isOpen) {
+                        blocker.reset();
+                    }
+                },
+                children: /*#__PURE__*/ jsxs(Dialog.Content, {
+                    children: [
+                        /*#__PURE__*/ jsx(Dialog.Header, {
+                            children: formatMessage({
+                                id: 'app.components.ConfirmDialog.title',
+                                defaultMessage: 'Confirmation'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Dialog.Body, {
+                            icon: /*#__PURE__*/ jsx(WarningCircle, {
+                                width: "24px",
+                                height: "24px",
+                                fill: "danger600"
+                            }),
+                            textAlign: "center",
+                            children: formatMessage({
+                                id: 'Settings.permissions.auditLogs.listview.export.leave',
+                                defaultMessage: 'Are you sure you want to leave? Your ongoing export will be canceled.'
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs(Dialog.Footer, {
+                            children: [
+                                /*#__PURE__*/ jsx(Dialog.Cancel, {
+                                    children: /*#__PURE__*/ jsx(Button, {
+                                        variant: "tertiary",
+                                        fullWidth: true,
+                                        children: formatMessage({
+                                            id: 'app.components.Button.cancel',
+                                            defaultMessage: 'Cancel'
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    onClick: ()=>blocker.proceed(),
+                                    variant: "danger-light",
+                                    fullWidth: true,
+                                    children: formatMessage({
+                                        id: 'app.components.Button.confirm',
+                                        defaultMessage: 'Confirm'
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { ExportCard };
+//# sourceMappingURL=ExportCard.mjs.map

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/ExportCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportCard.mjs","sources":["../../../../../../../../../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/ExportCard.tsx"],"sourcesContent":["import { Box, Button, Dialog, Flex, Portal, ProgressBar, Typography } from '@strapi/design-system';\nimport { CheckCircle, Download, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useBlocker } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useWarnIfUnsavedChanges } from '../../../../../../../../admin/src/hooks/useWarnIfUnsavedChanges';\n\nimport type { ExportProgress, ExportResult } from '../hooks/useExportAuditLogs';\n\nconst ExportProgressBar = styled(ProgressBar)`\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral150};\n\n  > div {\n    background-color: ${({ theme }) => theme.colors.primary600};\n  }\n`;\n\ninterface ExportCardProps {\n  progress: ExportProgress | null;\n  exportResult: ExportResult | null;\n  onDownload: () => void;\n  onDismiss: () => void;\n}\n\nconst ExportCard = ({ progress, exportResult, onDownload, onDismiss }: ExportCardProps) => {\n  const { formatMessage } = useIntl();\n\n  const isExportPending = Boolean(progress || exportResult);\n\n  useWarnIfUnsavedChanges(isExportPending);\n\n  const blocker = useBlocker(\n    ({ currentLocation, nextLocation }) =>\n      isExportPending && currentLocation.pathname !== nextLocation.pathname\n  );\n\n  if (!progress && !exportResult) {\n    return null;\n  }\n\n  const progressCaption = progress\n    ? formatMessage(\n        {\n          id: 'Settings.permissions.auditLogs.listview.export.progress.caption',\n          defaultMessage:\n            'Preparing your export - {fetched, number} out of {total, plural, one {# event} other {# events}}',\n        },\n        { fetched: progress.fetched, total: progress.total }\n      )\n    : null;\n\n  return (\n    <Portal>\n      <Box position=\"fixed\" bottom={4} right={4} zIndex={200} width=\"32rem\" role=\"status\">\n        <Flex\n          direction=\"column\"\n          alignItems=\"stretch\"\n          gap={2}\n          padding={4}\n          hasRadius\n          background=\"neutral0\"\n          borderColor=\"neutral150\"\n          shadow=\"popupShadow\"\n        >\n          {progress ? (\n            <>\n              <Typography fontWeight=\"bold\">\n                {formatMessage({\n                  id: 'Settings.permissions.auditLogs.listview.export.progress.title',\n                  defaultMessage: 'Exporting audit logs',\n                })}\n              </Typography>\n              <ExportProgressBar\n                size=\"S\"\n                value={\n                  progress.total > 0 ? Math.round((progress.fetched / progress.total) * 100) : 0\n                }\n                aria-label={progressCaption ?? undefined}\n              />\n              <Typography variant=\"pi\" textColor=\"neutral600\">\n                {progressCaption}\n              </Typography>\n            </>\n          ) : (\n            exportResult && (\n              <>\n                <Flex gap={2}>\n                  <CheckCircle fill=\"success500\" />\n                  <Typography fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.permissions.auditLogs.listview.export.ready.title',\n                      defaultMessage: 'Export ready',\n                    })}\n                  </Typography>\n                </Flex>\n                <Typography variant=\"pi\" textColor=\"neutral600\">\n                  {exportResult.fileName}\n                </Typography>\n                <Flex gap={2}>\n                  <Button startIcon={<Download />} onClick={onDownload}>\n                    {formatMessage({\n                      id: 'Settings.permissions.auditLogs.listview.export.ready.download',\n                      defaultMessage: 'Download CSV',\n                    })}\n                  </Button>\n                  <Button variant=\"tertiary\" onClick={onDismiss}>\n                    {formatMessage({\n                      id: 'app.components.Button.cancel',\n                      defaultMessage: 'Cancel',\n                    })}\n                  </Button>\n                </Flex>\n              </>\n            )\n          )}\n        </Flex>\n      </Box>\n      {blocker.state === 'blocked' && (\n        <Dialog.Root\n          open\n          onOpenChange={(isOpen) => {\n            if (!isOpen) {\n              blocker.reset();\n            }\n          }}\n        >\n          <Dialog.Content>\n            <Dialog.Header>\n              {formatMessage({\n                id: 'app.components.ConfirmDialog.title',\n                defaultMessage: 'Confirmation',\n              })}\n            </Dialog.Header>\n            <Dialog.Body\n              icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n              textAlign=\"center\"\n            >\n              {formatMessage({\n                id: 'Settings.permissions.auditLogs.listview.export.leave',\n                defaultMessage:\n                  'Are you sure you want to leave? Your ongoing export will be canceled.',\n              })}\n            </Dialog.Body>\n            <Dialog.Footer>\n              <Dialog.Cancel>\n                <Button variant=\"tertiary\" fullWidth>\n                  {formatMessage({\n                    id: 'app.components.Button.cancel',\n                    defaultMessage: 'Cancel',\n                  })}\n                </Button>\n              </Dialog.Cancel>\n              <Button onClick={() => blocker.proceed()} variant=\"danger-light\" fullWidth>\n                {formatMessage({\n                  id: 'app.components.Button.confirm',\n                  defaultMessage: 'Confirm',\n                })}\n              </Button>\n            </Dialog.Footer>\n          </Dialog.Content>\n        </Dialog.Root>\n      )}\n    </Portal>\n  );\n};\n\nexport { ExportCard };\nexport type { ExportCardProps };\n"],"names":["ExportProgressBar","styled","ProgressBar","theme","colors","neutral150","primary600","ExportCard","progress","exportResult","onDownload","onDismiss","formatMessage","useIntl","isExportPending","Boolean","useWarnIfUnsavedChanges","blocker","useBlocker","currentLocation","nextLocation","pathname","progressCaption","id","defaultMessage","fetched","total","_jsxs","Portal","_jsx","Box","position","bottom","right","zIndex","width","role","Flex","direction","alignItems","gap","padding","hasRadius","background","borderColor","shadow","_Fragment","Typography","fontWeight","size","value","Math","round","aria-label","undefined","variant","textColor","CheckCircle","fill","fileName","Button","startIcon","Download","onClick","state","Dialog","Root","open","onOpenChange","isOpen","reset","Content","Header","Body","icon","WarningCircle","height","textAlign","Footer","Cancel","fullWidth","proceed"],"mappings":"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"}

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/AuditLogs/hooks/useExportAuditLogs.js

@@ -0,0 +1,173 @@
+'use strict';
+
+var React = require('react');
+var reactIntl = require('react-intl');
+var Notifications = require('../../../../../../../../admin/src/features/Notifications.js');
+var getFetchClient = require('../../../../../../../../admin/src/utils/getFetchClient.js');
+var auditLogExport = require('../../../../../../../../shared/utils/audit-log-export.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const DEFAULT_FILE_NAME = 'audit-logs.csv';
+const getFileName = (contentDisposition)=>{
+    const match = contentDisposition?.match(/filename="([^"]+)"/);
+    return match?.[1] ?? DEFAULT_FILE_NAME;
+};
+const downloadFile = (blob, fileName)=>{
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = fileName;
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+    // Revoking during a later tick to avoid aborting the download
+    setTimeout(()=>URL.revokeObjectURL(url), 60000);
+};
+const useExportAuditLogs = ()=>{
+    const [isExporting, setIsExporting] = React__namespace.useState(false);
+    const [progress, setProgress] = React__namespace.useState(null);
+    const [exportResult, setExportResult] = React__namespace.useState(null);
+    const { toggleNotification } = Notifications.useNotification();
+    const { formatMessage } = reactIntl.useIntl();
+    const isExportingRef = React__namespace.useRef(false);
+    const isMountedRef = React__namespace.useRef(true);
+    React__namespace.useEffect(()=>{
+        isMountedRef.current = true;
+        return ()=>{
+            isMountedRef.current = false;
+        };
+    }, []);
+    const exportAuditLogs = async (filters, totalEntries)=>{
+        if (isExportingRef.current) {
+            return;
+        }
+        isExportingRef.current = true;
+        setIsExporting(true);
+        setExportResult(null);
+        setProgress({
+            fetched: 0,
+            total: totalEntries
+        });
+        const { get } = getFetchClient.getFetchClient();
+        let cursor = null;
+        let until = null;
+        let token = null;
+        let fileName = DEFAULT_FILE_NAME;
+        const parts = [];
+        try {
+            do {
+                const { data, headers } = await get('/admin/audit-logs/export', {
+                    params: {
+                        ...filters ? {
+                            filters
+                        } : {},
+                        ...cursor ? {
+                            cursor
+                        } : {},
+                        ...until ? {
+                            until
+                        } : {},
+                        ...token ? {
+                            token
+                        } : {}
+                    },
+                    responseType: 'blob'
+                });
+                if (!isMountedRef.current) {
+                    return;
+                }
+                const nextCursorHeader = headers?.get(auditLogExport.AUDIT_LOGS_EXPORT_NEXT_CURSOR_HEADER) ?? null;
+                const untilHeader = headers?.get(auditLogExport.AUDIT_LOGS_EXPORT_UNTIL_HEADER) ?? null;
+                const tokenHeader = headers?.get(auditLogExport.AUDIT_LOGS_EXPORT_TOKEN_HEADER) ?? null;
+                if (!nextCursorHeader || !untilHeader || !tokenHeader) {
+                    throw new Error('The audit logs export part headers are missing');
+                }
+                cursor = nextCursorHeader === auditLogExport.AUDIT_LOGS_EXPORT_CURSOR_DONE ? null : nextCursorHeader;
+                until = untilHeader;
+                token = tokenHeader;
+                if (parts.length === 0) {
+                    fileName = getFileName(headers?.get('Content-Disposition') ?? null);
+                }
+                parts.push(data);
+                const partRows = Number(headers?.get(auditLogExport.AUDIT_LOGS_EXPORT_PART_SIZE_HEADER)) || auditLogExport.AUDIT_LOGS_EXPORT_PART_ROWS;
+                setProgress({
+                    fetched: Math.min(parts.length * partRows, totalEntries),
+                    total: totalEntries
+                });
+            }while (cursor)
+            setExportResult({
+                blob: new Blob(parts, {
+                    type: 'text/csv;charset=utf-8'
+                }),
+                fileName
+            });
+        } catch (error) {
+            const message = ()=>{
+                if (getFetchClient.isFetchError(error) && error.status === 413) {
+                    return formatMessage({
+                        id: 'Settings.permissions.auditLogs.listview.export.error.tooLarge',
+                        defaultMessage: 'Table too large to export. Please add filters and try again.'
+                    });
+                }
+                if (getFetchClient.isFetchError(error) && error.status === 403) {
+                    return formatMessage({
+                        id: 'Settings.permissions.auditLogs.listview.export.error.forbidden',
+                        defaultMessage: "You don't have the permissions to export audit logs."
+                    });
+                }
+                return formatMessage({
+                    id: 'Settings.permissions.auditLogs.listview.export.error',
+                    defaultMessage: 'The export failed. Please try again.'
+                });
+            };
+            toggleNotification({
+                type: 'danger',
+                message: message()
+            });
+        } finally{
+            isExportingRef.current = false;
+            setIsExporting(false);
+            setProgress(null);
+        }
+    };
+    const downloadExport = ()=>{
+        if (!exportResult) {
+            return;
+        }
+        downloadFile(exportResult.blob, exportResult.fileName);
+        setExportResult(null);
+    };
+    const dismissExport = ()=>{
+        setExportResult(null);
+    };
+    return {
+        exportAuditLogs,
+        downloadExport,
+        dismissExport,
+        isExporting,
+        progress,
+        exportResult
+    };
+};
+
+exports.useExportAuditLogs = useExportAuditLogs;
+//# sourceMappingURL=useExportAuditLogs.js.map

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/AuditLogs/hooks/useExportAuditLogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExportAuditLogs.js","sources":["../../../../../../../../../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/hooks/useExportAuditLogs.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useIntl } from 'react-intl';\n\nimport { useNotification } from '../../../../../../../../admin/src/features/Notifications';\nimport {\n  getFetchClient,\n  isFetchError,\n  type FetchResponse,\n} from '../../../../../../../../admin/src/utils/getFetchClient';\nimport {\n  AUDIT_LOGS_EXPORT_CURSOR_DONE,\n  AUDIT_LOGS_EXPORT_NEXT_CURSOR_HEADER,\n  AUDIT_LOGS_EXPORT_PART_ROWS,\n  AUDIT_LOGS_EXPORT_PART_SIZE_HEADER,\n  AUDIT_LOGS_EXPORT_TOKEN_HEADER,\n  AUDIT_LOGS_EXPORT_UNTIL_HEADER,\n} from '../../../../../../../../shared/utils/audit-log-export';\n\nconst DEFAULT_FILE_NAME = 'audit-logs.csv';\n\ninterface ExportProgress {\n  fetched: number;\n  total: number;\n}\n\ninterface ExportResult {\n  blob: Blob;\n  fileName: string;\n}\n\nconst getFileName = (contentDisposition: string | null) => {\n  const match = contentDisposition?.match(/filename=\"([^\"]+)\"/);\n\n  return match?.[1] ?? DEFAULT_FILE_NAME;\n};\n\nconst downloadFile = (blob: Blob, fileName: string) => {\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement('a');\n  link.href = url;\n  link.download = fileName;\n  document.body.appendChild(link);\n  link.click();\n  link.remove();\n\n  // Revoking during a later tick to avoid aborting the download\n  setTimeout(() => URL.revokeObjectURL(url), 60000);\n};\n\nconst useExportAuditLogs = () => {\n  const [isExporting, setIsExporting] = React.useState(false);\n  const [progress, setProgress] = React.useState<ExportProgress | null>(null);\n  const [exportResult, setExportResult] = React.useState<ExportResult | null>(null);\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n\n  const isExportingRef = React.useRef(false);\n\n  const isMountedRef = React.useRef(true);\n  React.useEffect(() => {\n    isMountedRef.current = true;\n\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  const exportAuditLogs = async (filters: unknown, totalEntries: number) => {\n    if (isExportingRef.current) {\n      return;\n    }\n\n    isExportingRef.current = true;\n    setIsExporting(true);\n    setExportResult(null);\n    setProgress({ fetched: 0, total: totalEntries });\n\n    const { get } = getFetchClient();\n\n    let cursor: string | null = null;\n    let until: string | null = null;\n    let token: string | null = null;\n    let fileName = DEFAULT_FILE_NAME;\n    const parts: Blob[] = [];\n\n    try {\n      do {\n        const { data, headers }: FetchResponse<Blob> = await get<Blob>('/admin/audit-logs/export', {\n          params: {\n            ...(filters ? { filters } : {}),\n            ...(cursor ? { cursor } : {}),\n            ...(until ? { until } : {}),\n            ...(token ? { token } : {}),\n          },\n          responseType: 'blob',\n        });\n\n        if (!isMountedRef.current) {\n          return;\n        }\n\n        const nextCursorHeader: string | null =\n          headers?.get(AUDIT_LOGS_EXPORT_NEXT_CURSOR_HEADER) ?? null;\n        const untilHeader: string | null = headers?.get(AUDIT_LOGS_EXPORT_UNTIL_HEADER) ?? null;\n        const tokenHeader: string | null = headers?.get(AUDIT_LOGS_EXPORT_TOKEN_HEADER) ?? null;\n\n        if (!nextCursorHeader || !untilHeader || !tokenHeader) {\n          throw new Error('The audit logs export part headers are missing');\n        }\n\n        cursor = nextCursorHeader === AUDIT_LOGS_EXPORT_CURSOR_DONE ? null : nextCursorHeader;\n        until = untilHeader;\n        token = tokenHeader;\n\n        if (parts.length === 0) {\n          fileName = getFileName(headers?.get('Content-Disposition') ?? null);\n        }\n\n        parts.push(data);\n\n        const partRows =\n          Number(headers?.get(AUDIT_LOGS_EXPORT_PART_SIZE_HEADER)) || AUDIT_LOGS_EXPORT_PART_ROWS;\n        setProgress({\n          fetched: Math.min(parts.length * partRows, totalEntries),\n          total: totalEntries,\n        });\n      } while (cursor);\n\n      setExportResult({ blob: new Blob(parts, { type: 'text/csv;charset=utf-8' }), fileName });\n    } catch (error) {\n      const message = () => {\n        if (isFetchError(error) && error.status === 413) {\n          return formatMessage({\n            id: 'Settings.permissions.auditLogs.listview.export.error.tooLarge',\n            defaultMessage: 'Table too large to export. Please add filters and try again.',\n          });\n        }\n\n        if (isFetchError(error) && error.status === 403) {\n          return formatMessage({\n            id: 'Settings.permissions.auditLogs.listview.export.error.forbidden',\n            defaultMessage: \"You don't have the permissions to export audit logs.\",\n          });\n        }\n\n        return formatMessage({\n          id: 'Settings.permissions.auditLogs.listview.export.error',\n          defaultMessage: 'The export failed. Please try again.',\n        });\n      };\n\n      toggleNotification({ type: 'danger', message: message() });\n    } finally {\n      isExportingRef.current = false;\n      setIsExporting(false);\n      setProgress(null);\n    }\n  };\n\n  const downloadExport = () => {\n    if (!exportResult) {\n      return;\n    }\n\n    downloadFile(exportResult.blob, exportResult.fileName);\n    setExportResult(null);\n  };\n\n  const dismissExport = () => {\n    setExportResult(null);\n  };\n\n  return { exportAuditLogs, downloadExport, dismissExport, isExporting, progress, exportResult };\n};\n\nexport { useExportAuditLogs };\nexport type { ExportProgress, ExportResult };\n"],"names":["DEFAULT_FILE_NAME","getFileName","contentDisposition","match","downloadFile","blob","fileName","url","URL","createObjectURL","link","document","createElement","href","download","body","appendChild","click","remove","setTimeout","revokeObjectURL","useExportAuditLogs","isExporting","setIsExporting","React","useState","progress","setProgress","exportResult","setExportResult","toggleNotification","useNotification","formatMessage","useIntl","isExportingRef","useRef","isMountedRef","useEffect","current","exportAuditLogs","filters","totalEntries","fetched","total","get","getFetchClient","cursor","until","token","parts","data","headers","params","responseType","nextCursorHeader","AUDIT_LOGS_EXPORT_NEXT_CURSOR_HEADER","untilHeader","AUDIT_LOGS_EXPORT_UNTIL_HEADER","tokenHeader","AUDIT_LOGS_EXPORT_TOKEN_HEADER","Error","AUDIT_LOGS_EXPORT_CURSOR_DONE","length","push","partRows","Number","AUDIT_LOGS_EXPORT_PART_SIZE_HEADER","AUDIT_LOGS_EXPORT_PART_ROWS","Math","min","Blob","type","error","message","isFetchError","status","id","defaultMessage","downloadExport","dismissExport"],"mappings":"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"}