@strapi/plugin-documentation 4.11.2 → 4.11.4

package/admin/src/{permissions.js → constants.js}

@@ -1,4 +1,4 @@
-const pluginPermissions = {
+export 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
@@ -15,5 +15,3 @@ const pluginPermissions = {
   regenerate: [{ action: 'plugin::documentation.settings.regenerate', subject: null }],
   update: [{ action: 'plugin::documentation.settings.update', subject: null }],
 };
-
-export default pluginPermissions;

package/admin/src/index.js

@@ -9,7 +9,7 @@ import { prefixPluginTranslations } from '@strapi/helper-plugin';
 import pluginPkg from '../../package.json';
 
 import PluginIcon from './components/PluginIcon';
-import pluginPermissions from './permissions';
+import { PERMISSIONS } from './constants';
 import pluginId from './pluginId';
 
 const name = pluginPkg.strapi.name;
@@ -23,7 +23,7 @@ export default {
         id: `${pluginId}.plugin.name`,
         defaultMessage: 'Documentation',
       },
-      permissions: pluginPermissions.main,
+      permissions: PERMISSIONS.main,
       async Component() {
         const component = await import(
           /* webpackChunkName: "documentation-page" */ './pages/PluginPage'
@@ -53,7 +53,7 @@ export default {
 
         return component;
       },
-      permissions: pluginPermissions.main,
+      permissions: PERMISSIONS.main,
     });
   },
   async registerTrads({ locales }) {

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

@@ -37,7 +37,7 @@ import { Eye as Show, Refresh as Reload, Trash } from '@strapi/icons';
 import { Helmet } from 'react-helmet';
 import { useIntl } from 'react-intl';
 
-import permissions from '../../permissions';
+import { PERMISSIONS } from '../../constants';
 import { getTrad } from '../../utils';
 import openWithNewTab from '../../utils/openWithNewTab';
 import useReactQuery from '../utils/useReactQuery';
@@ -107,7 +107,7 @@ const PluginPage = () => {
           })}
           primaryAction={
             //  eslint-disable-next-line
-            <CheckPermissions permissions={permissions.open}>
+            <CheckPermissions permissions={PERMISSIONS.open}>
               <Button onClick={() => openDocVersion(data?.currentVersion)} startIcon={<Show />}>
                 {formatMessage({
                   id: getTrad('pages.PluginPage.Button.open'),
@@ -166,7 +166,7 @@ const PluginPage = () => {
                               { target: `${doc.version}` }
                             )}
                           />
-                          <CheckPermissions permissions={permissions.regenerate}>
+                          <CheckPermissions permissions={PERMISSIONS.regenerate}>
                             <IconButton
                               onClick={() => handleRegenerateDoc(doc.version)}
                               noBorder
@@ -180,7 +180,7 @@ const PluginPage = () => {
                               )}
                             />
                           </CheckPermissions>
-                          <CheckPermissions permissions={permissions.update}>
+                          <CheckPermissions permissions={PERMISSIONS.update}>
                             {doc.version !== data.currentVersion && (
                               <IconButton
                                 onClick={() => handleClickDelete(doc.version)}

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

@@ -89,7 +89,6 @@ describe('Plugin | Documentation | PluginPage', () => {
         font-size: 0.75rem;
         line-height: 1.33;
         font-weight: 600;
-        line-height: 0;
         color: #ffffff;
       }
 

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

@@ -26,7 +26,7 @@ import { Formik } from 'formik';
 import { useIntl } from 'react-intl';
 
 import FieldActionWrapper from '../../components/FieldActionWrapper';
-import permissions from '../../permissions';
+import { PERMISSIONS } from '../../constants';
 import { getTrad } from '../../utils';
 import schema from '../utils/schema';
 import useReactQuery from '../utils/useReactQuery';
@@ -57,7 +57,15 @@ const SettingsPage = () => {
           onSubmit={handleUpdateSettingsSubmit}
           validationSchema={schema}
         >
-          {({ handleSubmit, values, handleChange, errors, setFieldTouched, setFieldValue }) => {
+          {({
+            handleSubmit,
+            values,
+            handleChange,
+            errors,
+            setFieldTouched,
+            setFieldValue,
+            dirty,
+          }) => {
             return (
               <Form noValidate onSubmit={handleSubmit}>
                 <HeaderLayout
@@ -70,8 +78,8 @@ const SettingsPage = () => {
                     defaultMessage: 'Configure the documentation plugin',
                   })}
                   primaryAction={
-                    <CheckPermissions permissions={permissions.update}>
-                      <Button type="submit" startIcon={<Check />}>
+                    <CheckPermissions permissions={PERMISSIONS.update}>
+                      <Button type="submit" startIcon={<Check />} disabled={!dirty}>
                         {formatMessage({
                           id: getTrad('pages.SettingsPage.Button.save'),
                           defaultMessage: 'Save',

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

@@ -81,7 +81,6 @@ describe('Plugin | Documentation | SettingsPage', () => {
         font-size: 0.75rem;
         line-height: 1.33;
         font-weight: 600;
-        line-height: 0;
         color: #ffffff;
       }
 
@@ -517,8 +516,9 @@ describe('Plugin | Documentation | SettingsPage', () => {
                   </h1>
                 </div>
                 <button
-                  aria-disabled="false"
+                  aria-disabled="true"
                   class="c7 c8 c9 c10"
+                  disabled=""
                   type="submit"
                 >
                   <div

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/plugin-documentation",
-  "version": "4.11.2",
+  "version": "4.11.4",
   "description": "Create an OpenAPI Document and visualize your API with SWAGGER UI.",
   "repository": {
     "type": "git",
@@ -30,10 +30,10 @@
     "test:front:watch:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll"
   },
   "dependencies": {
-    "@strapi/design-system": "1.8.0",
-    "@strapi/helper-plugin": "4.11.2",
-    "@strapi/icons": "1.8.0",
-    "@strapi/utils": "4.11.2",
+    "@strapi/design-system": "1.8.1",
+    "@strapi/helper-plugin": "4.11.4",
+    "@strapi/icons": "1.8.1",
+    "@strapi/utils": "4.11.4",
     "bcryptjs": "2.4.3",
     "cheerio": "^1.0.0-rc.12",
     "formik": "2.4.0",
@@ -80,5 +80,5 @@
     "description": "Create an OpenAPI Document and visualize your API with SWAGGER UI.",
     "kind": "plugin"
   },
-  "gitHead": "6f7c815c2bbe41dda7d77136eb8df736c028ff67"
+  "gitHead": "8d325a695386ab9b578b360bf768cfa25173050f"
 }