@strapi/admin 5.0.0-alpha.1 → 5.0.0-alpha.2

package/dist/_chunks/{InputRenderer-bJwYq9ga.mjs → InputRenderer-JfwBoJk0.mjs}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useIntl } from "react-intl";
-import { e as useStrapiApp, ar as prefixFileUrlWithBackendUrl, as as DIRECTIONS, am as getTranslation, ad as useDragAndDrop, at as ItemTypes, z as useField, au as DOCUMENT_META_FIELDS, av as useDocLayout, aw as useComponent, ax as ComponentProvider, ah as useDoc, ay as useForm, az as getIn, A as createContext$1, aA as contentManagerApi, m as useAPIErrorHandler, aB as buildValidParams, ai as useDocumentRBAC, I as InputRenderer$1, aC as RelationsField } from "./index-hjUhNUvw.mjs";
+import { h as useStrapiApp, aw as prefixFileUrlWithBackendUrl, ax as DIRECTIONS, ar as getTranslation, ai as useDragAndDrop, ay as ItemTypes, E as useField, az as DOCUMENT_META_FIELDS, aA as useDocLayout, aB as useComponent, aC as ComponentProvider, u as useNotification, am as useDoc, aD as useForm, aE as getIn, G as createContext$1, aF as contentManagerApi, o as useAPIErrorHandler, z as useQueryParams, aG as buildValidParams, aH as useFocusInputField, an as useDocumentRBAC, I as InputRenderer$1, aI as RelationsField } from "./index-GIVuHJgC.mjs";
 import * as React from "react";
 import { useState, useEffect, useCallback } from "react";
 import { Typography, Flex, Box, BaseLink, Button, useComposedRefs, Popover, Field, FieldLabel, FieldInput, Tooltip, Icon, SingleSelect, SingleSelectOption, IconButton, Portal, FocusTrap, InputWrapper, Divider, VisuallyHidden, FieldHint, FieldError, Grid as Grid$1, GridItem, TextButton, KeyboardNavigable, Accordion, AccordionToggle, AccordionContent as AccordionContent$1, BaseButton, TextInput, FieldAction, IconButtonGroup } from "@strapi/design-system";
@@ -11,7 +11,6 @@ import { withHistory } from "slate-history";
 import { useFocused, useSelected, ReactEditor, Editable, useSlate, Slate, withReact } from "slate-react";
 import styled, { css, keyframes } from "styled-components";
 import * as Toolbar from "@radix-ui/react-toolbar";
-import { useLockScroll, useNotification, useQuery, useQueryParams, useFocusInputField } from "@strapi/helper-plugin";
 import { generateNKeysBetween } from "fractional-indexing";
 import pipe$1 from "lodash/fp/pipe";
 import { C as ComponentIcon } from "./ComponentIcon-J3aEhVgQ.mjs";
@@ -34,6 +33,7 @@ import sub from "markdown-it-sub";
 import sup from "markdown-it-sup";
 import "highlight.js/styles/solarized-dark.css";
 import "codemirror5/addon/display/placeholder";
+import { useLocation } from "react-router-dom";
 const componentStore = /* @__PURE__ */ new Map();
 const useLazyComponents = (componentUids = []) => {
   const [lazyComponentStore, setLazyComponentStore] = useState(Object.fromEntries(componentStore));
@@ -1804,7 +1804,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,
@@ -2265,7 +2272,7 @@ const removeNullValues = (data) => {
     return acc;
   }, {});
 };
-const transformDocument = (schema, components = {}) => (document) => {
+const transformDocument = (schema, components = {}) => (document2) => {
   const transformations = pipe$1(
     removeFieldsThatDontExistOnSchema(schema),
     removeProhibitedFields(["password"])(schema, components),
@@ -2273,7 +2280,7 @@ const transformDocument = (schema, components = {}) => (document) => {
     prepareRelations(schema, components),
     prepareTempKeys(schema, components)
   );
-  return transformations(document);
+  return transformations(document2);
 };
 const createDefaultForm = (contentType, components = {}) => {
   const traverseSchema = (attributes) => {
@@ -2366,8 +2373,10 @@ const RepeatableComponent = ({
   name: name2,
   mainField
 }) => {
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { formatMessage } = useIntl();
+  const { search: searchString } = useLocation();
+  const search = React.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const { components } = useDoc();
   const { value = [], error } = useField(name2);
   const addFieldRow = useForm("RepeatableComponent", (state) => state.addFieldRow);
@@ -2376,7 +2385,6 @@ const RepeatableComponent = ({
   const { max = Infinity } = attribute;
   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");
@@ -2408,7 +2416,9 @@ const RepeatableComponent = ({
     } else if (value.length >= max) {
       toggleNotification({
         type: "info",
-        message: { id: getTranslation("components.notification.info.maximum-requirement") }
+        message: formatMessage({
+          id: getTranslation("components.notification.info.maximum-requirement")
+        })
       });
     }
   };
@@ -3254,7 +3264,7 @@ const DynamicZone = ({
     }, {});
   }, [attribute.components, components]);
   const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const dynamicDisplayedComponentsLength = value.length;
   const handleAddComponent = (uid, position) => {
     setAddComponentIsOpen(false);
@@ -3273,7 +3283,9 @@ const DynamicZone = ({
     } else {
       toggleNotification({
         type: "info",
-        message: { id: getTranslation("components.notification.info.maximum-requirement") }
+        message: formatMessage({
+          id: getTranslation("components.notification.info.maximum-requirement")
+        })
       });
     }
   };
@@ -3484,7 +3496,7 @@ const UIDInput = React.forwardRef(
     const [showRegenerate, setShowRegenerate] = React.useState(false);
     const field = useField(name2);
     const debouncedValue = useDebounce(field.value, 300);
-    const toggleNotification = useNotification();
+    const { toggleNotification } = useNotification();
     const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
     const { formatMessage } = useIntl();
     const [{ query }] = useQueryParams();
@@ -3510,7 +3522,7 @@ const UIDInput = React.forwardRef(
     React.useEffect(() => {
       if (apiError) {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatAPIError(apiError)
         });
       }
@@ -3533,14 +3545,17 @@ const UIDInput = React.forwardRef(
           field.onChange(name2, res.data);
         } else {
           toggleNotification({
-            type: "warning",
+            type: "danger",
             message: formatAPIError(res.error)
           });
         }
       } catch (err) {
         toggleNotification({
-          type: "warning",
-          message: { id: "notification.error", defaultMessage: "An error occurred." }
+          type: "danger",
+          message: formatMessage({
+            id: "notification.error",
+            defaultMessage: "An error occurred."
+          })
         });
       }
     };
@@ -3564,7 +3579,7 @@ const UIDInput = React.forwardRef(
     React.useEffect(() => {
       if (availabilityError) {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatAPIError(availabilityError)
         });
       }
@@ -4384,7 +4399,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,
@@ -5238,4 +5260,4 @@ export {
   transformDocument as t,
   useLazyComponents as u
 };
-//# sourceMappingURL=InputRenderer-bJwYq9ga.mjs.map
+//# sourceMappingURL=InputRenderer-JfwBoJk0.mjs.map