@eeacms/volto-eea-website-theme 0.7.1 → 0.7.3

package/CHANGELOG.md

@@ -4,11 +4,21 @@ 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).
 
-### [0.7.1](https://github.com/eea/volto-eea-website-theme/compare/0.7.0...0.7.1) - 1 September 2022
+### [0.7.3](https://github.com/eea/volto-eea-website-theme/compare/0.7.2...0.7.3) - 22 September 2022
+
+#### :hammer_and_wrench: Others
+
+- Set slate StyleMenu if defined [Miu Razvan - [`6e2d8a3`](https://github.com/eea/volto-eea-website-theme/commit/6e2d8a34824f7cffc51680758e16c91c70cbcfe7)]
+- Add slate StyleMenu styles [Miu Razvan - [`2863524`](https://github.com/eea/volto-eea-website-theme/commit/286352490e3413a8cbc4672c0a08d9fb9b2ac4c1)]
+- Revert "fix(voltoCustom.css): Fix to work with seamless mode - refs #148213" [Alin Voinea - [`f954e02`](https://github.com/eea/volto-eea-website-theme/commit/f954e024a739c67ae390d3d5a4e397f076534388)]
+### [0.7.2](https://github.com/eea/volto-eea-website-theme/compare/0.7.1...0.7.2) - 19 September 2022
 
 #### :bug: Bug Fixes
 
-- fix(layoutViews): Extend instead of override - refs #151566 [Alin Voinea - [`d166ad9`](https://github.com/eea/volto-eea-website-theme/commit/d166ad9a1e662d8f8103606119ca03a5389a542f)]
+- fix(header): letter case of know [David Ichim - [`ace90d9`](https://github.com/eea/volto-eea-website-theme/commit/ace90d97ad8bc4e7392f81635536631b8a9563c4)]
+- fix(Header): language list output proper html code (ul, li) [Alin Voinea - [`6405531`](https://github.com/eea/volto-eea-website-theme/commit/6405531bd2480d3e109ac7f0581738310f662829)]
+
+### [0.7.1](https://github.com/eea/volto-eea-website-theme/compare/0.7.0...0.7.1) - 1 September 2022
 
 #### :nail_care: Enhancements
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-theme",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "@eeacms/volto-eea-website-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/theme/CustomCSS/CustomCSS.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import config from '@plone/volto/registry';
 
 const CustomCSS = (props) => {

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

@@ -85,13 +85,20 @@ const EEAHeader = ({ pathname, token, items, history }) => {
           <Image src={eeaFlag} alt="eea flag"></Image>
           <Header.TopDropdownMenu
             text="An official website of the European Union | How do you Know?"
+            tabletText="EEA information systems"
             mobileText=" "
             icon="chevron down"
             aria-label="dropdown"
             className=""
             viewportWidth={width}
           >
-            <div className="content">
+            <div
+              className="content"
+              role="menu"
+              tabIndex="0"
+              onClick={(evt) => evt.stopPropagation()}
+              onKeyDown={(evt) => evt.stopPropagation()}
+            >
               <p>
                 All official European Union website addresses are in the{' '}
                 <b>europa.eu</b> domain.
@@ -142,9 +149,14 @@ const EEAHeader = ({ pathname, token, items, history }) => {
           }
           viewportWidth={width}
         >
-          <div className="wrapper">
+          <ul
+            className="wrapper language-list"
+            role="listbox"
+            aria-label="language switcher"
+          >
             {eea.languages.map((item, index) => (
               <Dropdown.Item
+                as="li"
                 key={index}
                 text={
                   <span>
@@ -166,7 +178,7 @@ const EEAHeader = ({ pathname, token, items, history }) => {
                 }}
               ></Dropdown.Item>
             ))}
-          </div>
+          </ul>
         </Header.TopDropdownMenu>
       </Header.TopHeader>
       <Header.Main

package/src/helpers/index.js

@@ -0,0 +1,34 @@
+import superagent from 'superagent';
+import config from '@plone/volto/registry';
+import { addHeadersFactory } from '@plone/volto/helpers/Proxy/Proxy';
+
+/**
+ * Get a resource image/file with authenticated (if token exist) API headers
+ * @function getBackendResourceWithAuth
+ * @param {Object} req Request object
+ * @return {string} The response with the image
+ */
+export const getBackendResourceWithAuth = (req) =>
+  new Promise((resolve, reject) => {
+    const { settings } = config;
+
+    let apiPath = '';
+    if (settings.internalApiPath && __SERVER__) {
+      apiPath = settings.internalApiPath;
+    } else if (__DEVELOPMENT__ && settings.devProxyToApiPath) {
+      apiPath = settings.devProxyToApiPath;
+    } else {
+      apiPath = settings.apiPath;
+    }
+    const backendURL = `${apiPath}${req.path}`;
+    const request = superagent
+      .get(backendURL)
+      .maxResponseSize(settings.maxResponseSize)
+      .responseType('blob');
+    const authToken = req.universalCookies.get('auth_token');
+    if (authToken) {
+      request.set('Authorization', `Bearer ${authToken}`);
+    }
+    request.use(addHeadersFactory(req));
+    request.then(resolve).catch(reject);
+  });

package/src/index.js

@@ -7,7 +7,9 @@ import { TokenWidget } from '@eeacms/volto-eea-website-theme/components/theme/Wi
 import HomePageView from '@eeacms/volto-eea-website-theme/components/theme/Homepage/HomePageView';
 import HomePageInverseView from '@eeacms/volto-eea-website-theme/components/theme/Homepage/HomePageInverseView';
 import { Icon } from '@plone/volto/components';
+import paintSVG from '@plone/volto/icons/paint.svg';
 import contentBoxSVG from './icons/content-box.svg';
+import voltoCustomMiddleware from './middleware/voltoCustom';
 
 const applyConfig = (config) => {
   // EEA specific settings
@@ -48,6 +50,15 @@ const applyConfig = (config) => {
     config.widgets.views.widget.tags = TokenWidget;
   }
 
+  // voltoCustom.css express-middleware
+  if (__SERVER__) {
+    const express = require('express');
+    config.settings.expressMiddleware = [
+      ...(config.settings.expressMiddleware || []),
+      voltoCustomMiddleware(express),
+    ];
+  }
+
   // InPage navigation, Custom CSS voltoCustom.css and Draft Background
   config.settings.appExtras = [
     ...(config.settings.appExtras || []),
@@ -65,6 +76,35 @@ const applyConfig = (config) => {
     },
   ];
 
+  // Slate StyleMenu configuration
+  if (config.settings.slate) {
+    config.settings.slate.styleMenu = {
+      ...(config.settings.slate.styleMenu || {}),
+      blockStyles: [
+        {
+          cssClass: 'primary',
+          label: 'Primary',
+          icon: () => <Icon name={paintSVG} size="18px" />,
+        },
+        {
+          cssClass: 'secondary',
+          label: 'Secondary',
+          icon: () => <Icon name={paintSVG} size="18px" />,
+        },
+        {
+          cssClass: 'tertiary',
+          label: 'Tertiary',
+          icon: () => <Icon name={paintSVG} size="18px" />,
+        },
+        {
+          cssClass: 'bordered',
+          label: 'Bordered',
+          icon: () => <Icon name={paintSVG} size="18px" />,
+        },
+      ],
+    };
+  }
+
   // Custom block styles
   config.settings.previewText = '';
   config.settings.pluggableStyles = [

package/src/middleware/voltoCustom.js

@@ -0,0 +1,41 @@
+import { getBackendResourceWithAuth } from '@eeacms/volto-eea-website-theme/helpers';
+
+const HEADERS = [
+  'Accept-Ranges',
+  'Cache-Control',
+  'Content-Disposition',
+  'Content-Range',
+  'Content-Type',
+];
+
+function voltoCustomMiddleware(req, res, next) {
+  getBackendResourceWithAuth(req)
+    .then((resource) => {
+      // Just forward the headers that we need
+      HEADERS.forEach((header) => {
+        if (resource.get(header)) {
+          res.set(header, resource.get(header));
+        }
+      });
+      res.status(resource.statusCode);
+      res.send(resource.body);
+    })
+    .catch((resource) => {
+      HEADERS.forEach((header) => {
+        if (resource.get(header)) {
+          res.set(header, resource.get(header));
+        }
+      });
+      res.status(200);
+      res.send(
+        '/* Override this by adding a File called voltoCustom.css to backend at portal_skins/custom/manage_main */',
+      );
+    });
+}
+
+export default function (express) {
+  const middleware = express.Router();
+  middleware.all(['**/voltoCustom.css$'], voltoCustomMiddleware);
+  middleware.id = 'voltoCustom.css';
+  return middleware;
+}