@eeacms/volto-eea-website-theme 1.3.2 → 1.4.1

package/CHANGELOG.md

@@ -4,6 +4,30 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [1.4.1](https://github.com/eea/volto-eea-website-theme/compare/1.4.0...1.4.1) - 29 December 2022
+
+#### :bug: Bug Fixes
+
+- fix(Sidebar): Fix relative import typo [Alin Voinea - [`a731bbb`](https://github.com/eea/volto-eea-website-theme/commit/a731bbb6186c41349cb38e3662176aede4d1dd08)]
+- fix(Sidebar): Fix relative import [Alin Voinea - [`020c0b4`](https://github.com/eea/volto-eea-website-theme/commit/020c0b4ba62814ee51c7ffbc6a0cde22ffd6fa34)]
+
+### [1.4.0](https://github.com/eea/volto-eea-website-theme/compare/1.3.2...1.4.0) - 28 December 2022
+
+#### :rocket: New Features
+
+- feat(sidebar): Allow previewing images when selecting them with the file picker - refs #152099 [dobri1408 - [`57949d8`](https://github.com/eea/volto-eea-website-theme/commit/57949d80d6a0b081210ee982af26eeee9865ecbe)]
+- feat(language): Show/hide language menu based on supportedLanguages - refs #158616 [Alin Voinea - [`31c96c5`](https://github.com/eea/volto-eea-website-theme/commit/31c96c528a5f86c0a106749ec117006121835ec6)]
+
+#### :nail_care: Enhancements
+
+- change(logo): reference after latest release of volto-eea-design-system [David Ichim - [`c29781d`](https://github.com/eea/volto-eea-website-theme/commit/c29781db3455e1a42b184ba203131cac2ce8768a)]
+
+#### :hammer_and_wrench: Others
+
+- Release 1.4.0 [Alin Voinea - [`bd42a0d`](https://github.com/eea/volto-eea-website-theme/commit/bd42a0d26e928cac5d99933194755da3db06b341)]
+- bump version to use as volto-eea-design-system [David Ichim - [`f4be047`](https://github.com/eea/volto-eea-website-theme/commit/f4be047328b46399b03b612d378b18aaf82e7dc1)]
+- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`9b7cfef`](https://github.com/eea/volto-eea-website-theme/commit/9b7cfefb4d34fc1c948015e491feb370f9795bd8)]
+- test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`df252a9`](https://github.com/eea/volto-eea-website-theme/commit/df252a9bfed0bb86cadf53c59dd1603b1e2cd822)]
 ### [1.3.2](https://github.com/eea/volto-eea-website-theme/compare/1.3.1...1.3.2) - 16 December 2022
 
 #### :bug: Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-theme",
-  "version": "1.3.2",
+  "version": "1.4.1",
   "description": "@eeacms/volto-eea-website-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -22,7 +22,7 @@
     "url": "git@github.com:eea/volto-eea-website-theme.git"
   },
   "dependencies": {
-    "@eeacms/volto-eea-design-system": "*",
+    "@eeacms/volto-eea-design-system": "^1.0.0-alpha.8",
     "volto-subsites": "*"
   },
   "devDependencies": {

package/src/components/manage/Blocks/Title/schema.js

@@ -35,11 +35,11 @@ export default {
       title: 'Actions',
       fields: ['hideShareButton', 'hideDownloadButton'],
     },
-    // {
-    //   id: 'advanced',
-    //   title: 'Advanced options',
-    //   fields: ['contentType'],
-    // },
+    {
+      id: 'copyright',
+      title: 'Copyright',
+      fields: ['copyright', 'copyrightIcon', 'copyrightPosition'],
+    },
   ],
   properties: {
     hideContentType: {
@@ -71,10 +71,19 @@ export default {
       widget: 'object_list',
       schema: infoSchema,
     },
-    // contentType: {
-    //   title: 'Type',
-    //   description: "Custom content-type's name",
-    // },
+    copyright: {
+      title: 'Text',
+    },
+    copyrightIcon: {
+      title: 'Icon',
+      default: 'ri-copyright-line',
+    },
+    copyrightPosition: {
+      title: 'Align',
+      widget: 'align',
+      actions: ['left', 'right'],
+      defaultValue: 'left',
+    },
   },
   required: [],
 };

package/src/components/theme/Banner/View.jsx

@@ -5,10 +5,11 @@ import { withRouter } from 'react-router';
 import { defineMessages, injectIntl } from 'react-intl';
 import { startCase } from 'lodash';
 import qs from 'querystring';
-import { Container, Popup } from 'semantic-ui-react';
+import { Container, Popup, Icon } from 'semantic-ui-react';
 import { flattenToAppURL } from '@plone/volto/helpers';
 import Banner from './Banner';
 import { getImageSource, sharePage } from './Banner';
+import Copyright from '@eeacms/volto-eea-design-system/ui/Copyright/Copyright';
 
 import './styles.less';
 
@@ -83,6 +84,9 @@ const View = (props) => {
     hideModificationDate,
     hideShareButton,
     hideDownloadButton,
+    copyright,
+    copyrightIcon,
+    copyrightPosition,
     // contentType,
   } = props.data;
   // Set query parameters
@@ -222,6 +226,16 @@ const View = (props) => {
                   />
                 ))}
               </Banner.Metadata>
+              {copyright ? (
+                <Copyright copyrightPosition={copyrightPosition}>
+                  <Copyright.Icon>
+                    <Icon className={copyrightIcon} />
+                  </Copyright.Icon>
+                  <Copyright.Text>{copyright}</Copyright.Text>
+                </Copyright>
+              ) : (
+                ''
+              )}
             </Banner.Content>
           </ContainerWrapper>
         </div>

package/src/components/theme/Logo.jsx

@@ -3,7 +3,7 @@ import { defineMessages, useIntl } from 'react-intl';
 import config from '@plone/volto/registry';
 
 import { Logo } from '@eeacms/volto-eea-design-system/ui';
-import LogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/eea-logo.svg';
+import LogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo.svg';
 
 const messages = defineMessages({
   site: {

package/src/config.js

@@ -8,8 +8,8 @@ import copernicusLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/
 import industryLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/industry.svg';
 import marineLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/marine.svg';
 import eionetLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eionet.svg';
-import eeaLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/eea-logo.svg';
-import eeaWhiteLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-white.svg';
+import eeaLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo.svg';
+import eeaWhiteLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo-white.svg';
 import climateLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/climate-health.svg';
 
 // TODO: to be consolidated with headerLinks

package/src/customizations/volto/components/manage/Sidebar/ObjectBrowserNav.jsx

@@ -0,0 +1,140 @@
+import React from 'react';
+import { Button, Segment, Popup } from 'semantic-ui-react';
+import { useIntl, defineMessages } from 'react-intl';
+import cx from 'classnames';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
+import { flattenToAppURL, getContentIcon } from '@plone/volto/helpers';
+import { Image } from 'semantic-ui-react';
+import config from '@plone/volto/registry';
+import '@eeacms/volto-eea-website-theme/../theme/site/imageicons/imageicons.less';
+
+import rightArrowSVG from '@plone/volto/icons/right-key.svg';
+import homeSVG from '@plone/volto/icons/home.svg';
+
+const messages = defineMessages({
+  browse: {
+    id: 'Browse',
+    defaultMessage: 'Browse',
+  },
+  select: {
+    id: 'Select',
+    defaultMessage: 'Select',
+  },
+});
+
+const ObjectBrowserNav = ({
+  currentSearchResults,
+  selected,
+  handleClickOnItem,
+  handleDoubleClickOnItem,
+  mode,
+  navigateTo,
+  isSelectable,
+}) => {
+  const intl = useIntl();
+  const isSelected = (item) => {
+    let ret = false;
+    if (selected) {
+      selected
+        .filter((item) => item != null)
+        .forEach((_item) => {
+          if (flattenToAppURL(_item['@id']) === flattenToAppURL(item['@id'])) {
+            ret = true;
+          }
+        });
+    }
+    return ret;
+  };
+
+  return (
+    <Segment as="ul" className="object-listing">
+      {currentSearchResults &&
+        currentSearchResults.items.map((item) => (
+          <li
+            role="presentation"
+            aria-label={
+              item.is_folderish && mode === 'image'
+                ? `${intl.formatMessage(messages.browse)} ${item.title}`
+                : `${intl.formatMessage(messages.select)} ${item.title}`
+            }
+            key={item['@id']}
+            className={cx('', {
+              'selected-item': isSelected(item),
+
+              disabled:
+                mode === 'image'
+                  ? !config.settings.imageObjects.includes(item['@type']) &&
+                    !item.is_folderish
+                  : !isSelectable(item),
+            })}
+            onClick={() => handleClickOnItem(item)}
+            onDoubleClick={() => handleDoubleClickOnItem(item)}
+          >
+            <span title={`${item['@id']} (${item['@type']})`}>
+              <Popup
+                key={item['@id']}
+                content={
+                  <>
+                    <Icon name={homeSVG} size="18px" />{' '}
+                    {flattenToAppURL(item['@id'])} ( {item['@type']})
+                  </>
+                }
+                trigger={
+                  <span>
+                    {item['@type'] === 'Image' ? (
+                      <Image
+                        src={`${item?.getURL}/@@images/image`}
+                        className="sidebar-image-icon"
+                      />
+                    ) : (
+                      <Icon
+                        name={getContentIcon(item['@type'], item.is_folderish)}
+                        size="24px"
+                      />
+                    )}
+                  </span>
+                }
+              />
+
+              {item.title}
+            </span>
+            {item.is_folderish && mode === 'image' && (
+              <Icon
+                className="right-arrow-icon"
+                name={rightArrowSVG}
+                size="24px"
+              />
+            )}
+            {item.is_folderish && (mode === 'link' || mode === 'multiple') && (
+              <div
+                role="presentation"
+                className="right-arrow-link-mode"
+                onClick={(e) => {
+                  e.stopPropagation();
+                  navigateTo(item['@id']);
+                }}
+              >
+                <Button.Group>
+                  <Button
+                    basic
+                    icon
+                    aria-label={`${intl.formatMessage(messages.browse)} ${
+                      item.title
+                    }`}
+                  >
+                    <Icon
+                      className="right-arrow-icon"
+                      name={rightArrowSVG}
+                      size="24px"
+                    />
+                  </Button>
+                </Button.Group>
+              </div>
+            )}
+          </li>
+        ))}
+    </Segment>
+  );
+};
+
+export default ObjectBrowserNav;

package/src/customizations/volto/components/theme/Header/Header.jsx

@@ -153,6 +153,7 @@ const EEAHeader = ({ pathname, token, items, history, subsite }) => {
           <Header.TopDropdownMenu
             id="language-switcher"
             className="item"
+            hasLanguageDropdown={config.settings.supportedLanguages.length > 1}
             text={`${language.toUpperCase()}`}
             mobileText={`${language.toUpperCase()}`}
             icon={

package/theme/site/imageicons/imageicons.less

@@ -0,0 +1,5 @@
+.sidebar-image-icon {
+  margin-right: 10px;
+  height: 24px;
+  width: 24px;
+}