Fix the enter button feature in the highlight block (#18)

* Fix the enter button feature in the highlight block

* Update to use 19 build

* fix lock

* remove blockHasOwnFocusManagement

* fix ci test

---------

Co-authored-by: Victor Fernandez de Alba <sneridagh@gmail.com>
Co-authored-by: iFlameing <ialokkumarsingh0@gmail.com>

Author: 3 people

.storybook/main.js

@@ -4,9 +4,9 @@ const path = require('path');
 
 const projectRootPath = path.resolve('.');
 const lessPlugin = require('@plone/volto/webpack-plugins/webpack-less-plugin');
-const scssPlugin = require('razzle-plugin-scss');
+const scssPlugin = require('@plone/volto/webpack-plugins/webpack-scss-plugin');
 
-const createConfig = require('razzle/config/createConfigAsync.js');
+const createConfig = require('@plone/razzle/config/createConfigAsync.js');
 const razzleConfig = require(path.join(projectRootPath, 'razzle.config.js'));
 
 const SVGLOADER = {

Makefile

@@ -93,7 +93,7 @@ test: ## Run unit tests
 ci-test: ## Run unit tests in CI
 	# Unit Tests need the i18n to be built
 	VOLTOCONFIG=$(pwd)/volto.config.js pnpm --filter @plone/volto i18n
-	CI=1 RAZZLE_JEST_CONFIG=$(CURRENT_DIR)/jest-addon.config.js pnpm --filter @plone/volto test -- --passWithNoTests
+	CI=1 pnpm --filter @kitconcept/volto-highlight-block exec vitest --passWithNoTests
 
 .PHONY: backend-docker-start
 backend-docker-start:	## Starts a Docker-based backend for development

jest-addon.config.js

@@ -4,7 +4,7 @@
     "package": "@plone/volto",
     "url": "git@github.com:plone/volto.git",
     "https": "https://github.com/plone/volto.git",
-    "tag": "18.23.0",
+    "tag": "19.0.0-alpha.18",
     "filterBlobs": true
   }
 }

mrs.developer.json

@@ -18,7 +18,7 @@
     "build": "VOLTOCONFIG=$(pwd)/volto.config.js pnpm --filter @plone/volto build",
     "build:deps": "pnpm --filter @plone/registry --filter @plone/components build",
     "i18n": "pnpm --filter @kitconcept/volto-highlight-block i18n && VOLTOCONFIG=$(pwd)/volto.config.js pnpm --filter @plone/volto i18n",
-    "test": "RAZZLE_JEST_CONFIG=$(pwd)/jest-addon.config.js pnpm --filter @plone/volto test -- --passWithNoTests",
+    "test": "pnpm --filter @kitconcept/volto-highlight-block exec vitest --passWithNoTests",
     "lint": "VOLTOCONFIG=$(pwd)/volto.config.js eslint --max-warnings=0 'packages/**/src/**/*.{js,jsx,ts,tsx}'",
     "lint:fix": "VOLTOCONFIG=$(pwd)/volto.config.js eslint --fix 'packages/**/src/**/*.{js,jsx,ts,tsx}'",
     "prettier": "prettier --check 'packages/**/src/**/*.{js,jsx,ts,tsx}'",
@@ -33,9 +33,9 @@
     "storybook-build": "VOLTOCONFIG=$(pwd)/volto.config.js pnpm --filter @plone/volto build-storybook -c $(pwd)/.storybook"
   },
   "dependencies": {
-    "@plone/volto": "workspace:*",
+    "@kitconcept/volto-highlight-block": "workspace:*",
     "@plone/registry": "workspace:*",
-    "@kitconcept/volto-highlight-block": "workspace:*"
+    "@plone/volto": "workspace:*"
   },
   "devDependencies": {
     "mrs-developer": "^2.2.0"
@@ -44,7 +44,17 @@
     "overrides": {
       "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
       "react-refresh": "^0.14.2"
-    }
+    },
+    "onlyBuiltDependencies": [
+      "core-js",
+      "core-js-pure",
+      "cypress",
+      "es5-ext",
+      "esbuild",
+      "full-icu",
+      "lightningcss-cli",
+      "unrs-resolver"
+    ]
   },
-  "packageManager": "pnpm@9.4.0"
-}
+  "packageManager": "pnpm@10.20.0"
+}

package.json

@@ -1,6 +1,6 @@
 module.exports = function (api) {
   api.cache(true);
-  const presets = ['razzle'];
+  const presets = ['@plone/razzle'];
   const plugins = [
     [
       'react-intl', // React Intl extractor, required for the whole i18n infrastructure to work

packages/volto-highlight-block/babel.config.js

@@ -0,0 +1 @@
+Fix the enter button feature in the highlight block @iRohitSingh

packages/volto-highlight-block/news/+pressingenter.internal

@@ -28,11 +28,12 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@plone/scripts": "^3.6.1",
-    "release-it": "^17.1.1"
+    "release-it": "^17.1.1",
+    "vitest": "^3.2.4"
   }
 }

packages/volto-highlight-block/package.json

@@ -21,7 +21,6 @@ const applyConfig = (config) => {
     group: 'teasers',
     view: HighlightView,
     edit: HighlightEdit,
-    blockHasOwnFocusManagement: true,
     restricted: false,
     mostUsed: true,
     sidebarTab: 1,