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

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/WysiwygNav.mjs

@@ -0,0 +1,510 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'react';
+import { useIsMobile } from '@strapi/admin/strapi-admin';
+import { Menu, Flex, IconButtonGroup, IconButton, Field, SingleSelect, SingleSelectOption, Button } from '@strapi/design-system';
+import { Bold, Italic, Underline, StrikeThrough, BulletList, NumberList, Code, Image, Link, Quotes, HeadingOne, HeadingTwo, HeadingThree, HeadingFour, HeadingFive, HeadingSix } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { EditorToolbarObserver } from '../../EditorToolbarObserver.mjs';
+import { titleHandler, listHandler, markdownHandler, quoteAndCodeHandler } from './utils/utils.mjs';
+
+const WysiwygPreviewToggleButton = ({ isPreviewMode, onTogglePreviewMode })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Button, {
+        onClick: onTogglePreviewMode,
+        variant: "tertiary",
+        minWidth: "132px",
+        children: isPreviewMode ? formatMessage({
+            id: 'components.Wysiwyg.ToggleMode.markdown-mode',
+            defaultMessage: 'Markdown mode'
+        }) : formatMessage({
+            id: 'components.Wysiwyg.ToggleMode.preview-mode',
+            defaultMessage: 'Preview mode'
+        })
+    });
+};
+/**
+ * TODO: refactor this mess.
+ */ const WysiwygNav = ({ disabled, editorRef, isPreviewMode, onToggleMediaLib, onTogglePreviewMode })=>{
+    const { formatMessage } = useIntl();
+    const isMobile = useIsMobile();
+    const isDisabled = disabled || isPreviewMode;
+    const handleActionClick = (value, currentEditorRef)=>{
+        switch(value){
+            case 'Link':
+                {
+                    markdownHandler(currentEditorRef, value);
+                    break;
+                }
+            case 'Code':
+            case 'Quote':
+                {
+                    quoteAndCodeHandler(currentEditorRef, value);
+                    break;
+                }
+            case 'Bold':
+            case 'Italic':
+            case 'Underline':
+            case 'Strikethrough':
+                {
+                    markdownHandler(currentEditorRef, value);
+                    break;
+                }
+            case 'BulletList':
+            case 'NumberList':
+                {
+                    listHandler(currentEditorRef, value);
+                    break;
+                }
+            case 'h1':
+            case 'h2':
+            case 'h3':
+            case 'h4':
+            case 'h5':
+            case 'h6':
+                {
+                    titleHandler(currentEditorRef, value);
+                    break;
+                }
+        }
+    };
+    const observedComponents = [
+        {
+            toolbar: /*#__PURE__*/ jsxs(IconButtonGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>handleActionClick('Bold', editorRef),
+                        label: formatMessage({
+                            id: 'components.Blocks.modifiers.bold',
+                            defaultMessage: 'Bold'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Blocks.modifiers.bold',
+                            defaultMessage: 'Bold'
+                        }),
+                        children: /*#__PURE__*/ jsx(Bold, {})
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>handleActionClick('Italic', editorRef),
+                        label: formatMessage({
+                            id: 'components.Blocks.modifiers.italic',
+                            defaultMessage: 'Italic'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Blocks.modifiers.italic',
+                            defaultMessage: 'Italic'
+                        }),
+                        children: /*#__PURE__*/ jsx(Italic, {})
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>handleActionClick('Underline', editorRef),
+                        label: formatMessage({
+                            id: 'components.Blocks.modifiers.underline',
+                            defaultMessage: 'Underline'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Blocks.modifiers.underline',
+                            defaultMessage: 'Underline'
+                        }),
+                        children: /*#__PURE__*/ jsx(Underline, {})
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>handleActionClick('Strikethrough', editorRef),
+                        label: formatMessage({
+                            id: 'components.Blocks.modifiers.strikethrough',
+                            defaultMessage: 'Strikethrough'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Blocks.modifiers.strikethrough',
+                            defaultMessage: 'Strikethrough'
+                        }),
+                        children: /*#__PURE__*/ jsx(StrikeThrough, {})
+                    })
+                ]
+            }),
+            menu: /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(Menu.Separator, {}),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(Bold, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>handleActionClick('Bold', editorRef),
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Blocks.modifiers.bold',
+                                defaultMessage: 'Bold'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(Italic, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>handleActionClick('Italic', editorRef),
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Blocks.modifiers.italic',
+                                defaultMessage: 'Italic'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(Underline, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>handleActionClick('Underline', editorRef),
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Blocks.modifiers.underline',
+                                defaultMessage: 'Underline'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(StrikeThrough, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>handleActionClick('Strikethrough', editorRef),
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Blocks.modifiers.strikethrough',
+                                defaultMessage: 'Strikethrough'
+                            })
+                        })
+                    })
+                ]
+            }),
+            key: 'formatting-group-1'
+        },
+        {
+            toolbar: /*#__PURE__*/ jsxs(IconButtonGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>handleActionClick('BulletList', editorRef),
+                        label: formatMessage({
+                            id: 'components.Blocks.blocks.bulletList',
+                            defaultMessage: 'Bulleted list'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Blocks.blocks.bulletList',
+                            defaultMessage: 'Bulleted list'
+                        }),
+                        children: /*#__PURE__*/ jsx(BulletList, {})
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>handleActionClick('NumberList', editorRef),
+                        label: formatMessage({
+                            id: 'components.Blocks.blocks.numberList',
+                            defaultMessage: 'Numbered list'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Blocks.blocks.numberList',
+                            defaultMessage: 'Numbered list'
+                        }),
+                        children: /*#__PURE__*/ jsx(NumberList, {})
+                    })
+                ]
+            }),
+            menu: /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(Menu.Separator, {}),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(BulletList, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>handleActionClick('BulletList', editorRef),
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Blocks.blocks.unorderedList',
+                                defaultMessage: 'Bulleted list'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(NumberList, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>handleActionClick('NumberList', editorRef),
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Blocks.blocks.orderedList',
+                                defaultMessage: 'Numbered list'
+                            })
+                        })
+                    })
+                ]
+            }),
+            key: 'formatting-group-2'
+        },
+        {
+            toolbar: /*#__PURE__*/ jsxs(IconButtonGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>handleActionClick('Code', editorRef),
+                        label: formatMessage({
+                            id: 'components.Wysiwyg.blocks.code',
+                            defaultMessage: 'Code'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Wysiwyg.blocks.code',
+                            defaultMessage: 'Code'
+                        }),
+                        children: /*#__PURE__*/ jsx(Code, {})
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>{
+                            onToggleMediaLib();
+                        },
+                        label: formatMessage({
+                            id: 'components.Blocks.blocks.image',
+                            defaultMessage: 'Image'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Blocks.blocks.image',
+                            defaultMessage: 'Image'
+                        }),
+                        children: /*#__PURE__*/ jsx(Image, {})
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>handleActionClick('Link', editorRef),
+                        label: formatMessage({
+                            id: 'components.Blocks.popover.link',
+                            defaultMessage: 'Link'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Blocks.popover.link',
+                            defaultMessage: 'Link'
+                        }),
+                        children: /*#__PURE__*/ jsx(Link, {})
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        disabled: isDisabled,
+                        onClick: ()=>handleActionClick('Quote', editorRef),
+                        label: formatMessage({
+                            id: 'components.Blocks.blocks.quote',
+                            defaultMessage: 'Quote'
+                        }),
+                        name: formatMessage({
+                            id: 'components.Blocks.blocks.quote',
+                            defaultMessage: 'Quote'
+                        }),
+                        children: /*#__PURE__*/ jsx(Quotes, {})
+                    })
+                ]
+            }),
+            menu: /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(Menu.Separator, {}),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(Code, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>handleActionClick('Code', editorRef),
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Wysiwyg.blocks.code',
+                                defaultMessage: 'Code'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(Image, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>{
+                            onToggleMediaLib();
+                        },
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Blocks.blocks.image',
+                                defaultMessage: 'Image'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(Link, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>handleActionClick('Link', editorRef),
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Blocks.popover.link',
+                                defaultMessage: 'Link'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Menu.Item, {
+                        startIcon: /*#__PURE__*/ jsx(Quotes, {
+                            fill: "neutral500"
+                        }),
+                        onSelect: ()=>handleActionClick('Quote', editorRef),
+                        disabled: isDisabled,
+                        children: /*#__PURE__*/ jsx(Flex, {
+                            tag: "span",
+                            gap: 2,
+                            children: formatMessage({
+                                id: 'components.Blocks.blocks.quote',
+                                defaultMessage: 'Quote'
+                            })
+                        })
+                    })
+                ]
+            }),
+            key: 'formatting-group-3'
+        }
+    ];
+    return /*#__PURE__*/ jsxs(Flex, {
+        padding: 2,
+        background: "neutral100",
+        justifyContent: "space-between",
+        borderRadius: "0.4rem 0.4rem 0 0",
+        width: "100%",
+        gap: {
+            initial: 3,
+            medium: 4
+        },
+        children: [
+            /*#__PURE__*/ jsx(Field.Root, {
+                children: /*#__PURE__*/ jsxs(SingleSelect, {
+                    disabled: isDisabled,
+                    placeholder: formatMessage({
+                        id: 'components.Wysiwyg.selectOptions.title',
+                        defaultMessage: 'Headings'
+                    }),
+                    "aria-label": formatMessage({
+                        id: 'components.Wysiwyg.selectOptions.title',
+                        defaultMessage: 'Headings'
+                    }),
+                    // @ts-expect-error – DS v2 will only allow strings.
+                    onChange: (value)=>handleActionClick(value, editorRef),
+                    size: "S",
+                    children: [
+                        /*#__PURE__*/ jsx(SingleSelectOption, {
+                            value: "h1",
+                            startIcon: /*#__PURE__*/ jsx(HeadingOne, {
+                                fill: "neutral500"
+                            }),
+                            children: formatMessage({
+                                id: 'components.Wysiwyg.selectOptions.H1',
+                                defaultMessage: 'Heading 1'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(SingleSelectOption, {
+                            value: "h2",
+                            startIcon: /*#__PURE__*/ jsx(HeadingTwo, {
+                                fill: "neutral500"
+                            }),
+                            children: formatMessage({
+                                id: 'components.Wysiwyg.selectOptions.H2',
+                                defaultMessage: 'Heading 2'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(SingleSelectOption, {
+                            value: "h3",
+                            startIcon: /*#__PURE__*/ jsx(HeadingThree, {
+                                fill: "neutral500"
+                            }),
+                            children: formatMessage({
+                                id: 'components.Wysiwyg.selectOptions.H3',
+                                defaultMessage: 'Heading 3'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(SingleSelectOption, {
+                            value: "h4",
+                            startIcon: /*#__PURE__*/ jsx(HeadingFour, {
+                                fill: "neutral500"
+                            }),
+                            children: formatMessage({
+                                id: 'components.Wysiwyg.selectOptions.H4',
+                                defaultMessage: 'Heading 4'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(SingleSelectOption, {
+                            value: "h5",
+                            startIcon: /*#__PURE__*/ jsx(HeadingFive, {
+                                fill: "neutral500"
+                            }),
+                            children: formatMessage({
+                                id: 'components.Wysiwyg.selectOptions.H5',
+                                defaultMessage: 'Heading 5'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(SingleSelectOption, {
+                            value: "h6",
+                            startIcon: /*#__PURE__*/ jsx(HeadingSix, {
+                                fill: "neutral500"
+                            }),
+                            children: formatMessage({
+                                id: 'components.Wysiwyg.selectOptions.H6',
+                                defaultMessage: 'Heading 6'
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                width: "100%",
+                justifyContent: "space-between",
+                overflow: "hidden",
+                children: [
+                    /*#__PURE__*/ jsx(Flex, {
+                        gap: {
+                            initial: 3,
+                            medium: 2
+                        },
+                        overflow: "hidden",
+                        width: "100%",
+                        "data-hide-toolbar-separator": "true",
+                        children: /*#__PURE__*/ jsx(EditorToolbarObserver, {
+                            menuTriggerVariant: "tertiary",
+                            observedComponents: observedComponents
+                        })
+                    }),
+                    onTogglePreviewMode && !isMobile && /*#__PURE__*/ jsx(WysiwygPreviewToggleButton, {
+                        isPreviewMode: isPreviewMode,
+                        onTogglePreviewMode: onTogglePreviewMode
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { WysiwygNav, WysiwygPreviewToggleButton };
+//# sourceMappingURL=WysiwygNav.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/WysiwygNav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WysiwygNav.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygNav.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useIsMobile } from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Button,\r\n  Flex,\r\n  IconButton,\r\n  IconButtonGroup,\r\n  SingleSelectOption,\r\n  SingleSelect,\r\n  Field,\r\n  Menu,\r\n} from '@strapi/design-system';\r\nimport {\r\n  Bold,\r\n  BulletList,\r\n  Code,\r\n  Italic,\r\n  Link,\r\n  NumberList,\r\n  Image,\r\n  Quotes,\r\n  StrikeThrough,\r\n  Underline,\r\n  HeadingOne,\r\n  HeadingTwo,\r\n  HeadingThree,\r\n  HeadingFour,\r\n  HeadingFive,\r\n  HeadingSix,\r\n} from '@strapi/icons';\r\nimport { EditorFromTextArea } from 'codemirror5';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { EditorToolbarObserver, type ObservedComponent } from '../../EditorToolbarObserver';\r\n\r\nimport { listHandler, markdownHandler, quoteAndCodeHandler, titleHandler } from './utils/utils';\r\n\r\ninterface WysiwygNavProps {\r\n  disabled?: boolean;\r\n  editorRef: React.MutableRefObject<EditorFromTextArea>;\r\n  isExpandMode?: boolean;\r\n  isPreviewMode?: boolean;\r\n  onToggleMediaLib: () => void;\r\n  onTogglePreviewMode?: () => void;\r\n}\r\n\r\ninterface WysiwygPreviewToggleButtonProps {\r\n  isPreviewMode?: boolean;\r\n  onTogglePreviewMode: () => void;\r\n}\r\n\r\nconst WysiwygPreviewToggleButton = ({\r\n  isPreviewMode,\r\n  onTogglePreviewMode,\r\n}: WysiwygPreviewToggleButtonProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  return (\r\n    <Button onClick={onTogglePreviewMode} variant=\"tertiary\" minWidth=\"132px\">\r\n      {isPreviewMode\r\n        ? formatMessage({\r\n            id: 'components.Wysiwyg.ToggleMode.markdown-mode',\r\n            defaultMessage: 'Markdown mode',\r\n          })\r\n        : formatMessage({\r\n            id: 'components.Wysiwyg.ToggleMode.preview-mode',\r\n            defaultMessage: 'Preview mode',\r\n          })}\r\n    </Button>\r\n  );\r\n};\r\n\r\n/**\r\n * TODO: refactor this mess.\r\n */\r\nconst WysiwygNav = ({\r\n  disabled,\r\n  editorRef,\r\n  isPreviewMode,\r\n  onToggleMediaLib,\r\n  onTogglePreviewMode,\r\n}: WysiwygNavProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const isMobile = useIsMobile();\r\n  const isDisabled = disabled || isPreviewMode;\r\n\r\n  const handleActionClick = (\r\n    value: string,\r\n    currentEditorRef: React.MutableRefObject<EditorFromTextArea>\r\n  ) => {\r\n    switch (value) {\r\n      case 'Link': {\r\n        markdownHandler(currentEditorRef, value);\r\n        break;\r\n      }\r\n      case 'Code':\r\n      case 'Quote': {\r\n        quoteAndCodeHandler(currentEditorRef, value);\r\n        break;\r\n      }\r\n      case 'Bold':\r\n      case 'Italic':\r\n      case 'Underline':\r\n      case 'Strikethrough': {\r\n        markdownHandler(currentEditorRef, value);\r\n        break;\r\n      }\r\n      case 'BulletList':\r\n      case 'NumberList': {\r\n        listHandler(currentEditorRef, value);\r\n        break;\r\n      }\r\n      case 'h1':\r\n      case 'h2':\r\n      case 'h3':\r\n      case 'h4':\r\n      case 'h5':\r\n      case 'h6': {\r\n        titleHandler(currentEditorRef, value);\r\n        break;\r\n      }\r\n      default: {\r\n        // Nothing\r\n      }\r\n    }\r\n  };\r\n\r\n  const observedComponents: ObservedComponent[] = [\r\n    {\r\n      toolbar: (\r\n        <IconButtonGroup>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => handleActionClick('Bold', editorRef)}\r\n            label={formatMessage({\r\n              id: 'components.Blocks.modifiers.bold',\r\n              defaultMessage: 'Bold',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Blocks.modifiers.bold',\r\n              defaultMessage: 'Bold',\r\n            })}\r\n          >\r\n            <Bold />\r\n          </IconButton>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => handleActionClick('Italic', editorRef)}\r\n            label={formatMessage({\r\n              id: 'components.Blocks.modifiers.italic',\r\n              defaultMessage: 'Italic',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Blocks.modifiers.italic',\r\n              defaultMessage: 'Italic',\r\n            })}\r\n          >\r\n            <Italic />\r\n          </IconButton>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => handleActionClick('Underline', editorRef)}\r\n            label={formatMessage({\r\n              id: 'components.Blocks.modifiers.underline',\r\n              defaultMessage: 'Underline',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Blocks.modifiers.underline',\r\n              defaultMessage: 'Underline',\r\n            })}\r\n          >\r\n            <Underline />\r\n          </IconButton>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => handleActionClick('Strikethrough', editorRef)}\r\n            label={formatMessage({\r\n              id: 'components.Blocks.modifiers.strikethrough',\r\n              defaultMessage: 'Strikethrough',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Blocks.modifiers.strikethrough',\r\n              defaultMessage: 'Strikethrough',\r\n            })}\r\n          >\r\n            <StrikeThrough />\r\n          </IconButton>\r\n        </IconButtonGroup>\r\n      ),\r\n      menu: (\r\n        <>\r\n          <Menu.Separator />\r\n          <Menu.Item\r\n            startIcon={<Bold fill=\"neutral500\" />}\r\n            onSelect={() => handleActionClick('Bold', editorRef)}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Blocks.modifiers.bold',\r\n                defaultMessage: 'Bold',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n          <Menu.Item\r\n            startIcon={<Italic fill=\"neutral500\" />}\r\n            onSelect={() => handleActionClick('Italic', editorRef)}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Blocks.modifiers.italic',\r\n                defaultMessage: 'Italic',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n          <Menu.Item\r\n            startIcon={<Underline fill=\"neutral500\" />}\r\n            onSelect={() => handleActionClick('Underline', editorRef)}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Blocks.modifiers.underline',\r\n                defaultMessage: 'Underline',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n          <Menu.Item\r\n            startIcon={<StrikeThrough fill=\"neutral500\" />}\r\n            onSelect={() => handleActionClick('Strikethrough', editorRef)}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Blocks.modifiers.strikethrough',\r\n                defaultMessage: 'Strikethrough',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n        </>\r\n      ),\r\n      key: 'formatting-group-1',\r\n    },\r\n    {\r\n      toolbar: (\r\n        <IconButtonGroup>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => handleActionClick('BulletList', editorRef)}\r\n            label={formatMessage({\r\n              id: 'components.Blocks.blocks.bulletList',\r\n              defaultMessage: 'Bulleted list',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Blocks.blocks.bulletList',\r\n              defaultMessage: 'Bulleted list',\r\n            })}\r\n          >\r\n            <BulletList />\r\n          </IconButton>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => handleActionClick('NumberList', editorRef)}\r\n            label={formatMessage({\r\n              id: 'components.Blocks.blocks.numberList',\r\n              defaultMessage: 'Numbered list',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Blocks.blocks.numberList',\r\n              defaultMessage: 'Numbered list',\r\n            })}\r\n          >\r\n            <NumberList />\r\n          </IconButton>\r\n        </IconButtonGroup>\r\n      ),\r\n      menu: (\r\n        <>\r\n          <Menu.Separator />\r\n          <Menu.Item\r\n            startIcon={<BulletList fill=\"neutral500\" />}\r\n            onSelect={() => handleActionClick('BulletList', editorRef)}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Blocks.blocks.unorderedList',\r\n                defaultMessage: 'Bulleted list',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n          <Menu.Item\r\n            startIcon={<NumberList fill=\"neutral500\" />}\r\n            onSelect={() => handleActionClick('NumberList', editorRef)}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Blocks.blocks.orderedList',\r\n                defaultMessage: 'Numbered list',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n        </>\r\n      ),\r\n      key: 'formatting-group-2',\r\n    },\r\n    {\r\n      toolbar: (\r\n        <IconButtonGroup>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => handleActionClick('Code', editorRef)}\r\n            label={formatMessage({\r\n              id: 'components.Wysiwyg.blocks.code',\r\n              defaultMessage: 'Code',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Wysiwyg.blocks.code',\r\n              defaultMessage: 'Code',\r\n            })}\r\n          >\r\n            <Code />\r\n          </IconButton>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => {\r\n              onToggleMediaLib();\r\n            }}\r\n            label={formatMessage({\r\n              id: 'components.Blocks.blocks.image',\r\n              defaultMessage: 'Image',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Blocks.blocks.image',\r\n              defaultMessage: 'Image',\r\n            })}\r\n          >\r\n            <Image />\r\n          </IconButton>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => handleActionClick('Link', editorRef)}\r\n            label={formatMessage({\r\n              id: 'components.Blocks.popover.link',\r\n              defaultMessage: 'Link',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Blocks.popover.link',\r\n              defaultMessage: 'Link',\r\n            })}\r\n          >\r\n            <Link />\r\n          </IconButton>\r\n          <IconButton\r\n            disabled={isDisabled}\r\n            onClick={() => handleActionClick('Quote', editorRef)}\r\n            label={formatMessage({\r\n              id: 'components.Blocks.blocks.quote',\r\n              defaultMessage: 'Quote',\r\n            })}\r\n            name={formatMessage({\r\n              id: 'components.Blocks.blocks.quote',\r\n              defaultMessage: 'Quote',\r\n            })}\r\n          >\r\n            <Quotes />\r\n          </IconButton>\r\n        </IconButtonGroup>\r\n      ),\r\n      menu: (\r\n        <>\r\n          <Menu.Separator />\r\n          <Menu.Item\r\n            startIcon={<Code fill=\"neutral500\" />}\r\n            onSelect={() => handleActionClick('Code', editorRef)}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Wysiwyg.blocks.code',\r\n                defaultMessage: 'Code',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n          <Menu.Item\r\n            startIcon={<Image fill=\"neutral500\" />}\r\n            onSelect={() => {\r\n              onToggleMediaLib();\r\n            }}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Blocks.blocks.image',\r\n                defaultMessage: 'Image',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n          <Menu.Item\r\n            startIcon={<Link fill=\"neutral500\" />}\r\n            onSelect={() => handleActionClick('Link', editorRef)}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Blocks.popover.link',\r\n                defaultMessage: 'Link',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n          <Menu.Item\r\n            startIcon={<Quotes fill=\"neutral500\" />}\r\n            onSelect={() => handleActionClick('Quote', editorRef)}\r\n            disabled={isDisabled}\r\n          >\r\n            <Flex tag=\"span\" gap={2}>\r\n              {formatMessage({\r\n                id: 'components.Blocks.blocks.quote',\r\n                defaultMessage: 'Quote',\r\n              })}\r\n            </Flex>\r\n          </Menu.Item>\r\n        </>\r\n      ),\r\n      key: 'formatting-group-3',\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <Flex\r\n      padding={2}\r\n      background=\"neutral100\"\r\n      justifyContent=\"space-between\"\r\n      borderRadius=\"0.4rem 0.4rem 0 0\"\r\n      width=\"100%\"\r\n      gap={{ initial: 3, medium: 4 }}\r\n    >\r\n      <Field.Root>\r\n        <SingleSelect\r\n          disabled={isDisabled}\r\n          placeholder={formatMessage({\r\n            id: 'components.Wysiwyg.selectOptions.title',\r\n            defaultMessage: 'Headings',\r\n          })}\r\n          aria-label={formatMessage({\r\n            id: 'components.Wysiwyg.selectOptions.title',\r\n            defaultMessage: 'Headings',\r\n          })}\r\n          // @ts-expect-error – DS v2 will only allow strings.\r\n          onChange={(value) => handleActionClick(value, editorRef)}\r\n          size=\"S\"\r\n        >\r\n          <SingleSelectOption value=\"h1\" startIcon={<HeadingOne fill=\"neutral500\" />}>\r\n            {formatMessage({\r\n              id: 'components.Wysiwyg.selectOptions.H1',\r\n              defaultMessage: 'Heading 1',\r\n            })}\r\n          </SingleSelectOption>\r\n          <SingleSelectOption value=\"h2\" startIcon={<HeadingTwo fill=\"neutral500\" />}>\r\n            {formatMessage({\r\n              id: 'components.Wysiwyg.selectOptions.H2',\r\n              defaultMessage: 'Heading 2',\r\n            })}\r\n          </SingleSelectOption>\r\n          <SingleSelectOption value=\"h3\" startIcon={<HeadingThree fill=\"neutral500\" />}>\r\n            {formatMessage({\r\n              id: 'components.Wysiwyg.selectOptions.H3',\r\n              defaultMessage: 'Heading 3',\r\n            })}\r\n          </SingleSelectOption>\r\n          <SingleSelectOption value=\"h4\" startIcon={<HeadingFour fill=\"neutral500\" />}>\r\n            {formatMessage({\r\n              id: 'components.Wysiwyg.selectOptions.H4',\r\n              defaultMessage: 'Heading 4',\r\n            })}\r\n          </SingleSelectOption>\r\n          <SingleSelectOption value=\"h5\" startIcon={<HeadingFive fill=\"neutral500\" />}>\r\n            {formatMessage({\r\n              id: 'components.Wysiwyg.selectOptions.H5',\r\n              defaultMessage: 'Heading 5',\r\n            })}\r\n          </SingleSelectOption>\r\n          <SingleSelectOption value=\"h6\" startIcon={<HeadingSix fill=\"neutral500\" />}>\r\n            {formatMessage({\r\n              id: 'components.Wysiwyg.selectOptions.H6',\r\n              defaultMessage: 'Heading 6',\r\n            })}\r\n          </SingleSelectOption>\r\n        </SingleSelect>\r\n      </Field.Root>\r\n      <Flex width=\"100%\" justifyContent=\"space-between\" overflow=\"hidden\">\r\n        <Flex\r\n          gap={{ initial: 3, medium: 2 }}\r\n          overflow=\"hidden\"\r\n          width=\"100%\"\r\n          data-hide-toolbar-separator=\"true\"\r\n        >\r\n          <EditorToolbarObserver\r\n            menuTriggerVariant=\"tertiary\"\r\n            observedComponents={observedComponents}\r\n          />\r\n        </Flex>\r\n\r\n        {onTogglePreviewMode && !isMobile && (\r\n          <WysiwygPreviewToggleButton\r\n            isPreviewMode={isPreviewMode}\r\n            onTogglePreviewMode={onTogglePreviewMode}\r\n          />\r\n        )}\r\n      </Flex>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nexport { WysiwygNav, WysiwygPreviewToggleButton };\r\nexport type { WysiwygNavProps, WysiwygPreviewToggleButtonProps };\r\n"],"names":["WysiwygPreviewToggleButton","isPreviewMode","onTogglePreviewMode","formatMessage","useIntl","_jsx","Button","onClick","variant","minWidth","id","defaultMessage","WysiwygNav","disabled","editorRef","onToggleMediaLib","isMobile","useIsMobile","isDisabled","handleActionClick","value","currentEditorRef","markdownHandler","quoteAndCodeHandler","listHandler","titleHandler","observedComponents","toolbar","_jsxs","IconButtonGroup","IconButton","label","name","Bold","Italic","Underline","StrikeThrough","menu","_Fragment","Menu","Separator","Item","startIcon","fill","onSelect","Flex","tag","gap","key","BulletList","NumberList","Code","Image","Link","Quotes","padding","background","justifyContent","borderRadius","width","initial","medium","Field","Root","SingleSelect","placeholder","aria-label","onChange","size","SingleSelectOption","HeadingOne","HeadingTwo","HeadingThree","HeadingFour","HeadingFive","HeadingSix","overflow","data-hide-toolbar-separator","EditorToolbarObserver","menuTriggerVariant"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/WysiwygStyles.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+// NAV BUTTONS
+styledComponents.styled(designSystem.IconButtonGroup)`
+  margin-left: ${({ theme })=>theme.spaces[4]};
+`;
+styledComponents.styled(designSystem.IconButton)`
+  margin: ${({ theme })=>`0 ${theme.spaces[2]}`};
+`;
+// NAV
+styledComponents.styled(designSystem.IconButtonGroup)`
+  margin-right: ${({ theme })=>`${theme.spaces[2]}`};
+`;
+// FOOTER
+const ExpandButton = styledComponents.styled(designSystem.Button)`
+  background-color: transparent;
+  border: none;
+  align-items: center;
+
+  & > span {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    font-weight: ${({ theme })=>theme.fontWeights.regular};
+  }
+
+  svg {
+    margin-left: ${({ theme })=>`${theme.spaces[2]}`};
+    path {
+      fill: ${({ theme })=>theme.colors.neutral700};
+      width: 1.2rem;
+      height: 1.2rem;
+    }
+  }
+`;
+
+exports.ExpandButton = ExpandButton;
+//# sourceMappingURL=WysiwygStyles.js.map

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/WysiwygStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WysiwygStyles.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygStyles.tsx"],"sourcesContent":["import { Button, IconButton, IconButtonComponent, IconButtonGroup } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\n// NAV BUTTONS\r\nexport const MainButtons = styled(IconButtonGroup)`\r\n  margin-left: ${({ theme }) => theme.spaces[4]};\r\n`;\r\n\r\nexport const MoreButton = styled<IconButtonComponent>(IconButton)`\r\n  margin: ${({ theme }) => `0 ${theme.spaces[2]}`};\r\n`;\r\n\r\n// NAV\r\n\r\nexport const IconButtonGroupMargin = styled(IconButtonGroup)`\r\n  margin-right: ${({ theme }) => `${theme.spaces[2]}`};\r\n`;\r\n\r\n// FOOTER\r\nexport const ExpandButton = styled(Button)`\r\n  background-color: transparent;\r\n  border: none;\r\n  align-items: center;\r\n\r\n  & > span {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 100%;\r\n    font-weight: ${({ theme }) => theme.fontWeights.regular};\r\n  }\r\n\r\n  svg {\r\n    margin-left: ${({ theme }) => `${theme.spaces[2]}`};\r\n    path {\r\n      fill: ${({ theme }) => theme.colors.neutral700};\r\n      width: 1.2rem;\r\n      height: 1.2rem;\r\n    }\r\n  }\r\n`;\r\n"],"names":["styled","IconButtonGroup","theme","spaces","IconButton","ExpandButton","Button","fontWeights","regular","colors","neutral700"],"mappings":";;;;;AAGA;AAC2BA,uBAAAA,CAAOC,4BAAAA,CAAgB,CAAC;eACpC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAChD;AAE0BH,uBAAAA,CAA4BI,uBAAAA,CAAW,CAAC;AACxD,UAAA,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAK,CAAC,EAAE,EAAEA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,EAAE,CAAC;AAClD;AAEA;AAEqCH,uBAAAA,CAAOC,4BAAAA,CAAgB,CAAC;gBAC7C,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAK,CAAA,EAAGA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAA,CAAE,CAAC;AACtD;AAEA;AACO,MAAME,YAAAA,GAAeL,uBAAAA,CAAOM,mBAAAA,CAAO,CAAC;;;;;;;;;;iBAU1B,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,WAAW,CAACC,OAAO,CAAC;;;;iBAI3C,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAK,CAAA,EAAGA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAA,CAAE,CAAC;;YAE3C,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMO,MAAM,CAACC,UAAU,CAAC;;;;;AAKrD;;;;"}