strapi-plugin-comments 2.3.1 → 3.0.0-beta.0

package/admin/src/components/Wysiwyg/Field.js

@@ -1,135 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wysiwyg = void 0;
-const React = __importStar(require("react"));
-const design_system_1 = require("@strapi/design-system");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const react_intl_1 = require("react-intl");
-const styled_components_1 = __importDefault(require("styled-components"));
-const Hint_1 = require("../Hint");
-const Editor_1 = require("./Editor");
-const EditorLayout_1 = require("./EditorLayout");
-const utils_1 = require("./utils/utils");
-const WysiwygFooter_1 = require("./WysiwygFooter");
-const WysiwygNav_1 = require("./WysiwygNav");
-const Wysiwyg = React.forwardRef(({ hint, disabled, error, intlLabel, labelAction, name, onChange, placeholder, value, required }, forwardedRef) => {
-    const { formatMessage } = (0, react_intl_1.useIntl)();
-    const textareaRef = React.useRef(null);
-    const editorRef = React.useRef(null);
-    const [isPreviewMode, setIsPreviewMode] = React.useState(false);
-    const [mediaLibVisible, setMediaLibVisible] = React.useState(false);
-    const [isExpandMode, setIsExpandMode] = React.useState(false);
-    const { components = {} } = (0, helper_plugin_1.useLibrary)();
-    const MediaLibraryDialog = components['media-library'];
-    const handleToggleMediaLib = () => setMediaLibVisible((prev) => !prev);
-    const handleTogglePreviewMode = () => setIsPreviewMode((prev) => !prev);
-    const handleToggleExpand = () => {
-        setIsPreviewMode(false);
-        setIsExpandMode((prev) => !prev);
-    };
-    const handleActionClick = (value, currentEditorRef, togglePopover) => {
-        switch (value) {
-            case 'Link':
-            case 'Strikethrough': {
-                (0, utils_1.markdownHandler)(currentEditorRef, value);
-                togglePopover?.();
-                break;
-            }
-            case 'Code':
-            case 'Quote': {
-                (0, utils_1.quoteAndCodeHandler)(currentEditorRef, value);
-                togglePopover?.();
-                break;
-            }
-            case 'Bold':
-            case 'Italic':
-            case 'Underline': {
-                (0, utils_1.markdownHandler)(currentEditorRef, value);
-                break;
-            }
-            case 'BulletList':
-            case 'NumberList': {
-                (0, utils_1.listHandler)(currentEditorRef, value);
-                togglePopover?.();
-                break;
-            }
-            case 'h1':
-            case 'h2':
-            case 'h3':
-            case 'h4':
-            case 'h5':
-            case 'h6': {
-                (0, utils_1.titleHandler)(currentEditorRef, value);
-                break;
-            }
-            default: {
-            }
-        }
-    };
-    const handleSelectAssets = (files) => {
-        const formattedFiles = files.map((f) => ({
-            alt: f.alternativeText || f.name,
-            url: (0, helper_plugin_1.prefixFileUrlWithBackendUrl)(f.url),
-            mime: f.mime,
-        }));
-        (0, utils_1.insertFile)(editorRef, formattedFiles);
-        setMediaLibVisible(false);
-    };
-    const formattedPlaceholder = placeholder
-        ? formatMessage({ id: placeholder.id, defaultMessage: placeholder.defaultMessage }, { ...placeholder.values })
-        : '';
-    const label = intlLabel.id
-        ? formatMessage({ id: intlLabel.id, defaultMessage: intlLabel.defaultMessage }, { ...intlLabel.values })
-        : name;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(design_system_1.Flex, { direction: "column", alignItems: "stretch", gap: 1 },
-            React.createElement(design_system_1.Flex, { gap: 1 },
-                React.createElement(design_system_1.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800" },
-                    label,
-                    required && React.createElement(TypographyAsterisk, { textColor: "danger600" }, "*")),
-                labelAction && React.createElement(LabelAction, { paddingLeft: 1 }, labelAction)),
-            React.createElement(EditorLayout_1.EditorLayout, { isExpandMode: isExpandMode, error: error, previewContent: value, onCollapse: handleToggleExpand },
-                React.createElement(WysiwygNav_1.WysiwygNav, { isExpandMode: isExpandMode, editorRef: editorRef, isPreviewMode: isPreviewMode, onActionClick: handleActionClick, onToggleMediaLib: handleToggleMediaLib, onTogglePreviewMode: isExpandMode ? undefined : handleTogglePreviewMode, disabled: disabled }),
-                React.createElement(Editor_1.Editor, { disabled: disabled, isExpandMode: isExpandMode, editorRef: editorRef, error: error, isPreviewMode: isPreviewMode, name: name, onChange: onChange, placeholder: formattedPlaceholder, textareaRef: textareaRef, value: value, ref: forwardedRef }),
-                !isExpandMode && React.createElement(WysiwygFooter_1.WysiwygFooter, { onToggleExpand: handleToggleExpand })),
-            React.createElement(Hint_1.Hint, { hint: hint, name: name, error: error })),
-        error && (React.createElement(design_system_1.Box, { paddingTop: 1 },
-            React.createElement(design_system_1.Typography, { variant: "pi", textColor: "danger600", "data-strapi-field-error": true }, error))),
-        mediaLibVisible && (React.createElement(MediaLibraryDialog, { onClose: handleToggleMediaLib, onSelectAssets: handleSelectAssets }))));
-});
-exports.Wysiwyg = Wysiwyg;
-const LabelAction = (0, styled_components_1.default)(design_system_1.Box) `
-  svg path {
-    fill: ${({ theme }) => theme.colors.neutral500};
-  }
-`;
-const TypographyAsterisk = (0, styled_components_1.default)(design_system_1.Typography) `
-  line-height: 0;
-`;
-//# sourceMappingURL=Field.js.map

package/admin/src/components/Wysiwyg/PreviewWysiwyg.js

@@ -1,191 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PreviewWysiwyg = void 0;
-const React = __importStar(require("react"));
-const sanitize_html_1 = __importDefault(require("sanitize-html"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const mdRenderer_1 = require("./utils/mdRenderer");
-const PreviewWysiwyg = ({ data = '' }) => {
-    const html = React.useMemo(() => (0, sanitize_html_1.default)(mdRenderer_1.md.render(data.replaceAll('\\n', '\n') || ''), {
-        ...sanitize_html_1.default.defaults,
-        allowedTags: false,
-        allowedAttributes: {
-            '*': ['href', 'align', 'alt', 'center', 'width', 'height', 'type', 'controls', 'target'],
-            img: ['src', 'alt'],
-            source: ['src', 'type'],
-        },
-    }), [data]);
-    return (React.createElement(Wrapper, null,
-        React.createElement("div", { dangerouslySetInnerHTML: { __html: html } })));
-};
-exports.PreviewWysiwyg = PreviewWysiwyg;
-const Wrapper = styled_components_1.default.div `
-  position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[4]}`};
-  font-size: ${14 / 16}rem;
-  background-color: ${({ theme }) => theme.colors.neutral0};
-  color: ${({ theme }) => theme.colors.neutral800};
-  line-height: ${({ theme }) => theme.lineHeights[6]};
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin-block-start: ${({ theme }) => theme.spaces[2]};
-    margin-block-end: ${({ theme }) => theme.spaces[2]};
-  }
-
-  p {
-    margin-bottom: ${({ theme }) => theme.spaces[2]};
-  }
-
-  h1 {
-    font-size: ${36 / 16}rem;
-    font-weight: 600;
-  }
-
-  h2 {
-    font-size: ${30 / 16}rem;
-    font-weight: 500;
-  }
-
-  h3 {
-    font-size: ${24 / 16}rem;
-    font-weight: 500;
-  }
-
-  h4 {
-    font-size: ${20 / 16}rem;
-    font-weight: 500;
-  }
-
-  strong {
-    font-weight: 800;
-  }
-
-  em {
-    font-style: italic;
-  }
-
-  blockquote {
-    margin-top: ${({ theme }) => theme.spaces[8]};
-    margin-bottom: ${({ theme }) => theme.spaces[7]};
-    font-size: ${14 / 16}rem;
-    font-weight: 400;
-    border-left: 4px solid ${({ theme }) => theme.colors.neutral150};
-    font-style: italic;
-    padding: ${({ theme }) => theme.spaces[2]} ${({ theme }) => theme.spaces[5]};
-  }
-
-  img {
-    max-width: 100%;
-  }
-
-  table {
-    thead {
-      background: ${({ theme }) => theme.colors.neutral150};
-
-      th {
-        padding: ${({ theme }) => theme.spaces[4]};
-      }
-    }
-    tr {
-      border: 1px solid ${({ theme }) => theme.colors.neutral200};
-    }
-    th,
-    td {
-      padding: ${({ theme }) => theme.spaces[4]};
-      border: 1px solid ${({ theme }) => theme.colors.neutral200};
-      border-bottom: 0;
-      border-top: 0;
-    }
-  }
-
-  pre,
-  code {
-    font-size: ${14 / 16}rem;
-    border-radius: 4px;
-    /* 
-      Hard coded since the color is the same between themes,
-      theme.colors.neutral800 changes between themes.
-
-      Matches the color of the JSON Input component.
-    */
-    background-color: #32324d;
-    max-width: 100%;
-    overflow: auto;
-    padding: ${({ theme }) => theme.spaces[2]};
-  }
-
-  /* Inline code */
-  p,
-  pre,
-  td {
-    > code {
-      color: #839496;
-    }
-  }
-
-  ol {
-    list-style-type: decimal;
-    margin-block-start: ${({ theme }) => theme.spaces[4]};
-    margin-block-end: ${({ theme }) => theme.spaces[4]};
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    padding-inline-start: ${({ theme }) => theme.spaces[4]};
-
-    ol,
-    ul {
-      margin-block-start: 0px;
-      margin-block-end: 0px;
-    }
-  }
-
-  ul {
-    list-style-type: disc;
-    margin-block-start: ${({ theme }) => theme.spaces[4]};
-    margin-block-end: ${({ theme }) => theme.spaces[4]};
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    padding-inline-start: ${({ theme }) => theme.spaces[4]};
-
-    ul,
-    ol {
-      margin-block-start: 0px;
-      margin-block-end: 0px;
-    }
-  }
-`;
-//# sourceMappingURL=PreviewWysiwyg.js.map

package/admin/src/components/Wysiwyg/WysiwygFooter.d.ts

@@ -1,8 +0,0 @@
-import { BaseButtonProps } from '@strapi/design-system';
-interface WysiwygFooterProps {
-    onToggleExpand: BaseButtonProps['onClick'];
-}
-declare const WysiwygFooter: ({ onToggleExpand }: WysiwygFooterProps) => JSX.Element;
-export { WysiwygFooter };
-export type { WysiwygFooterProps };
-//# sourceMappingURL=WysiwygFooter.d.ts.map

package/admin/src/components/Wysiwyg/WysiwygFooter.js

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WysiwygFooter = void 0;
-const React = __importStar(require("react"));
-const design_system_1 = require("@strapi/design-system");
-const icons_1 = require("@strapi/icons");
-const react_intl_1 = require("react-intl");
-const WysiwygStyles_1 = require("./WysiwygStyles");
-const WysiwygFooter = ({ onToggleExpand }) => {
-    const { formatMessage } = (0, react_intl_1.useIntl)();
-    return (React.createElement(design_system_1.Box, { padding: 2, background: "neutral100", borderRadius: `0 0 ${4 / 16}rem ${4 / 16}rem` },
-        React.createElement(design_system_1.Flex, { justifyContent: "flex-end", alignItems: "flex-end" },
-            React.createElement(WysiwygStyles_1.ExpandButton, { id: "expand", onClick: onToggleExpand },
-                React.createElement(design_system_1.Typography, null, formatMessage({
-                    id: 'components.WysiwygBottomControls.fullscreen',
-                    defaultMessage: 'Expand',
-                })),
-                React.createElement(icons_1.Expand, null)))));
-};
-exports.WysiwygFooter = WysiwygFooter;
-//# sourceMappingURL=WysiwygFooter.js.map

package/admin/src/components/Wysiwyg/WysiwygNav.js

@@ -1,114 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WysiwygNav = void 0;
-const React = __importStar(require("react"));
-const design_system_1 = require("@strapi/design-system");
-const icons_1 = require("@strapi/icons");
-const react_intl_1 = require("react-intl");
-const styled_components_1 = __importDefault(require("styled-components"));
-const WysiwygStyles_1 = require("./WysiwygStyles");
-const WysiwygNav = ({ disabled, editorRef, isExpandMode, isPreviewMode, onActionClick, onToggleMediaLib, onTogglePreviewMode, }) => {
-    const [visiblePopover, setVisiblePopover] = React.useState(false);
-    const { formatMessage } = (0, react_intl_1.useIntl)();
-    const selectPlaceholder = formatMessage({
-        id: 'components.Wysiwyg.selectOptions.title',
-        defaultMessage: 'Add a title',
-    });
-    const buttonMoreRef = React.useRef(null);
-    const handleTogglePopover = () => {
-        setVisiblePopover((prev) => !prev);
-    };
-    if (disabled || isPreviewMode) {
-        return (React.createElement(design_system_1.Flex, { padding: 2, background: "neutral100", justifyContent: "space-between", borderRadius: `${4 / 16}rem ${4 / 16}rem 0 0` },
-            React.createElement(StyledFlex, null,
-                React.createElement(design_system_1.SingleSelect, { disabled: true, placeholder: selectPlaceholder, size: "S", label: selectPlaceholder },
-                    React.createElement(design_system_1.SingleSelectOption, { value: "h1" }, "h1"),
-                    React.createElement(design_system_1.SingleSelectOption, { value: "h2" }, "h2"),
-                    React.createElement(design_system_1.SingleSelectOption, { value: "h3" }, "h3"),
-                    React.createElement(design_system_1.SingleSelectOption, { value: "h4" }, "h4"),
-                    React.createElement(design_system_1.SingleSelectOption, { value: "h5" }, "h5"),
-                    React.createElement(design_system_1.SingleSelectOption, { value: "h6" }, "h6")),
-                React.createElement(WysiwygStyles_1.MainButtons, null,
-                    React.createElement(WysiwygStyles_1.CustomIconButton, { disabled: true, label: "Bold", name: "Bold", icon: React.createElement(icons_1.Bold, null) }),
-                    React.createElement(WysiwygStyles_1.CustomIconButton, { disabled: true, label: "Italic", name: "Italic", icon: React.createElement(icons_1.Italic, null) }),
-                    React.createElement(WysiwygStyles_1.CustomIconButton, { disabled: true, label: "Underline", name: "Underline", icon: React.createElement(icons_1.Underline, null) })),
-                React.createElement(WysiwygStyles_1.MoreButton, { disabled: true, label: "More", icon: React.createElement(icons_1.More, null) })),
-            !isExpandMode && (React.createElement(design_system_1.Button, { onClick: onTogglePreviewMode, variant: "tertiary" }, formatMessage({
-                id: 'components.Wysiwyg.ToggleMode.markdown-mode',
-                defaultMessage: 'Markdown mode',
-            })))));
-    }
-    return (React.createElement(design_system_1.Flex, { padding: 2, background: "neutral100", justifyContent: "space-between", borderRadius: `${4 / 16}rem ${4 / 16}rem 0 0` },
-        React.createElement(StyledFlex, null,
-            React.createElement(design_system_1.SingleSelect, { placeholder: selectPlaceholder, label: selectPlaceholder, size: "S", onChange: (value) => onActionClick(value, editorRef) },
-                React.createElement(design_system_1.SingleSelectOption, { value: "h1" }, "h1"),
-                React.createElement(design_system_1.SingleSelectOption, { value: "h2" }, "h2"),
-                React.createElement(design_system_1.SingleSelectOption, { value: "h3" }, "h3"),
-                React.createElement(design_system_1.SingleSelectOption, { value: "h4" }, "h4"),
-                React.createElement(design_system_1.SingleSelectOption, { value: "h5" }, "h5"),
-                React.createElement(design_system_1.SingleSelectOption, { value: "h6" }, "h6")),
-            React.createElement(WysiwygStyles_1.MainButtons, null,
-                React.createElement(WysiwygStyles_1.CustomIconButton, { onClick: () => onActionClick('Bold', editorRef), label: "Bold", name: "Bold", icon: React.createElement(icons_1.Bold, null) }),
-                React.createElement(WysiwygStyles_1.CustomIconButton, { onClick: () => onActionClick('Italic', editorRef), label: "Italic", name: "Italic", icon: React.createElement(icons_1.Italic, null) }),
-                React.createElement(WysiwygStyles_1.CustomIconButton, { onClick: () => onActionClick('Underline', editorRef), label: "Underline", name: "Underline", icon: React.createElement(icons_1.Underline, null) })),
-            React.createElement(WysiwygStyles_1.MoreButton, { ref: buttonMoreRef, onClick: handleTogglePopover, label: "More", icon: React.createElement(icons_1.More, null) }),
-            visiblePopover && (React.createElement(design_system_1.Popover, { onDismiss: handleTogglePopover, centered: true, source: buttonMoreRef, spacing: 4 },
-                React.createElement(design_system_1.Flex, null,
-                    React.createElement(WysiwygStyles_1.IconButtonGroupMargin, null,
-                        React.createElement(WysiwygStyles_1.CustomIconButton, { onClick: () => onActionClick('Strikethrough', editorRef, handleTogglePopover), label: "Strikethrough", name: "Strikethrough", icon: React.createElement(icons_1.StrikeThrough, null) }),
-                        React.createElement(WysiwygStyles_1.CustomIconButton, { onClick: () => onActionClick('BulletList', editorRef, handleTogglePopover), label: "BulletList", name: "BulletList", icon: React.createElement(icons_1.BulletList, null) }),
-                        React.createElement(WysiwygStyles_1.CustomIconButton, { onClick: () => onActionClick('NumberList', editorRef, handleTogglePopover), label: "NumberList", name: "NumberList", icon: React.createElement(icons_1.NumberList, null) })),
-                    React.createElement(design_system_1.IconButtonGroup, null,
-                        React.createElement(WysiwygStyles_1.CustomIconButton, { onClick: () => onActionClick('Code', editorRef, handleTogglePopover), label: "Code", name: "Code", icon: React.createElement(icons_1.Code, null) }),
-                        React.createElement(WysiwygStyles_1.CustomIconButton, { onClick: () => {
-                                handleTogglePopover();
-                                onToggleMediaLib();
-                            }, label: "Image", name: "Image", icon: React.createElement(icons_1.Picture, null) }),
-                        React.createElement(WysiwygStyles_1.CustomLinkIconButton, { onClick: () => onActionClick('Link', editorRef, handleTogglePopover), label: "Link", name: "Link", icon: React.createElement(icons_1.Link, null) }),
-                        React.createElement(WysiwygStyles_1.CustomIconButton, { onClick: () => onActionClick('Quote', editorRef, handleTogglePopover), label: "Quote", name: "Quote", icon: React.createElement(icons_1.Quote, null) })))))),
-        onTogglePreviewMode && (React.createElement(design_system_1.Button, { onClick: onTogglePreviewMode, variant: "tertiary" }, formatMessage({
-            id: 'components.Wysiwyg.ToggleMode.preview-mode',
-            defaultMessage: 'Preview mode',
-        })))));
-};
-exports.WysiwygNav = WysiwygNav;
-const StyledFlex = (0, styled_components_1.default)(design_system_1.Flex) `
-  /* Hide the label, every input needs a label. */
-  label {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-`;
-//# sourceMappingURL=WysiwygNav.js.map

package/admin/src/components/Wysiwyg/WysiwygStyles.d.ts

@@ -1,7 +0,0 @@
-export declare const CustomIconButton: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const CustomLinkIconButton: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const MainButtons: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const MoreButton: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const IconButtonGroupMargin: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const ExpandButton: import("styled-components").StyledComponent<any, any, any, any>;
-//# sourceMappingURL=WysiwygStyles.d.ts.map

package/admin/src/components/Wysiwyg/WysiwygStyles.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpandButton = exports.IconButtonGroupMargin = exports.MoreButton = exports.MainButtons = exports.CustomLinkIconButton = exports.CustomIconButton = void 0;
-const design_system_1 = require("@strapi/design-system");
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.CustomIconButton = (0, styled_components_1.default)(design_system_1.IconButton) `
-  padding: ${({ theme }) => theme.spaces[2]};
-  /* Trick to prevent the outline from overflowing because of the general outline-offset */
-  outline-offset: -2px !important;
-
-  svg {
-    width: ${18 / 16}rem;
-    height: ${18 / 16}rem;
-  }
-`;
-exports.CustomLinkIconButton = (0, styled_components_1.default)(exports.CustomIconButton) `
-  svg {
-    width: ${8 / 16}rem;
-    height: ${8 / 16}rem;
-  }
-`;
-exports.MainButtons = (0, styled_components_1.default)(design_system_1.IconButtonGroup) `
-  margin-left: ${({ theme }) => theme.spaces[4]};
-`;
-exports.MoreButton = (0, styled_components_1.default)(design_system_1.IconButton) `
-  margin: ${({ theme }) => `0 ${theme.spaces[2]}`};
-  padding: ${({ theme }) => theme.spaces[2]};
-
-  svg {
-    width: ${18 / 16}rem;
-    height: ${18 / 16}rem;
-  }
-`;
-exports.IconButtonGroupMargin = (0, styled_components_1.default)(design_system_1.IconButtonGroup) `
-  margin-right: ${({ theme }) => `${theme.spaces[2]}`};
-`;
-exports.ExpandButton = (0, styled_components_1.default)(design_system_1.BaseButton) `
-  background-color: transparent;
-  border: none;
-  align-items: center;
-
-  svg {
-    margin-left: ${({ theme }) => `${theme.spaces[2]}`};
-    path {
-      fill: ${({ theme }) => theme.colors.neutral700};
-      width: ${12 / 16}rem;
-      height: ${12 / 16}rem;
-    }
-  }
-`;
-//# sourceMappingURL=WysiwygStyles.js.map

package/admin/src/components/Wysiwyg/utils/continueList.js

@@ -1,83 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.newlineAndIndentContinueMarkdownList = newlineAndIndentContinueMarkdownList;
-const codemirror5_1 = __importDefault(require("codemirror5"));
-var listRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/, emptyListRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/, unorderedListRE = /[*+-]\s/;
-function newlineAndIndentContinueMarkdownList(cm) {
-    if (cm.getOption('disableInput'))
-        return codemirror5_1.default.Pass;
-    var ranges = cm.listSelections(), replacements = [];
-    for (var i = 0; i < ranges.length; i++) {
-        var pos = ranges[i].head;
-        var eolState = cm.getStateAfter(pos.line);
-        var inList = eolState.list !== false;
-        var inQuote = eolState.quote !== 0;
-        var line = cm.getLine(pos.line), match = listRE.exec(line);
-        var cursorBeforeBullet = /^\s*$/.test(line.slice(0, pos.ch));
-        if (!ranges[i].empty() || (!inList && !inQuote) || !match || cursorBeforeBullet) {
-            cm.execCommand('newlineAndIndent');
-            return;
-        }
-        if (emptyListRE.test(line)) {
-            var endOfQuote = inQuote && />\s*$/.test(line);
-            var endOfList = !/>\s*$/.test(line);
-            if (endOfQuote || endOfList)
-                cm.replaceRange('', {
-                    line: pos.line,
-                    ch: 0,
-                }, {
-                    line: pos.line,
-                    ch: pos.ch + 1,
-                });
-            replacements[i] = '\n';
-        }
-        else {
-            var indent = match[1], after = match[5];
-            var numbered = !(unorderedListRE.test(match[2]) || match[2].indexOf('>') >= 0);
-            var bullet = numbered ? parseInt(match[3], 10) + 1 + match[4] : match[2].replace('x', ' ');
-            replacements[i] = '\n' + indent + bullet + after;
-            if (numbered)
-                incrementRemainingMarkdownListNumbers(cm, pos);
-        }
-    }
-    cm.replaceSelections(replacements);
-}
-function incrementRemainingMarkdownListNumbers(cm, pos) {
-    var startLine = pos.line, lookAhead = 0, skipCount = 0;
-    var startItem = listRE.exec(cm.getLine(startLine)), startIndent = startItem[1];
-    do {
-        lookAhead += 1;
-        var nextLineNumber = startLine + lookAhead;
-        var nextLine = cm.getLine(nextLineNumber);
-        var nextItem = listRE.exec(nextLine);
-        if (nextItem) {
-            var nextIndent = nextItem[1];
-            var newNumber = parseInt(startItem[3], 10) + lookAhead - skipCount;
-            var nextNumber = parseInt(nextItem[3], 10), itemNumber = nextNumber;
-            if (startIndent === nextIndent && !isNaN(nextNumber)) {
-                if (newNumber === nextNumber)
-                    itemNumber = nextNumber + 1;
-                if (newNumber > nextNumber)
-                    itemNumber = newNumber + 1;
-                cm.replaceRange(nextLine.replace(listRE, nextIndent + itemNumber + nextItem[4] + nextItem[5]), {
-                    line: nextLineNumber,
-                    ch: 0,
-                }, {
-                    line: nextLineNumber,
-                    ch: nextLine.length,
-                });
-            }
-            else {
-                if (startIndent.length > nextIndent.length)
-                    return;
-                if (startIndent.length < nextIndent.length && lookAhead === 1)
-                    return;
-                skipCount += 1;
-            }
-        }
-    } while (nextItem);
-}
-//# sourceMappingURL=continueList.js.map