@eeacms/volto-n2k 1.0.18 → 1.0.19

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).
 
+### [1.0.19](https://github.com/eea/volto-n2k/compare/1.0.18...1.0.19) - 6 March 2023
+
+#### :hammer_and_wrench: Others
+
+- Add connected link list [Miu Razvan - [`633f1de`](https://github.com/eea/volto-n2k/commit/633f1ded7a208f42f1c25dee271c9671c53c01c3)]
 ### [1.0.18](https://github.com/eea/volto-n2k/compare/1.0.17...1.0.18) - 25 February 2023
 
 #### :rocket: New Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-n2k",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "volto-n2k: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -24,11 +24,11 @@
     "url": "git@github.com:eea/volto-n2k.git"
   },
   "dependencies": {
+    "@eeacms/volto-bise": "*",
     "@eeacms/volto-datablocks": "*",
-    "@eeacms/volto-resize-helper": "*",
     "@eeacms/volto-openlayers-map": "*",
+    "@eeacms/volto-resize-helper": "*",
     "@eeacms/volto-tabs-block": "*",
-    "@eeacms/volto-bise": "*",
     "d3": "^7.6.1",
     "d3-shape": "^3.1.0",
     "react-lazy-load-image-component": "1.5.1",
@@ -38,8 +38,8 @@
     "slick-carousel": "1.8.1"
   },
   "devDependencies": {
-    "@plone/scripts": "*",
     "@cypress/code-coverage": "^3.10.0",
+    "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "md5": "^2.3.0"
   },

package/src/components/manage/Blocks/ConnectedLinkList/View.jsx

@@ -0,0 +1,31 @@
+/* eslint-disable react/jsx-no-target-blank */
+import React from 'react';
+import { FormattedValue } from '@eeacms/volto-datablocks/Utils';
+import './style.less';
+
+const View = (props) => {
+  const { data = {} } = props;
+  const provider_data = props.provider_data || {};
+  const columns = provider_data[Object.keys(provider_data)?.[0]]?.length || 0;
+
+  return (
+    <div className="connected-list">
+      {props.mode === 'edit' ? <p>Connected link list</p> : ''}
+      <p>
+        {Array(Math.max(0, columns))
+          .fill()
+          .map((_, column) => (
+            <FormattedValue
+              textTemplate={data.textTemplate}
+              linkTemplate={data.linkTemplate}
+              value={provider_data[data.value]?.[column]}
+              linkValue={provider_data[data.linkValue]?.[column]}
+              link={true}
+            />
+          ))}
+      </p>
+    </div>
+  );
+};
+
+export default View;

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

@@ -0,0 +1,17 @@
+import ConnectedLinkList from './View';
+import getSchema from './schema';
+
+export default (config) => {
+  config.blocks.blocksConfig.custom_connected_block = {
+    ...config.blocks.blocksConfig.custom_connected_block,
+    blocks: {
+      ...config.blocks.blocksConfig.custom_connected_block.blocks,
+      connected_link_list: {
+        view: ConnectedLinkList,
+        getSchema: getSchema,
+        title: 'Connected link list',
+      },
+    },
+  };
+  return config;
+};

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

@@ -0,0 +1,39 @@
+const getSchema = (props) => {
+  const data = props.provider_data || {};
+  const choices = Object.keys(data).map((key) => [key, key]);
+
+  return {
+    title: 'Connected link list',
+
+    fieldsets: [
+      {
+        id: 'default',
+        title: 'Default',
+        fields: ['value', 'linkValue', 'textTemplate', 'linkTemplate'],
+      },
+    ],
+    properties: {
+      value: {
+        title: 'Value',
+        type: 'array',
+        choices,
+      },
+      linkValue: {
+        title: 'Link value',
+        type: 'array',
+        choices,
+      },
+      textTemplate: {
+        title: 'Text template',
+        description: 'Add suffix/prefix to text. Use {} for value placeholder',
+      },
+      linkTemplate: {
+        title: 'Link template',
+        description: 'Add suffix/prefix to link. Use {} for value placeholder',
+      },
+    },
+    required: [],
+  };
+};
+
+export default getSchema;

package/src/index.js

@@ -14,6 +14,7 @@ import installBubbleChart from './components/manage/Blocks/BubbleChart';
 import installCarouselHorizontal from './components/manage/Blocks/CarouselHorizontal';
 import installCddaShape from './components/manage/Blocks/CddaShape';
 import installConnectedList from './components/manage/Blocks/List';
+import installConnectedLinkList from './components/manage/Blocks/ConnectedLinkList';
 import installContactBlock from './components/manage/Blocks/ContactBlock';
 import installExplodedPiesChart from './components/manage/Blocks/ExplodedPiesChart';
 import installExploreHabitats from './components/manage/Blocks/ExploreHabitats';
@@ -173,6 +174,7 @@ const applyConfig = (config) => {
     installCarouselHorizontal,
     installCddaShape,
     installConnectedList,
+    installConnectedLinkList,
     installContactBlock,
     installExplodedPiesChart,
     installExploreHabitats,