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

package/admin/src/components/FormSwitch/index.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Stack_1 = require("@strapi/design-system/Stack");
-const Typography_1 = require("@strapi/design-system/Typography");
-const styles_1 = require("./styles");
-const FormSwitch = ({ label, hint, ...props }) => (react_1.default.createElement(Stack_1.Stack, { size: 1 },
-    label && (react_1.default.createElement(Typography_1.Typography, { variant: "pi", as: "label", fontWeight: "bold", textColor: "neutral800" }, label)),
-    react_1.default.createElement(styles_1.StyledSwitch, { label: label, ...props }),
-    hint && (react_1.default.createElement(Typography_1.Typography, { variant: "pi", as: "label", textColor: "neutral600" }, hint))));
-exports.default = FormSwitch;
-//# sourceMappingURL=index.js.map

package/admin/src/components/FormSwitch/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledSwitch: import("styled-components").StyledComponent<any, any, any, any>;
-//# sourceMappingURL=styles.d.ts.map

package/admin/src/components/FormSwitch/styles.js

@@ -1,14 +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.StyledSwitch = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Switch_1 = require("@strapi/design-system/Switch");
-exports.StyledSwitch = (0, styled_components_1.default)(Switch_1.Switch) `
-  & > div > span {
-    font-size: 12px;
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/admin/src/components/Hint/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-type HintProps = {
-    description: {
-        id: string;
-        defaultMessage: string;
-        values: {};
-    } | undefined;
-    error: string | undefined;
-    id: string;
-    name: string;
-};
-export declare const Hint: React.FC<HintProps>;
-export default Hint;
-//# sourceMappingURL=index.d.ts.map

package/admin/src/components/Hint/index.js

@@ -1,22 +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.Hint = void 0;
-const react_1 = __importDefault(require("react"));
-const react_intl_1 = require("react-intl");
-const Typography_1 = require("@strapi/design-system/Typography");
-const Hint = ({ id, error, name, description }) => {
-    const { formatMessage } = (0, react_intl_1.useIntl)();
-    const hint = description
-        ? formatMessage({ id: description.id, defaultMessage: description.defaultMessage }, { ...description.values })
-        : '';
-    if (!hint || error) {
-        return null;
-    }
-    return (react_1.default.createElement(Typography_1.Typography, { as: "p", variant: "pi", id: `${id || name}-hint`, textColor: "neutral600" }, hint));
-};
-exports.Hint = Hint;
-exports.default = exports.Hint;
-//# sourceMappingURL=index.js.map

package/admin/src/components/IconButton/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const IconButtonGroupStyled: import("styled-components").StyledComponent<any, any, any, any>;
-//# sourceMappingURL=styles.d.ts.map

package/admin/src/components/IconButton/styles.js

@@ -1,21 +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.IconButtonGroupStyled = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const IconButton_1 = require("@strapi/design-system/IconButton");
-exports.IconButtonGroupStyled = (0, styled_components_1.default)(IconButton_1.IconButtonGroup) `
-  ${({ isSingle }) => isSingle &&
-    `
-        span:first-child button {
-            border-radius: 4px;
-        }
-    `}
-  ${({ withMargin }) => withMargin &&
-    `
-        margin-left: .5rem;
-    `}
-`;
-//# sourceMappingURL=styles.js.map

package/admin/src/components/Initializer/index.d.ts

@@ -1,5 +0,0 @@
-declare const Initializer: ({ setPlugin }: {
-    setPlugin: any;
-}) => null;
-export default Initializer;
-//# sourceMappingURL=index.d.ts.map

package/admin/src/components/Initializer/index.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const pluginId_1 = require("../../pluginId");
-const Initializer = ({ setPlugin }) => {
-    const ref = (0, react_1.useRef)();
-    ref.current = setPlugin;
-    (0, react_1.useEffect)(() => {
-        ref.current(pluginId_1.pluginId);
-    }, []);
-    return null;
-};
-exports.default = Initializer;
-//# sourceMappingURL=index.js.map

package/admin/src/components/LoadingIndicatorOverlay/index.d.ts

@@ -1,3 +0,0 @@
-declare const LoadingIndicatorOverlay: () => JSX.Element;
-export default LoadingIndicatorOverlay;
-//# sourceMappingURL=index.d.ts.map

package/admin/src/components/LoadingIndicatorOverlay/index.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const styles_1 = require("./styles");
-const LoadingIndicatorOverlay = () => (react_1.default.createElement(styles_1.LoadingIndicatorOverlayWrapper, null,
-    react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null)));
-exports.default = LoadingIndicatorOverlay;
-//# sourceMappingURL=index.js.map

package/admin/src/components/LoadingIndicatorOverlay/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const LoadingIndicatorOverlayWrapper: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const LoadingIndicatorContainer: import("styled-components").StyledComponent<(props: any) => any, any, {}, never>;
-//# sourceMappingURL=styles.d.ts.map

package/admin/src/components/LoadingIndicatorOverlay/styles.js

@@ -1,25 +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.LoadingIndicatorContainer = exports.LoadingIndicatorOverlayWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Box_1 = require("@strapi/design-system/Box");
-exports.LoadingIndicatorOverlayWrapper = (0, styled_components_1.default)(Box_1.Box) `
-  height: 100% !important;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  background: rgba(255, 255, 255, 0.7);
-  z-index: 1;
-
-  & > div {
-    height: 100% !important;
-  }
-`;
-exports.LoadingIndicatorContainer = (0, styled_components_1.default)((props) => props.as) `
-  position: relative;
-`;
-//# sourceMappingURL=styles.js.map

package/admin/src/components/ModeratorResponse/index.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { Comment } from "../../../../types/contentTypes";
-type ModeratorResponseProps = {
-    rootThread: Comment;
-};
-declare const ModeratorResponse: React.FC<ModeratorResponseProps>;
-export default ModeratorResponse;
-//# sourceMappingURL=index.d.ts.map

package/admin/src/components/ModeratorResponse/index.js

@@ -1,106 +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 });
-const react_1 = __importStar(require("react"));
-const react_query_1 = require("react-query");
-const api_1 = require("../../pages/utils/api");
-const styles_1 = require("./styles");
-const api_2 = require("../../pages/utils/api");
-const Box_1 = require("@strapi/design-system/Box");
-const Typography_1 = require("@strapi/design-system/Typography");
-const Flex_1 = require("@strapi/design-system/Flex");
-const Button_1 = require("@strapi/design-system/Button");
-const Divider_1 = require("@strapi/design-system/Divider");
-const utils_1 = require("../../utils");
-const Field_1 = require("../Wysiwyg/Field");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const pluginId_1 = require("../../pluginId");
-const ModeratorResponse = ({ rootThread, }) => {
-    const { id: threadId, blockedThread } = rootThread;
-    const [commentField, setCommentField] = (0, react_1.useState)("");
-    const [isFieldEmpty, setIsFieldEmpty] = (0, react_1.useState)(true);
-    const handleCommentChange = (e) => {
-        setCommentField(e.target.value);
-    };
-    const user = helper_plugin_1.auth.get("userInfo");
-    (0, react_1.useEffect)(() => {
-        setIsFieldEmpty(!commentField);
-    }, [commentField]);
-    const toggleNotification = (0, helper_plugin_1.useNotification)();
-    const queryClient = (0, react_query_1.useQueryClient)();
-    const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
-    const onSuccess = (message, stateAction = (_func) => { }) => async () => {
-        await queryClient.invalidateQueries("get-details-data");
-        toggleNotification({
-            type: "success",
-            message: `${pluginId_1.pluginId}.${message}`,
-        });
-        stateAction(false);
-        setCommentField('');
-        unlockApp && unlockApp();
-    };
-    const onError = (err) => {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    };
-    const unblockItemThreadMutation = (0, react_query_1.useMutation)(api_1.unblockItemThread);
-    const postCommentMutation = (0, react_query_1.useMutation)(api_2.postComment, {
-        onSuccess: onSuccess("page.details.actions.comment.post.confirmation"),
-        onError,
-    });
-    const handleSave = async () => {
-        lockApp && lockApp();
-        await postCommentMutation.mutate({
-            threadId,
-            body: commentField,
-            author: user,
-        });
-    };
-    const handleReopen = async () => {
-        lockApp && lockApp();
-        await unblockItemThreadMutation.mutate(threadId);
-        await postCommentMutation.mutate({
-            threadId,
-            body: commentField,
-            author: user,
-        });
-    };
-    const intlLabel = {
-        id: "",
-        defaultMessage: "",
-        values: {},
-    };
-    return (react_1.default.createElement(styles_1.ModeratorResponseStyled, null,
-        react_1.default.createElement(Divider_1.Divider, null),
-        react_1.default.createElement(Box_1.Box, { hasRadius: true, padding: 4 },
-            react_1.default.createElement(Box_1.Box, null,
-                react_1.default.createElement(Typography_1.Typography, { variant: "delta", textColor: "neutral800", id: "moderator-reply" }, (0, utils_1.getMessage)("page.details.panel.discussion.reply", "Reply"))),
-            react_1.default.createElement(Box_1.Box, { paddingTop: 2, paddingBottom: 4 },
-                react_1.default.createElement(Field_1.Wysiwyg, { name: "", type: "wysiwyg", value: commentField, onChange: handleCommentChange, intlLabel: intlLabel })),
-            react_1.default.createElement(Flex_1.Flex, { direction: "row", justifyContent: "flex-end", gap: 2 },
-                blockedThread && (react_1.default.createElement(Button_1.Button, { variant: "secondary", onClick: handleReopen, disabled: isFieldEmpty }, (0, utils_1.getMessage)("page.details.panel.discussion.reopen", "Re-open"))),
-                react_1.default.createElement(Button_1.Button, { variant: "primary", onClick: handleSave, disabled: isFieldEmpty }, (0, utils_1.getMessage)("page.details.panel.discussion.send", "Send"))))));
-};
-exports.default = ModeratorResponse;
-//# sourceMappingURL=index.js.map

package/admin/src/components/ModeratorResponse/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const ModeratorResponseStyled: import("styled-components").StyledComponent<any, any, any, any>;
-//# sourceMappingURL=styles.d.ts.map

package/admin/src/components/ModeratorResponse/styles.js

@@ -1,12 +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.ModeratorResponseStyled = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Stack_1 = require("@strapi/design-system/Stack");
-exports.ModeratorResponseStyled = (0, styled_components_1.default)(Stack_1.Stack) `
-  width: 100%;
-`;
-//# sourceMappingURL=styles.js.map

package/admin/src/components/ModeratorResponseModal/ModeratorResponseModal.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { Id } from "strapi-typed";
-type ModeratorResponseModalProps = {
-    content: string;
-    id: Id;
-    title: string;
-    onClose: () => void;
-};
-declare const ModeratorResponseModal: React.FC<ModeratorResponseModalProps>;
-export default ModeratorResponseModal;
-//# sourceMappingURL=ModeratorResponseModal.d.ts.map

package/admin/src/components/ModeratorResponseModal/ModeratorResponseModal.js

@@ -1,95 +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 });
-const react_1 = __importStar(require("react"));
-const react_query_1 = require("react-query");
-const api_1 = require("../../pages/utils/api");
-const ModalLayout_1 = require("@strapi/design-system/ModalLayout");
-const Typography_1 = require("@strapi/design-system/Typography");
-const Button_1 = require("@strapi/design-system/Button");
-const utils_1 = require("../../utils");
-const Field_1 = require("../Wysiwyg/Field");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const pluginId_1 = require("../../pluginId");
-const ModeratorResponseModal = ({ content, id, title, onClose, }) => {
-    const [commentField, setCommentField] = (0, react_1.useState)(content);
-    const handleCommentChange = (e) => {
-        setCommentField(e.target.value);
-    };
-    const user = helper_plugin_1.auth.get("userInfo");
-    const handleClose = onClose;
-    const toggleNotification = (0, helper_plugin_1.useNotification)();
-    const queryClient = (0, react_query_1.useQueryClient)();
-    const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
-    const onSuccess = (message, stateAction = (_func) => { }) => async () => {
-        await queryClient.invalidateQueries("get-details-data");
-        onClose();
-        toggleNotification({
-            type: "success",
-            message: `${pluginId_1.pluginId}.${message}`,
-        });
-        stateAction(false);
-        unlockApp && unlockApp();
-    };
-    const onError = (err) => {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    };
-    const postCommentMutation = (0, react_query_1.useMutation)(api_1.postComment, {
-        onSuccess: onSuccess("page.details.actions.comment.post.confirmation"),
-        onError,
-    });
-    const updateCommentMutation = (0, react_query_1.useMutation)(api_1.updateComment, {
-        onSuccess: onSuccess("page.details.actions.comment.update.confirmation"),
-        onError,
-    });
-    const handlePostComment = async () => {
-        lockApp && lockApp();
-        await postCommentMutation.mutate({
-            threadId: id,
-            body: commentField,
-            author: user,
-        });
-    };
-    const handleUpdateComment = async () => {
-        lockApp && lockApp();
-        await updateCommentMutation.mutate({
-            id,
-            body: commentField,
-        });
-    };
-    const intlLabel = {
-        id: "",
-        defaultMessage: "",
-        values: {},
-    };
-    return (react_1.default.createElement(ModalLayout_1.ModalLayout, { onClose: handleClose, labelledBy: title },
-        react_1.default.createElement(ModalLayout_1.ModalHeader, null,
-            react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id: "title" }, title)),
-        react_1.default.createElement(ModalLayout_1.ModalBody, null,
-            react_1.default.createElement(Field_1.Wysiwyg, { name: "", value: commentField, onChange: handleCommentChange, intlLabel: intlLabel })),
-        react_1.default.createElement(ModalLayout_1.ModalFooter, { startActions: react_1.default.createElement(Button_1.Button, { onClick: handleClose, variant: "tertiary" }, (0, utils_1.getMessage)("compontents.confirmation.dialog.button.cancel")), endActions: content.length ? (react_1.default.createElement(Button_1.Button, { onClick: handleUpdateComment }, (0, utils_1.getMessage)("page.details.actions.thread.modal.update.comment"))) : (react_1.default.createElement(Button_1.Button, { onClick: handlePostComment }, (0, utils_1.getMessage)("page.details.actions.thread.modal.start.thread"))) })));
-};
-exports.default = ModeratorResponseModal;
-//# sourceMappingURL=ModeratorResponseModal.js.map

package/admin/src/components/Nav/index.d.ts

@@ -1,7 +0,0 @@
-declare const Nav: ({ visible, hasNewComments, hasNewReports }: {
-    visible?: boolean | undefined;
-    hasNewComments: any;
-    hasNewReports: any;
-}) => JSX.Element | null;
-export default Nav;
-//# sourceMappingURL=index.d.ts.map

package/admin/src/components/Nav/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const SubNav_1 = require("@strapi/design-system/SubNav");
-const icons_1 = require("../icons");
-const getMessage_1 = __importDefault(require("../../utils/getMessage"));
-const getUrl_1 = __importDefault(require("../../utils/getUrl"));
-const Nav = ({ visible = false, hasNewComments, hasNewReports }) => {
-    if (!visible) {
-        return null;
-    }
-    return (react_1.default.createElement(SubNav_1.SubNav, { ariaLabel: 'Comments sub nav' },
-        react_1.default.createElement(SubNav_1.SubNavHeader, { label: (0, getMessage_1.default)('plugin.name') }),
-        react_1.default.createElement(SubNav_1.SubNavSections, null,
-            react_1.default.createElement(SubNav_1.SubNavSection, { label: (0, getMessage_1.default)('nav.header.moderation') },
-                react_1.default.createElement(SubNav_1.SubNavLink, { to: (0, getUrl_1.default)('discover'), icon: icons_1.discuss }, (0, getMessage_1.default)('nav.item.discover')),
-                react_1.default.createElement(SubNav_1.SubNavLink, { to: (0, getUrl_1.default)('reports'), withBullet: hasNewReports, icon: icons_1.thumbDown }, (0, getMessage_1.default)('nav.item.reports'))))));
-};
-exports.default = Nav;
-//# sourceMappingURL=index.js.map

package/admin/src/components/PluginIcon/index.d.ts

@@ -1,3 +0,0 @@
-declare const PluginIcon: () => JSX.Element;
-export default PluginIcon;
-//# sourceMappingURL=index.d.ts.map

package/admin/src/components/PluginIcon/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("../icons");
-const PluginIcon = () => icons_1.comments;
-exports.default = PluginIcon;
-//# sourceMappingURL=index.js.map

package/admin/src/components/PreviewWysiwyg/Wrapper.d.ts

@@ -1,3 +0,0 @@
-declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default Wrapper;
-//# sourceMappingURL=Wrapper.d.ts.map

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

@@ -1,162 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = __importDefault(require("styled-components"));
-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};
-  z-index: 2;
-  cursor: not-allowed;
-  color: ${({ theme }) => theme.colors.neutral800};
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin-block-start: 10px;
-    margin-block-end: 10px;
-  }
-
-  p {
-    margin-bottom: 10px;
-  }
-
-  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: 41px;
-    margin-bottom: 34px;
-    font-size: ${14 / 16}rem;
-    font-weight: 400;
-    border-left: 5px solid #eee;
-    font-style: italic;
-    padding: 10px 20px;
-  }
-
-  img {
-    max-width: 100%;
-  }
-
-  table {
-    font-size: 13px;
-    thead {
-      background: rgb(243, 243, 243);
-      tr {
-        height: 43px;
-      }
-    }
-    tr {
-      border: 1px solid #c6cbd1;
-    }
-    th,
-    td {
-      padding: 0 25px;
-      border: 1px solid #c6cbd1;
-      border-bottom: 0;
-      border-top: 0;
-    }
-
-    tbody {
-      tr {
-        height: 54px;
-      }
-    }
-  }
-
-  pre,
-  code {
-    font-size: 13px;
-    border-radius: 3px;
-    background-color: #002b36;
-  }
-
-  /* Inline code */
-  p,
-  pre,
-  td {
-    > code {
-      color: #839496;
-    }
-  }
-
-  .warning {
-    background-color: #faa684;
-    padding: 30px;
-    border-radius: 3px;
-  }
-  .tip {
-    padding: 30px;
-    border-radius: 3px;
-  }
-
-  .footnote-ref,
-  .footnote-backref {
-    color: #007bff;
-  }
-
-  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;
-    }
-  }
-`;
-exports.default = Wrapper;
-//# sourceMappingURL=Wrapper.js.map

package/admin/src/components/PreviewWysiwyg/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type PreviewWysiwygProps = {
-    data: string;
-};
-declare const _default: React.NamedExoticComponent<PreviewWysiwygProps>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map