@eeacms/volto-cca-policy 0.1.36 → 0.1.38

package/CHANGELOG.md

@@ -4,6 +4,13 @@ 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.1.38](https://github.com/eea/volto-cca-policy/compare/0.1.37...0.1.38) - 21 August 2023
+
+#### :hammer_and_wrench: Others
+
+- Add readme [Tiberiu Ichim - [`10d78c6`](https://github.com/eea/volto-cca-policy/commit/10d78c65336a3f5d38d2843910eae40b47aa8d98)]
+### [0.1.37](https://github.com/eea/volto-cca-policy/compare/0.1.36...0.1.37) - 14 August 2023
+
 ### [0.1.36](https://github.com/eea/volto-cca-policy/compare/0.1.35...0.1.36) - 11 August 2023
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.1.36",
+  "version": "0.1.38",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/theme/Header.jsx

@@ -31,6 +31,34 @@ function removeTrailingSlash(path) {
   return path.replace(/\/+$/, '');
 }
 
+/**
+ * Logo component class.
+ * @function Logo
+ * @param {Object} intl Intl object
+ * @returns {string} Markup of the component.
+ */
+const DirectLinkLogo = ({
+  src,
+  invertedSrc,
+  id,
+  url,
+  alt,
+  title,
+  inverted,
+}) => {
+  return (
+    <a href={url} title={title} className={'logo'}>
+      <Image
+        src={inverted ? invertedSrc : src}
+        alt={alt}
+        title={title}
+        className="eea-logo"
+        id={id}
+      />
+    </a>
+  );
+};
+
 /**
  * EEA Specific Header component.
  */
@@ -219,7 +247,7 @@ const EEAHeader = ({ pathname, token, items, history, subsite }) => {
                   subsite.title
                 )}
                 <div className="subsite-logo">
-                  <Logo
+                  <DirectLinkLogo
                     src={isHomePageInverse ? logoWhite : logo}
                     title={eea.websiteTitle}
                     alt={eea.organisationName}

package/src/customizations/volto/components/theme/Sitemap/Readme.md

@@ -0,0 +1 @@
+Fix for https://github.com/plone/volto/pull/5106

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

@@ -0,0 +1,131 @@
+/**
+ * Login container.
+ * @module components/theme/Sitemap/Sitemap
+ */
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { asyncConnect } from '@plone/volto/helpers';
+import { defineMessages, injectIntl } from 'react-intl';
+import { Container } from 'semantic-ui-react';
+import { Helmet, toBackendLang } from '@plone/volto/helpers';
+import { Link } from 'react-router-dom';
+import config from '@plone/volto/registry';
+
+import { getNavigation } from '@plone/volto/actions';
+
+const messages = defineMessages({
+  Sitemap: {
+    id: 'Sitemap',
+    defaultMessage: 'Sitemap',
+  },
+});
+
+export function getSitemapPath(pathname = '', lang) {
+  const prefix = pathname.replace(/\/sitemap$/gm, '').replace(/^\//, '');
+  const path = prefix || lang || '';
+  return path;
+}
+
+/**
+ * Sitemap class.
+ * @class Sitemap
+ * @extends Component
+ */
+class Sitemap extends Component {
+  /**
+   * Property types.
+   * @property {Object} propTypes Property types.
+   * @static
+   */
+  static propTypes = {
+    getNavigation: PropTypes.func.isRequired,
+  };
+
+  componentDidMount() {
+    const { settings } = config;
+
+    const lang = settings.isMultilingual
+      ? `${toBackendLang(this.props.lang)}`
+      : null;
+
+    const path = getSitemapPath(this.props.location.pathname, lang);
+    this.props.getNavigation(path, 4);
+  }
+
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+
+  renderItems = (items) => {
+    return (
+      <ul>
+        {items.map((item) => (
+          <li
+            key={item.url}
+            className={item.items?.length > 0 ? 'with-children' : ''}
+          >
+            <Link to={item.url}>{item.title}</Link>
+            {item.items && this.renderItems(item.items)}
+          </li>
+        ))}
+      </ul>
+    );
+  };
+  render() {
+    const { items } = this.props;
+    return (
+      <div id="page-sitemap">
+        <Helmet title={this.props.intl.formatMessage(messages.Sitemap)} />
+        <Container className="view-wrapper">
+          <h1>{this.props.intl.formatMessage(messages.Sitemap)} </h1>
+          {items && this.renderItems(items)}
+        </Container>
+      </div>
+    );
+  }
+}
+
+export const __test__ = compose(
+  injectIntl,
+  connect(
+    (state) => ({
+      items: state.navigation.items,
+      lang: state.intl.locale,
+    }),
+    { getNavigation },
+  ),
+)(Sitemap);
+
+export default compose(
+  injectIntl,
+  connect(
+    (state) => ({
+      items: state.navigation.items,
+      lang: state.intl.locale,
+    }),
+    { getNavigation },
+  ),
+  asyncConnect([
+    {
+      key: 'navigation',
+      promise: ({ location, store: { dispatch, getState } }) => {
+        if (!__SERVER__) return;
+        const { settings } = config;
+
+        const path = getSitemapPath(
+          location.pathname,
+          settings.isMultilingual
+            ? toBackendLang(getState().intl.locale)
+            : null,
+        );
+
+        return dispatch(getNavigation(path, 4));
+      },
+    },
+  ]),
+)(Sitemap);