feat: allow extra info in statistics block

src/StatisticBlock/View.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Statistic } from 'semantic-ui-react';
+import { serializeText } from '@eeacms/volto-statistic-block/helpers';
 
 const View = ({ data, mode }) => {
   const {
@@ -27,6 +28,7 @@ const View = ({ data, mode }) => {
             >
               <Statistic.Value>{item.value}</Statistic.Value>
               <Statistic.Label>{item.label}</Statistic.Label>
+              <Statistic.Label>{serializeText(item.info)}</Statistic.Label>
             </Statistic>
           );
         })}

src/StatisticBlock/schema.js

@@ -1,13 +1,19 @@
 const statisticSchema = {
   title: 'Statistic item',
-  fieldsets: [{ id: 'default', title: 'Default', fields: ['value', 'label'] }],
+  fieldsets: [
+    { id: 'default', title: 'Default', fields: ['value', 'label', 'info'] },
+  ],
   properties: {
     value: {
       title: 'Value',
     },
     label: {
       title: 'Label',
     },
+    info: {
+      title: 'Extra info',
+      widget: 'slate_richtext',
+    },
   },
   required: [],
 };

src/helpers.js

@@ -0,0 +1,6 @@
+import { isArray } from 'lodash';
+import { serializeNodes } from 'volto-slate/editor/render';
+
+export const serializeText = (text) => {
+  return isArray(text) ? serializeNodes(text) : text;
+};