strapi-plugin-comments 2.1.7 → 2.2.0-beta.0

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

@@ -0,0 +1,162 @@
+"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

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

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

@@ -0,0 +1,39 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const mdRenderer_1 = __importDefault(require("./utils/mdRenderer"));
+const satinizeHtml_1 = __importDefault(require("./utils/satinizeHtml"));
+const Wrapper_1 = __importDefault(require("./Wrapper"));
+const PreviewWysiwyg = ({ data }) => {
+    const html = (0, react_1.useMemo)(() => (0, satinizeHtml_1.default)(mdRenderer_1.default.render(data || '')), [data]);
+    return (react_1.default.createElement(Wrapper_1.default, null,
+        react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: html } })));
+};
+exports.default = (0, react_1.memo)(PreviewWysiwyg);
+//# sourceMappingURL=index.js.map

package/admin/src/components/PreviewWysiwyg/utils/mdRenderer.d.ts

@@ -0,0 +1,3 @@
+declare const md: any;
+export default md;
+//# sourceMappingURL=mdRenderer.d.ts.map

package/admin/src/components/PreviewWysiwyg/utils/mdRenderer.js

@@ -0,0 +1,88 @@
+"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 });
+const markdown_it_1 = __importDefault(require("markdown-it"));
+const highlight_js_1 = require("highlight.js");
+const markdown_it_abbr_1 = __importDefault(require("markdown-it-abbr"));
+const markdown_it_container_1 = __importDefault(require("markdown-it-container"));
+const markdown_it_deflist_1 = __importDefault(require("markdown-it-deflist"));
+const markdown_it_emoji_1 = __importDefault(require("markdown-it-emoji"));
+const markdown_it_footnote_1 = __importDefault(require("markdown-it-footnote"));
+const markdown_it_ins_1 = __importDefault(require("markdown-it-ins"));
+const markdown_it_mark_1 = __importDefault(require("markdown-it-mark"));
+const markdown_it_sub_1 = __importDefault(require("markdown-it-sub"));
+const markdown_it_sup_1 = __importDefault(require("markdown-it-sup"));
+const loadCss = async () => {
+    await Promise.resolve().then(() => __importStar(require('highlight.js/styles/solarized-dark.css')));
+};
+loadCss();
+const md = new markdown_it_1.default({
+    html: true,
+    xhtmlOut: false,
+    breaks: true,
+    langPrefix: 'language-',
+    linkify: true,
+    typographer: true,
+    highlight: (str, lang) => {
+        if (lang && lang !== 'auto' && (0, highlight_js_1.getLanguage)(lang)) {
+            return ('<pre class="hljs language-' +
+                md.utils.escapeHtml(lang.toLowerCase()) +
+                '"><code>' +
+                (0, highlight_js_1.highlight)(lang, str, true).value +
+                '</code></pre>');
+        }
+        if (lang === 'auto') {
+            const result = (0, highlight_js_1.highlightAuto)(str);
+            return ('<pre class="hljs language-' +
+                md.utils.escapeHtml(result.language) +
+                '"><code>' +
+                result.value +
+                '</code></pre>');
+        }
+        return '<pre class="hljs"><code>' + md.utils.escapeHtml(str) + '</code></pre>';
+    },
+})
+    .use(markdown_it_abbr_1.default)
+    .use(markdown_it_container_1.default, 'warning')
+    .use(markdown_it_container_1.default, 'tip')
+    .use(markdown_it_deflist_1.default)
+    .use(markdown_it_emoji_1.default)
+    .use(markdown_it_footnote_1.default)
+    .use(markdown_it_ins_1.default)
+    .use(markdown_it_mark_1.default)
+    .use(markdown_it_sub_1.default)
+    .use(markdown_it_sup_1.default);
+md.renderer.rules.footnote_ref = (tokens, idx, options, env, slf) => {
+    const caption = slf.rules.footnote_caption(tokens, idx, options, env, slf);
+    return '<sup class="footnote-ref"><span>' + caption + '</span></sup>';
+};
+md.renderer.rules.footnote_anchor = () => {
+    return ' <span class="footnote-backref">\u21a9\uFE0E</span>';
+};
+exports.default = md;
+//# sourceMappingURL=mdRenderer.js.map

package/admin/src/components/PreviewWysiwyg/utils/satinizeHtml.d.ts

@@ -0,0 +1,3 @@
+declare const clean: (dirty: any) => any;
+export default clean;
+//# sourceMappingURL=satinizeHtml.d.ts.map

package/admin/src/components/PreviewWysiwyg/utils/satinizeHtml.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const sanitize_html_1 = __importDefault(require("sanitize-html"));
+const options = {
+    ...sanitize_html_1.default.defaults,
+    allowedTags: false,
+    allowedAttributes: {
+        '*': ['href', 'align', 'alt', 'center', 'width', 'height', 'type', 'controls', 'target'],
+        img: ['src', 'alt'],
+        source: ['src', 'type'],
+    },
+};
+const clean = dirty => (0, sanitize_html_1.default)(dirty, options);
+exports.default = clean;
+//# sourceMappingURL=satinizeHtml.js.map

package/admin/src/components/ReportsActions/components/BlockMenu/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare const BlockMenu: ({ handlers: { handleBlockItemClick, handleBlockItemThreadClick, handleClickResolve, handleResolveAllAbuseReportsForComment, handleResolveAllAbuseReportsForThread, handleUnblockItemClick, handleUnblockThreadClick, }, item, type, }: {
+    handlers: {
+        handleBlockItemClick: any;
+        handleBlockItemThreadClick: any;
+        handleClickResolve: any;
+        handleResolveAllAbuseReportsForComment: any;
+        handleResolveAllAbuseReportsForThread: any;
+        handleUnblockItemClick: any;
+        handleUnblockThreadClick: any;
+    };
+    item: any;
+    type: any;
+}) => JSX.Element;
+export default BlockMenu;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/ReportsActions/components/BlockMenu/index.js

@@ -0,0 +1,51 @@
+"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 SimpleMenu_1 = require("@strapi/design-system/SimpleMenu");
+const utils_1 = require("../../../../utils");
+const iconButtonStyle = { minHeight: "2em", paddingLeft: '5px', paddingRight: "12px" };
+const BlockMenu = ({ handlers: { handleBlockItemClick, handleBlockItemThreadClick, handleClickResolve, handleResolveAllAbuseReportsForComment, handleResolveAllAbuseReportsForThread, handleUnblockItemClick, handleUnblockThreadClick, }, item, type, }) => {
+    const { id: reportId, related: { blocked: blockedComment, blockedThread, gotThread, id: commentId } } = item;
+    const isIconButton = type === "icon";
+    const handleBlockComment = (0, react_1.useCallback)(() => {
+        handleBlockItemClick(commentId);
+        handleResolveAllAbuseReportsForComment(commentId);
+    }, [handleBlockItemClick, handleResolveAllAbuseReportsForComment]);
+    const handleUnblockComment = (0, react_1.useCallback)(() => handleUnblockItemClick(commentId), [handleUnblockItemClick]);
+    const handleBlockThread = (0, react_1.useCallback)(() => {
+        handleBlockItemThreadClick(commentId);
+        handleResolveAllAbuseReportsForThread(commentId);
+    }, [handleBlockItemThreadClick, handleResolveAllAbuseReportsForThread]);
+    const handleUnblockThread = (0, react_1.useCallback)(() => {
+        handleUnblockThreadClick(commentId);
+    }, [handleUnblockThreadClick]);
+    return (react_1.default.createElement(SimpleMenu_1.SimpleMenu, { label: isIconButton ? null : "Block", variant: "danger-light", style: isIconButton ? iconButtonStyle : null },
+        !blockedComment ? (react_1.default.createElement(SimpleMenu_1.MenuItem, { disabled: blockedThread, onClick: handleBlockComment }, (0, utils_1.getMessage)("page.details.actions.comment.block", "Block comment"))) : (react_1.default.createElement(SimpleMenu_1.MenuItem, { disabled: blockedThread, onClick: handleUnblockComment }, (0, utils_1.getMessage)("page.details.actions.comment.unblock", "Unblock comment"))),
+        gotThread &&
+            (!blockedThread ? (react_1.default.createElement(SimpleMenu_1.MenuItem, { onClick: handleBlockThread }, (0, utils_1.getMessage)("page.details.actions.thread.block", "Block thread"))) : (react_1.default.createElement(SimpleMenu_1.MenuItem, { onClick: handleUnblockThread }, (0, utils_1.getMessage)("page.details.actions.thread.unblock", "Unblock thread"))))));
+};
+exports.default = BlockMenu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const ReportsActions: ({ allowedActions, item, mutation, onSelectionChange, reports, selectedReports, updateReports, }: {
+    allowedActions: any;
+    item: any;
+    mutation: any;
+    onSelectionChange: any;
+    reports: any;
+    selectedReports: any;
+    updateReports: any;
+}) => JSX.Element;
+export default ReportsActions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,31 @@
+"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 styles_1 = require("../ActionButton/styles");
+const Flex_1 = require("@strapi/design-system/Flex");
+const icons_1 = require("../icons");
+const utils_1 = require("../../utils");
+const useReportsActionsHandlers_1 = __importDefault(require("../../hooks/useReportsActionsHandlers"));
+const BlockMenu_1 = __importDefault(require("./components/BlockMenu"));
+const ReportsActions = ({ allowedActions, item, mutation, onSelectionChange, reports, selectedReports, updateReports, }) => {
+    const { id: reportId, resolved, related: { blocked: blockedComment, blockedThread, gotThread, id: commentId } } = item;
+    const handlers = (0, useReportsActionsHandlers_1.default)({
+        allowedActions,
+        commentId,
+        mutation,
+        onSelectionChange,
+        reports,
+        selectedReports,
+        updateReports
+    });
+    const { handleClickResolve } = handlers;
+    return (react_1.default.createElement(Flex_1.Flex, null,
+        !resolved ? (react_1.default.createElement(styles_1.ActionButton, { isSingle: true, onClick: () => handleClickResolve(reportId), startIcon: icons_1.check, variant: "success" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.actions.resolve", "resolve"))) : (react_1.default.createElement(BlockMenu_1.default, { handlers: handlers, item: item })),
+        !resolved &&
+            react_1.default.createElement(BlockMenu_1.default, { handlers: handlers, item: item, type: "icon" })));
+};
+exports.default = ReportsActions;
+//# sourceMappingURL=index.js.map

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

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
 declare const ReportsReviewModal: {
     ({ isVisible, item, children, onClose, startActions, endActions, }: {
         isVisible?: boolean | undefined;
@@ -6,15 +8,19 @@ declare const ReportsReviewModal: {
         onClose: any;
         startActions: any;
         endActions: any;
-    }): any;
+    }): false | JSX.Element;
     propTypes: {
-        isVisible: any;
-        startActions: any;
-        endActions: any;
-        item: any;
-        children: any;
-        allowedActions: any;
-        onClose: any;
+        isVisible: PropTypes.Requireable<boolean>;
+        startActions: PropTypes.Requireable<any[]>;
+        endActions: PropTypes.Requireable<any[]>;
+        item: PropTypes.Validator<object>;
+        children: PropTypes.Validator<any[]>;
+        allowedActions: PropTypes.Requireable<PropTypes.InferProps<{
+            canModerate: PropTypes.Requireable<boolean>;
+            canAccessReports: PropTypes.Requireable<boolean>;
+            canReviewReports: PropTypes.Requireable<boolean>;
+        }>>;
+        onClose: PropTypes.Validator<(...args: any[]) => any>;
     };
 };
 export default ReportsReviewModal;

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

@@ -1,27 +1,16 @@
-declare const ReportsReviewTable: {
-    ({ commentId, items, selectedItems, mutation, updateItems, allowedActions: { canAccessReports, canReviewReports }, onBlockButtonsStateChange, onSelectionChange, }: {
-        commentId: any;
-        items: any;
-        selectedItems?: never[] | undefined;
-        mutation: any;
-        updateItems: any;
-        allowedActions: {
-            canAccessReports: any;
-            canReviewReports: any;
-        };
-        onBlockButtonsStateChange: any;
-        onSelectionChange: any;
-    }): any;
-    propTypes: {
-        commentId: any;
-        items: any;
-        selectedItems: any;
-        mutation: any;
-        allowedActions: any;
-        onBlockButtonsStateChange: any;
-        onSelectionChange: any;
-        updateItems: any;
+/// <reference types="react" />
+declare const ReportsReviewTable: ({ commentId, items, selectedItems, mutation, updateItems, allowedActions: { canAccessReports, canReviewReports }, onBlockButtonsStateChange, onSelectionChange, }: {
+    commentId: any;
+    items: any;
+    selectedItems?: never[] | undefined;
+    mutation: any;
+    updateItems: any;
+    allowedActions: {
+        canAccessReports: any;
+        canReviewReports: any;
     };
-};
+    onBlockButtonsStateChange: any;
+    onSelectionChange: any;
+}) => JSX.Element | null;
 export default ReportsReviewTable;
 //# sourceMappingURL=index.d.ts.map

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

@@ -28,14 +28,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_intl_1 = require("react-intl");
-const prop_types_1 = __importDefault(require("prop-types"));
 const lodash_1 = require("lodash");
 const BaseCheckbox_1 = require("@strapi/design-system/BaseCheckbox");
 const Flex_1 = require("@strapi/design-system/Flex");
 const Table_1 = require("@strapi/design-system/Table");
 const Typography_1 = require("@strapi/design-system/Typography");
 const VisuallyHidden_1 = require("@strapi/design-system/VisuallyHidden");
-const icons_1 = require("@strapi/icons");
+const icons_1 = require("../icons");
 const helper_plugin_1 = require("@strapi/helper-plugin");
 const utils_1 = require("../../utils");
 const constants_1 = require("../../utils/constants");
@@ -72,15 +71,15 @@ const ReportsReviewTable = ({ commentId, items, selectedItems = [], mutation, up
             onSelectionChange(value ? selection : []);
         }
         else {
-            onSelectionChange([...selectedItems, selection].filter(item => value || selection !== item));
+            onSelectionChange([...selectedItems, selection].filter((item) => value || selection !== item));
         }
     };
-    const isNotResolved = entry => !entry.resolved;
+    const isNotResolved = (entry) => !entry.resolved;
     const unresolvedItems = items.filter(isNotResolved);
-    const areAllItemsSelected = () => !(0, lodash_1.isEmpty)(selectedItems) ?
-        selectedItems.length === unresolvedItems.length :
-        false;
-    const isItemSelected = id => selectedItems.includes(id);
+    const areAllItemsSelected = () => !(0, lodash_1.isEmpty)(selectedItems)
+        ? selectedItems.length === unresolvedItems.length
+        : false;
+    const isItemSelected = (id) => selectedItems.includes(id);
     const handleClickResolve = async (reportId) => {
         if (canReviewReports) {
             lockApp();
@@ -94,11 +93,12 @@ const ReportsReviewTable = ({ commentId, items, selectedItems = [], mutation, up
                     resolved: reportId === _.id ? true : _.resolved,
                 }));
                 updateItems(updatedItems);
-                onSelectionChange(selectedItems.filter(_ => _ !== reportId));
+                onSelectionChange(selectedItems.filter((_) => _ !== reportId));
                 onBlockButtonsStateChange(updatedItems.filter(isNotResolved).length === 0);
             }
         }
     };
+    const handleValueChange = (0, react_1.useCallback)((value) => handleItemSelectionChange(unresolvedItems.map((_) => _.id), value), [unresolvedItems, handleItemSelectionChange]);
     if ((0, lodash_1.isEmpty)(items)) {
         return null;
     }
@@ -108,7 +108,7 @@ const ReportsReviewTable = ({ commentId, items, selectedItems = [], mutation, up
             react_1.default.createElement(Table_1.Thead, null,
                 react_1.default.createElement(Table_1.Tr, null,
                     react_1.default.createElement(Table_1.Th, null,
-                        react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, { "aria-label": (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.selectAll"), value: areAllItemsSelected(), disabled: (0, lodash_1.isEmpty)(unresolvedItems), onValueChange: (0, react_1.useCallback)((value) => handleItemSelectionChange(unresolvedItems.map(_ => _.id), value), [unresolvedItems]) })),
+                        react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, { "aria-label": (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.selectAll"), value: areAllItemsSelected(), disabled: (0, lodash_1.isEmpty)(unresolvedItems), onValueChange: handleValueChange })),
                     react_1.default.createElement(Table_1.Th, null,
                         react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.reason"))),
                     react_1.default.createElement(Table_1.Th, null,
@@ -133,22 +133,9 @@ const ReportsReviewTable = ({ commentId, items, selectedItems = [], mutation, up
                     }))),
                 react_1.default.createElement(Table_1.Td, null, renderStatus(entry.resolved)),
                 canReviewReports && (react_1.default.createElement(Table_1.Td, null, !entry.resolved && (react_1.default.createElement(Flex_1.Flex, { direction: "column", alignItems: "flex-end" },
-                    react_1.default.createElement(styles_1.ActionButton, { isSingle: true, onClick: () => handleClickResolve(entry.id), startIcon: react_1.default.createElement(icons_1.Check, null), variant: "success" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.actions.resolve", "resolve"))))))))))));
+                    react_1.default.createElement(styles_1.ActionButton, { isSingle: true, onClick: () => handleClickResolve(entry.id), startIcon: icons_1.check, variant: "success" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.actions.resolve", "resolve"))))))))))));
     }
     return null;
 };
-ReportsReviewTable.propTypes = {
-    commentId: prop_types_1.default.oneOfType(prop_types_1.default.string, prop_types_1.default.number).isRequired,
-    items: prop_types_1.default.array.isRequired,
-    selectedItems: prop_types_1.default.array.isRequired,
-    mutation: prop_types_1.default.func.isRequired,
-    allowedActions: prop_types_1.default.shape({
-        canAccessReports: prop_types_1.default.bool,
-        canReviewReports: prop_types_1.default.bool,
-    }),
-    onBlockButtonsStateChange: prop_types_1.default.func.isRequired,
-    onSelectionChange: prop_types_1.default.func.isRequired,
-    updateItems: prop_types_1.default.func.isRequired,
-};
 exports.default = ReportsReviewTable;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare const StatusBadge: ({ children, textColor, ...rest }: {
     [x: string]: any;
     children: any;
     textColor: any;
-}) => any;
+}) => JSX.Element;
 export default StatusBadge;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,9 +1,19 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
 declare const TableFilters: {
     ({ displayedFilters }: {
         displayedFilters: any;
-    }): any;
+    }): JSX.Element;
     propTypes: {
-        displayedFilters: any;
+        displayedFilters: PropTypes.Validator<(PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            metadatas: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+            }>>;
+            fieldSchema: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+            }>>;
+        }> | null | undefined)[]>;
     };
 };
 export default TableFilters;

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

@@ -30,7 +30,7 @@ const react_1 = __importStar(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
 const Button_1 = require("@strapi/design-system/Button");
 const Box_1 = require("@strapi/design-system/Box");
-const icons_1 = require("@strapi/icons");
+const icons_1 = require("../icons");
 const helper_plugin_1 = require("@strapi/helper-plugin");
 const utils_1 = require("../../utils");
 const TableFilters = ({ displayedFilters }) => {
@@ -41,7 +41,7 @@ const TableFilters = ({ displayedFilters }) => {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Box_1.Box, { paddingTop: 1, paddingBottom: 1 },
-            react_1.default.createElement(Button_1.Button, { variant: "tertiary", ref: buttonRef, startIcon: react_1.default.createElement(icons_1.Filter, null), onClick: handleToggle, size: "S" }, (0, utils_1.getMessage)("page.discover.table.filters")),
+            react_1.default.createElement(Button_1.Button, { variant: "tertiary", ref: buttonRef, startIcon: icons_1.filter, onClick: handleToggle, size: "S" }, (0, utils_1.getMessage)("page.discover.table.filters")),
             isVisible && (react_1.default.createElement(helper_plugin_1.FilterPopoverURLQuery, { displayedFilters: displayedFilters, isVisible: isVisible, onToggle: handleToggle, source: buttonRef }))),
         react_1.default.createElement(helper_plugin_1.FilterListURLQuery, { filtersSchema: displayedFilters })));
 };