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

package/admin/src/components/ActionButton/styles.js

@@ -1,10 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionButton = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Button_1 = require("@strapi/design-system/Button");
+exports.ActionButton = (0, styled_components_1.default)(Button_1.Button) `
+  padding: 7px 16px;
+  margin-left: ${({ isSingle }) => (isSingle ? "0" : ".5rem")};
 
-import styled from 'styled-components';
-import { Button } from '@strapi/design-system/Button';
-
-export const ActionButton = styled(Button)`
-    padding: 7px 16px;
-    margin-left: ${({ isSingle }) => isSingle ? '0' : '.5rem'};
-
-    white-space: nowrap;
+  white-space: nowrap;
 `;
+//# sourceMappingURL=styles.js.map

package/admin/src/components/ConfirmationDialog/index.d.ts

@@ -0,0 +1,26 @@
+declare const ConfirmationDialog: {
+    ({ isVisible, isActionAsync, children, onConfirm, onCancel, header, labelCancel, labelConfirm, iconConfirm, }: {
+        isVisible?: boolean | undefined;
+        isActionAsync?: boolean | undefined;
+        children: any;
+        onConfirm: any;
+        onCancel: any;
+        header: any;
+        labelCancel: any;
+        labelConfirm: any;
+        iconConfirm: any;
+    }): any;
+    propTypes: {
+        isVisible: any;
+        isActionAsync: any;
+        children: any;
+        header: any;
+        labelCancel: any;
+        labelConfirm: any;
+        iconConfirm: any;
+        onConfirm: any;
+        onCancel: any;
+    };
+};
+export default ConfirmationDialog;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/ConfirmationDialog/index.js

@@ -1,56 +1,37 @@
-/**
- *
- * Entity Details
- *
- */
-
- import React from 'react';
- import PropTypes from 'prop-types';
- import { Button } from '@strapi/design-system/Button';
- import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog';
- import { Flex } from '@strapi/design-system/Flex';
- import { Stack } from '@strapi/design-system/Stack';
- import { Typography } from '@strapi/design-system/Typography';
- import { ExclamationMarkCircle, Check } from '@strapi/icons';
-import { getMessage } from '../../utils';
-
-const ConfirmationDialog = ({ 
-    isVisible = false,
-    isActionAsync = false,
-    children, 
-    onConfirm, 
-    onCancel, 
-    header, 
-    labelCancel, 
-    labelConfirm, 
-    iconConfirm 
-}) => (
-    <Dialog onClose={onCancel} title={header || getMessage('compontents.confirmation.dialog.header', 'Confirmation')} isOpen={isVisible}>
-        <DialogBody icon={<ExclamationMarkCircle />}>
-        <Stack size={2}>
-            <Flex justifyContent="center">
-                <Typography id="dialog-confirm-description">{children || getMessage('compontents.confirmation.dialog.description') }</Typography>
-            </Flex>
-        </Stack>
-        </DialogBody>
-        <DialogFooter startAction={<Button onClick={onCancel} variant="tertiary" disabled={isActionAsync}>
-            { labelCancel || getMessage('compontents.confirmation.dialog.button.cancel', 'Cancel') }
-            </Button>} endAction={<Button onClick={onConfirm} variant="danger-light" startIcon={iconConfirm || <Check />} disabled={isActionAsync}>
-            { labelConfirm || getMessage('compontents.confirmation.dialog.button.confirm', 'Confirm') }
-            </Button>} />
-    </Dialog>
-  );
-
-  ConfirmationDialog.propTypes = {
-    isVisible: PropTypes.bool,
-    isActionAsync: PropTypes.bool,
-    children: PropTypes.array.isRequired,
-    header: PropTypes.string,
-    labelCancel: PropTypes.string,
-    labelConfirm: PropTypes.string,
-    iconConfirm: PropTypes.object,
-    onConfirm: PropTypes.func.isRequired,
-    onCancel: PropTypes.func.isRequired,
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-  export default ConfirmationDialog;
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const Button_1 = require("@strapi/design-system/Button");
+const Dialog_1 = require("@strapi/design-system/Dialog");
+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 icons_1 = require("@strapi/icons");
+const utils_1 = require("../../utils");
+const ConfirmationDialog = ({ isVisible = false, isActionAsync = false, children, onConfirm, onCancel, header, labelCancel, labelConfirm, iconConfirm, }) => (react_1.default.createElement(Dialog_1.Dialog, { onClose: onCancel, title: header ||
+        (0, utils_1.getMessage)("compontents.confirmation.dialog.header", "Confirmation"), isOpen: isVisible },
+    react_1.default.createElement(Dialog_1.DialogBody, { icon: react_1.default.createElement(icons_1.ExclamationMarkCircle, null) },
+        react_1.default.createElement(Stack_1.Stack, { size: 2 },
+            react_1.default.createElement(Flex_1.Flex, { justifyContent: "center" },
+                react_1.default.createElement(Typography_1.Typography, { id: "dialog-confirm-description" }, children ||
+                    (0, utils_1.getMessage)("compontents.confirmation.dialog.description"))))),
+    react_1.default.createElement(Dialog_1.DialogFooter, { startAction: react_1.default.createElement(Button_1.Button, { onClick: onCancel, variant: "tertiary", disabled: isActionAsync }, labelCancel ||
+            (0, utils_1.getMessage)("compontents.confirmation.dialog.button.cancel", "Cancel")), endAction: react_1.default.createElement(Button_1.Button, { onClick: onConfirm, variant: "danger-light", startIcon: iconConfirm || react_1.default.createElement(icons_1.Check, null), disabled: isActionAsync }, labelConfirm ||
+            (0, utils_1.getMessage)("compontents.confirmation.dialog.button.confirm", "Confirm")) })));
+ConfirmationDialog.propTypes = {
+    isVisible: prop_types_1.default.bool,
+    isActionAsync: prop_types_1.default.bool,
+    children: prop_types_1.default.array.isRequired,
+    header: prop_types_1.default.string,
+    labelCancel: prop_types_1.default.string,
+    labelConfirm: prop_types_1.default.string,
+    iconConfirm: prop_types_1.default.object,
+    onConfirm: prop_types_1.default.func.isRequired,
+    onCancel: prop_types_1.default.func.isRequired,
+};
+exports.default = ConfirmationDialog;
+//# sourceMappingURL=index.js.map

package/admin/src/components/DiscussionStatus/index.d.ts

@@ -0,0 +1,9 @@
+declare const DiscussionStatus: {
+    ({ blocked, blockedThread }: {
+        blocked: any;
+        blockedThread: any;
+    }): any;
+    propTypes: {};
+};
+export default DiscussionStatus;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/DiscussionStatus/index.js

@@ -1,33 +1,24 @@
-/**
- *
- * Entity Details
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { isNil } from 'lodash';
-import { Box } from '@strapi/design-system/Box';
-import { Status } from '@strapi/design-system/Status';
-import { Typography } from '@strapi/design-system/Typography';
-import { getMessage } from '../../utils';
-
-const DiscussionStatus = ({ blocked, blockedThread }) => {
-    let variant = 'success';
-
-    return (
-        <Box styles={{ marginBottom: 10 }}>
-            <Status variant={variant}>
-                <Typography>
-                    { getMessage('page.details.panel.status', 'Discussion is') } <Typography fontWeight="bold">{ getMessage('page.details.panel.open', 'OPEN') } </Typography>
-                </Typography>
-            </Status>
-        </Box>);
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-DiscussionStatus.propTypes = {
-
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Box_1 = require("@strapi/design-system/Box");
+const Status_1 = require("@strapi/design-system/Status");
+const Typography_1 = require("@strapi/design-system/Typography");
+const utils_1 = require("../../utils");
+const DiscussionStatus = ({ blocked, blockedThread }) => {
+    let variant = "success";
+    return (react_1.default.createElement(Box_1.Box, { styles: { marginBottom: 10 } },
+        react_1.default.createElement(Status_1.Status, { variant: variant },
+            react_1.default.createElement(Typography_1.Typography, null,
+                (0, utils_1.getMessage)("page.details.panel.status", "Discussion is"),
+                " ",
+                react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold" },
+                    (0, utils_1.getMessage)("page.details.panel.open", "OPEN"),
+                    " ")))));
 };
-
-export default DiscussionStatus;
- 
+DiscussionStatus.propTypes = {};
+exports.default = DiscussionStatus;
+//# sourceMappingURL=index.js.map

package/admin/src/components/DiscussionThread/index.d.ts

@@ -0,0 +1,16 @@
+declare const DiscussionThread: {
+    ({ level, selected, allowedActions, isReloading, }: {
+        level?: never[] | undefined;
+        selected?: {} | undefined;
+        allowedActions: any;
+        isReloading: any;
+    }): any;
+    propTypes: {
+        level: any;
+        selected: any;
+        allowedActions: any;
+        isReloading: any;
+    };
+};
+export default DiscussionThread;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/DiscussionThread/index.js

@@ -1,62 +1,45 @@
-/**
- *
- * Entity Details
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { isNil } from 'lodash';
-import { Box } from '@strapi/design-system/Box';
-import { Flex } from '@strapi/design-system/Flex';
-import { Link } from '@strapi/design-system/Link';
-import { Typography } from '@strapi/design-system/Typography';
-import { ArrowUp } from '@strapi/icons';
-import DiscussionThreadItem from '../DiscussionThreadItem';
-import { getMessage, getUrl } from '../../utils';
-import LoadingIndicatorOverlay from '../LoadingIndicatorOverlay';
-import { LoadingIndicatorContainer } from '../LoadingIndicatorOverlay/styles';
-
-const DiscussionThread = ({ level = [], selected = {}, allowedActions, isReloading }) => {
+"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 Flex_1 = require("@strapi/design-system/Flex");
+const Link_1 = require("@strapi/design-system/Link");
+const Typography_1 = require("@strapi/design-system/Typography");
+const icons_1 = require("@strapi/icons");
+const DiscussionThreadItem_1 = __importDefault(require("../DiscussionThreadItem"));
+const utils_1 = require("../../utils");
+const LoadingIndicatorOverlay_1 = __importDefault(require("../LoadingIndicatorOverlay"));
+const styles_1 = require("../LoadingIndicatorOverlay/styles");
+const DiscussionThread = ({ level = [], selected = {}, allowedActions, isReloading, }) => {
     const rootThread = selected?.threadOf;
-    return (<LoadingIndicatorContainer as={Box} padding={4}>
-        { isReloading && <LoadingIndicatorOverlay />}
-        <Flex as={Box} direction="row" justifyContent="space-between" marginBottom={2}>
-            <Typography variant="delta" textColor="neutral800" id="discussion-thread">
-                { getMessage('page.details.panel.discussion', 'Discussion') }
-            </Typography>
-            { rootThread && (<Link to={getUrl(`discover/${rootThread.id}`)} startIcon={<ArrowUp />}>
-                        { getMessage('page.details.panel.discussion.nav.back') }
-                    </Link>) }
-        </Flex>
-        <Flex as="ul" direction="column" alignItems="flex-start">
-            { rootThread && (<DiscussionThreadItem {...rootThread} allowedActions={allowedActions} isThreadAuthor root pinned />) }
-            { level.map(item => {
+    return (react_1.default.createElement(styles_1.LoadingIndicatorContainer, { as: Box_1.Box, padding: 4 },
+        isReloading && react_1.default.createElement(LoadingIndicatorOverlay_1.default, null),
+        react_1.default.createElement(Flex_1.Flex, { as: Box_1.Box, direction: "row", justifyContent: "space-between", marginBottom: 2 },
+            react_1.default.createElement(Typography_1.Typography, { variant: "delta", textColor: "neutral800", id: "discussion-thread" }, (0, utils_1.getMessage)("page.details.panel.discussion", "Discussion")),
+            rootThread && (react_1.default.createElement(Link_1.Link, { to: (0, utils_1.getUrl)(`discover/${rootThread.id}`), startIcon: react_1.default.createElement(icons_1.ArrowUp, null) }, (0, utils_1.getMessage)("page.details.panel.discussion.nav.back")))),
+        react_1.default.createElement(Flex_1.Flex, { as: "ul", direction: "column", alignItems: "flex-start" },
+            rootThread && (react_1.default.createElement(DiscussionThreadItem_1.default, { ...rootThread, allowedActions: allowedActions, isThreadAuthor: true, root: true, pinned: true })),
+            level.map((item) => {
                 const isSelected = selected.id === item.id;
-                const isThreadAuthor = !isNil(selected?.threadOf?.author?.id) && (selected?.threadOf?.author?.id === item?.author?.id);
-                return (<DiscussionThreadItem 
-                    key={`comment-${item.id}`}
-                    {...item} 
-                    allowedActions={allowedActions}
-                    root={isNil(rootThread)}
-                    blockedThread={rootThread?.blockedThread || item.blockedThread}
-                    isSelected={isSelected} 
-                    isThreadAuthor={isThreadAuthor} 
-                />);
-            })}
-        </Flex>
-    </LoadingIndicatorContainer>);
+                const isThreadAuthor = !(0, lodash_1.isNil)(selected?.threadOf?.author?.id) &&
+                    selected?.threadOf?.author?.id === item?.author?.id;
+                return (react_1.default.createElement(DiscussionThreadItem_1.default, { key: `comment-${item.id}`, ...item, allowedActions: allowedActions, root: (0, lodash_1.isNil)(rootThread), blockedThread: rootThread?.blockedThread || item.blockedThread, isSelected: isSelected, isThreadAuthor: isThreadAuthor }));
+            }))));
 };
-
 DiscussionThread.propTypes = {
-    level: PropTypes.array.isRequired,
-    selected: PropTypes.object.isRequired,
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool,
-        canAccessReports: PropTypes.bool,
-        canReviewReports: PropTypes.bool,
+    level: prop_types_1.default.array.isRequired,
+    selected: prop_types_1.default.object.isRequired,
+    allowedActions: prop_types_1.default.shape({
+        canModerate: prop_types_1.default.bool,
+        canAccessReports: prop_types_1.default.bool,
+        canReviewReports: prop_types_1.default.bool,
     }),
-    isReloading: PropTypes.bool,
+    isReloading: prop_types_1.default.bool,
 };
-
-export default DiscussionThread;
+exports.default = DiscussionThread;
+//# sourceMappingURL=index.js.map

package/admin/src/components/DiscussionThreadItem/index.d.ts

@@ -0,0 +1,9 @@
+declare const DiscussionThreadItem: {
+    (props: any): any;
+    propTypes: {
+        content: any;
+        allowedActions: any;
+    };
+};
+export default DiscussionThreadItem;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/DiscussionThreadItem/index.js

@@ -1,57 +1,33 @@
-/**
- *
- * Discussion thread - Item
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Box } from '@strapi/design-system/Box';
-import { Flex } from '@strapi/design-system/Flex';
-import { Typography } from '@strapi/design-system/Typography';
-import DiscussionThreadItemFooter from '../DiscussionThreadItemFooter';
-import DiscussionThreadItemActions from '../DiscussionThreadItemActions';
-import { DiscussionThreadItemContainer, DiscussionThreadFullsize, DiscussionThreadItemContent } from './styles';
-
+"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 Typography_1 = require("@strapi/design-system/Typography");
+const DiscussionThreadItemFooter_1 = __importDefault(require("../DiscussionThreadItemFooter"));
+const DiscussionThreadItemActions_1 = __importDefault(require("../DiscussionThreadItemActions"));
+const styles_1 = require("./styles");
 const DiscussionThreadItem = (props) => {
-    const { 
-        as = "li",
-        isSelected, 
-        content, 
-        root, 
-        preview, 
-        pinned } = props;
-    
-    return (<DiscussionThreadFullsize as={as} marginBottom={preview ? 4 : 0}>
-        <DiscussionThreadItemContainer 
-            as={Flex} 
-            direction="column" 
-            alignItems="flex-start" 
-            hasRadius 
-            background={isSelected ? 'neutral100' : null} 
-            paddingLeft={2} paddingRight={2} paddingTop={4} paddingBottom={4}>
-            <DiscussionThreadItemContent 
-                as={Flex} 
-                paddingBottom={2} 
-                direction="row">
-                <Box as={Flex} grow={1} alignItems="center" marginTop="6px">
-                    <Typography variant="omega" textColor="neutral800">{ content }</Typography>
-                </Box>
-                { !preview && (<DiscussionThreadItemActions { ...props } root={root || pinned} preview={preview} />) }
-            </DiscussionThreadItemContent>
-            <DiscussionThreadItemFooter { ...props } />
-        </DiscussionThreadItemContainer>
-    </DiscussionThreadFullsize>);
+    const { as = "li", isSelected, content, root, preview, pinned } = props;
+    return (react_1.default.createElement(styles_1.DiscussionThreadFullsize, { as: as, marginBottom: preview ? 4 : 0 },
+        react_1.default.createElement(styles_1.DiscussionThreadItemContainer, { as: Flex_1.Flex, direction: "column", alignItems: "flex-start", hasRadius: true, background: isSelected ? "neutral100" : null, paddingLeft: 2, paddingRight: 2, paddingTop: 4, paddingBottom: 4 },
+            react_1.default.createElement(styles_1.DiscussionThreadItemContent, { as: Flex_1.Flex, paddingBottom: 2, direction: "row" },
+                react_1.default.createElement(Box_1.Box, { as: Flex_1.Flex, grow: 1, alignItems: "center", marginTop: "6px" },
+                    react_1.default.createElement(Typography_1.Typography, { variant: "omega", textColor: "neutral800" }, content)),
+                !preview && (react_1.default.createElement(DiscussionThreadItemActions_1.default, { ...props, root: root || pinned, preview: preview }))),
+            react_1.default.createElement(DiscussionThreadItemFooter_1.default, { ...props }))));
 };
-
 DiscussionThreadItem.propTypes = {
-    content: PropTypes.string.isRequired,
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool,
-        canAccessReports: PropTypes.bool,
-        canReviewReports: PropTypes.bool,
+    content: prop_types_1.default.string.isRequired,
+    allowedActions: prop_types_1.default.shape({
+        canModerate: prop_types_1.default.bool,
+        canAccessReports: prop_types_1.default.bool,
+        canReviewReports: prop_types_1.default.bool,
     }),
 };
-
-export default DiscussionThreadItem;
- 
+exports.default = DiscussionThreadItem;
+//# sourceMappingURL=index.js.map

package/admin/src/components/DiscussionThreadItem/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const DiscussionThreadFullsize: any;
+export declare const DiscussionThreadItemContent: any;
+export declare const DiscussionThreadItemContainer: any;
+//# sourceMappingURL=styles.d.ts.map

package/admin/src/components/DiscussionThreadItem/styles.js

@@ -1,13 +1,18 @@
-import styled from 'styled-components';
-import { Box } from '@strapi/design-system/Box';
-
-export const DiscussionThreadFullsize = styled(Box)`
-    width: 100%;
-`
-export const DiscussionThreadItemContent = styled(DiscussionThreadFullsize)`
-    align-items: flex-start;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscussionThreadItemContainer = exports.DiscussionThreadItemContent = exports.DiscussionThreadFullsize = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Box_1 = require("@strapi/design-system/Box");
+exports.DiscussionThreadFullsize = (0, styled_components_1.default)(Box_1.Box) `
+  width: 100%;
 `;
-
-export const DiscussionThreadItemContainer = styled(DiscussionThreadFullsize)`
-    align-items: flex-start;
+exports.DiscussionThreadItemContent = (0, styled_components_1.default)(exports.DiscussionThreadFullsize) `
+  align-items: flex-start;
 `;
+exports.DiscussionThreadItemContainer = (0, styled_components_1.default)(exports.DiscussionThreadFullsize) `
+  align-items: flex-start;
+`;
+//# sourceMappingURL=styles.js.map

package/admin/src/components/DiscussionThreadItemActions/index.d.ts

@@ -0,0 +1,19 @@
+declare const DiscussionThreadItemActions: {
+    ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, ...item }: {
+        [x: string]: any;
+        allowedActions: {
+            canModerate: any;
+            canAccessReports: any;
+            canReviewReports: any;
+        };
+    }): any;
+    propTypes: {
+        isRoot: any;
+        blocked: any;
+        blockedThread: any;
+        approvalStatus: any;
+        allowedActions: any;
+    };
+};
+export default DiscussionThreadItemActions;
+//# sourceMappingURL=index.d.ts.map