@eeacms/volto-marine-policy 2.0.23 → 2.0.24

package/CHANGELOG.md

@@ -4,6 +4,20 @@ 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.24](https://github.com/eea/volto-marine-policy/compare/2.0.23...2.0.24) - 27 August 2025
+
+#### :rocket: New Features
+
+- feat: select font size for title [Teodor - [`74a1526`](https://github.com/eea/volto-marine-policy/commit/74a1526e7267d72cab7cd1fac838f26f08d51d47)]
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`c30a127`](https://github.com/eea/volto-marine-policy/commit/c30a12768f15e1f325d7cabc42660657002ec2b5)]
+
+#### :hammer_and_wrench: Others
+
+- fix EEA colors for background [Teodor - [`73fed1a`](https://github.com/eea/volto-marine-policy/commit/73fed1a8129ed4730bf4e695c8c1feabd2d4391e)]
+- toc styles [narcis2005 - [`687008b`](https://github.com/eea/volto-marine-policy/commit/687008be99f618cb0f2ca98304c9fe04d0aaefc8)]
 ### [2.0.23](https://github.com/eea/volto-marine-policy/compare/2.0.22...2.0.23) - 26 August 2025
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/customizations/@eeacms/volto-block-toc/Block/schema.js

@@ -0,0 +1,73 @@
+const TableOfContentsSchema = ({ data }) => {
+  const { variation = 'default' } = data;
+
+  return {
+    title: 'Table of Contents',
+    fieldsets: [
+      {
+        id: 'default',
+        title: 'Default',
+        fields: [
+          'title',
+          'hide_title',
+          'title_font_size',
+          ...(variation === 'default' ? ['ordered'] : []),
+          ...(variation === 'horizontalMenu' ? ['sticky'] : []),
+          ...(variation === 'accordionMenu' ? ['sticky', 'side_menu'] : []),
+          ...(variation === 'accordionMenu' ? ['bulleted_list'] : []),
+          'levels',
+        ],
+      },
+    ],
+    properties: {
+      title: {
+        title: 'Block title',
+      },
+      hide_title: {
+        title: 'Hide title',
+        type: 'boolean',
+      },
+      title_font_size: {
+        title: 'Title font size',
+        choices: [
+          ['small', 'Small'],
+          ['medium', 'Medium'],
+          ['large', 'Large'],
+        ],
+        default: 'medium',
+      },
+      sticky: {
+        title: 'Sticky on top',
+        type: 'boolean',
+      },
+      side_menu: {
+        title: 'Use as side menu',
+        type: 'boolean',
+      },
+      levels: {
+        title: 'Entries',
+        isMulti: true,
+        choices: [
+          ['h1', 'h1'],
+          ['h2', 'h2'],
+          ['h3', 'h3'],
+          ['h4', 'h4'],
+          ['h5', 'h5'],
+          ['h6', 'h6'],
+        ],
+      },
+      ordered: {
+        title: 'Ordered',
+        type: 'boolean',
+      },
+      bulleted_list: {
+        title: 'Use bullet list',
+        type: 'boolean',
+        description: 'Bullet point for child items',
+      },
+    },
+    required: [],
+  };
+};
+
+export default TableOfContentsSchema;

package/src/customizations/@eeacms/volto-block-toc/Block/variations/DefaultTocRenderer.jsx

@@ -0,0 +1,85 @@
+/**
+ * View toc block.
+ * @module components/manage/Blocks/ToC/View
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { map } from 'lodash';
+import { List } from 'semantic-ui-react';
+import { FormattedMessage, injectIntl } from 'react-intl';
+import AnchorLink from 'react-anchor-link-smooth-scroll';
+import Slugger from 'github-slugger';
+import { normalizeString } from './helpers';
+import cx from 'classnames';
+
+const RenderListItems = ({ items, data }) => {
+  return map(items, (item) => {
+    const { id, level, title, override_toc, plaintext } = item;
+    const slug = override_toc
+      ? Slugger.slug(normalizeString(plaintext))
+      : Slugger.slug(normalizeString(title)) || id;
+    return (
+      item && (
+        <List.Item key={id} className={`item headline-${level}`} as="li">
+          <AnchorLink href={`#${slug}`}>{title}</AnchorLink>
+          {item.items?.length > 0 && (
+            <List
+              ordered={data.ordered}
+              bulleted={!data.ordered}
+              as={data.ordered ? 'ol' : 'ul'}
+            >
+              <RenderListItems items={item.items} data={data} />
+            </List>
+          )}
+        </List.Item>
+      )
+    );
+  });
+};
+
+/**
+ * View toc block class.
+ * @class View
+ * @extends Component
+ */
+const View = ({ data, tocEntries }) => {
+  const titleFontSizeClass = data.title_font_size
+    ? `toc-title-${data.title_font_size}`
+    : 'toc-title-medium';
+
+  return (
+    <>
+      {data.title && !data.hide_title ? (
+        <h2 className={cx(titleFontSizeClass)}>
+          {data.title || (
+            <FormattedMessage
+              id="Table of Contents"
+              defaultMessage="Table of Contents"
+            />
+          )}
+        </h2>
+      ) : (
+        ''
+      )}
+      <List
+        ordered={data.ordered}
+        bulleted={!data.ordered}
+        as={data.ordered ? 'ol' : 'ul'}
+      >
+        <RenderListItems items={tocEntries} data={data} />
+      </List>
+    </>
+  );
+};
+
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+View.propTypes = {
+  properties: PropTypes.objectOf(PropTypes.any).isRequired,
+};
+
+export default injectIntl(View);

package/src/customizations/@eeacms/volto-block-toc/Block/variations/helpers.js

@@ -0,0 +1,8 @@
+/**
+ * This function should be removed when upgrading to Volto 17.
+ * Replace with Volto's normalizeString from @plone/volto/helpers.
+ */
+
+export function normalizeString(str) {
+  return str.normalize('NFD').replace(/\p{Diacritic}/gu, '');
+}

package/src/index.js

@@ -16,6 +16,7 @@ import { breadcrumb, localnavigation, workflowProgressPath } from './reducers';
 import customBlockTemplates from '@eeacms/volto-marine-policy/components/Blocks/CustomBlockTemplates/customBlockTemplates';
 import TextAlignWidget from './components/Widgets/TextAlign';
 import './slate-styles.less';
+import './less/toc-title-sizes.less';
 
 import installSearchEngine from './search';
 
@@ -36,23 +37,6 @@ import eeaWhiteLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/as
 import europeanComissionLogo from '@eeacms/volto-marine-policy/static/ec_logo_white.svg';
 import MeasureView from '@eeacms/volto-marine-policy/components/Widgets/MeasureViewWidget';
 
-const available_colors = [
-  '#ffffff',
-  '#f7f3ef',
-  '#e3edf7',
-  '#002d54',
-  '#59d3ff',
-  '#2dd2b7',
-  '#1271e1',
-  '#826A6A',
-  '#FAD0C3',
-  '#F3E2AB',
-  '#C1E1C5',
-  '#BEDADC',
-  '#BED3F3',
-  '#000000',
-];
-
 const restrictedBlocks = ['imagecards'];
 
 const messages = defineMessages({
@@ -204,8 +188,6 @@ const applyConfig = (config) => {
 
   config.settings.navDepth = 3;
 
-  config.settings.available_colors = available_colors;
-
   // config.settings.externalRoutes = [
   //   ...(config.settings.externalRoutes || []),
   //   ...(config.settings.prefixPath

package/src/less/toc-title-sizes.less

@@ -0,0 +1,17 @@
+/* TOC Title Font Size Customizations */
+.table-of-contents {
+  .toc-title-small {
+    font-size: 1.2rem !important;
+    line-height: 1.3;
+  }
+
+  .toc-title-medium {
+    font-size: 1.5rem !important;
+    line-height: 1.3;
+  }
+
+  .toc-title-large {
+    font-size: 2rem !important;
+    line-height: 1.2;
+  }
+}

package/theme/extras/tocnav.less

@@ -0,0 +1,25 @@
+.table-of-contents.accordionMenu {
+  .ui.accordion {
+    .accordion {
+      margin: 1em 0em 0em !important;
+      padding: 0em;
+    }
+    .title {
+      padding: 0.75em 2em;
+    }
+    .content {
+      --bg-color: initial !important;
+      ul {
+        padding: 0.5rem 10px 1.3rem 50px;
+      }
+      .accordion-list-bulleted li::marker {
+        content: '\25CB';
+        color: @secondaryColor;
+        font-size: 1.2em;
+      }
+      .title {
+        font-size: 1em;
+      }
+    }
+  }
+}

package/theme/globals/site.overrides

@@ -3,6 +3,7 @@
 *******************************/
 
 @import '../extras/print';
+@import '../extras/tocnav';
 
 .documentFirstHeading {
   border-bottom: none !important;