strapi-plugin-comments 2.0.11 → 2.1.1

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

@@ -1,9 +1,7 @@
 "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 prop_types_1 = __importDefault(require("prop-types"));
@@ -15,118 +13,44 @@ 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 = (0, lodash_1.first)(entryLabel[data?.uid]);
-  const FIELDS_LIMIT = 5;
-  const itemKeys = (0, lodash_1.take)(
-    keys.filter(
-      (_) =>
-        attributes[_].type === "string" &&
+const DetailsEntity = ({ data = {}, schema = {}, config = {}, filters, onFiltersChange, }) => {
+    const { entryLabel = {} } = config;
+    const { attributes = {} } = schema;
+    const keys = Object.keys(attributes);
+    const entityLabelKey = (0, lodash_1.first)(entryLabel[data?.uid]);
+    const FIELDS_LIMIT = 5;
+    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,
-      })
-    )
-  );
+        _ !== 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: 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,
+    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,
 };
 exports.default = DetailsEntity;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1,9 +1,7 @@
 "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 prop_types_1 = __importDefault(require("prop-types"));
@@ -13,36 +11,18 @@ 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,
+    const { removed = false } = data;
+    const handleOnChange = (prop, value) => onChange({
+        ...data,
+        [prop]: !value ? undefined : value,
     });
-  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"
-        )
-      )
-    )
-  );
+    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: prop_types_1.default.object.isRequired,
-  onChange: prop_types_1.default.func.isRequired,
+    data: prop_types_1.default.object.isRequired,
+    onChange: prop_types_1.default.func.isRequired,
 };
 exports.default = DetailsFilters;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,16 +1,14 @@
 "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.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)`
+exports.TableLink = (0, styled_components_1.default)(Link_1.Link) `
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
 `;
-//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

package/build/admin/src/pages/Details/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 });
 exports.mapDispatchToProps = void 0;
 const react_1 = __importStar(require("react"));
@@ -68,149 +45,53 @@ 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 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,
+    (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 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,
-                    }
-                  ),
-                })
-              )
-            )
-      )
-    );
-  }
-  return null;
+    return null;
 };
 const mapStateToProps = (0, selectors_1.default)();
 function mapDispatchToProps(dispatch) {
-  return (0, redux_1.bindActionCreators)({}, dispatch);
+    return (0, redux_1.bindActionCreators)({}, dispatch);
 }
 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
+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