@syncfusion/ej2-react-spreadsheet 20.3.61 → 20.4.40
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/CHANGELOG.md +17 -0
- package/README.md +142 -68
- package/diConfig.json +31 -4
- package/dist/ej2-react-spreadsheet.min.js +0 -9
- package/dist/ej2-react-spreadsheet.umd.min.js +0 -9
- package/package.json +84 -70
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
## [Unreleased]
|
|
4
4
|
|
|
5
|
+
### Spreadsheet
|
|
6
|
+
|
|
7
|
+
#### Bug Fixes
|
|
8
|
+
|
|
9
|
+
- `#I422232` - Issue with "`SUMIFS` formula is not working properly while providing as nested formula to the `SUM` formula" has been resolved.
|
|
10
|
+
- `#F179330` - Issue with "custom function reference is removed from the control instance while calling the `refresh` method" has been resolved.
|
|
11
|
+
|
|
12
|
+
- `#I425365` - Issue with "parsing error occurs when custom function argument contains `q` alphabet" has been resolved.
|
|
13
|
+
|
|
5
14
|
## 20.3.60 (2022-12-06)
|
|
6
15
|
|
|
7
16
|
### Spreadsheet
|
|
@@ -1229,6 +1238,14 @@ The Spreadsheet is an user interactive component to organize and analyze data in
|
|
|
1229
1238
|
- **Accessibility:** Provides with built-in accessibility support which helps to access all the spreadsheet component features using the keyboard, screen readers, or other assistive technology devices.
|
|
1230
1239
|
|
|
1231
1240
|
|
|
1241
|
+
## 20.3.61 (2022-12-13)
|
|
1242
|
+
|
|
1243
|
+
### Spreadsheet
|
|
1244
|
+
|
|
1245
|
+
#### Bug Fixes
|
|
1246
|
+
|
|
1247
|
+
- `#I423182` - Issue with "custom cell name is not shown while importing the excel file that contain defined custom cell name" has been resolved.
|
|
1248
|
+
|
|
1232
1249
|
## 20.3.58 (2022-11-22)
|
|
1233
1250
|
|
|
1234
1251
|
### Spreadsheet
|
package/README.md
CHANGED
|
@@ -1,87 +1,161 @@
|
|
|
1
|
-
#
|
|
1
|
+
# React Spreadsheet Component
|
|
2
2
|
|
|
3
|
-
The [React Spreadsheet](https://www.syncfusion.com/react-ui-components/react-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm) is an user interactive component to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an
|
|
3
|
+
The [React Spreadsheet](https://www.syncfusion.com/react-ui-components/react-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm) is an user interactive component to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an Excel/CSV file or from local and remote data sources such as JSON, RESTful services, OData services, and more. The populated data can be exported as Excel with xlsx, xls, CSV and PDF formats.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<p align="center">
|
|
6
|
+
<a href="https://ej2.syncfusion.com/react/documentation/spreadsheet/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm">Getting started</a> .
|
|
7
|
+
<a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/bootstrap5/spreadsheet/default">Online demos</a> .
|
|
8
|
+
<a href="https://www.syncfusion.com/react-components/react-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm">Learn more</a>
|
|
9
|
+
</p>
|
|
6
10
|
|
|
7
|
-
>
|
|
11
|
+
<p align="center">
|
|
12
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-spreadsheet.png" alt="React Spreadsheet Component" />
|
|
13
|
+
</p>
|
|
8
14
|
|
|
9
|
-
>
|
|
15
|
+
<p align="center">
|
|
16
|
+
Trusted by the world's leading companies
|
|
17
|
+
<a href="https://www.syncfusion.com">
|
|
18
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
|
|
19
|
+
</a>
|
|
20
|
+
</p>
|
|
10
21
|
|
|
11
22
|
## Setup
|
|
12
23
|
|
|
13
|
-
|
|
24
|
+
### Create a React Application
|
|
14
25
|
|
|
15
|
-
|
|
16
|
-
|
|
26
|
+
You can use [create-react-app](https://github.com/facebookincubator/create-react-app) to setup applications. To create React app, use the following command.
|
|
27
|
+
|
|
28
|
+
```bash
|
|
29
|
+
npx create-react-app my-app --template typescript
|
|
30
|
+
cd my-app
|
|
31
|
+
npm start
|
|
17
32
|
```
|
|
18
33
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
* [Product Page](https://www.syncfusion.com/react-ui-components/react-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
22
|
-
* [Getting Started](https://ej2.syncfusion.com/react/documentation/spreadsheet/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
23
|
-
* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/default)
|
|
24
|
-
|
|
25
|
-
## Supported Frameworks
|
|
26
|
-
|
|
27
|
-
Spreadsheet component is also offered in following list of frameworks.
|
|
28
|
-
|
|
29
|
-
1. [Angular Spreadsheet](https://www.syncfusion.com/angular-ui-components/angular-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
30
|
-
2. [Javascript Spreadsheet](https://www.syncfusion.com/javascript-ui-controls/js-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
31
|
-
3. [VueJS Spreadsheet](https://www.syncfusion.com/vue-ui-components/vue-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
32
|
-
4. [ASP.NET Core Spreadsheet](https://www.syncfusion.com/aspnet-core-ui-controls/spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
33
|
-
5. [ASP.NET MVC Spreadsheet](https://www.syncfusion.com/aspnet-mvc-ui-controls/spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
34
|
-
|
|
35
|
-
## Key Features
|
|
36
|
-
|
|
37
|
-
- **Data sources** - Bind the spreadsheet component with an array of JavaScript objects or DataManager.
|
|
38
|
-
- **Virtualization** - Provides the option to load large amount of data without performance degradation.
|
|
39
|
-
- **Selection** - Provides the option to select a cell or range of cells.
|
|
40
|
-
- **Editing** - Provides the options to dynamically edit a cell.
|
|
41
|
-
- **Formulas** - Provides built-in calculation library with predefined formulas and named range support.
|
|
42
|
-
- **Clipboard** - Provides the option to perform clipboard operations.
|
|
43
|
-
- **Cell formatting** - Provides option to customize the appearance of cells.
|
|
44
|
-
- **Number formatting** - Provides option to format the cell value.
|
|
45
|
-
- **Open** - Provides the option to open excel file in spreadsheet.
|
|
46
|
-
- **Save** - Provides option to save spreadsheet data as excel file.
|
|
47
|
-
- **Sorting:** Helps you to arrange the data to particular order in a selected range of cells.
|
|
48
|
-
- **Resize:** Allows you to change the row height and column width. Auto fit the rows and columns based on its content.
|
|
49
|
-
- **Wrap text:** Provides the option to display the large content as multiple lines in a single cell.
|
|
50
|
-
- **Data validation:** Provides the option to validate edited values based on data validation rules defined for a cell or range of cells.
|
|
51
|
-
- **Find and Replace:** Provides the option to find the data and replace it across all the sheets in Spreadsheet.
|
|
52
|
-
- **Protect sheet:** Provides the option to restrict the user actions like cell editing, row and column insertion, deletion, and resizing.
|
|
53
|
-
- **Borders:** Provides the option to customize cell gridlines such as color and its style for enhanced UI.
|
|
54
|
-
- **Show/Hide:** Provides the option to show/hide the rows, columns and sheets.
|
|
55
|
-
- **Insert/delete:** Provides the option to insert/delete the rows, columns and sheets.
|
|
56
|
-
- **Merge cells:** Provides option to can combine two or more cells located in the same row or column into a single cell.
|
|
57
|
-
- **Conditional formatting:** Provides option to format a cell or range of cells based on the conditions applied.
|
|
58
|
-
- **Clear:** Provides option to clear the content, formats, and hyperlinks applied to a cell or range of cells in a spreadsheet.
|
|
59
|
-
- **Aggregates:** Provides option to check the sum, average, and count for the selected cells or range in the sheet tab.
|
|
60
|
-
- **Picture:** Allows you to view, insert, and modify a picture in a spreadsheet with customizing options.
|
|
61
|
-
- **Chart:** Transforms your Spreadsheet data to an intuitive overview for better understanding and to make smart business decisions.
|
|
62
|
-
- **Freeze pane:** Allows users to keep the specified rows and columns always visible at the top and left side of the sheet while scrolling through the sheet.
|
|
63
|
-
- **PDF Export:** Allows users to save the spreadsheet data as a PDF document.
|
|
64
|
-
- **Password protection:** Allows users to protect the workbook with a password.
|
|
65
|
-
- **Multi-line editing:** Allows you to insert a line break between paragraphs of the text within a cell in a Spreadsheet.
|
|
66
|
-
- **Range selection helper:** Helps you to select a range or multiple ranges when editing a formula in a cell.
|
|
67
|
-
- **RTL** - Provides right-to-left mode which aligns content in the spreadsheet component from right to left.
|
|
68
|
-
- **Localization** - Provides inherent support to localize the UI.
|
|
69
|
-
- **Accessibility** - Provides with built-in accessibility support which helps to access all the spreadsheet component features through the keyboard, screen readers, or other assistive technology devices.
|
|
34
|
+
### Add Syncfusion Spreadsheet package
|
|
70
35
|
|
|
71
|
-
|
|
36
|
+
All Syncfusion React packages are published in the [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install the React Spreadsheet package, use the following command.
|
|
72
37
|
|
|
73
|
-
|
|
38
|
+
```bash
|
|
39
|
+
npm install @syncfusion/ej2-react-spreadsheet --save
|
|
40
|
+
```
|
|
74
41
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
42
|
+
### Add CSS references for Spreadsheet
|
|
43
|
+
|
|
44
|
+
Add CSS references needed for a Spreadsheet in **src/App.css** from the **../node_modules/@syncfusion** package folder.
|
|
45
|
+
|
|
46
|
+
```css
|
|
47
|
+
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
|
|
48
|
+
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
|
|
49
|
+
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
|
|
50
|
+
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
|
|
51
|
+
@import '../node_modules/@syncfusion/ej2-lists/styles/material.css';
|
|
52
|
+
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
|
|
53
|
+
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
|
|
54
|
+
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
|
|
55
|
+
@import '../node_modules/@syncfusion/ej2-grids/styles/material.css';
|
|
56
|
+
@import '../node_modules/@syncfusion/ej2-react-spreadsheet/styles/material.css';
|
|
57
|
+
```
|
|
78
58
|
|
|
79
|
-
|
|
59
|
+
### Add Spreadsheet Component
|
|
60
|
+
|
|
61
|
+
In the **src/App.tsx** file, use the following code snippet to render the Syncfusion React Spreadsheet component and import **App.css** to apply styles to the Spreadsheet.
|
|
62
|
+
|
|
63
|
+
```typescript
|
|
64
|
+
import { SheetsDirective, SheetDirective, RangesDirective, RangeDirective, SpreadsheetComponent } from '@syncfusion/ej2-react-spreadsheet';
|
|
65
|
+
import * as React from 'react';
|
|
66
|
+
import './App.css';
|
|
67
|
+
|
|
68
|
+
export default function App() {
|
|
69
|
+
let data: object[] = [
|
|
70
|
+
{ OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, ShipCity: 'Reims' },
|
|
71
|
+
{ OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, ShipCity: 'Münster' },
|
|
72
|
+
{ OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, ShipCity: 'Lyon' }
|
|
73
|
+
];
|
|
74
|
+
return <SpreadsheetComponent>
|
|
75
|
+
<SheetsDirective>
|
|
76
|
+
<SheetDirective>
|
|
77
|
+
<RangesDirective>
|
|
78
|
+
<RangeDirective dataSource={data}></RangeDirective>
|
|
79
|
+
</RangesDirective>
|
|
80
|
+
</SheetDirective>
|
|
81
|
+
</SheetsDirective>
|
|
82
|
+
</SpreadsheetComponent>
|
|
83
|
+
}
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
## Supported frameworks
|
|
87
|
+
|
|
88
|
+
Spreadsheet component is also offered in the following list of frameworks.
|
|
89
|
+
|
|
90
|
+
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/> [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/> [Angular](https://www.syncfusion.com/angular-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) |
|
|
91
|
+
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
92
|
+
|
|
93
|
+
## Showcase samples
|
|
94
|
+
|
|
95
|
+
* Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-react-loan-calculator), [Live Demo](https://ej2.syncfusion.com/showcase/react/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/default)
|
|
96
|
+
* Fitness Tracker - [Source](https://github.com/SyncfusionExamples/showcase-react-health-tracker-dashboard-demo), [Live Demo](https://ej2.syncfusion.com/showcase/react/fitness-tracker-app/)
|
|
97
|
+
|
|
98
|
+
## Key features
|
|
99
|
+
|
|
100
|
+
* [Data sources](https://ej2.syncfusion.com/react/documentation/spreadsheet/data-binding/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#local-data): Bind the Spreadsheet component with an array of objects or data from a web service using [DataManager](https://ej2.syncfusion.com/react/documentation/data/data-binding/).
|
|
101
|
+
* [Virtualization](https://ej2.syncfusion.com/react/documentation/spreadsheet/scrolling/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#virtual-scrolling): Provides the option to load large amount of data without performance degradation.
|
|
102
|
+
* [Selection](https://ej2.syncfusion.com/react/documentation/spreadsheet/selection/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Provides the option to select a cell or range of cells.
|
|
103
|
+
* [Editing](https://ej2.syncfusion.com/react/documentation/spreadsheet/editing/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Provides the option to dynamically edit a cell.
|
|
104
|
+
* [Formulas](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/formula): Provides built-in calculation library with pre-defined formulas and named range support.
|
|
105
|
+
* [Clipboard](https://ej2.syncfusion.com/react/documentation/spreadsheet/clipboard/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Provides the option to perform clipboard operations.
|
|
106
|
+
* [Cell formatting](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/cell-formatting): Provides the option to customize the appearance of cells.
|
|
107
|
+
* [Number formatting](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/number-formatting): Provides the option to format the cell value.
|
|
108
|
+
* [Open](https://ej2.syncfusion.com/react/documentation/spreadsheet/open-save/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#open): Provides the option to open Excel and CSV files in Spreadsheet.
|
|
109
|
+
* [Save](https://ej2.syncfusion.com/react/documentation/spreadsheet/open-save/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#save): Provides the option to save Spreadsheet data as Excel, CSV, and PDF documents.
|
|
110
|
+
* [Sorting](https://ej2.syncfusion.com/react/documentation/spreadsheet/sort/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#sort-by-cell-value): Helps you to arrange the data to particular order in a selected range of cells.
|
|
111
|
+
* [Filtering](https://ej2.syncfusion.com/react/documentation/spreadsheet/filter/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#apply-filter-on-ui): Helps you to view specific rows in the Spreadsheet by hiding the other rows.
|
|
112
|
+
* [Undo Redo](https://ej2.syncfusion.com/react/documentation/spreadsheet/undo-redo/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Provides the option to perform undo redo operations in Spreadsheet.
|
|
113
|
+
* [Collaborative editing](https://ej2.syncfusion.com/react/documentation/spreadsheet/use-cases/collaborative-editing/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Provides the option for real time changes across multiple users in the Spreadsheet.
|
|
114
|
+
* [Hyperlink](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/hyperlink): Provides the option to navigate to web link or cell reference within the sheet or to other sheet in Spreadsheet.
|
|
115
|
+
* [Resize](https://ej2.syncfusion.com/react/documentation/spreadsheet/mobile-responsiveness/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Allows you to change the row height and column width. Auto fit the rows and columns based on its content.
|
|
116
|
+
* [Wrap text](https://ej2.syncfusion.com/react/documentation/spreadsheet/cell-range/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#wrap-text): Provides the option to display the large content as multiple lines in a single cell.
|
|
117
|
+
* [Data validation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/data-validation): Provides the option to validate edited values based on data validation rules defined for a cell or range of cells.
|
|
118
|
+
* [Find and replace](https://ej2.syncfusion.com/react/documentation/spreadsheet/searching/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#find): Provides the option to find the data and replace it across all sheets in Spreadsheet.
|
|
119
|
+
* [Protect sheet](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/protect-sheet): Provides the option to restrict user actions like cell editing, row and column insertion, deletion, and resizing.
|
|
120
|
+
* [Borders](https://ej2.syncfusion.com/react/documentation/spreadsheet/formatting/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#borders): Provides the option to customize cell gridlines such as color and its style for enhanced UI.
|
|
121
|
+
* [Show/hide](https://ej2.syncfusion.com/react/documentation/spreadsheet/worksheet/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#sheet-visibility): Provides the option to show/hide rows, columns and sheets.
|
|
122
|
+
* [Insert/delete](https://ej2.syncfusion.com/react/documentation/spreadsheet/rows-and-columns/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#insert): Provides the option to insert/delete rows, columns and sheets.
|
|
123
|
+
* [Merge cells](https://ej2.syncfusion.com/react/documentation/spreadsheet/cell-range/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#merge-cells): Provides the option to combine two or more cells located in the same row or column into a single cell.
|
|
124
|
+
* [Conditional formatting](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/conditional-formatting): Provides the option to format a cell or range of cells based on conditions applied.
|
|
125
|
+
* [Autofill](https://ej2.syncfusion.com/react/documentation/spreadsheet/cell-range/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#auto-fill): Provides the option to fill or copy a series or pattern of values and formats into adjacent cells in any direction.
|
|
126
|
+
* [Clear](https://ej2.syncfusion.com/react/documentation/spreadsheet/cell-range/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#clear): Provides the option to clear the content, formats, and hyperlinks applied to a cell or range of cells in a Spreadsheet.
|
|
127
|
+
* [Aggregates](https://ej2.syncfusion.com/react/documentation/spreadsheet/formulas/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Provides the option to check the sum, average, count, and more for the selected cells or range in the sheet.
|
|
128
|
+
* [Picture](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/image): Allows you to view, insert, and modify a picture in a Spreadsheet with customizing options.
|
|
129
|
+
* [Chart](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/chart): Transforms your Spreadsheet data to an intuitive overview for better understanding and to make smart business decisions.
|
|
130
|
+
* [Freeze panes](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/freeze-pane): Allows you to keep the specified rows and columns always visible at the top and left side of the sheet while scrolling through the sheet.
|
|
131
|
+
* [Password protection](https://ej2.syncfusion.com/react/documentation/spreadsheet/protect-sheet/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#protect-workbook): Allows you to protect the workbook with a password.
|
|
132
|
+
* [Multi-line editing](https://ej2.syncfusion.com/react/documentation/spreadsheet/editing/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Allows you to insert a line break between paragraphs of the text within a cell in a Spreadsheet.
|
|
133
|
+
* [Calculate range selection](https://ej2.syncfusion.com/react/documentation/spreadsheet/selection/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Helps you to select a range or multiple ranges when editing a formula in a cell.
|
|
134
|
+
* [Right-to-left (RTL)](https://ej2.syncfusion.com/react/documentation/right-to-left/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Aligns content in the Spreadsheet component from right to left.
|
|
135
|
+
* [Templates](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#/material/spreadsheet/cell-template): Templates can be used to create custom user experiences in the Spreadsheet.
|
|
136
|
+
* [Globalization](https://ej2.syncfusion.com/react/documentation/spreadsheet/global-local/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm#localization): Personalize the Spreadsheet component with different languages, as well as culture-specific number, date, and time formatting.
|
|
137
|
+
* [Accessibility](https://ej2.syncfusion.com/react/documentation/spreadsheet/accessibility/?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm): Provides with built-in accessibility support which helps to access all the Spreadsheet component features through the keyboard, screen readers, or other assistive technology devices.
|
|
80
138
|
|
|
81
|
-
|
|
139
|
+
## Support
|
|
140
|
+
|
|
141
|
+
Product support is available through the following mediums.
|
|
142
|
+
|
|
143
|
+
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
|
|
144
|
+
* [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
145
|
+
* [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new)
|
|
146
|
+
* [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
147
|
+
* Live chat
|
|
82
148
|
|
|
83
149
|
## Changelog
|
|
84
150
|
|
|
85
|
-
Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/spreadsheet/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
|
|
151
|
+
Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/spreadsheet/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
|
|
152
|
+
|
|
153
|
+
## License and copyright
|
|
154
|
+
|
|
155
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [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).
|
|
156
|
+
|
|
157
|
+
> 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.
|
|
158
|
+
|
|
159
|
+
See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm) for more info.
|
|
86
160
|
|
|
87
|
-
|
|
161
|
+
© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
|
package/diConfig.json
CHANGED
|
@@ -2,10 +2,37 @@
|
|
|
2
2
|
"name": "Spreadsheet",
|
|
3
3
|
"description": "Spreadsheet Component",
|
|
4
4
|
"keywords": {
|
|
5
|
-
"common": [
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
"common": [
|
|
6
|
+
"ej2",
|
|
7
|
+
"syncfusion",
|
|
8
|
+
"spreadsheet",
|
|
9
|
+
"excel",
|
|
10
|
+
"workbook",
|
|
11
|
+
"worksheet",
|
|
12
|
+
"xlsx",
|
|
13
|
+
"xlsb",
|
|
14
|
+
"csv",
|
|
15
|
+
"grid",
|
|
16
|
+
"data",
|
|
17
|
+
"excel-like",
|
|
18
|
+
"excel-style",
|
|
19
|
+
"editor",
|
|
20
|
+
"excel-editor",
|
|
21
|
+
"excel-viewer",
|
|
22
|
+
"sheets",
|
|
23
|
+
"formulas",
|
|
24
|
+
"sorting",
|
|
25
|
+
"filtering",
|
|
26
|
+
"formatting",
|
|
27
|
+
"virtual-scrolling",
|
|
28
|
+
"edit-cell",
|
|
29
|
+
"editable-table",
|
|
30
|
+
"javascript",
|
|
31
|
+
"typescript"
|
|
32
|
+
],
|
|
33
|
+
"angular": ["angular", "angular-spreadsheet"],
|
|
34
|
+
"react": ["react", "reactjs", "react-spreadsheet"],
|
|
35
|
+
"vue": ["vue", "vuejs", "vue-spreadsheet"]
|
|
9
36
|
},
|
|
10
37
|
"blazorType": "none",
|
|
11
38
|
"repository": {
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* filename: ej2-react-spreadsheet.min.js
|
|
3
|
-
* version : 20.3.61
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
|
-
* Use of this code is subject to the terms of our license.
|
|
6
|
-
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
|
-
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
|
-
* applicable laws.
|
|
9
|
-
*/
|
|
10
1
|
!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("SyncfusionReactBase"),require("SyncfusionSpreadsheet"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionSpreadsheet","React"],n):"object"==typeof exports?exports.SyncfusionReactSpreadsheet=n(require("SyncfusionReactBase"),require("SyncfusionSpreadsheet"),require("React")):t.SyncfusionReactSpreadsheet=n(t.SyncfusionReactBase,t.SyncfusionSpreadsheet,t.React)}(this,function(t,n,e){return function(t){function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var e={};return n.m=t,n.c=e,n.i=function(t){return t},n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:r})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="",n(n.s=3)}([function(n,e){n.exports=t},function(t,e){t.exports=n},function(t,n,e){"use strict";var r=e(12);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(11);e.d(n,"c",function(){return o.a}),e.d(n,"d",function(){return o.b});var i=e(4);e.d(n,"e",function(){return i.a}),e.d(n,"f",function(){return i.b});var u=e(9);e.d(n,"g",function(){return u.a}),e.d(n,"h",function(){return u.b});var c=e(5);e.d(n,"i",function(){return c.a}),e.d(n,"j",function(){return c.b});var a=e(6);e.d(n,"k",function(){return a.a}),e.d(n,"l",function(){return a.b});var s=e(10);e.d(n,"m",function(){return s.a}),e.d(n,"n",function(){return s.b});var f=e(7);e.d(n,"o",function(){return f.a}),e.d(n,"p",function(){return f.b});var p=e(8);e.d(n,"q",function(){return p.a}),e.d(n,"r",function(){return p.b});var l=e(13);e.d(n,"s",function(){return l.a})},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=e(2);e.d(n,"SheetDirective",function(){return r.a}),e.d(n,"SheetsDirective",function(){return r.b}),e.d(n,"RowDirective",function(){return r.c}),e.d(n,"RowsDirective",function(){return r.d}),e.d(n,"CellDirective",function(){return r.e}),e.d(n,"CellsDirective",function(){return r.f}),e.d(n,"ImageDirective",function(){return r.g}),e.d(n,"ImagesDirective",function(){return r.h}),e.d(n,"ChartDirective",function(){return r.i}),e.d(n,"ChartsDirective",function(){return r.j}),e.d(n,"ColumnDirective",function(){return r.k}),e.d(n,"ColumnsDirective",function(){return r.l}),e.d(n,"RangeDirective",function(){return r.m}),e.d(n,"RangesDirective",function(){return r.n}),e.d(n,"ConditionalFormatDirective",function(){return r.o}),e.d(n,"ConditionalFormatsDirective",function(){return r.p}),e.d(n,"DefinedNameDirective",function(){return r.q}),e.d(n,"DefinedNamesDirective",function(){return r.r}),e.d(n,"SpreadsheetComponent",function(){return r.s});var o=e(0);e.n(o);e.o(o,"Inject")&&e.d(n,"Inject",function(){return o.Inject});var i=e(1);e.n(i);for(var u in i)["SheetDirective","SheetsDirective","RowDirective","RowsDirective","CellDirective","CellsDirective","ImageDirective","ImagesDirective","ChartDirective","ChartsDirective","ColumnDirective","ColumnsDirective","RangeDirective","RangesDirective","ConditionalFormatDirective","ConditionalFormatsDirective","DefinedNameDirective","DefinedNamesDirective","SpreadsheetComponent","Inject","default"].indexOf(u)<0&&function(t){e.d(n,t,function(){return i[t]})}(u)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="cell",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="cells",n.moduleName="cells",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="chart",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="chart",n.moduleName="charts",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="column",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="columns",n.moduleName="columns",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="conditionalFormat",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="conditionalFormats",n.moduleName="conditionalFormats",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="definedName",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="definedNames",n.moduleName="definedNames",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="image",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="image",n.moduleName="images",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="range",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="ranges",n.moduleName="ranges",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="row",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="rows",n.moduleName="rows",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="sheet",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="sheets",n.moduleName="sheets",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return c});var r=e(14),o=(e.n(r),e(1)),i=(e.n(o),e(0)),u=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),c=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.directivekeys={sheets:{sheet:{rows:{row:{cells:{cell:{images:"image",charts:"chart"}}}},columns:"column",ranges:"range",conditionalFormats:"conditionalFormat"}},definedNames:"definedName"},e.immediateRender=!1,e.portals=[],e}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(o.Spreadsheet);e.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,n){t.exports=e}])});
|
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* filename: ej2-react-spreadsheet.umd.min.js
|
|
3
|
-
* version : 20.3.61
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
|
-
* Use of this code is subject to the terms of our license.
|
|
6
|
-
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
|
-
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
|
-
* applicable laws.
|
|
9
|
-
*/
|
|
10
1
|
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-spreadsheet")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-spreadsheet"],e):e(t.ej={},t.ej2ReactBase,t.React,t.ej2Spreadsheet)}(this,function(t,e,n,o){"use strict";var r=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.moduleName="sheet",e}(e.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.propertyName="sheets",e.moduleName="sheets",e}(e.ComplexBase),c=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.moduleName="row",e}(e.ComplexBase),p=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.propertyName="rows",e.moduleName="rows",e}(e.ComplexBase),s=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.moduleName="cell",e}(e.ComplexBase),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.propertyName="cells",e.moduleName="cells",e}(e.ComplexBase),m=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),y=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),e.moduleName="image",e}(e.ComplexBase),h=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),e.propertyName="image",e.moduleName="images",e}(e.ComplexBase),_=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return _(e,t),e.moduleName="chart",e}(e.ComplexBase),v=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return _(e,t),e.propertyName="chart",e.moduleName="charts",e}(e.ComplexBase),O=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),N=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return O(e,t),e.moduleName="column",e}(e.ComplexBase),j=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return O(e,t),e.propertyName="columns",e.moduleName="columns",e}(e.ComplexBase),C=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),w=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return C(e,t),e.moduleName="range",e}(e.ComplexBase),b=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return C(e,t),e.propertyName="ranges",e.moduleName="ranges",e}(e.ComplexBase),x=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),D=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return x(e,t),e.moduleName="conditionalFormat",e}(e.ComplexBase),P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return x(e,t),e.propertyName="conditionalFormats",e.moduleName="conditionalFormats",e}(e.ComplexBase),B=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),g=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return B(e,t),e.moduleName="definedName",e}(e.ComplexBase),A=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return B(e,t),e.propertyName="definedNames",e.moduleName="definedNames",e}(e.ComplexBase),R=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),F=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={sheets:{sheet:{rows:{row:{cells:{cell:{images:"image",charts:"chart"}}}},columns:"column",ranges:"range",conditionalFormats:"conditionalFormat"}},definedNames:"definedName"},n.immediateRender=!1,n.portals=[],n}return R(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Spreadsheet);e.applyMixins(F,[e.ComponentBase,n.Component]),t.Inject=e.Inject,t.SheetDirective=i,t.SheetsDirective=u,t.RowDirective=a,t.RowsDirective=p,t.CellDirective=l,t.CellsDirective=f,t.ImageDirective=y,t.ImagesDirective=h,t.ChartDirective=d,t.ChartsDirective=v,t.ColumnDirective=N,t.ColumnsDirective=j,t.RangeDirective=w,t.RangesDirective=b,t.ConditionalFormatDirective=D,t.ConditionalFormatsDirective=P,t.DefinedNameDirective=g,t.DefinedNamesDirective=A,t.SpreadsheetComponent=F,Object.keys(o).forEach(function(e){t[e]=o[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
|
|
11
2
|
//# sourceMappingURL=ej2-react-spreadsheet.umd.min.js.map
|
package/package.json
CHANGED
|
@@ -1,70 +1,84 @@
|
|
|
1
|
-
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
1
|
+
{
|
|
2
|
+
"_from": "@syncfusion/ej2-react-spreadsheet@*",
|
|
3
|
+
"_id": "@syncfusion/ej2-react-spreadsheet@20.12.0",
|
|
4
|
+
"_inBundle": false,
|
|
5
|
+
"_integrity": "sha512-za9r7XruqbYR32NM2g+aTg8yrkBOl4mAY+JNu/P768185rFjWVfkjIWehMyXZqJRhIwp/hHWHFYOZUQUEd2DNA==",
|
|
6
|
+
"_location": "/@syncfusion/ej2-react-spreadsheet",
|
|
7
|
+
"_phantomChildren": {},
|
|
8
|
+
"_requested": {
|
|
9
|
+
"type": "range",
|
|
10
|
+
"registry": true,
|
|
11
|
+
"raw": "@syncfusion/ej2-react-spreadsheet@*",
|
|
12
|
+
"name": "@syncfusion/ej2-react-spreadsheet",
|
|
13
|
+
"escapedName": "@syncfusion%2fej2-react-spreadsheet",
|
|
14
|
+
"scope": "@syncfusion",
|
|
15
|
+
"rawSpec": "*",
|
|
16
|
+
"saveSpec": null,
|
|
17
|
+
"fetchSpec": "*"
|
|
18
|
+
},
|
|
19
|
+
"_requiredBy": [
|
|
20
|
+
"/"
|
|
21
|
+
],
|
|
22
|
+
"_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-spreadsheet/-/ej2-react-spreadsheet-20.12.0.tgz",
|
|
23
|
+
"_shasum": "c7ceae5e35a83eef7555111f112a42e2f8c2ba3e",
|
|
24
|
+
"_spec": "@syncfusion/ej2-react-spreadsheet@*",
|
|
25
|
+
"_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
|
|
26
|
+
"author": {
|
|
27
|
+
"name": "Syncfusion Inc."
|
|
28
|
+
},
|
|
29
|
+
"bugs": {
|
|
30
|
+
"url": "https://github.com/syncfusion/ej2-react-ui-components/issues"
|
|
31
|
+
},
|
|
32
|
+
"bundleDependencies": false,
|
|
33
|
+
"dependencies": {
|
|
34
|
+
"@syncfusion/ej2-base": "~20.4.40",
|
|
35
|
+
"@syncfusion/ej2-react-base": "~20.4.40",
|
|
36
|
+
"@syncfusion/ej2-spreadsheet": "20.4.40"
|
|
37
|
+
},
|
|
38
|
+
"deprecated": false,
|
|
39
|
+
"description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for React",
|
|
40
|
+
"devDependencies": {},
|
|
41
|
+
"es2015": "dist/es6/ej2-react-spreadsheet.es2015.js",
|
|
42
|
+
"homepage": "https://github.com/syncfusion/ej2-react-ui-components#readme",
|
|
43
|
+
"keywords": [
|
|
44
|
+
"ej2",
|
|
45
|
+
"syncfusion",
|
|
46
|
+
"spreadsheet",
|
|
47
|
+
"excel",
|
|
48
|
+
"workbook",
|
|
49
|
+
"worksheet",
|
|
50
|
+
"xlsx",
|
|
51
|
+
"xlsb",
|
|
52
|
+
"csv",
|
|
53
|
+
"grid",
|
|
54
|
+
"data",
|
|
55
|
+
"excel-like",
|
|
56
|
+
"excel-style",
|
|
57
|
+
"editor",
|
|
58
|
+
"excel-editor",
|
|
59
|
+
"excel-viewer",
|
|
60
|
+
"sheets",
|
|
61
|
+
"formulas",
|
|
62
|
+
"sorting",
|
|
63
|
+
"filtering",
|
|
64
|
+
"formatting",
|
|
65
|
+
"virtual-scrolling",
|
|
66
|
+
"edit-cell",
|
|
67
|
+
"editable-table",
|
|
68
|
+
"javascript",
|
|
69
|
+
"typescript",
|
|
70
|
+
"react",
|
|
71
|
+
"reactjs",
|
|
72
|
+
"react-spreadsheet"
|
|
73
|
+
],
|
|
74
|
+
"license": "SEE LICENSE IN license",
|
|
75
|
+
"main": "./dist/ej2-react-spreadsheet.umd.min.js",
|
|
76
|
+
"module": "./index.js",
|
|
77
|
+
"name": "@syncfusion/ej2-react-spreadsheet",
|
|
78
|
+
"repository": {
|
|
79
|
+
"type": "git",
|
|
80
|
+
"url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
|
|
81
|
+
},
|
|
82
|
+
"version": "20.4.40",
|
|
83
|
+
"sideEffects": false
|
|
84
|
+
}
|