@eeacms/volto-clms-theme 1.0.65 → 1.0.69

package/src/components/CLMSDownloadsView/CLMSDownloadTasks.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSDownloadsView/CLMSDownloadsView.jsx

@@ -79,9 +79,6 @@ const CLMSDownloadsView = (props) => {
       let downloadInProgressUidsList = getUIDList(
         downloadtool?.download_in_progress,
       );
-      // let downloadCancelledUidsList = getUIDList(
-      //   downloadtool?.download_cancelled,
-      // );
       let finishedOKUidsList = getUIDList(downloadtool?.download_finished_ok);
       let finishedNOKUidsList = getUIDList(downloadtool?.download_finished_nok);
       let rejectedUidsList = getUIDList(downloadtool?.download_rejected);

package/src/components/CLMSDownloadsView/CLMSDownloadsView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSDownloadsView/FileCard.jsx

@@ -15,7 +15,6 @@ import alertSVG from '@plone/volto/icons/alert.svg';
 import errorSVG from '@plone/volto/icons/error.svg';
 import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
 import packSVG from '@plone/volto/icons/pack.svg';
-// import cancelledSVG from '@plone/volto/icons/spam.svg';
 import removeSVG from '@plone/volto/icons/delete.svg';
 
 const prettyBytes = require('pretty-bytes');
@@ -78,20 +77,6 @@ const FileCard = (props) => {
                 trigger={<Loader active inline indeterminate size="medium" />}
               />
             )}
-            {/* {item?.Status === 'Cancelled' && (
-              <Popup
-                content="Cancelled"
-                size="small"
-                trigger={
-                  <Icon
-                    name={cancelledSVG}
-                    size={45}
-                    color="#e40166"
-                    title={'Cancelled'}
-                  />
-                }
-              />
-            )} */}
             {item?.Status === 'Finished_ok' && (
               <Popup
                 content="Finished correctly"
@@ -179,7 +164,7 @@ const FileCard = (props) => {
               </ul>
             )}
             {item?.Status === 'Finished_ok' && 10 - daysDiff > -1 && (
-              <Segment basic>
+              <Segment basic className="file-download">
                 {item?.DownloadURL && (
                   <a href={item.DownloadURL} target="_blank" rel="noreferrer">
                     {formatMessage(messages.Download)}

package/src/components/CLMSDownloadsView/FileCard.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSDownloadsView/filecard.less

@@ -10,3 +10,12 @@
 .ui.column.grid.filecard div.trashcontainer {
   box-shadow: none !important;
 }
+
+.ui.column.grid.filecard .file-datetimes,
+.ui.column.grid.filecard .file-download {
+  padding: 0;
+}
+
+.ui.column.grid.filecard .file-datetimes svg {
+  cursor: pointer;
+}

package/src/components/CLMSMapViewerView/CLMSMapViewerView.jsx

@@ -3,14 +3,14 @@
  * @module components/CLMSMapViewView/CLMSMapViewView
  */
 
+import { Helmet, getBaseUrl } from '@plone/volto/helpers';
 import React, { useEffect } from 'react';
-import { Helmet } from '@plone/volto/helpers';
 import { defineMessages, useIntl } from 'react-intl';
+
 import { MapViewer } from '@eeacms/volto-arcgis-block/components';
 import config from '@eeacms/volto-arcgis-block/components/MapViewer/config';
-import { useDispatch } from 'react-redux';
 import { getExtraBreadcrumbItems } from '../../actions';
-import { getBaseUrl } from '@plone/volto/helpers';
+import { useDispatch } from 'react-redux';
 const CLMSMapViewerView = (props) => {
   const dispatch = useDispatch();
 

package/src/components/CLMSMapViewerView/CLMSMapViewerView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSMeetingView/CLMSMeetingEmailView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSMeetingView/CLMSMeetingEmailsView.jsx

@@ -1,10 +1,11 @@
+import { Link, useLocation } from 'react-router-dom';
 import React, { useState } from 'react';
 import { defineMessages, injectIntl } from 'react-intl';
 import { useDispatch, useSelector } from 'react-redux';
-import { searchContent } from '@plone/volto/actions';
-import { useLocation, Link } from 'react-router-dom';
 
 import { Pagination } from '@plone/volto/components';
+import { searchContent } from '@plone/volto/actions';
+
 export const CLMSMeetingEmailsView = (props) => {
   const { content, intl } = props;
   const dispatch = useDispatch();
@@ -132,9 +133,9 @@ export const CLMSMeetingEmailsView = (props) => {
                           <Link to={email['@id']}>{email.sender}</Link>
                         </td>
                         <td>
-                          {email.receiver.map((receiver, index) => (
-                            <span key={index}>
-                              {index !== 0 && ', '}
+                          {email.receiver.map((receiver, emailIndex) => (
+                            <span key={emailIndex}>
+                              {emailIndex !== 0 && ', '}
                               {receiver.token}
                             </span>
                           ))}

package/src/components/CLMSMeetingView/CLMSMeetingEmailsView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSMeetingView/CLMSMeetingSubscriberVew.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSMeetingView/CLMSMeetingSubscriberView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSMeetingView/CLMSMeetingSubscribersView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSMeetingView/CLMSMeetingView.jsx

@@ -1,21 +1,24 @@
-import React from 'react';
 import './meetingstyles.less';
-import { StringToHTML } from '@eeacms/volto-clms-theme/components/CclUtils';
+
+import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
+import { Header, Image, Message, Segment } from 'semantic-ui-react';
+import { Icon, Toast } from '@plone/volto/components';
 import {
-  When,
   Recurrence,
+  When,
 } from '@plone/volto/components/theme/View/EventDatesInfo';
-import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import { Header, Segment, Message, Image } from 'semantic-ui-react';
-import { Icon, Toast } from '@plone/volto/components';
-import { toast } from 'react-toastify';
-import checkSVG from '@plone/volto/icons/check.svg';
-import { postMeetingRegister } from '../../actions';
 import { useDispatch, useSelector } from 'react-redux';
-import jwtDecode from 'jwt-decode';
-import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
 import { useHistory, useLocation } from 'react-router-dom';
+
+import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
+import React from 'react';
+import { StringToHTML } from '@eeacms/volto-clms-theme/components/CclUtils';
+import checkSVG from '@plone/volto/icons/check.svg';
 import { createContent } from '@plone/volto/actions';
+import jwtDecode from 'jwt-decode';
+import { postMeetingRegister } from '../../actions';
+import { toast } from 'react-toastify';
+
 export const CLMSMeetingView = (props) => {
   const { content, intl } = props;
   const dispatch = useDispatch();
@@ -108,6 +111,33 @@ export const CLMSMeetingView = (props) => {
     );
     history.push(props.location.pathname + '/form');
   }
+  const RegistrationButton = ({ rContent, rMeeting_register, rIsLoggedIn }) => {
+    return (
+      <>
+        {rContent.is_registered ||
+        (rMeeting_register.logged_user_registration &&
+          !rMeeting_register.error) ? (
+          <Message color="olive" size="large">
+            <Icon size={20} name={checkSVG} />{' '}
+            <FormattedMessage
+              id="You are already registered"
+              defaultMessage="You are already registered"
+            />
+          </Message>
+        ) : (
+          rIsLoggedIn && (
+            <CclButton onClick={() => handleRegister()}>
+              <FormattedMessage
+                id="Register to this meeting"
+                defaultMessage="Register to this meeting"
+              />
+            </CclButton>
+          )
+        )}
+      </>
+    );
+  };
+
   const handleRegister = () => {
     dispatch(postMeetingRegister(location.pathname)).then((response) => {
       var responseJSON = JSON.parse(response.replace(/'/g, '"'));
@@ -345,28 +375,11 @@ export const CLMSMeetingView = (props) => {
                     )}
                 </>
               ) : (
-                <>
-                  {content.is_registered ||
-                  (meeting_register.logged_user_registration &&
-                    !meeting_register.error) ? (
-                    <Message color="olive" size="large">
-                      <Icon size={20} name={checkSVG} />{' '}
-                      <FormattedMessage
-                        id="You are already registered"
-                        defaultMessage="You are already registered"
-                      />
-                    </Message>
-                  ) : (
-                    isLoggedIn && (
-                      <CclButton onClick={() => handleRegister()}>
-                        <FormattedMessage
-                          id="Register to this meeting"
-                          defaultMessage="Register to this meeting"
-                        />
-                      </CclButton>
-                    )
-                  )}
-                </>
+                <RegistrationButton
+                  rContent={content}
+                  rMeeting_register={meeting_register}
+                  rIsLoggedIn={isLoggedIn}
+                />
               )}
             </div>
           </div>

package/src/components/CLMSNewsItemView/CLMSNewsItemView.test.jsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import CLMSNewsItemView from './CLMSNewsItemView';
+import { MemoryRouter } from 'react-router-dom';
+
+describe('CLMSNewsItemView', () => {
+  it('Check CLMSNewsItemView default values', () => {
+    const content = {
+      title: 'example title',
+      /*image: {
+        image:"https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg",
+      }*/
+    };
+    const newsView = renderer
+      .create(
+        <MemoryRouter>
+          <CLMSNewsItemView content={content}>
+            <p>Event view test</p>
+          </CLMSNewsItemView>
+        </MemoryRouter>,
+      )
+      .toJSON();
+    expect(newsView).toBeDefined();
+  });
+  it('Check CLMSNewsItemView custom values', () => {
+    const content = {
+      title: 'example title',
+      image: {
+        image:
+          'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+      },
+    };
+    const newsView = renderer
+      .create(
+        <MemoryRouter>
+          <CLMSNewsItemView content={content}>
+            <p>Event view test</p>
+          </CLMSNewsItemView>
+        </MemoryRouter>,
+      )
+      .toJSON();
+    expect(newsView).toBeDefined();
+  });
+});

package/src/components/CLMSProfileView/CLMSApiTokensView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSProfileView/CLMSNewsletterSubscriberView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSProfileView/CLMSProfileView.jsx

@@ -3,20 +3,23 @@
  * @module components/CLMSProfileView/CLMSProfileView
  */
 
+import {
+  AVAILABLE_SUBSCRIPTIONS,
+  SubscriptionView,
+} from '@eeacms/volto-clms-theme/components/CLMSSubscriptionView';
 import {
   CLMSApiTokensView,
-  CLMSUserProfileView,
   CLMSNewsletterSubscriberView,
+  CLMSUserProfileView,
 } from '@eeacms/volto-clms-theme/components/CLMSProfileView';
-import { SubscriptionView } from '@eeacms/volto-clms-theme/components/CLMSSubscriptionView';
 import React, { Component } from 'react';
+
 import CclTabs from '@eeacms/volto-clms-theme/components/CclTab/CclTabs';
 import PropTypes from 'prop-types';
 import { compose } from 'redux';
 import { connect } from 'react-redux';
 import { getExtraBreadcrumbItems } from '../../actions';
 import jwtDecode from 'jwt-decode';
-import { AVAILABLE_SUBSCRIPTIONS } from '@eeacms/volto-clms-theme/components/CLMSSubscriptionView';
 /**
  * CLMSProfileView class.
  * @class CLMSProfileView

package/src/components/CLMSProfileView/CLMSProfileView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSProfileView/CLMSUserProfileView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSSubscriptionView/ConfirmSubscriptionView.jsx

@@ -1,14 +1,14 @@
-import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
+import { NotFound, Toast } from '@plone/volto/components';
 import React, { Component } from 'react';
 import { confirmSubscribeTo, confirmUnsubscribeTo } from '../../actions';
-import { injectIntl, defineMessages } from 'react-intl';
-import { connect } from 'react-redux';
-import { compose } from 'redux';
+import { defineMessages, injectIntl } from 'react-intl';
+
+import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
 import { Loader } from 'semantic-ui-react';
-import { Toast } from '@plone/volto/components';
-import { toast } from 'react-toastify';
+import { compose } from 'redux';
+import { connect } from 'react-redux';
 import { getSubscriptionConfig } from './subscription_utils';
-import { NotFound } from '@plone/volto/components';
+import { toast } from 'react-toastify';
 
 const messages = defineMessages({
   suscriptionConfirm: {
@@ -91,7 +91,17 @@ class ConfirmSubscriptionView extends Component {
         .catch(() => this.props.error && this.requestErrorToast());
     }
   }
+
+  ButtonText = (loading) => {
+    return loading ? (
+      'Confirm'
+    ) : (
+      <Loader active inline indeterminate size="small" />
+    );
+  };
+
   render() {
+    const ButtonText = this.ButtonText;
     return (
       <>
         {this.state.type_conf ? (
@@ -117,11 +127,7 @@ class ConfirmSubscriptionView extends Component {
               </div>
             </div>
             <CclButton onClick={this.handlePost}>
-              {!this.props.loading ? (
-                'Confirm'
-              ) : (
-                <Loader active inline indeterminate size="small" />
-              )}
+              <ButtonText loading={this.props.loading} />
             </CclButton>
           </div>
         ) : (

package/src/components/CLMSSubscriptionView/ConfirmSubscriptionView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSSubscriptionView/SubscriptionView.jsx

@@ -3,21 +3,24 @@
  * @module components/CLMSSubscriptionView/SubscriptionView
  */
 
+import { Button, Container, Form, Loader } from 'semantic-ui-react';
+import { Icon, NotFound, Toast } from '@plone/volto/components';
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { compose } from 'redux';
 import { defineMessages, injectIntl } from 'react-intl';
-import { Icon, Toast } from '@plone/volto/components';
+import {
+  getExtraBreadcrumbItems,
+  subscribeTo,
+  unsubscribeTo,
+} from '../../actions';
+
+import { Link } from 'react-router-dom';
+import PropTypes from 'prop-types';
 import aheadSVG from '@plone/volto/icons/ahead.svg';
-import { toast } from 'react-toastify';
-import { Container, Button, Form } from 'semantic-ui-react';
-import { subscribeTo, unsubscribeTo } from '../../actions';
-import { Loader } from 'semantic-ui-react';
+import { compose } from 'redux';
+import { connect } from 'react-redux';
 import { getSubscriptionConfig } from './subscription_utils';
-import { Link } from 'react-router-dom';
-import { getExtraBreadcrumbItems } from '../../actions';
-import { NotFound } from '@plone/volto/components';
+import { toast } from 'react-toastify';
+
 const messages = defineMessages({
   subscribeToThe: {
     id: '{subscribe_or_unsubscribe} to the {type}',
@@ -137,27 +140,28 @@ class SubscriptionView extends Component {
    * @returns {undefined}
    */
   onSubmit(event) {
-    event.preventDefault();
-    if (this.state.value) {
-      this.props
-        .subscribeTo(this.state.type_conf.back_url, this.state.value)
-        .then(() => this.props.loaded && this.requestSuccessToast())
-        .catch(() => this.props.error && this.requestErrorToast());
+    if (this.props.isUnsubscribe) {
+      if (this.state.value) {
+        this.props
+          .unsubscribeTo(this.state.type_conf.back_url, this.state.value)
+          .then(() => this.props.loaded && this.requestSuccessToast())
+          .catch(() => this.props.error && this.requestErrorToast());
+      } else {
+        this.emptyFieldErrorToast();
+      }
     } else {
-      this.emptyFieldErrorToast();
+      event.preventDefault();
+      if (this.state.value) {
+        this.props
+          .subscribeTo(this.state.type_conf.back_url, this.state.value)
+          .then(() => this.props.loaded && this.requestSuccessToast())
+          .catch(() => this.props.error && this.requestErrorToast());
+      } else {
+        this.emptyFieldErrorToast();
+      }
     }
   }
 
-  submitUnsubscribeTo = () => {
-    if (this.state.value) {
-      this.props
-        .unsubscribeTo(this.state.type_conf.back_url, this.state.value)
-        .then(() => this.props.loaded && this.requestSuccessToast())
-        .catch(() => this.props.error && this.requestErrorToast());
-    } else {
-      this.emptyFieldErrorToast();
-    }
-  };
   /**
    * Render method.
    * @method render
@@ -179,11 +183,7 @@ class SubscriptionView extends Component {
             <Form
               className="ccl-form user-form contact-form"
               size={'large'}
-              onSubmit={
-                this.props.isUnsubscribe
-                  ? this.submitUnsubscribeTo
-                  : this.onSubmit
-              }
+              onSubmit={this.onSubmit}
             >
               <div className="ccl-fieldset">
                 <div className="ccl-form-group">

package/src/components/CLMSSubscriptionView/SubscriptionView.test.jsx

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CLMSSubscriptionView/subscription_utils.test.js

@@ -0,0 +1,5 @@
+describe('Initial test', () => {
+  it('Initial test', () => {
+    expect(1).toBe(1);
+  });
+});

package/src/components/CclButton/CclButton.jsx

@@ -22,12 +22,13 @@ function CclButton(props) {
 
   const flattern_url = flattenToAppURL(url);
 
-  function hasProtocol(url) {
-    return url.startsWith('https://') || url.startsWith('http://')
+  function hasProtocol(protocolUrl) {
+    return protocolUrl.startsWith('https://') ||
+      protocolUrl.startsWith('http://')
       ? true
       : false;
   }
-  let RenderElement = Link;
+  let RenderElement;
   if (isButton) {
     RenderElement = 'button';
   } else {

package/src/components/CclButton/CclButton.test.js

@@ -0,0 +1,76 @@
+import CclButton from './CclButton';
+import renderer from 'react-test-renderer';
+import { MemoryRouter } from 'react-router-dom';
+import React from 'react';
+
+describe('CclButton', () => {
+  it('Check external link', () => {
+    const button = renderer
+      .create(
+        <CclButton
+          url="https://www.example.com"
+          download={false}
+          disabled={false}
+          mode="mode"
+          style={{
+            backgroundColor: 'red',
+          }}
+        >
+          <p>Hello!</p>
+        </CclButton>,
+      )
+      .toJSON();
+    expect(button).toBeDefined();
+  });
+  it('Check internal link', () => {
+    const button = renderer
+      .create(
+        <MemoryRouter>
+          <CclButton
+            url="/example"
+            download={false}
+            disabled={false}
+            mode="mode"
+            style={{
+              backgroundColor: 'red',
+            }}
+          >
+            <p>Hello!</p>
+          </CclButton>
+        </MemoryRouter>,
+      )
+      .toJSON();
+    expect(button).toBeDefined();
+  });
+  it('Check with prop isButton = true', () => {
+    const button = renderer
+      .create(
+        <MemoryRouter>
+          <CclButton
+            url="/example"
+            download={false}
+            disabled={false}
+            mode="mode"
+            style={{
+              backgroundColor: 'red',
+            }}
+            isButton={true}
+          >
+            <p>Hello!</p>
+          </CclButton>
+        </MemoryRouter>,
+      )
+      .toJSON();
+    expect(button).toBeDefined();
+  });
+  it('Check default values', () => {
+    const button = renderer
+      .create(
+        <MemoryRouter>
+          <CclButton />
+        </MemoryRouter>,
+      )
+      .toJSON();
+    expect(button).toBeDefined();
+  });
+});