Update dependency filerobot-image-editor to v4

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
filerobot-image-editor	3.12.17 -> 4.8.1

---

Release Notes

scaleflex/filerobot-image-editor (filerobot-image-editor)

v4.8.1

Compare Source

Fixed

• If crop area is changed on the canvas, and then resized again to the original image's dimensions doesn't consider the dimensions properly.
• Improving the getCurrentImgDataFnRef property by adding default values to some of the needed params inside to avoid rare issues.
• onModify fn. wasn't called on changing the crop to the original area.

v4.8.0

Compare Source

Fixed

• An issue related to exported loadableDesignState which contained wrong finetune's names.
• Default save modal's resize inputs layout on Mozilla firefox browser (#​446).
• HSV sliders go outside of the layout on small screens sometimes (#​437).
• Cancel button for color picker doesn't revert to the proper color (#​435).
• Issue related to zooming using touch screen that happens sometimes.
• Theme's typography issue related to @​scaleflex/ui package.

Improved

• Update all the main dependencies (konva, scaleflex/ui & scaleflex/icons) (#​461).
• Supporting the new state of undo/redo/reset operations in onModify callback (#​444).
• Avoid applying the default value of the finetune's tools on moving to any of them as it is not needed since no difference in results (#​445).
• Some UI improvements related to annotations tool (#​426).
• Destroying the cloned canvas on saving the current one, expected to improve the repeated savings performance & avoid memory issues.
• Watermark images sizing and integration onto canvas in cloudimage mode.

Added

• resetOnImageSourceChange (#​357) - for resetting the image editor design data on changing the current original image source to edit.

v4.7.0

Compare Source

Fixed

• Zooming behavior in some cases specially applying from zooming factors menu.
• Cropping area continually jumps on doing flip and then getting back to crop.
• some improper issue happen with zooming behavior on zooming-in from phone/touch screens.

Improved

• Resizing fields are more UX friendly.
• Auto fitting the image on resizing by auto zooming.
• Restrict the resizing expand to 10x.
• Avoid flipping watermarks if useCloudimage is true.
• Colorizing the ratio lock of resize tab to be more clear & visible to the user.
• Replace alt text of invalid loaded watermark image.

Added

• onUploadWatermarkImgClick used for customizing the image watermark adding.
• hideTextWatermark hides the add text watermark option and its possibility.
• Support for preview urls of watermark images to load faster and avoid loading images for previewing only.

v4.6.1

Compare Source

Improved

• Top & Tools bars Design spaces polishing & improvements.
• enhancing the default label of save button to be save as if there are multiple/more save options, or save if no more saving options.

v4.6.0

Compare Source

Improved

• major design improvements & changes that improves the user interface & experience.
• Save button is disabled till having first change.
• Reset button is available/enabled if any of config.loadableDesignState or config.cloudimage.loadableQuery has value.

Added

• disableSaveIfNoChanges property for disabling save button if no changes there yet.
• Crop.noEffect, Crop.lockCropAreaAt properties for giving more customization to crop functionality.

v4.5.2

Compare Source

Fixed

• Docs. react-konva proper version that works with react 17.
• Can't draw an ellipse inside polygon or rectangle Issue #​366
• changing save button label causing shifting problem

Added

• selectAnnotationAfterDrawing property that enables/disables auto selection of drawn annotation using the pen tool.

Improved

• If the watermark image is not loaded due to some reason and user tries to add it as watermark, feedback error will be shown.

v4.5.1

Compare Source

Fixed

• Typescript theme types.

v4.5.0

Compare Source

Fixed

• Crop doesn't work if no action with the canvas's UI (Issue #​298).
• Bug of having error on unmounting the component with textarea opened while adding text (Issue #​322).
• Resize isn't considered in developer's transform function getCurrentImgDataFnRef (Issue #​344).

Added

• noCrossOrigin property changes the option while loading the original image (Issue #​344).

Improved

• The add watermark button design & label
• Render function logic in JS version.
• Tabs labels become center aligned & space broken in-case of tab's label with multiple words.
• Typescript types (adding theme object into types & update the updateState function naming in VanillaJs version package's types)
• The loading of original image by waiting a tick for avoiding issues possible to happen with the whole plugin (PR #​334).

v4.4.0

Compare Source

Fixed

• Respect defaultSavedImageName in case of providing source property with HTMLImageElement
• Crop transformer is not updated on changing to (original) crop preset if no interaction happened with canvas (#​291).

Added

• Backward compatability for react 17.
• defaultSavedImageQuality property for increasing/decreasing the saved image quality whether default save behavior used or not.
• Support adding gallery for image tool to enable possibility to add image from custom/preloaded images image.gallery.
• Support image.disableUpload which disables the possibility to upload image from local device.

Improved

• If image changed, re-extract its name & extension.
• Split react-konva library from dependencies and make it developer installable to determine the version to use.

v4.3.8

Compare Source

Fixed

• Move crossOrigin = 'Anonymous' before .src for avoiding sometimes CORS issue (Issue #​242).
• Some filters/finetunes names are changed on saving the image in prod (Issue #​266).
• Issue of sometimes the canvas don't draw the main image (Issues #​251 & #​276).
• 50x50 image and smaller is not working (Issue #​220).
• PEN as default TOOL don't work bug (Issue #​288)
• Issue of button doesn't have a type (Issue #​268).

Improved

• Filters' previews, Consider ratio in image filters preview by center cropping the image (Issue #​253).
• If no Annotation component found avoid showing error (possible to happen if provided wrong annotation type from developer side).
• The behavior of color picker, by splitting the saved fill/stroke/shadow colors (Issue #​285).
• Update TS types for defaultSavedImageType.
• Update @scaleflex/ui, @scaleflex/icons, konva & react-konva.

Security

• Apply Dependabot suggested fixes/improvements.

v4.3.7

Compare Source

Added

• Multiple rotate option https://github.com/scaleflex/filerobot-image-editor#rotate
• new Watermark scaling options https://github.com/scaleflex/filerobot-image-editor#watermark

v4.3.2

Compare Source

v4.3.1

Compare Source

v4.3.0

Compare Source

Chore

• Support React 18

Fixed

• Tab label text is not centered T7893
• Ellipse doesn't crop on first use in cloudimage T7490
• Topbar on small mobile screen

v4.2.1

Compare Source

Fixed

• Npm versions with peer dependencies

Fixed

• Reset button disregards the default provided crop ratio and replaces with the original image's ratio.

Added

• disableZooming property for disabling zoom functionality & removing zoom-related UI.

Improved

• Changed default value of savingPixelRatio to 4 instead of 8 for avoiding errors in some browsers and faster saving.
• Plugin's styles by adding background for the whole editor & decreasing the bottom spacing of tabs bottom bar on phone screens.
• Keep showing the save loading spinner in case of returning a Promise from onSave and hide it after the promise's resolving/rejection
• Enabling Possibility in getCurrentImgDataFnRef function to keep save loading spinner shown and hide it manually through params.

v4.2.0

Compare Source

Fixed

• Reset button disregards the default provided crop ratio and replaces with the original image's ratio.

Added

• disableZooming property for disabling zoom functionality & removing zoom-related UI.

Improved

• Changed default value of savingPixelRatio to 4 instead of 8 for avoiding errors in some browsers and faster saving.
• Plugin's styles by adding background for the whole editor & decreasing the bottom spacing of tabs bottom bar on phone screens.
• Keep showing the save loading spinner in case of returning a Promise from onSave and hide it after the promise's resolving/rejection
• Enabling Possibility in getCurrentImgDataFnRef function to keep save loading spinner shown and hide it manually through params.

v4.1.1

Compare Source

Fixed

• Typescript types of the plugin react component.

v4.1.0

Compare Source

Added

• Zoom presets menu and its visibility control property useZoomPresetsMenu.

Improved

• Zoom behavior to simulate the zooming percentage to the final image size.

Fixed

• Typescript types of the plugin react component.

v4.0.0

Compare Source

Added

• New features (more annotations, finetunes, more filters) with options for customization.
• New customization properties for fitting different usecases.
• Static CSS class names for HTML elements for styles customization.
• Fully responsive functionality & UI with different screens including phones & touch screens.
• Changing default save behavior and ability to customize from UI, Exporting & loading current design state.

Improved

• Codebase is re-written with new structure.
• Performance & design UX.
• Rotation, crop & filter behaviors

Changed

• Internal canvas library replaced with another library (KonvaJS) which has more features & faster.

Fixed

• Different issues related to past version (v3).

---

Configuration

📅 Schedule: Branch creation - "before 4am on monday" in timezone Europe/London, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.