@syncfusion/ej2-react-inplace-editor 31.1.17 → 31.2.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
#
|
|
1
|
+
# React In-place Editor Component
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
The [React In-place Editor](https://www.syncfusion.com/react-components/react-in-place-editor) is a rich and responsive component for inline editing of text, selections, dates, and more without switching to a separate edit view. It supports “Inline” and “Popup” edit modes, integrates with editors like DropDownList and DatePicker, and works seamlessly with forms and data binding to update values efficiently.
|
|
4
4
|
|
|
5
|
-
>
|
|
5
|
+
<p align="center">
|
|
6
|
+
<a href="https://ej2.syncfusion.com/react/documentation/inplace-editor/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-inplace-editor-npm">Getting started</a> .
|
|
7
|
+
<a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-inplace-editor-npm#/fluent2/inplace-editor/default.html">Online demos</a> .
|
|
8
|
+
</p>
|
|
6
9
|
|
|
7
|
-
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
<p align="center">
|
|
13
|
+
Trusted by the world's leading companies
|
|
14
|
+
<a href="https://www.syncfusion.com">
|
|
15
|
+
<img src="https://ej2.syncfusion.com/home/images/trusted_companies.png" alt="Trusted companies">
|
|
16
|
+
</a>
|
|
17
|
+
</p>
|
|
8
18
|
|
|
9
19
|
## Setup
|
|
10
20
|
|
|
@@ -14,39 +24,41 @@ To install `In-place Editor` and its dependent packages, use the following comma
|
|
|
14
24
|
npm install @syncfusion/ej2-react-inplace-editor
|
|
15
25
|
```
|
|
16
26
|
|
|
17
|
-
##
|
|
18
|
-
|
|
19
|
-
* [Getting Started](https://ej2.syncfusion.com/react/documentation/inplace-editor/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=inplace-editor)
|
|
20
|
-
* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=inplace-editor#/material/inplace-editor/default.html)
|
|
21
|
-
* [Product Page](https://www.syncfusion.com/react-ui-controls/inplace-editor)
|
|
22
|
-
|
|
23
|
-
## Supported Frameworks
|
|
27
|
+
## Supported frameworks
|
|
24
28
|
|
|
25
|
-
In-place Editor
|
|
29
|
+
In-place Editor control is also offered in the following list of frameworks.
|
|
26
30
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
3. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/inplace-editor)
|
|
30
|
-
3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/inplace-editor)
|
|
31
|
-
4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/inplace-editor)
|
|
32
|
-
5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/inplace-editor)
|
|
31
|
+
| [<img src="https://ej2.syncfusion.com/github/images/angular-new.svg" height="50" />](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)<br/> [Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/> [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/> [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) |
|
|
32
|
+
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
33
33
|
|
|
34
|
-
## Key
|
|
34
|
+
## Key features
|
|
35
35
|
|
|
36
|
-
*
|
|
36
|
+
* [Render mode](https://ej2.syncfusion.com/react/documentation/inplace-editor/configuration) - Provides two types of rendering modes when editing the input, namely “Inline” and “Popup”.
|
|
37
37
|
* **Component integration** - Support to integrate components such as “DropDownList”, “DatePicker”,” AutoComplete”, etc. to the In-place Editor.
|
|
38
|
-
*
|
|
39
|
-
*
|
|
38
|
+
* [Data binding](https://ej2.syncfusion.com/react/documentation/inplace-editor/data-binding) - Bind the In-place Editor component with an array of JSON objects or DataManager to save the edited data to the server.
|
|
39
|
+
* [Customization](https://ej2.syncfusion.com/react/documentation/inplace-editor/style) - Offers UI customization such as popup, buttons, and also denotes editable content state.
|
|
40
40
|
* **Template** - Templates can be used to integrate custom controls to the In-place Editor.
|
|
41
|
-
*
|
|
41
|
+
* [Globalization](https://ej2.syncfusion.com/react/documentation/inplace-editor/localization) - Provides right to left and localization support.
|
|
42
|
+
|
|
43
|
+
## Resources
|
|
44
|
+
|
|
45
|
+
* [Documentation](https://ej2.syncfusion.com/react/documentation/inplace-editor/getting-started)
|
|
46
|
+
* [AI Coding Assistant](https://ej2.syncfusion.com/react/documentation/ai-coding-assistants/overview)
|
|
47
|
+
* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
|
|
48
|
+
* [What's New](https://www.syncfusion.com/products/whatsnew/react?utm_medium=listing&utm_source=github)
|
|
49
|
+
* [Road Map](https://www.syncfusion.com/products/roadmap/react)
|
|
50
|
+
* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=react&type=all)
|
|
42
51
|
|
|
43
52
|
## Support
|
|
44
53
|
|
|
45
54
|
Product support is available for through following mediums.
|
|
46
55
|
|
|
47
|
-
*
|
|
56
|
+
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
|
|
57
|
+
* [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=inplace-editor).
|
|
48
58
|
* New [GitHub issue](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new).
|
|
49
59
|
* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
|
|
60
|
+
* [Request feature or report bug](https://www.syncfusion.com/feedback/react)
|
|
61
|
+
* Live chat
|
|
50
62
|
|
|
51
63
|
## License
|
|
52
64
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-react-inplace-editor.min.js
|
|
3
|
-
* version : 31.
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 -
|
|
3
|
+
* version : 31.2.12
|
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
8
|
* applicable laws.
|
|
9
9
|
*/
|
|
10
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("React"),require("SyncfusionInplaceEditor"),require("SyncfusionReactBase")):"function"==typeof define&&define.amd?define(["React","SyncfusionInplaceEditor","SyncfusionReactBase"],t):"object"==typeof exports?exports.SyncfusionReactInplaceEditor=t(require("React"),require("SyncfusionInplaceEditor"),require("SyncfusionReactBase")):e.SyncfusionReactInplaceEditor=t(e.React,e.SyncfusionInplaceEditor,e.SyncfusionReactBase)}(self,(
|
|
10
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("React"),require("SyncfusionInplaceEditor"),require("SyncfusionReactBase")):"function"==typeof define&&define.amd?define(["React","SyncfusionInplaceEditor","SyncfusionReactBase"],t):"object"==typeof exports?exports.SyncfusionReactInplaceEditor=t(require("React"),require("SyncfusionInplaceEditor"),require("SyncfusionReactBase")):e.SyncfusionReactInplaceEditor=t(e.React,e.SyncfusionInplaceEditor,e.SyncfusionReactBase)}(self,(e,t,n)=>(()=>{"use strict";var o={884:(e,t,n)=>{n.d(t,{t:()=>s});var o,r=n(24),i=n(914),c=n(705),a=(o=function(e,t){return o=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])},o(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),s=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.isReactMock=!0,n.portals=[],n}return a(t,e),t.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(i.InPlaceEditor);(0,c.applyMixins)(s,[c.ComponentBase,r.Component])},24:t=>{t.exports=e},914:e=>{e.exports=t},705:e=>{e.exports=n}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{i.r(c),i.d(c,{InPlaceEditorComponent:()=>e.t,Inject:()=>t.Inject});var e=i(884),t=i(705),n=i(914),o={};for(const e in n)["default","Inject","InPlaceEditorComponent"].indexOf(e)<0&&(o[e]=()=>n[e]);i.d(c,o)})(),c})());
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-react-inplace-editor.umd.min.js
|
|
3
|
-
* version : 31.
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 -
|
|
3
|
+
* version : 31.2.12
|
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
package/package.json
CHANGED
|
@@ -1,59 +1,29 @@
|
|
|
1
1
|
{
|
|
2
|
-
"
|
|
3
|
-
"
|
|
4
|
-
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-EpXIazRjv5ujIEpYHowL5w4d7geGiihrsCWlePFcwTBy+Ks9d3lFcMnxP4BbcDTFafDhUvUgtlwuWWaSsrntjA==",
|
|
6
|
-
"_location": "/@syncfusion/ej2-react-inplace-editor",
|
|
7
|
-
"_phantomChildren": {},
|
|
8
|
-
"_requested": {
|
|
9
|
-
"type": "range",
|
|
10
|
-
"registry": true,
|
|
11
|
-
"raw": "@syncfusion/ej2-react-inplace-editor@*",
|
|
12
|
-
"name": "@syncfusion/ej2-react-inplace-editor",
|
|
13
|
-
"escapedName": "@syncfusion%2fej2-react-inplace-editor",
|
|
14
|
-
"scope": "@syncfusion",
|
|
15
|
-
"rawSpec": "*",
|
|
16
|
-
"saveSpec": null,
|
|
17
|
-
"fetchSpec": "*"
|
|
18
|
-
},
|
|
19
|
-
"_requiredBy": [
|
|
20
|
-
"/"
|
|
21
|
-
],
|
|
22
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-development/@syncfusion/ej2-react-inplace-editor/-/ej2-react-inplace-editor-21.4.0.tgz",
|
|
23
|
-
"_shasum": "1ff3a3bd52ba0ae7883eb26c00aca598779ade5d",
|
|
24
|
-
"_spec": "@syncfusion/ej2-react-inplace-editor@*",
|
|
25
|
-
"_where": "D:\\SF3992\\WFH\\Nexus\\release",
|
|
26
|
-
"author": {
|
|
27
|
-
"name": "Syncfusion Inc."
|
|
28
|
-
},
|
|
29
|
-
"bugs": {
|
|
30
|
-
"url": "https://github.com/syncfusion/ej2-react-inplace-editor/issues"
|
|
31
|
-
},
|
|
32
|
-
"bundleDependencies": false,
|
|
33
|
-
"dependencies": {
|
|
34
|
-
"@syncfusion/ej2-base": "~31.1.17",
|
|
35
|
-
"@syncfusion/ej2-inplace-editor": "31.1.17",
|
|
36
|
-
"@syncfusion/ej2-react-base": "~31.1.17"
|
|
37
|
-
},
|
|
38
|
-
"deprecated": false,
|
|
2
|
+
"name": "@syncfusion/ej2-react-inplace-editor",
|
|
3
|
+
"version": "31.2.12",
|
|
39
4
|
"description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server. for React",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"homepage": "https://www.syncfusion.com/react-components",
|
|
5
|
+
"author": "Syncfusion Inc.",
|
|
6
|
+
"license": "SEE LICENSE IN license",
|
|
43
7
|
"keywords": [
|
|
44
8
|
"react",
|
|
45
9
|
"react-inplace-editor",
|
|
46
10
|
"react-inplace-editor-component",
|
|
47
11
|
"ej2-react-inplace-editor"
|
|
48
12
|
],
|
|
49
|
-
"license": "SEE LICENSE IN license",
|
|
50
|
-
"main": "./dist/ej2-react-inplace-editor.umd.min.js",
|
|
51
|
-
"module": "./index.js",
|
|
52
|
-
"name": "@syncfusion/ej2-react-inplace-editor",
|
|
53
13
|
"repository": {
|
|
54
14
|
"type": "git",
|
|
55
15
|
"url": "https://github.com/syncfusion/ej2-react-ui-components.git"
|
|
56
16
|
},
|
|
57
|
-
"
|
|
58
|
-
"
|
|
17
|
+
"main": "./dist/ej2-react-inplace-editor.umd.min.js",
|
|
18
|
+
"module": "./index.js",
|
|
19
|
+
"es2015": "dist/es6/ej2-react-inplace-editor.es2015.js",
|
|
20
|
+
"readme": "ReadMe.md",
|
|
21
|
+
"dependencies": {
|
|
22
|
+
"@syncfusion/ej2-base": "~31.2.12",
|
|
23
|
+
"@syncfusion/ej2-react-base": "~31.2.12",
|
|
24
|
+
"@syncfusion/ej2-inplace-editor": "31.2.12"
|
|
25
|
+
},
|
|
26
|
+
"devDependencies": {},
|
|
27
|
+
"sideEffects": false,
|
|
28
|
+
"homepage": "https://www.syncfusion.com/react-components"
|
|
59
29
|
}
|