strapi-plugin-comments 2.0.10 → 2.0.11

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

@@ -0,0 +1,132 @@
+"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 = (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,
+      })
+    )
+  );
+};
+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,
+};
+exports.default = DetailsEntity;
+//# sourceMappingURL=index.js.map

package/build/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/build/admin/src/pages/Details/components/DetailsFilters/index.js

@@ -0,0 +1,48 @@
+"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 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,
+};
+exports.default = DetailsFilters;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,16 @@
+"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/build/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/build/admin/src/pages/Details/index.js

@@ -0,0 +1,216 @@
+"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 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,
+                    }
+                  ),
+                })
+              )
+            )
+      )
+    );
+  }
+  return null;
+};
+const mapStateToProps = (0, selectors_1.default)();
+function mapDispatchToProps(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

package/build/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