@eeacms/volto-cca-policy 0.2.31 → 0.2.32

package/CHANGELOG.md

@@ -4,6 +4,11 @@ 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.2.32](https://github.com/eea/volto-cca-policy/compare/0.2.31...0.2.32) - 22 May 2024
+
+#### :hammer_and_wrench: Others
+
+- Add test [Tiberiu Ichim - [`9248894`](https://github.com/eea/volto-cca-policy/commit/92488940bbff4ec4c5a8f5f7950d1841e9f92366)]
 ### [0.2.31](https://github.com/eea/volto-cca-policy/compare/0.2.30...0.2.31) - 22 May 2024
 
 #### :nail_care: Enhancements

package/package.json

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

package/src/components/manage/Blocks/ASTNavigation/ASTNavigationEdit.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+import { BlockDataForm, SidebarPortal } from '@plone/volto/components';
+
+import ASTNavigationView from './ASTNavigationView';
+import schema from './schema';
+
+export default function ASTNavigationEdit(props) {
+  const { block, data, onChangeBlock, selected, id } = props;
+
+  return (
+    <div>
+      <ASTNavigationView data={data} id={id} mode="edit" />
+      <SidebarPortal selected={selected}>
+        <BlockDataForm
+          block={block}
+          title={schema.title}
+          schema={schema}
+          onChangeField={(id, value) => {
+            onChangeBlock(block, {
+              ...data,
+              [id]: value,
+            });
+          }}
+          onChangeBlock={onChangeBlock}
+          formData={data}
+        />
+      </SidebarPortal>
+    </div>
+  );
+}

package/src/components/manage/Blocks/ASTNavigation/ASTNavigationView.jsx

@@ -0,0 +1,17 @@
+import ASTLogoMap from '@eeacms/volto-cca-policy/components/theme/ASTNavigation/ASTLogoMap';
+import UASTLogoMap from '@eeacms/volto-cca-policy/components/theme/ASTNavigation/UASTLogoMap';
+
+export default function ASTNavigationView(props) {
+  const { data, path } = props;
+  const { items = [], image_type = 'ast' } = data;
+  if (items.length !== 6) return <div>Incomplete number of sources</div>;
+  const itemsMap = Object.assign(
+    {},
+    ...items.map((item, i) => ({ [`step-${i + 1}`]: item.href?.[0] })),
+  );
+  return image_type === 'ast' ? (
+    <ASTLogoMap items={itemsMap} pathname={path} />
+  ) : image_type === 'uast' ? (
+    <UASTLogoMap items={itemsMap} pathname={path} />
+  ) : null;
+}

package/src/components/manage/Blocks/ASTNavigation/ASTNavigationView.test.jsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import '@testing-library/jest-dom/extend-expect';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-intl-redux';
+import ASTNavigationView from './ASTNavigationView';
+
+const mockStore = configureStore();
+
+describe('ASTLogoMap', () => {
+  it('should render the component', () => {
+    const data = {
+      items: {
+        'step-0': {
+          '@id': '/en/knowledge/tools/adaptation-support-tool',
+          title: 'Preparing the ground for adaptation',
+          items: [
+            {
+              '@id': '/en/knowledge/tools/adaptation-support-tool/step-1-1',
+              title:
+                '1.1 Obtaining high-level political support for adaptation',
+            },
+          ],
+        },
+      },
+      pathname: '/en/knowledge/tools/adaptation-support-tool',
+      image_type: 'ast',
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const { container } = render(
+      <Provider store={store}>
+        <MemoryRouter>
+          <ASTNavigationView path="/en/ast-nav" data={data} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    expect(container).toBeTruthy();
+  });
+});

package/src/components/manage/Blocks/ASTNavigation/index.js

@@ -0,0 +1,28 @@
+import contentSVG from '@plone/volto/icons/content.svg';
+import { blockAvailableInMission } from '@eeacms/volto-cca-policy/utils';
+import ASTNavigationView from './ASTNavigationView';
+import ASTNavigationEdit from './ASTNavigationEdit';
+
+export default function installBlock(config) {
+  const blocksConfig = config.blocks.blocksConfig;
+
+  blocksConfig.astNavigation = {
+    id: 'astNavigation',
+    title: 'AST Navigation',
+    icon: contentSVG,
+    group: 'site',
+    view: ASTNavigationView,
+    edit: ASTNavigationEdit,
+    sidebarTab: 1,
+    security: {
+      addPermission: [],
+      view: [],
+    },
+    variations: [],
+    restricted: ({ properties, block }) => {
+      return blockAvailableInMission(properties, block);
+    },
+  };
+
+  return config;
+}

package/src/components/manage/Blocks/ASTNavigation/schema.js

@@ -0,0 +1,56 @@
+const Item = () => ({
+  title: 'Item',
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['href', 'title'],
+    },
+  ],
+  properties: {
+    href: {
+      widget: 'object_browser',
+      mode: 'link',
+      title: 'Source',
+      description: 'Choose an existing content as source',
+    },
+    title: {
+      type: 'string',
+      title: 'Title',
+      description: 'Overrides the source title',
+    },
+  },
+
+  required: ['href'],
+});
+
+export default {
+  title: 'AST Navigation',
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['title', 'image_type', 'items'],
+    },
+  ],
+  properties: {
+    items: {
+      widget: 'object_list',
+      title: 'Items',
+      description: 'Pick one item for each navigation step',
+      schema: Item(),
+    },
+    image_type: {
+      title: 'Image type',
+      choices: [
+        ['ast', 'AST'],
+        ['uast', 'UAST'],
+      ],
+      default: 'ast',
+    },
+    title: {
+      title: 'Block title',
+    },
+  },
+  required: [],
+};

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

@@ -21,6 +21,7 @@ import installCollectionStats from './CollectionStatistics';
 import installTabsBlock from './TabsBlock';
 import installRedirectBlock from './RedirectBlock';
 import installContentLinks from './ContentLinks';
+import installASTNavigation from './ASTNavigation';
 
 export default function installBlocks(config) {
   config.blocks.blocksConfig.title.restricted = false;
@@ -51,5 +52,6 @@ export default function installBlocks(config) {
     installListing,
     installRedirectBlock,
     installContentLinks,
+    installASTNavigation,
   )(config);
 }