@eeacms/volto-cca-policy 0.1.37 → 0.1.39

package/CHANGELOG.md

@@ -4,7 +4,14 @@ 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.37](https://github.com/eea/volto-cca-policy/compare/0.1.36...0.1.37) - 11 August 2023
+### [0.1.39](https://github.com/eea/volto-cca-policy/compare/0.1.38...0.1.39) - 22 August 2023
+
+### [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
 

package/package.json

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

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,152 @@
+/**
+ * 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 } 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;
+}
+
+export const toReactIntlLang = (language) => {
+  if (language.includes('_') || language.includes('-')) {
+    let langCode = language.split(/[-_]/);
+    langCode = `${langCode[0]}-${langCode[1].toUpperCase()}`;
+    return langCode;
+  }
+
+  return language;
+};
+// export const toLangUnderscoreRegion = toReactIntlLang; // old name for backwards-compat
+
+/**
+ * Converts a language code like pt_BR or pt-BR to the format `pt-br`.
+ * This format is used on the backend and in volto config settings.
+ * @param {string} language Language to be converted
+ * @returns {string} Language converted
+ */
+export const toBackendLang = (language) => {
+  return toReactIntlLang(language).toLowerCase();
+};
+
+/**
+ * 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);