🚨 Active Supply Chain Attack:node-ipc Package Compromised.Learn More →
Socket
Book a DemoSign in
Socket
Book a DemoSign in

@syncfusion/ej2-react-image-editor

Package Overview
Dependencies
Maintainers
3
Versions
103
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-react-image-editor - npm Package Compare versions

Comparing version
31.2.16
 to
32.1.19
+0
-9
dist/ej2-react-image-editor.umd.min.js

@@ -1,11 +0,2 @@

/*!
* filename: ej2-react-image-editor.umd.min.js
* version : 31.2.16
* Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
* Use of this code is subject to the terms of our license.
* A copy of the current license can be obtained at any time by e-mailing
* licensing@syncfusion.com. Any infringement will be prosecuted under
* applicable laws.
*/
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-image-editor"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-image-editor","@syncfusion/ej2-react-base"],t):t((e=e||self).ej={},e.React,e.ej2ImageEditor,e.ej2ReactBase)}(this,function(t,e,n,o){"use strict";r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var r,i,s=function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},s=(i=n.ImageEditor,s(c,i),c.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));i.prototype.render.call(this),this.initRenderCalled=!0},c);function c(e){e=i.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.statelessTemplateProps=null,e.templateProps=null,e.immediateRender=!1,e.isReactMock=!0,e.portals=[],e}o.applyMixins(s,[o.ComponentBase,e.Component]),Object.keys(n).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return n[e]}})}),t.ImageEditorComponent=s,Object.defineProperty(t,"__esModule",{value:!0})});
//# sourceMappingURL=ej2-react-image-editor.umd.min.js.map
+4
-4
package.json
{
"name": "@syncfusion/ej2-react-image-editor",
"version": "31.2.16",
"version": "32.1.19",
"description": "Essential JS 2 ImageEditor for React",

@@ -23,5 +23,5 @@ "author": "Syncfusion Inc.",

"dependencies": {
"@syncfusion/ej2-base": "~31.2.12",
"@syncfusion/ej2-react-base": "~31.2.12",
"@syncfusion/ej2-image-editor": "31.2.16"
"@syncfusion/ej2-base": "~32.1.19",
"@syncfusion/ej2-react-base": "~32.1.19",
"@syncfusion/ej2-image-editor": "32.1.19"
},

@@ -28,0 +28,0 @@ "devDependencies": {},

+9
-16
README.md

@@ -16,3 +16,3 @@ # React Image Editor Component (React Photo Editor Component)

<a href="https://www.syncfusion.com">
<img src="https://ej2.syncfusion.com/home/images/trusted_companies.png" alt="Bootstrap logo">
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
</a>

@@ -33,5 +33,5 @@ </p>

### Adding Syncfusion<sup>®</sup> React Image Editor package
### Adding Syncfusion React Image Editor package
All Syncfusion<sup>®</sup> react packages are published in the [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install the react image editor package, use the following command.
All Syncfusion react packages are published in the [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install the react image editor package, use the following command.

@@ -56,5 +56,5 @@ ```bash

### Add Syncfusion<sup>®</sup> React Image Editor component
### Add Syncfusion React Image Editor component
In the **src/App.tsx** file, use the following code snippet to render the Syncfusion<sup>®</sup> React Image Editor component and import **App.css** to apply styles to the image editor:
In the **src/App.tsx** file, use the following code snippet to render the Syncfusion React Image Editor component and import **App.css** to apply styles to the image editor:

@@ -92,11 +92,2 @@ ```typescript

## Resources
* [Documentation](https://ej2.syncfusion.com/react/documentation/image-editor/getting-started)
* [AI Coding Assistant](https://ej2.syncfusion.com/react/documentation/ai-coding-assistants/overview)
* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
* [What's New](https://www.syncfusion.com/products/whatsnew/react?utm_medium=listing&utm_source=github)
* [Road Map](https://www.syncfusion.com/products/roadmap/react)
* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=react&type=all)
## Support

@@ -118,3 +109,3 @@

> This is a commercial product and requires a paid license for possession or use.Syncfusion<sup>®</sup> Essential Studio<sup>®</sup>licensed software, including this component, is subject to the terms and conditions ofSyncfusion<sup>®</sup> Essential Studio<sup>®</sup>[EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
> This is a commercial product and requires a paid license for possession or use.Syncfusion<sup>®</sup> Essential Studio<sup>®</sup>licensed software, including this component, is subject to the terms and conditions ofSyncfusion<sup>®</sup> Essential Studio<sup>®</sup>[EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).

@@ -125,2 +116,4 @@ > A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+1
-1
styles/bds-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/bds-lite.scss';
@use 'ej2-image-editor/bds-lite' as *;
+1
-1
styles/bds.scss

@@ -1,1 +0,1 @@

@import 'image-editor/bds.scss';
@use 'image-editor/bds' as *;
+1
-1
styles/bootstrap-dark-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/bootstrap-dark-lite.scss';
@use 'ej2-image-editor/bootstrap-dark-lite' as *;
+1
-1
styles/bootstrap-dark.scss

@@ -1,1 +0,1 @@

@import 'image-editor/bootstrap-dark.scss';
@use 'image-editor/bootstrap-dark' as *;
+1
-1
styles/bootstrap-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/bootstrap-lite.scss';
@use 'ej2-image-editor/bootstrap-lite' as *;
+1
-1
styles/bootstrap.scss

@@ -1,1 +0,1 @@

@import 'image-editor/bootstrap.scss';
@use 'image-editor/bootstrap' as *;
+1
-1
styles/bootstrap4-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/bootstrap4-lite.scss';
@use 'ej2-image-editor/bootstrap4-lite' as *;
+1
-1
styles/bootstrap4.scss

@@ -1,1 +0,1 @@

@import 'image-editor/bootstrap4.scss';
@use 'image-editor/bootstrap4' as *;
+1
-1
styles/bootstrap5-dark-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/bootstrap5-dark-lite.scss';
@use 'ej2-image-editor/bootstrap5-dark-lite' as *;
+1
-1
styles/bootstrap5-dark.scss

@@ -1,1 +0,1 @@

@import 'image-editor/bootstrap5-dark.scss';
@use 'image-editor/bootstrap5-dark' as *;
+1
-1
styles/bootstrap5-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/bootstrap5-lite.scss';
@use 'ej2-image-editor/bootstrap5-lite' as *;
+1
-1
styles/bootstrap5.3-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/bootstrap5.3-lite.scss';
@use 'ej2-image-editor/bootstrap5.3-lite' as *;
+1
-1
styles/bootstrap5.3.scss

@@ -1,1 +0,1 @@

@import 'image-editor/bootstrap5.3.scss';
@use 'image-editor/bootstrap5.3' as *;
+1
-1
styles/bootstrap5.scss

@@ -1,1 +0,1 @@

@import 'image-editor/bootstrap5.scss';
@use 'image-editor/bootstrap5' as *;
+1
-1
styles/fabric-dark-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/fabric-dark-lite.scss';
@use 'ej2-image-editor/fabric-dark-lite' as *;
+1
-1
styles/fabric-dark.scss

@@ -1,1 +0,1 @@

@import 'image-editor/fabric-dark.scss';
@use 'image-editor/fabric-dark' as *;
+1
-1
styles/fabric-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/fabric-lite.scss';
@use 'ej2-image-editor/fabric-lite' as *;
+1
-1
styles/fabric.scss

@@ -1,1 +0,1 @@

@import 'image-editor/fabric.scss';
@use 'image-editor/fabric' as *;
+1
-1
styles/fluent-dark-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/fluent-dark-lite.scss';
@use 'ej2-image-editor/fluent-dark-lite' as *;
+1
-1
styles/fluent-dark.scss

@@ -1,1 +0,1 @@

@import 'image-editor/fluent-dark.scss';
@use 'image-editor/fluent-dark' as *;
+1
-1
styles/fluent-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/fluent-lite.scss';
@use 'ej2-image-editor/fluent-lite' as *;
+1
-1
styles/fluent.scss

@@ -1,1 +0,1 @@

@import 'image-editor/fluent.scss';
@use 'image-editor/fluent' as *;
+1
-1
styles/fluent2-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/fluent2-lite.scss';
@use 'ej2-image-editor/fluent2-lite' as *;
+1
-1
styles/fluent2.scss

@@ -1,1 +0,1 @@

@import 'image-editor/fluent2.scss';
@use 'image-editor/fluent2' as *;
+1
-1
styles/highcontrast-light-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/highcontrast-light-lite.scss';
@use 'ej2-image-editor/highcontrast-light-lite' as *;
+1
-1
styles/highcontrast-light.scss

@@ -1,1 +0,1 @@

@import 'image-editor/highcontrast-light.scss';
@use 'image-editor/highcontrast-light' as *;
+1
-1
styles/highcontrast-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/highcontrast-lite.scss';
@use 'ej2-image-editor/highcontrast-lite' as *;
+1
-1
styles/highcontrast.scss

@@ -1,1 +0,1 @@

@import 'image-editor/highcontrast.scss';
@use 'image-editor/highcontrast' as *;
+1
-1
styles/image-editor/bds.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/bds.scss';
@use 'ej2-image-editor/styles/image-editor/bds' as *;
+1
-1
styles/image-editor/bootstrap-dark.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/bootstrap-dark.scss';
@use 'ej2-image-editor/styles/image-editor/bootstrap-dark' as *;
+1
-1
styles/image-editor/bootstrap.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/bootstrap.scss';
@use 'ej2-image-editor/styles/image-editor/bootstrap' as *;
+1
-1
styles/image-editor/bootstrap4.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/bootstrap4.scss';
@use 'ej2-image-editor/styles/image-editor/bootstrap4' as *;
+1
-1
styles/image-editor/bootstrap5-dark.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/bootstrap5-dark.scss';
@use 'ej2-image-editor/styles/image-editor/bootstrap5-dark' as *;
+1
-1
styles/image-editor/bootstrap5.3.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/bootstrap5.3.scss';
@use 'ej2-image-editor/styles/image-editor/bootstrap5.3' as *;
+1
-1
styles/image-editor/bootstrap5.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/bootstrap5.scss';
@use 'ej2-image-editor/styles/image-editor/bootstrap5' as *;
+1
-1
styles/image-editor/fabric-dark.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/fabric-dark.scss';
@use 'ej2-image-editor/styles/image-editor/fabric-dark' as *;
+1
-1
styles/image-editor/fabric.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/fabric.scss';
@use 'ej2-image-editor/styles/image-editor/fabric' as *;
+1
-1
styles/image-editor/fluent-dark.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/fluent-dark.scss';
@use 'ej2-image-editor/styles/image-editor/fluent-dark' as *;
+1
-1
styles/image-editor/fluent.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/fluent.scss';
@use 'ej2-image-editor/styles/image-editor/fluent' as *;
+1
-1
styles/image-editor/fluent2.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/fluent2.scss';
@use 'ej2-image-editor/styles/image-editor/fluent2' as *;
+1
-1
styles/image-editor/highcontrast-light.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/highcontrast-light.scss';
@use 'ej2-image-editor/styles/image-editor/highcontrast-light' as *;
+1
-1
styles/image-editor/highcontrast.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/highcontrast.scss';
@use 'ej2-image-editor/styles/image-editor/highcontrast' as *;
+1
-1
styles/image-editor/material-dark.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/material-dark.scss';
@use 'ej2-image-editor/styles/image-editor/material-dark' as *;
+1
-1
styles/image-editor/material.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/material.scss';
@use 'ej2-image-editor/styles/image-editor/material' as *;
+1
-2
styles/image-editor/material3-dark.scss

@@ -1,2 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/material3-dark.scss';
@use 'ej2-image-editor/styles/image-editor/material3-dark' as *;
+1
-2
styles/image-editor/material3.scss

@@ -1,2 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/material3.scss';
@use 'ej2-image-editor/styles/image-editor/material3' as *;
+1
-1
styles/image-editor/tailwind-dark.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/tailwind-dark.scss';
@use 'ej2-image-editor/styles/image-editor/tailwind-dark' as *;
+1
-1
styles/image-editor/tailwind.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/tailwind.scss';
@use 'ej2-image-editor/styles/image-editor/tailwind' as *;
+1
-1
styles/image-editor/tailwind3.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/image-editor/tailwind3.scss';
@use 'ej2-image-editor/styles/image-editor/tailwind3' as *;
+1
-1
styles/material-dark-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/material-dark-lite.scss';
@use 'ej2-image-editor/material-dark-lite' as *;
+1
-1
styles/material-dark.scss

@@ -1,1 +0,1 @@

@import 'image-editor/material-dark.scss';
@use 'image-editor/material-dark' as *;
+1
-1
styles/material-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/material-lite.scss';
@use 'ej2-image-editor/material-lite' as *;
+1
-1
styles/material.scss

@@ -1,1 +0,1 @@

@import 'image-editor/material.scss';
@use 'image-editor/material' as *;
+1
-1
styles/material3-dark-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/material3-dark-lite.scss';
@use 'ej2-image-editor/material3-dark-lite' as *;
+1
-2
styles/material3-dark.scss

@@ -1,2 +0,1 @@

@import 'image-editor/material3-dark.scss';
@use 'image-editor/material3-dark' as *;
+1
-1
styles/material3-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/material3-lite.scss';
@use 'ej2-image-editor/material3-lite' as *;
+1
-2
styles/material3.scss

@@ -1,2 +0,1 @@

@import 'image-editor/material3.scss';
@use 'image-editor/material3' as *;
+1
-1
styles/tailwind-dark-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/tailwind-dark-lite.scss';
@use 'ej2-image-editor/tailwind-dark-lite' as *;
+1
-1
styles/tailwind-dark.scss

@@ -1,1 +0,1 @@

@import 'image-editor/tailwind-dark.scss';
@use 'image-editor/tailwind-dark' as *;
+1
-1
styles/tailwind-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/tailwind-lite.scss';
@use 'ej2-image-editor/tailwind-lite' as *;
+1
-1
styles/tailwind.scss

@@ -1,1 +0,1 @@

@import 'image-editor/tailwind.scss';
@use 'image-editor/tailwind' as *;
+1
-1
styles/tailwind3-lite.scss

@@ -1,1 +0,1 @@

@import 'ej2-image-editor/styles/tailwind3-lite.scss';
@use 'ej2-image-editor/tailwind3-lite' as *;
+1
-1
styles/tailwind3.scss

@@ -1,1 +0,1 @@

@import 'image-editor/tailwind3.scss';
@use 'image-editor/tailwind3' as *;
dist/ej2-react-image-editor.min.js

Sorry, the diff of this file is too big to display