Fix cypress

Author: sneridagh

.eslintrc.js

@@ -28,10 +28,7 @@ module.exports = {
       alias: {
         map: [
           ['@plone/volto', `${coreLocation}/packages/volto/src`],
-          [
-            '@plone/volto-slate',
-            `${coreLocation}/core/packages/volto-slate/src`,
-          ],
+          ['@plone/volto-slate', `${coreLocation}/packages/volto-slate/src`],
           ['@plone/registry', `${coreLocation}/packages/registry/src`],
           [
             '@kitconcept/volto-highlight-block',

cypress/tests/highlight.cy.js

@@ -1,4 +1,4 @@
-import { getSlateEditorAndType } from '../support/slate';
+import { getSlateEditorAndType } from '@plone/volto/cypress/support/helpers';
 
 context('Highlight Block Acceptance Tests', () => {
   beforeEach(() => {

package.json

@@ -40,5 +40,5 @@
   "devDependencies": {
     "mrs-developer": "^2.2.0"
   },
-  "packageManager": "pnpm@9.1.1"
+  "packageManager": "pnpm@9.4.0"
 }

packages/volto-highlight-block/locales/volto.pot

@@ -1,14 +1,74 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2021-01-29T12:34:47.097Z\n"
+"POT-Creation-Date: 2024-07-03T10:57:48.456Z\n"
 "Last-Translator: Plone i18n <[email protected]>\n"
 "Language-Team: Plone i18n <[email protected]>\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: "Browse the site"
+#: components/ImageWidget/ImageWidget
+msgid "Browse the site"
+msgstr ""
+
+#. Default: "Browse the site, drop an image, or type an URL"
+#: components/ImageWidget/ImageWidget
+msgid "Browse the site, drop an image, or type an URL"
+msgstr ""
+
+#. Default: "Button"
+#: components/Blocks/Highlight/schema
+msgid "Button"
+msgstr ""
+
+#. Default: "Description"
+#: components/Blocks/Highlight/schema
+msgid "Description"
+msgstr ""
+
+#. Default: "Height"
+#: components/Blocks/Highlight/schema
+msgid "Height"
+msgstr ""
+
+#. Default: "Image"
+#: components/Blocks/Highlight/schema
+msgid "Image"
+msgstr ""
+
+#. Default: "Title"
+#: components/Blocks/Highlight/schema
+msgid "Title"
+msgstr ""
+
+#. Default: "Width"
+#: components/Blocks/Highlight/schema
+msgid "Width"
+msgstr ""
+
+#. Default: "Button Link"
+#: components/Blocks/Highlight/schema
+msgid "buttonLink"
+msgstr ""
+
+#. Default: "Button Text"
+#: components/Blocks/Highlight/schema
+msgid "buttonText"
+msgstr ""
+
+#. Default: "Description color"
+#: components/Blocks/Highlight/schema
+msgid "descriptionColor"
+msgstr ""
+
+#. Default: "Highlight"
+#: components/Blocks/Highlight/schema
+msgid "highlightBlockTitle"
+msgstr ""

packages/volto-highlight-block/src/components/Blocks/Highlight/View.jsx

@@ -10,14 +10,8 @@ import { useSelector } from 'react-redux';
 import config from '@plone/volto/registry';
 
 const HighlightView = (props) => {
-  const {
-    block,
-    blocksConfig,
-    className,
-    data,
-    isEditMode,
-    onChangeBlock,
-  } = props;
+  const { block, blocksConfig, className, data, isEditMode, onChangeBlock } =
+    props;
 
   const dataAdapter = blocksConfig.highlight.dataAdapter;
   const request = useSelector((state) => state.content.subrequests[block]);

packages/volto-highlight-block/src/theme/image-widget.scss

@@ -27,9 +27,11 @@ $greySmoke: #e4e8ec !default;
     width: min(100%, 450px);
     height: 40px;
     padding: 4px;
-    background-color: rgba(255, 255, 255, 0.975);
     border-radius: 2px;
-    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05);
+    background-color: rgba(255, 255, 255, 0.975);
+    box-shadow:
+      0 0 8px rgba(0, 0, 0, 0.1),
+      0 2px 4px rgba(0, 0, 0, 0.05);
 
     .ui.form & .ui.input input[type='text'] {
       height: initial;
@@ -55,8 +57,8 @@ $greySmoke: #e4e8ec !default;
 
     .ui.icon.button {
       padding: 4px;
-      margin-left: -3px;
       border-radius: 1px;
+      margin-left: -3px;
       color: $brown !important;
 
       &:hover {