@strapi/content-manager 0.0.0-experimental.68e9a4cd6745e351ad90cd57447ce36d35fccf64 → 0.0.0-experimental.691d2b5196cc7faea5a7c4d25476984d37d7c3a4

package/dist/_chunks/{Field-BZxzYf1x.mjs → Field-OWmo5QQW.mjs}

@@ -5,18 +5,69 @@ import { useStrapiApp, createContext, useField, useNotification, useForm, useAPI
 import { Box, SingleSelect, SingleSelectOption, Typography, Flex, BaseLink, Button, Popover, Field, Tooltip, IconButton, useComposedRefs, Portal, FocusTrap, Divider, VisuallyHidden, Grid as Grid$1, Accordion, TextButton, TextInput, IconButtonGroup, Menu, MenuItem } from "@strapi/design-system";
 import pipe$1 from "lodash/fp/pipe";
 import { useIntl } from "react-intl";
-import { m as DOCUMENT_META_FIELDS, g as getTranslation, c as useDoc, e as contentManagerApi, n as CLONE_PATH, d as buildValidParams, f as useDocumentRBAC, S as SINGLE_TYPES, o as useDocLayout } from "./index-BLPa8Dq-.mjs";
+import { m as DOCUMENT_META_FIELDS, g as getTranslation, c as useDoc, e as contentManagerApi, n as CLONE_PATH, d as buildValidParams, f as useDocumentRBAC, S as SINGLE_TYPES, o as useDocLayout } from "./index-ChZpuvhX.mjs";
 import { generateNKeysBetween } from "fractional-indexing";
-import { u as useComponent, C as ComponentProvider, M as MemoizedRelationsField } from "./Relations-5k27Rh54.mjs";
+import { u as useComponent, C as ComponentProvider, M as MemoizedRelationsField } from "./Relations-7-hdL6ij.mjs";
 import { CodeBlock as CodeBlock$1, HeadingOne, HeadingTwo, HeadingThree, HeadingFour, HeadingFive, HeadingSix, Image as Image$1, NumberList, BulletList, Paragraph, Quotes, Link as Link$1, Drag, Collapse, Bold, Italic, Underline, StrikeThrough, Code, Expand, PlusCircle, Plus, Trash, EyeStriked, CheckCircle, WarningCircle, Loader, ArrowClockwise, More } from "@strapi/icons";
 import { styled, css, keyframes } from "styled-components";
 import { C as ComponentIcon, a as COMPONENT_ICONS } from "./ComponentIcon-u4bIXTFY.mjs";
 import { getEmptyImage } from "react-dnd-html5-backend";
-import { a as DIRECTIONS, u as useDragAndDrop, I as ItemTypes } from "./useDragAndDrop-DdHgKsqq.mjs";
+import { a as DIRECTIONS, u as useDragAndDrop, I as ItemTypes } from "./useDragAndDrop-DJ6jqvZN.mjs";
 import { g as getIn } from "./objects-D6yBsdmx.mjs";
 import { Editor as Editor$1, Transforms, Node, Element, Range, Path, Point, createEditor } from "slate";
 import { withHistory } from "slate-history";
 import { useFocused, useSelected, ReactEditor, Editable, useSlate, Slate, withReact } from "slate-react";
+import * as Prism from "prismjs";
+import "prismjs/themes/prism-solarizedlight.css";
+import "prismjs/components/prism-asmatmel";
+import "prismjs/components/prism-bash";
+import "prismjs/components/prism-basic";
+import "prismjs/components/prism-c";
+import "prismjs/components/prism-clojure";
+import "prismjs/components/prism-cobol";
+import "prismjs/components/prism-cpp";
+import "prismjs/components/prism-csharp";
+import "prismjs/components/prism-dart";
+import "prismjs/components/prism-docker";
+import "prismjs/components/prism-elixir";
+import "prismjs/components/prism-erlang";
+import "prismjs/components/prism-fortran";
+import "prismjs/components/prism-fsharp";
+import "prismjs/components/prism-go";
+import "prismjs/components/prism-graphql";
+import "prismjs/components/prism-groovy";
+import "prismjs/components/prism-haskell";
+import "prismjs/components/prism-haxe";
+import "prismjs/components/prism-ini";
+import "prismjs/components/prism-java";
+import "prismjs/components/prism-javascript";
+import "prismjs/components/prism-jsx";
+import "prismjs/components/prism-json";
+import "prismjs/components/prism-julia";
+import "prismjs/components/prism-kotlin";
+import "prismjs/components/prism-latex";
+import "prismjs/components/prism-lua";
+import "prismjs/components/prism-markdown";
+import "prismjs/components/prism-matlab";
+import "prismjs/components/prism-makefile";
+import "prismjs/components/prism-objectivec";
+import "prismjs/components/prism-perl";
+import "prismjs/components/prism-php";
+import "prismjs/components/prism-powershell";
+import "prismjs/components/prism-python";
+import "prismjs/components/prism-r";
+import "prismjs/components/prism-ruby";
+import "prismjs/components/prism-rust";
+import "prismjs/components/prism-sas";
+import "prismjs/components/prism-scala";
+import "prismjs/components/prism-scheme";
+import "prismjs/components/prism-sql";
+import "prismjs/components/prism-stata";
+import "prismjs/components/prism-swift";
+import "prismjs/components/prism-typescript";
+import "prismjs/components/prism-tsx";
+import "prismjs/components/prism-vbnet";
+import "prismjs/components/prism-yaml";
 import { p as prefixFileUrlWithBackendUrl, u as usePrev, a as useDebounce } from "./useDebounce-DmuSJIF3.mjs";
 import * as Toolbar from "@radix-ui/react-toolbar";
 import { useLocation, useMatch } from "react-router-dom";
@@ -163,7 +214,8 @@ const useLazyComponents = (componentUids = []) => {
 const codeLanguages = [
   {
     value: "asm",
-    label: "Assembly"
+    label: "Assembly",
+    decorate: "asmatmel"
   },
   {
     value: "bash",
@@ -199,7 +251,8 @@ const codeLanguages = [
   },
   {
     value: "dockerfile",
-    label: "Dockerfile"
+    label: "Dockerfile",
+    decorate: "docker"
   },
   {
     value: "elixir",
@@ -355,7 +408,8 @@ const codeLanguages = [
   },
   {
     value: "typescript",
-    label: "TypeScript"
+    label: "TypeScript",
+    decorate: "ts"
   },
   {
     value: "tsx",
@@ -371,7 +425,8 @@ const codeLanguages = [
   },
   {
     value: "yaml",
-    label: "YAML"
+    label: "YAML",
+    decorate: "yml"
   }
 ];
 const baseHandleConvert = (editor, attributesToSet) => {
@@ -437,6 +492,29 @@ const pressEnterTwiceToExit = (editor) => {
     });
   }
 };
+const decorateCode = ([node, path]) => {
+  const ranges = [];
+  if (!Element.isElement(node) || node.type !== "code") return ranges;
+  const text = Node.string(node);
+  const language = codeLanguages.find((lang) => lang.value === node.language);
+  const decorateKey = language?.decorate ?? language?.value;
+  const selectedLanguage = Prism.languages[decorateKey || "plaintext"];
+  const tokens = Prism.tokenize(text, selectedLanguage);
+  let start = 0;
+  for (const token of tokens) {
+    const length = token.length;
+    const end = start + length;
+    if (typeof token !== "string") {
+      ranges.push({
+        anchor: { path, offset: start },
+        focus: { path, offset: end },
+        className: `token ${token.type}`
+      });
+    }
+    start = end;
+  }
+  return ranges;
+};
 const CodeBlock = styled.pre`
   border-radius: ${({ theme }) => theme.borderRadius};
   background-color: ${({ theme }) => theme.colors.neutral100};
@@ -697,8 +775,7 @@ const ImageDialog = () => {
   const [isOpen, setIsOpen] = React.useState(true);
   const { editor } = useBlocksEditorContext("ImageDialog");
   const components = useStrapiApp("ImageDialog", (state) => state.components);
-  if (!components || !isOpen)
-    return null;
+  if (!components || !isOpen) return null;
   const MediaLibraryDialog = components["media-library"];
   const insertImages = (images) => {
     Transforms.unwrapNodes(editor, {
@@ -707,14 +784,12 @@ const ImageDialog = () => {
     });
     const nodeEntryBeingReplaced = Editor$1.above(editor, {
       match(node) {
-        if (Editor$1.isEditor(node))
-          return false;
+        if (Editor$1.isEditor(node)) return false;
         const isInlineNode = ["text", "link"].includes(node.type);
         return !isInlineNode;
       }
     });
-    if (!nodeEntryBeingReplaced)
-      return;
+    if (!nodeEntryBeingReplaced) return;
     const [, pathToInsert] = nodeEntryBeingReplaced;
     Transforms.removeNodes(editor);
     const nodesToInsert = images.map((image) => {
@@ -892,8 +967,7 @@ const LinkContent = React.forwardRef(
       ReactEditor.focus(editor);
     };
     React.useEffect(() => {
-      if (popoverOpen)
-        linkInputRef.current?.focus();
+      if (popoverOpen) linkInputRef.current?.focus();
     }, [popoverOpen]);
     const inputNotDirty = !linkText || !linkUrl || link.url && link.url === linkUrl && elementText && elementText === linkText;
     return /* @__PURE__ */ jsxs(Popover.Root, { open: popoverOpen, children: [
@@ -963,11 +1037,11 @@ const LinkContent = React.forwardRef(
           ),
           /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
             /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleClose, children: formatMessage({
-              id: "components.Blocks.popover.cancel",
+              id: "global.cancel",
               defaultMessage: "Cancel"
             }) }),
             /* @__PURE__ */ jsx(Button, { disabled: Boolean(inputNotDirty) || isSaveDisabled, onClick: handleSave, children: formatMessage({
-              id: "components.Blocks.popover.save",
+              id: "global.save",
               defaultMessage: "Save"
             }) })
           ] })
@@ -1048,8 +1122,7 @@ const isText$1 = (node) => {
   return Node.isNode(node) && !Editor$1.isEditor(node) && node.type === "text";
 };
 const handleBackspaceKeyOnList = (editor, event) => {
-  if (!editor.selection)
-    return;
+  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 && isText$1(currentListItem.children[0]) && currentListItem.children[0].text === "";
@@ -1158,8 +1231,7 @@ const handleEnterKeyOnList = (editor) => {
 };
 const handleConvertToList = (editor, format) => {
   const convertedPath = baseHandleConvert(editor, { type: "list-item" });
-  if (!convertedPath)
-    return;
+  if (!convertedPath) return;
   Transforms.wrapNodes(editor, { type: "list", format, children: [] }, { at: convertedPath });
 };
 const handleTabOnList = (editor) => {
@@ -1171,8 +1243,7 @@ const handleTabOnList = (editor) => {
   }
   const [currentListItem, currentListItemPath] = currentListItemEntry;
   const [currentList] = Editor$1.parent(editor, currentListItemPath);
-  if (currentListItem === currentList.children[0])
-    return;
+  if (currentListItem === currentList.children[0]) return;
   const currentListItemIndex = currentList.children.findIndex((item) => item === currentListItem);
   const previousNode = currentList.children[currentListItemIndex - 1];
   if (previousNode.type === "list") {
@@ -1539,8 +1610,7 @@ const isListNode = (node) => {
 const ListButton = ({ block, format }) => {
   const { editor, disabled, blocks } = useBlocksEditorContext("ListButton");
   const isListActive = () => {
-    if (!editor.selection)
-      return false;
+    if (!editor.selection) return false;
     const currentListEntry = Editor$1.above(editor, {
       match: (node) => !Editor$1.isEditor(node) && node.type === "list",
       at: editor.selection.anchor
@@ -1614,8 +1684,7 @@ const LinkButton = ({ disabled }) => {
   const { editor } = useBlocksEditorContext("LinkButton");
   const isLinkActive = () => {
     const { selection } = editor;
-    if (!selection)
-      return false;
+    if (!selection) return false;
     const [match] = Array.from(
       Editor$1.nodes(editor, {
         at: Editor$1.unhangRange(editor, selection),
@@ -1821,8 +1890,7 @@ const DragAndDropElement = ({
       displayedValue: children
     },
     onDropItem(currentIndex, newIndex) {
-      if (newIndex)
-        handleMoveBlock(newIndex, currentIndex);
+      if (newIndex) handleMoveBlock(newIndex, currentIndex);
     }
   });
   const composedBoxRefs = useComposedRefs(blockRef, dropRef);
@@ -1928,7 +1996,7 @@ const baseRenderLeaf = (props, modifiers2) => {
     }
     return currentChildren;
   }, props.children);
-  return /* @__PURE__ */ jsx("span", { ...props.attributes, children: wrappedChildren });
+  return /* @__PURE__ */ jsx("span", { ...props.attributes, className: props.leaf.className, children: wrappedChildren });
 };
 const baseRenderElement = ({
   props,
@@ -1966,8 +2034,7 @@ const BlocksContent = ({ placeholder, ariaLabelId }) => {
     [modifiers2]
   );
   const handleMoveBlocks = (editor2, event) => {
-    if (!editor2.selection)
-      return;
+    if (!editor2.selection) return;
     const start = Range.start(editor2.selection);
     const currentIndex = [start.path[0]];
     let newIndexPosition = 0;
@@ -2104,8 +2171,7 @@ const BlocksContent = ({ placeholder, ariaLabelId }) => {
     }
   };
   const handleScrollSelectionIntoView = () => {
-    if (!editor.selection)
-      return;
+    if (!editor.selection) return;
     const domRange = ReactEditor.toDOMRange(editor, editor.selection);
     const domRect = domRange.getBoundingClientRect();
     const blocksInput = blocksRef.current;
@@ -2143,6 +2209,7 @@ const BlocksContent = ({ placeholder, ariaLabelId }) => {
             readOnly: disabled,
             placeholder,
             isExpandedMode,
+            decorate: decorateCode,
             renderElement,
             renderLeaf,
             onKeyDown: handleKeyDown,
@@ -2299,8 +2366,7 @@ const InlineCode = styled.code`
 `;
 const baseCheckIsActive = (editor, name2) => {
   const marks = Editor$1.marks(editor);
-  if (!marks)
-    return false;
+  if (!marks) return false;
   return Boolean(marks[name2]);
 };
 const baseHandleToggle = (editor, name2) => {
@@ -3748,8 +3814,7 @@ const Wrapper = styled.div`
 `;
 var listRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/, emptyListRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/, unorderedListRE = /[*+-]\s/;
 function newlineAndIndentContinueMarkdownList(cm) {
-  if (cm.getOption("disableInput"))
-    return CodeMirror.Pass;
+  if (cm.getOption("disableInput")) return CodeMirror.Pass;
   var ranges = cm.listSelections(), replacements = [];
   for (var i = 0; i < ranges.length; i++) {
     var pos = ranges[i].head;
@@ -3783,8 +3848,7 @@ function newlineAndIndentContinueMarkdownList(cm) {
       var numbered = !(unorderedListRE.test(match[2]) || match[2].indexOf(">") >= 0);
       var bullet = numbered ? parseInt(match[3], 10) + 1 + match[4] : match[2].replace("x", " ");
       replacements[i] = "\n" + indent + bullet + after;
-      if (numbered)
-        incrementRemainingMarkdownListNumbers(cm, pos);
+      if (numbered) incrementRemainingMarkdownListNumbers(cm, pos);
     }
   }
   cm.replaceSelections(replacements);
@@ -3802,10 +3866,8 @@ function incrementRemainingMarkdownListNumbers(cm, pos) {
       var newNumber = parseInt(startItem[3], 10) + lookAhead - skipCount;
       var nextNumber = parseInt(nextItem[3], 10), itemNumber = nextNumber;
       if (startIndent === nextIndent && !isNaN(nextNumber)) {
-        if (newNumber === nextNumber)
-          itemNumber = nextNumber + 1;
-        if (newNumber > nextNumber)
-          itemNumber = newNumber + 1;
+        if (newNumber === nextNumber) itemNumber = nextNumber + 1;
+        if (newNumber > nextNumber) itemNumber = newNumber + 1;
         cm.replaceRange(
           nextLine.replace(listRE, nextIndent + itemNumber + nextItem[4] + nextItem[5]),
           {
@@ -3818,10 +3880,8 @@ function incrementRemainingMarkdownListNumbers(cm, pos) {
           }
         );
       } else {
-        if (startIndent.length > nextIndent.length)
-          return;
-        if (startIndent.length < nextIndent.length && lookAhead === 1)
-          return;
+        if (startIndent.length > nextIndent.length) return;
+        if (startIndent.length < nextIndent.length && lookAhead === 1) return;
         skipCount += 1;
       }
     }
@@ -5579,4 +5639,4 @@ export {
   transformDocument as t,
   useLazyComponents as u
 };
-//# sourceMappingURL=Field-BZxzYf1x.mjs.map
+//# sourceMappingURL=Field-OWmo5QQW.mjs.map