@eeacms/volto-cca-policy 0.1.53 → 0.1.55

package/CHANGELOG.md

@@ -4,6 +4,38 @@ 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.55](https://github.com/eea/volto-cca-policy/compare/0.1.54...0.1.55) - 21 December 2023
+
+### [0.1.54](https://github.com/eea/volto-cca-policy/compare/0.1.53...0.1.54) - 20 December 2023
+
+#### :rocket: New Features
+
+- feat: add mission projects search config + code refactoring [kreafox - [`bdc1e73`](https://github.com/eea/volto-cca-policy/commit/bdc1e7310e9bc8b3d66f2c63f1955c25ca233be6)]
+
+#### :bug: Bug Fixes
+
+- fix: import [kreafox - [`93e2726`](https://github.com/eea/volto-cca-policy/commit/93e2726b93385bda46b27bab9d8f910d939c4099)]
+
+#### :nail_care: Enhancements
+
+- change: update mission projects facets [kreafox - [`843a297`](https://github.com/eea/volto-cca-policy/commit/843a29710677a10e8714bbf5a2892841bfb1e029)]
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`8fb22ff`](https://github.com/eea/volto-cca-policy/commit/8fb22ffe57b6be84ed4720a21836579839ecb7ae)]
+- style: Automated code fix [eea-jenkins - [`8bf77c8`](https://github.com/eea/volto-cca-policy/commit/8bf77c8839cec40389a99fae3ab685ed5b69d146)]
+
+#### :hammer_and_wrench: Others
+
+- Refs #259267 - test [Tripon Eugen - [`74e7710`](https://github.com/eea/volto-cca-policy/commit/74e77106b923a9e146e5d30d9f2410cb06e2c34c)]
+- Refs #259267 - test [Tripon Eugen - [`84039ba`](https://github.com/eea/volto-cca-policy/commit/84039bad25b855a708a601891796da4ff2ac8e71)]
+- Refs #260715 - requested updates [Tripon Eugen - [`89214f6`](https://github.com/eea/volto-cca-policy/commit/89214f6e1b032372a40006706e142f98fb42fa12)]
+- Refs #260715 - requested updates [Tripon Eugen - [`c0353d8`](https://github.com/eea/volto-cca-policy/commit/c0353d8a8016d5c51a0fc6d546f5487080ae253c)]
+- Refs #260715 - requested updates [Tripon Eugen - [`a561804`](https://github.com/eea/volto-cca-policy/commit/a561804bfe548678ae7b497f6d0f645ce0ca928b)]
+- test: fix duplications [kreafox - [`bdea7b7`](https://github.com/eea/volto-cca-policy/commit/bdea7b7fbe01a1f7e591c39010ae8c03b7bbcbe2)]
+- test: increase code coverage [kreafox - [`794d1aa`](https://github.com/eea/volto-cca-policy/commit/794d1aafe7c5577aae089cd781dc997e015ea3a2)]
+- Refs #260715 - filter getContent response to get only folders and test [Tripon Eugen - [`cc967d7`](https://github.com/eea/volto-cca-policy/commit/cc967d7c540d9725993ffe0f227f31ef1bd5a317)]
+- Refs #260715 - filter getContent response to get only folders [Tripon Eugen - [`80b5866`](https://github.com/eea/volto-cca-policy/commit/80b58661648f9caf13b28dab8382d4058d070bd5)]
 ### [0.1.53](https://github.com/eea/volto-cca-policy/compare/0.1.52...0.1.53) - 19 December 2023
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/manage/Blocks/RASTBlock/ContextNavigation.jsx

@@ -32,7 +32,11 @@ export function ContextNavigationComponent(props) {
         activeMenu={activeMenu}
       />
       {items.length ? (
-        <RASTAccordion items={items} activeMenu={activeMenu} />
+        <RASTAccordion
+          items={items}
+          curent_location={curent_location}
+          activeMenu={activeMenu}
+        />
       ) : null}
     </>
   );

package/src/components/manage/Blocks/RASTBlock/RASTAccordion.jsx

@@ -1,33 +1,22 @@
 import React from 'react';
 import { Accordion, Icon } from 'semantic-ui-react';
 import RASTAccordionContent from './RASTAccordionContent';
+import { useHistory } from 'react-router-dom';
 
 const RASTAccordion = (props) => {
-  const { items = {}, activeMenu } = props;
+  const { items = {}, curent_location, activeMenu } = props;
 
-  const [activeIndex, setActiveIndex] = React.useState([activeMenu]);
+  const history = useHistory();
 
-  const handleActiveIndex = (index) => {
-    setActiveIndex(index);
-  };
-  const handleClick = (e, titleProps) => {
-    const { index } = titleProps;
-
-    const newIndex =
-      activeIndex.indexOf(index) === -1
-        ? [...activeIndex, index]
-        : activeIndex.filter((item) => item !== index);
-
-    handleActiveIndex(newIndex);
-  };
-  const isActive = (id) => {
-    return activeIndex.includes(id);
+  const handleClick = (e, item) => {
+    let itemUrl = '/' + item['@id'].split('/').slice(3).join('/');
+    history.push(itemUrl);
   };
   return (
     <>
       {items.map((item, index) => {
         const { id } = item;
-        const active = isActive(index);
+        const active = activeMenu === index;
 
         return (
           <Accordion id={id} key={index} className="secondary">
@@ -37,7 +26,7 @@ const RASTAccordion = (props) => {
               active={active}
               aria-expanded={active}
               index={index}
-              onClick={(e) => handleClick(e, { index, id, item })}
+              onClick={(e) => handleClick(e, item)}
               onKeyDown={(e) => {
                 if (e.keyCode === 13 || e.keyCode === 32) {
                   e.preventDefault();
@@ -54,6 +43,7 @@ const RASTAccordion = (props) => {
             </Accordion.Title>
             <Accordion.Content active={active}>
               <RASTAccordionContent
+                curent_location={curent_location}
                 key={index}
                 main={{
                   title: item.title,

package/src/components/manage/Blocks/RASTBlock/RASTAccordion.test.jsx

@@ -16,10 +16,12 @@ describe('RASTAccordion', () => {
           id: 'my-item',
           title: 'Hello',
           '@id': '/my-item',
+          '@type': 'Folder',
           href: '/my-item-href',
         },
       ],
       activeMenu: 1,
+      curent_location: '/',
     };
 
     const store = mockStore({

package/src/components/manage/Blocks/RASTBlock/RASTAccordionContent.jsx

@@ -8,7 +8,7 @@ import { getContent } from '@plone/volto/actions';
 // import useChildren from './RASTView';
 
 const RASTAccordionContent = (props) => {
-  const { main } = props;
+  const { main, curent_location } = props;
   const dispatch = useDispatch();
   const location = main.url;
   let items = [];
@@ -22,31 +22,30 @@ const RASTAccordionContent = (props) => {
     (state) => state.content?.subrequests?.[location]?.data?.items || [],
   );
   // const items = useChildren(location);
-
   return (
     <div className="dataset-content">
       <div>
-        <List.Item key={'0'}>
-          <List.Content>
-            <div className="dataset-item">
-              <Link to={flattenToAppURL(getBaseUrl(main.href))}>
-                {main.title}
-              </Link>
-            </div>
-          </List.Content>
-        </List.Item>
         {items.length
-          ? items.map((item) => (
-              <List.Item key={item.id}>
-                <List.Content>
-                  <div className="dataset-item">
-                    <Link to={flattenToAppURL(getBaseUrl(item['@id']))}>
-                      {item.title}
-                    </Link>
-                  </div>
-                </List.Content>
-              </List.Item>
-            ))
+          ? items
+              .filter((item) => item['@type'] === 'Folder')
+              .map((item) => (
+                <List.Item
+                  key={item.id}
+                  className={`${
+                    item['@id'].endsWith(curent_location.pathname)
+                      ? 'active'
+                      : ''
+                  }`}
+                >
+                  <List.Content>
+                    <div className="dataset-item">
+                      <Link to={flattenToAppURL(getBaseUrl(item['@id']))}>
+                        {item.title}
+                      </Link>
+                    </div>
+                  </List.Content>
+                </List.Item>
+              ))
           : null}
       </div>
     </div>

package/src/components/manage/Blocks/RASTBlock/styles.less

@@ -13,3 +13,7 @@
 .circle:hover {
   fill: @green-1;
 }
+
+.rast-block .item.active a {
+  font-weight: bold;
+}

package/src/components/theme/Views/AdaptationOptionView.jsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import {
   HTMLField,
   ContentMetadata,
@@ -7,7 +7,6 @@ import {
   ShareInfo,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
-import { Fragment } from 'react';
 
 const dataDisplay = [
   {

package/src/customizations/@plone/volto-slate/widgets/HtmlSlateWidget.jsx

@@ -0,0 +1,143 @@
+/**
+ * HtmlSlateWidget, a slate widget variant that saves its data as HTML
+ */
+
+import React from 'react';
+import ReactDOMServer from 'react-dom/server';
+import configureStore from 'redux-mock-store';
+import { MemoryRouter } from 'react-router-dom';
+import { Provider, useSelector } from 'react-redux';
+import { defineMessages, injectIntl } from 'react-intl';
+
+import { FormFieldWrapper } from '@plone/volto/components';
+import SlateEditor from '@plone/volto-slate/editor/SlateEditor';
+import { serializeNodes } from '@plone/volto-slate/editor/render';
+import { makeEditor } from '@plone/volto-slate/utils';
+import deserialize from '@plone/volto-slate/editor/deserialize';
+
+import {
+  createEmptyParagraph,
+  normalizeExternalData,
+} from '@plone/volto-slate/utils';
+import { ErrorBoundary } from '@plone/volto-slate/widgets/ErrorBoundary';
+
+import '@plone/volto-slate/widgets/style.css';
+
+const messages = defineMessages({
+  error: {
+    id:
+      'An error has occurred while editing "{name}" field. We have been notified and we are looking into it. Please save your work and retry. If the issue persists please contact the site administrator.',
+    defaultMessage:
+      'An error has occurred while editing "{name}" field. We have been notified and we are looking into it. Please save your work and retry. If the issue persists please contact the site administrator.',
+  },
+});
+
+const HtmlSlateWidget = (props) => {
+  const {
+    id,
+    onChange,
+    value,
+    focus,
+    className,
+    block,
+    placeholder,
+    properties,
+    intl,
+  } = props;
+
+  const [selected, setSelected] = React.useState(focus);
+
+  const editor = React.useMemo(() => makeEditor(), []);
+
+  const token = useSelector((state) => state.userSession.token);
+
+  const toHtml = React.useCallback(
+    (value) => {
+      const mockStore = configureStore();
+      const html = ReactDOMServer.renderToStaticMarkup(
+        <Provider store={mockStore({ userSession: { token } })}>
+          <MemoryRouter>{serializeNodes(value || [])}</MemoryRouter>
+        </Provider>,
+      );
+      // console.log('toHtml value', JSON.stringify(value));
+      // console.log('toHtml html', html);
+
+      return {
+        'content-type': value ? value['content-type'] : 'text/html',
+        encoding: value ? value.encoding : 'utf8',
+        data: html,
+      };
+    },
+    [token],
+  );
+
+  const fromHtml = React.useCallback(
+    (value) => {
+      const html = value?.data || '';
+
+      const parsed = new DOMParser().parseFromString(html, 'text/html');
+      const body =
+        parsed.getElementsByTagName('google-sheets-html-origin').length > 0
+          ? parsed.querySelector('google-sheets-html-origin > table')
+          : parsed.body;
+      let data = deserialize(editor, body, { collapseWhitespace: false });
+      if (data.length) {
+        data = normalizeExternalData(editor, data);
+      } else {
+        return [createEmptyParagraph()];
+      }
+
+      // editor.children = data;
+      // Editor.normalize(editor);
+      // TODO: need to add {text: ""} placeholders between elements
+      const res = data.length ? data : [createEmptyParagraph()];
+      // console.log('from html', { html: value?.data, res });
+      return res;
+    },
+    [editor],
+  );
+
+  const valueFromHtml = React.useMemo(() => {
+    return fromHtml(value);
+  }, [value, fromHtml]);
+
+  const handleChange = React.useCallback(
+    (newValue) => {
+      onChange(id, toHtml(newValue));
+    },
+    [onChange, toHtml, id],
+  );
+
+  const handleClick = React.useCallback(() => {
+    setSelected(true);
+  }, []);
+
+  return (
+    <FormFieldWrapper {...props} draggable={false} className="slate_wysiwyg">
+      <div
+        className="slate_wysiwyg_box"
+        role="textbox"
+        tabIndex="-1"
+        style={{ boxSizing: 'initial' }}
+        onClick={handleClick}
+        onKeyDown={() => {}}
+      >
+        <ErrorBoundary name={intl.formatMessage(messages.error, { name: id })}>
+          <SlateEditor
+            className={className}
+            id={id}
+            name={id}
+            value={valueFromHtml}
+            onChange={handleChange}
+            block={block}
+            selected={selected}
+            properties={properties}
+            placeholder={placeholder}
+          />
+        </ErrorBoundary>
+      </div>
+    </FormFieldWrapper>
+  );
+};
+
+export default injectIntl(HtmlSlateWidget);

package/src/customizations/@plone/volto-slate/widgets/README.md

@@ -0,0 +1,9 @@
+Customized for this
+
+```
+      if (data.length) {
+        data = normalizeExternalData(editor, data);
+      } else {
+        return [createEmptyParagraph()];
+      }
+```

package/src/search/config.js

@@ -1,19 +1,9 @@
 import { mergeConfig } from '@eeacms/search';
 import { build_runtime_mappings } from '@eeacms/volto-globalsearch/utils';
+import { getClientProxyAddress } from './utils';
 
 import facets from './facets';
 
-// import views from './views';
-// import filters from './filters';
-// import vocabs from './vocabulary';
-
-const getClientProxyAddress = () => {
-  const url = new URL(window.location);
-  url.pathname = '';
-  url.search = '';
-  return url.toString();
-};
-
 const ccaConfig = {
   title: 'ClimateAdapt Main',
 };
@@ -186,7 +176,5 @@ export default function installMainSearch(config) {
       process.env.RAZZLE_ES_PROXY_ADDR || getClientProxyAddress();
   }
 
-  // console.log(config.searchui.ccaSearch);
-
   return config;
 }

package/src/search/{config-health.js → health_observatory/config-health.js}

@@ -1,19 +1,10 @@
 import { mergeConfig } from '@eeacms/search';
 import { build_runtime_mappings } from '@eeacms/volto-globalsearch/utils';
+import { getClientProxyAddress } from './../utils';
 
 import facets from './facets-health';
 import views from './views-health';
 
-// import filters from './filters';
-// import vocabs from './vocabulary';
-
-const getClientProxyAddress = () => {
-  const url = new URL(window.location);
-  url.pathname = '';
-  url.search = '';
-  return url.toString();
-};
-
 const ccaConfig = {
   title: 'ClimateAdapt Health',
   ...views,

package/src/search/{facets-health.js → health_observatory/facets-health.js}

@@ -1,5 +1,5 @@
 import { booleanFacet } from '@eeacms/search';
-import { getTodayWithTime } from './utils';
+import { getTodayWithTime } from './../utils';
 
 const special = [
   {

package/src/search/index.js

@@ -1,30 +1,21 @@
 import installMainSearch from './config';
-import installHealthSearch from './config-health';
-import installMissionStoriesSearch from './config-mission-stories';
-
-// import DatahubCardItem from './components/Result/DatahubCardItem';
-// import DatahubItemView from './components/ItemView/ItemView';
-//
-// import { DatahubResultModel } from './config/models';
-//
-// import { datahub_results } from './store';
-
-// function tweakForNLPService(body, config) {
-//   if (!config.enableNLP) {
-//     delete body.source;
-//     delete body.index;
-//     return body;
-//   }
-//   return body;
-// }
+import installHealthSearch from './health_observatory/config-health';
+import installMissionStoriesSearch from './mission_stories/config-stories';
+import installMissionProjectsSearch from './mission_projects/config-projects';
 
 const applyConfig = (config) => {
   config.settings.searchlib = installHealthSearch(
     installMainSearch(config.settings.searchlib),
   );
+
   config.settings.searchlib = installMissionStoriesSearch(
     config.settings.searchlib,
   );
+
+  config.settings.searchlib = installMissionProjectsSearch(
+    installMainSearch(config.settings.searchlib),
+  );
+
   return config;
 };
 

package/src/search/mission_projects/config-projects.js

@@ -0,0 +1,69 @@
+import { mergeConfig } from '@eeacms/search';
+import { build_runtime_mappings } from '@eeacms/volto-globalsearch/utils';
+import { getClientProxyAddress } from './../utils';
+
+import facets from './facets-projects';
+
+const missionProjectsConfig = {
+  title: 'Mission Projects',
+};
+
+export const clusters = {
+  name: 'op_cluster',
+  field: 'objectProvides',
+  clusters: [
+    // {
+    //   name: 'Type1',
+    //   icon: { name: 'bullhorn' },
+    //   values: ['Video', 'Guidance'],
+    //   defaultResultView: 'horizontalCard',
+    // },
+  ],
+};
+
+export default function installMainSearch(config) {
+  const envConfig = process.env.RAZZLE_ENV_CONFIG
+    ? JSON.parse(process.env.RAZZLE_ENV_CONFIG)
+    : missionProjectsConfig;
+
+  const pjson = require('@eeacms/volto-cca-policy/../package.json');
+
+  envConfig.app_name = pjson.name;
+  envConfig.app_version = pjson.version;
+
+  config.searchui.missionProjects = {
+    ...mergeConfig(envConfig, config.searchui.globalsearchbase),
+    elastic_index: '_es/globalsearch',
+    index_name: 'data_searchui',
+    host: process.env.RAZZLE_ES_PROXY_ADDR || 'http://localhost:3000',
+    vocab: {
+      cluster_name: {
+        cca: 'Climate-ADAPT',
+      },
+    },
+    runtime_mappings: build_runtime_mappings(clusters),
+  };
+
+  const { missionProjects } = config.searchui;
+
+  missionProjects.permanentFilters.push({
+    term: {
+      cca_include_in_mission: 'true',
+    },
+  });
+
+  missionProjects.permanentFilters.push({
+    terms: {
+      objectProvides: ['Research and knowledge project'],
+    },
+  });
+
+  missionProjects.facets = facets;
+
+  if (typeof window !== 'undefined') {
+    config.searchui.missionProjects.host =
+      process.env.RAZZLE_ES_PROXY_ADDR || getClientProxyAddress();
+  }
+
+  return config;
+}

package/src/search/mission_projects/facets-projects.js

@@ -0,0 +1,30 @@
+import { multiTermFacet } from '@eeacms/search';
+
+import globalSearchBaseConfig from '@eeacms/volto-globalsearch/config/global-search-base-config.js';
+
+const facets = [
+  ...globalSearchBaseConfig.facets,
+  multiTermFacet({
+    field: 'cca_adaptation_sectors.keyword',
+    isFilterable: false,
+    isMulti: true,
+    label: 'Sectors',
+    alwaysVisible: false,
+  }),
+  multiTermFacet({
+    field: 'cca_climate_impacts.keyword',
+    isFilterable: false,
+    isMulti: true,
+    label: 'Climate impacts',
+    alwaysVisible: false,
+  }),
+  multiTermFacet({
+    field: 'cca_adaptation_elements.keyword',
+    isFilterable: false,
+    isMulti: true,
+    label: 'Adaptation Elements',
+    alwaysVisible: false,
+  }),
+];
+
+export default facets;

package/src/search/{config-mission-stories.js → mission_stories/config-stories.js}

@@ -1,18 +1,10 @@
 import { mergeConfig } from '@eeacms/search';
-
-import facets from './facets-mission-stories';
-
-const getClientProxyAddress = () => {
-  const url = new URL(window.location);
-  url.pathname = '';
-  url.search = '';
-  return url.toString();
-};
+import { getClientProxyAddress } from './../utils';
+import facets from './facets-stories';
 
 const missionStoriesConfig = {
   title: 'Mission stories',
   ...facets,
-  //   ...views,
 };
 
 export default function installMissionStoriesSearch(config) {

package/src/search/utils.js

@@ -27,3 +27,10 @@ export function getTodayWithTime() {
   ].join('');
   return output;
 }
+
+export function getClientProxyAddress() {
+  const url = new URL(window.location);
+  url.pathname = '';
+  url.search = '';
+  return url.toString();
+}

package/src/search/utils.test.js

@@ -0,0 +1,11 @@
+import { getTodayWithTime } from './utils';
+import '@testing-library/jest-dom/extend-expect';
+
+describe('getTodayWithTime', () => {
+  it('should return the current date in UTC format', () => {
+    const output = getTodayWithTime();
+
+    expect(typeof output).toBe('string');
+    expect(output).toMatch(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z$/);
+  });
+});