@eeacms/volto-cca-policy 0.1.66 → 0.1.67

package/CHANGELOG.md

@@ -4,6 +4,12 @@ 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.67](https://github.com/eea/volto-cca-policy/compare/0.1.66...0.1.67) - 26 January 2024
+
+#### :hammer_and_wrench: Others
+
+- Refs #263399 - Fix eslint errors. [GhitaB - [`71adad4`](https://github.com/eea/volto-cca-policy/commit/71adad443cacc47d548600a6c81c5a886dd8ecae)]
+- Refs #263399 - Fix eslint errors. [GhitaB - [`a5259d9`](https://github.com/eea/volto-cca-policy/commit/a5259d92432e63e091aa3394ec9b944d628e948c)]
 ### [0.1.66](https://github.com/eea/volto-cca-policy/compare/0.1.65...0.1.66) - 26 January 2024
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/customizations/volto/components/manage/Contents/ContentsBreadcrumbs.jsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import { getBaseUrl } from '@plone/volto/helpers';
+import { Breadcrumb } from 'semantic-ui-react';
+import { useSelector, useDispatch } from 'react-redux';
+import { Link, useLocation } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+
+import ContentsBreadcrumbsRootItem from '@plone/volto/components/manage/Contents/ContentsBreadcrumbsRootItem';
+
+import { getPhysicalBreadcrumbs } from '@eeacms/volto-cca-policy/store';
+
+const messages = defineMessages({
+  home: {
+    id: 'Home',
+    defaultMessage: 'Home',
+  },
+  root: {
+    id: 'Root',
+    defaultMessage: 'Root',
+  },
+});
+
+const ContentsBreadcrumbs = () => {
+  const items = useSelector((state) => state.physicalBreadcrumbs.items || []);
+  const intl = useIntl();
+  const pathname = useLocation().pathname;
+  const dispatch = useDispatch();
+
+  React.useEffect(() => {
+    const url = getBaseUrl(pathname);
+    dispatch(getPhysicalBreadcrumbs(url));
+  }, [dispatch, pathname]);
+
+  return (
+    <Breadcrumb>
+      <Link
+        to="/contents"
+        className="section"
+        title={intl.formatMessage(messages.root)}
+      >
+        <ContentsBreadcrumbsRootItem />
+      </Link>
+      {items.map((breadcrumb, index, breadcrumbs) => [
+        <Breadcrumb.Divider key={`divider-${breadcrumb.url}`} />,
+        index < breadcrumbs.length - 1 ? (
+          <Link
+            key={breadcrumb.url}
+            to={`${breadcrumb.url}/contents`}
+            className="section"
+          >
+            {breadcrumb.nav_title || breadcrumb.title}
+          </Link>
+        ) : (
+          <Breadcrumb.Section key={breadcrumb.url} active>
+            {breadcrumb.nav_title || breadcrumb.title}
+          </Breadcrumb.Section>
+        ),
+      ])}
+    </Breadcrumb>
+  );
+};
+
+export default ContentsBreadcrumbs;

package/src/customizations/volto/components/manage/Contents/Readme.md

@@ -0,0 +1,3 @@
+Based on https://github.com/plone/volto/blob/bb1753d13d2adfa4ee33aaed5a0606ac0255d1f8/packages/volto/src/components/manage/Contents/ContentsBreadcrumbs.jsx
+
+Customized because we want to use the @physical-breadcrumbs instead of the regular breadcrumbs. Needs dedicated endpoint support

package/src/index.js

@@ -23,6 +23,7 @@ import europeanComissionLogo from '@eeacms/volto-cca-policy/../theme/assets/imag
 
 import installBlocks from './components/manage/Blocks';
 import installSearchEngine from './search';
+import installStore from './store';
 
 import GeocharsWidget from './components/theme/Widgets/GeocharsWidget';
 import GeolocationWidget from './components/theme/Widgets/GeolocationWidget';
@@ -346,12 +347,6 @@ const applyConfig = (config) => {
     config = installExpressMiddleware(config);
   }
 
-  // fixes bug caused by https://github.com/eea/volto-eea-website-theme/commit/94078403458a5a3ea725ce9126fffed9d463097d
-  config.settings.apiExpanders.push({
-    match: '',
-    GET_CONTENT: ['breadcrumbs'], // 'navigation', 'actions', 'types'],
-  });
-
   config.addonRoutes = [
     {
       path: `/(${config.settings?.supportedLanguages.join(
@@ -363,7 +358,7 @@ const applyConfig = (config) => {
     ...(config.addonRoutes || []),
   ];
 
-  return compose(installBlocks, installSearchEngine)(config);
+  return compose(installBlocks, installSearchEngine, installStore)(config);
 };
 
 export default applyConfig;

package/src/store/actions/physical-breadcrumbs.js

@@ -0,0 +1,11 @@
+import { GET_PHYSICAL_BREADCRUMBS } from '../constants';
+
+export function getPhysicalBreadcrumbs(url) {
+  return {
+    type: GET_PHYSICAL_BREADCRUMBS,
+    request: {
+      op: 'get',
+      path: `${url}/@physical-breadcrumbs`,
+    },
+  };
+}

package/src/store/constants.js

@@ -0,0 +1 @@
+export const GET_PHYSICAL_BREADCRUMBS = 'GET_PHYSICAL_BREADCRUMBS';

package/src/store/index.js

@@ -0,0 +1,7 @@
+import physicalBreadcrumbs from './reducers/physical-breadcrumbs';
+export { getPhysicalBreadcrumbs } from './actions/physical-breadcrumbs';
+
+export default function installStore(config) {
+  config.addonReducers.physicalBreadcrumbs = physicalBreadcrumbs;
+  return config;
+}

package/src/store/reducers/physical-breadcrumbs.js

@@ -0,0 +1,46 @@
+import { map } from 'lodash';
+import { flattenToAppURL } from '@plone/volto/helpers';
+
+import { GET_PHYSICAL_BREADCRUMBS } from '../constants';
+
+const initialState = {
+  error: null,
+  items: [],
+  root: null,
+  loaded: false,
+  loading: false,
+};
+
+export default function physicalBreadcrumbs(state = initialState, action = {}) {
+  switch (action.type) {
+    case `${GET_PHYSICAL_BREADCRUMBS}_PENDING`:
+      return {
+        ...state,
+        error: null,
+        loaded: false,
+        loading: true,
+      };
+    case `${GET_PHYSICAL_BREADCRUMBS}_SUCCESS`:
+      return {
+        ...state,
+        error: null,
+        items: map(action.result.items, (item) => ({
+          title: item.title,
+          url: flattenToAppURL(item['@id']),
+        })),
+        root: flattenToAppURL(action.result.root),
+        loaded: true,
+        loading: false,
+      };
+    case `${GET_PHYSICAL_BREADCRUMBS}_FAIL`:
+      return {
+        ...state,
+        error: action.error,
+        items: [],
+        loaded: false,
+        loading: false,
+      };
+    default:
+      return state;
+  }
+}