npm - @strapi/plugin-documentation - Versions diffs - 5.0.0-alpha.1 → 5.0.0-alpha.3 - Mend

@strapi/plugin-documentation 5.0.0-alpha.1 → 5.0.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/admin/src/hooks/useDocumentation.js CHANGED Viewed

@@ -27,7 +27,9 @@ export const useDocumentation = () => {
     if (isError && error) {
       toggleNotification({
         type: 'danger',
-        message: error ? formatAPIError(error) : formatMessage({ id: 'notification.error' }),
+        message: error
+          ? formatAPIError(error)
+          : formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),
       });
     }
   }, [isError, error, toggleNotification, formatAPIError, formatMessage]);

package/admin/src/pages/PluginPage/index.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
-import { ConfirmDialog } from '@strapi/admin/strapi-admin';
 import {
   LinkButton,
   ContentLayout,
@@ -17,9 +16,8 @@ import {
   Typography,
   EmptyStateLayout,
 } from '@strapi/design-system';
-import { useRBAC } from '@strapi/helper-plugin';
 import { Eye as Show, Refresh as Reload, Trash } from '@strapi/icons';
-import { Page } from '@strapi/strapi/admin';
+import { ConfirmDialog, useRBAC, Page } from '@strapi/strapi/admin';
 import { Helmet } from 'react-helmet';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';

package/admin/src/pages/PluginPage/tests/index.test.jsx CHANGED Viewed

@@ -1,59 +1,14 @@
 import React from 'react';
-import { fixtures } from '@strapi/admin-test-utils';
-import { lightTheme, ThemeProvider } from '@strapi/design-system';
-import { RBACContext } from '@strapi/helper-plugin';
-import { NotificationsProvider } from '@strapi/strapi/admin';
-import { render as renderRTL, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { IntlProvider } from 'react-intl';
-import { QueryClient, QueryClientProvider } from 'react-query';
-import { MemoryRouter } from 'react-router-dom';
+import { render, waitFor } from '@strapi/strapi/admin/test';
 import PluginPage from '../index';
-const render = ({ permissions } = { permissions: fixtures.permissions.allPermissions }) => ({
-  ...renderRTL(<PluginPage />, {
-    wrapper({ children }) {
-      const client = new QueryClient({
-        defaultOptions: {
-          queries: {
-            retry: false,
-          },
-        },
-      });
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      const rbacContextValue = React.useMemo(
-        () => ({
-          allPermissions: permissions,
-        }),
-        []
-      );
-      return (
-        <MemoryRouter>
-          <ThemeProvider theme={lightTheme}>
-            <QueryClientProvider client={client}>
-              <IntlProvider locale="en" messages={{}} textComponent="span">
-                <NotificationsProvider>
-                  <RBACContext.Provider value={rbacContextValue}>{children}</RBACContext.Provider>
-                </NotificationsProvider>
-              </IntlProvider>
-            </QueryClientProvider>
-          </ThemeProvider>
-        </MemoryRouter>
-      );
-    },
-  }),
-  user: userEvent.setup(),
-});
 const versions = ['2.0.0', '1.2.0', '1.0.0'];
 describe('PluginPage', () => {
   it('render the plugin page correctly', async () => {
-    const { getByRole, queryByText, getByText } = render();
+    const { getByRole, queryByText, getByText } = render(<PluginPage />);
     await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -88,7 +43,7 @@ describe('PluginPage', () => {
   describe('actions', () => {
     it('should open the documentation', async () => {
-      const { getByRole, queryByText, user } = render();
+      const { getByRole, queryByText, user } = render(<PluginPage />);
       await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -108,7 +63,7 @@ describe('PluginPage', () => {
     });
     it('should regenerate the documentation', async () => {
-      const { getByRole, queryByText, user, getByText } = render();
+      const { getByRole, queryByText, user, getByText } = render(<PluginPage />);
       await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -120,7 +75,7 @@ describe('PluginPage', () => {
     });
     it('should delete the documentation', async () => {
-      const { getByRole, queryByText, user, getByText } = render();
+      const { getByRole, queryByText, user, getByText } = render(<PluginPage />);
       await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -140,8 +95,8 @@ describe('PluginPage', () => {
   describe('permissions', () => {
     it("should always disable the 'Open Documentation' link if the user cannot open", async () => {
-      const { getByRole, queryByText } = render({
-        permissions: [],
+      const { getByRole, queryByText } = render(<PluginPage />, {
+        providerOptions: { permissions: () => [] },
       });
       await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -158,8 +113,8 @@ describe('PluginPage', () => {
     });
     it('should disabled the open documentation version link in the table if the user cannot open', async () => {
-      const { getByRole, queryByText } = render({
-        permissions: [],
+      const { getByRole, queryByText } = render(<PluginPage />, {
+        providerOptions: { permissions: () => [] },
       });
       await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -175,8 +130,8 @@ describe('PluginPage', () => {
     });
     it('should not render the regenerate buttons if the user cannot regenerate', async () => {
-      const { queryByRole, getByRole, queryByText } = render({
-        permissions: [],
+      const { queryByRole, getByRole, queryByText } = render(<PluginPage />, {
+        providerOptions: { permissions: () => [] },
       });
       await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -189,8 +144,8 @@ describe('PluginPage', () => {
     });
     it('should not render the delete buttons if the user cannot delete', async () => {
-      const { queryByRole, getByRole, queryByText } = render({
-        permissions: [],
+      const { queryByRole, getByRole, queryByText } = render(<PluginPage />, {
+        providerOptions: { permissions: () => [] },
       });
       await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());

package/admin/src/pages/SettingsPage/index.jsx CHANGED Viewed

@@ -13,9 +13,8 @@ import {
   Typography,
   FieldAction,
 } from '@strapi/design-system';
-import { useRBAC } from '@strapi/helper-plugin';
 import { Check, Eye as Show, EyeStriked as Hide } from '@strapi/icons';
-import { translatedErrors, Page } from '@strapi/strapi/admin';
+import { translatedErrors, Page, useRBAC } from '@strapi/strapi/admin';
 import { Form, Formik } from 'formik';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';

package/admin/src/pages/SettingsPage/tests/index.test.jsx CHANGED Viewed

@@ -1,59 +1,14 @@
 import React from 'react';
-import { fixtures } from '@strapi/admin-test-utils';
-import { lightTheme, ThemeProvider } from '@strapi/design-system';
-import { RBACContext } from '@strapi/helper-plugin';
-import { NotificationsProvider } from '@strapi/strapi/admin';
-import { fireEvent, render as renderRTL, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { fireEvent, render, waitFor } from '@strapi/strapi/admin/test';
 import { rest } from 'msw';
-import { IntlProvider } from 'react-intl';
-import { QueryClient, QueryClientProvider } from 'react-query';
-import { MemoryRouter } from 'react-router-dom';
 import { server } from '../../../../../tests/server';
 import SettingsPage from '../index';
-const render = ({ permissions } = { permissions: fixtures.permissions.allPermissions }) => ({
-  ...renderRTL(<SettingsPage />, {
-    wrapper({ children }) {
-      const client = new QueryClient({
-        defaultOptions: {
-          queries: {
-            retry: false,
-          },
-        },
-      });
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      const rbacContextValue = React.useMemo(
-        () => ({
-          allPermissions: permissions,
-        }),
-        []
-      );
-      return (
-        <MemoryRouter>
-          <ThemeProvider theme={lightTheme}>
-            <QueryClientProvider client={client}>
-              <IntlProvider locale="en" messages={{}} textComponent="span">
-                <NotificationsProvider>
-                  <RBACContext.Provider value={rbacContextValue}>{children}</RBACContext.Provider>
-                </NotificationsProvider>
-              </IntlProvider>
-            </QueryClientProvider>
-          </ThemeProvider>
-        </MemoryRouter>
-      );
-    },
-  }),
-  user: userEvent.setup(),
-});
 describe('SettingsPage', () => {
   it('renders the setting page correctly', async () => {
-    const { getByRole, queryByText, getByText } = render();
+    const { getByRole, queryByText, getByText } = render(<SettingsPage />);
     await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -78,7 +33,7 @@ describe('SettingsPage', () => {
       })
     );
-    const { getByLabelText, queryByText } = render();
+    const { getByLabelText, queryByText } = render(<SettingsPage />);
     await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -88,7 +43,7 @@ describe('SettingsPage', () => {
   });
   it('should render the password field when the Restricted Access checkbox is checked', async () => {
-    const { getByRole, getByLabelText, queryByText } = render();
+    const { getByRole, getByLabelText, queryByText } = render(<SettingsPage />);
     await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
@@ -100,7 +55,7 @@ describe('SettingsPage', () => {
   });
   it('should allow me to type a password and save that settings change successfully', async () => {
-    const { getByRole, getByLabelText, queryByText, user, getByText } = render();
+    const { getByRole, getByLabelText, queryByText, user, getByText } = render(<SettingsPage />);
     await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());

package/dist/_chunks/index-6GAHWaUh.mjs ADDED Viewed

@@ -0,0 +1,161 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } 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 { useRBAC, Page, ConfirmDialog } from "@strapi/strapi/admin";
+import { Helmet } from "react-helmet";
+import { useIntl } from "react-intl";
+import styled from "styled-components";
+import { P as PERMISSIONS } from "./index-eLsMJ-dN.mjs";
+import { u as useDocumentation, g as getTrad } from "./useDocumentation-FjCEFMNs.mjs";
+const PluginPage = () => {
+  const { formatMessage } = useIntl();
+  const { data, isLoading, isError, remove, regenerate } = useDocumentation();
+  const [showConfirmDelete, setShowConfirmDelete] = useState(false);
+  const [versionToDelete, setVersionToDelete] = useState();
+  const { allowedActions } = useRBAC(PERMISSIONS);
+  const colCount = 4;
+  const rowCount = (data?.docVersions?.length || 0) + 1;
+  const handleRegenerateDoc = (version) => {
+    regenerate.mutate({ version, prefix: data?.prefix });
+  };
+  const handleShowConfirmDelete = () => {
+    setShowConfirmDelete(!showConfirmDelete);
+  };
+  const handleConfirmDelete = async () => {
+    await remove.mutateAsync({ prefix: data?.prefix, version: versionToDelete });
+    setShowConfirmDelete(!showConfirmDelete);
+  };
+  const handleClickDelete = (version) => {
+    setVersionToDelete(version);
+    setShowConfirmDelete(!showConfirmDelete);
+  };
+  const title = formatMessage({
+    id: getTrad("plugin.name"),
+    defaultMessage: "Documentation"
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page.Loading, {});
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsx(Page.Error, {});
+  }
+  return /* @__PURE__ */ jsxs(Layout, { children: [
+    /* @__PURE__ */ jsx(Helmet, { title }),
+    /* @__PURE__ */ jsxs(Page.Main, { children: [
+      /* @__PURE__ */ jsx(
+        HeaderLayout,
+        {
+          title,
+          subtitle: formatMessage({
+            id: getTrad("pages.PluginPage.header.description"),
+            defaultMessage: "Configure the documentation plugin"
+          }),
+          primaryAction: /* @__PURE__ */ jsx(
+            OpenDocLink,
+            {
+              disabled: !allowedActions.canOpen || !data?.currentVersion || !data?.prefix,
+              href: createDocumentationHref(`${data?.prefix}/v${data?.currentVersion}`),
+              startIcon: /* @__PURE__ */ jsx(Eye, {}),
+              children: formatMessage({
+                id: getTrad("pages.PluginPage.Button.open"),
+                defaultMessage: "Open Documentation"
+              })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentLayout, { 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"),
+            defaultMessage: "Version"
+          }) }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+            id: getTrad("pages.PluginPage.table.generated"),
+            defaultMessage: "Last Generated"
+          }) }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Tbody, { children: data.docVersions.sort((a, b) => a.generatedDate < b.generatedDate ? 1 : -1).map((doc) => /* @__PURE__ */ jsxs(Tr, { children: [
+          /* @__PURE__ */ jsx(Td, { width: "50%", children: /* @__PURE__ */ jsx(Typography, { children: doc.version }) }),
+          /* @__PURE__ */ jsx(Td, { width: "50%", children: /* @__PURE__ */ jsx(Typography, { children: doc.generatedDate }) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", onClick: (e) => e.stopPropagation(), children: [
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                forwardedAs: "a",
+                disabled: !allowedActions.canOpen,
+                href: createDocumentationHref(`${data.prefix}/v${doc.version}`),
+                noBorder: true,
+                icon: /* @__PURE__ */ jsx(Eye, {}),
+                target: "_blank",
+                rel: "noopener noreferrer",
+                label: formatMessage(
+                  {
+                    id: getTrad("pages.PluginPage.table.icon.show"),
+                    defaultMessage: "Open {target}"
+                  },
+                  { target: `${doc.version}` }
+                )
+              }
+            ),
+            allowedActions.canRegenerate ? /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => handleRegenerateDoc(doc.version),
+                noBorder: true,
+                icon: /* @__PURE__ */ jsx(Refresh, {}),
+                label: formatMessage(
+                  {
+                    id: getTrad("pages.PluginPage.table.icon.regenerate"),
+                    defaultMessage: "Regenerate {target}"
+                  },
+                  { target: `${doc.version}` }
+                )
+              }
+            ) : null,
+            allowedActions.canUpdate && doc.version !== data.currentVersion ? /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => handleClickDelete(doc.version),
+                noBorder: true,
+                icon: /* @__PURE__ */ jsx(Trash, {}),
+                label: formatMessage(
+                  {
+                    id: "global.delete-target",
+                    defaultMessage: "Delete {target}"
+                  },
+                  { target: `${doc.version}` }
+                )
+              }
+            ) : null
+          ] }) })
+        ] }, doc.version)) })
+      ] }) : /* @__PURE__ */ jsx(EmptyStateLayout, {}) }),
+      /* @__PURE__ */ jsx(
+        ConfirmDialog,
+        {
+          onConfirm: handleConfirmDelete,
+          onClose: handleShowConfirmDelete,
+          isOpen: showConfirmDelete
+        }
+      )
+    ] })
+  ] });
+};
+const OpenDocLink = styled(LinkButton)`
+  text-decoration: none;
+`;
+const createDocumentationHref = (path) => {
+  if (path.startsWith("http")) {
+    return path;
+  }
+  if (path.startsWith("/")) {
+    return `${window.strapi.backendURL}${path}`;
+  }
+  return `${window.strapi.backendURL}/${path}`;
+};
+export {
+  PluginPage as default
+};
+//# sourceMappingURL=index-6GAHWaUh.mjs.map

package/dist/_chunks/index-6GAHWaUh.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-6GAHWaUh.mjs","sources":["../../admin/src/pages/PluginPage/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport {\n LinkButton,\n ContentLayout,\n Flex,\n HeaderLayout,\n IconButton,\n Layout,\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, Refresh as Reload, Trash } from '@strapi/icons';\nimport { ConfirmDialog, useRBAC, Page } from '@strapi/strapi/admin';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport styled from 'styled-components';\n\nimport { PERMISSIONS } from '../../constants';\nimport { useDocumentation } from '../../hooks/useDocumentation';\nimport { getTrad } from '../../utils';\n\nconst PluginPage = () => {\n const { formatMessage } = useIntl();\n const { data, isLoading, isError, remove, regenerate } = useDocumentation();\n const [showConfirmDelete, setShowConfirmDelete] = useState(false);\n const [versionToDelete, setVersionToDelete] = useState();\n const { allowedActions } = useRBAC(PERMISSIONS);\n\n const colCount = 4;\n const rowCount = (data?.docVersions?.length || 0) + 1;\n\n const handleRegenerateDoc = (version) => {\n regenerate.mutate({ version, prefix: data?.prefix });\n };\n\n const handleShowConfirmDelete = () => {\n setShowConfirmDelete(!showConfirmDelete);\n };\n\n const handleConfirmDelete = async () => {\n await remove.mutateAsync({ prefix: data?.prefix, version: versionToDelete });\n setShowConfirmDelete(!showConfirmDelete);\n };\n\n const handleClickDelete = (version) => {\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 <Layout>\n <Helmet title={title} />\n <Page.Main>\n <HeaderLayout\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.canOpen || !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 <ContentLayout>\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 .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 forwardedAs=\"a\"\n disabled={!allowedActions.canOpen}\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 />\n )}\n </ContentLayout>\n <ConfirmDialog\n onConfirm={handleConfirmDelete}\n onClose={handleShowConfirmDelete}\n isOpen={showConfirmDelete}\n />\n </Page.Main>\n </Layout>\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) => {\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 default PluginPage;\n"],"names":["Show","Reload"],"mappings":"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"}

package/dist/_chunks/{index-ynnbYrP0.mjs → index-HycR2ObR.mjs} RENAMED Viewed

@@ -1,15 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { HeaderLayout, Button, ContentLayout, Box, Flex, Typography, Grid, GridItem, ToggleInput, TextInput, FieldAction } from "@strapi/design-system";
-import { useRBAC } from "@strapi/helper-plugin";
 import { Check, Eye, EyeStriked } from "@strapi/icons";
-import { translatedErrors, Page } from "@strapi/strapi/admin";
+import { translatedErrors, useRBAC, Page } from "@strapi/strapi/admin";
 import { Formik, Form } from "formik";
 import { useIntl } from "react-intl";
 import styled from "styled-components";
 import * as yup from "yup";
-import { P as PERMISSIONS } from "./index-JM6LA3Oe.mjs";
-import { u as useDocumentation, g as getTrad } from "./useDocumentation-jTKQvwxD.mjs";
+import { P as PERMISSIONS } from "./index-eLsMJ-dN.mjs";
+import { u as useDocumentation, g as getTrad } from "./useDocumentation-FjCEFMNs.mjs";
 const schema = yup.object().shape({
   restrictedAccess: yup.boolean(),
   password: yup.string().when("restrictedAccess", (value, initSchema) => {
@@ -172,4 +171,4 @@ const FieldActionWrapper = styled(FieldAction)`
 export {
   SettingsPage as default
 };
-//# sourceMappingURL=index-ynnbYrP0.mjs.map
+//# sourceMappingURL=index-HycR2ObR.mjs.map

package/dist/_chunks/index-HycR2ObR.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-HycR2ObR.mjs","sources":["../../admin/src/pages/SettingsPage/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport {\n Box,\n Button,\n ContentLayout,\n Flex,\n Grid,\n GridItem,\n HeaderLayout,\n TextInput,\n ToggleInput,\n Typography,\n FieldAction,\n} from '@strapi/design-system';\nimport { Check, Eye as Show, EyeStriked as Hide } from '@strapi/icons';\nimport { translatedErrors, Page, useRBAC } from '@strapi/strapi/admin';\nimport { Form, Formik } from 'formik';\nimport { useIntl } from 'react-intl';\nimport styled from 'styled-components';\nimport * as yup from 'yup';\n\nimport { PERMISSIONS } from '../../constants';\nimport { useDocumentation } from '../../hooks/useDocumentation';\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 SettingsPage = () => {\n const { formatMessage } = useIntl();\n const { submit, data, isLoading } = useDocumentation();\n const [passwordShown, setPasswordShown] = useState(false);\n const { allowedActions } = useRBAC(PERMISSIONS);\n\n const handleUpdateSettingsSubmit = (body) => {\n submit.mutate({\n prefix: data?.prefix,\n body,\n });\n };\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n return (\n <Page.Main>\n <Formik\n initialValues={{\n restrictedAccess: data?.documentationAccess.restrictedAccess || false,\n password: '',\n }}\n onSubmit={handleUpdateSettingsSubmit}\n validationSchema={schema}\n >\n {({\n handleSubmit,\n values,\n handleChange,\n errors,\n setFieldTouched,\n setFieldValue,\n dirty,\n }) => {\n return (\n <Form noValidate onSubmit={handleSubmit}>\n <HeaderLayout\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 <ContentLayout>\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\" as=\"h2\">\n {formatMessage({\n id: 'global.settings',\n defaultMessage: 'Settings',\n })}\n </Typography>\n <Grid gap={4}>\n <GridItem col={6} s={12}>\n <ToggleInput\n name=\"restrictedAccess\"\n label={formatMessage({\n id: getTrad('pages.SettingsPage.toggle.label'),\n defaultMessage: 'Restricted Access',\n })}\n hint={formatMessage({\n id: getTrad('pages.SettingsPage.toggle.hint'),\n defaultMessage: 'Make the documentation endpoint private',\n })}\n checked={values.restrictedAccess}\n onChange={() => {\n if (values.restrictedAccess === true) {\n setFieldValue('password', '', false);\n setFieldTouched('password', false, false);\n }\n\n setFieldValue('restrictedAccess', !values.restrictedAccess, false);\n }}\n onLabel=\"On\"\n offLabel=\"Off\"\n />\n </GridItem>\n {values.restrictedAccess && (\n <GridItem col={6} s={12}>\n <TextInput\n label={formatMessage({\n id: 'global.password',\n defaultMessage: 'Password',\n })}\n name=\"password\"\n placeholder=\"**********\"\n type={passwordShown ? 'text' : 'password'}\n value={values.password}\n onChange={handleChange}\n error={\n errors.password\n ? formatMessage({\n id: errors.password,\n defaultMessage: 'Invalid value',\n })\n : null\n }\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 </GridItem>\n )}\n </Grid>\n </Flex>\n </Box>\n </ContentLayout>\n </Form>\n );\n }}\n </Formik>\n </Page.Main>\n );\n};\n\nconst FieldActionWrapper = styled(FieldAction)`\n svg {\n height: 1rem;\n width: 1rem;\n path {\n fill: ${({ theme }) => theme.colors.neutral600};\n }\n }\n`;\n\nexport default SettingsPage;\n"],"names":["Show","Hide"],"mappings":"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"}