@eeacms/volto-marine-policy 2.0.1 → 2.0.3

package/CHANGELOG.md

@@ -4,6 +4,51 @@ 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).
 
+### [2.0.3](https://github.com/eea/volto-marine-policy/compare/2.0.2...2.0.3) - 4 March 2025
+
+#### :rocket: Dependency updates
+
+- Release @eeacms/volto-searchlib@2.0.12 - resolutions [EEA Jenkins - [`51b3ca7`](https://github.com/eea/volto-marine-policy/commit/51b3ca7af1d677b3dc67b1b6fa5f9e7db78a208c)]
+- Release @eeacms/volto-searchlib@2.0.11 - resolutions [EEA Jenkins - [`1aa9711`](https://github.com/eea/volto-marine-policy/commit/1aa9711cb195bdd7423fe54b253b5d424960c56d)]
+- Release @eeacms/volto-searchlib@2.0.10 - resolutions [EEA Jenkins - [`7e3fe5e`](https://github.com/eea/volto-marine-policy/commit/7e3fe5ea86d612f42cafbb9c606ba15e0fc23028)]
+- Release @eeacms/volto-searchlib@2.0.9 - resolutions [EEA Jenkins - [`0e1f63c`](https://github.com/eea/volto-marine-policy/commit/0e1f63ce5e86a13a3acc0e077e9017217d312fcc)]
+- Release @eeacms/volto-searchlib@2.0.8 - resolutions [EEA Jenkins - [`7af5f35`](https://github.com/eea/volto-marine-policy/commit/7af5f3553c17ed36118650dccdc6b79257da70c0)]
+- Release @eeacms/volto-searchlib@2.0.7 - resolutions [EEA Jenkins - [`30e012b`](https://github.com/eea/volto-marine-policy/commit/30e012be79c60009bab799748070a480936aa9c7)]
+- Release @eeacms/volto-searchlib@2.0.6 - resolutions [EEA Jenkins - [`7a3fee8`](https://github.com/eea/volto-marine-policy/commit/7a3fee8819208e8119b9c0721c4b8494b95f0659)]
+- Release @eeacms/volto-searchlib@2.0.5 - resolutions [EEA Jenkins - [`8e46c87`](https://github.com/eea/volto-marine-policy/commit/8e46c873917ef730279661eee54032dc365f1452)]
+- Release @eeacms/volto-searchlib@2.0.4 - resolutions [EEA Jenkins - [`2f5fc8f`](https://github.com/eea/volto-marine-policy/commit/2f5fc8f5bd514dc0d31f6c5e4800ea1ad18f90bd)]
+
+#### :bug: Bug Fixes
+
+- fix(print): more CSS fixes - refs #284607 [kreafox - [`75e5ecc`](https://github.com/eea/volto-marine-policy/commit/75e5eccd7cc83a10913476aca14f669b9635721b)]
+- fix(print): more CSS fixes - refs #284607 [kreafox - [`e5b4439`](https://github.com/eea/volto-marine-policy/commit/e5b4439b8181df1ee4b6b4dc57301bc437f3beba)]
+- fix(print): Fix print styling issues [kreafox - [`3269aa4`](https://github.com/eea/volto-marine-policy/commit/3269aa40f8279411bcceedf884ae2ec18137b20a)]
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`96efaf0`](https://github.com/eea/volto-marine-policy/commit/96efaf0e8bccd19cd14b34fe2aa4b6facf53ed41)]
+- style: Automated code fix [eea-jenkins - [`8b70571`](https://github.com/eea/volto-marine-policy/commit/8b7057105084b1f26838065e7f9262da204b6999)]
+
+#### :hammer_and_wrench: Others
+
+- test: remove DatabaseItemView.test.jsx [laszlocseh - [`ddd177b`](https://github.com/eea/volto-marine-policy/commit/ddd177b0af0bbd235570d721e4e3e627ca870380)]
+- test: remove DatabaseItemView.test.jsx [laszlocseh - [`85b142a`](https://github.com/eea/volto-marine-policy/commit/85b142ae46636df23f635add8b227a22656de508)]
+- test: remove DatabaseItemView.test.jsx [laszlocseh - [`fa65b1e`](https://github.com/eea/volto-marine-policy/commit/fa65b1ebd8d53cf791d6d53c97888a75d73f71b8)]
+- test: fix DatabaseItemView.test.jsx [laszlocseh - [`0fee8a6`](https://github.com/eea/volto-marine-policy/commit/0fee8a616aa7f5024e9bc9a5e6d716a137979006)]
+- test: added DatabaseItemView.test.jsx to increase coverage [laszlocseh - [`111d218`](https://github.com/eea/volto-marine-policy/commit/111d218796ff4beac06b84a34b04fdacc7296093)]
+- remove ContextNavigation block, moved to separate addon [laszlocseh - [`deb9bef`](https://github.com/eea/volto-marine-policy/commit/deb9bef04d394537f7201c6df6f3cdb3769d4639)]
+- Update dependencies [kreafox - [`ac359b6`](https://github.com/eea/volto-marine-policy/commit/ac359b6711be1ddf1a8b9cd31fdba1ef54806212)]
+### [2.0.2](https://github.com/eea/volto-marine-policy/compare/2.0.1...2.0.2) - 8 November 2024
+
+#### :rocket: Dependency updates
+
+- Release @eeacms/volto-searchlib@2.0.3 - resolutions [EEA Jenkins - [`0878ef3`](https://github.com/eea/volto-marine-policy/commit/0878ef3c784e9ab3da9f991b68a8e2fc01ab76a4)]
+- Release @eeacms/volto-searchlib@2.0.2 - resolutions [EEA Jenkins - [`c4788f8`](https://github.com/eea/volto-marine-policy/commit/c4788f8bd5b63f658263002e3746304720fa943b)]
+
+#### :house: Internal changes
+
+- style: remove .documentFirstHeading border-bottom [laszlocseh - [`8aec7be`](https://github.com/eea/volto-marine-policy/commit/8aec7be7c82617e698eb160d0c2434df7f363d73)]
+
 ### [2.0.1](https://github.com/eea/volto-marine-policy/compare/2.0.0...2.0.1) - 26 July 2024
 
 #### :bug: Bug Fixes

package/jest-addon.config.js

@@ -41,10 +41,10 @@ module.exports = {
   },
   coverageThreshold: {
     global: {
-      branches: 5,
-      functions: 5,
-      lines: 5,
-      statements: 5,
+      branches: 4,
+      functions: 4,
+      lines: 4,
+      statements: 4,
     },
   },
   ...(process.env.JEST_USE_SETUP === 'ON' && {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-marine-policy",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "@eeacms/volto-marine-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -26,23 +26,22 @@
   "resolutions": {
     "react-countup/countup.js": "2.5.0",
     "d3-array": "^2.12.1",
-    "@eeacms/volto-searchlib": "1.0.0",
     "@eeacms/countup": "^2.0.6",
     "@elastic/search-ui": "1.21.2"
   },
   "dependencies": {
     "@eeacms/volto-eea-design-system": "*",
-    "@eeacms/volto-eea-website-theme": "^2.1.2",
-    "@eeacms/volto-searchlib": "^2.0.2",
-    "@eeacms/volto-embed": "^10.0.2",
-    "@eeacms/volto-globalsearch": "^2.0.0",
-    "@eeacms/volto-tabs-block": "^8.0.0",
+    "@eeacms/volto-eea-website-theme": "*",
+    "@eeacms/volto-embed": "*",
+    "@eeacms/volto-globalsearch": "2.0.8",
+    "@eeacms/volto-searchlib": "2.0.12",
+    "@eeacms/volto-tabs-block": "*",
     "axios": "0.25.0",
+    "d3-array": "^2.12.1",
     "jquery": "3.6.0",
     "razzle-plugin-scss": "^4.2.18",
     "react-lazy-load-image-component": "^1.4.0",
     "react-slick": "^0.24.0",
-    "d3-array": "^2.12.1",
     "slick-carousel": "^1.8.1"
   },
   "devDependencies": {

package/src/components/theme/DatabaseItemView/DatabaseItemView.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BodyClass } from '@plone/volto/helpers';
 import {
   ItemMetadataSnippet,

package/src/index.js

@@ -14,7 +14,6 @@ import installMsfdDataExplorerBlock from './components/Blocks/MsfdDataExplorerBl
 import { breadcrumb, localnavigation } from './reducers';
 import customBlockTemplates from '@eeacms/volto-marine-policy/components/Blocks/CustomBlockTemplates/customBlockTemplates';
 import TextAlignWidget from './components/Widgets/TextAlign';
-import installContextNavigation from './components/Blocks/ContextNavigation';
 import './slate-styles.less';
 
 import installSearchEngine from './search';
@@ -127,12 +126,12 @@ const applyConfig = (config) => {
   };
 
   // on home contextNavigation should return false
-  config.blocks.blocksConfig.contextNavigation = {
-    ...config.blocks.blocksConfig.contextNavigation,
-    blockHasValue: (data) => {
-      return data.pathname !== '/';
-    },
-  };
+  // config.blocks.blocksConfig.contextNavigation = {
+  //   ...config.blocks.blocksConfig.contextNavigation,
+  //   blockHasValue: (data) => {
+  //     return data.pathname !== '/';
+  //   },
+  // };
   config.blocks.blocksConfig.listing = {
     ...config.blocks.blocksConfig.listing,
     variations: [
@@ -269,9 +268,6 @@ const applyConfig = (config) => {
 
   config.settings.openExternalLinkInNewTab = true;
 
-  if (config.blocks.blocksConfig.contextNavigation)
-    config.blocks.blocksConfig.contextNavigation.restricted = false;
-
   config.settings.pluggableStyles = [
     ...(config.settings.pluggableStyles || []),
     {
@@ -516,11 +512,10 @@ const applyConfig = (config) => {
   const [installLinkEditor] = makeInlineElementPlugin(opts);
   config = installLinkEditor(config);
 
-  const final = [
-    installMsfdDataExplorerBlock,
-    installSearchEngine,
-    installContextNavigation,
-  ].reduce((acc, apply) => apply(acc), config);
+  const final = [installMsfdDataExplorerBlock, installSearchEngine].reduce(
+    (acc, apply) => apply(acc),
+    config,
+  );
 
   return final;
 };

package/theme/extras/print.less

@@ -0,0 +1,64 @@
+@media print {
+  a {
+    word-break: break-word;
+  }
+
+  .logo {
+    margin-left: 0 !important;
+  }
+
+  .block.call-to-action,
+  .block.context-navigation {
+    display: none;
+  }
+
+  .content-box-inner {
+    padding: 25px !important;
+
+    .column-blocks-wrapper {
+      margin-bottom: 0;
+    }
+  }
+
+  [class~='container'] > [class*='styled-'] {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .ui.section.divider {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .ui.grid > .row > [class*='twelve wide'].column,
+  .ui.grid > .column.row > [class*='twelve wide'].column,
+  .ui.grid > [class*='twelve wide'].column,
+  .ui.column.grid > [class*='twelve wide'].column {
+    padding: 0 25px !important;
+  }
+
+  .visualization,
+  .content-box-inner,
+  .embed-map,
+  .embed-tableau,
+  .embed-map-visualization,
+  .embed-visualization {
+    break-inside: avoid;
+  }
+}
+
+@media print and (min-width: 600px) {
+  .columns-view {
+    .ui.grid > .row > [class*='four wide computer'].column,
+    .ui.grid > .column.row > [class*='four wide computer'].column,
+    .ui.grid > [class*='four wide computer'].column,
+    .ui.column.grid > [class*='four wide computer'].column {
+      width: @fourWide !important;
+    }
+  }
+}
+
+@page {
+  margin-top: 15mm;
+  margin-bottom: 15mm;
+}

package/theme/globals/site.overrides

@@ -2,6 +2,16 @@
         Global Overrides
 *******************************/
 
+@import '../extras/print';
+
+.documentFirstHeading {
+  border-bottom: none !important;
+
+  &::before {
+    border-bottom: none !important;
+  }
+}
+
 #page-document > blockquote {
   margin-right: revert !important;
   margin-left: revert !important;
@@ -191,7 +201,9 @@ body.view-viewview .full {
     }
   }
 
-  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) {
+  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(
+      .has-sidebar-collapsed
+    ) {
     .full > div {
       width: calc(100% - @collapsedToolbarWidth) !important;
     }
@@ -224,7 +236,9 @@ body.view-viewview .full {
 
 @media screen and (max-width: @largestMobileScreen) {
   body.view-viewview.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed),
-  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) {
+  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(
+      .has-sidebar-collapsed
+    ) {
     .full > div {
       width: 100% !important;
     }
@@ -364,8 +378,8 @@ body.custom-page-header .breadcrumbs {
 }
 
 @media only screen and (max-height: @tabletBreakpoint) {
-#toolbar .toolbar-content.show {
+  #toolbar .toolbar-content.show {
     max-height: 700px !important;
     z-index: 5;
+  }
 }
-}

package/theme/globals/site.variables

@@ -1,6 +1,7 @@
 /*******************************
          Site Settings
 *******************************/
+
 @import '../extras/mixins';
 
 /*-------------------

package/src/components/Blocks/ContextNavigation/Accordion.jsx

@@ -1,85 +0,0 @@
-import React from 'react';
-import { Accordion as SemanticAccordion, Icon } from 'semantic-ui-react';
-import AccordionContent from './AccordionContent';
-import { useHistory } from 'react-router-dom';
-
-const Accordion = (props) => {
-  const { items = {}, curent_location, activeMenu, data = {} } = props;
-  const [currentIndex, setIndex] = React.useState(activeMenu ?? 0);
-  const [showChildren, setShowChildren] = React.useState(false);
-  const history = useHistory();
-
-  const handleClick = (e, item) => {
-    let itemUrl = '/' + item['@id'].split('/').slice(3).join('/');
-    history.push(itemUrl);
-  };
-
-  const handleIconClick = (e, index) => {
-    e.stopPropagation();
-    const newIndex = currentIndex === index ? -1 : index;
-    setIndex(newIndex);
-  };
-
-  return (
-    <>
-      <div className="context-navigation-header">{data?.title}</div>
-      {items.map((item, index) => {
-        const { id } = item;
-        const active = currentIndex === index;
-
-        return (
-          <SemanticAccordion id={id} key={index} className="secondary">
-            <SemanticAccordion.Title
-              role="button"
-              tabIndex={0}
-              active={activeMenu === index}
-              aria-expanded={activeMenu === index}
-              index={index}
-              onClick={(e) => {
-                handleClick(e, item);
-              }}
-              onKeyDown={(e) => {
-                if (e.keyCode === 13 || e.keyCode === 32) {
-                  e.preventDefault();
-                  handleClick(e, item);
-                }
-              }}
-            >
-              <span className="item-title">{item.title}</span>
-              {active && showChildren ? (
-                <Icon
-                  className="ri-arrow-up-s-line"
-                  onClick={(e) => {
-                    handleIconClick(e, index);
-                  }}
-                />
-              ) : showChildren ? (
-                <Icon
-                  className="ri-arrow-down-s-line"
-                  onClick={(e) => {
-                    handleIconClick(e, index);
-                  }}
-                />
-              ) : null}
-            </SemanticAccordion.Title>
-            <SemanticAccordion.Content active={active && showChildren}>
-              <AccordionContent
-                curent_location={curent_location}
-                key={index}
-                main={{
-                  title: item.title,
-                  href: item['@id'],
-                  url: item.url,
-                }}
-                data={data}
-                setShowChildren={setShowChildren}
-              />
-            </SemanticAccordion.Content>
-          </SemanticAccordion>
-        );
-      })}
-    </>
-  );
-};
-
-export default Accordion;

package/src/components/Blocks/ContextNavigation/Accordion.test.jsx

@@ -1,106 +0,0 @@
-import React from 'react';
-import { MemoryRouter } from 'react-router-dom';
-import configureStore from 'redux-mock-store';
-import { render, fireEvent, waitFor, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import { Provider } from 'react-intl-redux';
-import Accordion from './Accordion';
-
-const mockStore = configureStore();
-
-describe('RASTAccordion', () => {
-  let store;
-  let data;
-
-  beforeEach(() => {
-    store = mockStore({
-      userSession: { token: '1234' },
-      intl: {
-        locale: 'en',
-        messages: {},
-      },
-      content: {
-        subrequests: {},
-      },
-    });
-
-    data = {
-      items: [
-        {
-          id: 'item1',
-          title: 'Item 1',
-          '@id': '/item1',
-          '@type': 'Folder',
-          href: '/item1-href',
-        },
-        {
-          id: 'item2',
-          title: 'Item 2',
-          '@id': '/item2',
-          '@type': 'Folder',
-          href: '/item2-href',
-        },
-      ],
-      activeMenu: 1,
-      curent_location: '/item1-href',
-      data: { title: "Accordion's Title" },
-    };
-  });
-
-  it('renders the component with initial data', () => {
-    const { getByText } = render(
-      <Provider store={store}>
-        <MemoryRouter>
-          <Accordion {...data} />
-        </MemoryRouter>
-      </Provider>,
-    );
-
-    expect(getByText('Item 1')).toBeInTheDocument();
-    expect(getByText('Item 2')).toBeInTheDocument();
-  });
-
-  it('navigates to correct path on item click', () => {
-    const { getByText, history } = render(
-      <Provider store={store}>
-        <MemoryRouter>
-          <Accordion {...data} />
-        </MemoryRouter>
-      </Provider>,
-    );
-
-    fireEvent.click(getByText('Item 1'));
-    waitFor(() => expect(history.location.pathname).toBe('/item1'));
-  });
-
-  it('clicks on accordion items', () => {
-    const { container } = render(
-      <Provider store={store}>
-        <MemoryRouter>
-          <Accordion {...data} />
-        </MemoryRouter>
-      </Provider>,
-    );
-
-    screen.debug();
-
-    // check that item1 is expanded by default
-    expect(container.querySelector('#item2 .active.title')).toBeInTheDocument();
-
-    const item1 = container.querySelector('#item1');
-    fireEvent.click(item1);
-  });
-
-  it('responds to keyboard events', () => {
-    const { getByText } = render(
-      <Provider store={store}>
-        <MemoryRouter>
-          <Accordion {...data} />
-        </MemoryRouter>
-      </Provider>,
-    );
-
-    fireEvent.keyDown(getByText('Item 1'), { keyCode: 13 }); // Enter key
-    waitFor(() => expect(getByText('Content of Item 1')).toBeVisible());
-  });
-});

package/src/components/Blocks/ContextNavigation/AccordionContent.jsx

@@ -1,66 +0,0 @@
-import React from 'react';
-import { List } from 'semantic-ui-react';
-import { Link } from 'react-router-dom';
-import { compose } from 'redux';
-import { flattenToAppURL, getBaseUrl } from '@plone/volto/helpers';
-import { useChildren } from './View';
-
-const AccordionContent = (props) => {
-  const {
-    main,
-    curent_location,
-    data: { types = [] },
-    setShowChildren,
-  } = props;
-  const location = main.url;
-
-  // React.useEffect(() => {
-  //   const action = getContent(location, null, location);
-  //   dispatch(action);
-  // }, [location, dispatch]);
-
-  // items = useSelector(
-  //   (state) => state.content?.subrequests?.[location]?.data?.items || [],
-  // );
-  const items = useChildren(location);
-
-  React.useEffect(() => {
-    const filteredItems = items.filter((item) =>
-      types.length ? types.includes(item['@type']) : item,
-    );
-    if (filteredItems.length) setShowChildren(true);
-  }, [items, setShowChildren, types]);
-
-  return (
-    <div className="dataset-content">
-      <div>
-        {items.length
-          ? items
-              .filter((item) =>
-                types.length ? types.includes(item['@type']) : item,
-              )
-              .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>
-  );
-};
-
-export default compose()(AccordionContent);

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

@@ -1,41 +0,0 @@
-import React from 'react';
-import { compose } from 'redux';
-
-import Accordion from './Accordion';
-import { useLocation } from 'react-router-dom';
-
-/**
- * A navigation slot implementation, similar to the classic Plone navigation
- * portlet. It uses the same API, so the options are similar to
- * INavigationPortlet
- */
-export function ContextNavigationComponent(props) {
-  const { items, data } = props;
-  let activeMenu = null;
-
-  const curent_location = useLocation();
-  for (let i = 0; i < items.length; i++) {
-    let itemUrl = '/' + items[i]['@id'].split('/').slice(3).join('/');
-    items[i].is_active = false;
-    if (curent_location.pathname.includes(itemUrl)) {
-      activeMenu = i;
-      items[i].is_active = true;
-    }
-  }
-
-  return (
-    <>
-      {items.length ? (
-        <Accordion
-          items={items}
-          curent_location={curent_location}
-          activeMenu={activeMenu}
-          data={data}
-        />
-      ) : null}
-    </>
-  );
-}
-
-// withContentNavigation
-export default compose()(ContextNavigationComponent);

package/src/components/Blocks/ContextNavigation/Edit.jsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { SidebarPortal } from '@plone/volto/components';
-import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
-
-import View from './View';
-import schema from './schema';
-
-export default function Edit(props) {
-  const {
-    block,
-    data = {},
-    onChangeBlock,
-    selected,
-    id,
-    formData = {},
-  } = props;
-  const contentTypes = useSelector((state) => state?.types.types);
-  const blockSchema = schema({ formData, data, contentTypes });
-
-  return (
-    <div>
-      <View data={data} id={id} mode="edit" />
-      <SidebarPortal selected={selected}>
-        <BlockDataForm
-          block={block}
-          title={blockSchema.title}
-          schema={blockSchema}
-          onChangeField={(id, value) => {
-            onChangeBlock(block, {
-              ...data,
-              [id]: value,
-            });
-          }}
-          onChangeBlock={onChangeBlock}
-          formData={data}
-        />
-      </SidebarPortal>
-    </div>
-  );
-}

package/src/components/Blocks/ContextNavigation/Edit.test.jsx

@@ -1,71 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { Provider } from 'react-intl-redux';
-import configureStore from 'redux-mock-store';
-import ContextNavigationEdit from './Edit';
-import { Router } from 'react-router-dom';
-import { createMemoryHistory } from 'history';
-import '@testing-library/jest-dom/extend-expect';
-
-const mockStore = configureStore();
-
-jest.mock('@plone/volto/components', () => ({
-  SidebarPortal: ({ children }) => (
-    <div>
-      <div>SidebarPortal</div>
-      {children}
-    </div>
-  ),
-}));
-
-jest.mock('@plone/volto/components/manage/Form/BlockDataForm', () => {
-  return {
-    __esModule: true,
-    default: ({ params }) => {
-      return <div>BlockDataForm {params}</div>;
-    },
-  };
-});
-
-const store = mockStore({
-  userSession: { token: '1234' },
-  intl: {
-    locale: 'en',
-    messages: {},
-  },
-  content: {
-    subrequests: {},
-  },
-  types: {
-    types: [],
-  },
-});
-
-describe('ContextNavigationEdit', () => {
-  it('renders corectly', () => {
-    const history = createMemoryHistory();
-    const { getByText } = render(
-      <Provider store={store}>
-        <Router history={history}>
-          <ContextNavigationEdit />
-        </Router>
-      </Provider>,
-    );
-
-    expect(getByText('SidebarPortal')).toBeInTheDocument();
-  });
-
-  it('renders corectly', () => {
-    const history = createMemoryHistory();
-    const { getByText } = render(
-      <Provider store={store}>
-        <Router history={history}>
-          <ContextNavigationEdit selected={true} onChangeBlock={() => {}} />
-        </Router>
-      </Provider>,
-    );
-
-    // expect(getByText('InlineForm')).toBeInTheDocument();
-    expect(getByText('SidebarPortal')).toBeInTheDocument();
-  });
-});

package/src/components/Blocks/ContextNavigation/View.jsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import './styles.less';
-import ContextNavigation from './ContextNavigation';
-import { useDispatch, useSelector } from 'react-redux';
-import { getContent } from '@plone/volto/actions';
-
-export function useChildren(location) {
-  const dispatch = useDispatch();
-  React.useEffect(() => {
-    const action = getContent(location, null, location);
-    dispatch(action);
-  }, [location, dispatch]);
-
-  const items = useSelector(
-    (state) => state.content.subrequests?.[location]?.data?.items || [],
-  );
-  return items;
-}
-
-export default function View(props) {
-  const { data } = props;
-  let root_path = data?.root_path;
-  if (typeof root_path === 'undefined') {
-    root_path = '/';
-  }
-  let items = useChildren(root_path);
-  if (root_path === '/') {
-    items = [];
-  }
-
-  return (
-    <div className="block rast-block">
-      <ContextNavigation
-        items={items}
-        location={{
-          pathname: root_path,
-        }}
-        data={data}
-      />
-    </div>
-  );
-}

package/src/components/Blocks/ContextNavigation/View.test.jsx

@@ -1,71 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import ContextNavigationView from './View';
-import { Router } from 'react-router-dom';
-import { Provider } from 'react-intl-redux';
-import configureStore from 'redux-mock-store';
-import { createMemoryHistory } from 'history';
-import '@testing-library/jest-dom/extend-expect';
-
-const mockStore = configureStore();
-
-const store = mockStore({
-  userSession: { token: '1234' },
-  intl: {
-    locale: 'en',
-    messages: {},
-  },
-  content: {
-    subrequests: {},
-  },
-  types: {
-    types: {},
-  },
-});
-
-jest.mock(
-  '@eeacms/volto-marine-policy/components/Blocks/ContextNavigation/ContextNavigation',
-  () => {
-    return {
-      __esModule: true,
-      default: ({ params }) => {
-        return <div>ContextNavigation {params}</div>;
-      },
-    };
-  },
-);
-
-describe('ContextNavigationView', () => {
-  let history;
-  beforeEach(() => {
-    history = createMemoryHistory();
-  });
-
-  it('renders corectly', () => {
-    const { container } = render(
-      <Provider store={store}>
-        <Router history={history}>
-          <ContextNavigationView />
-        </Router>
-      </Provider>,
-    );
-
-    expect(container.firstChild).toHaveTextContent('ContextNavigation');
-  });
-
-  it('renders corectly', () => {
-    const { container } = render(
-      <Provider store={store}>
-        <Router history={history}>
-          <ContextNavigationView
-            data={{
-              navProps: { root_path: 'https://localhost:3000/test' },
-              root_node: [{ '@id': 'root_node' }],
-            }}
-          />
-        </Router>
-      </Provider>,
-    );
-    expect(container.firstChild).toHaveTextContent('ContextNavigation');
-  });
-});

package/src/components/Blocks/ContextNavigation/index.js

@@ -1,25 +0,0 @@
-import zoomSVG from '@plone/volto/icons/zoom.svg';
-import Edit from './Edit';
-import View from './View';
-
-export default function installBlock(config) {
-  const blocksConfig = config.blocks.blocksConfig;
-
-  blocksConfig.contextNavigation = {
-    id: 'contextNavigation',
-    title: 'Context Navigation',
-    icon: zoomSVG,
-    group: 'site',
-    view: View,
-    edit: Edit,
-    sidebarTab: 1,
-    security: {
-      addPermission: [],
-      view: [],
-    },
-    variations: [],
-    restricted: false,
-  };
-
-  return config;
-}

package/src/components/Blocks/ContextNavigation/schema.js

@@ -1,43 +0,0 @@
-const fields = ['root_path', 'title', 'types'];
-
-const schema = ({ contentTypes }) => {
-  const availableTypes = contentTypes.map((type) => [
-    type.id,
-    type.title || type.name,
-  ]);
-  return {
-    title: 'RAST',
-
-    fieldsets: [
-      {
-        id: 'default',
-        title: 'Default',
-        fields,
-      },
-    ],
-
-    properties: {
-      root_path: {
-        title: 'Rooth path',
-        type: 'string',
-        description:
-          'Ex: /en/knowledge-and-data/regional-adaptation-support-tool',
-        required: true,
-        noValueOption: false,
-      },
-      title: {
-        title: 'Title',
-      },
-      types: {
-        title: 'Display content types',
-        description: 'Choose content types displayed as children',
-        choices: availableTypes,
-        isMulti: true,
-      },
-    },
-
-    required: [],
-  };
-};
-
-export default schema;

package/src/components/Blocks/ContextNavigation/styles.less

@@ -1,65 +0,0 @@
-@type: 'extra';
-@element: 'custom';
-
-@import (multiple, reference, optional) '../../theme.config';
-
-.rast-block {
-  a rect.circle:hover {
-    fill: #183 !important;
-  }
-
-  .ui.accordion[class*='ary'] > .active.title,
-  .ui.accordion[class*='ary'].inverted > .title,
-  .ui.accordion[class*='ary'].inverted > .icon,
-  .ui.accordion[class*='ary'] > .filter {
-    --text-color-secondary: #ffffff;
-    --text-color-hover: #0079cf;
-    --text-color: #0079cf;
-    border-bottom: 0.0625rem solid #e6e7e8;
-    font-weight: bold;
-  }
-
-  .ui.accordion[class*='ary'] > .title,
-  .ui.accordion[class*='ary'].inverted > .title,
-  .ui.accordion[class*='ary'].inverted > .icon,
-  .ui.accordion[class*='ary'] > .filter {
-    color: var(--text-color);
-    font-weight: bold;
-
-    .icon {
-      color: var(--text-color);
-    }
-  }
-
-  .ui.accordion .content.active {
-    --bg-color: #ffffff;
-    border-bottom: 0.0625rem solid #e6e7e8;
-
-    .item > .content {
-      &:hover {
-        background: #f9f9f9;
-
-        a {
-          color: var(--text-color-hover, #0079cf);
-        }
-      }
-    }
-
-    a {
-      color: var(--text-color);
-    }
-  }
-
-  a rect.circle {
-    pointer-events: all !important;
-  }
-
-  svg,
-  svg * {
-    pointer-events: none;
-  }
-
-  .item.active a {
-    font-weight: bold;
-  }
-}