@strapi/plugin-documentation 5.0.0-beta.1 → 5.0.0-beta.10

package/dist/_chunks/{App-o4uH8gaQ.js → App-Cmiagsr-.js}

@@ -5,13 +5,10 @@ const React = require("react");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
-const reactHelmet = require("react-helmet");
 const reactIntl = require("react-intl");
-const styled = require("styled-components");
-const index = require("./index-vNbIS1u2.js");
-const getTrad = require("./getTrad-bnElvR8_.js");
-require("axios");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styledComponents = require("styled-components");
+const index = require("./index-Bjeq6z8p.js");
+const getTrad = require("./getTrad-CPA7x4Cg.js");
 function _interopNamespace(e) {
   if (e && e.__esModule)
     return e;
@@ -31,17 +28,17 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const App = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { toggleNotification } = admin.useNotification();
   const { formatAPIError } = admin.useAPIErrorHandler();
-  const { data, isLoading, isError } = index.useGetInfosQuery();
-  const [regenerate] = index.useRegenerateDocMutation();
-  const [deleteVersion] = index.useDeleteVersionMutation();
+  const { data, isLoading: isLoadingInfo, isError } = getTrad.useGetInfoQuery();
+  const [regenerate] = getTrad.useRegenerateDocMutation();
+  const [deleteVersion] = getTrad.useDeleteVersionMutation();
   const [showConfirmDelete, setShowConfirmDelete] = React__namespace.useState(false);
   const [versionToDelete, setVersionToDelete] = React__namespace.useState();
-  const { allowedActions } = admin.useRBAC(index.PERMISSIONS);
+  const { allowedActions, isLoading: isLoadingRBAC } = admin.useRBAC(index.PERMISSIONS);
+  const isLoading = isLoadingInfo || isLoadingRBAC;
   const colCount = 4;
   const rowCount = (data?.docVersions?.length || 0) + 1;
   const handleRegenerateDoc = (version) => {
@@ -60,9 +57,6 @@ const App = () => {
       });
     });
   };
-  const handleShowConfirmDelete = () => {
-    setShowConfirmDelete(!showConfirmDelete);
-  };
   const handleConfirmDelete = async () => {
     if (!versionToDelete) {
       return;
@@ -97,11 +91,11 @@ const App = () => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {});
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Layout, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(reactHelmet.Helmet, { title }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Root, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Title, { children: title }),
     /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.HeaderLayout,
+        admin.Layouts.Header,
         {
           title,
           subtitle: formatMessage({
@@ -111,7 +105,7 @@ const App = () => {
           primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
             OpenDocLink,
             {
-              disabled: !allowedActions.canOpen || !data?.currentVersion || !data?.prefix,
+              disabled: !allowedActions.canRead || !data?.currentVersion || !data?.prefix,
               href: createDocumentationHref(`${data?.prefix}/v${data?.currentVersion}`),
               startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {}),
               children: formatMessage({
@@ -122,7 +116,7 @@ const App = () => {
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: data?.docVersions.length ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount, rowCount, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: data?.docVersions.length ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount, rowCount, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
             id: getTrad.getTrad("pages.PluginPage.table.version"),
@@ -140,11 +134,10 @@ const App = () => {
             /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.IconButton,
               {
-                forwardedAs: "a",
-                disabled: !allowedActions.canOpen,
+                tag: "a",
+                disabled: !allowedActions.canRead,
                 href: createDocumentationHref(`${data.prefix}/v${doc.version}`),
-                noBorder: true,
-                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {}),
+                borderWidth: 0,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 label: formatMessage(
@@ -153,54 +146,48 @@ const App = () => {
                     defaultMessage: "Open {target}"
                   },
                   { target: `${doc.version}` }
-                )
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {})
               }
             ),
             allowedActions.canRegenerate ? /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.IconButton,
               {
                 onClick: () => handleRegenerateDoc(doc.version),
-                noBorder: true,
-                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Refresh, {}),
+                borderWidth: 0,
                 label: formatMessage(
                   {
                     id: getTrad.getTrad("pages.PluginPage.table.icon.regenerate"),
                     defaultMessage: "Regenerate {target}"
                   },
                   { target: `${doc.version}` }
-                )
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, {})
               }
             ) : null,
             allowedActions.canUpdate && doc.version !== data.currentVersion ? /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.IconButton,
               {
                 onClick: () => handleClickDelete(doc.version),
-                noBorder: true,
-                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
+                borderWidth: 0,
                 label: formatMessage(
                   {
                     id: "global.delete-target",
                     defaultMessage: "Delete {target}"
                   },
                   { target: `${doc.version}` }
-                )
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
               }
             ) : null
           ] }) })
         ] }, doc.version)) })
       ] }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.EmptyStateLayout, { content: "", icon: null }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        admin.ConfirmDialog,
-        {
-          onConfirm: handleConfirmDelete,
-          onClose: handleShowConfirmDelete,
-          isOpen: showConfirmDelete
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: showConfirmDelete, onOpenChange: setShowConfirmDelete, children: /* @__PURE__ */ jsxRuntime.jsx(admin.ConfirmDialog, { onConfirm: handleConfirmDelete }) })
     ] })
   ] });
 };
-const OpenDocLink = styled__default.default(designSystem.LinkButton)`
+const OpenDocLink = styledComponents.styled(designSystem.LinkButton)`
   text-decoration: none;
 `;
 const createDocumentationHref = (path) => {
@@ -213,4 +200,4 @@ const createDocumentationHref = (path) => {
   return `${window.strapi.backendURL}/${path}`;
 };
 exports.App = App;
-//# sourceMappingURL=App-o4uH8gaQ.js.map
+//# sourceMappingURL=App-Cmiagsr-.js.map

package/dist/_chunks/App-Cmiagsr-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App-Cmiagsr-.js","sources":["../../admin/src/pages/App.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\nimport * as React from 'react';\n\nimport {\n  LinkButton,\n  Flex,\n  IconButton,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  EmptyStateLayout,\n  Dialog,\n} from '@strapi/design-system';\nimport { Eye as Show, ArrowClockwise as Reload, Trash } from '@strapi/icons';\nimport {\n  ConfirmDialog,\n  useRBAC,\n  Page,\n  useAPIErrorHandler,\n  useNotification,\n  Layouts,\n} from '@strapi/strapi/admin';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { PERMISSIONS } from '../constants';\nimport {\n  useGetInfoQuery,\n  useRegenerateDocMutation,\n  useDeleteVersionMutation,\n} from '../services/api';\nimport { getTrad } from '../utils';\n\nconst App = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { formatAPIError } = useAPIErrorHandler();\n  const { data, isLoading: isLoadingInfo, isError } = useGetInfoQuery();\n  const [regenerate] = useRegenerateDocMutation();\n  const [deleteVersion] = useDeleteVersionMutation();\n  const [showConfirmDelete, setShowConfirmDelete] = React.useState<boolean>(false);\n  const [versionToDelete, setVersionToDelete] = React.useState<string>();\n  const { allowedActions, isLoading: isLoadingRBAC } = useRBAC(PERMISSIONS);\n\n  const isLoading = isLoadingInfo || isLoadingRBAC;\n\n  const colCount = 4;\n  const rowCount = (data?.docVersions?.length || 0) + 1;\n\n  const handleRegenerateDoc = (version: string) => {\n    regenerate({ version })\n      .unwrap()\n      .then(() => {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: getTrad('notification.generate.success'),\n            defaultMessage: 'Successfully generated documentation',\n          }),\n        });\n      })\n      .catch((err) => {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(err),\n        });\n      });\n  };\n\n  const handleShowConfirmDelete = () => {\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  const handleConfirmDelete = async () => {\n    if (!versionToDelete) {\n      // nothing to delete\n      return;\n    }\n\n    await deleteVersion({ version: versionToDelete })\n      .unwrap()\n      .then(() => {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: getTrad('notification.delete.success'),\n            defaultMessage: 'Successfully deleted documentation',\n          }),\n        });\n      })\n      .catch((err) => {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(err),\n        });\n      });\n\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  const handleClickDelete = (version: string) => {\n    setVersionToDelete(version);\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  const title = formatMessage({\n    id: getTrad('plugin.name'),\n    defaultMessage: 'Documentation',\n  });\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (isError) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Title>{title}</Page.Title>\n      <Page.Main>\n        <Layouts.Header\n          title={title}\n          subtitle={formatMessage({\n            id: getTrad('pages.PluginPage.header.description'),\n            defaultMessage: 'Configure the documentation plugin',\n          })}\n          primaryAction={\n            <OpenDocLink\n              disabled={!allowedActions.canRead || !data?.currentVersion || !data?.prefix}\n              href={createDocumentationHref(`${data?.prefix}/v${data?.currentVersion}`)}\n              startIcon={<Show />}\n            >\n              {formatMessage({\n                id: getTrad('pages.PluginPage.Button.open'),\n                defaultMessage: 'Open Documentation',\n              })}\n            </OpenDocLink>\n          }\n        />\n        <Layouts.Content>\n          {data?.docVersions.length ? (\n            <Table colCount={colCount} rowCount={rowCount}>\n              <Thead>\n                <Tr>\n                  <Th>\n                    <Typography variant=\"sigma\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: getTrad('pages.PluginPage.table.version'),\n                        defaultMessage: 'Version',\n                      })}\n                    </Typography>\n                  </Th>\n                  <Th>\n                    <Typography variant=\"sigma\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: getTrad('pages.PluginPage.table.generated'),\n                        defaultMessage: 'Last Generated',\n                      })}\n                    </Typography>\n                  </Th>\n                </Tr>\n              </Thead>\n              <Tbody>\n                {data.docVersions\n                  .slice(0)\n                  .sort((a, b) => (a.generatedDate < b.generatedDate ? 1 : -1))\n                  .map((doc) => (\n                    <Tr key={doc.version}>\n                      <Td width=\"50%\">\n                        <Typography>{doc.version}</Typography>\n                      </Td>\n                      <Td width=\"50%\">\n                        <Typography>{doc.generatedDate}</Typography>\n                      </Td>\n                      <Td>\n                        <Flex justifyContent=\"end\" onClick={(e) => e.stopPropagation()}>\n                          <IconButton\n                            tag=\"a\"\n                            disabled={!allowedActions.canRead}\n                            href={createDocumentationHref(`${data.prefix}/v${doc.version}`)}\n                            borderWidth={0}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            label={formatMessage(\n                              {\n                                id: getTrad('pages.PluginPage.table.icon.show'),\n                                defaultMessage: 'Open {target}',\n                              },\n                              { target: `${doc.version}` }\n                            )}\n                          >\n                            <Show />\n                          </IconButton>\n                          {allowedActions.canRegenerate ? (\n                            <IconButton\n                              onClick={() => handleRegenerateDoc(doc.version)}\n                              borderWidth={0}\n                              label={formatMessage(\n                                {\n                                  id: getTrad('pages.PluginPage.table.icon.regenerate'),\n                                  defaultMessage: 'Regenerate {target}',\n                                },\n                                { target: `${doc.version}` }\n                              )}\n                            >\n                              <Reload />\n                            </IconButton>\n                          ) : null}\n                          {allowedActions.canUpdate && doc.version !== data.currentVersion ? (\n                            <IconButton\n                              onClick={() => handleClickDelete(doc.version)}\n                              borderWidth={0}\n                              label={formatMessage(\n                                {\n                                  id: 'global.delete-target',\n                                  defaultMessage: 'Delete {target}',\n                                },\n                                { target: `${doc.version}` }\n                              )}\n                            >\n                              <Trash />\n                            </IconButton>\n                          ) : null}\n                        </Flex>\n                      </Td>\n                    </Tr>\n                  ))}\n              </Tbody>\n            </Table>\n          ) : (\n            <EmptyStateLayout content=\"\" icon={null} />\n          )}\n        </Layouts.Content>\n        <Dialog.Root open={showConfirmDelete} onOpenChange={setShowConfirmDelete}>\n          <ConfirmDialog onConfirm={handleConfirmDelete} />\n        </Dialog.Root>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n\n/**\n * TODO: should this be fixed in the DS?\n */\nconst OpenDocLink = styled(LinkButton)`\n  text-decoration: none;\n`;\n\nconst createDocumentationHref = (path: string) => {\n  if (path.startsWith('http')) {\n    return path;\n  }\n\n  if (path.startsWith('/')) {\n    return `${window.strapi.backendURL}${path}`;\n  }\n\n  return `${window.strapi.backendURL}/${path}`;\n};\n\nexport { App };\n"],"names":["useIntl","useNotification","useAPIErrorHandler","useGetInfoQuery","useRegenerateDocMutation","useDeleteVersionMutation","React","useRBAC","PERMISSIONS","getTrad","jsx","Page","jsxs","Layouts","Show","Table","Thead","Tr","Th","Typography","Tbody","Td","Flex","IconButton","Reload","Trash","EmptyStateLayout","Dialog","ConfirmDialog","styled","LinkButton"],"mappings":"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"}

package/dist/_chunks/{App-ig-uE4do.mjs → App-pk6g9tYL.mjs}

@@ -1,24 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Layout, HeaderLayout, ContentLayout, Table, Thead, Tr, Th, Typography, Tbody, Td, Flex, IconButton, EmptyStateLayout, LinkButton } from "@strapi/design-system";
-import { Eye, Refresh, Trash } from "@strapi/icons";
-import { useNotification, useAPIErrorHandler, useRBAC, Page, ConfirmDialog } from "@strapi/strapi/admin";
-import { Helmet } from "react-helmet";
+import { Table, Thead, Tr, Th, Typography, Tbody, Td, Flex, IconButton, EmptyStateLayout, Dialog, LinkButton } from "@strapi/design-system";
+import { Eye, ArrowClockwise, Trash } from "@strapi/icons";
+import { useNotification, useAPIErrorHandler, useRBAC, Page, Layouts, ConfirmDialog } from "@strapi/strapi/admin";
 import { useIntl } from "react-intl";
-import styled from "styled-components";
-import { u as useGetInfosQuery, a as useRegenerateDocMutation, b as useDeleteVersionMutation, P as PERMISSIONS } from "./index-jpDwTC-Q.mjs";
-import { g as getTrad } from "./getTrad-md7Tjpcv.mjs";
-import "axios";
+import { styled } from "styled-components";
+import { P as PERMISSIONS } from "./index-CEoG11hQ.mjs";
+import { u as useGetInfoQuery, a as useRegenerateDocMutation, b as useDeleteVersionMutation, g as getTrad } from "./getTrad-AjYeGjZg.mjs";
 const App = () => {
   const { formatMessage } = useIntl();
   const { toggleNotification } = useNotification();
   const { formatAPIError } = useAPIErrorHandler();
-  const { data, isLoading, isError } = useGetInfosQuery();
+  const { data, isLoading: isLoadingInfo, isError } = useGetInfoQuery();
   const [regenerate] = useRegenerateDocMutation();
   const [deleteVersion] = useDeleteVersionMutation();
   const [showConfirmDelete, setShowConfirmDelete] = React.useState(false);
   const [versionToDelete, setVersionToDelete] = React.useState();
-  const { allowedActions } = useRBAC(PERMISSIONS);
+  const { allowedActions, isLoading: isLoadingRBAC } = useRBAC(PERMISSIONS);
+  const isLoading = isLoadingInfo || isLoadingRBAC;
   const colCount = 4;
   const rowCount = (data?.docVersions?.length || 0) + 1;
   const handleRegenerateDoc = (version) => {
@@ -37,9 +36,6 @@ const App = () => {
       });
     });
   };
-  const handleShowConfirmDelete = () => {
-    setShowConfirmDelete(!showConfirmDelete);
-  };
   const handleConfirmDelete = async () => {
     if (!versionToDelete) {
       return;
@@ -74,11 +70,11 @@ const App = () => {
   if (isError) {
     return /* @__PURE__ */ jsx(Page.Error, {});
   }
-  return /* @__PURE__ */ jsxs(Layout, { children: [
-    /* @__PURE__ */ jsx(Helmet, { title }),
+  return /* @__PURE__ */ jsxs(Layouts.Root, { children: [
+    /* @__PURE__ */ jsx(Page.Title, { children: title }),
     /* @__PURE__ */ jsxs(Page.Main, { children: [
       /* @__PURE__ */ jsx(
-        HeaderLayout,
+        Layouts.Header,
         {
           title,
           subtitle: formatMessage({
@@ -88,7 +84,7 @@ const App = () => {
           primaryAction: /* @__PURE__ */ jsx(
             OpenDocLink,
             {
-              disabled: !allowedActions.canOpen || !data?.currentVersion || !data?.prefix,
+              disabled: !allowedActions.canRead || !data?.currentVersion || !data?.prefix,
               href: createDocumentationHref(`${data?.prefix}/v${data?.currentVersion}`),
               startIcon: /* @__PURE__ */ jsx(Eye, {}),
               children: formatMessage({
@@ -99,7 +95,7 @@ const App = () => {
           )
         }
       ),
-      /* @__PURE__ */ jsx(ContentLayout, { children: data?.docVersions.length ? /* @__PURE__ */ jsxs(Table, { colCount, rowCount, children: [
+      /* @__PURE__ */ jsx(Layouts.Content, { children: data?.docVersions.length ? /* @__PURE__ */ jsxs(Table, { colCount, rowCount, children: [
         /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
           /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
             id: getTrad("pages.PluginPage.table.version"),
@@ -117,11 +113,10 @@ const App = () => {
             /* @__PURE__ */ jsx(
               IconButton,
               {
-                forwardedAs: "a",
-                disabled: !allowedActions.canOpen,
+                tag: "a",
+                disabled: !allowedActions.canRead,
                 href: createDocumentationHref(`${data.prefix}/v${doc.version}`),
-                noBorder: true,
-                icon: /* @__PURE__ */ jsx(Eye, {}),
+                borderWidth: 0,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 label: formatMessage(
@@ -130,50 +125,44 @@ const App = () => {
                     defaultMessage: "Open {target}"
                   },
                   { target: `${doc.version}` }
-                )
+                ),
+                children: /* @__PURE__ */ jsx(Eye, {})
               }
             ),
             allowedActions.canRegenerate ? /* @__PURE__ */ jsx(
               IconButton,
               {
                 onClick: () => handleRegenerateDoc(doc.version),
-                noBorder: true,
-                icon: /* @__PURE__ */ jsx(Refresh, {}),
+                borderWidth: 0,
                 label: formatMessage(
                   {
                     id: getTrad("pages.PluginPage.table.icon.regenerate"),
                     defaultMessage: "Regenerate {target}"
                   },
                   { target: `${doc.version}` }
-                )
+                ),
+                children: /* @__PURE__ */ jsx(ArrowClockwise, {})
               }
             ) : null,
             allowedActions.canUpdate && doc.version !== data.currentVersion ? /* @__PURE__ */ jsx(
               IconButton,
               {
                 onClick: () => handleClickDelete(doc.version),
-                noBorder: true,
-                icon: /* @__PURE__ */ jsx(Trash, {}),
+                borderWidth: 0,
                 label: formatMessage(
                   {
                     id: "global.delete-target",
                     defaultMessage: "Delete {target}"
                   },
                   { target: `${doc.version}` }
-                )
+                ),
+                children: /* @__PURE__ */ jsx(Trash, {})
               }
             ) : null
           ] }) })
         ] }, doc.version)) })
       ] }) : /* @__PURE__ */ jsx(EmptyStateLayout, { content: "", icon: null }) }),
-      /* @__PURE__ */ jsx(
-        ConfirmDialog,
-        {
-          onConfirm: handleConfirmDelete,
-          onClose: handleShowConfirmDelete,
-          isOpen: showConfirmDelete
-        }
-      )
+      /* @__PURE__ */ jsx(Dialog.Root, { open: showConfirmDelete, onOpenChange: setShowConfirmDelete, children: /* @__PURE__ */ jsx(ConfirmDialog, { onConfirm: handleConfirmDelete }) })
     ] })
   ] });
 };
@@ -192,4 +181,4 @@ const createDocumentationHref = (path) => {
 export {
   App
 };
-//# sourceMappingURL=App-ig-uE4do.mjs.map
+//# sourceMappingURL=App-pk6g9tYL.mjs.map

package/dist/_chunks/App-pk6g9tYL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"App-pk6g9tYL.mjs","sources":["../../admin/src/pages/App.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\nimport * as React from 'react';\n\nimport {\n  LinkButton,\n  Flex,\n  IconButton,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  EmptyStateLayout,\n  Dialog,\n} from '@strapi/design-system';\nimport { Eye as Show, ArrowClockwise as Reload, Trash } from '@strapi/icons';\nimport {\n  ConfirmDialog,\n  useRBAC,\n  Page,\n  useAPIErrorHandler,\n  useNotification,\n  Layouts,\n} from '@strapi/strapi/admin';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { PERMISSIONS } from '../constants';\nimport {\n  useGetInfoQuery,\n  useRegenerateDocMutation,\n  useDeleteVersionMutation,\n} from '../services/api';\nimport { getTrad } from '../utils';\n\nconst App = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { formatAPIError } = useAPIErrorHandler();\n  const { data, isLoading: isLoadingInfo, isError } = useGetInfoQuery();\n  const [regenerate] = useRegenerateDocMutation();\n  const [deleteVersion] = useDeleteVersionMutation();\n  const [showConfirmDelete, setShowConfirmDelete] = React.useState<boolean>(false);\n  const [versionToDelete, setVersionToDelete] = React.useState<string>();\n  const { allowedActions, isLoading: isLoadingRBAC } = useRBAC(PERMISSIONS);\n\n  const isLoading = isLoadingInfo || isLoadingRBAC;\n\n  const colCount = 4;\n  const rowCount = (data?.docVersions?.length || 0) + 1;\n\n  const handleRegenerateDoc = (version: string) => {\n    regenerate({ version })\n      .unwrap()\n      .then(() => {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: getTrad('notification.generate.success'),\n            defaultMessage: 'Successfully generated documentation',\n          }),\n        });\n      })\n      .catch((err) => {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(err),\n        });\n      });\n  };\n\n  const handleShowConfirmDelete = () => {\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  const handleConfirmDelete = async () => {\n    if (!versionToDelete) {\n      // nothing to delete\n      return;\n    }\n\n    await deleteVersion({ version: versionToDelete })\n      .unwrap()\n      .then(() => {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: getTrad('notification.delete.success'),\n            defaultMessage: 'Successfully deleted documentation',\n          }),\n        });\n      })\n      .catch((err) => {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(err),\n        });\n      });\n\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  const handleClickDelete = (version: string) => {\n    setVersionToDelete(version);\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  const title = formatMessage({\n    id: getTrad('plugin.name'),\n    defaultMessage: 'Documentation',\n  });\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (isError) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Title>{title}</Page.Title>\n      <Page.Main>\n        <Layouts.Header\n          title={title}\n          subtitle={formatMessage({\n            id: getTrad('pages.PluginPage.header.description'),\n            defaultMessage: 'Configure the documentation plugin',\n          })}\n          primaryAction={\n            <OpenDocLink\n              disabled={!allowedActions.canRead || !data?.currentVersion || !data?.prefix}\n              href={createDocumentationHref(`${data?.prefix}/v${data?.currentVersion}`)}\n              startIcon={<Show />}\n            >\n              {formatMessage({\n                id: getTrad('pages.PluginPage.Button.open'),\n                defaultMessage: 'Open Documentation',\n              })}\n            </OpenDocLink>\n          }\n        />\n        <Layouts.Content>\n          {data?.docVersions.length ? (\n            <Table colCount={colCount} rowCount={rowCount}>\n              <Thead>\n                <Tr>\n                  <Th>\n                    <Typography variant=\"sigma\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: getTrad('pages.PluginPage.table.version'),\n                        defaultMessage: 'Version',\n                      })}\n                    </Typography>\n                  </Th>\n                  <Th>\n                    <Typography variant=\"sigma\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: getTrad('pages.PluginPage.table.generated'),\n                        defaultMessage: 'Last Generated',\n                      })}\n                    </Typography>\n                  </Th>\n                </Tr>\n              </Thead>\n              <Tbody>\n                {data.docVersions\n                  .slice(0)\n                  .sort((a, b) => (a.generatedDate < b.generatedDate ? 1 : -1))\n                  .map((doc) => (\n                    <Tr key={doc.version}>\n                      <Td width=\"50%\">\n                        <Typography>{doc.version}</Typography>\n                      </Td>\n                      <Td width=\"50%\">\n                        <Typography>{doc.generatedDate}</Typography>\n                      </Td>\n                      <Td>\n                        <Flex justifyContent=\"end\" onClick={(e) => e.stopPropagation()}>\n                          <IconButton\n                            tag=\"a\"\n                            disabled={!allowedActions.canRead}\n                            href={createDocumentationHref(`${data.prefix}/v${doc.version}`)}\n                            borderWidth={0}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            label={formatMessage(\n                              {\n                                id: getTrad('pages.PluginPage.table.icon.show'),\n                                defaultMessage: 'Open {target}',\n                              },\n                              { target: `${doc.version}` }\n                            )}\n                          >\n                            <Show />\n                          </IconButton>\n                          {allowedActions.canRegenerate ? (\n                            <IconButton\n                              onClick={() => handleRegenerateDoc(doc.version)}\n                              borderWidth={0}\n                              label={formatMessage(\n                                {\n                                  id: getTrad('pages.PluginPage.table.icon.regenerate'),\n                                  defaultMessage: 'Regenerate {target}',\n                                },\n                                { target: `${doc.version}` }\n                              )}\n                            >\n                              <Reload />\n                            </IconButton>\n                          ) : null}\n                          {allowedActions.canUpdate && doc.version !== data.currentVersion ? (\n                            <IconButton\n                              onClick={() => handleClickDelete(doc.version)}\n                              borderWidth={0}\n                              label={formatMessage(\n                                {\n                                  id: 'global.delete-target',\n                                  defaultMessage: 'Delete {target}',\n                                },\n                                { target: `${doc.version}` }\n                              )}\n                            >\n                              <Trash />\n                            </IconButton>\n                          ) : null}\n                        </Flex>\n                      </Td>\n                    </Tr>\n                  ))}\n              </Tbody>\n            </Table>\n          ) : (\n            <EmptyStateLayout content=\"\" icon={null} />\n          )}\n        </Layouts.Content>\n        <Dialog.Root open={showConfirmDelete} onOpenChange={setShowConfirmDelete}>\n          <ConfirmDialog onConfirm={handleConfirmDelete} />\n        </Dialog.Root>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n\n/**\n * TODO: should this be fixed in the DS?\n */\nconst OpenDocLink = styled(LinkButton)`\n  text-decoration: none;\n`;\n\nconst createDocumentationHref = (path: string) => {\n  if (path.startsWith('http')) {\n    return path;\n  }\n\n  if (path.startsWith('/')) {\n    return `${window.strapi.backendURL}${path}`;\n  }\n\n  return `${window.strapi.backendURL}/${path}`;\n};\n\nexport { App };\n"],"names":["Show","Reload"],"mappings":"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"}

package/dist/_chunks/{Settings-3hsPOP_b.mjs → Settings-CqLmbMfv.mjs}

@@ -1,25 +1,27 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { FieldAction, HeaderLayout, Button, ContentLayout, Box, Flex, Typography, Grid, GridItem, ToggleInput, TextInput, Main } from "@strapi/design-system";
-import { translatedErrors, useRBAC, useNotification, useAPIErrorHandler, Page } from "@strapi/strapi/admin";
+import { Field, Button, Box, Flex, Typography, Grid, Toggle, TextInput, Main } from "@strapi/design-system";
+import { translatedErrors, useRBAC, Layouts, useNotification, useAPIErrorHandler, Page } from "@strapi/strapi/admin";
 import { useIntl } from "react-intl";
 import * as React from "react";
 import { Check, Eye, EyeStriked } from "@strapi/icons";
 import { Formik, Form } from "formik";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import * as yup from "yup";
-import { P as PERMISSIONS, u as useGetInfosQuery, c as useUpdateSettingsMutation, i as isBaseQueryError } from "./index-jpDwTC-Q.mjs";
-import { g as getTrad } from "./getTrad-md7Tjpcv.mjs";
-import "axios";
+import { P as PERMISSIONS } from "./index-CEoG11hQ.mjs";
+import { g as getTrad, u as useGetInfoQuery, c as useUpdateSettingsMutation } from "./getTrad-AjYeGjZg.mjs";
+const isBaseQueryError = (error) => {
+  return error.name !== void 0;
+};
 const schema = yup.object().shape({
   restrictedAccess: yup.boolean(),
   password: yup.string().when("restrictedAccess", (value, initSchema) => {
     return value ? initSchema.required(translatedErrors.required.id) : initSchema;
   })
 });
-const FieldActionWrapper = styled(FieldAction)`
+const FieldActionWrapper = styled(Field.Action)`
   svg {
-    height: 1rem;
-    width: 1rem;
+    height: 1.6rem;
+    width: 1.6rem;
     path {
       fill: ${({ theme }) => theme.colors.neutral600};
     }
@@ -51,7 +53,7 @@ const SettingsForm = ({ data, onSubmit }) => {
       }) => {
         return /* @__PURE__ */ jsxs(Form, { noValidate: true, onSubmit: handleSubmit, children: [
           /* @__PURE__ */ jsx(
-            HeaderLayout,
+            Layouts.Header,
             {
               title: formatMessage({
                 id: getTrad("plugin.name"),
@@ -75,7 +77,7 @@ const SettingsForm = ({ data, onSubmit }) => {
               )
             }
           ),
-          /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(
             Box,
             {
               background: "neutral0",
@@ -86,71 +88,87 @@ const SettingsForm = ({ data, onSubmit }) => {
               paddingLeft: 7,
               paddingRight: 7,
               children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+                /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: formatMessage({
                   id: "global.settings",
                   defaultMessage: "Settings"
                 }) }),
-                /* @__PURE__ */ jsxs(Grid, { gap: 4, children: [
-                  /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
-                    ToggleInput,
+                /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
+                  /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(
+                    Field.Root,
                     {
                       name: "restrictedAccess",
-                      label: formatMessage({
-                        id: getTrad("pages.SettingsPage.toggle.label"),
-                        defaultMessage: "Restricted Access"
-                      }),
                       hint: formatMessage({
                         id: getTrad("pages.SettingsPage.toggle.hint"),
                         defaultMessage: "Make the documentation endpoint private"
                       }),
-                      checked: values.restrictedAccess,
-                      onChange: () => {
-                        if (values.restrictedAccess === true) {
-                          setFieldValue("password", "", false);
-                          setFieldTouched("password", false, false);
-                          setFieldError("password", void 0);
-                        }
-                        setFieldValue("restrictedAccess", !values.restrictedAccess, false);
-                      },
-                      onLabel: "On",
-                      offLabel: "Off"
+                      children: [
+                        /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                          id: getTrad("pages.SettingsPage.toggle.label"),
+                          defaultMessage: "Restricted Access"
+                        }) }),
+                        /* @__PURE__ */ jsx(
+                          Toggle,
+                          {
+                            checked: values.restrictedAccess,
+                            onChange: () => {
+                              if (values.restrictedAccess === true) {
+                                setFieldValue("password", "", false);
+                                setFieldTouched("password", false, false);
+                                setFieldError("password", void 0);
+                              }
+                              setFieldValue("restrictedAccess", !values.restrictedAccess, false);
+                            },
+                            onLabel: "On",
+                            offLabel: "Off"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Field.Hint, {})
+                      ]
                     }
                   ) }),
-                  values.restrictedAccess && /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
-                    TextInput,
+                  values.restrictedAccess && /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(
+                    Field.Root,
                     {
-                      label: formatMessage({
-                        id: "global.password",
-                        defaultMessage: "Password"
-                      }),
                       name: "password",
-                      placeholder: "**********",
-                      type: passwordShown ? "text" : "password",
-                      value: values.password,
-                      onChange: handleChange,
                       error: errors.password ? formatMessage({
                         id: errors.password,
                         defaultMessage: errors.password
                       }) : void 0,
-                      endAction: /* @__PURE__ */ jsx(
-                        FieldActionWrapper,
-                        {
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            setPasswordShown((prev) => !prev);
-                          },
-                          label: formatMessage(
-                            passwordShown ? {
-                              id: "Auth.form.password.show-password",
-                              defaultMessage: "Show password"
-                            } : {
-                              id: "Auth.form.password.hide-password",
-                              defaultMessage: "Hide password"
-                            }
-                          ),
-                          children: passwordShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
-                        }
-                      )
+                      children: [
+                        /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                          id: "global.password",
+                          defaultMessage: "Password"
+                        }) }),
+                        /* @__PURE__ */ jsx(
+                          TextInput,
+                          {
+                            placeholder: "**********",
+                            type: passwordShown ? "text" : "password",
+                            value: values.password,
+                            onChange: handleChange,
+                            endAction: /* @__PURE__ */ jsx(
+                              FieldActionWrapper,
+                              {
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  setPasswordShown((prev) => !prev);
+                                },
+                                label: formatMessage(
+                                  passwordShown ? {
+                                    id: "Auth.form.password.show-password",
+                                    defaultMessage: "Show password"
+                                  } : {
+                                    id: "Auth.form.password.hide-password",
+                                    defaultMessage: "Hide password"
+                                  }
+                                ),
+                                children: passwordShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Field.Error, {})
+                      ]
                     }
                   ) })
                 ] })
@@ -169,7 +187,7 @@ const SettingsPage = () => {
     _unstableFormatAPIError: formatAPIError,
     _unstableFormatValidationErrors: formatValidationErrors
   } = useAPIErrorHandler();
-  const { data, isError, isLoading } = useGetInfosQuery();
+  const { data, isError, isLoading, isFetching } = useGetInfoQuery();
   const [updateSettings] = useUpdateSettingsMutation();
   const onUpdateSettings = async (body, formik) => {
     return updateSettings({ body }).unwrap().then(() => {
@@ -191,7 +209,7 @@ const SettingsPage = () => {
       }
     });
   };
-  if (isLoading) {
+  if (isLoading || isFetching) {
     return /* @__PURE__ */ jsx(Page.Loading, {});
   }
   if (isError) {
@@ -202,4 +220,4 @@ const SettingsPage = () => {
 export {
   SettingsPage
 };
-//# sourceMappingURL=Settings-3hsPOP_b.mjs.map
+//# sourceMappingURL=Settings-CqLmbMfv.mjs.map