@strapi/plugin-documentation 4.15.3-alpha.0 → 4.15.3-alpha.1

package/dist/_chunks/index-5d6ea999.mjs

@@ -0,0 +1,203 @@
+import { prefixPluginTranslations } from "@strapi/helper-plugin";
+import { Information } from "@strapi/icons";
+const __variableDynamicImportRuntimeHelper = (glob, path) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+  });
+};
+const name$1 = "@strapi/plugin-documentation";
+const version = "4.15.3-alpha.1";
+const description = "Create an OpenAPI Document and visualize your API with SWAGGER UI.";
+const repository = {
+  type: "git",
+  url: "https://github.com/strapi/strapi.git",
+  directory: "packages/plugins/documentation"
+};
+const license = "SEE LICENSE IN LICENSE";
+const author = {
+  name: "Strapi Solutions SAS",
+  email: "hi@strapi.io",
+  url: "https://strapi.io"
+};
+const maintainers = [
+  {
+    name: "Strapi Solutions SAS",
+    email: "hi@strapi.io",
+    url: "https://strapi.io"
+  }
+];
+const exports = {
+  "./strapi-admin": {
+    source: "./admin/src/index.js",
+    "import": "./dist/admin/index.mjs",
+    require: "./dist/admin/index.js",
+    "default": "./dist/admin/index.js"
+  },
+  "./strapi-server": {
+    source: "./strapi-server.js",
+    require: "./strapi-server.js",
+    "default": "./strapi-server.js"
+  },
+  "./package.json": "./package.json"
+};
+const scripts = {
+  build: "pack-up build",
+  clean: "run -T rimraf dist",
+  lint: "run -T eslint .",
+  "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
+  "test:front:watch": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js --watchAll",
+  "test:unit": "jest --verbose",
+  "test:unit:watch": "run -T jest --watch",
+  prepublishOnly: "yarn clean && yarn build",
+  watch: "pack-up watch"
+};
+const dependencies = {
+  "@strapi/design-system": "1.13.0",
+  "@strapi/helper-plugin": "4.15.3-alpha.1",
+  "@strapi/icons": "1.13.0",
+  "@strapi/utils": "4.15.3-alpha.1",
+  bcryptjs: "2.4.3",
+  cheerio: "^1.0.0-rc.12",
+  formik: "2.4.0",
+  "fs-extra": "10.0.0",
+  immer: "9.0.19",
+  "koa-static": "^5.0.0",
+  lodash: "4.17.21",
+  "path-to-regexp": "6.2.1",
+  "react-helmet": "^6.1.0",
+  "react-intl": "6.4.1",
+  "react-query": "3.39.3",
+  "swagger-ui-dist": "4.19.0",
+  yaml: "1.10.2",
+  yup: "0.32.9"
+};
+const devDependencies = {
+  "@apidevtools/swagger-parser": "^10.1.0",
+  "@strapi/pack-up": "4.15.3-alpha.1",
+  "@strapi/strapi": "4.15.3-alpha.1",
+  "@testing-library/react": "14.0.0",
+  "@testing-library/user-event": "14.4.3",
+  msw: "1.3.0",
+  react: "^18.2.0",
+  "react-dom": "^18.2.0",
+  "react-router-dom": "5.3.4",
+  "styled-components": "5.3.3"
+};
+const peerDependencies = {
+  "@strapi/strapi": "^4.0.0",
+  react: "^17.0.0 || ^18.0.0",
+  "react-dom": "^17.0.0 || ^18.0.0",
+  "react-router-dom": "^5.2.0",
+  "styled-components": "^5.2.1"
+};
+const engines = {
+  node: ">=18.0.0 <=20.x.x",
+  npm: ">=6.0.0"
+};
+const strapi = {
+  displayName: "Documentation",
+  name: "documentation",
+  description: "Create an OpenAPI Document and visualize your API with SWAGGER UI.",
+  kind: "plugin"
+};
+const gitHead = "f97b1b07338a7b7be70049777861b4b211b403ab";
+const pluginPkg = {
+  name: name$1,
+  version,
+  description,
+  repository,
+  license,
+  author,
+  maintainers,
+  exports,
+  scripts,
+  dependencies,
+  devDependencies,
+  peerDependencies,
+  engines,
+  strapi,
+  gitHead
+};
+const PERMISSIONS = {
+  // This permission regards the main component (App) and is used to tell
+  // If the plugin link should be displayed in the menu
+  // And also if the plugin is accessible. This use case is found when a user types the url of the
+  // plugin directly in the browser
+  main: [
+    { action: "plugin::documentation.read", subject: null },
+    { action: "plugin::documentation.settings.regenerate", subject: null },
+    { action: "plugin::documentation.settings.update", subject: null }
+  ],
+  open: [
+    { action: "plugin::documentation.read", subject: null },
+    { action: "plugin::documentation.settings.regenerate", subject: null }
+  ],
+  regenerate: [{ action: "plugin::documentation.settings.regenerate", subject: null }],
+  update: [{ action: "plugin::documentation.settings.update", subject: null }]
+};
+const pluginId = pluginPkg.name.replace(/^@strapi\/plugin-/i, "");
+const name = pluginPkg.strapi.name;
+const index = {
+  register(app) {
+    app.addMenuLink({
+      to: `/plugins/${pluginId}`,
+      icon: Information,
+      intlLabel: {
+        id: `${pluginId}.plugin.name`,
+        defaultMessage: "Documentation"
+      },
+      permissions: PERMISSIONS.main,
+      async Component() {
+        const component = await import("./index-3584c631.mjs");
+        return component;
+      }
+    });
+    app.registerPlugin({
+      id: pluginId,
+      name
+    });
+  },
+  bootstrap(app) {
+    app.addSettingsLink("global", {
+      intlLabel: {
+        id: `${pluginId}.plugin.name`,
+        defaultMessage: "Documentation"
+      },
+      id: "documentation",
+      to: `/settings/${pluginId}`,
+      async Component() {
+        const component = await import("./index-8f46f1dd.mjs");
+        return component;
+      },
+      permissions: PERMISSIONS.main
+    });
+  },
+  async registerTrads({ locales }) {
+    const importedTrads = await Promise.all(
+      locales.map((locale) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-a504b634.mjs"), "./translations/cs.json": () => import("./cs-feb7f04c.mjs"), "./translations/de.json": () => import("./de-a33e1fea.mjs"), "./translations/dk.json": () => import("./dk-ed9fcdcf.mjs"), "./translations/en.json": () => import("./en-96395a32.mjs"), "./translations/es.json": () => import("./es-22de55e3.mjs"), "./translations/fr.json": () => import("./fr-70c3898d.mjs"), "./translations/id.json": () => import("./id-e9e00780.mjs"), "./translations/it.json": () => import("./it-28ef2963.mjs"), "./translations/ko.json": () => import("./ko-a29301ee.mjs"), "./translations/ms.json": () => import("./ms-87588bdb.mjs"), "./translations/nl.json": () => import("./nl-91bcd809.mjs"), "./translations/pl.json": () => import("./pl-7d7fe7b2.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-0024d4be.mjs"), "./translations/pt.json": () => import("./pt-9b66f3d5.mjs"), "./translations/ru.json": () => import("./ru-468d9a30.mjs"), "./translations/sk.json": () => import("./sk-01b7713b.mjs"), "./translations/sv.json": () => import("./sv-7edbe28d.mjs"), "./translations/th.json": () => import("./th-4fcead7f.mjs"), "./translations/tr.json": () => import("./tr-8290d257.mjs"), "./translations/uk.json": () => import("./uk-bf914720.mjs"), "./translations/vi.json": () => import("./vi-ddc8357e.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-6cefb513.mjs"), "./translations/zh.json": () => import("./zh-7b489db7.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+          return {
+            data: prefixPluginTranslations(data, pluginId),
+            locale
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
+    );
+    return Promise.resolve(importedTrads);
+  }
+};
+export {
+  PERMISSIONS as P,
+  index as i,
+  pluginId as p
+};
+//# sourceMappingURL=index-5d6ea999.mjs.map

package/dist/_chunks/index-5d6ea999.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-5d6ea999.mjs","sources":["../../admin/src/constants.js","../../admin/src/pluginId.js","../../admin/src/index.js"],"sourcesContent":["export const PERMISSIONS = {\n  // This permission regards the main component (App) and is used to tell\n  // If the plugin link should be displayed in the menu\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\n  // plugin directly in the browser\n  main: [\n    { action: 'plugin::documentation.read', subject: null },\n    { action: 'plugin::documentation.settings.regenerate', subject: null },\n    { action: 'plugin::documentation.settings.update', subject: null },\n  ],\n  open: [\n    { action: 'plugin::documentation.read', subject: null },\n    { action: 'plugin::documentation.settings.regenerate', subject: null },\n  ],\n  regenerate: [{ action: 'plugin::documentation.settings.regenerate', subject: null }],\n  update: [{ action: 'plugin::documentation.settings.update', subject: null }],\n};\n","import pluginPkg from '../../package.json';\n\nconst pluginId = pluginPkg.name.replace(/^@strapi\\/plugin-/i, '');\n\nexport default pluginId;\n","// NOTE TO PLUGINS DEVELOPERS:\n// If you modify this file by adding new options to the plugin entry point\n// Here's the file: strapi/docs/3.0.0-beta.x/plugin-development/frontend-field-api.md\n// Here's the file: strapi/docs/3.0.0-beta.x/guides/registering-a-field-in-admin.md\n// Also the strapi-generate-plugins/files/admin/src/index.js needs to be updated\n// IF THE DOC IS NOT UPDATED THE PULL REQUEST WILL NOT BE MERGED\nimport { prefixPluginTranslations } from '@strapi/helper-plugin';\nimport { Information } from '@strapi/icons';\n\nimport pluginPkg from '../../package.json';\n\nimport { PERMISSIONS } from './constants';\nimport pluginId from './pluginId';\n\nconst name = pluginPkg.strapi.name;\n\nexport default {\n  register(app) {\n    app.addMenuLink({\n      to: `/plugins/${pluginId}`,\n      icon: Information,\n      intlLabel: {\n        id: `${pluginId}.plugin.name`,\n        defaultMessage: 'Documentation',\n      },\n      permissions: PERMISSIONS.main,\n      async Component() {\n        const component = await import('./pages/PluginPage');\n\n        return component;\n      },\n    });\n\n    app.registerPlugin({\n      id: pluginId,\n      name,\n    });\n  },\n  bootstrap(app) {\n    app.addSettingsLink('global', {\n      intlLabel: {\n        id: `${pluginId}.plugin.name`,\n        defaultMessage: 'Documentation',\n      },\n      id: 'documentation',\n      to: `/settings/${pluginId}`,\n      async Component() {\n        const component = await import('./pages/SettingsPage');\n\n        return component;\n      },\n      permissions: PERMISSIONS.main,\n    });\n  },\n  async registerTrads({ locales }) {\n    const importedTrads = await Promise.all(\n      locales.map((locale) => {\n        return import(`./translations/${locale}.json`)\n          .then(({ default: data }) => {\n            return {\n              data: prefixPluginTranslations(data, pluginId),\n              locale,\n            };\n          })\n          .catch(() => {\n            return {\n              data: {},\n              locale,\n            };\n          });\n      })\n    );\n\n    return Promise.resolve(importedTrads);\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/_chunks/index-8f46f1dd.mjs

@@ -0,0 +1,173 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Main, HeaderLayout, Button, ContentLayout, Box, Flex, Typography, Grid, GridItem, ToggleInput, TextInput, FieldAction } from "@strapi/design-system";
+import { translatedErrors, useFocusWhenNavigate, useRBAC, LoadingIndicatorPage, Form } from "@strapi/helper-plugin";
+import { Check, Eye, EyeStriked } from "@strapi/icons";
+import { Formik } from "formik";
+import { useIntl } from "react-intl";
+import styled from "styled-components";
+import * as yup from "yup";
+import { P as PERMISSIONS } from "./index-5d6ea999.mjs";
+import { u as useDocumentation, g as getTrad } from "./useDocumentation-559c8679.mjs";
+import "react-query";
+const schema = yup.object().shape({
+  restrictedAccess: yup.boolean(),
+  password: yup.string().when("restrictedAccess", (value, initSchema) => {
+    return value ? initSchema.required(translatedErrors.required) : initSchema;
+  })
+});
+const SettingsPage = () => {
+  useFocusWhenNavigate();
+  const { formatMessage } = useIntl();
+  const { submit, data, isLoading } = useDocumentation();
+  const [passwordShown, setPasswordShown] = useState(false);
+  const { allowedActions } = useRBAC(PERMISSIONS);
+  const handleUpdateSettingsSubmit = (body) => {
+    submit.mutate({
+      prefix: data?.prefix,
+      body
+    });
+  };
+  return /* @__PURE__ */ jsx(Main, { children: isLoading ? /* @__PURE__ */ jsx(LoadingIndicatorPage, { children: "Plugin settings are loading" }) : /* @__PURE__ */ jsx(
+    Formik,
+    {
+      initialValues: {
+        restrictedAccess: data?.documentationAccess.restrictedAccess || false,
+        password: ""
+      },
+      onSubmit: handleUpdateSettingsSubmit,
+      validationSchema: schema,
+      children: ({
+        handleSubmit,
+        values,
+        handleChange,
+        errors,
+        setFieldTouched,
+        setFieldValue,
+        dirty
+      }) => {
+        return /* @__PURE__ */ jsxs(Form, { noValidate: true, onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ jsx(
+            HeaderLayout,
+            {
+              title: formatMessage({
+                id: getTrad("plugin.name"),
+                defaultMessage: "Documentation"
+              }),
+              subtitle: formatMessage({
+                id: getTrad("pages.SettingsPage.header.description"),
+                defaultMessage: "Configure the documentation plugin"
+              }),
+              primaryAction: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  startIcon: /* @__PURE__ */ jsx(Check, {}),
+                  disabled: !dirty && allowedActions.canUpdate,
+                  children: formatMessage({
+                    id: getTrad("pages.SettingsPage.Button.save"),
+                    defaultMessage: "Save"
+                  })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(
+            Box,
+            {
+              background: "neutral0",
+              hasRadius: true,
+              shadow: "filterShadow",
+              paddingTop: 6,
+              paddingBottom: 6,
+              paddingLeft: 7,
+              paddingRight: 7,
+              children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+                  id: "global.settings",
+                  defaultMessage: "Settings"
+                }) }),
+                /* @__PURE__ */ jsxs(Grid, { gap: 4, children: [
+                  /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
+                    ToggleInput,
+                    {
+                      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"
+                    }
+                  ) }),
+                  values.restrictedAccess && /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
+                    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: /* @__PURE__ */ jsx(
+                        FieldActionWrapper,
+                        {
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            setPasswordShown((prev) => !prev);
+                          },
+                          label: formatMessage(
+                            passwordShown ? {
+                              id: "Auth.form.password.show-password",
+                              defaultMessage: "Show password"
+                            } : {
+                              id: "Auth.form.password.hide-password",
+                              defaultMessage: "Hide password"
+                            }
+                          ),
+                          children: passwordShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
+                        }
+                      )
+                    }
+                  ) })
+                ] })
+              ] })
+            }
+          ) })
+        ] });
+      }
+    }
+  ) });
+};
+const FieldActionWrapper = styled(FieldAction)`
+  svg {
+    height: 1rem;
+    width: 1rem;
+    path {
+      fill: ${({ theme }) => theme.colors.neutral600};
+    }
+  }
+`;
+export {
+  SettingsPage as default
+};
+//# sourceMappingURL=index-8f46f1dd.mjs.map

package/dist/_chunks/index-8f46f1dd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-8f46f1dd.mjs","sources":["../../admin/src/pages/SettingsPage/index.js"],"sourcesContent":["import React, { useState } from 'react';\n\nimport {\n  Box,\n  Button,\n  ContentLayout,\n  Flex,\n  Grid,\n  GridItem,\n  HeaderLayout,\n  Main,\n  TextInput,\n  ToggleInput,\n  Typography,\n  FieldAction,\n} from '@strapi/design-system';\nimport {\n  Form,\n  LoadingIndicatorPage,\n  useFocusWhenNavigate,\n  translatedErrors,\n  useRBAC,\n} from '@strapi/helper-plugin';\n// Strapi Icons\nimport { Check, Eye as Show, EyeStriked as Hide } from '@strapi/icons';\nimport { 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) : initSchema;\n  }),\n});\n\nconst SettingsPage = () => {\n  useFocusWhenNavigate();\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  return (\n    <Main>\n      {isLoading ? (\n        <LoadingIndicatorPage>Plugin settings are loading</LoadingIndicatorPage>\n      ) : (\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      )}\n    </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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"}

package/dist/_chunks/index-db3e5b2d.js

@@ -0,0 +1,194 @@
+"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 formik = require("formik");
+const reactIntl = require("react-intl");
+const styled = require("styled-components");
+const yup = require("yup");
+const index = require("./index-58d78066.js");
+const useDocumentation = require("./useDocumentation-4c57f41c.js");
+require("react-query");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
+const schema = yup__namespace.object().shape({
+  restrictedAccess: yup__namespace.boolean(),
+  password: yup__namespace.string().when("restrictedAccess", (value, initSchema) => {
+    return value ? initSchema.required(helperPlugin.translatedErrors.required) : initSchema;
+  })
+});
+const SettingsPage = () => {
+  helperPlugin.useFocusWhenNavigate();
+  const { formatMessage } = reactIntl.useIntl();
+  const { submit, data, isLoading } = useDocumentation.useDocumentation();
+  const [passwordShown, setPasswordShown] = react.useState(false);
+  const { allowedActions } = helperPlugin.useRBAC(index.PERMISSIONS);
+  const handleUpdateSettingsSubmit = (body) => {
+    submit.mutate({
+      prefix: data?.prefix,
+      body
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.LoadingIndicatorPage, { children: "Plugin settings are loading" }) : /* @__PURE__ */ jsxRuntime.jsx(
+    formik.Formik,
+    {
+      initialValues: {
+        restrictedAccess: data?.documentationAccess.restrictedAccess || false,
+        password: ""
+      },
+      onSubmit: handleUpdateSettingsSubmit,
+      validationSchema: schema,
+      children: ({
+        handleSubmit,
+        values,
+        handleChange,
+        errors,
+        setFieldTouched,
+        setFieldValue,
+        dirty
+      }) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(helperPlugin.Form, { noValidate: true, onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.HeaderLayout,
+            {
+              title: formatMessage({
+                id: useDocumentation.getTrad("plugin.name"),
+                defaultMessage: "Documentation"
+              }),
+              subtitle: formatMessage({
+                id: useDocumentation.getTrad("pages.SettingsPage.header.description"),
+                defaultMessage: "Configure the documentation plugin"
+              }),
+              primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  type: "submit",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
+                  disabled: !dirty && allowedActions.canUpdate,
+                  children: formatMessage({
+                    id: useDocumentation.getTrad("pages.SettingsPage.Button.save"),
+                    defaultMessage: "Save"
+                  })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Box,
+            {
+              background: "neutral0",
+              hasRadius: true,
+              shadow: "filterShadow",
+              paddingTop: 6,
+              paddingBottom: 6,
+              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({
+                  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,
+                    {
+                      name: "restrictedAccess",
+                      label: formatMessage({
+                        id: useDocumentation.getTrad("pages.SettingsPage.toggle.label"),
+                        defaultMessage: "Restricted Access"
+                      }),
+                      hint: formatMessage({
+                        id: useDocumentation.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"
+                    }
+                  ) }),
+                  values.restrictedAccess && /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.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: /* @__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, {})
+                        }
+                      )
+                    }
+                  ) })
+                ] })
+              ] })
+            }
+          ) })
+        ] });
+      }
+    }
+  ) });
+};
+const FieldActionWrapper = styled__default.default(designSystem.FieldAction)`
+  svg {
+    height: 1rem;
+    width: 1rem;
+    path {
+      fill: ${({ theme }) => theme.colors.neutral600};
+    }
+  }
+`;
+exports.default = SettingsPage;
+//# sourceMappingURL=index-db3e5b2d.js.map

package/dist/_chunks/index-db3e5b2d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-db3e5b2d.js","sources":["../../admin/src/pages/SettingsPage/index.js"],"sourcesContent":["import React, { useState } from 'react';\n\nimport {\n  Box,\n  Button,\n  ContentLayout,\n  Flex,\n  Grid,\n  GridItem,\n  HeaderLayout,\n  Main,\n  TextInput,\n  ToggleInput,\n  Typography,\n  FieldAction,\n} from '@strapi/design-system';\nimport {\n  Form,\n  LoadingIndicatorPage,\n  useFocusWhenNavigate,\n  translatedErrors,\n  useRBAC,\n} from '@strapi/helper-plugin';\n// Strapi Icons\nimport { Check, Eye as Show, EyeStriked as Hide } from '@strapi/icons';\nimport { 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) : initSchema;\n  }),\n});\n\nconst SettingsPage = () => {\n  useFocusWhenNavigate();\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  return (\n    <Main>\n      {isLoading ? (\n        <LoadingIndicatorPage>Plugin settings are loading</LoadingIndicatorPage>\n      ) : (\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      )}\n    </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":["yup","translatedErrors","useFocusWhenNavigate","useIntl","useDocumentation","useState","useRBAC","PERMISSIONS","Main","jsx","LoadingIndicatorPage","Formik","jsxs","Form","HeaderLayout","getTrad","Button","Check","ContentLayout","Box","Flex","Typography","Grid","GridItem","ToggleInput","TextInput","Show","Hide","styled","FieldAction"],"mappings":"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"}