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

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

@@ -0,0 +1,187 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { Typography } from '@strapi/design-system';
+import { HeadingSix, HeadingFive, HeadingFour, HeadingThree, HeadingTwo, HeadingOne } from '@strapi/icons';
+import { styled } from 'styled-components';
+import { baseHandleConvert } from '../utils/conversions.mjs';
+
+const H1 = styled(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 = styled(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 = styled(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 = styled(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 = styled(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 = styled(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)=>{
+    baseHandleConvert(editor, {
+        type: 'heading',
+        level
+    });
+};
+const headingBlocks = {
+    'heading-one': {
+        renderElement: (props)=>/*#__PURE__*/ jsx(H1, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: 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__*/ jsx(H2, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: 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__*/ jsx(H3, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: 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__*/ jsx(H4, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: 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__*/ jsx(H5, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: 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__*/ jsx(H6, {
+                ...props.attributes,
+                children: props.children
+            }),
+        icon: 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'
+    }
+};
+
+export { headingBlocks };
+//# sourceMappingURL=Heading.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.mjs","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":";;;;;;;AAkBA,MAAMA,EAAAA,GAAKC,MAAAA,CAAkCC,UAAAA,CAAAA,CAAYC,KAAK,CAAC;IAAEC,GAAAA,EAAK;AAAK,CAAA,CAAE,CAAC;;EAE5E,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;eAI7B,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAAC,CAAA,CAAE,CAAC;AACrD,CAAC;AAED,MAAMC,EAAAA,GAAKR,MAAAA,CAAkCC,UAAAA,CAAAA,CAAYC,KAAK,CAAC;IAAEC,GAAAA,EAAK;AAAK,CAAA,CAAE,CAAC;;EAE5E,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;eAI7B,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAAC,CAAA,CAAE,CAAC;AACrD,CAAC;AAED,MAAME,EAAAA,GAAKT,MAAAA,CAAkCC,UAAAA,CAAAA,CAAYC,KAAK,CAAC;IAAEC,GAAAA,EAAK;AAAK,CAAA,CAAE,CAAC;;EAE5E,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;eAI7B,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAAC,CAAA,CAAE,CAAC;AACrD,CAAC;AAED,MAAMG,EAAAA,GAAKV,MAAAA,CAAkCC,UAAAA,CAAAA,CAAYC,KAAK,CAAC;IAAEC,GAAAA,EAAK;AAAK,CAAA,CAAE,CAAC;;EAE5E,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;eAI7B,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAAC,CAAA,CAAE,CAAC;AACrD,CAAC;AAED,MAAMI,EAAAA,GAAKX,MAAAA,CAAkCC,UAAAA,CAAAA,CAAYC,KAAK,CAAC;IAAEC,GAAAA,EAAK;AAAK,CAAA,CAAE,CAAC;;EAE5E,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;eAI7B,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAAC,CAAA,CAAE,CAAC;AACrD,CAAC;AAED,MAAMK,EAAAA,GAAKZ,MAAAA,CAAkCC,UAAAA,CAAAA,CAAYC,KAAK,CAAC;IAAEC,GAAAA,EAAK;AAAK,CAAA,CAAE,CAAC;;EAE5E,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;eAI7B,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAAC,CAAA,CAAE,CAAC;AACrD,CAAC;AAED;;IAGA,MAAMM,sBAAAA,GAAyB,CAACC,MAAAA,EAAgBC,KAAAA,GAAAA;AAC9CC,IAAAA,iBAAAA,CAAoCF,MAAAA,EAAQ;QAAEG,IAAAA,EAAM,SAAA;AAAWF,QAAAA;AAAM,KAAA,CAAA;AACvE,CAAA;AAEA,MAAMG,aAAAA,GAGF;IACF,aAAA,EAAe;QACbC,aAAAA,EAAe,CAACC,sBAAUC,GAAA,CAACtB,EAAAA,EAAAA;AAAI,gBAAA,GAAGqB,MAAME,UAAU;AAAGF,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMG;;QAC3DC,IAAAA,EAAMC,UAAAA;QACNC,KAAAA,EAAO;YACLC,EAAAA,EAAI,mCAAA;YACJC,cAAAA,EAAgB;AAClB,SAAA;QACAC,aAAAA,EAAe,CAACf,MAAAA,GAAWD,sBAAAA,CAAuBC,MAAAA,EAAQ,CAAA,CAAA;QAC1DgB,SAAAA,EAAW,CAACC,OAASA,IAAAA,CAAKd,IAAI,KAAK,SAAA,IAAac,IAAAA,CAAKhB,KAAK,KAAK,CAAA;QAC/DiB,kBAAAA,EAAoB,IAAA;QACpBC,QAAAA,EAAU;AAAC,YAAA;AAAI,SAAA;QACfC,mBAAAA,EAAqB;AACvB,KAAA;IACA,aAAA,EAAe;QACbf,aAAAA,EAAe,CAACC,sBAAUC,GAAA,CAACb,EAAAA,EAAAA;AAAI,gBAAA,GAAGY,MAAME,UAAU;AAAGF,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMG;;QAC3DC,IAAAA,EAAMW,UAAAA;QACNT,KAAAA,EAAO;YACLC,EAAAA,EAAI,mCAAA;YACJC,cAAAA,EAAgB;AAClB,SAAA;QACAC,aAAAA,EAAe,CAACf,MAAAA,GAAWD,sBAAAA,CAAuBC,MAAAA,EAAQ,CAAA,CAAA;QAC1DgB,SAAAA,EAAW,CAACC,OAASA,IAAAA,CAAKd,IAAI,KAAK,SAAA,IAAac,IAAAA,CAAKhB,KAAK,KAAK,CAAA;QAC/DiB,kBAAAA,EAAoB,IAAA;QACpBC,QAAAA,EAAU;AAAC,YAAA;AAAK,SAAA;QAChBC,mBAAAA,EAAqB;AACvB,KAAA;IACA,eAAA,EAAiB;QACff,aAAAA,EAAe,CAACC,sBAAUC,GAAA,CAACZ,EAAAA,EAAAA;AAAI,gBAAA,GAAGW,MAAME,UAAU;AAAGF,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMG;;QAC3DC,IAAAA,EAAMY,YAAAA;QACNV,KAAAA,EAAO;YACLC,EAAAA,EAAI,mCAAA;YACJC,cAAAA,EAAgB;AAClB,SAAA;QACAC,aAAAA,EAAe,CAACf,MAAAA,GAAWD,sBAAAA,CAAuBC,MAAAA,EAAQ,CAAA,CAAA;QAC1DgB,SAAAA,EAAW,CAACC,OAASA,IAAAA,CAAKd,IAAI,KAAK,SAAA,IAAac,IAAAA,CAAKhB,KAAK,KAAK,CAAA;QAC/DiB,kBAAAA,EAAoB,IAAA;QACpBC,QAAAA,EAAU;AAAC,YAAA;AAAM,SAAA;QACjBC,mBAAAA,EAAqB;AACvB,KAAA;IACA,cAAA,EAAgB;QACdf,aAAAA,EAAe,CAACC,sBAAUC,GAAA,CAACX,EAAAA,EAAAA;AAAI,gBAAA,GAAGU,MAAME,UAAU;AAAGF,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMG;;QAC3DC,IAAAA,EAAMa,WAAAA;QACNX,KAAAA,EAAO;YACLC,EAAAA,EAAI,mCAAA;YACJC,cAAAA,EAAgB;AAClB,SAAA;QACAC,aAAAA,EAAe,CAACf,MAAAA,GAAWD,sBAAAA,CAAuBC,MAAAA,EAAQ,CAAA,CAAA;QAC1DgB,SAAAA,EAAW,CAACC,OAASA,IAAAA,CAAKd,IAAI,KAAK,SAAA,IAAac,IAAAA,CAAKhB,KAAK,KAAK,CAAA;QAC/DiB,kBAAAA,EAAoB,IAAA;QACpBC,QAAAA,EAAU;AAAC,YAAA;AAAO,SAAA;QAClBC,mBAAAA,EAAqB;AACvB,KAAA;IACA,cAAA,EAAgB;QACdf,aAAAA,EAAe,CAACC,sBAAUC,GAAA,CAACV,EAAAA,EAAAA;AAAI,gBAAA,GAAGS,MAAME,UAAU;AAAGF,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMG;;QAC3DC,IAAAA,EAAMc,WAAAA;QACNZ,KAAAA,EAAO;YACLC,EAAAA,EAAI,mCAAA;YACJC,cAAAA,EAAgB;AAClB,SAAA;QACAC,aAAAA,EAAe,CAACf,MAAAA,GAAWD,sBAAAA,CAAuBC,MAAAA,EAAQ,CAAA,CAAA;QAC1DgB,SAAAA,EAAW,CAACC,OAASA,IAAAA,CAAKd,IAAI,KAAK,SAAA,IAAac,IAAAA,CAAKhB,KAAK,KAAK,CAAA;QAC/DiB,kBAAAA,EAAoB,IAAA;QACpBC,QAAAA,EAAU;AAAC,YAAA;AAAQ;AACrB,KAAA;IACA,aAAA,EAAe;QACbd,aAAAA,EAAe,CAACC,sBAAUC,GAAA,CAACT,EAAAA,EAAAA;AAAI,gBAAA,GAAGQ,MAAME,UAAU;AAAGF,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMG;;QAC3DC,IAAAA,EAAMe,UAAAA;QACNb,KAAAA,EAAO;YACLC,EAAAA,EAAI,mCAAA;YACJC,cAAAA,EAAgB;AAClB,SAAA;QACAC,aAAAA,EAAe,CAACf,MAAAA,GAAWD,sBAAAA,CAAuBC,MAAAA,EAAQ,CAAA,CAAA;QAC1DgB,SAAAA,EAAW,CAACC,OAASA,IAAAA,CAAKd,IAAI,KAAK,SAAA,IAAac,IAAAA,CAAKhB,KAAK,KAAK,CAAA;QAC/DiB,kBAAAA,EAAoB,IAAA;QACpBC,QAAAA,EAAU;AAAC,YAAA;AAAS,SAAA;QACpBC,mBAAAA,EAAqB;AACvB;AACF;;;;"}

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

@@ -0,0 +1,244 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var slate = require('slate');
+var slateReact = require('slate-react');
+var styledComponents = require('styled-components');
+var urls = require('../../../../../../utils/urls.js');
+var BlocksEditor = require('../BlocksEditor.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const ImageWrapper = styledComponents.styled(designSystem.Flex)`
+  transition-property: box-shadow;
+  transition-duration: 0.2s;
+  ${(props)=>props.$isFocused && styledComponents.css`
+      box-shadow: ${props.theme.colors.primary600} 0px 0px 0px 3px;
+    `}
+
+  & > img {
+    height: auto;
+    // The max-height is decided with the design team, the 56px is the height of the toolbar
+    max-height: calc(512px - 56px);
+    max-width: 100%;
+    object-fit: contain;
+  }
+`;
+const IMAGE_SCHEMA_FIELDS = [
+    'name',
+    'alternativeText',
+    'url',
+    'caption',
+    'width',
+    'height',
+    'formats',
+    'hash',
+    'ext',
+    'mime',
+    'size',
+    'previewUrl',
+    'provider',
+    'provider_metadata',
+    'createdAt',
+    'updatedAt'
+];
+const pick = (object, keys)=>{
+    const entries = keys.map((key)=>[
+            key,
+            object[key]
+        ]);
+    return Object.fromEntries(entries);
+};
+// Type guard to force TypeScript to narrow the type of the element in Blocks component
+const isImage = (element)=>{
+    return element.type === 'image';
+};
+// Added a background color to the image wrapper to make it easier to recognize the image block
+const Image = ({ attributes, children, element })=>{
+    const editorIsFocused = slateReact.useFocused();
+    const imageIsSelected = slateReact.useSelected();
+    if (!isImage(element)) {
+        return null;
+    }
+    const { url, alternativeText, width, height } = element.image;
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+        ...attributes,
+        children: [
+            children,
+            /*#__PURE__*/ jsxRuntime.jsx(ImageWrapper, {
+                background: "neutral100",
+                contentEditable: false,
+                justifyContent: "center",
+                $isFocused: editorIsFocused && imageIsSelected,
+                hasRadius: true,
+                children: /*#__PURE__*/ jsxRuntime.jsx("img", {
+                    src: url,
+                    alt: alternativeText,
+                    width: width,
+                    height: height
+                })
+            })
+        ]
+    });
+};
+const ImageDialog = ()=>{
+    const [isOpen, setIsOpen] = React__namespace.useState(true);
+    const { editor } = BlocksEditor.useBlocksEditorContext('ImageDialog');
+    const components = strapiAdmin.useStrapiApp('ImageDialog', (state)=>state.components);
+    if (!components || !isOpen) return null;
+    const MediaLibraryDialog = components['media-library'];
+    const insertImages = (images)=>{
+        // If the selection is inside a list, split the list so that the modified block is outside of it
+        slate.Transforms.unwrapNodes(editor, {
+            match: (node)=>!slate.Editor.isEditor(node) && node.type === 'list',
+            split: true
+        });
+        // Save the path of the node that is being replaced by an image to insert the images there later
+        // It's the closest full block node above the selection
+        const nodeEntryBeingReplaced = slate.Editor.above(editor, {
+            match (node) {
+                if (slate.Editor.isEditor(node)) return false;
+                const isInlineNode = [
+                    'text',
+                    'link'
+                ].includes(node.type);
+                return !isInlineNode;
+            }
+        });
+        if (!nodeEntryBeingReplaced) return;
+        const [, pathToInsert] = nodeEntryBeingReplaced;
+        // Remove the previous node that is being replaced by an image
+        slate.Transforms.removeNodes(editor);
+        // Convert images to nodes and insert them
+        const nodesToInsert = images.map((image)=>{
+            const imageNode = {
+                type: 'image',
+                image,
+                children: [
+                    {
+                        type: 'text',
+                        text: ''
+                    }
+                ]
+            };
+            return imageNode;
+        });
+        slate.Transforms.insertNodes(editor, nodesToInsert, {
+            at: pathToInsert
+        });
+        // Set the selection on the image since it was cleared by calling removeNodes
+        slate.Transforms.select(editor, pathToInsert);
+    };
+    const handleSelectAssets = (images)=>{
+        const formattedImages = images.map((image)=>{
+            // Create an object with imageSchema defined and exclude unnecessary props coming from media library config
+            const expectedImage = pick(image, IMAGE_SCHEMA_FIELDS);
+            const nodeImage = {
+                ...expectedImage,
+                alternativeText: expectedImage.alternativeText || expectedImage.name,
+                url: urls.prefixFileUrlWithBackendUrl(image.url)
+            };
+            return nodeImage;
+        });
+        insertImages(formattedImages);
+        setIsOpen(false);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(MediaLibraryDialog, {
+        allowedTypes: [
+            'images'
+        ],
+        onClose: ()=>setIsOpen(false),
+        onSelectAssets: handleSelectAssets
+    });
+};
+/**
+ * Images are void elements. They handle the rendering of their children instead of Slate.
+ * See the Slate documentation for more information:
+ * - https://docs.slatejs.org/api/nodes/element#void-vs-not-void
+ * - https://docs.slatejs.org/api/nodes/element#rendering-void-elements
+ */ const withImages = (editor)=>{
+    const { isVoid } = editor;
+    editor.isVoid = (element)=>{
+        return element.type === 'image' ? true : isVoid(element);
+    };
+    return editor;
+};
+const imageBlocks = {
+    image: {
+        renderElement: (props)=>/*#__PURE__*/ jsxRuntime.jsx(Image, {
+                ...props
+            }),
+        icon: Icons.Image,
+        label: {
+            id: 'components.Blocks.blocks.image',
+            defaultMessage: 'Image'
+        },
+        matchNode: (node)=>node.type === 'image',
+        isInBlocksSelector: true,
+        handleBackspaceKey (editor) {
+            // Prevent issue where the image remains when it's the only block in the document
+            if (editor.children.length === 1) {
+                slate.Transforms.setNodes(editor, {
+                    type: 'paragraph',
+                    // @ts-expect-error we're only setting image as null so that Slate deletes it
+                    image: null,
+                    children: [
+                        {
+                            type: 'text',
+                            text: ''
+                        }
+                    ]
+                });
+            } else {
+                slate.Transforms.removeNodes(editor);
+            }
+        },
+        handleEnterKey (editor) {
+            slate.Transforms.insertNodes(editor, {
+                type: 'paragraph',
+                children: [
+                    {
+                        type: 'text',
+                        text: ''
+                    }
+                ]
+            });
+        },
+        handleConvert: ()=>{
+            /**
+       * All the logic is managed inside the ImageDialog component,
+       * because the blocks are only created when the user selects images in the modal and submits
+       * and if he closes the modal, then no changes are made to the editor
+       */ return ()=>/*#__PURE__*/ jsxRuntime.jsx(ImageDialog, {});
+        },
+        snippets: [
+            '!['
+        ],
+        plugin: withImages
+    }
+};
+
+exports.imageBlocks = imageBlocks;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/Image.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useStrapiApp } from '@strapi/admin/strapi-admin';\r\nimport { Box, Flex, FlexComponent } from '@strapi/design-system';\r\nimport { Image as Picture } from '@strapi/icons';\r\nimport { type Element, Transforms, Editor } from 'slate';\r\nimport { useFocused, type RenderElementProps, useSelected } from 'slate-react';\r\nimport { styled, css } from 'styled-components';\r\n\r\nimport { prefixFileUrlWithBackendUrl } from '../../../../../../utils/urls';\r\nimport { useBlocksEditorContext, type BlocksStore } from '../BlocksEditor';\r\nimport { type Block } from '../utils/types';\r\n\r\nimport type { Schema } from '@strapi/types';\r\n\r\nconst ImageWrapper = styled<FlexComponent>(Flex)<{ $isFocused?: boolean }>`\r\n  transition-property: box-shadow;\r\n  transition-duration: 0.2s;\r\n  ${(props) =>\r\n    props.$isFocused &&\r\n    css`\r\n      box-shadow: ${props.theme.colors.primary600} 0px 0px 0px 3px;\r\n    `}\r\n\r\n  & > img {\r\n    height: auto;\r\n    // The max-height is decided with the design team, the 56px is the height of the toolbar\r\n    max-height: calc(512px - 56px);\r\n    max-width: 100%;\r\n    object-fit: contain;\r\n  }\r\n`;\r\n\r\nconst IMAGE_SCHEMA_FIELDS = [\r\n  'name',\r\n  'alternativeText',\r\n  'url',\r\n  'caption',\r\n  'width',\r\n  'height',\r\n  'formats',\r\n  'hash',\r\n  'ext',\r\n  'mime',\r\n  'size',\r\n  'previewUrl',\r\n  'provider',\r\n  'provider_metadata',\r\n  'createdAt',\r\n  'updatedAt',\r\n];\r\n\r\nconst pick = <T extends object, K extends keyof T>(object: T, keys: K[]): Pick<T, K> => {\r\n  const entries = keys.map((key) => [key, object[key]]);\r\n  return Object.fromEntries(entries);\r\n};\r\n\r\n// Type guard to force TypeScript to narrow the type of the element in Blocks component\r\nconst isImage = (element: Element): element is Block<'image'> => {\r\n  return element.type === 'image';\r\n};\r\n\r\n// Added a background color to the image wrapper to make it easier to recognize the image block\r\nconst Image = ({ attributes, children, element }: RenderElementProps) => {\r\n  const editorIsFocused = useFocused();\r\n  const imageIsSelected = useSelected();\r\n\r\n  if (!isImage(element)) {\r\n    return null;\r\n  }\r\n  const { url, alternativeText, width, height } = element.image;\r\n\r\n  return (\r\n    <Box {...attributes}>\r\n      {children}\r\n      <ImageWrapper\r\n        background=\"neutral100\"\r\n        contentEditable={false}\r\n        justifyContent=\"center\"\r\n        $isFocused={editorIsFocused && imageIsSelected}\r\n        hasRadius\r\n      >\r\n        <img src={url} alt={alternativeText} width={width} height={height} />\r\n      </ImageWrapper>\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst ImageDialog = () => {\r\n  const [isOpen, setIsOpen] = React.useState(true);\r\n  const { editor } = useBlocksEditorContext('ImageDialog');\r\n  const components = useStrapiApp('ImageDialog', (state) => state.components);\r\n\r\n  if (!components || !isOpen) return null;\r\n\r\n  const MediaLibraryDialog = components['media-library'] as React.ComponentType<{\r\n    allowedTypes: Schema.Attribute.MediaKind[];\r\n    onClose: () => void;\r\n    onSelectAssets: (_images: Schema.Attribute.MediaValue<true>) => void;\r\n  }>;\r\n\r\n  const insertImages = (images: Block<'image'>['image'][]) => {\r\n    // If the selection is inside a list, split the list so that the modified block is outside of it\r\n    Transforms.unwrapNodes(editor, {\r\n      match: (node) => !Editor.isEditor(node) && node.type === 'list',\r\n      split: true,\r\n    });\r\n\r\n    // Save the path of the node that is being replaced by an image to insert the images there later\r\n    // It's the closest full block node above the selection\r\n    const nodeEntryBeingReplaced = Editor.above(editor, {\r\n      match(node) {\r\n        if (Editor.isEditor(node)) return false;\r\n\r\n        const isInlineNode = ['text', 'link'].includes(node.type);\r\n\r\n        return !isInlineNode;\r\n      },\r\n    });\r\n\r\n    if (!nodeEntryBeingReplaced) return;\r\n    const [, pathToInsert] = nodeEntryBeingReplaced;\r\n\r\n    // Remove the previous node that is being replaced by an image\r\n    Transforms.removeNodes(editor);\r\n\r\n    // Convert images to nodes and insert them\r\n    const nodesToInsert = images.map((image) => {\r\n      const imageNode: Block<'image'> = {\r\n        type: 'image',\r\n        image,\r\n        children: [{ type: 'text', text: '' }],\r\n      };\r\n      return imageNode;\r\n    });\r\n    Transforms.insertNodes(editor, nodesToInsert, { at: pathToInsert });\r\n\r\n    // Set the selection on the image since it was cleared by calling removeNodes\r\n    Transforms.select(editor, pathToInsert);\r\n  };\r\n\r\n  const handleSelectAssets = (images: Schema.Attribute.MediaValue<true>) => {\r\n    const formattedImages = images.map((image) => {\r\n      // Create an object with imageSchema defined and exclude unnecessary props coming from media library config\r\n      const expectedImage = pick(image, IMAGE_SCHEMA_FIELDS);\r\n\r\n      const nodeImage: Block<'image'>['image'] = {\r\n        ...expectedImage,\r\n        alternativeText: expectedImage.alternativeText || expectedImage.name,\r\n        url: prefixFileUrlWithBackendUrl(image.url),\r\n      };\r\n\r\n      return nodeImage;\r\n    });\r\n\r\n    insertImages(formattedImages);\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <MediaLibraryDialog\r\n      allowedTypes={['images']}\r\n      onClose={() => setIsOpen(false)}\r\n      onSelectAssets={handleSelectAssets}\r\n    />\r\n  );\r\n};\r\n\r\n/**\r\n * Images are void elements. They handle the rendering of their children instead of Slate.\r\n * See the Slate documentation for more information:\r\n * - https://docs.slatejs.org/api/nodes/element#void-vs-not-void\r\n * - https://docs.slatejs.org/api/nodes/element#rendering-void-elements\r\n */\r\nconst withImages = (editor: Editor) => {\r\n  const { isVoid } = editor;\r\n\r\n  editor.isVoid = (element) => {\r\n    return element.type === 'image' ? true : isVoid(element);\r\n  };\r\n\r\n  return editor;\r\n};\r\n\r\nconst imageBlocks: Pick<BlocksStore, 'image'> = {\r\n  image: {\r\n    renderElement: (props) => <Image {...props} />,\r\n    icon: Picture,\r\n    label: {\r\n      id: 'components.Blocks.blocks.image',\r\n      defaultMessage: 'Image',\r\n    },\r\n    matchNode: (node) => node.type === 'image',\r\n    isInBlocksSelector: true,\r\n    handleBackspaceKey(editor) {\r\n      // Prevent issue where the image remains when it's the only block in the document\r\n      if (editor.children.length === 1) {\r\n        Transforms.setNodes(editor, {\r\n          type: 'paragraph',\r\n          // @ts-expect-error we're only setting image as null so that Slate deletes it\r\n          image: null,\r\n          children: [{ type: 'text', text: '' }],\r\n        });\r\n      } else {\r\n        Transforms.removeNodes(editor);\r\n      }\r\n    },\r\n    handleEnterKey(editor) {\r\n      Transforms.insertNodes(editor, {\r\n        type: 'paragraph',\r\n        children: [{ type: 'text', text: '' }],\r\n      });\r\n    },\r\n    handleConvert: () => {\r\n      /**\r\n       * All the logic is managed inside the ImageDialog component,\r\n       * because the blocks are only created when the user selects images in the modal and submits\r\n       * and if he closes the modal, then no changes are made to the editor\r\n       */\r\n      return () => <ImageDialog />;\r\n    },\r\n    snippets: ['!['],\r\n    plugin: withImages,\r\n  },\r\n};\r\n\r\nexport { imageBlocks };\r\n"],"names":["ImageWrapper","styled","Flex","props","$isFocused","css","theme","colors","primary600","IMAGE_SCHEMA_FIELDS","pick","object","keys","entries","map","key","Object","fromEntries","isImage","element","type","Image","attributes","children","editorIsFocused","useFocused","imageIsSelected","useSelected","url","alternativeText","width","height","image","_jsxs","Box","_jsx","background","contentEditable","justifyContent","hasRadius","img","src","alt","ImageDialog","isOpen","setIsOpen","React","useState","editor","useBlocksEditorContext","components","useStrapiApp","state","MediaLibraryDialog","insertImages","images","Transforms","unwrapNodes","match","node","Editor","isEditor","split","nodeEntryBeingReplaced","above","isInlineNode","includes","pathToInsert","removeNodes","nodesToInsert","imageNode","text","insertNodes","at","select","handleSelectAssets","formattedImages","expectedImage","nodeImage","name","prefixFileUrlWithBackendUrl","allowedTypes","onClose","onSelectAssets","withImages","isVoid","imageBlocks","renderElement","icon","Picture","label","id","defaultMessage","matchNode","isInBlocksSelector","handleBackspaceKey","length","setNodes","handleEnterKey","handleConvert","snippets","plugin"],"mappings":"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"}