@eeacms/volto-editing-progress 0.4.0 → 2.0.0

package/.eslintrc.js

@@ -0,0 +1,65 @@
+const fs = require('fs');
+const path = require('path');
+const projectRootPath = fs.realpathSync(__dirname + '/../../../');
+
+let voltoPath = path.join(projectRootPath, 'node_modules/@plone/volto');
+let configFile;
+if (fs.existsSync(`${projectRootPath}/tsconfig.json`))
+  configFile = `${projectRootPath}/tsconfig.json`;
+else if (fs.existsSync(`${projectRootPath}/jsconfig.json`))
+  configFile = `${projectRootPath}/jsconfig.json`;
+
+if (configFile) {
+  const jsConfig = require(configFile).compilerOptions;
+  const pathsConfig = jsConfig.paths;
+  if (pathsConfig['@plone/volto'])
+    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig['@plone/volto'][0]}`;
+}
+
+const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
+const reg = new AddonConfigurationRegistry(projectRootPath);
+
+// Extends ESlint configuration for adding the aliases to `src` directories in Volto addons
+const addonAliases = Object.keys(reg.packages).map((o) => [
+  o,
+  reg.packages[o].modulePath,
+]);
+
+const addonExtenders = reg.getEslintExtenders().map((m) => require(m));
+
+const defaultConfig = {
+  extends: `${voltoPath}/.eslintrc`,
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['@plone/volto', '@plone/volto/src'],
+          ['@plone/volto-slate', '@plone/volto/packages/volto-slate/src'],
+          ...addonAliases,
+          ['@package', `${__dirname}/src`],
+          ['@root', `${__dirname}/src`],
+          ['~', `${__dirname}/src`],
+        ],
+        extensions: ['.js', '.jsx', '.json'],
+      },
+      'babel-plugin-root-import': {
+        rootPathSuffix: 'src',
+      },
+    },
+  },
+  rules: {
+    'react/jsx-no-target-blank': [
+      'error',
+      {
+        allowReferrer: true,
+      },
+    ],
+  }
+};
+
+const config = addonExtenders.reduce(
+  (acc, extender) => extender.modify(acc),
+  defaultConfig,
+);
+
+module.exports = config;

package/CHANGELOG.md

@@ -4,6 +4,27 @@ 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.0](https://github.com/eea/volto-editing-progress/compare/1.0.0...2.0.0) - 10 February 2026
+
+#### :rocket: New Features
+
+- feat: Change in IMS editing to enforce text length limits using progress editing - refs #294806 [dobri1408 - [`062c397`](https://github.com/eea/volto-editing-progress/commit/062c397471f59c165b986e7de31f467a9cdcbf13)]
+
+#### :house: Internal changes
+
+- chore: i18n [Alin Voinea - [`11c592a`](https://github.com/eea/volto-editing-progress/commit/11c592a7c1d33d5ca3e79516f8113b6e2c525662)]
+- chore: Cleanup double import less file [Alin Voinea - [`d53b1c3`](https://github.com/eea/volto-editing-progress/commit/d53b1c389de962001982bc80d1c4577b8866d51c)]
+
+#### :hammer_and_wrench: Others
+
+- Autorelease 2.0.0 [Alin Voinea - [`92c1733`](https://github.com/eea/volto-editing-progress/commit/92c17338977f5de4491e1b76699a41de55fbbf18)]
+## [1.0.0](https://github.com/eea/volto-editing-progress/compare/0.4.0...1.0.0) - 22 April 2024
+
+#### :rocket: New Features
+
+- feat: Release 1.0.0 - Volto 17 support [alin - [`b8ed6b7`](https://github.com/eea/volto-editing-progress/commit/b8ed6b79fece114d9699f51867121666ec806890)]
+- feat: Volto 17 support - refs #264527 [EEA Jenkins - [`f314298`](https://github.com/eea/volto-editing-progress/commit/f31429892895f2283b522d10bafb121b3a12fd22)]
+
 ### [0.4.0](https://github.com/eea/volto-editing-progress/compare/0.3.0...0.4.0) - 19 February 2024
 
 #### :rocket: New Features

package/jest-addon.config.js

@@ -1,3 +1,5 @@
+require('dotenv').config({ path: __dirname + '/.env' })
+
 module.exports = {
   testMatch: ['**/src/addons/**/?(*.)+(spec|test).[jt]s?(x)'],
   collectCoverageFrom: [
@@ -9,18 +11,26 @@ module.exports = {
     '@plone/volto/cypress': '<rootDir>/node_modules/@plone/volto/cypress',
     '@plone/volto/babel': '<rootDir>/node_modules/@plone/volto/babel',
     '@plone/volto/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
-    '@package/(.*)$': '<rootDir>/src/$1',
-    '@root/(.*)$': '<rootDir>/src/$1',
+    '@package/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
+    '@root/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
     '@plone/volto-quanta/(.*)$': '<rootDir>/src/addons/volto-quanta/src/$1',
+    '@eeacms/search/(.*)$': '<rootDir>/src/addons/volto-searchlib/searchlib/$1',
+    '@eeacms/search': '<rootDir>/src/addons/volto-searchlib/searchlib',
     '@eeacms/(.*?)/(.*)$': '<rootDir>/node_modules/@eeacms/$1/src/$2',
-    '@plone/volto-slate':
+    '@plone/volto-slate$':
       '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
+    '@plone/volto-slate/(.*)$':
+      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src/$1',
     '~/(.*)$': '<rootDir>/src/$1',
     'load-volto-addons':
       '<rootDir>/node_modules/@plone/volto/jest-addons-loader.js',
   },
+  transformIgnorePatterns: [
+    '/node_modules/(?!(@plone|@root|@package|@eeacms)/).*/',
+  ],
   transform: {
     '^.+\\.js(x)?$': 'babel-jest',
+    '^.+\\.ts(x)?$': 'babel-jest',
     '^.+\\.(png)$': 'jest-file',
     '^.+\\.(jpg)$': 'jest-file',
     '^.+\\.(svg)$': './node_modules/@plone/volto/jest-svgsystem-transform.js',
@@ -33,4 +43,9 @@ module.exports = {
       statements: 5,
     },
   },
-};
+  ...(process.env.JEST_USE_SETUP === 'ON' && {
+    setupFilesAfterEnv: [
+      '<rootDir>/node_modules/@eeacms/volto-editing-progress/jest.setup.js',
+    ],
+  }),
+}

package/jest.setup.js

@@ -0,0 +1,65 @@
+import { jest } from '@jest/globals';
+import configureStore from 'redux-mock-store';
+import thunk from 'redux-thunk';
+import { blocksConfig } from '@plone/volto/config/Blocks';
+import installSlate from '@plone/volto-slate/index';
+
+var mockSemanticComponents = jest.requireActual('semantic-ui-react');
+var mockComponents = jest.requireActual('@plone/volto/components');
+var config = jest.requireActual('@plone/volto/registry').default;
+
+config.blocks.blocksConfig = {
+  ...blocksConfig,
+  ...config.blocks.blocksConfig,
+};
+
+jest.doMock('semantic-ui-react', () => ({
+  __esModule: true,
+  ...mockSemanticComponents,
+  Popup: ({ content, trigger }) => {
+    return (
+      <div className="popup">
+        <div className="trigger">{trigger}</div>
+        <div className="content">{content}</div>
+      </div>
+    );
+  },
+}));
+
+jest.doMock('@plone/volto/components', () => {
+  return {
+    __esModule: true,
+    ...mockComponents,
+    SidebarPortal: ({ children }) => <div id="sidebar">{children}</div>,
+  };
+});
+
+jest.doMock('@plone/volto/registry', () =>
+  [installSlate].reduce((acc, apply) => apply(acc), config),
+);
+
+const mockStore = configureStore([thunk]);
+
+global.fetch = jest.fn(() =>
+  Promise.resolve({
+    json: () => Promise.resolve({}),
+  }),
+);
+
+global.store = mockStore({
+  intl: {
+    locale: 'en',
+    messages: {},
+    formatMessage: jest.fn(),
+  },
+  content: {
+    create: {},
+    subrequests: [],
+  },
+  connected_data_parameters: {},
+  screen: {
+    page: {
+      width: 768,
+    },
+  },
+});

package/locales/de/LC_MESSAGES/volto.po

@@ -11,17 +11,17 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "Edit JSON"
 #: VisualJSONWidget
-# defaultMessage: Edit JSON
 msgid "Edit JSON"
 msgstr ""
 
+#. Default: "JSON code"
 #: schema
-# defaultMessage: JSON code
 msgid "JSON code"
 msgstr ""
 
+#. Default: "Please enter valid JSON!"
 #: TextareaJSONWidget
-# defaultMessage: Please enter valid JSON!
 msgid "Please enter valid JSON!"
 msgstr ""

package/locales/en/LC_MESSAGES/volto.po

@@ -11,17 +11,17 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "Edit JSON"
 #: VisualJSONWidget
-# defaultMessage: Edit JSON
 msgid "Edit JSON"
 msgstr ""
 
+#. Default: "JSON code"
 #: schema
-# defaultMessage: JSON code
 msgid "JSON code"
 msgstr ""
 
+#. Default: "Please enter valid JSON!"
 #: TextareaJSONWidget
-# defaultMessage: Please enter valid JSON!
 msgid "Please enter valid JSON!"
 msgstr ""

package/locales/it/LC_MESSAGES/volto.po

@@ -11,17 +11,17 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "Edit JSON"
 #: VisualJSONWidget
-# defaultMessage: Edit JSON
 msgid "Edit JSON"
 msgstr ""
 
+#. Default: "JSON code"
 #: schema
-# defaultMessage: JSON code
 msgid "JSON code"
 msgstr ""
 
+#. Default: "Please enter valid JSON!"
 #: TextareaJSONWidget
-# defaultMessage: Please enter valid JSON!
 msgid "Please enter valid JSON!"
 msgstr ""

package/locales/ro/LC_MESSAGES/volto.po

@@ -11,17 +11,17 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "Edit JSON"
 #: VisualJSONWidget
-# defaultMessage: Edit JSON
 msgid "Edit JSON"
 msgstr ""
 
+#. Default: "JSON code"
 #: schema
-# defaultMessage: JSON code
 msgid "JSON code"
 msgstr ""
 
+#. Default: "Please enter valid JSON!"
 #: TextareaJSONWidget
-# defaultMessage: Please enter valid JSON!
 msgid "Please enter valid JSON!"
 msgstr ""

package/locales/volto.pot

@@ -1,29 +1,29 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-09-14T13:45:52.728Z\n"
+"POT-Creation-Date: 2026-02-10T19:32:01.026Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
-"MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
+"MIME-Version: 1.0\n"
 "Language-Code: en\n"
 "Language-Name: English\n"
 "Preferred-Encodings: utf-8\n"
 "Domain: volto\n"
 
+#. Default: "Edit JSON"
 #: VisualJSONWidget
-# defaultMessage: Edit JSON
 msgid "Edit JSON"
 msgstr ""
 
+#. Default: "JSON code"
 #: schema
-# defaultMessage: JSON code
 msgid "JSON code"
 msgstr ""
 
+#. Default: "Please enter valid JSON!"
 #: TextareaJSONWidget
-# defaultMessage: Please enter valid JSON!
 msgid "Please enter valid JSON!"
 msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-editing-progress",
-  "version": "0.4.0",
+  "version": "2.0.0",
   "description": "@eeacms/volto-editing-progress: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -25,6 +25,7 @@
   "devDependencies": {
     "@cypress/code-coverage": "^3.9.5",
     "babel-plugin-transform-class-properties": "^6.24.1",
+    "dotenv": "^16.3.2",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
     "md5": "^2.3.0"

package/src/VisualJSONWidget.jsx

@@ -11,7 +11,6 @@ import {
   Sidebar,
 } from 'semantic-ui-react';
 import { flattenToAppURL } from '@plone/volto/helpers';
-import './less/editor.less';
 import _ from 'lodash';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 import PropTypes from 'prop-types';
@@ -194,6 +193,65 @@ const VisualJSONWidget = (props) => {
     return undefined;
   };
 
+  // Check if enforceCharLimits already exists for current content type
+  const hasEnforceCharLimits = () => {
+    if (!currentContentType || !value[currentContentType.id]) return false;
+    return value[currentContentType.id].some(
+      (rule) => rule.type === 'enforceCharLimits',
+    );
+  };
+
+  // Handler to add enforceCharLimits rule
+  const handleAddEnforceCharLimits = () => {
+    const localCopyOfValue = _.cloneDeep(value);
+    if (!localCopyOfValue[currentContentType.id]) {
+      localCopyOfValue[currentContentType.id] = [];
+    }
+
+    // Check if already exists
+    const exists = localCopyOfValue[currentContentType.id].some(
+      (r) => r.type === 'enforceCharLimits',
+    );
+
+    if (!exists) {
+      localCopyOfValue[currentContentType.id].push({
+        type: 'enforceCharLimits',
+        states: ['all'],
+        linkLabel: 'Fix {title}',
+      });
+      onChange(id, localCopyOfValue);
+    }
+  };
+
+  // Handler to update enforceCharLimits rule
+  const handleUpdateEnforceCharLimits = (key, newValue) => {
+    const localCopyOfValue = _.cloneDeep(value);
+    const rules = localCopyOfValue[currentContentType.id] || [];
+    const ruleIndex = rules.findIndex((r) => r.type === 'enforceCharLimits');
+
+    if (ruleIndex !== -1) {
+      if (key === 'states') {
+        rules[ruleIndex].states = newValue.map((s) => s.toLowerCase());
+      } else {
+        rules[ruleIndex][key] = newValue;
+      }
+      onChange(id, localCopyOfValue);
+    }
+  };
+
+  // Handler to remove enforceCharLimits rule
+  const handleRemoveEnforceCharLimits = () => {
+    const localCopyOfValue = _.cloneDeep(value);
+    const rules = localCopyOfValue[currentContentType.id] || [];
+    localCopyOfValue[currentContentType.id] = rules.filter(
+      (r) => r.type !== 'enforceCharLimits',
+    );
+    if (localCopyOfValue[currentContentType.id].length === 0) {
+      delete localCopyOfValue[currentContentType.id];
+    }
+    onChange(id, localCopyOfValue);
+  };
+
   return (
     <>
       <div>
@@ -217,18 +275,35 @@ const VisualJSONWidget = (props) => {
             <Dropdown
               className="ui grey button dropdown-button"
               text="Add Property"
-              options={fields
-                .filter((field) => {
-                  return (
-                    getDropdownValues(field) === undefined &&
-                    !request.data.required.includes(field)
-                  );
-                })
-                .map((field) => {
-                  return { key: field, text: field, value: field };
-                })}
+              options={[
+                // Existing field options
+                ...fields
+                  .filter((field) => {
+                    return (
+                      getDropdownValues(field) === undefined &&
+                      !request.data.required.includes(field)
+                    );
+                  })
+                  .map((field) => {
+                    return { key: field, text: field, value: field };
+                  }),
+                // Add enforceCharLimits option if not already added
+                ...(!hasEnforceCharLimits()
+                  ? [
+                      {
+                        key: 'enforceCharLimits',
+                        text: 'Enforce character limits',
+                        value: 'enforceCharLimits',
+                      },
+                    ]
+                  : []),
+              ]}
               onChange={(e, t) => {
-                handleOnDropdownChange(e, { value: ['all'] }, t.value);
+                if (t.value === 'enforceCharLimits') {
+                  handleAddEnforceCharLimits();
+                } else {
+                  handleOnDropdownChange(e, { value: ['all'] }, t.value);
+                }
               }}
             />
           )}
@@ -250,6 +325,8 @@ const VisualJSONWidget = (props) => {
             value={value}
             fields={fields}
             getDropdownValues={getDropdownValues}
+            handleUpdateEnforceCharLimits={handleUpdateEnforceCharLimits}
+            handleRemoveEnforceCharLimits={handleRemoveEnforceCharLimits}
           />
         </Sidebar.Pusher>
       </Sidebar.Pushable>