strapi-plugin-comments 2.0.8 → 2.1.0-beta.1

package/admin/src/pages/Discover/index.js

@@ -1,173 +1,132 @@
-/*
- *
- * Discover
- *
- */
-
-import React, { memo, useRef, useMemo } from 'react';
-import { connect } from 'react-redux';
-import { bindActionCreators, compose } from 'redux';
-import isEqual from 'react-fast-compare';
-import { useQuery } from 'react-query';
-import { useHistory } from 'react-router-dom';
-import { isEmpty } from 'lodash';
-import { Box } from '@strapi/design-system/Box';
-import { Layout, HeaderLayout, ActionLayout, ContentLayout } from '@strapi/design-system/Layout';
-import { Table, Thead, Tbody, Tr, Th, Td } from '@strapi/design-system/Table'; 
-import { Typography } from '@strapi/design-system/Typography'; 
-import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; 
-import { useNotifyAT } from '@strapi/design-system/LiveRegions';
-
-import {
-  EmptyStateLayout,
-  SearchURLQuery,
-  LoadingIndicatorPage,
-  useTracking,
-  useNotification,
-  useRBAC,
-  useFocusWhenNavigate,
-  useQueryParams,
-} from '@strapi/helper-plugin';
-import getMessage from '../../utils/getMessage';
-import { fetchData } from './utils/api';
-import pluginPermissions from '../../permissions';
-
-import getUrl from '../../utils/getUrl';
-import Nav from '../../components/Nav';
-import TablePagination from '../../components/TablePagination';
-import filtersSchema from './utils/filtersSchema';
-import TableFilters from '../../components/TableFilters';
-import makeAppView from '../App/reducer/selectors';
-import DiscoverTableRow from './components/DiscoverTableRow';
-
+"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.mapDispatchToProps = void 0;
+const react_1 = __importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const redux_1 = require("redux");
+const react_fast_compare_1 = __importDefault(require("react-fast-compare"));
+const react_query_1 = require("react-query");
+const react_router_dom_1 = require("react-router-dom");
+const lodash_1 = require("lodash");
+const Box_1 = require("@strapi/design-system/Box");
+const Layout_1 = require("@strapi/design-system/Layout");
+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 LiveRegions_1 = require("@strapi/design-system/LiveRegions");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const getMessage_1 = __importDefault(require("../../utils/getMessage"));
+const api_1 = require("./utils/api");
+const permissions_1 = __importDefault(require("../../permissions"));
+const getUrl_1 = __importDefault(require("../../utils/getUrl"));
+const TablePagination_1 = __importDefault(require("../../components/TablePagination"));
+const filtersSchema_1 = __importDefault(require("./utils/filtersSchema"));
+const TableFilters_1 = __importDefault(require("../../components/TableFilters"));
+const selectors_1 = __importDefault(require("../App/reducer/selectors"));
+const DiscoverTableRow_1 = __importDefault(require("./components/DiscoverTableRow"));
 const Discover = ({ config }) => {
-  useFocusWhenNavigate();
-
-  const { push } = useHistory();
-  const { notifyStatus } = useNotifyAT();
-  const { trackUsage } = useTracking();
-  const trackUsageRef = useRef(trackUsage);
-  const toggleNotification = useNotification();
-  const [{ query: queryParams }] = useQueryParams();
-  const _q = queryParams?._q || '';
-
-  const viewPermissions = useMemo(() => ({ 
-    access: pluginPermissions.access,
-    moderate: pluginPermissions.moderate,
-    accessReports:  pluginPermissions.reports,
-    reviewReports: pluginPermissions.reportsReview,
-  }), []);
-
-  const {
-    isLoading: isLoadingForPermissions,
-    allowedActions: { canAccess, canModerate, canAccessReports, canReviewReports },
-  } = useRBAC(viewPermissions);
-
-  const { isLoading: isLoadingForData, data: { result, pagination = {} }, isFetching } = useQuery(
-    ['get-data', queryParams, canAccess],
-    () => fetchData(queryParams, toggleNotification),
-    {
-      initialData: { },
+    (0, helper_plugin_1.useFocusWhenNavigate)();
+    const { push } = (0, react_router_dom_1.useHistory)();
+    const { notifyStatus } = (0, LiveRegions_1.useNotifyAT)();
+    const { trackUsage } = (0, helper_plugin_1.useTracking)();
+    const trackUsageRef = (0, react_1.useRef)(trackUsage);
+    const toggleNotification = (0, helper_plugin_1.useNotification)();
+    const [{ query: queryParams }] = (0, helper_plugin_1.useQueryParams)();
+    const _q = queryParams?._q || "";
+    const viewPermissions = (0, react_1.useMemo)(() => ({
+        access: permissions_1.default.access,
+        moderate: permissions_1.default.moderate,
+        accessReports: permissions_1.default.reports,
+        reviewReports: permissions_1.default.reportsReview,
+    }), []);
+    const { isLoading: isLoadingForPermissions, allowedActions: { canAccess, canModerate, canAccessReports, canReviewReports, }, } = (0, helper_plugin_1.useRBAC)(viewPermissions);
+    const { isLoading: isLoadingForData, data: { result, pagination = {} }, isFetching, } = (0, react_query_1.useQuery)(["get-data", queryParams, canAccess], () => (0, api_1.fetchData)(queryParams, toggleNotification), {
+        initialData: {},
+    });
+    const handleClickDisplay = (id) => {
+        push((0, getUrl_1.default)(`discover/${id}`));
+    };
+    const isLoading = isLoadingForData || isFetching;
+    const { total } = pagination;
+    const emptyLayout = {
+        comments: {
+            id: (0, getMessage_1.default)("page.discover.table.empty"),
+            defaultMessage: "You don't have any comments yet.",
+        },
+        search: {
+            id: (0, getMessage_1.default)("page.discover.table.empty.search"),
+            defaultMessage: "No comments match the search.",
+        },
+    };
+    const emptyContent = _q ? "search" : "comments";
+    const COL_COUNT = 8;
+    if (canAccess) {
+        return (react_1.default.createElement(Box_1.Box, { background: "neutral100" },
+            react_1.default.createElement(Layout_1.Layout, null, isLoading || isLoadingForPermissions ? (react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Layout_1.HeaderLayout, { title: (0, getMessage_1.default)("page.discover.header"), subtitle: `${total} ${(0, getMessage_1.default)("page.discover.header.count")}`, as: "h2" }),
+                react_1.default.createElement(Layout_1.ActionLayout, { startActions: react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(helper_plugin_1.SearchURLQuery, { label: (0, getMessage_1.default)("search.label", "Search", false) }),
+                        react_1.default.createElement(TableFilters_1.default, { displayedFilters: filtersSchema_1.default })) }),
+                react_1.default.createElement(Layout_1.ContentLayout, null, !(0, lodash_1.isEmpty)(result) ? (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Table_1.Table, { colCount: COL_COUNT, rowCount: result.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(Typography_1.Typography, { variant: "sigma" }, (0, getMessage_1.default)("page.discover.table.header.id"))),
+                                react_1.default.createElement(Table_1.Th, null,
+                                    react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, getMessage_1.default)("page.discover.table.header.author"))),
+                                react_1.default.createElement(Table_1.Th, null,
+                                    react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, getMessage_1.default)("page.discover.table.header.message"))),
+                                react_1.default.createElement(Table_1.Th, null,
+                                    react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, getMessage_1.default)("page.discover.table.header.thread"))),
+                                react_1.default.createElement(Table_1.Th, null,
+                                    react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, getMessage_1.default)("page.discover.table.header.entry"))),
+                                react_1.default.createElement(Table_1.Th, null,
+                                    react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, getMessage_1.default)("page.discover.table.header.lastUpdate"))),
+                                react_1.default.createElement(Table_1.Th, null,
+                                    react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, getMessage_1.default)("page.discover.table.header.status"))),
+                                react_1.default.createElement(Table_1.Th, null,
+                                    react_1.default.createElement(VisuallyHidden_1.VisuallyHidden, null, (0, getMessage_1.default)("page.discover.table.header.actions"))))),
+                        react_1.default.createElement(Table_1.Tbody, null, result.map((entry) => (react_1.default.createElement(DiscoverTableRow_1.default, { key: `comment-${entry.id}`, config: config, item: entry, allowedActions: {
+                                canModerate,
+                                canAccessReports,
+                                canReviewReports,
+                            }, onClick: () => handleClickDisplay(entry.id) }))))),
+                    react_1.default.createElement(TablePagination_1.default, { pagination: { pageCount: pagination?.pageCount || 1 } }))) : (react_1.default.createElement(helper_plugin_1.EmptyStateLayout, { content: emptyLayout[emptyContent] }))))))));
     }
-  );
-
-  const handleClickDisplay = id => {
-    push(getUrl(`discover/${id}`));
-  };
-
-  const isLoading = isLoadingForData || isFetching;
-  const { total } = pagination;
-
-  const emptyLayout = {
-    comments: {
-      id: getMessage('page.discover.table.empty'),
-      defaultMessage: "You don't have any comments yet.",
-    },
-    search: {
-      id: getMessage('page.discover.table.empty.search'),
-      defaultMessage: 'No comments match the search.',
-    },
-  };
-
-  const emptyContent = _q ? 'search' : 'comments';
-  
-  const COL_COUNT = 8;
-
-  if (canAccess) {
-    return <Box background="neutral100">
-            <Layout>
-              {isLoading || isLoadingForPermissions ? (<LoadingIndicatorPage />) : (
-              <>
-                <HeaderLayout title={ getMessage('page.discover.header') } subtitle={ `${total} ${ getMessage('page.discover.header.count')}` } as="h2" />
-                <ActionLayout 
-                      startActions={<>
-                        <SearchURLQuery
-                          label={ getMessage('search.label', 'Search', false) }
-                        />
-                        <TableFilters displayedFilters={filtersSchema} />
-                      </>} />
-                <ContentLayout>
-                  { !isEmpty(result) ? (<>
-                  <Table colCount={COL_COUNT} rowCount={result.length}>
-                    <Thead>
-                      <Tr>
-                        <Th>
-                          <Typography variant="sigma">{ getMessage('page.discover.table.header.id') }</Typography>
-                        </Th>
-                        <Th>
-                          <Typography variant="sigma">{ getMessage('page.discover.table.header.author') }</Typography>
-                        </Th>
-                        <Th>
-                          <Typography variant="sigma">{ getMessage('page.discover.table.header.message') }</Typography>
-                        </Th>
-                        <Th>
-                          <Typography variant="sigma">{ getMessage('page.discover.table.header.thread') }</Typography>
-                        </Th>
-                        <Th>
-                          <Typography variant="sigma">{ getMessage('page.discover.table.header.entry') }</Typography>
-                        </Th>
-                        <Th>
-                          <Typography variant="sigma">{ getMessage('page.discover.table.header.lastUpdate') }</Typography>
-                        </Th>
-                        <Th>
-                          <Typography variant="sigma">{ getMessage('page.discover.table.header.status') }</Typography>
-                        </Th>
-                        <Th>
-                          <VisuallyHidden>{ getMessage('page.discover.table.header.actions') }</VisuallyHidden>
-                        </Th>
-                      </Tr>
-                    </Thead>
-                    <Tbody>
-                      {result.map(entry => (<DiscoverTableRow 
-                        key={`comment-${entry.id}`} 
-                        config={config} 
-                        item={entry} 
-                        allowedActions={{ canModerate, canAccessReports, canReviewReports }}
-                        onClick={() => handleClickDisplay(entry.id)}
-                        />))}
-                    </Tbody>
-                  </Table>
-                  <TablePagination pagination={{ pageCount: pagination?.pageCount || 1 }} />
-                  </>) : (<EmptyStateLayout content={emptyLayout[emptyContent]} />) }
-                </ContentLayout>
-              </>) }
-            </Layout>
-          </Box>;
-  }
-  return null;
-}
-
-const mapStateToProps = makeAppView();
-
-export function mapDispatchToProps(dispatch) {
-  return bindActionCreators(
-    { },
-    dispatch
-  );
+    return null;
+};
+const mapStateToProps = (0, selectors_1.default)();
+function mapDispatchToProps(dispatch) {
+    return (0, redux_1.bindActionCreators)({}, dispatch);
 }
-const withConnect = connect(
-  mapStateToProps,
-  mapDispatchToProps
-);
-
-export default compose(withConnect)(memo(Discover, isEqual));
+exports.mapDispatchToProps = mapDispatchToProps;
+const withConnect = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps);
+exports.default = (0, redux_1.compose)(withConnect)((0, react_1.memo)(Discover, react_fast_compare_1.default));
+//# sourceMappingURL=index.js.map

package/admin/src/pages/Discover/utils/api.d.ts

@@ -0,0 +1,2 @@
+export declare const fetchData: (queryParams: any, toggleNotification: any) => Promise<any>;
+//# sourceMappingURL=api.d.ts.map

package/admin/src/pages/Discover/utils/api.js

@@ -1,14 +1,16 @@
-import { stringify } from 'qs';
-
-import { getApiURL, axiosInstance, handleAPIError } from '../../../utils';
-
-// eslint-disable-next-line import/prefer-default-export
-export const fetchData = async (queryParams, toggleNotification) => {
-  try {
-    const { data } = await axiosInstance.get(getApiURL(`moderate/all${queryParams ? `?${stringify(queryParams, { encode: false })}` : ''}`));
-
-    return data;
-  } catch (err) {
-    handleAPIError(err, toggleNotification);
-  }
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchData = void 0;
+const qs_1 = require("qs");
+const utils_1 = require("../../../utils");
+const fetchData = async (queryParams, toggleNotification) => {
+    try {
+        const { data } = await utils_1.axiosInstance.get((0, utils_1.getApiURL)(`moderate/all${queryParams ? `?${(0, qs_1.stringify)(queryParams, { encode: false })}` : ""}`));
+        return data;
+    }
+    catch (err) {
+        (0, utils_1.handleAPIError)(err, toggleNotification);
+    }
 };
+exports.fetchData = fetchData;
+//# sourceMappingURL=api.js.map

package/admin/src/pages/Discover/utils/filtersSchema.d.ts

@@ -0,0 +1,11 @@
+declare const filtersSchema: {
+    name: string;
+    metadatas: {
+        label: string;
+    };
+    fieldSchema: {
+        type: string;
+    };
+}[];
+export default filtersSchema;
+//# sourceMappingURL=filtersSchema.d.ts.map

package/admin/src/pages/Discover/utils/filtersSchema.js

@@ -1,9 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 const filtersSchema = [
     {
-      name: 'content',
-      metadatas: { label: 'Message' },
-      fieldSchema: { type: 'string' },
+        name: "content",
+        metadatas: { label: "Message" },
+        fieldSchema: { type: "string" },
     },
-  ];
-  
-  export default filtersSchema;
+];
+exports.default = filtersSchema;
+//# sourceMappingURL=filtersSchema.js.map

package/admin/src/pages/Settings/components/RestartAlert/styles.d.ts

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

package/admin/src/pages/Settings/components/RestartAlert/styles.js

@@ -1,8 +1,14 @@
-import styled from 'styled-components';
-import { Alert } from '@strapi/design-system/Alert';
-
-export const RestartAlert = styled(Alert)`
-    [role="status"] {
-        flex-direction: column;
-    }
-`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RestartAlert = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Alert_1 = require("@strapi/design-system/Alert");
+exports.RestartAlert = (0, styled_components_1.default)(Alert_1.Alert) `
+  [role="status"] {
+    flex-direction: column;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/admin/src/pages/Settings/index.d.ts

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