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

package/admin/src/hooks/useDocumentation.js

@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 
-import { useFetchClient } from '@strapi/helper-plugin';
-import { useAPIErrorHandler, useNotification } from '@strapi/strapi/admin';
+import { useAPIErrorHandler, useNotification, useFetchClient } from '@strapi/strapi/admin';
 import { useIntl } from 'react-intl';
 import { useMutation, useQuery } from 'react-query';
 

package/admin/src/index.js

@@ -1,10 +1,10 @@
-import { prefixPluginTranslations } from '@strapi/helper-plugin';
 import { Information } from '@strapi/icons';
 
 import pluginPkg from '../../package.json';
 
 import { PERMISSIONS } from './constants';
 import pluginId from './pluginId';
+import { prefixPluginTranslations } from './utils/prefixPluginTranslations';
 
 const name = pluginPkg.strapi.name;
 

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

@@ -8,7 +8,6 @@ import {
   HeaderLayout,
   IconButton,
   Layout,
-  Main,
   Table,
   Tbody,
   Td,
@@ -18,7 +17,7 @@ import {
   Typography,
   EmptyStateLayout,
 } from '@strapi/design-system';
-import { useFocusWhenNavigate, useRBAC } from '@strapi/helper-plugin';
+import { 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';
@@ -30,7 +29,6 @@ import { useDocumentation } from '../../hooks/useDocumentation';
 import { getTrad } from '../../utils';
 
 const PluginPage = () => {
-  useFocusWhenNavigate();
   const { formatMessage } = useIntl();
   const { data, isLoading, isError, remove, regenerate } = useDocumentation();
   const [showConfirmDelete, setShowConfirmDelete] = useState(false);
@@ -74,7 +72,7 @@ const PluginPage = () => {
   return (
     <Layout>
       <Helmet title={title} />
-      <Main aria-busy={isLoading}>
+      <Page.Main>
         <HeaderLayout
           title={title}
           subtitle={formatMessage({
@@ -189,7 +187,7 @@ const PluginPage = () => {
           onClose={handleShowConfirmDelete}
           isOpen={showConfirmDelete}
         />
-      </Main>
+      </Page.Main>
     </Layout>
   );
 };

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

@@ -8,17 +8,14 @@ import {
   Grid,
   GridItem,
   HeaderLayout,
-  Main,
   TextInput,
   ToggleInput,
   Typography,
   FieldAction,
 } from '@strapi/design-system';
-import { useFocusWhenNavigate, useRBAC } from '@strapi/helper-plugin';
+import { useRBAC } from '@strapi/helper-plugin';
 import { Check, Eye as Show, EyeStriked as Hide } from '@strapi/icons';
-import { translatedErrors } from '@strapi/strapi/admin';
-// Strapi Icons
-import { Page } from '@strapi/strapi/admin';
+import { translatedErrors, Page } from '@strapi/strapi/admin';
 import { Form, Formik } from 'formik';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';
@@ -36,7 +33,6 @@ const schema = yup.object().shape({
 });
 
 const SettingsPage = () => {
-  useFocusWhenNavigate();
   const { formatMessage } = useIntl();
   const { submit, data, isLoading } = useDocumentation();
   const [passwordShown, setPasswordShown] = useState(false);
@@ -54,7 +50,7 @@ const SettingsPage = () => {
   }
 
   return (
-    <Main>
+    <Page.Main>
       <Formik
         initialValues={{
           restrictedAccess: data?.documentationAccess.restrictedAccess || false,
@@ -190,7 +186,7 @@ const SettingsPage = () => {
           );
         }}
       </Formik>
-    </Main>
+    </Page.Main>
   );
 };
 

package/admin/src/utils/prefixPluginTranslations.js

@@ -0,0 +1,13 @@
+const prefixPluginTranslations = (trad, pluginId) => {
+  if (!pluginId) {
+    throw new TypeError("pluginId can't be empty");
+  }
+
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId}.${current}`] = trad[current];
+
+    return acc;
+  }, {});
+};
+
+export { prefixPluginTranslations };

package/dist/_chunks/{EditViewPage-xYzUSAwS-OCSjk-Vt.mjs → EditViewPage-kgrZ8rEg-N3ylaYYT.mjs}

@@ -2,12 +2,11 @@ import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useContext, useCallback, useState, useRef, useReducer, useMemo, useEffect, createContext, useLayoutEffect, Component as Component$1, memo as memo$1, forwardRef, Children as Children$1, isValidElement, createElement, cloneElement, Fragment } from "react";
 import { TextInput, Flex, Icon, Typography, BaseLink, Button, useComposedRefs, Popover, Field, FieldLabel, FieldInput, Box, IconButton, Divider, VisuallyHidden, FieldHint, FieldError, TextButton, BaseButton, FieldAction, IconButtonGroup, Portal, FocusTrap, InputWrapper, SingleSelect, SingleSelectOption, Tooltip, Grid as Grid$1, GridItem, KeyboardNavigable, Accordion, AccordionToggle, AccordionContent as AccordionContent$1, Main, TabGroup, Tabs, TabPanels, TabPanel, Tab as Tab$1 } from "@strapi/design-system";
-import { useQueryParams, useFocusInputField, useLockScroll, useQuery } from "@strapi/helper-plugin";
 import { Helmet } from "react-helmet";
 import { useIntl } from "react-intl";
 import { useLocation, useParams } from "react-router-dom";
 import styled, { css, keyframes } from "styled-components";
-import { g as getDefaultExportFromCjs, _ as _extends, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, c as commonjsGlobal, r as require$$0$2, D as DIRECTIONS, a as getTranslation, u as useField, b as createContext$1, d as contentManagerApi, e as useDoc, f as useForm, h as useNotification, i as useAPIErrorHandler, j as buildValidParams, k as useStrapiApp, l as $c512c27ab02ef895$export$fd42f52fd3ae1109, p as prefixFileUrlWithBackendUrl, m as DOCUMENT_META_FIELDS, n as useDocumentRBAC, I as InputRenderer$1, R as RelationsField, o as useDragAndDrop, q as ItemTypes, s as useComponent, C as ComponentProvider, t as generateNKeysBetween, v as useDocLayout, w as getIn, x as getEmptyImage, y as useDocumentLayout, P as Page, F as Form, z as createYupSchema, H as Header, A as Panels, B as Blocker, E as DocumentRBAC, S as SINGLE_TYPES } from "./index--rtz8bZh.mjs";
+import { g as getDefaultExportFromCjs, _ as _extends, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, c as commonjsGlobal, r as require$$0$2, D as DIRECTIONS, a as getTranslation, u as useField, b as createContext$1, d as contentManagerApi, e as useDoc, f as useForm, h as useNotification, i as useAPIErrorHandler, j as useQueryParams, k as buildValidParams, l as useFocusInputField, m as useStrapiApp, n as $c512c27ab02ef895$export$fd42f52fd3ae1109, p as prefixFileUrlWithBackendUrl, o as DOCUMENT_META_FIELDS, q as useDocumentRBAC, I as InputRenderer$1, R as RelationsField, s as useDragAndDrop, t as ItemTypes, v as useComponent, C as ComponentProvider, w as generateNKeysBetween, x as useDocLayout, y as getIn, z as getEmptyImage, A as useDocumentLayout, P as Page, F as Form, B as createYupSchema, H as Header, E as Panels, G as Blocker, J as DocumentRBAC, S as SINGLE_TYPES } from "./index-lggLaJiY.mjs";
 import * as Icons from "@strapi/icons";
 import { EyeStriked, Expand, PlusCircle, CheckCircle, ExclamationMarkCircle, Loader, Refresh, Collapse, Bold, Italic, Underline, StrikeThrough, Code, More, BulletList, NumberList, Picture, Link as Link$1, Quote, HeadingOne, HeadingTwo, HeadingThree, HeadingFour, HeadingFive, HeadingSix, Paragraph, Drag, Trash, Plus } from "@strapi/icons";
 import { createDraft, finishDraft, isDraft, produce } from "immer";
@@ -20,7 +19,7 @@ import require$$2 from "path";
 import require$$1$1 from "url";
 import require$$1 from "fs";
 import require$$8 from "punycode";
-import { u as useSyncRbac } from "./useSyncRbac-Kt8Li0Yf-mDaHJCOQ.mjs";
+import { u as useSyncRbac } from "./useSyncRbac-83vFRiaG-oJpvBKQE.mjs";
 const NotAllowedInput = ({ hint, label: label2, required, name: name2 }) => {
   const { formatMessage } = useIntl();
   const placeholder = formatMessage({
@@ -80744,7 +80743,14 @@ const EditorLayout$1 = ({
 }) => {
   const { formatMessage } = useIntl();
   const { isExpandedMode } = useBlocksEditorContext("editorLayout");
-  useLockScroll({ lockScroll: isExpandedMode });
+  React.useEffect(() => {
+    if (isExpandedMode) {
+      document.body.classList.add("lock-body-scroll");
+    }
+    return () => {
+      document.body.classList.remove("lock-body-scroll");
+    };
+  }, [isExpandedMode]);
   if (isExpandedMode) {
     return /* @__PURE__ */ jsx(Portal, { role: "dialog", "aria-modal": false, children: /* @__PURE__ */ jsx(FocusTrap, { onEscape: onCollapse, children: /* @__PURE__ */ jsx(
       ExpandWrapper$1,
@@ -81308,6 +81314,8 @@ const RepeatableComponent = ({
 }) => {
   const { toggleNotification } = useNotification();
   const { formatMessage } = useIntl();
+  const { search: searchString } = useLocation();
+  const search = React.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const { components } = useDoc();
   const { value = [], error: error2 } = useField(name2);
   const addFieldRow = useForm("RepeatableComponent", (state) => state.addFieldRow);
@@ -81316,7 +81324,6 @@ const RepeatableComponent = ({
   const { max = Infinity } = attribute2;
   const [collapseToOpen, setCollapseToOpen] = React.useState(null);
   const [liveText, setLiveText] = React.useState("");
-  const search = useQuery();
   const componentTmpKeyWithFocussedField = React.useMemo(() => {
     if (search.has("field")) {
       const fieldParam = search.get("field");
@@ -83331,7 +83338,14 @@ const EditorLayout = ({
   onCollapse
 }) => {
   const { formatMessage } = useIntl();
-  useLockScroll({ lockScroll: isExpandMode });
+  React.useEffect(() => {
+    if (isExpandMode) {
+      document.body.classList.add("lock-body-scroll");
+    }
+    return () => {
+      document.body.classList.remove("lock-body-scroll");
+    };
+  }, [isExpandMode]);
   if (isExpandMode) {
     return /* @__PURE__ */ jsx(Portal, { role: "dialog", "aria-modal": false, children: /* @__PURE__ */ jsx(FocusTrap, { onEscape: onCollapse, children: /* @__PURE__ */ jsx(
       ExpandWrapper,
@@ -84365,4 +84379,4 @@ export {
   EditViewPage,
   ProtectedEditViewPage
 };
-//# sourceMappingURL=EditViewPage-xYzUSAwS-OCSjk-Vt.mjs.map
+//# sourceMappingURL=EditViewPage-kgrZ8rEg-N3ylaYYT.mjs.map