@strapi/plugin-documentation 5.0.0-beta.6 → 5.0.0-beta.7

package/dist/_chunks/{App-B9jhSuSS.js → App-C7jXxgem.js}

@@ -6,11 +6,9 @@ const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
 const reactIntl = require("react-intl");
-const styled = require("styled-components");
-const index = require("./index--Y3Rlgs0.js");
-const getTrad = require("./getTrad-BkXHRBI9.js");
-require("axios");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styledComponents = require("styled-components");
+const index = require("./index-CTFz5sSR.js");
+const getTrad = require("./getTrad-X8N4GzO0.js");
 function _interopNamespace(e) {
   if (e && e.__esModule)
     return e;
@@ -30,12 +28,11 @@ 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: isLoadingInfo, isError } = index.useGetInfosQuery();
+  const { data, isLoading: isLoadingInfo, isError } = index.useGetInfoQuery();
   const [regenerate] = index.useRegenerateDocMutation();
   const [deleteVersion] = index.useDeleteVersionMutation();
   const [showConfirmDelete, setShowConfirmDelete] = React__namespace.useState(false);
@@ -97,11 +94,11 @@ const App = () => {
   if (isError) {
     return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {});
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Layout, { children: [
+  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({
@@ -122,7 +119,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,7 +137,7 @@ const App = () => {
             /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.IconButton,
               {
-                forwardedAs: "a",
+                tag: "a",
                 disabled: !allowedActions.canRead,
                 href: createDocumentationHref(`${data.prefix}/v${doc.version}`),
                 noBorder: true,
@@ -200,7 +197,7 @@ const App = () => {
     ] })
   ] });
 };
-const OpenDocLink = styled__default.default(designSystem.LinkButton)`
+const OpenDocLink = styledComponents.styled(designSystem.LinkButton)`
   text-decoration: none;
 `;
 const createDocumentationHref = (path) => {
@@ -213,4 +210,4 @@ const createDocumentationHref = (path) => {
   return `${window.strapi.backendURL}/${path}`;
 };
 exports.App = App;
-//# sourceMappingURL=App-B9jhSuSS.js.map
+//# sourceMappingURL=App-C7jXxgem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"App-C7jXxgem.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} 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                            noBorder\n                            icon={<Show />}\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                          {allowedActions.canRegenerate ? (\n                            <IconButton\n                              onClick={() => handleRegenerateDoc(doc.version)}\n                              noBorder\n                              icon={<Reload />}\n                              label={formatMessage(\n                                {\n                                  id: getTrad('pages.PluginPage.table.icon.regenerate'),\n                                  defaultMessage: 'Regenerate {target}',\n                                },\n                                { target: `${doc.version}` }\n                              )}\n                            />\n                          ) : null}\n                          {allowedActions.canUpdate && doc.version !== data.currentVersion ? (\n                            <IconButton\n                              onClick={() => handleClickDelete(doc.version)}\n                              noBorder\n                              icon={<Trash />}\n                              label={formatMessage(\n                                {\n                                  id: 'global.delete-target',\n                                  defaultMessage: 'Delete {target}',\n                                },\n                                { target: `${doc.version}` }\n                              )}\n                            />\n                          ) : null}\n                        </Flex>\n                      </Td>\n                    </Tr>\n                  ))}\n              </Tbody>\n            </Table>\n          ) : (\n            <EmptyStateLayout content=\"\" icon={null} />\n          )}\n        </Layouts.Content>\n        <ConfirmDialog\n          onConfirm={handleConfirmDelete}\n          onClose={handleShowConfirmDelete}\n          isOpen={showConfirmDelete}\n        />\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","ConfirmDialog","styled","LinkButton"],"mappings":"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"}

package/dist/_chunks/{App-BrVjqg1Q.mjs → App-Go7NNBmB.mjs}

@@ -1,18 +1,17 @@
 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 { Table, Thead, Tr, Th, Typography, Tbody, Td, Flex, IconButton, EmptyStateLayout, LinkButton } from "@strapi/design-system";
 import { Eye, ArrowClockwise, Trash } from "@strapi/icons";
-import { useNotification, useAPIErrorHandler, useRBAC, Page, ConfirmDialog } from "@strapi/strapi/admin";
+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-Bn_OgqQr.mjs";
-import { g as getTrad } from "./getTrad-DE9mW83F.mjs";
-import "axios";
+import { styled } from "styled-components";
+import { u as useGetInfoQuery, a as useRegenerateDocMutation, b as useDeleteVersionMutation, P as PERMISSIONS } from "./index-Dfhqe6__.mjs";
+import { g as getTrad } from "./getTrad-BIFypGyq.mjs";
 const App = () => {
   const { formatMessage } = useIntl();
   const { toggleNotification } = useNotification();
   const { formatAPIError } = useAPIErrorHandler();
-  const { data, isLoading: isLoadingInfo, isError } = useGetInfosQuery();
+  const { data, isLoading: isLoadingInfo, isError } = useGetInfoQuery();
   const [regenerate] = useRegenerateDocMutation();
   const [deleteVersion] = useDeleteVersionMutation();
   const [showConfirmDelete, setShowConfirmDelete] = React.useState(false);
@@ -74,11 +73,11 @@ const App = () => {
   if (isError) {
     return /* @__PURE__ */ jsx(Page.Error, {});
   }
-  return /* @__PURE__ */ jsxs(Layout, { children: [
+  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({
@@ -99,7 +98,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,7 +116,7 @@ const App = () => {
             /* @__PURE__ */ jsx(
               IconButton,
               {
-                forwardedAs: "a",
+                tag: "a",
                 disabled: !allowedActions.canRead,
                 href: createDocumentationHref(`${data.prefix}/v${doc.version}`),
                 noBorder: true,
@@ -192,4 +191,4 @@ const createDocumentationHref = (path) => {
 export {
   App
 };
-//# sourceMappingURL=App-BrVjqg1Q.mjs.map
+//# sourceMappingURL=App-Go7NNBmB.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"App-Go7NNBmB.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} 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                            noBorder\n                            icon={<Show />}\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                          {allowedActions.canRegenerate ? (\n                            <IconButton\n                              onClick={() => handleRegenerateDoc(doc.version)}\n                              noBorder\n                              icon={<Reload />}\n                              label={formatMessage(\n                                {\n                                  id: getTrad('pages.PluginPage.table.icon.regenerate'),\n                                  defaultMessage: 'Regenerate {target}',\n                                },\n                                { target: `${doc.version}` }\n                              )}\n                            />\n                          ) : null}\n                          {allowedActions.canUpdate && doc.version !== data.currentVersion ? (\n                            <IconButton\n                              onClick={() => handleClickDelete(doc.version)}\n                              noBorder\n                              icon={<Trash />}\n                              label={formatMessage(\n                                {\n                                  id: 'global.delete-target',\n                                  defaultMessage: 'Delete {target}',\n                                },\n                                { target: `${doc.version}` }\n                              )}\n                            />\n                          ) : null}\n                        </Flex>\n                      </Td>\n                    </Tr>\n                  ))}\n              </Tbody>\n            </Table>\n          ) : (\n            <EmptyStateLayout content=\"\" icon={null} />\n          )}\n        </Layouts.Content>\n        <ConfirmDialog\n          onConfirm={handleConfirmDelete}\n          onClose={handleShowConfirmDelete}\n          isOpen={showConfirmDelete}\n        />\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-QnTsyFEz.js → Settings-BaiyFmcb.js}

@@ -7,12 +7,10 @@ const reactIntl = require("react-intl");
 const React = require("react");
 const icons = require("@strapi/icons");
 const formik = require("formik");
-const styled = require("styled-components");
+const styledComponents = require("styled-components");
 const yup = require("yup");
-const index = require("./index--Y3Rlgs0.js");
-const getTrad = require("./getTrad-BkXHRBI9.js");
-require("axios");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const index = require("./index-CTFz5sSR.js");
+const getTrad = require("./getTrad-X8N4GzO0.js");
 function _interopNamespace(e) {
   if (e && e.__esModule)
     return e;
@@ -32,7 +30,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
 const schema = yup__namespace.object().shape({
   restrictedAccess: yup__namespace.boolean(),
@@ -40,7 +37,7 @@ const schema = yup__namespace.object().shape({
     return value ? initSchema.required(admin.translatedErrors.required.id) : initSchema;
   })
 });
-const FieldActionWrapper = styled__default.default(designSystem.FieldAction)`
+const FieldActionWrapper = styledComponents.styled(designSystem.Field.Action)`
   svg {
     height: 1.6rem;
     width: 1.6rem;
@@ -75,7 +72,7 @@ const SettingsForm = ({ data, onSubmit }) => {
       }) => {
         return /* @__PURE__ */ jsxRuntime.jsxs(formik.Form, { noValidate: true, onSubmit: handleSubmit, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.HeaderLayout,
+            admin.Layouts.Header,
             {
               title: formatMessage({
                 id: getTrad.getTrad("plugin.name"),
@@ -99,7 +96,7 @@ const SettingsForm = ({ data, onSubmit }) => {
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Box,
             {
               background: "neutral0",
@@ -110,71 +107,87 @@ const SettingsForm = ({ data, onSubmit }) => {
               paddingLeft: 7,
               paddingRight: 7,
               children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", as: "h2", children: formatMessage({
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: formatMessage({
                   id: "global.settings",
                   defaultMessage: "Settings"
                 }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { gap: 4, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.ToggleInput,
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    designSystem.Field.Root,
                     {
                       name: "restrictedAccess",
-                      label: formatMessage({
-                        id: getTrad.getTrad("pages.SettingsPage.toggle.label"),
-                        defaultMessage: "Restricted Access"
-                      }),
                       hint: formatMessage({
                         id: getTrad.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__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                          id: getTrad.getTrad("pages.SettingsPage.toggle.label"),
+                          defaultMessage: "Restricted Access"
+                        }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                      ]
                     }
                   ) }),
-                  values.restrictedAccess && /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.TextInput,
+                  values.restrictedAccess && /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    designSystem.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(icons.Eye, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.EyeStriked, {})
-                        }
-                      )
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                          id: "global.password",
+                          defaultMessage: "Password"
+                        }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.TextInput,
+                          {
+                            placeholder: "**********",
+                            type: passwordShown ? "text" : "password",
+                            value: values.password,
+                            onChange: handleChange,
+                            endAction: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(icons.Eye, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.EyeStriked, {})
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                      ]
                     }
                   ) })
                 ] })
@@ -193,7 +206,7 @@ const SettingsPage = () => {
     _unstableFormatAPIError: formatAPIError,
     _unstableFormatValidationErrors: formatValidationErrors
   } = admin.useAPIErrorHandler();
-  const { data, isError, isLoading } = index.useGetInfosQuery();
+  const { data, isError, isLoading, isFetching } = index.useGetInfoQuery();
   const [updateSettings] = index.useUpdateSettingsMutation();
   const onUpdateSettings = async (body, formik2) => {
     return updateSettings({ body }).unwrap().then(() => {
@@ -215,7 +228,7 @@ const SettingsPage = () => {
       }
     });
   };
-  if (isLoading) {
+  if (isLoading || isFetching) {
     return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Loading, {});
   }
   if (isError) {
@@ -224,4 +237,4 @@ const SettingsPage = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { children: /* @__PURE__ */ jsxRuntime.jsx(SettingsForm, { data, onSubmit: onUpdateSettings }) });
 };
 exports.SettingsPage = SettingsPage;
-//# sourceMappingURL=Settings-QnTsyFEz.js.map
+//# sourceMappingURL=Settings-BaiyFmcb.js.map

package/dist/_chunks/Settings-BaiyFmcb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings-BaiyFmcb.js","sources":["../../admin/src/components/SettingsForm.tsx","../../admin/src/pages/Settings.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  Flex,\n  Grid,\n  GridItem,\n  TextInput,\n  Toggle,\n  Typography,\n  Field,\n} from '@strapi/design-system';\n// Strapi Icons\nimport { Check, Eye as Show, EyeStriked as Hide } from '@strapi/icons';\nimport { translatedErrors, useRBAC, Layouts } from '@strapi/strapi/admin';\nimport { Form, Formik, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\nimport * as yup from 'yup';\n\nimport { PERMISSIONS } from '../constants';\nimport { DocumentInfos, SettingsInput } from '../types';\nimport { getTrad } from '../utils';\n\nconst schema = yup.object().shape({\n  restrictedAccess: yup.boolean(),\n  password: yup.string().when('restrictedAccess', (value, initSchema) => {\n    return value ? initSchema.required(translatedErrors.required.id) : initSchema;\n  }),\n});\n\nconst FieldActionWrapper = styled(Field.Action)`\n  svg {\n    height: 1.6rem;\n    width: 1.6rem;\n    path {\n      fill: ${({ theme }) => theme.colors.neutral600};\n    }\n  }\n`;\n\ntype SettingsFormProps = {\n  data?: DocumentInfos;\n  onSubmit: (body: SettingsInput, formik: FormikHelpers<SettingsInput>) => Promise<void>;\n};\n\nexport const SettingsForm = ({ data, onSubmit }: SettingsFormProps) => {\n  const { formatMessage } = useIntl();\n  const [passwordShown, setPasswordShown] = React.useState(false);\n  const { allowedActions } = useRBAC(PERMISSIONS);\n\n  return (\n    <Formik\n      enableReinitialize\n      initialValues={{\n        restrictedAccess: data?.documentationAccess.restrictedAccess || false,\n        password: '',\n      }}\n      onSubmit={onSubmit}\n      validationSchema={schema}\n    >\n      {({\n        handleSubmit,\n        values,\n        handleChange,\n        errors,\n        setFieldTouched,\n        setFieldValue,\n        setFieldError,\n        dirty,\n      }) => {\n        return (\n          <Form noValidate onSubmit={handleSubmit}>\n            <Layouts.Header\n              title={formatMessage({\n                id: getTrad('plugin.name'),\n                defaultMessage: 'Documentation',\n              })}\n              subtitle={formatMessage({\n                id: getTrad('pages.SettingsPage.header.description'),\n                defaultMessage: 'Configure the documentation plugin',\n              })}\n              primaryAction={\n                <Button\n                  type=\"submit\"\n                  startIcon={<Check />}\n                  disabled={!dirty && allowedActions.canUpdate}\n                >\n                  {formatMessage({\n                    id: getTrad('pages.SettingsPage.Button.save'),\n                    defaultMessage: 'Save',\n                  })}\n                </Button>\n              }\n            />\n            <Layouts.Content>\n              <Box\n                background=\"neutral0\"\n                hasRadius\n                shadow=\"filterShadow\"\n                paddingTop={6}\n                paddingBottom={6}\n                paddingLeft={7}\n                paddingRight={7}\n              >\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n                  <Typography variant=\"delta\" tag=\"h2\">\n                    {formatMessage({\n                      id: 'global.settings',\n                      defaultMessage: 'Settings',\n                    })}\n                  </Typography>\n                  <Grid gap={4}>\n                    <GridItem col={6} s={12}>\n                      <Field.Root\n                        name=\"restrictedAccess\"\n                        hint={formatMessage({\n                          id: getTrad('pages.SettingsPage.toggle.hint'),\n                          defaultMessage: 'Make the documentation endpoint private',\n                        })}\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: getTrad('pages.SettingsPage.toggle.label'),\n                            defaultMessage: 'Restricted Access',\n                          })}\n                        </Field.Label>\n                        <Toggle\n                          checked={values.restrictedAccess}\n                          onChange={() => {\n                            if (values.restrictedAccess === true) {\n                              setFieldValue('password', '', false);\n                              setFieldTouched('password', false, false);\n                              setFieldError('password', undefined);\n                            }\n\n                            setFieldValue('restrictedAccess', !values.restrictedAccess, false);\n                          }}\n                          onLabel=\"On\"\n                          offLabel=\"Off\"\n                        />\n                        <Field.Hint />\n                      </Field.Root>\n                    </GridItem>\n                    {values.restrictedAccess && (\n                      <GridItem col={6} s={12}>\n                        <Field.Root\n                          name=\"password\"\n                          error={\n                            errors.password\n                              ? formatMessage({\n                                  id: errors.password,\n                                  defaultMessage: errors.password,\n                                })\n                              : undefined\n                          }\n                        >\n                          <Field.Label>\n                            {formatMessage({\n                              id: 'global.password',\n                              defaultMessage: 'Password',\n                            })}\n                          </Field.Label>\n                          <TextInput\n                            placeholder=\"**********\"\n                            type={passwordShown ? 'text' : 'password'}\n                            value={values.password}\n                            onChange={handleChange}\n                            endAction={\n                              <FieldActionWrapper\n                                onClick={(e) => {\n                                  e.stopPropagation();\n                                  setPasswordShown((prev) => !prev);\n                                }}\n                                label={formatMessage(\n                                  passwordShown\n                                    ? {\n                                        id: 'Auth.form.password.show-password',\n                                        defaultMessage: 'Show password',\n                                      }\n                                    : {\n                                        id: 'Auth.form.password.hide-password',\n                                        defaultMessage: 'Hide password',\n                                      }\n                                )}\n                              >\n                                {passwordShown ? <Show /> : <Hide />}\n                              </FieldActionWrapper>\n                            }\n                          />\n                          <Field.Error />\n                        </Field.Root>\n                      </GridItem>\n                    )}\n                  </Grid>\n                </Flex>\n              </Box>\n            </Layouts.Content>\n          </Form>\n        );\n      }}\n    </Formik>\n  );\n};\n","import * as React from 'react';\n\nimport { Main } from '@strapi/design-system';\nimport { useAPIErrorHandler, Page, useNotification } from '@strapi/strapi/admin';\nimport { FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\n\nimport { SettingsForm } from '../components/SettingsForm';\nimport { useGetInfoQuery, useUpdateSettingsMutation } from '../services/api';\nimport { getTrad, isBaseQueryError } from '../utils';\n\nimport type { SettingsInput } from '../types';\n\nconst SettingsPage = () => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n  const { data, isError, isLoading, isFetching } = useGetInfoQuery();\n  const [updateSettings] = useUpdateSettingsMutation();\n\n  const onUpdateSettings = async (body: SettingsInput, formik: FormikHelpers<SettingsInput>) => {\n    return updateSettings({ body })\n      .unwrap()\n      .then(() => {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: getTrad('notification.update.success'),\n            defaultMessage: 'Successfully updated settings',\n          }),\n        });\n      })\n      .catch((err) => {\n        if (isBaseQueryError(err) && err.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(err));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(err),\n          });\n        }\n      });\n  };\n\n  if (isLoading || isFetching) {\n    return <Page.Loading />;\n  }\n\n  if (isError) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Main>\n      <SettingsForm data={data} onSubmit={onUpdateSettings} />\n    </Main>\n  );\n};\n\nexport { SettingsPage };\n"],"names":["yup","translatedErrors","styled","Field","useIntl","React","useRBAC","PERMISSIONS","jsx","Formik","jsxs","Form","Layouts","getTrad","Button","Check","Box","Flex","Typography","Grid","GridItem","Toggle","TextInput","Show","Hide","useNotification","useAPIErrorHandler","useGetInfoQuery","useUpdateSettingsMutation","formik","isBaseQueryError","Page","Main"],"mappings":"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"}