strapi-plugin-comments 2.0.11 → 2.1.1

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

@@ -1,53 +1,30 @@
 "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) {
+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);
+    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 };
-  };
+};
+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 react_intl_1 = require("react-intl");
@@ -64,258 +41,100 @@ const utils_1 = require("../../utils");
 const constants_1 = require("../../utils/constants");
 const StatusBadge_1 = __importDefault(require("../StatusBadge"));
 const styles_1 = require("../ActionButton/styles");
-const ReportsReviewTable = ({
-  commentId,
-  items,
-  mutation,
-  allowedActions: { canAccessReports, canReviewReports },
-  onBlockButtonsStateChange,
-}) => {
-  const [storedItems, setStoredItems] = (0, react_1.useState)([]);
-  const { formatDate } = (0, react_intl_1.useIntl)();
-  const { lockApp } = (0, helper_plugin_1.useOverlayBlocker)();
-  const renderStatus = (resolved) => {
-    const status = resolved
-      ? constants_1.REPORT_STATUS.RESOLVED
-      : constants_1.REPORT_STATUS.OPEN;
-    let color = "alternative";
-    switch (status) {
-      case constants_1.REPORT_STATUS.RESOLVED:
-        color = "success";
-        break;
-      case constants_1.REPORT_STATUS.OPEN:
-        color = "danger";
-    }
-    return react_1.default.createElement(
-      StatusBadge_1.default,
-      {
-        backgroundColor: `${color}100`,
-        textColor: `${color}600`,
-        color: color,
-      },
-      (0, utils_1.getMessage)(
-        `page.details.panel.discussion.warnings.reports.dialog.status.${status}`,
-        status
-      )
-    );
-  };
-  const renderReason = (reason) => {
-    let color = "neutral";
-    switch (reason) {
-      case constants_1.REPORT_REASON.DISCRIMINATION:
-        color = "danger";
-        break;
-      case constants_1.REPORT_REASON.BAD_LANGUAGE:
-        color = "warning";
+const ReportsReviewTable = ({ commentId, items, mutation, allowedActions: { canAccessReports, canReviewReports }, onBlockButtonsStateChange, }) => {
+    const [storedItems, setStoredItems] = (0, react_1.useState)([]);
+    const { formatDate } = (0, react_intl_1.useIntl)();
+    const { lockApp } = (0, helper_plugin_1.useOverlayBlocker)();
+    const renderStatus = (resolved) => {
+        const status = resolved ? constants_1.REPORT_STATUS.RESOLVED : constants_1.REPORT_STATUS.OPEN;
+        let color = "alternative";
+        switch (status) {
+            case constants_1.REPORT_STATUS.RESOLVED:
+                color = "success";
+                break;
+            case constants_1.REPORT_STATUS.OPEN:
+                color = "danger";
+        }
+        return (react_1.default.createElement(StatusBadge_1.default, { backgroundColor: `${color}100`, textColor: `${color}600`, color: color }, (0, utils_1.getMessage)(`page.details.panel.discussion.warnings.reports.dialog.status.${status}`, status)));
+    };
+    const renderReason = (reason) => {
+        let color = "neutral";
+        switch (reason) {
+            case constants_1.REPORT_REASON.DISCRIMINATION:
+                color = "danger";
+                break;
+            case constants_1.REPORT_REASON.BAD_LANGUAGE:
+                color = "warning";
+        }
+        return (react_1.default.createElement(StatusBadge_1.default, { backgroundColor: `${color}100`, textColor: `${color}600`, color: color }, (0, utils_1.getMessage)(`page.details.panel.discussion.warnings.reports.dialog.reason.${reason}`, reason)));
+    };
+    const handleClickResolve = async (reportId) => {
+        if (canReviewReports) {
+            lockApp();
+            const item = await mutation.mutateAsync({
+                id: commentId,
+                reportId,
+            });
+            if (item) {
+                const updatedItems = storedItems.map((_) => ({
+                    ..._,
+                    resolved: reportId === _.id ? true : _.resolved,
+                }));
+                setStoredItems(updatedItems);
+                onBlockButtonsStateChange(updatedItems.filter((_) => !_.resolved).length === 0);
+            }
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        setStoredItems(items);
+    }, []);
+    if ((0, lodash_1.isEmpty)(storedItems)) {
+        return null;
     }
-    return react_1.default.createElement(
-      StatusBadge_1.default,
-      {
-        backgroundColor: `${color}100`,
-        textColor: `${color}600`,
-        color: color,
-      },
-      (0, utils_1.getMessage)(
-        `page.details.panel.discussion.warnings.reports.dialog.reason.${reason}`,
-        reason
-      )
-    );
-  };
-  const handleClickResolve = async (reportId) => {
-    if (canReviewReports) {
-      lockApp();
-      const item = await mutation.mutateAsync({
-        id: commentId,
-        reportId,
-      });
-      if (item) {
-        const updatedItems = storedItems.map((_) => ({
-          ..._,
-          resolved: reportId === _.id ? true : _.resolved,
-        }));
-        setStoredItems(updatedItems);
-        onBlockButtonsStateChange(
-          updatedItems.filter((_) => !_.resolved).length === 0
-        );
-      }
+    const COL_COUNT = 6;
+    if (canAccessReports) {
+        return (react_1.default.createElement(Table_1.Table, { colCount: COL_COUNT, rowCount: storedItems.length },
+            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": "Select all entries" })),
+                    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,
+                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.content"))),
+                    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.createdAt"))),
+                    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.status"))),
+                    canReviewReports && (react_1.default.createElement(Table_1.Th, null,
+                        react_1.default.createElement(VisuallyHidden_1.VisuallyHidden, null, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.actions")))))),
+            react_1.default.createElement(Table_1.Tbody, null, storedItems.map((entry) => (react_1.default.createElement(Table_1.Tr, { key: entry.id },
+                react_1.default.createElement(Table_1.Td, null,
+                    react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, { "aria-label": `Select report` })),
+                react_1.default.createElement(Table_1.Td, null,
+                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, renderReason(entry.reason))),
+                react_1.default.createElement(Table_1.Td, null,
+                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, entry.content)),
+                react_1.default.createElement(Table_1.Td, null,
+                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, formatDate(entry.createdAt, {
+                        dateStyle: "short",
+                        timeStyle: "short",
+                    }))),
+                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"))))))))))));
     }
-  };
-  (0, react_1.useEffect)(() => {
-    setStoredItems(items);
-  }, []);
-  if ((0, lodash_1.isEmpty)(storedItems)) {
     return null;
-  }
-  const COL_COUNT = 6;
-  if (canAccessReports) {
-    return react_1.default.createElement(
-      Table_1.Table,
-      { colCount: COL_COUNT, rowCount: storedItems.length },
-      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": "Select all entries",
-            })
-          ),
-          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,
-            react_1.default.createElement(
-              Typography_1.Typography,
-              { variant: "sigma" },
-              (0, utils_1.getMessage)(
-                "page.details.panel.discussion.warnings.reports.dialog.content"
-              )
-            )
-          ),
-          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.createdAt"
-              )
-            )
-          ),
-          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.status"
-              )
-            )
-          ),
-          canReviewReports &&
-            react_1.default.createElement(
-              Table_1.Th,
-              null,
-              react_1.default.createElement(
-                VisuallyHidden_1.VisuallyHidden,
-                null,
-                (0, utils_1.getMessage)(
-                  "page.details.panel.discussion.warnings.reports.dialog.actions"
-                )
-              )
-            )
-        )
-      ),
-      react_1.default.createElement(
-        Table_1.Tbody,
-        null,
-        storedItems.map((entry) =>
-          react_1.default.createElement(
-            Table_1.Tr,
-            { key: entry.id },
-            react_1.default.createElement(
-              Table_1.Td,
-              null,
-              react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, {
-                "aria-label": `Select report`,
-              })
-            ),
-            react_1.default.createElement(
-              Table_1.Td,
-              null,
-              react_1.default.createElement(
-                Typography_1.Typography,
-                { textColor: "neutral800" },
-                renderReason(entry.reason)
-              )
-            ),
-            react_1.default.createElement(
-              Table_1.Td,
-              null,
-              react_1.default.createElement(
-                Typography_1.Typography,
-                { textColor: "neutral800" },
-                entry.content
-              )
-            ),
-            react_1.default.createElement(
-              Table_1.Td,
-              null,
-              react_1.default.createElement(
-                Typography_1.Typography,
-                { textColor: "neutral800" },
-                formatDate(entry.createdAt, {
-                  dateStyle: "short",
-                  timeStyle: "short",
-                })
-              )
-            ),
-            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"
-                      )
-                    )
-                  )
-              )
-          )
-        )
-      )
-    );
-  }
-  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,
-  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,
+    commentId: prop_types_1.default.oneOfType(prop_types_1.default.string, prop_types_1.default.number).isRequired,
+    items: 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,
 };
 exports.default = ReportsReviewTable;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1,11 +1,7 @@
-declare const StatusBadge: ({
-  children,
-  textColor,
-  ...rest
-}: {
-  [x: string]: any;
-  children: any;
-  textColor: any;
+declare const StatusBadge: ({ children, textColor, ...rest }: {
+    [x: string]: any;
+    children: any;
+    textColor: any;
 }) => any;
 export default StatusBadge;
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/build/admin/src/components/StatusBadge/index.js

@@ -1,22 +1,12 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+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 Typography_1 = require("@strapi/design-system/Typography");
 const styles_1 = require("./styles");
-const StatusBadge = ({ children, textColor, ...rest }) =>
-  react_1.default.createElement(
-    styles_1.StatusBadge,
-    { ...rest },
-    react_1.default.createElement(
-      Typography_1.Typography,
-      { variant: "omega", fontWeight: "semibold", textColor: textColor },
-      children
-    )
-  );
+const StatusBadge = ({ children, textColor, ...rest }) => (react_1.default.createElement(styles_1.StatusBadge, { ...rest },
+    react_1.default.createElement(Typography_1.Typography, { variant: "omega", fontWeight: "semibold", textColor: textColor }, children)));
 exports.default = StatusBadge;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/admin/src/components/StatusBadge/styles.d.ts

@@ -1,2 +1,2 @@
 export declare const StatusBadge: any;
-//# sourceMappingURL=styles.d.ts.map
+//# sourceMappingURL=styles.d.ts.map

package/build/admin/src/components/StatusBadge/styles.js

@@ -1,14 +1,12 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatusBadge = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 const Badge_1 = require("@strapi/design-system/Badge");
-exports.StatusBadge = (0, styled_components_1.default)(Badge_1.Badge)`
+exports.StatusBadge = (0, styled_components_1.default)(Badge_1.Badge) `
   padding: 5px 8px;
   border: 1px ${({ theme, color }) => theme.colors[`${color}200`]} solid;
 
@@ -22,4 +20,4 @@ exports.StatusBadge = (0, styled_components_1.default)(Badge_1.Badge)`
     text-transform: none;
   }
 `;
-//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -1,53 +1,30 @@
 "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) {
+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);
+    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 };
-  };
+};
+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 prop_types_1 = __importDefault(require("prop-types"));
@@ -57,53 +34,23 @@ const icons_1 = require("@strapi/icons");
 const helper_plugin_1 = require("@strapi/helper-plugin");
 const utils_1 = require("../../utils");
 const TableFilters = ({ displayedFilters }) => {
-  const [isVisible, setIsVisible] = (0, react_1.useState)(false);
-  const buttonRef = (0, react_1.useRef)();
-  const handleToggle = () => {
-    setIsVisible((prev) => !prev);
-  };
-  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")
-      ),
-      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,
-    })
-  );
+    const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+    const buttonRef = (0, react_1.useRef)();
+    const handleToggle = () => {
+        setIsVisible((prev) => !prev);
+    };
+    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")),
+            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 })));
 };
 TableFilters.propTypes = {
-  displayedFilters: prop_types_1.default.arrayOf(
-    prop_types_1.default.shape({
-      name: prop_types_1.default.string.isRequired,
-      metadatas: prop_types_1.default.shape({
-        label: prop_types_1.default.string,
-      }),
-      fieldSchema: prop_types_1.default.shape({
-        type: prop_types_1.default.string,
-      }),
-    })
-  ).isRequired,
+    displayedFilters: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        name: prop_types_1.default.string.isRequired,
+        metadatas: prop_types_1.default.shape({ label: prop_types_1.default.string }),
+        fieldSchema: prop_types_1.default.shape({ type: prop_types_1.default.string }),
+    })).isRequired,
 };
 exports.default = TableFilters;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map