WIP: Fix how we get the intl provider.

CHANGELOG.md

@@ -8,6 +8,12 @@
 
 <!-- towncrier release notes start -->
 
+## 1.1.3 (2025-11-10)
+
+### Internal
+
+- Remove @plone/volto as peerDep. @sneridagh 
+
 ## 1.1.2 (2024-09-17)
 
 ### Bugfix

news/27.bugfix

@@ -0,0 +1 @@
+Fix our use of the `intl` provider.  @mauritsvanrees

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-quote-block",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "volto-quote-block: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",
@@ -41,8 +41,5 @@
     "stylelint-config-idiomatic-order": "9.0.0",
     "stylelint-config-sass-guidelines": "10.0.0",
     "stylelint-prettier": "4.0.2"
-  },
-  "peerDependencies": {
-    "@plone/volto": "^17.0.0"
   }
 }

src/components/Edit.jsx

@@ -3,6 +3,7 @@ import React from 'react';
 import { SidebarPortal } from '@plone/volto/components';
 import View from './View';
 import config from '@plone/volto/registry';
+import { useIntl } from 'react-intl';
 
 const Edit = (props) => {
   const {
@@ -15,6 +16,7 @@ const Edit = (props) => {
     onAddBlock,
     disableEnter = false,
   } = props;
+  const intl = useIntl();
 
   const handleEnterKey = (e, index) => {
     const isMultipleSelection = e.shiftKey;
@@ -38,6 +40,7 @@ const Edit = (props) => {
       <SidebarPortal selected={selected}>
         <QuoteBlockSidebar
           {...props}
+          intl={intl}
           data={data}
           block={block}
           onChangeBlock={onChangeBlock}

src/components/View.jsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import config from '@plone/volto/registry';
-import { useSelector } from 'react-redux';
+import { useIntl } from 'react-intl';
 import { flattenToAppURL } from '@plone/volto/helpers';
 import { DetachedTextBlockEditor } from '@plone/volto-slate/blocks/Text/DetachedTextBlockEditor';
 import { TextBlockView } from '@plone/volto-slate/blocks/Text';
 
 const View = (props) => {
   const { data, isEditMode } = props;
-  const intl = useSelector((state) => state.intl);
+  const intl = useIntl();
 
   const customSlateSettings = {
     ...props,

src/components/schema.js

@@ -42,7 +42,9 @@ const messages = defineMessages({
   },
 });
 
-export const QuoteBlockSchema = ({ intl }) => {
+export const QuoteBlockSchema = (props) => {
+  const { intl } = props;
+
   return {
     title: intl.formatMessage(messages.quote),
     block: 'quote',

yarn.lock

@@ -1858,8 +1858,6 @@ __metadata:
     stylelint-config-idiomatic-order: 9.0.0
     stylelint-config-sass-guidelines: 10.0.0
     stylelint-prettier: 4.0.2
-  peerDependencies:
-    "@plone/volto": ^17.0.0
   languageName: unknown
   linkType: soft