decidim 0.0.6 → 0.0.7

data/decidim-comments/app/frontend/comments/down_vote_button.component.jsx

@@ -1,98 +0,0 @@
-import { PropTypes }       from 'react';
-import { propType }        from 'graphql-anywhere';
-import { graphql }         from 'react-apollo';
-import gql                 from 'graphql-tag';
-
-import VoteButton          from './vote_button.component';
-
-import downVoteMutation    from './down_vote.mutation.graphql';
-
-import commentFragment     from './comment.fragment.graphql';
-import commentDataFragment from './comment_data.fragment.graphql';
-import upVoteFragment      from './up_vote.fragment.graphql';
-import downVoteFragment    from './down_vote.fragment.graphql';
-
-export const DownVoteButton = ({ comment: { downVotes, upVoted, downVoted }, downVote }) => {
-  let selectedClass = '';
-
-  if (downVoted) {
-    selectedClass = 'is-vote-selected';
-  } else if (upVoted) {
-     selectedClass = 'is-vote-notselected';
-  }
-
-  return (
-    <VoteButton
-      buttonClassName="comment__votes--down"
-      iconName="icon-chevron-bottom"
-      votes={downVotes}
-      voteAction={downVote}
-      disabled={upVoted || downVoted}
-      selectedClass={selectedClass}
-    />
-  );
-};
-
-DownVoteButton.fragments = {
-  comment: gql`
-    ${downVoteFragment}
-  `
-};
-
-DownVoteButton.propTypes = {
-  comment: propType(DownVoteButton.fragments.comment).isRequired,
-  downVote: PropTypes.func.isRequired
-};
-
-const DownVoteButtonWithMutation = graphql(gql`
-  ${downVoteMutation}
-  ${commentFragment}
-  ${commentDataFragment}
-  ${upVoteFragment}
-  ${downVoteFragment}
-`, {
-  props: ({ ownProps, mutate }) => ({
-    downVote: () => mutate({
-      variables: {
-        id: ownProps.comment.id
-      },
-      optimisticResponse: {
-        __typename: 'Mutation',
-        comment: {
-          __typename: 'CommentMutation',
-          downVote: {
-            __typename: 'Comment',
-            ...ownProps.comment,
-            downVotes: ownProps.comment.downVotes + 1,
-            downVoted: true
-          }
-        }
-      },
-      updateQueries: {
-        GetComments: (prev, { mutationResult: { data } }) => {
-          const commentReducer = (comment) => {
-            const replies = comment.comments || [];
-
-            if (comment.id === ownProps.comment.id) {
-              return data.comment.downVote;
-            }
-            return {
-              ...comment,
-              comments: replies.map(commentReducer)
-            };
-          };
-
-          return {
-            ...prev,
-            commentable: {
-              ...prev.commentable,
-              comments: prev.commentable.comments.map(commentReducer)
-            }
-          }
-        }
-      }
-    })
-  })
-})(DownVoteButton);
-
-export default DownVoteButtonWithMutation;

data/decidim-comments/app/frontend/comments/down_vote_button.component.test.jsx

@@ -1,48 +0,0 @@
-import { shallow }          from 'enzyme';
-import { filter }           from 'graphql-anywhere';
-import gql                  from 'graphql-tag';
-
-import { DownVoteButton }   from './down_vote_button.component';
-
-import VoteButton           from './vote_button.component';
-
-import downVoteFragment     from './down_vote.fragment.graphql';
-
-import stubComponent        from '../support/stub_component';
-import generateCommentsData from '../support/generate_comments_data';
-
-describe("<DownVoteButton />", () => {
-  let comment = {};
-  const downVote = () => {};
-
-  stubComponent(VoteButton);
-
-  beforeEach(() => {
-    let commentsData = generateCommentsData(1);
-    
-    const fragment = gql`
-      ${downVoteFragment}
-    `;
-
-    comment = filter(fragment, commentsData[0]);
-  });
-
-  it("should render a VoteButton component with the correct props", () => {
-    const wrapper = shallow(<DownVoteButton comment={comment} downVote={downVote} />);
-    expect(wrapper.find(VoteButton)).to.have.prop("buttonClassName").equal("comment__votes--down");
-    expect(wrapper.find(VoteButton)).to.have.prop("iconName").equal("icon-chevron-bottom");
-    expect(wrapper.find(VoteButton)).to.have.prop("votes").equal(comment.downVotes);    
-  });
-
-  it("should pass disabled prop as true if comment downVoted is true", () => {
-    comment.downVoted = true;
-    const wrapper = shallow(<DownVoteButton comment={comment} downVote={downVote} />);
-    expect(wrapper.find(VoteButton)).to.have.prop("disabled").equal(true);        
-  });
-
-  it("should pass disabled prop as true if comment downVoted is true", () => {
-    comment.downVoted = true;
-    const wrapper = shallow(<DownVoteButton comment={comment} downVote={downVote} />);
-    expect(wrapper.find(VoteButton)).to.have.prop("disabled").equal(true);        
-  });
-});

data/decidim-comments/app/frontend/comments/featured_comment.component.jsx

@@ -1,23 +0,0 @@
-import { Component } from 'react';
-import { I18n }      from 'react-i18nify';
-
-import Comment       from './comment.component';
-
-/**
- * A wrapper component for a highlighted component.
- * @class
- * @augments Component
- * @todo It's not used right now
- */
-export default class FeaturedComment extends Component {
-  render() {
-    return (
-      <section className="comments">
-        <h4 className="section-heading">{ I18n.t("components.featured_comment.title") }</h4>
-        <div className="comment-thread comment--pinned">
-          <Comment />
-        </div>
-      </section>
-    );
-  }
-}

data/decidim-comments/app/frontend/comments/featured_comment.component.test.jsx

@@ -1,15 +0,0 @@
-import { shallow }     from 'enzyme';
-
-import FeaturedComment from './featured_comment.component';
-import Comment         from './comment.component';
-
-import stubComponent   from '../support/stub_component';
-
-describe('<FeaturedComment />', () => {
-  stubComponent(Comment);
-
-  it("should render a section of class comments", () => {
-    const wrapper = shallow(<FeaturedComment />);
-    expect(wrapper.find('section.comments')).to.be.present();
-  });
-});

data/decidim-comments/app/frontend/comments/up_vote_button.component.jsx

@@ -1,98 +0,0 @@
-import { PropTypes }       from 'react';
-import { propType }        from 'graphql-anywhere';
-import { graphql }         from 'react-apollo';
-import gql                 from 'graphql-tag';
-
-import VoteButton          from './vote_button.component';
-
-import upVoteMutation      from './up_vote.mutation.graphql';
-
-import commentFragment     from './comment.fragment.graphql';
-import commentDataFragment from './comment_data.fragment.graphql';
-import upVoteFragment      from './up_vote.fragment.graphql';
-import downVoteFragment    from './down_vote.fragment.graphql';
-
-export const UpVoteButton = ({ comment: { upVotes, upVoted, downVoted }, upVote }) => {
-  let selectedClass = '';
-
-  if (upVoted) {
-    selectedClass = 'is-vote-selected';
-  } else if (downVoted) {
-     selectedClass = 'is-vote-notselected';
-  }
-
-  return (
-    <VoteButton
-      buttonClassName="comment__votes--up"
-      iconName="icon-chevron-top"
-      votes={upVotes}
-      voteAction={upVote}
-      disabled={upVoted || downVoted}
-      selectedClass={selectedClass}
-    />
-  );
-}
-
-UpVoteButton.fragments = {
-  comment: gql`
-    ${upVoteFragment}
-  `
-};
-
-UpVoteButton.propTypes = {
-  comment: propType(UpVoteButton.fragments.comment).isRequired,
-  upVote: PropTypes.func.isRequired
-};
-
-const UpVoteButtonWithMutation = graphql(gql`
-  ${upVoteMutation}
-  ${commentFragment}
-  ${commentDataFragment}
-  ${upVoteFragment}
-  ${downVoteFragment}
-`, {
-  props: ({ ownProps, mutate }) => ({
-    upVote: () => mutate({
-      variables: {
-        id: ownProps.comment.id
-      },
-      optimisticResponse: {
-        __typename: 'Mutation',
-        comment: {
-          __typename: 'CommentMutation',
-          upVote: {
-            __typename: 'Comment',
-            ...ownProps.comment,
-            upVotes: ownProps.comment.upVotes + 1,
-            upVoted: true
-          }
-        }
-      },
-      updateQueries: {
-        GetComments: (prev, { mutationResult: { data } }) => {
-          const commentReducer = (comment) => {
-            const replies = comment.comments || [];
-
-            if (comment.id === ownProps.comment.id) {
-              return data.comment.upVote;
-            }
-            return {
-              ...comment,
-              comments: replies.map(commentReducer)
-            };
-          };
-
-          return {
-            ...prev,
-            commentable: {
-              ...prev.commentable,
-              comments: prev.commentable.comments.map(commentReducer)
-            }
-          }
-        }
-      }
-    })
-  })
-})(UpVoteButton);
-
-export default UpVoteButtonWithMutation;

data/decidim-comments/app/frontend/comments/up_vote_button.component.test.jsx

@@ -1,48 +0,0 @@
-import { shallow }          from 'enzyme';
-import { filter }           from 'graphql-anywhere';
-import gql                  from 'graphql-tag';
-
-import { UpVoteButton }     from './up_vote_button.component';
-
-import VoteButton           from './vote_button.component';
-
-import upVoteFragment       from './up_vote.fragment.graphql';
-
-import stubComponent        from '../support/stub_component';
-import generateCommentsData from '../support/generate_comments_data';
-
-describe("<UpVoteButton />", () => {
-  let comment = {};
-  const upVote = () => {};
-
-  stubComponent(VoteButton);
-
-  beforeEach(() => {
-    let commentsData = generateCommentsData(1);
-    
-    const fragment = gql`
-      ${upVoteFragment}
-    `;
-
-    comment = filter(fragment, commentsData[0]);
-  });
-
-  it("should render a VoteButton component with the correct props", () => {
-    const wrapper = shallow(<UpVoteButton comment={comment} upVote={upVote} />);
-    expect(wrapper.find(VoteButton)).to.have.prop("buttonClassName").equal("comment__votes--up");
-    expect(wrapper.find(VoteButton)).to.have.prop("iconName").equal("icon-chevron-top");
-    expect(wrapper.find(VoteButton)).to.have.prop("votes").equal(comment.upVotes);    
-  });
-
-  it("should pass disabled prop as true if comment upVoted is true", () => {
-    comment.upVoted = true;
-    const wrapper = shallow(<UpVoteButton comment={comment} upVote={upVote} />);
-    expect(wrapper.find(VoteButton)).to.have.prop("disabled").equal(true);        
-  });
-
-  it("should pass disabled prop as true if comment downVoted is true", () => {
-    comment.downVoted = true;
-    const wrapper = shallow(<UpVoteButton comment={comment} upVote={upVote} />);
-    expect(wrapper.find(VoteButton)).to.have.prop("disabled").equal(true);        
-  });
-});

data/decidim-comments/app/frontend/comments/vote_button.component.jsx

@@ -1,32 +0,0 @@
-import { Component, PropTypes } from 'react';
-import Icon          from '../application/icon.component';
-
-class VoteButton extends Component {
-  render() {
-    const { buttonClassName, iconName, votes, voteAction, disabled, selectedClass } = this.props;
-    let voteClasses = `${buttonClassName} ${selectedClass}`;
-
-    return (
-      <button className={voteClasses} onClick={() => voteAction()} disabled={disabled}>
-        <Icon name={iconName} iconExtraClassName="icon--small" />
-        { ` ${votes}` }
-      </button>
-    );
-  }
-}
-
-VoteButton.propTypes = {
-  buttonClassName: PropTypes.string.isRequired,
-  iconName: PropTypes.string.isRequired,
-  votes: PropTypes.number.isRequired,
-  voteAction: PropTypes.func.isRequired,
-  selectedClass: PropTypes.string,
-  disabled: PropTypes.bool
-};
-
-VoteButton.defaultProps = {
-  selectedClass: "selected",
-  disabled: false
-};
-
-export default VoteButton;

data/decidim-comments/app/frontend/entry.js

@@ -1,17 +0,0 @@
-import ReactDOM         from 'react-dom';
-
-import loadTranslations from './support/load_translations';
-import Comments         from './comments/comments.component';
-
-// Expose global components
-window.DecidimComments.renderCommentsComponent = (nodeId, props) => {
-  var node = $(`#${nodeId}`)[0];
-
-  ReactDOM.render(
-    React.createElement(Comments, props),
-    node
-  );
-};
-
-// Load component locales from yaml files
-loadTranslations();

data/decidim-comments/app/frontend/entry.test.js

@@ -1,31 +0,0 @@
-// ---------------------------------------
-// Test Environment Setup
-// ---------------------------------------
-import sinon            from 'sinon/pkg/sinon';
-import chai             from 'chai';
-import sinonChai        from 'sinon-chai';
-import chaiAsPromised   from 'chai-as-promised';
-import chaiEnzyme       from 'chai-enzyme';
-import loadTranslations from './support/load_translations';
-import requireAll       from './support/require_all';
-
-require('jquery');
-
-// 
-chai.use(sinonChai)
-chai.use(chaiAsPromised)
-chai.use(chaiEnzyme())
-// 
-window.chai = chai
-window.sinon = sinon
-window.expect = chai.expect
-window.should = chai.should()
-
-// ---------------------------------------
-// Require Tests
-// ---------------------------------------
-requireAll(require.context('./application/', true, /\.test\.jsx?$/));
-requireAll(require.context('./comments/', true, /\.test\.jsx?$/));
-
-// Load component locales from yaml files
-loadTranslations();

data/decidim-comments/app/frontend/support/load_translations.js

@@ -1,23 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { I18n }   from 'react-i18nify';
-import requireAll from './require_all';
-
-/**
- * Load components translations from yaml files and import them into
- * react-i18ify system so they can be used via `I18n.t` method.
- * @returns {Void} - Nothing
- */
-const loadTranslations = () => {
-  const translationsContext = require.context('../../../config/locales/', true, /\.yml$/);
-  const translationFiles = requireAll(translationsContext);
-
-  const translations = translationsContext.keys().reduce((acc, key, index) => {
-    const locale = key.match(/\.\/(.*)\.yml/)[1];
-    acc[locale] = translationFiles[index][locale].decidim;
-    return acc;
-  }, {});
-
-  I18n.setTranslations(translations);
-};
-
-export default loadTranslations;

data/decidim-comments/app/frontend/support/stub_component.js

@@ -1,29 +0,0 @@
-/* eslint-disable no-param-reassign */
-
-/**
- * A helper function to stub the `propTypes` and `fragments` of a component.
- * Useful for testing isolated components so the children propTypes are not
- * evaluated.
- * @param {ReactComponent} componentClass - A component constructor function or class
- * @param {Object} options - An object which properties are used to stub component properties.
- * @returns {ReactComponent} - A component with some properties stubbed
- */
-const stubComponent = function(componentClass, options = {}) {
-  let originalPropTypes = {};
-  let originalFragments = {};
-
-  beforeEach(function() {
-    originalPropTypes = componentClass.propTypes;
-    originalFragments = componentClass.fragments;
-
-    componentClass.propTypes = options.propTypes || {};
-    componentClass.fragments = options.fragments || {};
-  });
-
-  afterEach(function() {
-    componentClass.propTypes = originalPropTypes;
-    componentClass.fragments = originalFragments;
-  });
-};
-
-export default stubComponent;