@plone-collective/volto-image-editor 1.0.0 → 1.0.1

package/.changelog.draft

@@ -1,18 +1,12 @@
-## 1.0.0 (2025-12-08)
+## 1.0.1 (2026-03-03)
 
 ### Feature
 
-- CA, ES translations. @sneridagh [#16](https://github.com/collective/volto-image-editor/issue/16)
-- DE translations. @sneridagh [#17](https://github.com/collective/volto-image-editor/issue/17)
-- Allow overriding the default settings for an ImageEditor per project. @ericof [#18](https://github.com/collective/volto-image-editor/issue/18)
+- Added support for lazyload the widget. @sneridagh 
 
 ### Internal
 
-- Added portuguese translation & Update translation files. @humanaice [#3](https://github.com/collective/volto-image-editor/issue/3)
-- Fixed circle crop. @humanaice [#8](https://github.com/collective/volto-image-editor/issue/8)
-- Updated to use plone/components and removed react-icons + add cypress. @humanaice [#12](https://github.com/collective/volto-image-editor/issue/12)
-- Registering as custom widget and removing shadow. @humanaice [#14](https://github.com/collective/volto-image-editor/issue/14)
-- Changed the CSS to facilitate future modifications, with variables and new icons. @humanaice 
-- Updated Slider to make it more simple and intuitive. @humanaice 
+- Fixed Acceptance Tests and added them to main.yml. @humanaice [#23](https://github.com/collective/volto-image-editor/issue/23)
+- Use Volto 19a27. @sneridagh 
 
 

package/CHANGELOG.md

@@ -8,6 +8,17 @@
 
 <!-- towncrier release notes start -->
 
+## 1.0.1 (2026-03-03)
+
+### Feature
+
+- Added support for lazyload the widget. @sneridagh 
+
+### Internal
+
+- Fixed Acceptance Tests and added them to main.yml. @humanaice [#23](https://github.com/collective/volto-image-editor/issue/23)
+- Use Volto 19a27. @sneridagh 
+
 ## 1.0.0 (2025-12-08)
 
 ### Feature

package/babel.config.js

@@ -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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plone-collective/volto-image-editor",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "An image editor to be used with Plone and Volto.",
   "main": "src/index.ts",
   "license": "MIT",
@@ -33,7 +33,7 @@
   "dependencies": {
     "context-filter-polyfill": "0.3.23",
     "react-advanced-cropper": "0.20.1",
-    "@plone/components": "4.0.0-alpha.0"
+    "@plone/components": "4.0.0-alpha.6"
   },
   "peerDependencies": {
     "advanced-cropper": "~0.17.1",
@@ -41,13 +41,13 @@
     "react": "18.2.0",
     "react-aria-components": "*",
     "react-dom": "18.2.0",
-    "@plone/registry": "3.0.0-alpha.5",
-    "@plone/types": "2.0.0-alpha.5"
+    "@plone/types": "2.0.0-alpha.14",
+    "@plone/registry": "3.0.0-alpha.9"
   },
   "devDependencies": {
     "@types/node": "^20.2.5",
     "release-it": "^19.0.5",
-    "@plone/scripts": "4.0.0-alpha.2"
+    "@plone/scripts": "4.0.0-alpha.5"
   },
   "scripts": {
     "i18n": "rm -rf build/messages && NODE_ENV=production i18n --addon",

package/src/components/ImageEditor/components/SettingsModal/SettingsModal.tsx

@@ -7,8 +7,8 @@ import {
   NumberField,
   Checkbox,
   RadioGroup,
+  Radio,
 } from '@plone/components';
-import { Radio } from 'react-aria-components';
 import { SettingsIcon } from '@plone-collective/volto-image-editor/icons/SettingsIcon';
 import type { ImageSettings } from '../../../../types/ImageSettings';
 import {

package/src/components/Widgets/index.ts

@@ -0,0 +1,8 @@
+import loadable from '@loadable/component';
+
+export const FileWidget = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "Widgets" */ '@plone-collective/volto-image-editor/components/Widgets/FileWidget'
+    ),
+);

package/src/config/widgets.ts

@@ -1,5 +1,5 @@
 import type { ConfigType } from '@plone/registry';
-import FileWidget from '../components/Widgets/FileWidget';
+import { FileWidget } from '../components/Widgets';
 
 export const registerWidgets = (config: ConfigType) => {
   config.widgets.widget.file = FileWidget;