@strapi/plugin-documentation 0.0.0-experimental.22e8a4f31c0b65da00cc6c524a94de53fabc7a28 → 0.0.0-experimental.2363945b79274c79e6505e5a6c3cdec876ed8cec

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

@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
 
 import {
-  Box,
   LinkButton,
   ContentLayout,
   Flex,
@@ -16,16 +15,11 @@ import {
   Thead,
   Tr,
   Typography,
-} from '@strapi/design-system';
-import {
-  AnErrorOccurred,
-  ConfirmDialog,
   EmptyStateLayout,
-  LoadingIndicatorPage,
-  useFocusWhenNavigate,
-  useRBAC,
-} from '@strapi/helper-plugin';
+} from '@strapi/design-system';
+import { ConfirmDialog, useFocusWhenNavigate, useRBAC } from '@strapi/helper-plugin';
 import { Eye as Show, Refresh as Reload, Trash } from '@strapi/icons';
+import { Page } from '@strapi/strapi/admin';
 import { Helmet } from 'react-helmet';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';
@@ -71,16 +65,12 @@ const PluginPage = () => {
     defaultMessage: 'Documentation',
   });
 
+  if (isLoading) {
+    return <Page.Loading />;
+  }
+
   if (isError) {
-    return (
-      <Layout>
-        <ContentLayout>
-          <Box paddingTop={8}>
-            <AnErrorOccurred />
-          </Box>
-        </ContentLayout>
-      </Layout>
-    );
+    return <Page.Error />;
   }
 
   return (
@@ -107,7 +97,6 @@ const PluginPage = () => {
           }
         />
         <ContentLayout>
-          {isLoading && <LoadingIndicatorPage>Plugin is loading</LoadingIndicatorPage>}
           {data?.docVersions.length ? (
             <Table colCount={colCount} rowCount={rowCount}>
               <Thead>

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

@@ -54,16 +54,15 @@ describe('PluginPage', () => {
   it('render the plugin page correctly', async () => {
     const { getByRole, queryByText, getByText } = render();
 
+    await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
+
     expect(getByRole('heading', { name: 'Documentation' })).toBeInTheDocument();
     expect(getByText('Configure the documentation plugin')).toBeInTheDocument();
-    expect(queryByText('Plugin is loading')).toBeInTheDocument();
     expect(getByRole('link', { name: 'Open Documentation' })).toHaveAttribute(
       'aria-disabled',
-      'true'
+      'false'
     );
 
-    await waitFor(() => expect(queryByText('Plugin is loading')).not.toBeInTheDocument());
-
     expect(getByRole('heading', { name: 'Documentation' })).toBeInTheDocument();
     expect(getByText('Configure the documentation plugin')).toBeInTheDocument();
     expect(getByRole('link', { name: 'Open Documentation' })).toBeInTheDocument();
@@ -90,7 +89,7 @@ describe('PluginPage', () => {
     it('should open the documentation', async () => {
       const { getByRole, queryByText, user } = render();
 
-      await waitFor(() => expect(queryByText('Plugin is loading')).not.toBeInTheDocument());
+      await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
       expect(getByRole('link', { name: 'Open Documentation' })).toHaveAttribute(
         'href',
@@ -110,7 +109,7 @@ describe('PluginPage', () => {
     it('should regenerate the documentation', async () => {
       const { getByRole, queryByText, user, getByText } = render();
 
-      await waitFor(() => expect(queryByText('Plugin is loading')).not.toBeInTheDocument());
+      await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
       expect(getByRole('button', { name: 'Regenerate 2.0.0' })).toBeInTheDocument();
 
@@ -122,7 +121,7 @@ describe('PluginPage', () => {
     it('should delete the documentation', async () => {
       const { getByRole, queryByText, user, getByText } = render();
 
-      await waitFor(() => expect(queryByText('Plugin is loading')).not.toBeInTheDocument());
+      await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
       expect(getByRole('button', { name: 'Delete 2.0.0' })).toBeInTheDocument();
 
@@ -144,14 +143,13 @@ describe('PluginPage', () => {
         permissions: [],
       });
 
-      expect(queryByText('Plugin is loading')).toBeInTheDocument();
+      await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
+
       expect(getByRole('link', { name: 'Open Documentation' })).toHaveAttribute(
         'aria-disabled',
         'true'
       );
 
-      await waitFor(() => expect(queryByText('Plugin is loading')).not.toBeInTheDocument());
-
       expect(getByRole('link', { name: 'Open Documentation' })).toHaveAttribute(
         'aria-disabled',
         'true'
@@ -163,7 +161,7 @@ describe('PluginPage', () => {
         permissions: [],
       });
 
-      await waitFor(() => expect(queryByText('Plugin is loading')).not.toBeInTheDocument());
+      await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
       versions.forEach((version) => {
         expect(getByRole('gridcell', { name: version })).toBeInTheDocument();
@@ -180,7 +178,7 @@ describe('PluginPage', () => {
         permissions: [],
       });
 
-      await waitFor(() => expect(queryByText('Plugin is loading')).not.toBeInTheDocument());
+      await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
       versions.forEach((version) => {
         expect(getByRole('gridcell', { name: version })).toBeInTheDocument();
@@ -194,7 +192,7 @@ describe('PluginPage', () => {
         permissions: [],
       });
 
-      await waitFor(() => expect(queryByText('Plugin is loading')).not.toBeInTheDocument());
+      await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
       versions.forEach((version) => {
         expect(getByRole('gridcell', { name: version })).toBeInTheDocument();

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

@@ -14,16 +14,11 @@ import {
   Typography,
   FieldAction,
 } from '@strapi/design-system';
-import {
-  Form,
-  LoadingIndicatorPage,
-  useFocusWhenNavigate,
-  translatedErrors,
-  useRBAC,
-} from '@strapi/helper-plugin';
+import { useFocusWhenNavigate, translatedErrors, useRBAC } from '@strapi/helper-plugin';
 // Strapi Icons
 import { Check, Eye as Show, EyeStriked as Hide } from '@strapi/icons';
-import { Formik } from 'formik';
+import { Page } from '@strapi/strapi/admin';
+import { Form, Formik } from 'formik';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';
 import * as yup from 'yup';
@@ -53,147 +48,147 @@ const SettingsPage = () => {
     });
   };
 
+  if (isLoading) {
+    return <Page.Loading />;
+  }
+
   return (
     <Main>
-      {isLoading ? (
-        <LoadingIndicatorPage>Plugin settings are loading</LoadingIndicatorPage>
-      ) : (
-        <Formik
-          initialValues={{
-            restrictedAccess: data?.documentationAccess.restrictedAccess || false,
-            password: '',
-          }}
-          onSubmit={handleUpdateSettingsSubmit}
-          validationSchema={schema}
-        >
-          {({
-            handleSubmit,
-            values,
-            handleChange,
-            errors,
-            setFieldTouched,
-            setFieldValue,
-            dirty,
-          }) => {
-            return (
-              <Form noValidate onSubmit={handleSubmit}>
-                <HeaderLayout
-                  title={formatMessage({
-                    id: getTrad('plugin.name'),
-                    defaultMessage: 'Documentation',
-                  })}
-                  subtitle={formatMessage({
-                    id: getTrad('pages.SettingsPage.header.description'),
-                    defaultMessage: 'Configure the documentation plugin',
-                  })}
-                  primaryAction={
-                    <Button
-                      type="submit"
-                      startIcon={<Check />}
-                      disabled={!dirty && allowedActions.canUpdate}
-                    >
+      <Formik
+        initialValues={{
+          restrictedAccess: data?.documentationAccess.restrictedAccess || false,
+          password: '',
+        }}
+        onSubmit={handleUpdateSettingsSubmit}
+        validationSchema={schema}
+      >
+        {({
+          handleSubmit,
+          values,
+          handleChange,
+          errors,
+          setFieldTouched,
+          setFieldValue,
+          dirty,
+        }) => {
+          return (
+            <Form noValidate onSubmit={handleSubmit}>
+              <HeaderLayout
+                title={formatMessage({
+                  id: getTrad('plugin.name'),
+                  defaultMessage: 'Documentation',
+                })}
+                subtitle={formatMessage({
+                  id: getTrad('pages.SettingsPage.header.description'),
+                  defaultMessage: 'Configure the documentation plugin',
+                })}
+                primaryAction={
+                  <Button
+                    type="submit"
+                    startIcon={<Check />}
+                    disabled={!dirty && allowedActions.canUpdate}
+                  >
+                    {formatMessage({
+                      id: getTrad('pages.SettingsPage.Button.save'),
+                      defaultMessage: 'Save',
+                    })}
+                  </Button>
+                }
+              />
+              <ContentLayout>
+                <Box
+                  background="neutral0"
+                  hasRadius
+                  shadow="filterShadow"
+                  paddingTop={6}
+                  paddingBottom={6}
+                  paddingLeft={7}
+                  paddingRight={7}
+                >
+                  <Flex direction="column" alignItems="stretch" gap={4}>
+                    <Typography variant="delta" as="h2">
                       {formatMessage({
-                        id: getTrad('pages.SettingsPage.Button.save'),
-                        defaultMessage: 'Save',
+                        id: 'global.settings',
+                        defaultMessage: 'Settings',
                       })}
-                    </Button>
-                  }
-                />
-                <ContentLayout>
-                  <Box
-                    background="neutral0"
-                    hasRadius
-                    shadow="filterShadow"
-                    paddingTop={6}
-                    paddingBottom={6}
-                    paddingLeft={7}
-                    paddingRight={7}
-                  >
-                    <Flex direction="column" alignItems="stretch" gap={4}>
-                      <Typography variant="delta" as="h2">
-                        {formatMessage({
-                          id: 'global.settings',
-                          defaultMessage: 'Settings',
-                        })}
-                      </Typography>
-                      <Grid gap={4}>
+                    </Typography>
+                    <Grid gap={4}>
+                      <GridItem col={6} s={12}>
+                        <ToggleInput
+                          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);
+                            }
+
+                            setFieldValue('restrictedAccess', !values.restrictedAccess, false);
+                          }}
+                          onLabel="On"
+                          offLabel="Off"
+                        />
+                      </GridItem>
+                      {values.restrictedAccess && (
                         <GridItem col={6} s={12}>
-                          <ToggleInput
-                            name="restrictedAccess"
+                          <TextInput
                             label={formatMessage({
-                              id: getTrad('pages.SettingsPage.toggle.label'),
-                              defaultMessage: 'Restricted Access',
+                              id: 'global.password',
+                              defaultMessage: 'Password',
                             })}
-                            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);
-                              }
-
-                              setFieldValue('restrictedAccess', !values.restrictedAccess, false);
-                            }}
-                            onLabel="On"
-                            offLabel="Off"
+                            name="password"
+                            placeholder="**********"
+                            type={passwordShown ? 'text' : 'password'}
+                            value={values.password}
+                            onChange={handleChange}
+                            error={
+                              errors.password
+                                ? formatMessage({
+                                    id: errors.password,
+                                    defaultMessage: 'Invalid value',
+                                  })
+                                : null
+                            }
+                            endAction={
+                              <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',
+                                      }
+                                )}
+                              >
+                                {passwordShown ? <Show /> : <Hide />}
+                              </FieldActionWrapper>
+                            }
                           />
                         </GridItem>
-                        {values.restrictedAccess && (
-                          <GridItem col={6} s={12}>
-                            <TextInput
-                              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: 'Invalid value',
-                                    })
-                                  : null
-                              }
-                              endAction={
-                                <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',
-                                        }
-                                  )}
-                                >
-                                  {passwordShown ? <Show /> : <Hide />}
-                                </FieldActionWrapper>
-                              }
-                            />
-                          </GridItem>
-                        )}
-                      </Grid>
-                    </Flex>
-                  </Box>
-                </ContentLayout>
-              </Form>
-            );
-          }}
-        </Formik>
-      )}
+                      )}
+                    </Grid>
+                  </Flex>
+                </Box>
+              </ContentLayout>
+            </Form>
+          );
+        }}
+      </Formik>
     </Main>
   );
 };

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

@@ -54,9 +54,7 @@ describe('SettingsPage', () => {
   it('renders the setting page correctly', async () => {
     const { getByRole, queryByText, getByText } = render();
 
-    expect(queryByText('Plugin settings are loading')).toBeInTheDocument();
-
-    await waitFor(() => expect(queryByText('Plugin settings are loading')).not.toBeInTheDocument());
+    await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
     expect(getByRole('heading', { name: 'Documentation' })).toBeInTheDocument();
     expect(getByText('Configure the documentation plugin')).toBeInTheDocument();
@@ -81,9 +79,7 @@ describe('SettingsPage', () => {
 
     const { getByLabelText, queryByText } = render();
 
-    expect(queryByText('Plugin settings are loading')).toBeInTheDocument();
-
-    await waitFor(() => expect(queryByText('Plugin settings are loading')).not.toBeInTheDocument());
+    await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
     expect(getByLabelText('Password')).toBeInTheDocument();
 
@@ -93,9 +89,7 @@ describe('SettingsPage', () => {
   it('should render the password field when the Restricted Access checkbox is checked', async () => {
     const { getByRole, getByLabelText, queryByText } = render();
 
-    expect(queryByText('Plugin settings are loading')).toBeInTheDocument();
-
-    await waitFor(() => expect(queryByText('Plugin settings are loading')).not.toBeInTheDocument());
+    await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
     fireEvent.click(getByRole('checkbox', { name: 'Restricted Access' }));
 
@@ -107,9 +101,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();
 
-    expect(queryByText('Plugin settings are loading')).toBeInTheDocument();
-
-    await waitFor(() => expect(queryByText('Plugin settings are loading')).not.toBeInTheDocument());
+    await waitFor(() => expect(queryByText('Loading content.')).not.toBeInTheDocument());
 
     fireEvent.click(getByRole('checkbox', { name: 'Restricted Access' }));
 

package/dist/_chunks/index-2LMgyEch.js

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+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-cd8DFPBl.js");
+const useDocumentation = require("./useDocumentation-VA4HgTot.js");
+require("react-query");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const PluginPage = () => {
+  helperPlugin.useFocusWhenNavigate();
+  const { formatMessage } = reactIntl.useIntl();
+  const { data, isLoading, isError, remove, regenerate } = useDocumentation.useDocumentation();
+  const [showConfirmDelete, setShowConfirmDelete] = react.useState(false);
+  const [isConfirmButtonLoading, setIsConfirmButtonLoading] = react.useState(false);
+  const [versionToDelete, setVersionToDelete] = react.useState();
+  const { allowedActions } = helperPlugin.useRBAC(index.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 () => {
+    setIsConfirmButtonLoading(true);
+    await remove.mutateAsync({ prefix: data?.prefix, version: versionToDelete });
+    setShowConfirmDelete(!showConfirmDelete);
+    setIsConfirmButtonLoading(false);
+  };
+  const handleClickDelete = (version) => {
+    setVersionToDelete(version);
+    setShowConfirmDelete(!showConfirmDelete);
+  };
+  const title = formatMessage({
+    id: useDocumentation.getTrad("plugin.name"),
+    defaultMessage: "Documentation"
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Loading, {});
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {});
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Layout, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactHelmet.Helmet, { title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { "aria-busy": isLoading, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.HeaderLayout,
+        {
+          title,
+          subtitle: formatMessage({
+            id: useDocumentation.getTrad("pages.PluginPage.header.description"),
+            defaultMessage: "Configure the documentation plugin"
+          }),
+          primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
+            OpenDocLink,
+            {
+              disabled: !allowedActions.canOpen || !data?.currentVersion || !data?.prefix,
+              href: createDocumentationHref(`${data?.prefix}/v${data?.currentVersion}`),
+              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {}),
+              children: formatMessage({
+                id: useDocumentation.getTrad("pages.PluginPage.Button.open"),
+                defaultMessage: "Open Documentation"
+              })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { 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: useDocumentation.getTrad("pages.PluginPage.table.version"),
+            defaultMessage: "Version"
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+            id: useDocumentation.getTrad("pages.PluginPage.table.generated"),
+            defaultMessage: "Last Generated"
+          }) }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: data.docVersions.sort((a, b) => a.generatedDate < b.generatedDate ? 1 : -1).map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "50%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: doc.version }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "50%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: doc.generatedDate }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "end", onClick: (e) => e.stopPropagation(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.IconButton,
+              {
+                forwardedAs: "a",
+                disabled: !allowedActions.canOpen,
+                href: createDocumentationHref(`${data.prefix}/v${doc.version}`),
+                noBorder: true,
+                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {}),
+                target: "_blank",
+                rel: "noopener noreferrer",
+                label: formatMessage(
+                  {
+                    id: useDocumentation.getTrad("pages.PluginPage.table.icon.show"),
+                    defaultMessage: "Open {target}"
+                  },
+                  { target: `${doc.version}` }
+                )
+              }
+            ),
+            allowedActions.canRegenerate ? /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.IconButton,
+              {
+                onClick: () => handleRegenerateDoc(doc.version),
+                noBorder: true,
+                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Refresh, {}),
+                label: formatMessage(
+                  {
+                    id: useDocumentation.getTrad("pages.PluginPage.table.icon.regenerate"),
+                    defaultMessage: "Regenerate {target}"
+                  },
+                  { target: `${doc.version}` }
+                )
+              }
+            ) : null,
+            allowedActions.canUpdate && doc.version !== data.currentVersion ? /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.IconButton,
+              {
+                onClick: () => handleClickDelete(doc.version),
+                noBorder: true,
+                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
+                label: formatMessage(
+                  {
+                    id: "global.delete-target",
+                    defaultMessage: "Delete {target}"
+                  },
+                  { target: `${doc.version}` }
+                )
+              }
+            ) : null
+          ] }) })
+        ] }, doc.version)) })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.EmptyStateLayout, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        helperPlugin.ConfirmDialog,
+        {
+          isConfirmButtonLoading,
+          onConfirm: handleConfirmDelete,
+          onToggleDialog: handleShowConfirmDelete,
+          isOpen: showConfirmDelete
+        }
+      )
+    ] })
+  ] });
+};
+const OpenDocLink = styled__default.default(designSystem.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}`;
+};
+exports.default = PluginPage;
+//# sourceMappingURL=index-2LMgyEch.js.map