Revert "Revert "Misc Fixes""

This reverts commit 3cff95e.

packages/volto-light-theme/package.json

@@ -37,12 +37,16 @@
   "devDependencies": {
     "@plone/scripts": "^3.6.2",
     "@plone/types": "workspace:*",
+    "@types/jest": "^29.5.8",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "react-redux": "8.1.2",
     "react-router-dom": "5.2.0",
     "release-it": "^17.7.0"
   },
   "dependencies": {
-    "@plone/components": "workspace:*"
+    "@plone/components": "workspace:*",
+    "uuid": "^10.0.0"
   },
   "peerDependencies": {
     "@eeacms/volto-accordion-block": "^10.4.6",

packages/volto-light-theme/src/components/Widgets/BlockAlignmentWidget.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import ButtonsWidget, { ButtonsWidgetProps } from './ButtonsWidget';
+import ButtonsWidget, { type ButtonsWidgetProps } from './ButtonsWidget';
 import imageFitSVG from '@plone/volto/icons/image-fit.svg';
 import imageLeftSVG from '@plone/volto/icons/image-left.svg';
 import imageRightSVG from '@plone/volto/icons/image-right.svg';
@@ -51,7 +51,7 @@ const DEFAULT_ACTIONS = [
   },
 ];
 
-const BlockAlignmentWidget: React.FC<ButtonsWidgetProps> = (props) => {
+const BlockAlignmentWidget = (props: ButtonsWidgetProps) => {
   const intl = useIntl();
 
   const { actions = DEFAULT_ACTIONS, actionsInfoMap, filterActions } = props;

packages/volto-light-theme/src/components/Widgets/BlockWidthWidget.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import ButtonsWidget, { ButtonsWidgetProps } from './ButtonsWidget';
+import ButtonsWidget, { type ButtonsWidgetProps } from './ButtonsWidget';
 import imageFitSVG from '@plone/volto/icons/image-fit.svg';
 import imageNarrowSVG from '@plone/volto/icons/image-narrow.svg';
 import imageWideSVG from '@plone/volto/icons/image-wide.svg';
@@ -64,7 +64,7 @@ const DEFAULT_ACTIONS = [
   },
 ];
 
-const BlockWidthWidget: React.FC<ButtonsWidgetProps> = (props) => {
+const BlockWidthWidget = (props: ButtonsWidgetProps) => {
   const intl = useIntl();
 
   const { actions = DEFAULT_ACTIONS, actionsInfoMap, filterActions } = props;