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

package/admin/src/pages/Details/components/DetailsEntity/index.js

@@ -1,84 +1,56 @@
-/**
- *
- * Entity Details
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { capitalize, isNil, isEmpty, first, take } from 'lodash';
-import { Box } from '@strapi/design-system/Box';
-import { Divider } from '@strapi/design-system/Divider';
-import { Flex } from '@strapi/design-system/Flex';
-import { Stack } from '@strapi/design-system/Stack';
-import { Typography } from '@strapi/design-system/Typography';
-import { getMessage } from '../../../../utils';
-import DetailsFilters from '../DetailsFilters';
-
-const DetailsEntity = ({ 
-    data = {}, 
-    schema = {}, 
-    config = {}, 
-    filters,
-    onFiltersChange
-}) => {
+"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 prop_types_1 = __importDefault(require("prop-types"));
+const lodash_1 = require("lodash");
+const Box_1 = require("@strapi/design-system/Box");
+const Divider_1 = require("@strapi/design-system/Divider");
+const Flex_1 = require("@strapi/design-system/Flex");
+const Stack_1 = require("@strapi/design-system/Stack");
+const Typography_1 = require("@strapi/design-system/Typography");
+const utils_1 = require("../../../../utils");
+const DetailsFilters_1 = __importDefault(require("../DetailsFilters"));
+const DetailsEntity = ({ data = {}, schema = {}, config = {}, filters, onFiltersChange, }) => {
     const { entryLabel = {} } = config;
     const { attributes = {} } = schema;
     const keys = Object.keys(attributes);
-    const entityLabelKey = first(entryLabel[data?.uid]);
- 
+    const entityLabelKey = (0, lodash_1.first)(entryLabel[data?.uid]);
     const FIELDS_LIMIT = 5;
-    const itemKeys = take(
-        keys.filter(_ => (attributes[_].type === 'string') && !isNil(data[_]) && (_ !== entityLabelKey)),
-        FIELDS_LIMIT
-    );
-
-    const formatLabel = (label = '') => label.split('_')
-        .map(_ => capitalize(_))
-        .join(' ');
-
-    const entityIsRenderable = data && !isEmpty(data) && !isEmpty(itemKeys);
-
-    return (<Box padding={4}>
-        { entityIsRenderable && (<Box marginBottom={4}>
-            <Typography variant="sigma" textColor="neutral600" id="entity-details">
-                { getMessage('page.details.panel.entity', 'Details') }
-            </Typography>
-            <Box paddingTop={2} paddingBottom={4}>
-                <Divider />
-            </Box>
-            <Stack size={itemKeys.length}>
-                <Flex direction="column" alignItems="flex-start">
-                    <Typography fontWeight="bold">{ formatLabel(entityLabelKey) }</Typography>
-                    <Typography>{ data[entityLabelKey] }</Typography>
-                </Flex>
-                {  itemKeys.map(_ => 
-                    (<Flex key={`prop_${_}`} direction="column" alignItems="flex-start">
-                        <Typography fontWeight="bold">{ formatLabel(_) }</Typography>
-                        <Typography>{ data[_] }</Typography>
-                    </Flex>))
-                }
-            </Stack>
-        </Box>) }
-        <Box>
-            <Typography variant="sigma" textColor="neutral600" id="view-filters">
-                { getMessage('page.details.filters.label', 'View') }
-            </Typography>
-            <Box paddingTop={2} paddingBottom={4}>
-                <Divider />
-            </Box>
-            <DetailsFilters data={filters} onChange={onFiltersChange} />
-        </Box>
-    </Box>);
+    const itemKeys = (0, lodash_1.take)(keys.filter((_) => attributes[_].type === "string" &&
+        !(0, lodash_1.isNil)(data[_]) &&
+        _ !== entityLabelKey), FIELDS_LIMIT);
+    const formatLabel = (label = "") => label
+        .split("_")
+        .map((_) => (0, lodash_1.capitalize)(_))
+        .join(" ");
+    const entityIsRenderable = data && !(0, lodash_1.isEmpty)(data) && (!(0, lodash_1.isEmpty)(itemKeys) || data[entityLabelKey]);
+    return (react_1.default.createElement(Box_1.Box, { padding: 4 },
+        entityIsRenderable && (react_1.default.createElement(Box_1.Box, { marginBottom: 4 },
+            react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600", id: "entity-details" }, (0, utils_1.getMessage)("page.details.panel.entity", "Details")),
+            react_1.default.createElement(Box_1.Box, { paddingTop: 2, paddingBottom: 4 },
+                react_1.default.createElement(Divider_1.Divider, null)),
+            react_1.default.createElement(Stack_1.Stack, { size: itemKeys.length },
+                react_1.default.createElement(Flex_1.Flex, { direction: "column", alignItems: "flex-start" },
+                    react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold" }, formatLabel(entityLabelKey)),
+                    react_1.default.createElement(Typography_1.Typography, null, data[entityLabelKey])),
+                itemKeys.map((_) => (react_1.default.createElement(Flex_1.Flex, { key: `prop_${_}`, direction: "column", alignItems: "flex-start" },
+                    react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold" }, formatLabel(_)),
+                    react_1.default.createElement(Typography_1.Typography, null, data[_]))))))),
+        react_1.default.createElement(Box_1.Box, null,
+            react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600", id: "view-filters" }, (0, utils_1.getMessage)("page.details.filters.label", "View")),
+            react_1.default.createElement(Box_1.Box, { paddingTop: 2, paddingBottom: 4 },
+                react_1.default.createElement(Divider_1.Divider, null)),
+            react_1.default.createElement(DetailsFilters_1.default, { data: filters, onChange: onFiltersChange }))));
 };
-
 DetailsEntity.propTypes = {
-    data: PropTypes.object.isRequired,
-    schema: PropTypes.object.isRequired,
-    config: PropTypes.object.isRequired,
-    filters: PropTypes.object.isRequired,
-    onFiltersChange: PropTypes.func.isRequired,
+    data: prop_types_1.default.object.isRequired,
+    schema: prop_types_1.default.object.isRequired,
+    config: prop_types_1.default.object.isRequired,
+    filters: prop_types_1.default.object.isRequired,
+    onFiltersChange: prop_types_1.default.func.isRequired,
 };
-
-export default DetailsEntity;
- 
+exports.default = DetailsEntity;
+//# sourceMappingURL=index.js.map

package/admin/src/pages/Details/components/DetailsFilters/index.d.ts

@@ -0,0 +1,12 @@
+declare const DetailsFilters: {
+    ({ data, onChange }: {
+        data: any;
+        onChange: any;
+    }): any;
+    propTypes: {
+        data: any;
+        onChange: any;
+    };
+};
+export default DetailsFilters;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/pages/Details/components/DetailsFilters/index.js

@@ -1,35 +1,28 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Box } from '@strapi/design-system/Box'; 
-import { Flex } from '@strapi/design-system/Flex'; 
-import { Stack } from '@strapi/design-system/Stack';
-import { Checkbox } from '@strapi/design-system/Checkbox';
-import { getMessage } from '../../../../utils';
-
+"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 prop_types_1 = __importDefault(require("prop-types"));
+const Box_1 = require("@strapi/design-system/Box");
+const Flex_1 = require("@strapi/design-system/Flex");
+const Stack_1 = require("@strapi/design-system/Stack");
+const Checkbox_1 = require("@strapi/design-system/Checkbox");
+const utils_1 = require("../../../../utils");
 const DetailsFilters = ({ data, onChange }) => {
-
     const { removed = false } = data;
-
     const handleOnChange = (prop, value) => onChange({
         ...data,
         [prop]: !value ? undefined : value,
     });
-
-    return (<Box as={Flex}>
-        <Stack size={2} vertical>
-            <Checkbox 
-                checked={removed} 
-                onChange={() => handleOnChange('removed', !removed)} 
-                visibleLabels>
-                    { getMessage('page.details.filters.removed.label', 'Show removed comments') }
-                </Checkbox>
-        </Stack>
-    </Box>);
+    return (react_1.default.createElement(Box_1.Box, { as: Flex_1.Flex },
+        react_1.default.createElement(Stack_1.Stack, { size: 2, vertical: true },
+            react_1.default.createElement(Checkbox_1.Checkbox, { checked: removed, onChange: () => handleOnChange("removed", !removed), visibleLabels: true }, (0, utils_1.getMessage)("page.details.filters.removed.label", "Show removed comments")))));
 };
-
 DetailsFilters.propTypes = {
-    data: PropTypes.object.isRequired,
-    onChange: PropTypes.func.isRequired,
+    data: prop_types_1.default.object.isRequired,
+    onChange: prop_types_1.default.func.isRequired,
 };
-
-export default DetailsFilters;
+exports.default = DetailsFilters;
+//# sourceMappingURL=index.js.map

package/admin/src/pages/Details/components/DetailsFilters/styles.d.ts

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

package/admin/src/pages/Details/components/DetailsFilters/styles.js

@@ -1,8 +1,14 @@
-import styled from 'styled-components';
-import { Link } from '@strapi/design-system/Link';
-
-export const TableLink = styled(Link)`
-    display: block;
-    text-overflow: ellipsis;
-    overflow: hidden;
-`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableLink = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Link_1 = require("@strapi/design-system/Link");
+exports.TableLink = (0, styled_components_1.default)(Link_1.Link) `
+  display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,4 @@
+export declare function mapDispatchToProps(dispatch: any): any;
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,136 +1,97 @@
-/*
- *
- * Details
- *
- */
-
-import React, { memo, useRef, useMemo, useState } from 'react';
-import { connect } from 'react-redux';
-import { bindActionCreators, compose } from 'redux';
-import isEqual from 'react-fast-compare';
-import { useQuery } from 'react-query';
-import { useRouteMatch } from 'react-router-dom';
-import { Layout, HeaderLayout, TwoColsLayout, ContentLayout } from '@strapi/design-system/Layout';
-import { Box } from '@strapi/design-system/Box';
-import { Link } from '@strapi/design-system/Link';
-import { Loader } from '@strapi/design-system/Loader';
-import { useNotifyAT } from '@strapi/design-system/LiveRegions';
-import { ArrowLeft } from '@strapi/icons';
-
-import { isEmpty } from 'lodash';
-import {
-  LoadingIndicatorPage,
-  useTracking,
-  useNotification,
-  useRBAC,
-  useFocusWhenNavigate,
-} from '@strapi/helper-plugin';
-import getMessage from '../../utils/getMessage';
-import { fetchDetailsData, fetchContentTypeData } from '../utils/api';
-import pluginPermissions from '../../permissions';
-import { getUrl, parseRegExp } from '../../utils';
-import Nav from '../../components/Nav';
-import DetailsEntity from './components/DetailsEntity';
-import DiscussionThread from '../../components/DiscussionThread';
-import makeAppView from '../App/reducer/selectors';
-
-const Details = ({ config }) => {
-  useFocusWhenNavigate();
-
-  const {
-    params: { id },
-  } = useRouteMatch(getUrl(`discover/:id`));
-
-  const { notifyStatus } = useNotifyAT();
-  const { trackUsage } = useTracking();
-  const trackUsageRef = useRef(trackUsage);
-  const toggleNotification = useNotification();
-
-  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 [filters, setFilters] = useState({});
-
-  const regexUID = new RegExp(
-    parseRegExp(config.regex.uid).value,
-    parseRegExp(config.regex.uid).flags
-  );
-
-  const { isLoading: isLoadingForData, data, isFetching } = useQuery(
-    ['get-details-data', id, filters, canAccess],
-    () => fetchDetailsData(id, filters, toggleNotification),
-    {
-      initialData: { },
+"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]; } };
     }
-  );
-
-  const { entity, level, selected } = data;
-  const entityUidValid = entity?.uid && regexUID.test(entity.uid);
-
-  const { data: contentTypeData } = useQuery(
-    ['get-additional-data', entity?.uid, canAccess],
-    () => fetchContentTypeData(entity?.uid, toggleNotification),
-    {
-      enabled: !!entity?.uid, 
-      suspense: !entityUidValid,
+    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 Layout_1 = require("@strapi/design-system/Layout");
+const Box_1 = require("@strapi/design-system/Box");
+const Link_1 = require("@strapi/design-system/Link");
+const LiveRegions_1 = require("@strapi/design-system/LiveRegions");
+const icons_1 = require("@strapi/icons");
+const lodash_1 = require("lodash");
+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 utils_1 = require("../../utils");
+const DetailsEntity_1 = __importDefault(require("./components/DetailsEntity"));
+const DiscussionThread_1 = __importDefault(require("../../components/DiscussionThread"));
+const selectors_1 = __importDefault(require("../App/reducer/selectors"));
+const Details = ({ config }) => {
+    (0, helper_plugin_1.useFocusWhenNavigate)();
+    const { params: { id }, } = (0, react_router_dom_1.useRouteMatch)((0, utils_1.getUrl)(`discover/:id`));
+    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 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 [filters, setFilters] = (0, react_1.useState)({});
+    const regexUID = new RegExp((0, utils_1.parseRegExp)(config.regex.uid).value, (0, utils_1.parseRegExp)(config.regex.uid).flags);
+    const { isLoading: isLoadingForData, data, isFetching, } = (0, react_query_1.useQuery)(["get-details-data", id, filters, canAccess], () => (0, api_1.fetchDetailsData)(id, filters, toggleNotification), {
+        initialData: {},
+    });
+    const { entity, level, selected } = data;
+    const entityUidValid = entity?.uid && regexUID.test(entity.uid);
+    const { data: contentTypeData } = (0, react_query_1.useQuery)(["get-additional-data", entity?.uid, canAccess], () => (0, api_1.fetchContentTypeData)(entity?.uid, toggleNotification), {
+        enabled: !!entity?.uid,
+        suspense: !entityUidValid,
+    });
+    const handleChangeFilters = (props) => setFilters(props);
+    const isLoading = isLoadingForData || isFetching;
+    if (canAccess) {
+        return (react_1.default.createElement(Box_1.Box, { background: "neutral100" },
+            react_1.default.createElement(Layout_1.Layout, null, (isLoading || isLoadingForPermissions) && (0, lodash_1.isEmpty)(data) ? (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, { navigationAction: react_1.default.createElement(Link_1.Link, { startIcon: react_1.default.createElement(icons_1.ArrowLeft, null), to: (0, utils_1.getUrl)(`discover`) }, (0, getMessage_1.default)("HeaderLayout.link.go-back", "Back", false)), title: (0, getMessage_1.default)("page.details.header"), subtitle: (0, getMessage_1.default)("page.details.header.description"), as: "h2" }),
+                react_1.default.createElement(Layout_1.ContentLayout, null,
+                    react_1.default.createElement(Layout_1.TwoColsLayout, { startCol: react_1.default.createElement(DiscussionThread_1.default, { level: level, selected: selected, isReloading: isLoading, allowedActions: {
+                                canModerate,
+                                canAccessReports,
+                                canReviewReports,
+                            } }), endCol: react_1.default.createElement(DetailsEntity_1.default, { data: entity, schema: contentTypeData?.schema, config: config, filters: filters, onFiltersChange: handleChangeFilters }) })))))));
     }
-  )
-
-  const handleChangeFilters = props => setFilters(props);
-
-  const isLoading = isLoadingForData || isFetching;
-
-  if (canAccess) {
-    return <Box background="neutral100">
-            <Layout>
-              {(isLoading || isLoadingForPermissions) && isEmpty(data) ? (<LoadingIndicatorPage />) : (
-              <>
-                <HeaderLayout 
-                  navigationAction={
-                  <Link startIcon={<ArrowLeft />} to={getUrl(`discover`)}>
-                    { getMessage('HeaderLayout.link.go-back', 'Back', false) }
-                  </Link>}
-                  title={ getMessage('page.details.header') } 
-                  subtitle={ getMessage('page.details.header.description') } 
-                  as="h2" />
-                <ContentLayout>
-                  <TwoColsLayout 
-                    startCol={<DiscussionThread level={level} selected={selected} isReloading={isLoading} allowedActions={{ canModerate, canAccessReports, canReviewReports }} />} 
-                    endCol={<DetailsEntity 
-                      data={entity} 
-                      schema={contentTypeData?.schema} 
-                      config={config}
-                      filters={filters}
-                      onFiltersChange={handleChangeFilters} />}
-                  />
-                </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(Details, isEqual));
+exports.mapDispatchToProps = mapDispatchToProps;
+const withConnect = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps);
+exports.default = (0, redux_1.compose)(withConnect)((0, react_1.memo)(Details, react_fast_compare_1.default));
+//# sourceMappingURL=index.js.map

package/admin/src/pages/Discover/components/DiscoverTableRow/index.d.ts

@@ -0,0 +1,20 @@
+declare const DiscoverTableRow: {
+    ({ config, item, allowedActions: { canModerate, canAccessReports, canReviewReports }, onClick, }: {
+        config: any;
+        item: any;
+        allowedActions: {
+            canModerate: any;
+            canAccessReports: any;
+            canReviewReports: any;
+        };
+        onClick: any;
+    }): any;
+    propTypes: {
+        config: any;
+        item: any;
+        allowedActions: any;
+        onClick: any;
+    };
+};
+export default DiscoverTableRow;
+//# sourceMappingURL=index.d.ts.map