strapi-plugin-comments 1.0.4 → 2.0.0-beta.1

package/admin/src/components/ItemHeader/CardHeaderPending.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-
-import { colors } from 'strapi-helper-plugin';
-
-import CardHeaderBlocked from './CardHeaderBlocked';
-
-const CardHeaderPending = styled(CardHeaderBlocked)`
-  color: ${colors.blue};
-`;
-
-export default CardHeaderPending;

package/admin/src/components/ItemHeader/CardHeaderReports.js

@@ -1,40 +0,0 @@
-import styled from 'styled-components';
-
-import { colors } from 'strapi-helper-plugin';
-
-const CardHeaderReports = styled.a`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  justify-items: center;
-  height: 2.5rem;
-  margin-right: 1rem;
-  padding: .25rem 1rem;
-
-  color: red;
-  text-decoration: none;
-
-  border: 1px dotted red;
-  border-radius: 1.25rem;
-  background: transparent;
-
-  transition: .25s ease-in-out all;
-
-  svg {
-    margin-right: .5rem;
-  }
-
-  &:hover {
-    color: ${colors.beige};
-    text-decoration: none;
-
-    border-style: solid;
-    background: red;
-
-    transform: translateY(-.25rem);
-
-    cursor: pointer;
-  }
-`;
-
-export default CardHeaderReports;

package/admin/src/components/ItemHeader/Wrapper.js

@@ -1,16 +0,0 @@
-import styled from 'styled-components';
-
-import { colors } from 'strapi-helper-plugin';
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  margin-bottom: ${props => props.hasMargin ? '1rem' : 0};
-
-  color: ${colors.leftMenu.grey};
-  font-size: 1.25rem;
-  font-weight: 500;
-`;
-
-export default Wrapper;

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

@@ -1,97 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { useGlobalContext, CheckPermissions } from 'strapi-helper-plugin';
-import { faLock, faStream, faAsterisk, faFire, faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
-import Wrapper from './Wrapper';
-import CardHeaderBlocked from './CardHeaderBlocked';
-import CardHeaderPending from './CardHeaderPending';
-import pluginId from '../../pluginId';
-import CardHeaderIndicatorsContainer from './CardHeaderIndicatorsContainer';
-import CardHeaderIndicatorBlue from './CardHeaderIndicatorBlue';
-import CardHeaderIndicatorRed from './CardHeaderIndicatorRed';
-import CardHeaderReports from './CardHeaderReports';
-import pluginPermissions from '../../permissions';
-import { APPROVAL_STATUS } from "../../utils/constants";
-
-const ItemHeader = ({ active, isDetailedView, blocked, blockedThread, isNew, isAbuseReported, isRemoved, abuseReports, onReportsClick, approvalStatus }) => {
-  const { formatMessage } = useGlobalContext();
-  const isBlocked = blocked || blockedThread;
-  const hasAnyIndicators = isNew || (isAbuseReported && !isDetailedView);
-
-  return (
-    <Wrapper hasMargin={isBlocked || isRemoved || (isAbuseReported && isDetailedView)}>
-      {isBlocked && (
-        <CheckPermissions permissions={pluginPermissions.moderate}>
-          <CardHeaderBlocked>
-            <FontAwesomeIcon icon={faLock} />
-            {blockedThread && <FontAwesomeIcon icon={faStream} />}
-            <FormattedMessage id={`${pluginId}.list.item.header.blocked${blockedThread ? '.thread' : ''}`} />
-          </CardHeaderBlocked>
-        </CheckPermissions>
-      )}
-      {
-        isRemoved && (
-          <CheckPermissions permissions={pluginPermissions.moderate}>
-            <CardHeaderBlocked>
-              <FontAwesomeIcon icon={faLock} />
-              {blockedThread && <FontAwesomeIcon icon={faStream} />}
-              <FormattedMessage id={`${pluginId}.list.item.header.removed`} />
-            </CardHeaderBlocked>
-          </CheckPermissions>
-        )
-      }
-      {
-        approvalStatus === APPROVAL_STATUS.PENDING && (
-          <CheckPermissions permissions={pluginPermissions.moderate}>
-            <CardHeaderPending>
-              <FontAwesomeIcon icon={faExclamationCircle} />
-              <FormattedMessage id={`${pluginId}.list.item.header.pending`} />
-            </CardHeaderPending>
-          </CheckPermissions>
-        )
-      }
-      {(isDetailedView && active) && (<>
-        {isAbuseReported && (
-          <CheckPermissions permissions={pluginPermissions.moderateReports}>
-            <CardHeaderReports href="#abuse-reports" onClick={onReportsClick}>
-              <FontAwesomeIcon icon={faFire} />
-              <FormattedMessage id={`${pluginId}.list.item.header.abuse`} values={{ count: abuseReports.length }} />
-            </CardHeaderReports>
-          </CheckPermissions>
-        )}
-      </>)}
-      {hasAnyIndicators && <CardHeaderIndicatorsContainer>
-          {isNew && (<CardHeaderIndicatorBlue title={formatMessage({ id: `${pluginId}.list.item.indication.new`})}>
-            <FontAwesomeIcon icon={faAsterisk} />
-          </CardHeaderIndicatorBlue>)} 
-          <CheckPermissions permissions={pluginPermissions.moderateReports}>
-            {isAbuseReported && (<CardHeaderIndicatorRed title={formatMessage({ id: `${pluginId}.list.item.indication.abuse`})}>
-              <FontAwesomeIcon icon={faFire} />
-            </CardHeaderIndicatorRed>)}
-          </CheckPermissions>
-        </CardHeaderIndicatorsContainer>
-      }
-    </Wrapper>
-  );
-};
-
-ItemHeader.propTypes = {
-  active: PropTypes.bool,
-  isDetailedView: PropTypes.bool,
-  blocked: PropTypes.bool,
-  blockedThread: PropTypes.bool,
-  isNew: PropTypes.bool,
-  removed: PropTypes.bool,
-  isAbuseReported: PropTypes.bool,
-  abuseReports: PropTypes.array,
-  onReportsClick: PropTypes.func,
-  approvalStatus: PropTypes.oneOf([
-    APPROVAL_STATUS.APPROVED,
-    APPROVAL_STATUS.PENDING,
-    APPROVAL_STATUS
-  ])
-};
-
-export default ItemHeader;

package/admin/src/components/ItemModeration/Wrapper.js

@@ -1,19 +0,0 @@
-import styled from 'styled-components';
-
-import { Button } from '@buffetjs/styles';
-import { colors } from 'strapi-helper-plugin';
-
-const Wrapper = styled.div`
-  display: flex;
-  margin-top: 1rem;
-
-  flex-wrap: wrap;
-  justify-items: center;
-  align-items: stretch;
-
-  ${Button} {
-    margin-right: 1rem;
-  }
-`;
-
-export default Wrapper;

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

@@ -1,84 +0,0 @@
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { useGlobalContext, CheckPermissions } from 'strapi-helper-plugin';
-import { Button } from '@buffetjs/core';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faComment, faCommentSlash, faComments, faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
-import Wrapper from './Wrapper';
-import pluginId from '../../pluginId';
-import pluginPermissions from '../../permissions';
-import { APPROVAL_STATUS } from '../../utils/constants';
-
-const ItemModeration = ({ id, blocked, blockedThread, onBlockClick, onBlockThreadClick, onApproveCommentClick, onRejectCommentClick, approvalStatus }) => {
-  const { formatMessage } = useGlobalContext();
-  const canBeApproved =
-    approvalStatus === APPROVAL_STATUS.PENDING ||
-    approvalStatus === APPROVAL_STATUS.REJECTED;
-  const approvalButtonProps = useMemo(
-    () =>
-      canBeApproved
-        ? {
-            onClick: onApproveCommentClick.bind(null, id),
-            color: 'primary',
-            label: formatMessage({
-              id: `${pluginId}.list.item.moderation.button.comment.approval.approve`,
-            }),
-          }
-        : {
-            onClick: onRejectCommentClick.bind(null, id),
-            color: 'delete',
-            label: formatMessage({
-              id: `${pluginId}.list.item.moderation.button.comment.approval.reject`,
-            }),
-          },
-    [canBeApproved, id],
-  );
-
-  return (
-    <CheckPermissions permissions={pluginPermissions.moderate}>
-      <Wrapper>
-        {approvalStatus ? (
-          <CheckPermissions permissions={pluginPermissions.moderateComments}>
-            <Button
-              {...approvalButtonProps}
-              icon={<FontAwesomeIcon icon={faExclamationCircle} />}
-            />
-          </CheckPermissions>
-        ) : null}
-        {!blockedThread && (
-          <CheckPermissions permissions={pluginPermissions.moderateComments}>
-            <Button
-              onClick={e => onBlockClick(id)}
-              color={blocked ? 'primary' : 'delete'} 
-              icon={<FontAwesomeIcon icon={blocked ? faComment : faCommentSlash} />} 
-              label={formatMessage({ id: `${pluginId}.list.item.moderation.button.comment.${blocked ? 'restore' : 'hide'}` })} />
-          </CheckPermissions>
-        )}
-        <CheckPermissions permissions={pluginPermissions.moderateThreads}>
-          <Button 
-            onClick={e => onBlockThreadClick(id)}
-            color={blockedThread ? 'primary' : 'delete'} 
-            icon={<FontAwesomeIcon icon={faComments} />} 
-            label={formatMessage({ id: `${pluginId}.list.item.moderation.button.thread.${blockedThread ? 'restore' : 'hide'}` })} />
-        </CheckPermissions>
-      </Wrapper>
-    </CheckPermissions>
-  );
-};
-
-ItemModeration.propTypes = {
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), 
-  blocked: PropTypes.bool, 
-  blockedThread: PropTypes.bool, 
-  onBlockClick: PropTypes.func.isRequired, 
-  onBlockThreadClick: PropTypes.func.isRequired,
-  approvalStatus: PropTypes.oneOf([
-    APPROVAL_STATUS.APPROVED,
-    APPROVAL_STATUS.PENDING,
-    APPROVAL_STATUS
-  ]),
-  onApproveCommentClick: PropTypes.func,
-  onRejectCommentClick: PropTypes.func,
-};
-
-export default ItemModeration;

package/admin/src/components/List/Container.js

@@ -1,20 +0,0 @@
-import styled from 'styled-components';
-
-import { colors, sizes } from 'strapi-helper-plugin';
-
-const Container = styled.ul`
-  display: flex;
-  padding: ${2*sizes.margin}px;
-  flex-direction: column;
-  flex-grow: 1;
-  margin: 0;
-
-  z-index: 0;
-
-  overflow-x: hidden;
-  overflow-y: auto;
-
-  list-style: none;
-`;
-
-export default Container;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Item from '../Item';
-import Container from './Container';
-
-const List = ({ items, relatedContentTypes }) => (
-  <Container>
-    {items.map((item, n) => (
-      <Item
-        key={`list-item-${item.id || n}`}
-        relatedContentTypes={relatedContentTypes}
-        {...item}
-      />))}
-  </Container>
-);
-
-List.propTypes = {
-  items: PropTypes.array,
-};
-
-export default List;

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

@@ -1,83 +0,0 @@
-/*
- *
- * Search
- *
- */
-
-import React, { memo } from 'react';
-import { isEmpty, upperFirst } from 'lodash';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { HeaderSearch } from 'strapi-helper-plugin';
-import getTrad from '../../utils/getTrad';
-
-const WAIT = 400;
-
-class Search extends React.Component {
-  state = { value: this.props.initValue };
-
-  timer = null;
-
-  componentDidUpdate(prevProps) {
-    const { model, value } = this.props;
-
-    if (prevProps.model !== model || (!isEmpty(prevProps.value) && isEmpty(value))) {
-      this.resetState();
-    }
-  }
-
-  resetState = () => this.setState({ value: '' });
-
-  handleChange = ({ target }) => {
-    clearTimeout(this.timer);
-    this.setState({ value: target.value });
-    this.timer = setTimeout(() => this.triggerChange(target.value), WAIT);
-  };
-
-  handleClick = () => {
-    this.setState({ value: '' });
-    this.triggerChange('');
-  };
-
-  triggerChange = value =>
-    this.props.changeParams({
-      target: {
-        name: '_q',
-        value,
-      },
-    });
-
-  render() {
-    const { model } = this.props;
-    const { value } = this.state;
-
-    return (
-      <FormattedMessage id={getTrad('components.Search.placeholder')}>
-        {placeholder => (
-          <HeaderSearch
-            label={upperFirst(model)}
-            onChange={this.handleChange}
-            onClear={this.handleClick}
-            placeholder={placeholder}
-            value={value}
-          />
-        )}
-      </FormattedMessage>
-    );
-  }
-}
-
-Search.defaultProps = {
-  changeParams: () => {},
-  model: '',
-  value: '',
-};
-
-Search.propTypes = {
-  changeParams: PropTypes.func,
-  initValue: PropTypes.string.isRequired,
-  model: PropTypes.string,
-  value: PropTypes.string,
-};
-
-export default memo(Search);

package/admin/src/containers/App/Wrapper.js

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-
-import { sizes } from 'strapi-helper-plugin';
-
-const Wrapper = styled.div`
-  min-height: calc(100vh - ${sizes.header.height});
-  .centered {
-    position: fixed;
-    top: calc(50% - 13px);
-    right: calc(50% - 13px);
-  }
-`;
-
-export default Wrapper;

package/admin/src/containers/App/index.js

@@ -1,47 +0,0 @@
-/**
- *
- * This component is the skeleton around the actual pages, and should only
- * contain code that should be seen on all pages. (e.g. navigation bar)
- *
- */
-
-import React,  { Suspense, lazy }from 'react';
-import { Switch, Route } from 'react-router-dom';
-import { NotFound, LoadingIndicatorPage, CheckPagePermissions } from 'strapi-helper-plugin';
-import Wrapper from './Wrapper';
-// Utils
-import pluginId from '../../pluginId';
-import DataManagerProvider from '../DataManagerProvider';
-import pluginPermissions from '../../permissions';
-// Containers
-
-
-const Panel = lazy(() => import('../Panel'));
-
-const App = () => {
-  return (
-    <CheckPagePermissions permissions={pluginPermissions.main}>
-      <Wrapper>
-        <DataManagerProvider>
-          <Suspense fallback={<LoadingIndicatorPage />}>
-            <Switch>
-              <Route
-                path={`/plugins/${pluginId}`}
-                component={Panel}
-                exact
-              />
-              <Route
-                path={`/plugins/${pluginId}/display/:id`}
-                component={Panel}
-                exact
-              />
-              <Route component={NotFound} />
-            </Switch>
-          </Suspense>
-        </DataManagerProvider>
-      </Wrapper>
-    </CheckPagePermissions>
-  );
-};
-
-export default App;

package/admin/src/containers/DataManagerProvider/actions.js

@@ -1,15 +0,0 @@
-export const GET_DATA = 'GET_DATA';
-export const GET_DATA_SUCCEEDED = 'GET_DATA_SUCCEEDED';
-export const GET_SINGLE_DATA = 'GET_SINGLE_DATA';
-export const BLOCK_COMMENT = 'BLOCK_COMMENT';
-export const BLOCK_COMMENT_THREAD = 'BLOCK_COMMENT_THREAD';
-export const GET_SINGLE_DATA_SUCCEEDED = 'GET_SINGLE_DATA_SUCCEEDED';
-export const RELOAD_PLUGIN = 'RELOAD_PLUGIN';
-export const BLOCK_COMMENT_SUCCESS = 'BLOCK_COMMENT_SUCCESS';
-export const BLOCK_COMMENT_THREAD_SUCCESS = 'BLOCK_COMMENT_THREAD_SUCCESS';
-export const RESOLVE_ABUSE_REPORT = 'RESOLVE_ABUSE_REPORT';
-export const RESOLVE_ABUSE_REPORT_SUCCESS = 'RESOLVE_ABUSE_REPORT_SUCCESS';
-export const APPROVE_COMMENT = 'APPROVE_COMMENT';
-export const REJECT_COMMENT = 'REJECT_COMMENT';
-export const APPROVE_COMMENT_SUCCESS = 'APPROVE_COMMENT_SUCCESS';
-export const REJECT_COMMENT_SUCCESS = 'REJECT_COMMENT_SUCCESS';