@strapi/admin 4.15.5 → 4.16.0

package/dist/_chunks/{index-81509193.mjs → index-c0f59e46.mjs}

@@ -9,8 +9,8 @@ import { useIntl } from "react-intl";
 import { useSelector, shallowEqual, useDispatch } from "react-redux";
 import { useLocation, Link as Link$2, useHistory, useRouteMatch, Redirect, Prompt, Switch, Route, useParams, NavLink } from "react-router-dom";
 import { D as DragLayer } from "./DragLayer-bff96835.mjs";
-import { s as selectAdminPermissions } from "./AuthenticatedApp-da1595e9.mjs";
-import { m as makeSelectModelAndComponentSchemas, g as getTrad, s as selectFieldSizes, c as composeRefs, u as useDragAndDrop, a as createYupSchema, i as isFieldTypeNumber, b as makeSelectModelLinks, d as selectAppDomain } from "./schema-a7f695ae.mjs";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-2b5530b9.mjs";
+import { m as makeSelectModelAndComponentSchemas, g as getTrad, s as selectFieldSizes, c as composeRefs, u as useDragAndDrop, a as createYupSchema, i as isFieldTypeNumber, b as makeSelectModelLinks, d as selectAppDomain } from "./schema-da392e23.mjs";
 import PropTypes, { PropTypes as PropTypes$1 } from "prop-types";
 import { ErrorBoundary } from "react-error-boundary";
 import { useDrop, useDrag } from "react-dnd";
@@ -31,13 +31,14 @@ import upperFirst from "lodash/upperFirst";
 import { useMutation, useQueryClient, useQuery, useInfiniteQuery } from "react-query";
 import { Menu, MenuItem, SubNav, SubNavHeader, SubNavSections, SubNavSection, SubNavLink } from "@strapi/design-system/v2";
 import { getEmptyImage } from "react-dnd-html5-backend";
-import styled, { css, useTheme, keyframes } from "styled-components";
-import { S as SET_PERMISSIONS, g as RESET_PERMISSIONS, h as RESET_PROPS, i as SET_LAYOUT, I as INIT_FORM, j as RESET_PROPS$1, k as SET_DATA_STRUCTURES, l as SET_STATUS, m as SUBMIT_SUCCEEDED, G as GET_DATA, n as GET_DATA_SUCCEEDED, o as CLEAR_SET_MODIFIED_DATA_ONLY, p as useEnterprise, q as InjectionZone, H as HOOKS, r as GET_DATA$1, s as GET_DATA_SUCCEEDED$1, t as RESET_PROPS$2, v as SET_LIST_LAYOUT, O as ON_RESET_LIST_HEADERS, w as ON_CHANGE_LIST_HEADERS, x as useInjectionZone, y as initialState$4, b as useTypedSelector, z as crudReducer, B as crudInitialState, D as RESET_INIT_DATA, E as GET_INIT_DATA, F as SET_INIT_DATA } from "./index-b6ee936b.mjs";
+import styled, { css, keyframes } from "styled-components";
+import { S as SET_PERMISSIONS, g as RESET_PERMISSIONS, h as RESET_PROPS, i as SET_LAYOUT, I as INIT_FORM, j as RESET_PROPS$1, k as SET_DATA_STRUCTURES, l as SET_STATUS, m as SUBMIT_SUCCEEDED, G as GET_DATA, n as GET_DATA_SUCCEEDED, o as CLEAR_SET_MODIFIED_DATA_ONLY, p as useEnterprise, q as InjectionZone, H as HOOKS, r as GET_DATA$1, s as GET_DATA_SUCCEEDED$1, t as RESET_PROPS$2, v as SET_LIST_LAYOUT, O as ON_RESET_LIST_HEADERS, w as ON_CHANGE_LIST_HEADERS, x as useInjectionZone, y as initialState$4, b as useTypedSelector, z as crudReducer, B as crudInitialState, D as RESET_INIT_DATA, E as GET_INIT_DATA, F as SET_INIT_DATA } from "./index-9f08bcc3.mjs";
 import size from "lodash/size";
 import take from "lodash/take";
+import { createContext as createContext$1 } from "@radix-ui/react-context";
 import { Transforms, Editor as Editor$1, Element, Node, Range, Path, Point, createEditor } from "slate";
 import { withHistory } from "slate-history";
-import { useSlate, ReactEditor, Editable, Slate, withReact } from "slate-react";
+import { ReactEditor, Editable, useSlate, Slate, withReact } from "slate-react";
 import * as Toolbar from "@radix-ui/react-toolbar";
 import { u as useDebounce } from "./useDebounce-9364f340.mjs";
 import pick$1 from "lodash/pick";
@@ -2948,14 +2949,18 @@ const insertLink = (editor, { url }) => {
     const linkNodes = Array.from(
       Editor$1.nodes(editor, {
         at: editor.selection,
-        match: (node) => node.type === "link"
+        match: (node) => !Editor$1.isEditor(node) && node.type === "link"
       })
     );
     linkNodes.forEach(([, path]) => {
       Transforms.unwrapNodes(editor, { at: path });
     });
     if (Range.isCollapsed(editor.selection)) {
-      const link = { type: "link", url: url ? addProtocol(url) : "", children: [{ text: url }] };
+      const link = {
+        type: "link",
+        url: url ? addProtocol(url) : "",
+        children: [{ type: "text", text: url }]
+      };
       Transforms.insertNodes(editor, link);
     } else {
       Transforms.wrapNodes(
@@ -2966,18 +2971,23 @@ const insertLink = (editor, { url }) => {
     }
   }
 };
-const editLink = (editor, { url, text }) => {
-  if (editor.selection) {
-    const [linkNode, linkPath] = Editor$1.above(editor, { match: (node) => node.type === "link" });
-    if (linkNode) {
-      Transforms.setNodes(editor, { url: addProtocol(url) }, { at: linkPath });
-      if (text !== "" && text !== Editor$1.string(editor, linkPath)) {
-        const linkNodeChildrens = Array.from(Node.children(editor, linkPath, { reverse: true }));
-        linkNodeChildrens.forEach(([, childPath]) => {
-          Transforms.removeNodes(editor, { at: childPath });
-        });
-        Transforms.insertNodes(editor, [{ text }], { at: linkPath.concat(0) });
-      }
+const editLink = (editor, link) => {
+  const { url, text } = link;
+  if (!editor.selection) {
+    return;
+  }
+  const linkEntry = Editor$1.above(editor, {
+    match: (node) => !Editor$1.isEditor(node) && node.type === "link"
+  });
+  if (linkEntry) {
+    const [, linkPath] = linkEntry;
+    Transforms.setNodes(editor, { url: addProtocol(url) }, { at: linkPath });
+    if (text !== "" && text !== Editor$1.string(editor, linkPath)) {
+      const linkNodeChildrens = Array.from(Node.children(editor, linkPath, { reverse: true }));
+      linkNodeChildrens.forEach(([, childPath]) => {
+        Transforms.removeNodes(editor, { at: childPath });
+      });
+      Transforms.insertNodes(editor, [{ type: "text", text }], { at: linkPath.concat(0) });
     }
   }
 };
@@ -3051,18 +3061,21 @@ const Unorderedlist = styled.ul`
   list-style-type: disc;
   ${listStyle}
 `;
+const isText$2 = (node) => {
+  return Node.isNode(node) && !Editor$1.isEditor(node) && node.type === "text";
+};
+const isListNode$1 = (node) => {
+  return Node.isNode(node) && !Editor$1.isEditor(node) && node.type === "list";
+};
 const List = ({ attributes, children, element }) => {
-  if (element.format === "ordered")
+  if (!isListNode$1(element)) {
+    return null;
+  }
+  if (element.format === "ordered") {
     return /* @__PURE__ */ jsx(Orderedlist, { ...attributes, children });
+  }
   return /* @__PURE__ */ jsx(Unorderedlist, { ...attributes, children });
 };
-List.propTypes = {
-  attributes: PropTypes.object.isRequired,
-  children: PropTypes.node.isRequired,
-  element: PropTypes.shape({
-    format: PropTypes.string.isRequired
-  }).isRequired
-};
 const replaceListWithEmptyBlock = (editor, currentListPath) => {
   Transforms.removeNodes(editor, { at: currentListPath });
   if (currentListPath[0] === 0) {
@@ -3078,9 +3091,11 @@ const replaceListWithEmptyBlock = (editor, currentListPath) => {
   }
 };
 const handleBackspaceKeyOnList = (editor, event) => {
+  if (!editor.selection)
+    return;
   const [currentListItem, currentListItemPath] = Editor$1.parent(editor, editor.selection.anchor);
   const [currentList, currentListPath] = Editor$1.parent(editor, currentListItemPath);
-  const isListEmpty = currentList.children.length === 1 && currentListItem.children[0].text === "";
+  const isListEmpty = currentList.children.length === 1 && isText$2(currentListItem.children[0]) && currentListItem.children[0].text === "";
   const isNodeStart = Editor$1.isStart(editor, editor.selection.anchor, currentListItemPath);
   const isFocusAtTheBeginningOfAChild = editor.selection.focus.offset === 0 && editor.selection.focus.path.at(-1) === 0;
   if (isListEmpty) {
@@ -3088,7 +3103,7 @@ const handleBackspaceKeyOnList = (editor, event) => {
     replaceListWithEmptyBlock(editor, currentListPath);
   } else if (isNodeStart) {
     Transforms.liftNodes(editor, {
-      match: (n) => n.type === "list-item"
+      match: (node) => !Editor$1.isEditor(node) && node.type === "list-item"
     });
     Transforms.setNodes(
       editor,
@@ -3099,23 +3114,32 @@ const handleBackspaceKeyOnList = (editor, event) => {
     );
   } else if (isFocusAtTheBeginningOfAChild) {
     Transforms.liftNodes(editor, {
-      match: (n) => n.type === "list-item"
+      match: (node) => !Editor$1.isEditor(node) && node.type === "list-item"
     });
     Transforms.setNodes(editor, { type: "paragraph" });
   }
 };
 const handleEnterKeyOnList = (editor) => {
-  const [currentListItem, currentListItemPath] = Editor$1.above(editor, {
-    matchNode: (node) => node.type === "list-item"
+  const currentListItemEntry = Editor$1.above(editor, {
+    match: (node) => !Editor$1.isEditor(node) && node.type === "list-item"
   });
+  if (!currentListItemEntry || !editor.selection) {
+    return;
+  }
+  const [currentListItem, currentListItemPath] = currentListItemEntry;
   const [currentList, currentListPath] = Editor$1.parent(editor, currentListItemPath);
-  const isListEmpty = currentList.children.length === 1 && currentListItem.children[0].text === "";
-  const isListItemEmpty = currentListItem.children.length === 1 && currentListItem.children[0].text === "";
+  const isListEmpty = currentList.children.length === 1 && isText$2(currentListItem.children[0]) && currentListItem.children[0].text === "";
+  const isListItemEmpty = currentListItem.children.length === 1 && isText$2(currentListItem.children[0]) && currentListItem.children[0].text === "";
   if (isListEmpty) {
     replaceListWithEmptyBlock(editor, currentListPath);
   } else if (isListItemEmpty) {
     Transforms.removeNodes(editor, { at: currentListItemPath });
-    const listNodeEntry = Editor$1.above(editor, { match: (n) => n.type === "list" });
+    const listNodeEntry = Editor$1.above(editor, {
+      match: (node) => !Editor$1.isEditor(node) && node.type === "list"
+    });
+    if (!listNodeEntry) {
+      return;
+    }
     const createdParagraphPath = Path.next(listNodeEntry[1]);
     Transforms.insertNodes(
       editor,
@@ -3140,27 +3164,19 @@ const Img = styled.img`
   max-width: 100%;
   object-fit: contain;
 `;
+const isImage = (element) => {
+  return element.type === "image";
+};
 const Image = ({ attributes, children, element }) => {
-  if (!element.image)
+  if (!isImage(element)) {
     return null;
+  }
   const { url, alternativeText, width, height } = element.image;
   return /* @__PURE__ */ jsxs(Box, { ...attributes, children: [
     children,
     /* @__PURE__ */ jsx(Flex, { background: "neutral100", contentEditable: false, justifyContent: "center", children: /* @__PURE__ */ jsx(Img, { src: url, alt: alternativeText, width, height }) })
   ] });
 };
-Image.propTypes = {
-  attributes: PropTypes.object.isRequired,
-  children: PropTypes.node.isRequired,
-  element: PropTypes.shape({
-    image: PropTypes.shape({
-      url: PropTypes.string.isRequired,
-      alternativeText: PropTypes.string,
-      width: PropTypes.number,
-      height: PropTypes.number
-    })
-  }).isRequired
-};
 const TooltipCustom = styled(Tooltip)`
   z-index: 6;
 `;
@@ -3169,162 +3185,178 @@ const CustomButton = styled(Button)`
     line-height: normal;
   }
 `;
-const Link = React.forwardRef(({ element, children, ...attributes }, forwardedRef) => {
-  const { formatMessage } = useIntl();
-  const editor = useSlate();
-  const path = ReactEditor.findPath(editor, element);
-  const [popoverOpen, setPopoverOpen] = React.useState(
-    editor.lastInsertedLinkPath ? Path.equals(path, editor.lastInsertedLinkPath) : false
-  );
-  const [isEditing, setIsEditing] = React.useState(element.url === "");
-  const linkRef = React.useRef(null);
-  const elementText = element.children.map((child) => child.text).join("");
-  const [linkText, setLinkText] = React.useState(elementText);
-  const [linkUrl, setLinkUrl] = React.useState(element.url);
-  const handleOpenEditPopover = (e) => {
-    e.preventDefault();
-    setPopoverOpen(true);
-  };
-  const handleSave = (e) => {
-    e.stopPropagation();
-    if (Range.isCollapsed(editor.selection)) {
-      const [, parentPath] = Editor$1.parent(editor, editor.selection.focus?.path);
-      Transforms.select(editor, parentPath);
-    }
-    editLink(editor, { url: linkUrl, text: linkText });
-    setIsEditing(false);
-  };
-  const handleCancel = () => {
-    setIsEditing(false);
-    if (element.url === "") {
-      removeLink(editor);
-    }
-  };
-  const handleDismiss = () => {
-    setPopoverOpen(false);
-    if (element.url === "") {
-      removeLink(editor);
-    }
-    ReactEditor.focus(editor);
-  };
-  const composedRefs = composeRefs(linkRef, forwardedRef);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      StyledBaseLink,
-      {
-        ...attributes,
-        ref: composedRefs,
-        href: element.url,
-        onClick: handleOpenEditPopover,
-        color: "primary600",
-        children
+const Link = React.forwardRef(
+  ({ element, children, attributes }, forwardedRef) => {
+    const { formatMessage } = useIntl();
+    const { editor } = useBlocksEditorContext("Link");
+    const path = ReactEditor.findPath(editor, element);
+    const [popoverOpen, setPopoverOpen] = React.useState(
+      editor.lastInsertedLinkPath ? Path.equals(path, editor.lastInsertedLinkPath) : false
+    );
+    const elementAsLink = element;
+    const [isEditing, setIsEditing] = React.useState(elementAsLink.url === "");
+    const linkRef = React.useRef(null);
+    const elementText = elementAsLink.children.map((child) => child.text).join("");
+    const [linkText, setLinkText] = React.useState(elementText);
+    const [linkUrl, setLinkUrl] = React.useState(elementAsLink.url);
+    const handleOpenEditPopover = (e) => {
+      e.preventDefault();
+      setPopoverOpen(true);
+    };
+    const handleSave = (e) => {
+      e.stopPropagation();
+      if (editor.selection && Range.isCollapsed(editor.selection)) {
+        const [, parentPath] = Editor$1.parent(editor, editor.selection.focus?.path);
+        Transforms.select(editor, parentPath);
+      }
+      editLink(editor, { url: linkUrl, text: linkText });
+      setIsEditing(false);
+    };
+    const handleCancel = () => {
+      setIsEditing(false);
+      if (elementAsLink.url === "") {
+        removeLink(editor);
       }
-    ),
-    popoverOpen && /* @__PURE__ */ jsx(Popover, { source: linkRef, onDismiss: handleDismiss, padding: 4, contentEditable: false, children: isEditing ? /* @__PURE__ */ jsxs(Flex, { as: "form", onSubmit: handleSave, direction: "column", gap: 4, children: [
-      /* @__PURE__ */ jsxs(Field, { width: "300px", children: [
-        /* @__PURE__ */ jsx(FieldLabel, { children: formatMessage({
-          id: "components.Blocks.popover.text",
-          defaultMessage: "Text"
-        }) }),
-        /* @__PURE__ */ jsx(
-          FieldInput,
-          {
-            name: "text",
-            placeholder: formatMessage({
-              id: "components.Blocks.popover.text.placeholder",
-              defaultMessage: "Enter link text"
-            }),
-            value: linkText,
-            onChange: (e) => setLinkText(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(Field, { width: "300px", children: [
-        /* @__PURE__ */ jsx(FieldLabel, { children: formatMessage({
-          id: "components.Blocks.popover.link",
-          defaultMessage: "Link"
-        }) }),
-        /* @__PURE__ */ jsx(
-          FieldInput,
-          {
-            name: "url",
-            placeholder: "https://strapi.io",
-            value: linkUrl,
-            onChange: (e) => setLinkUrl(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", width: "100%", gap: 2, children: [
-        /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleCancel, children: formatMessage({
-          id: "components.Blocks.popover.cancel",
-          defaultMessage: "Cancel"
-        }) }),
-        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !linkText || !linkUrl, children: formatMessage({
-          id: "components.Blocks.popover.save",
-          defaultMessage: "Save"
-        }) })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, alignItems: "start", width: "400px", children: [
-      /* @__PURE__ */ jsx(Typography, { children: elementText }),
-      /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(StyledBaseLink, { href: element.url, target: "_blank", color: "primary600", children: element.url }) }),
-      /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", width: "100%", gap: 2, children: [
-        /* @__PURE__ */ jsx(
-          TooltipCustom,
-          {
-            description: formatMessage({
-              id: "components.Blocks.popover.delete",
-              defaultMessage: "Delete"
-            }),
-            children: /* @__PURE__ */ jsx(
-              CustomButton,
-              {
-                size: "S",
-                width: "2rem",
-                variant: "danger-light",
-                onClick: () => removeLink(editor),
-                "aria-label": formatMessage({
-                  id: "components.Blocks.popover.delete",
-                  defaultMessage: "Delete"
-                }),
-                type: "button",
-                justifyContent: "center",
-                children: /* @__PURE__ */ jsx(Icon, { width: 3, height: 3, as: Trash })
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TooltipCustom,
-          {
-            description: formatMessage({
-              id: "components.Blocks.popover.edit",
-              defaultMessage: "Edit"
-            }),
-            children: /* @__PURE__ */ jsx(
-              CustomButton,
-              {
-                size: "S",
-                width: "2rem",
-                variant: "tertiary",
-                onClick: () => setIsEditing(true),
-                "aria-label": formatMessage({
-                  id: "components.Blocks.popover.edit",
-                  defaultMessage: "Edit"
-                }),
-                type: "button",
-                justifyContent: "center",
-                children: /* @__PURE__ */ jsx(Icon, { width: 3, height: 3, as: Pencil })
-              }
-            )
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-});
-Link.propTypes = {
-  element: PropTypes.object.isRequired,
-  children: PropTypes.node.isRequired
+    };
+    const handleDismiss = () => {
+      setPopoverOpen(false);
+      if (elementAsLink.url === "") {
+        removeLink(editor);
+      }
+      ReactEditor.focus(editor);
+    };
+    const composedRefs = composeRefs(linkRef, forwardedRef);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        StyledBaseLink,
+        {
+          ...attributes,
+          ref: composedRefs,
+          href: elementAsLink.url,
+          onClick: handleOpenEditPopover,
+          color: "primary600",
+          children
+        }
+      ),
+      popoverOpen && /* @__PURE__ */ jsx(Popover, { source: linkRef, onDismiss: handleDismiss, padding: 4, contentEditable: false, children: isEditing ? /* @__PURE__ */ jsxs(Flex, { as: "form", onSubmit: handleSave, direction: "column", gap: 4, children: [
+        /* @__PURE__ */ jsxs(Field, { width: "300px", children: [
+          /* @__PURE__ */ jsx(FieldLabel, { children: formatMessage({
+            id: "components.Blocks.popover.text",
+            defaultMessage: "Text"
+          }) }),
+          /* @__PURE__ */ jsx(
+            FieldInput,
+            {
+              name: "text",
+              placeholder: formatMessage({
+                id: "components.Blocks.popover.text.placeholder",
+                defaultMessage: "Enter link text"
+              }),
+              value: linkText,
+              onChange: (e) => setLinkText(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Field, { width: "300px", children: [
+          /* @__PURE__ */ jsx(FieldLabel, { children: formatMessage({
+            id: "components.Blocks.popover.link",
+            defaultMessage: "Link"
+          }) }),
+          /* @__PURE__ */ jsx(
+            FieldInput,
+            {
+              name: "url",
+              placeholder: "https://strapi.io",
+              value: linkUrl,
+              onChange: (e) => setLinkUrl(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", width: "100%", gap: 2, children: [
+          /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleCancel, children: formatMessage({
+            id: "components.Blocks.popover.cancel",
+            defaultMessage: "Cancel"
+          }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !linkText || !linkUrl, children: formatMessage({
+            id: "components.Blocks.popover.save",
+            defaultMessage: "Save"
+          }) })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, alignItems: "start", width: "400px", children: [
+        /* @__PURE__ */ jsx(Typography, { children: elementText }),
+        /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(StyledBaseLink, { href: elementAsLink.url, target: "_blank", color: "primary600", children: elementAsLink.url }) }),
+        /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", width: "100%", gap: 2, children: [
+          /* @__PURE__ */ jsx(
+            TooltipCustom,
+            {
+              description: formatMessage({
+                id: "components.Blocks.popover.delete",
+                defaultMessage: "Delete"
+              }),
+              children: /* @__PURE__ */ jsx(
+                CustomButton,
+                {
+                  size: "S",
+                  width: "2rem",
+                  variant: "danger-light",
+                  onClick: () => removeLink(editor),
+                  "aria-label": formatMessage({
+                    id: "components.Blocks.popover.delete",
+                    defaultMessage: "Delete"
+                  }),
+                  type: "button",
+                  justifyContent: "center",
+                  children: /* @__PURE__ */ jsx(Icon, { width: 3, height: 3, as: Trash })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TooltipCustom,
+            {
+              description: formatMessage({
+                id: "components.Blocks.popover.edit",
+                defaultMessage: "Edit"
+              }),
+              children: /* @__PURE__ */ jsx(
+                CustomButton,
+                {
+                  size: "S",
+                  width: "2rem",
+                  variant: "tertiary",
+                  onClick: () => setIsEditing(true),
+                  "aria-label": formatMessage({
+                    id: "components.Blocks.popover.edit",
+                    defaultMessage: "Edit"
+                  }),
+                  type: "button",
+                  justifyContent: "center",
+                  children: /* @__PURE__ */ jsx(Icon, { width: 3, height: 3, as: Pencil })
+                }
+              )
+            }
+          )
+        ] })
+      ] }) })
+    ] });
+  }
+);
+const selectorBlockKeys = [
+  "paragraph",
+  "heading-one",
+  "heading-two",
+  "heading-three",
+  "heading-four",
+  "heading-five",
+  "heading-six",
+  "list-ordered",
+  "list-unordered",
+  "image",
+  "quote",
+  "code"
+];
+const isSelectorBlockKey = (key) => {
+  return typeof key === "string" && selectorBlockKeys.includes(key);
 };
 function useBlocksStore() {
   return {
@@ -3341,18 +3373,25 @@ function useBlocksStore() {
       matchNode: (node) => node.type === "paragraph",
       isInBlocksSelector: true,
       handleEnterKey(editor) {
+        if (!editor.selection) {
+          return;
+        }
         const anchorPathInitialPosition = editor.selection.anchor.path;
         Transforms.splitNodes(editor, {
           // Makes sure we always create a new node,
           // even if there's nothing to the right of the cursor in the node.
           always: true
         });
-        const [, parentBlockPath] = Editor$1.above(editor, {
-          match: (n) => n.type !== "text"
+        const parentBlockEntry = Editor$1.above(editor, {
+          match: (node) => !Editor$1.isEditor(node) && node.type !== "text"
         });
+        if (!parentBlockEntry) {
+          return;
+        }
+        const [, parentBlockPath] = parentBlockEntry;
         const isNodeEnd = Editor$1.isEnd(editor, editor.selection.anchor, parentBlockPath);
         const [fragmentedNode] = Editor$1.parent(editor, editor.selection.anchor.path);
-        Transforms.removeNodes(editor, editor.selection);
+        Transforms.removeNodes(editor);
         const hasNextNode = editor.children.length - anchorPathInitialPosition[0] > 1;
         Transforms.insertNodes(
           editor,
@@ -3493,7 +3532,7 @@ function useBlocksStore() {
       isInBlocksSelector: false
     },
     link: {
-      renderElement: (props) => /* @__PURE__ */ jsx(Link, { element: props.element, ...props.attributes, children: props.children }),
+      renderElement: (props) => /* @__PURE__ */ jsx(Link, { element: props.element, attributes: props.attributes, children: props.children }),
       value: {
         type: "link"
       },
@@ -3526,11 +3565,16 @@ function useBlocksStore() {
       matchNode: (node) => node.type === "quote",
       isInBlocksSelector: true,
       handleEnterKey(editor) {
-        const [quoteNode, quoteNodePath] = Editor$1.above(editor, {
-          match: (n) => n.type === "quote"
+        const quoteNodeEntry = Editor$1.above(editor, {
+          match: (node) => !Editor$1.isEditor(node) && node.type === "quote"
         });
+        if (!quoteNodeEntry || !editor.selection) {
+          return;
+        }
+        const [quoteNode, quoteNodePath] = quoteNodeEntry;
         const isNodeEnd = Editor$1.isEnd(editor, editor.selection.anchor, quoteNodePath);
-        const isEmptyLine = quoteNode.children.at(-1).text.endsWith("\n");
+        const lastTextNode = quoteNode.children.at(-1);
+        const isEmptyLine = isText$2(lastTextNode) && lastTextNode.text.endsWith("\n");
         if (isNodeEnd && isEmptyLine) {
           Transforms.delete(editor, { distance: 1, unit: "character", reverse: true });
           Transforms.insertNodes(editor, {
@@ -3591,7 +3635,7 @@ const InlineCode = styled.code`
   color: inherit;
 `;
 function useModifiersStore() {
-  const editor = useSlate();
+  const { editor } = useBlocksEditorContext("useModifiersStore");
   const modifiers = Editor$1.marks(editor);
   const baseCheckIsActive = (name) => {
     if (!modifiers)
@@ -3652,16 +3696,22 @@ function useModifiersStore() {
     }
   };
 }
-const getEditorStyle = (theme) => ({
+const getEntries = (object) => Object.entries(object);
+const getKeys = (object) => Object.keys(object);
+const StyledEditable = styled(Editable)`
   // The outline style is set on the wrapper with :focus-within
-  outline: "none",
-  display: "flex",
-  flexDirection: "column",
-  gap: theme.spaces[2],
-  height: "100%"
-});
+  outline: none;
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spaces[2]};
+  height: 100%;
+
+  > *:last-child {
+    padding-bottom: ${({ theme }) => theme.spaces[3]};
+  }
+`;
 const baseRenderLeaf = (props, modifiers) => {
-  const wrappedChildren = Object.entries(modifiers).reduce((currentChildren, modifierEntry) => {
+  const wrappedChildren = getEntries(modifiers).reduce((currentChildren, modifierEntry) => {
     const [name, modifier] = modifierEntry;
     if (props.leaf[name]) {
       return modifier.renderLeaf(currentChildren);
@@ -3675,17 +3725,28 @@ const baseRenderElement = (props, blocks) => {
   const block = blockMatch || blocks.paragraph;
   return block.renderElement(props);
 };
-const BlocksInput = ({ disabled, placeholder }) => {
-  const theme = useTheme();
-  const editor = useSlate();
-  const blocksRef = React.useRef();
+const BlocksContent = ({ placeholder }) => {
+  const { editor, disabled } = useBlocksEditorContext("BlocksContent");
+  const blocksRef = React.useRef(null);
   const modifiers = useModifiersStore();
-  const renderLeaf = React.useCallback((props) => baseRenderLeaf(props, modifiers), [modifiers]);
+  const renderLeaf = React.useCallback(
+    (props) => baseRenderLeaf(props, modifiers),
+    [modifiers]
+  );
   const blocks = useBlocksStore();
-  const renderElement = React.useCallback((props) => baseRenderElement(props, blocks), [blocks]);
+  const renderElement = React.useCallback(
+    (props) => baseRenderElement(props, blocks),
+    [blocks]
+  );
   const handleEnter = () => {
+    if (!editor.selection) {
+      return;
+    }
     const selectedNode = editor.children[editor.selection.anchor.path[0]];
     const selectedBlock = Object.values(blocks).find((block) => block.matchNode(selectedNode));
+    if (!selectedBlock) {
+      return;
+    }
     if (selectedBlock.handleEnterKey) {
       selectedBlock.handleEnterKey(editor);
     } else {
@@ -3693,8 +3754,14 @@ const BlocksInput = ({ disabled, placeholder }) => {
     }
   };
   const handleBackspaceEvent = (event) => {
+    if (!editor.selection) {
+      return;
+    }
     const selectedNode = editor.children[editor.selection.anchor.path[0]];
     const selectedBlock = Object.values(blocks).find((block) => block.matchNode(selectedNode));
+    if (!selectedBlock) {
+      return;
+    }
     if (selectedBlock.handleBackspaceKey) {
       selectedBlock.handleBackspaceKey(editor, event);
     }
@@ -3722,6 +3789,9 @@ const BlocksInput = ({ disabled, placeholder }) => {
   const handleScrollSelectionIntoView = (_, domRange) => {
     const domRect = domRange.getBoundingClientRect();
     const blocksInput = blocksRef.current;
+    if (!blocksInput) {
+      return;
+    }
     const editorRect = blocksInput.getBoundingClientRect();
     if (domRect.top < editorRect.top || domRect.bottom > editorRect.bottom) {
       blocksInput.scrollBy({
@@ -3742,17 +3812,14 @@ const BlocksInput = ({ disabled, placeholder }) => {
       background: "neutral0",
       color: "neutral800",
       lineHeight: 6,
-      hasRadius: true,
       paddingLeft: 4,
       paddingRight: 4,
-      marginTop: 3,
-      marginBottom: 3,
+      paddingTop: 3,
       children: /* @__PURE__ */ jsx(
-        Editable,
+        StyledEditable,
         {
           readOnly: disabled,
           placeholder,
-          style: getEditorStyle(theme),
           renderElement,
           renderLeaf,
           onKeyDown: handleKeyDown,
@@ -3762,77 +3829,6 @@ const BlocksInput = ({ disabled, placeholder }) => {
     }
   );
 };
-BlocksInput.defaultProps = {
-  placeholder: null
-};
-BlocksInput.propTypes = {
-  disabled: PropTypes.bool.isRequired,
-  placeholder: PropTypes.string
-};
-const withLinks = (editor) => {
-  const { isInline, apply, insertText: insertText2, insertData } = editor;
-  editor.isInline = (element) => {
-    return element.type === "link" ? true : isInline(element);
-  };
-  editor.lastInsertedLinkPath = null;
-  editor.apply = (operation) => {
-    if (operation.type === "insert_node") {
-      if (operation.node.type === "link") {
-        editor.lastInsertedLinkPath = operation.path;
-      }
-    } else if (operation.type === "move_node") {
-      if (Path.hasPrevious(operation.path)) {
-        editor.lastInsertedLinkPath = Path.transform(editor.lastInsertedLinkPath, operation);
-      }
-    }
-    apply(operation);
-  };
-  editor.insertText = (text) => {
-    if (Range.isCollapsed(editor.selection) && text === " ") {
-      const linksInSelection = Array.from(
-        Editor$1.nodes(editor, { at: editor.selection, match: (node) => node.type === "link" })
-      );
-      const selectionIsInLink = editor.selection && linksInSelection.length > 0;
-      const selectionIsAtEndOfLink = selectionIsInLink && Point.equals(editor.selection.anchor, Editor$1.end(editor, linksInSelection[0][1]));
-      if (selectionIsAtEndOfLink) {
-        Transforms.insertNodes(
-          editor,
-          { text: " ", type: "text" },
-          { at: Path.next(linksInSelection[0][1]), select: true }
-        );
-        return;
-      }
-    }
-    insertText2(text);
-  };
-  editor.insertData = (data) => {
-    const pastedText = data.getData("text/plain");
-    if (pastedText) {
-      try {
-        new URL(pastedText);
-        insertLink(editor, { url: pastedText });
-        return;
-      } catch (error) {
-      }
-    }
-    insertData(data);
-  };
-  return editor;
-};
-const withStrapiSchema = (editor) => {
-  const { normalizeNode } = editor;
-  editor.normalizeNode = (entry) => {
-    const [node, path] = entry;
-    if (!Element.isElement(node)) {
-      if (node.type !== "text") {
-        Transforms.setNodes(editor, { type: "text" }, { at: path });
-        return;
-      }
-    }
-    normalizeNode(entry);
-  };
-  return editor;
-};
 const ToolbarWrapper = styled(Flex)`
   &[aria-disabled='true'] {
     cursor: not-allowed;
@@ -3843,7 +3839,7 @@ const Separator = styled(Toolbar.Separator)`
   width: 1px;
   height: ${pxToRem(24)};
 `;
-const FlexButton = styled(Flex).attrs({ as: "button" })`
+const FlexButton = styled(Flex)`
   // Inherit the not-allowed cursor from ToolbarWrapper when disabled
   &[aria-disabled] {
     cursor: inherit;
@@ -3883,8 +3879,15 @@ const SelectWrapper = styled(Box)`
     }
   }
 `;
-const ToolbarButton = ({ icon, name, label, isActive, disabled, handleClick }) => {
-  const editor = useSlate();
+const ToolbarButton = ({
+  icon,
+  name,
+  label,
+  isActive,
+  disabled,
+  handleClick
+}) => {
+  const { editor } = useBlocksEditorContext("ToolbarButton");
   const { formatMessage } = useIntl();
   const labelMessage = formatMessage(label);
   const enabledColor = isActive ? "primary600" : "neutral600";
@@ -3904,6 +3907,7 @@ const ToolbarButton = ({ icon, name, label, isActive, disabled, handleClick }) =
       children: /* @__PURE__ */ jsx(
         FlexButton,
         {
+          as: "button",
           disabled,
           background: isActive ? "primary100" : "",
           alignItems: "center",
@@ -3922,38 +3926,26 @@ const ToolbarButton = ({ icon, name, label, isActive, disabled, handleClick }) =
     }
   ) });
 };
-ToolbarButton.propTypes = {
-  icon: PropTypes.elementType.isRequired,
-  name: PropTypes.string.isRequired,
-  label: PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    defaultMessage: PropTypes.string.isRequired
-  }).isRequired,
-  isActive: PropTypes.bool.isRequired,
-  disabled: PropTypes.bool.isRequired,
-  handleClick: PropTypes.func.isRequired
-};
 const toggleBlock = (editor, value) => {
-  const { type, level, format } = value;
+  if (!value.type) {
+    throw new Error("The block type is required");
+  }
   const blockProperties = {
-    type,
-    level: level || null,
-    format: format || null
+    type: value.type,
+    level: value.level || null,
+    format: value.format || null
   };
   if (editor.selection) {
     Transforms.unwrapNodes(editor, {
-      match: (node) => node.type === "list",
+      match: (node) => !Editor$1.isEditor(node) && node.type === "list",
       split: true
     });
     Transforms.setNodes(editor, blockProperties);
   } else {
     const [, lastNodePath] = Editor$1.last(editor, []);
-    const [parentNode] = Editor$1.parent(editor, lastNodePath, {
-      // Makes sure we get a block node, not an inline node
-      match: (node) => node.type !== "text"
-    });
+    const [parentNode] = Editor$1.parent(editor, lastNodePath);
     Transforms.removeNodes(editor, {
-      void: true,
+      voids: true,
       hanging: true,
       at: {
         anchor: { path: lastNodePath, offset: 0 },
@@ -3992,43 +3984,52 @@ const IMAGE_SCHEMA_FIELDS = [
   "createdAt",
   "updatedAt"
 ];
-const pick = (object, imageSchemaFields) => {
-  return Object.keys(object).reduce((acc, key) => {
-    if (imageSchemaFields.includes(key)) {
-      acc[key] = object[key];
-    }
-    return acc;
-  }, {});
+const pick = (object, keys) => {
+  const entries = keys.map((key) => [key, object[key]]);
+  return Object.fromEntries(entries);
 };
 const ImageDialog = ({ handleClose }) => {
-  const editor = useSlate();
+  const { editor } = useBlocksEditorContext("ImageDialog");
   const { components } = useLibrary();
+  if (!components)
+    return null;
   const MediaLibraryDialog = components["media-library"];
   const insertImages = (images) => {
     Transforms.unwrapNodes(editor, {
-      match: (node) => node.type === "list",
+      match: (node) => !Editor$1.isEditor(node) && node.type === "list",
       split: true
     });
-    const [, pathToInsert] = Editor$1.above(editor, {
+    const nodeEntryBeingReplaced = Editor$1.above(editor, {
       match(node) {
+        if (Editor$1.isEditor(node))
+          return false;
         const isInlineNode = ["text", "link"].includes(node.type);
         return !isInlineNode;
       }
     });
+    if (!nodeEntryBeingReplaced)
+      return;
+    const [, pathToInsert] = nodeEntryBeingReplaced;
     Transforms.removeNodes(editor);
     const nodesToInsert = images.map((image) => {
-      return { type: "image", image, children: [{ type: "text", text: "" }] };
+      const imageNode = {
+        type: "image",
+        image,
+        children: [{ type: "text", text: "" }]
+      };
+      return imageNode;
     });
     Transforms.insertNodes(editor, nodesToInsert, { at: pathToInsert });
   };
   const handleSelectAssets = (images) => {
     const formattedImages = images.map((image) => {
       const expectedImage = pick(image, IMAGE_SCHEMA_FIELDS);
-      return {
+      const nodeImage = {
         ...expectedImage,
         alternativeText: expectedImage.alternativeText || expectedImage.name,
         url: prefixFileUrlWithBackendUrl(image.url)
       };
+      return nodeImage;
     });
     insertImages(formattedImages);
     if (isLastBlockType(editor, "image")) {
@@ -4045,16 +4046,13 @@ const ImageDialog = ({ handleClose }) => {
     }
   );
 };
-ImageDialog.propTypes = {
-  handleClose: PropTypes.func.isRequired
-};
 const isLastBlockType = (editor, type) => {
   const { selection } = editor;
   if (!selection)
     return false;
   const [currentBlock] = Editor$1.nodes(editor, {
     at: selection,
-    match: (n) => n.type === type
+    match: (node) => !Editor$1.isEditor(node) && node.type === type
   });
   if (currentBlock) {
     const [, currentNodePath] = currentBlock;
@@ -4073,20 +4071,26 @@ const insertEmptyBlockAtLast = (editor) => {
     { at: [editor.children.length] }
   );
 };
-const BlocksDropdown = ({ disabled }) => {
-  const editor = useSlate();
+const BlocksDropdown = () => {
+  const { editor, disabled } = useBlocksEditorContext("BlocksDropdown");
   const { formatMessage } = useIntl();
   const [isMediaLibraryVisible, setIsMediaLibraryVisible] = React.useState(false);
   const blocks = useBlocksStore();
-  const blockKeysToInclude = Object.entries(blocks).reduce((currentKeys, entry) => {
+  const blockKeysToInclude = getEntries(blocks).reduce((currentKeys, entry) => {
     const [key, block] = entry;
     return block.isInBlocksSelector ? [...currentKeys, key] : currentKeys;
   }, []);
-  const [blockSelected, setBlockSelected] = React.useState(Object.keys(blocks)[0]);
+  const [blockSelected, setBlockSelected] = React.useState("paragraph");
   const selectOption = (optionKey) => {
+    if (!isSelectorBlockKey(optionKey)) {
+      return;
+    }
     if (["list-ordered", "list-unordered"].includes(optionKey)) {
-      const listFormat = blocks[optionKey].value.format;
-      const isActive = isListActive(editor, blocks[optionKey].matchNode);
+      const listFormat = blocks[optionKey].value?.format;
+      const isActive = isListActive(
+        editor,
+        (node) => !Editor$1.isEditor(node) && !isText$1(node) && blocks[optionKey].matchNode(node)
+      );
       toggleList(editor, isActive, listFormat);
     } else if (optionKey !== "image") {
       toggleBlock(editor, blocks[optionKey].value);
@@ -4106,8 +4110,8 @@ const BlocksDropdown = ({ disabled }) => {
         edge: "start",
         depth: 2
       });
-      const anchorBlockKey = Object.keys(blocks).find(
-        (blockKey) => blocks[blockKey].matchNode(anchorNode)
+      const anchorBlockKey = getKeys(blocks).find(
+        (blockKey) => !Editor$1.isEditor(anchorNode) && blocks[blockKey].matchNode(anchorNode)
       );
       if (anchorBlockKey && anchorBlockKey !== blockSelected) {
         setBlockSelected(anchorBlockKey);
@@ -4120,7 +4124,7 @@ const BlocksDropdown = ({ disabled }) => {
       {
         startIcon: /* @__PURE__ */ jsx(Icon, { as: blocks[blockSelected].icon }),
         onChange: selectOption,
-        placeholder: blocks[blockSelected].label,
+        placeholder: formatMessage(blocks[blockSelected].label),
         value: blockSelected,
         onCloseAutoFocus: preventSelectFocus,
         "aria-label": formatMessage({
@@ -4143,9 +4147,6 @@ const BlocksDropdown = ({ disabled }) => {
     isMediaLibraryVisible && /* @__PURE__ */ jsx(ImageDialog, { handleClose: () => setIsMediaLibraryVisible(false) })
   ] });
 };
-BlocksDropdown.propTypes = {
-  disabled: PropTypes.bool.isRequired
-};
 const BlockOption = ({ value, icon, label, blockSelected }) => {
   const { formatMessage } = useIntl();
   const isSelected = value === blockSelected;
@@ -4158,17 +4159,11 @@ const BlockOption = ({ value, icon, label, blockSelected }) => {
     }
   );
 };
-BlockOption.propTypes = {
-  icon: PropTypes.elementType.isRequired,
-  value: PropTypes.string.isRequired,
-  label: PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    defaultMessage: PropTypes.string.isRequired
-  }).isRequired,
-  blockSelected: PropTypes.string.isRequired
+const isText$1 = (node) => {
+  return Node.isNode(node) && !Editor$1.isEditor(node) && node.type === "text";
 };
 const isListNode = (node) => {
-  return !Editor$1.isEditor(node) && Element.isElement(node) && node.type === "list";
+  return Node.isNode(node) && !Editor$1.isEditor(node) && node.type === "list";
 };
 const isListActive = (editor, matchNode) => {
   const { selection } = editor;
@@ -4197,12 +4192,9 @@ const toggleList = (editor, isActive, format) => {
     }
   } else {
     const [, lastNodePath] = Editor$1.last(editor, []);
-    const [parentNode] = Editor$1.parent(editor, lastNodePath, {
-      // Makes sure we get a block node, not an inline node
-      match: (node) => node.type !== "text"
-    });
+    const [parentNode] = Editor$1.parent(editor, lastNodePath);
     Transforms.removeNodes(editor, {
-      void: true,
+      voids: true,
       hanging: true,
       at: {
         anchor: { path: lastNodePath, offset: 0 },
@@ -4226,15 +4218,14 @@ const toggleList = (editor, isActive, format) => {
     }
   }
 };
-const ListButton = ({ block, disabled }) => {
-  const editor = useSlate();
-  const {
-    icon,
-    matchNode,
-    value: { format },
-    label
-  } = block;
-  const isActive = isListActive(editor, matchNode);
+const ListButton = ({ block }) => {
+  const { editor, disabled } = useBlocksEditorContext("ListButton");
+  const { icon, matchNode, value, label } = block;
+  const { format } = value;
+  const isActive = isListActive(
+    editor,
+    (node) => !Editor$1.isEditor(node) && node.type !== "text" && matchNode(node)
+  );
   return /* @__PURE__ */ jsx(
     ToolbarButton,
     {
@@ -4247,22 +4238,8 @@ const ListButton = ({ block, disabled }) => {
     }
   );
 };
-ListButton.propTypes = {
-  block: PropTypes.shape({
-    icon: PropTypes.elementType.isRequired,
-    matchNode: PropTypes.func.isRequired,
-    value: PropTypes.shape({
-      format: PropTypes.string.isRequired
-    }).isRequired,
-    label: PropTypes.shape({
-      id: PropTypes.string.isRequired,
-      defaultMessage: PropTypes.string.isRequired
-    }).isRequired
-  }).isRequired,
-  disabled: PropTypes.bool.isRequired
-};
 const LinkButton = ({ disabled }) => {
-  const editor = useSlate();
+  const { editor } = useBlocksEditorContext("LinkButton");
   const isLinkActive = () => {
     const { selection } = editor;
     if (!selection)
@@ -4284,12 +4261,15 @@ const LinkButton = ({ disabled }) => {
     }
     const anchorNodeEntry = Editor$1.above(editor, {
       at: editor.selection.anchor,
-      match: (node) => node.type !== "text"
+      match: (node) => !Editor$1.isEditor(node) && node.type !== "text"
     });
     const focusNodeEntry = Editor$1.above(editor, {
       at: editor.selection.focus,
-      match: (node) => node.type !== "text"
+      match: (node) => !Editor$1.isEditor(node) && node.type !== "text"
     });
+    if (!anchorNodeEntry || !focusNodeEntry) {
+      return false;
+    }
     return anchorNodeEntry[0] !== focusNodeEntry[0];
   };
   const addLink = () => {
@@ -4310,13 +4290,10 @@ const LinkButton = ({ disabled }) => {
     }
   );
 };
-LinkButton.propTypes = {
-  disabled: PropTypes.bool.isRequired
-};
-const BlocksToolbar = ({ disabled }) => {
+const BlocksToolbar = () => {
   const modifiers = useModifiersStore();
   const blocks = useBlocksStore();
-  const editor = useSlate();
+  const { editor, disabled } = useBlocksEditorContext("BlocksToolbar");
   const checkButtonDisabled = () => {
     if (disabled) {
       return true;
@@ -4332,7 +4309,7 @@ const BlocksToolbar = ({ disabled }) => {
   };
   const isButtonDisabled = checkButtonDisabled();
   return /* @__PURE__ */ jsx(Toolbar.Root, { "aria-disabled": disabled, asChild: true, children: /* @__PURE__ */ jsxs(ToolbarWrapper, { gap: 2, padding: 2, children: [
-    /* @__PURE__ */ jsx(BlocksDropdown, { disabled }),
+    /* @__PURE__ */ jsx(BlocksDropdown, {}),
     /* @__PURE__ */ jsx(Separator, {}),
     /* @__PURE__ */ jsx(Toolbar.ToggleGroup, { type: "multiple", asChild: true, children: /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
       Object.entries(modifiers).map(([name, modifier]) => /* @__PURE__ */ jsx(
@@ -4351,32 +4328,91 @@ const BlocksToolbar = ({ disabled }) => {
     ] }) }),
     /* @__PURE__ */ jsx(Separator, {}),
     /* @__PURE__ */ jsx(Toolbar.ToggleGroup, { type: "single", asChild: true, children: /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
-      /* @__PURE__ */ jsx(ListButton, { block: blocks["list-unordered"], disabled }),
-      /* @__PURE__ */ jsx(ListButton, { block: blocks["list-ordered"], disabled })
+      /* @__PURE__ */ jsx(ListButton, { block: blocks["list-unordered"] }),
+      /* @__PURE__ */ jsx(ListButton, { block: blocks["list-ordered"] })
     ] }) })
   ] }) });
 };
-BlocksToolbar.propTypes = {
-  disabled: PropTypes.bool.isRequired
+const withLinks = (editor) => {
+  const { isInline, apply, insertText: insertText2, insertData } = editor;
+  editor.isInline = (element) => {
+    return element.type === "link" ? true : isInline(element);
+  };
+  editor.lastInsertedLinkPath = null;
+  editor.apply = (operation) => {
+    if (operation.type === "insert_node") {
+      if (!Editor$1.isEditor(operation.node) && operation.node.type === "link") {
+        editor.lastInsertedLinkPath = operation.path;
+      }
+    } else if (operation.type === "move_node") {
+      if (Path.hasPrevious(operation.path) && editor.lastInsertedLinkPath) {
+        editor.lastInsertedLinkPath = Path.transform(editor.lastInsertedLinkPath, operation);
+      }
+    }
+    apply(operation);
+  };
+  editor.insertText = (text) => {
+    if (editor.selection && Range.isCollapsed(editor.selection) && text === " ") {
+      const linksInSelection = Array.from(
+        Editor$1.nodes(editor, {
+          at: editor.selection,
+          match: (node) => !Editor$1.isEditor(node) && node.type === "link"
+        })
+      );
+      const selectionIsInLink = editor.selection && linksInSelection.length > 0;
+      const selectionIsAtEndOfLink = selectionIsInLink && Point.equals(editor.selection.anchor, Editor$1.end(editor, linksInSelection[0][1]));
+      if (selectionIsAtEndOfLink) {
+        Transforms.insertNodes(
+          editor,
+          { text: " ", type: "text" },
+          { at: Path.next(linksInSelection[0][1]), select: true }
+        );
+        return;
+      }
+    }
+    insertText2(text);
+  };
+  editor.insertData = (data) => {
+    const pastedText = data.getData("text/plain");
+    if (pastedText) {
+      try {
+        new URL(pastedText);
+        insertLink(editor, { url: pastedText });
+        return;
+      } catch (error) {
+      }
+    }
+    insertData(data);
+  };
+  return editor;
+};
+const isText = (node) => {
+  return Node.isNode(node) && !Editor$1.isEditor(node) && node.type === "text";
 };
-const TypographyAsterisk$1 = styled(Typography)`
-  line-height: 0;
-`;
-const LabelAction$2 = styled(Box)`
-  svg path {
-    fill: ${({ theme }) => theme.colors.neutral500};
-  }
-`;
-const EditorDivider = styled(Divider)`
-  background: ${({ theme }) => theme.colors.neutral200};
-`;
-const withImages = (editor) => {
-  const { isVoid } = editor;
-  editor.isVoid = (element) => {
-    return element.type === "image" ? true : isVoid(element);
+const withStrapiSchema = (editor) => {
+  const { normalizeNode } = editor;
+  editor.normalizeNode = (entry) => {
+    const [node, path] = entry;
+    if (!Element.isElement(node) && !isText(node)) {
+      Transforms.setNodes(editor, { type: "text" }, { at: path });
+      return;
+    }
+    normalizeNode(entry);
   };
   return editor;
 };
+const [BlocksEditorProvider, usePartialBlocksEditorContext] = createContext$1("BlocksEditor");
+function useBlocksEditorContext(consumerName) {
+  const context = usePartialBlocksEditorContext(consumerName);
+  const editor = useSlate();
+  return {
+    ...context,
+    editor
+  };
+}
+const EditorDivider = styled(Divider)`
+  background: ${({ theme }) => theme.colors.neutral200};
+`;
 function useResetKey(value) {
   const slateUpdatesCount = React.useRef(0);
   const valueUpdatesCount = React.useRef(0);
@@ -4390,20 +4426,23 @@ function useResetKey(value) {
   }, [value]);
   return { key, incrementSlateUpdatesCount: () => slateUpdatesCount.current += 1 };
 }
+const withImages = (editor) => {
+  const { isVoid } = editor;
+  editor.isVoid = (element) => {
+    return element.type === "image" ? true : isVoid(element);
+  };
+  return editor;
+};
 const pipe = (...fns) => (value) => fns.reduce((prev, fn) => fn(prev), value);
 const BlocksEditor = React.forwardRef(
-  ({ intlLabel, labelAction, name, disabled, required, error, value, onChange, placeholder, hint }, ref) => {
+  ({ disabled = false, name, placeholder, onChange, value, error }, forwardedRef) => {
     const { formatMessage } = useIntl();
     const [editor] = React.useState(
       () => pipe(withHistory, withImages, withStrapiSchema, withReact, withLinks)(createEditor())
     );
-    const label = intlLabel.id ? formatMessage(
-      { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },
-      { ...intlLabel.values }
-    ) : name;
-    const formattedPlaceholder = placeholder ? formatMessage({ id: placeholder.id, defaultMessage: placeholder.defaultMessage }) : null;
+    const formattedPlaceholder = placeholder && formatMessage({ id: placeholder.id, defaultMessage: placeholder.defaultMessage });
     React.useImperativeHandle(
-      ref,
+      forwardedRef,
       () => ({
         focus() {
           ReactEditor.focus(editor);
@@ -4417,67 +4456,64 @@ const BlocksEditor = React.forwardRef(
       if (isAstChange) {
         incrementSlateUpdatesCount();
         onChange({
+          // Casting is needed because Slate's onChange type doesn't take into consideration
+          // that we set Editor['children'] to Attribute.BlocksValue in custom.d.ts
           target: { name, value: state, type: "blocks" }
         });
       }
     };
+    return /* @__PURE__ */ jsx(
+      Slate,
+      {
+        editor,
+        initialValue: value || [{ type: "paragraph", children: [{ type: "text", text: "" }] }],
+        onChange: handleSlateChange,
+        children: /* @__PURE__ */ jsx(BlocksEditorProvider, { disabled, children: /* @__PURE__ */ jsxs(
+          InputWrapper,
+          {
+            direction: "column",
+            alignItems: "flex-start",
+            height: "512px",
+            disabled,
+            hasError: Boolean(error),
+            style: { overflow: "hidden" },
+            children: [
+              /* @__PURE__ */ jsx(BlocksToolbar, {}),
+              /* @__PURE__ */ jsx(EditorDivider, { width: "100%" }),
+              /* @__PURE__ */ jsx(BlocksContent, { placeholder: formattedPlaceholder })
+            ]
+          }
+        ) })
+      },
+      key
+    );
+  }
+);
+const LabelAction$2 = styled(Box)`
+  svg path {
+    fill: ${({ theme }) => theme.colors.neutral500};
+  }
+`;
+const BlocksInput = React.forwardRef(
+  ({ intlLabel, labelAction, name, required = false, error = "", hint = null, ...editorProps }, forwardedRef) => {
+    const { formatMessage } = useIntl();
+    const label = intlLabel.id ? formatMessage(intlLabel) : name;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
         /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
           /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: [
             label,
-            required && /* @__PURE__ */ jsx(TypographyAsterisk$1, { textColor: "danger600", children: "*" })
+            required && /* @__PURE__ */ jsx(Typography, { textColor: "danger600", lineHeight: "0px", children: "*" })
           ] }),
           labelAction && /* @__PURE__ */ jsx(LabelAction$2, { paddingLeft: 1, children: labelAction })
         ] }),
-        /* @__PURE__ */ jsx(
-          Slate,
-          {
-            editor,
-            initialValue: value || [{ type: "paragraph", children: [{ type: "text", text: "" }] }],
-            onChange: handleSlateChange,
-            children: /* @__PURE__ */ jsxs(InputWrapper, { direction: "column", alignItems: "flex-start", height: "512px", children: [
-              /* @__PURE__ */ jsx(BlocksToolbar, { disabled }),
-              /* @__PURE__ */ jsx(EditorDivider, { width: "100%" }),
-              /* @__PURE__ */ jsx(BlocksInput, { disabled, placeholder: formattedPlaceholder })
-            ] })
-          },
-          key
-        ),
+        /* @__PURE__ */ jsx(BlocksEditor, { name, error, ref: forwardedRef, ...editorProps }),
         /* @__PURE__ */ jsx(Hint, { hint, name, error })
       ] }),
       error && /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", "data-strapi-field-error": true, children: error }) })
     ] });
   }
 );
-BlocksEditor.defaultProps = {
-  labelAction: null,
-  disabled: false,
-  required: false,
-  error: "",
-  value: null,
-  placeholder: null,
-  hint: null
-};
-BlocksEditor.propTypes = {
-  intlLabel: PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    defaultMessage: PropTypes.string.isRequired,
-    values: PropTypes.object
-  }).isRequired,
-  labelAction: PropTypes.element,
-  name: PropTypes.string.isRequired,
-  required: PropTypes.bool,
-  disabled: PropTypes.bool,
-  error: PropTypes.string,
-  onChange: PropTypes.func.isRequired,
-  value: PropTypes.array,
-  placeholder: PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    defaultMessage: PropTypes.string.isRequired
-  }),
-  hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array])
-};
 const FieldActionWrapper = styled(FieldAction)`
   svg {
     height: 1rem;
@@ -4984,7 +5020,7 @@ const useRelation = (cacheKey, { relation, search }) => {
     setSearchParams({
       ...options2,
       _q: term,
-      _filter: "$startsWithi"
+      _filter: "$containsi"
     });
   };
   return { relations: relationsRes, search: searchRes, searchFor };
@@ -5344,7 +5380,7 @@ const RelationInput = ({
   }, [paginatedRelations, relations, numberOfRelationsToDisplay, totalNumberOfRelations]);
   const handleMenuOpen = (isOpen) => {
     if (isOpen) {
-      onSearch();
+      onSearch(textValue);
     }
   };
   const handleUpdatePositionOfRelation = (newIndex, currentIndex) => {
@@ -5385,7 +5421,7 @@ const RelationInput = ({
             Combobox,
             {
               ref: fieldRef,
-              autocomplete: "list",
+              autocomplete: "none",
               error,
               name,
               hint: description,
@@ -7744,7 +7780,7 @@ function Inputs({
     uid: InputUID,
     media: fields.media,
     wysiwyg: Wysiwyg,
-    blocks: BlocksEditor,
+    blocks: BlocksInput,
     ...fields,
     ...customFieldInputs
   };
@@ -11117,7 +11153,7 @@ const EditView = ({ allowedActions, isSingleType, goBack, slug, id, origin, user
   const toggleNotification = useNotification();
   const Information2 = useEnterprise(
     InformationBoxCE,
-    async () => (await import("./index-1ebd9d8c.mjs")).InformationBoxEE
+    async () => (await import("./index-1d2a74ca.mjs")).InformationBoxEE
   );
   useOnce(() => {
     if (location?.state && "error" in location.state) {
@@ -13963,7 +13999,7 @@ function ListView({ canCreate, canDelete, canRead, canPublish, layout, slug }) {
   const hasReviewWorkflows = options2?.reviewWorkflows ?? false;
   const reviewWorkflowColumns = useEnterprise(
     REVIEW_WORKFLOW_COLUMNS_CE,
-    async () => (await import("./constants-db792b94.mjs")).REVIEW_WORKFLOW_COLUMNS_EE,
+    async () => (await import("./constants-481b3914.mjs")).REVIEW_WORKFLOW_COLUMNS_EE,
     {
       enabled: !!options2?.reviewWorkflows
     }
@@ -13971,7 +14007,7 @@ function ListView({ canCreate, canDelete, canRead, canPublish, layout, slug }) {
   const ReviewWorkflowsColumns = useEnterprise(
     REVIEW_WORKFLOW_COLUMNS_CELL_CE,
     async () => {
-      const { ReviewWorkflowsStageEE, ReviewWorkflowsAssigneeEE } = await import("./index-56b499fb.mjs");
+      const { ReviewWorkflowsStageEE, ReviewWorkflowsAssigneeEE } = await import("./index-98221317.mjs");
       return { ReviewWorkflowsStageEE, ReviewWorkflowsAssigneeEE };
     },
     {
@@ -13980,7 +14016,7 @@ function ListView({ canCreate, canDelete, canRead, canPublish, layout, slug }) {
   );
   const reviewWorkflowFilter = useEnterprise(
     REVIEW_WORKFLOW_FILTER_CE,
-    async () => (await import("./constants-1d345364.mjs")).REVIEW_WORKFLOW_FILTERS,
+    async () => (await import("./constants-8bdc91a9.mjs")).REVIEW_WORKFLOW_FILTERS,
     {
       combine(ceFilters, eeFilters) {
         return [
@@ -15281,4 +15317,4 @@ export {
   getDisplayName as g,
   index$1 as i
 };
-//# sourceMappingURL=index-81509193.mjs.map
+//# sourceMappingURL=index-c0f59e46.mjs.map