@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/Blocks/Code.mjs

@@ -0,0 +1,241 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { CodeBlock as CodeBlock$1 } from '@strapi/icons';
+import * as PrismModule from 'prismjs';
+import { useIntl } from 'react-intl';
+import { Element, Node, Editor, Transforms } from 'slate';
+import { useFocused, useSelected, ReactEditor } from 'slate-react';
+import { styled } from 'styled-components';
+import { useBlocksEditorContext } from '../BlocksEditor.mjs';
+import { codeLanguages } from '../utils/constants.mjs';
+import { baseHandleConvert } from '../utils/conversions.mjs';
+import { pressEnterTwiceToExit } from '../utils/enterKey.mjs';
+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';
+
+/**
+ * prismjs is UMD and may not expose a namespace when bundled by Vite; the content-manager
+ * index preloads it so `window.Prism` is set. Use that when the module import is empty.
+ */ function resolvePrism() {
+    if (typeof PrismModule !== 'undefined' && PrismModule?.languages) {
+        return PrismModule;
+    }
+    if (typeof window === 'undefined') {
+        return undefined;
+    }
+    const globalPrism = window.Prism;
+    return globalPrism;
+}
+const Prism = resolvePrism();
+const decorateCode = ([node, path])=>{
+    const ranges = [];
+    // Prism can be undefined when the UMD bundle doesn't expose a namespace and window.Prism
+    // isn't set yet (e.g. this chunk ran before the content-manager preload). Skip decoration.
+    if (!Prism?.languages) return ranges;
+    // make sure it is an Slate Element
+    if (!Element.isElement(node) || node.type !== 'code') return ranges;
+    // transform the Element into a string
+    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'];
+    // create "tokens" with "prismjs" and put them in "ranges"
+    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;
+    }
+    // these will be found in "renderLeaf" in "leaf" and their "className" will be applied
+    return ranges;
+};
+const CodeBlock = styled.pre`
+  border-radius: ${({ theme })=>theme.borderRadius};
+  background-color: ${({ theme })=>theme.colors.neutral100};
+  max-width: 100%;
+  overflow: auto;
+  padding: ${({ theme })=>`${theme.spaces[3]} ${theme.spaces[4]}`};
+  flex-shrink: 1;
+
+  & > code {
+    font-family:
+      'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;
+    color: ${({ theme })=>theme.colors.neutral800};
+    overflow: auto;
+    max-width: 100%;
+  }
+`;
+const CodeEditor = (props)=>{
+    const { editor } = useBlocksEditorContext('ImageDialog');
+    const editorIsFocused = useFocused();
+    const imageIsSelected = useSelected();
+    const { formatMessage } = useIntl();
+    const [isSelectOpen, setIsSelectOpen] = React.useState(false);
+    const shouldDisplayLanguageSelect = editorIsFocused && imageIsSelected || isSelectOpen;
+    return /*#__PURE__*/ jsxs(Box, {
+        position: "relative",
+        width: "100%",
+        children: [
+            /*#__PURE__*/ jsx(CodeBlock, {
+                ...props.attributes,
+                children: /*#__PURE__*/ jsx("code", {
+                    children: props.children
+                })
+            }),
+            shouldDisplayLanguageSelect && /*#__PURE__*/ jsx(Box, {
+                position: "absolute",
+                background: "neutral0",
+                borderColor: "neutral150",
+                borderStyle: "solid",
+                borderWidth: "0.5px",
+                shadow: "tableShadow",
+                top: "100%",
+                marginTop: 1,
+                right: 0,
+                padding: 1,
+                hasRadius: true,
+                zIndex: 1,
+                children: /*#__PURE__*/ jsx(SingleSelect, {
+                    onChange: (open)=>{
+                        Transforms.setNodes(editor, {
+                            language: open.toString()
+                        }, {
+                            match: (node)=>!Editor.isEditor(node) && node.type === 'code'
+                        });
+                    },
+                    value: props.element.type === 'code' && props.element.language || 'plaintext',
+                    onOpenChange: (open)=>{
+                        setIsSelectOpen(open);
+                        // Focus the editor again when closing the select so the user can continue typing
+                        if (!open) {
+                            ReactEditor.focus(editor);
+                        }
+                    },
+                    onCloseAutoFocus: (e)=>e.preventDefault(),
+                    "aria-label": formatMessage({
+                        id: 'components.Blocks.blocks.code.languageLabel',
+                        defaultMessage: 'Select a language'
+                    }),
+                    children: codeLanguages.map(({ value, label })=>/*#__PURE__*/ jsx(SingleSelectOption, {
+                            value: value,
+                            children: label
+                        }, value))
+                })
+            })
+        ]
+    });
+};
+const withCode = (editor)=>{
+    const { insertData } = editor;
+    editor.insertData = (data)=>{
+        const pastedText = data.getData('text/plain');
+        if (pastedText && editor.selection) {
+            // Check if we're currently inside a code block
+            const codeBlockEntry = Editor.above(editor, {
+                match: (node)=>!Editor.isEditor(node) && node.type === 'code'
+            });
+            if (codeBlockEntry) {
+                // We're inside a code block, handle the paste specially
+                // Replace the selected content with the pasted text, preserving newlines
+                Transforms.insertText(editor, pastedText);
+                return;
+            }
+        }
+        // For non-code blocks, use the default behavior
+        insertData(data);
+    };
+    return editor;
+};
+const codeBlocks = {
+    code: {
+        renderElement: (props)=>/*#__PURE__*/ jsx(CodeEditor, {
+                ...props
+            }),
+        icon: CodeBlock$1,
+        label: {
+            id: 'components.Blocks.blocks.code',
+            defaultMessage: 'Code block'
+        },
+        matchNode: (node)=>node.type === 'code',
+        isInBlocksSelector: true,
+        handleConvert (editor) {
+            baseHandleConvert(editor, {
+                type: 'code',
+                language: 'plaintext'
+            });
+        },
+        handleEnterKey (editor) {
+            pressEnterTwiceToExit(editor);
+        },
+        snippets: [
+            '```'
+        ],
+        plugin: withCode
+    }
+};
+
+export { codeBlocks, decorateCode };
+//# sourceMappingURL=Code.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/Blocks/Code.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.mjs","sources":["../../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/Code.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Box, SingleSelect, SingleSelectOption } from '@strapi/design-system';\r\nimport { CodeBlock as CodeBlockIcon } from '@strapi/icons';\r\nimport * as PrismModule from 'prismjs';\r\nimport { useIntl } from 'react-intl';\r\nimport { BaseRange, Element, Editor, Node, NodeEntry, Transforms } from 'slate';\r\nimport { useSelected, type RenderElementProps, useFocused, ReactEditor } from 'slate-react';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { useBlocksEditorContext, type BlocksStore } from '../BlocksEditor';\r\nimport { codeLanguages } from '../utils/constants';\r\nimport { baseHandleConvert } from '../utils/conversions';\r\nimport { pressEnterTwiceToExit } from '../utils/enterKey';\r\nimport { type Block } from '../utils/types';\r\n\r\nimport 'prismjs/themes/prism-solarizedlight.css';\r\nimport 'prismjs/components/prism-asmatmel';\r\nimport 'prismjs/components/prism-bash';\r\nimport 'prismjs/components/prism-basic';\r\nimport 'prismjs/components/prism-c';\r\nimport 'prismjs/components/prism-clojure';\r\nimport 'prismjs/components/prism-cobol';\r\nimport 'prismjs/components/prism-cpp';\r\nimport 'prismjs/components/prism-csharp';\r\nimport 'prismjs/components/prism-dart';\r\nimport 'prismjs/components/prism-docker';\r\nimport 'prismjs/components/prism-elixir';\r\nimport 'prismjs/components/prism-erlang';\r\nimport 'prismjs/components/prism-fortran';\r\nimport 'prismjs/components/prism-fsharp';\r\nimport 'prismjs/components/prism-go';\r\nimport 'prismjs/components/prism-graphql';\r\nimport 'prismjs/components/prism-groovy';\r\nimport 'prismjs/components/prism-haskell';\r\nimport 'prismjs/components/prism-haxe';\r\nimport 'prismjs/components/prism-ini';\r\nimport 'prismjs/components/prism-java';\r\nimport 'prismjs/components/prism-javascript';\r\nimport 'prismjs/components/prism-jsx';\r\nimport 'prismjs/components/prism-json';\r\nimport 'prismjs/components/prism-julia';\r\nimport 'prismjs/components/prism-kotlin';\r\nimport 'prismjs/components/prism-latex';\r\nimport 'prismjs/components/prism-lua';\r\nimport 'prismjs/components/prism-markdown';\r\nimport 'prismjs/components/prism-matlab';\r\nimport 'prismjs/components/prism-makefile';\r\nimport 'prismjs/components/prism-objectivec';\r\nimport 'prismjs/components/prism-perl';\r\nimport 'prismjs/components/prism-php';\r\nimport 'prismjs/components/prism-powershell';\r\nimport 'prismjs/components/prism-python';\r\nimport 'prismjs/components/prism-r';\r\nimport 'prismjs/components/prism-ruby';\r\nimport 'prismjs/components/prism-rust';\r\nimport 'prismjs/components/prism-sas';\r\nimport 'prismjs/components/prism-scala';\r\nimport 'prismjs/components/prism-scheme';\r\nimport 'prismjs/components/prism-sql';\r\nimport 'prismjs/components/prism-stata';\r\nimport 'prismjs/components/prism-swift';\r\nimport 'prismjs/components/prism-typescript';\r\nimport 'prismjs/components/prism-tsx';\r\nimport 'prismjs/components/prism-vbnet';\r\nimport 'prismjs/components/prism-yaml';\r\n\r\n/**\r\n * prismjs is UMD and may not expose a namespace when bundled by Vite; the content-manager\r\n * index preloads it so `window.Prism` is set. Use that when the module import is empty.\r\n */\r\nfunction resolvePrism(): typeof PrismModule | undefined {\r\n  if (typeof PrismModule !== 'undefined' && PrismModule?.languages) {\r\n    return PrismModule;\r\n  }\r\n\r\n  if (typeof window === 'undefined') {\r\n    return undefined;\r\n  }\r\n\r\n  const globalPrism = (window as Window & { Prism?: typeof PrismModule }).Prism;\r\n  return globalPrism;\r\n}\r\n\r\nconst Prism = resolvePrism();\r\n\r\ntype BaseRangeCustom = BaseRange & { className: string };\r\n\r\nexport const decorateCode = ([node, path]: NodeEntry) => {\r\n  const ranges: BaseRangeCustom[] = [];\r\n\r\n  // Prism can be undefined when the UMD bundle doesn't expose a namespace and window.Prism\r\n  // isn't set yet (e.g. this chunk ran before the content-manager preload). Skip decoration.\r\n  if (!Prism?.languages) return ranges;\r\n\r\n  // make sure it is an Slate Element\r\n  if (!Element.isElement(node) || node.type !== 'code') return ranges;\r\n  // transform the Element into a string\r\n  const text = Node.string(node);\r\n  const language = codeLanguages.find((lang) => lang.value === node.language);\r\n  const decorateKey = language?.decorate ?? language?.value;\r\n\r\n  const selectedLanguage = Prism.languages[decorateKey || 'plaintext'];\r\n\r\n  // create \"tokens\" with \"prismjs\" and put them in \"ranges\"\r\n  const tokens = Prism.tokenize(text, selectedLanguage);\r\n  let start = 0;\r\n  for (const token of tokens) {\r\n    const length = token.length;\r\n    const end = start + length;\r\n    if (typeof token !== 'string') {\r\n      ranges.push({\r\n        anchor: { path, offset: start },\r\n        focus: { path, offset: end },\r\n        className: `token ${token.type}`,\r\n      });\r\n    }\r\n    start = end;\r\n  }\r\n\r\n  // these will be found in \"renderLeaf\" in \"leaf\" and their \"className\" will be applied\r\n  return ranges;\r\n};\r\n\r\nconst CodeBlock = styled.pre`\r\n  border-radius: ${({ theme }) => theme.borderRadius};\r\n  background-color: ${({ theme }) => theme.colors.neutral100};\r\n  max-width: 100%;\r\n  overflow: auto;\r\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[4]}`};\r\n  flex-shrink: 1;\r\n\r\n  & > code {\r\n    font-family:\r\n      'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;\r\n    color: ${({ theme }) => theme.colors.neutral800};\r\n    overflow: auto;\r\n    max-width: 100%;\r\n  }\r\n`;\r\n\r\nconst CodeEditor = (props: RenderElementProps) => {\r\n  const { editor } = useBlocksEditorContext('ImageDialog');\r\n  const editorIsFocused = useFocused();\r\n  const imageIsSelected = useSelected();\r\n  const { formatMessage } = useIntl();\r\n  const [isSelectOpen, setIsSelectOpen] = React.useState(false);\r\n  const shouldDisplayLanguageSelect = (editorIsFocused && imageIsSelected) || isSelectOpen;\r\n\r\n  return (\r\n    <Box position=\"relative\" width=\"100%\">\r\n      <CodeBlock {...props.attributes}>\r\n        <code>{props.children}</code>\r\n      </CodeBlock>\r\n      {shouldDisplayLanguageSelect && (\r\n        <Box\r\n          position=\"absolute\"\r\n          background=\"neutral0\"\r\n          borderColor=\"neutral150\"\r\n          borderStyle=\"solid\"\r\n          borderWidth=\"0.5px\"\r\n          shadow=\"tableShadow\"\r\n          top=\"100%\"\r\n          marginTop={1}\r\n          right={0}\r\n          padding={1}\r\n          hasRadius\r\n          zIndex={1}\r\n        >\r\n          <SingleSelect\r\n            onChange={(open) => {\r\n              Transforms.setNodes(\r\n                editor,\r\n                { language: open.toString() },\r\n                { match: (node) => !Editor.isEditor(node) && node.type === 'code' }\r\n              );\r\n            }}\r\n            value={(props.element.type === 'code' && props.element.language) || 'plaintext'}\r\n            onOpenChange={(open) => {\r\n              setIsSelectOpen(open);\r\n\r\n              // Focus the editor again when closing the select so the user can continue typing\r\n              if (!open) {\r\n                ReactEditor.focus(editor);\r\n              }\r\n            }}\r\n            onCloseAutoFocus={(e) => e.preventDefault()}\r\n            aria-label={formatMessage({\r\n              id: 'components.Blocks.blocks.code.languageLabel',\r\n              defaultMessage: 'Select a language',\r\n            })}\r\n          >\r\n            {codeLanguages.map(({ value, label }) => (\r\n              <SingleSelectOption value={value} key={value}>\r\n                {label}\r\n              </SingleSelectOption>\r\n            ))}\r\n          </SingleSelect>\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst withCode = (editor: Editor) => {\r\n  const { insertData } = editor;\r\n\r\n  editor.insertData = (data) => {\r\n    const pastedText = data.getData('text/plain');\r\n\r\n    if (pastedText && editor.selection) {\r\n      // Check if we're currently inside a code block\r\n      const codeBlockEntry = Editor.above(editor, {\r\n        match: (node) => !Editor.isEditor(node) && node.type === 'code',\r\n      });\r\n\r\n      if (codeBlockEntry) {\r\n        // We're inside a code block, handle the paste specially\r\n        // Replace the selected content with the pasted text, preserving newlines\r\n        Transforms.insertText(editor, pastedText);\r\n        return;\r\n      }\r\n    }\r\n\r\n    // For non-code blocks, use the default behavior\r\n    insertData(data);\r\n  };\r\n\r\n  return editor;\r\n};\r\n\r\nconst codeBlocks: Pick<BlocksStore, 'code'> = {\r\n  code: {\r\n    renderElement: (props) => <CodeEditor {...props} />,\r\n    icon: CodeBlockIcon,\r\n    label: {\r\n      id: 'components.Blocks.blocks.code',\r\n      defaultMessage: 'Code block',\r\n    },\r\n    matchNode: (node) => node.type === 'code',\r\n    isInBlocksSelector: true,\r\n    handleConvert(editor) {\r\n      baseHandleConvert<Block<'code'>>(editor, { type: 'code', language: 'plaintext' });\r\n    },\r\n    handleEnterKey(editor) {\r\n      pressEnterTwiceToExit(editor);\r\n    },\r\n    snippets: ['```'],\r\n    plugin: withCode,\r\n  },\r\n};\r\n\r\nexport { codeBlocks };\r\n"],"names":["resolvePrism","PrismModule","languages","window","undefined","globalPrism","Prism","decorateCode","node","path","ranges","Element","isElement","type","text","Node","string","language","codeLanguages","find","lang","value","decorateKey","decorate","selectedLanguage","tokens","tokenize","start","token","length","end","push","anchor","offset","focus","className","CodeBlock","styled","pre","theme","borderRadius","colors","neutral100","spaces","neutral800","CodeEditor","props","editor","useBlocksEditorContext","editorIsFocused","useFocused","imageIsSelected","useSelected","formatMessage","useIntl","isSelectOpen","setIsSelectOpen","React","useState","shouldDisplayLanguageSelect","_jsxs","Box","position","width","_jsx","attributes","code","children","background","borderColor","borderStyle","borderWidth","shadow","top","marginTop","right","padding","hasRadius","zIndex","SingleSelect","onChange","open","Transforms","setNodes","toString","match","Editor","isEditor","element","onOpenChange","ReactEditor","onCloseAutoFocus","e","preventDefault","aria-label","id","defaultMessage","map","label","SingleSelectOption","withCode","insertData","data","pastedText","getData","selection","codeBlockEntry","above","insertText","codeBlocks","renderElement","icon","CodeBlockIcon","matchNode","isInBlocksSelector","handleConvert","baseHandleConvert","handleEnterKey","pressEnterTwiceToExit","snippets","plugin"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/Blocks/Heading.js

@@ -0,0 +1,189 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var styledComponents = require('styled-components');
+var conversions = require('../utils/conversions.js');
+
+const H1 = styledComponents.styled(designSystem.Typography).attrs({
+    tag: 'h1'
+})`
+  font-size: 2.8rem;
+  ${({ theme })=>theme.breakpoints.medium} {
+    font-size: 3.6rem;
+  }
+  font-weight: 600;
+  line-height: ${({ theme })=>theme.lineHeights[1]};
+`;
+const H2 = styledComponents.styled(designSystem.Typography).attrs({
+    tag: 'h2'
+})`
+  font-size: 2.2rem;
+  ${({ theme })=>theme.breakpoints.medium} {
+    font-size: 3rem;
+  }
+  font-weight: 600;
+  line-height: ${({ theme })=>theme.lineHeights[1]};
+`;
+const H3 = styledComponents.styled(designSystem.Typography).attrs({
+    tag: 'h3'
+})`
+  font-size: 2rem;
+  ${({ theme })=>theme.breakpoints.medium} {
+    font-size: 2.4rem;
+  }
+  font-weight: 600;
+  line-height: ${({ theme })=>theme.lineHeights[1]};
+`;
+const H4 = styledComponents.styled(designSystem.Typography).attrs({
+    tag: 'h4'
+})`
+  font-size: 1.8rem;
+  ${({ theme })=>theme.breakpoints.medium} {
+    font-size: 2.4rem;
+  }
+  font-weight: 600;
+  line-height: ${({ theme })=>theme.lineHeights[1]};
+`;
+const H5 = styledComponents.styled(designSystem.Typography).attrs({
+    tag: 'h5'
+})`
+  font-size: 1.6rem;
+  ${({ theme })=>theme.breakpoints.medium} {
+    font-size: 2rem;
+  }
+  font-weight: 600;
+  line-height: ${({ theme })=>theme.lineHeights[1]};
+`;
+const H6 = styledComponents.styled(designSystem.Typography).attrs({
+    tag: 'h6'
+})`
+  font-size: 1.4rem;
+  ${({ theme })=>theme.breakpoints.medium} {
+    font-size: 1.6rem;
+  }
+  font-weight: 600;
+  line-height: ${({ theme })=>theme.lineHeights[1]};
+`;
+/**
+ * Common handler for converting a node to a heading
+ */ const handleConvertToHeading = (editor, level)=>{
+    conversions.baseHandleConvert(editor, {
+        type: 'heading',
+        level
+    });
+};
+const headingBlocks = {
+    'heading-one': {
+        renderElement: (props)=>/*#__PURE__*/ jsxRuntime.jsx(H1, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: Icons.HeadingOne,
+        label: {
+            id: 'components.Blocks.blocks.heading1',
+            defaultMessage: 'Heading 1'
+        },
+        handleConvert: (editor)=>handleConvertToHeading(editor, 1),
+        matchNode: (node)=>node.type === 'heading' && node.level === 1,
+        isInBlocksSelector: true,
+        snippets: [
+            '#'
+        ],
+        dragHandleTopMargin: '14px'
+    },
+    'heading-two': {
+        renderElement: (props)=>/*#__PURE__*/ jsxRuntime.jsx(H2, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: Icons.HeadingTwo,
+        label: {
+            id: 'components.Blocks.blocks.heading2',
+            defaultMessage: 'Heading 2'
+        },
+        handleConvert: (editor)=>handleConvertToHeading(editor, 2),
+        matchNode: (node)=>node.type === 'heading' && node.level === 2,
+        isInBlocksSelector: true,
+        snippets: [
+            '##'
+        ],
+        dragHandleTopMargin: '10px'
+    },
+    'heading-three': {
+        renderElement: (props)=>/*#__PURE__*/ jsxRuntime.jsx(H3, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: Icons.HeadingThree,
+        label: {
+            id: 'components.Blocks.blocks.heading3',
+            defaultMessage: 'Heading 3'
+        },
+        handleConvert: (editor)=>handleConvertToHeading(editor, 3),
+        matchNode: (node)=>node.type === 'heading' && node.level === 3,
+        isInBlocksSelector: true,
+        snippets: [
+            '###'
+        ],
+        dragHandleTopMargin: '7px'
+    },
+    'heading-four': {
+        renderElement: (props)=>/*#__PURE__*/ jsxRuntime.jsx(H4, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: Icons.HeadingFour,
+        label: {
+            id: 'components.Blocks.blocks.heading4',
+            defaultMessage: 'Heading 4'
+        },
+        handleConvert: (editor)=>handleConvertToHeading(editor, 4),
+        matchNode: (node)=>node.type === 'heading' && node.level === 4,
+        isInBlocksSelector: true,
+        snippets: [
+            '####'
+        ],
+        dragHandleTopMargin: '4px'
+    },
+    'heading-five': {
+        renderElement: (props)=>/*#__PURE__*/ jsxRuntime.jsx(H5, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: Icons.HeadingFive,
+        label: {
+            id: 'components.Blocks.blocks.heading5',
+            defaultMessage: 'Heading 5'
+        },
+        handleConvert: (editor)=>handleConvertToHeading(editor, 5),
+        matchNode: (node)=>node.type === 'heading' && node.level === 5,
+        isInBlocksSelector: true,
+        snippets: [
+            '#####'
+        ]
+    },
+    'heading-six': {
+        renderElement: (props)=>/*#__PURE__*/ jsxRuntime.jsx(H6, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: Icons.HeadingSix,
+        label: {
+            id: 'components.Blocks.blocks.heading6',
+            defaultMessage: 'Heading 6'
+        },
+        handleConvert: (editor)=>handleConvertToHeading(editor, 6),
+        matchNode: (node)=>node.type === 'heading' && node.level === 6,
+        isInBlocksSelector: true,
+        snippets: [
+            '######'
+        ],
+        dragHandleTopMargin: '-2px'
+    }
+};
+
+exports.headingBlocks = headingBlocks;
+//# sourceMappingURL=Heading.js.map

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/Blocks/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/Heading.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Typography, TypographyComponent } from '@strapi/design-system';\r\nimport {\r\n  HeadingFive,\r\n  HeadingFour,\r\n  HeadingOne,\r\n  HeadingSix,\r\n  HeadingThree,\r\n  HeadingTwo,\r\n} from '@strapi/icons';\r\nimport { Editor } from 'slate';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { type BlocksStore } from '../BlocksEditor';\r\nimport { baseHandleConvert } from '../utils/conversions';\r\nimport { type Block } from '../utils/types';\r\n\r\nconst H1 = styled<TypographyComponent<'h1'>>(Typography).attrs({ tag: 'h1' })`\r\n  font-size: 2.8rem;\r\n  ${({ theme }) => theme.breakpoints.medium} {\r\n    font-size: 3.6rem;\r\n  }\r\n  font-weight: 600;\r\n  line-height: ${({ theme }) => theme.lineHeights[1]};\r\n`;\r\n\r\nconst H2 = styled<TypographyComponent<'h2'>>(Typography).attrs({ tag: 'h2' })`\r\n  font-size: 2.2rem;\r\n  ${({ theme }) => theme.breakpoints.medium} {\r\n    font-size: 3rem;\r\n  }\r\n  font-weight: 600;\r\n  line-height: ${({ theme }) => theme.lineHeights[1]};\r\n`;\r\n\r\nconst H3 = styled<TypographyComponent<'h3'>>(Typography).attrs({ tag: 'h3' })`\r\n  font-size: 2rem;\r\n  ${({ theme }) => theme.breakpoints.medium} {\r\n    font-size: 2.4rem;\r\n  }\r\n  font-weight: 600;\r\n  line-height: ${({ theme }) => theme.lineHeights[1]};\r\n`;\r\n\r\nconst H4 = styled<TypographyComponent<'h4'>>(Typography).attrs({ tag: 'h4' })`\r\n  font-size: 1.8rem;\r\n  ${({ theme }) => theme.breakpoints.medium} {\r\n    font-size: 2.4rem;\r\n  }\r\n  font-weight: 600;\r\n  line-height: ${({ theme }) => theme.lineHeights[1]};\r\n`;\r\n\r\nconst H5 = styled<TypographyComponent<'h5'>>(Typography).attrs({ tag: 'h5' })`\r\n  font-size: 1.6rem;\r\n  ${({ theme }) => theme.breakpoints.medium} {\r\n    font-size: 2rem;\r\n  }\r\n  font-weight: 600;\r\n  line-height: ${({ theme }) => theme.lineHeights[1]};\r\n`;\r\n\r\nconst H6 = styled<TypographyComponent<'h6'>>(Typography).attrs({ tag: 'h6' })`\r\n  font-size: 1.4rem;\r\n  ${({ theme }) => theme.breakpoints.medium} {\r\n    font-size: 1.6rem;\r\n  }\r\n  font-weight: 600;\r\n  line-height: ${({ theme }) => theme.lineHeights[1]};\r\n`;\r\n\r\n/**\r\n * Common handler for converting a node to a heading\r\n */\r\nconst handleConvertToHeading = (editor: Editor, level: Block<'heading'>['level']) => {\r\n  baseHandleConvert<Block<'heading'>>(editor, { type: 'heading', level });\r\n};\r\n\r\nconst headingBlocks: Pick<\r\n  BlocksStore,\r\n  'heading-one' | 'heading-two' | 'heading-three' | 'heading-four' | 'heading-five' | 'heading-six'\r\n> = {\r\n  'heading-one': {\r\n    renderElement: (props) => <H1 {...props.attributes}>{props.children}</H1>,\r\n    icon: HeadingOne,\r\n    label: {\r\n      id: 'components.Blocks.blocks.heading1',\r\n      defaultMessage: 'Heading 1',\r\n    },\r\n    handleConvert: (editor) => handleConvertToHeading(editor, 1),\r\n    matchNode: (node) => node.type === 'heading' && node.level === 1,\r\n    isInBlocksSelector: true,\r\n    snippets: ['#'],\r\n    dragHandleTopMargin: '14px',\r\n  },\r\n  'heading-two': {\r\n    renderElement: (props) => <H2 {...props.attributes}>{props.children}</H2>,\r\n    icon: HeadingTwo,\r\n    label: {\r\n      id: 'components.Blocks.blocks.heading2',\r\n      defaultMessage: 'Heading 2',\r\n    },\r\n    handleConvert: (editor) => handleConvertToHeading(editor, 2),\r\n    matchNode: (node) => node.type === 'heading' && node.level === 2,\r\n    isInBlocksSelector: true,\r\n    snippets: ['##'],\r\n    dragHandleTopMargin: '10px',\r\n  },\r\n  'heading-three': {\r\n    renderElement: (props) => <H3 {...props.attributes}>{props.children}</H3>,\r\n    icon: HeadingThree,\r\n    label: {\r\n      id: 'components.Blocks.blocks.heading3',\r\n      defaultMessage: 'Heading 3',\r\n    },\r\n    handleConvert: (editor) => handleConvertToHeading(editor, 3),\r\n    matchNode: (node) => node.type === 'heading' && node.level === 3,\r\n    isInBlocksSelector: true,\r\n    snippets: ['###'],\r\n    dragHandleTopMargin: '7px',\r\n  },\r\n  'heading-four': {\r\n    renderElement: (props) => <H4 {...props.attributes}>{props.children}</H4>,\r\n    icon: HeadingFour,\r\n    label: {\r\n      id: 'components.Blocks.blocks.heading4',\r\n      defaultMessage: 'Heading 4',\r\n    },\r\n    handleConvert: (editor) => handleConvertToHeading(editor, 4),\r\n    matchNode: (node) => node.type === 'heading' && node.level === 4,\r\n    isInBlocksSelector: true,\r\n    snippets: ['####'],\r\n    dragHandleTopMargin: '4px',\r\n  },\r\n  'heading-five': {\r\n    renderElement: (props) => <H5 {...props.attributes}>{props.children}</H5>,\r\n    icon: HeadingFive,\r\n    label: {\r\n      id: 'components.Blocks.blocks.heading5',\r\n      defaultMessage: 'Heading 5',\r\n    },\r\n    handleConvert: (editor) => handleConvertToHeading(editor, 5),\r\n    matchNode: (node) => node.type === 'heading' && node.level === 5,\r\n    isInBlocksSelector: true,\r\n    snippets: ['#####'],\r\n  },\r\n  'heading-six': {\r\n    renderElement: (props) => <H6 {...props.attributes}>{props.children}</H6>,\r\n    icon: HeadingSix,\r\n    label: {\r\n      id: 'components.Blocks.blocks.heading6',\r\n      defaultMessage: 'Heading 6',\r\n    },\r\n    handleConvert: (editor) => handleConvertToHeading(editor, 6),\r\n    matchNode: (node) => node.type === 'heading' && node.level === 6,\r\n    isInBlocksSelector: true,\r\n    snippets: ['######'],\r\n    dragHandleTopMargin: '-2px',\r\n  },\r\n};\r\n\r\nexport { headingBlocks };\r\n"],"names":["H1","styled","Typography","attrs","tag","theme","breakpoints","medium","lineHeights","H2","H3","H4","H5","H6","handleConvertToHeading","editor","level","baseHandleConvert","type","headingBlocks","renderElement","props","_jsx","attributes","children","icon","HeadingOne","label","id","defaultMessage","handleConvert","matchNode","node","isInBlocksSelector","snippets","dragHandleTopMargin","HeadingTwo","HeadingThree","HeadingFour","HeadingFive","HeadingSix"],"mappings":"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"}