@handsontable/react-wrapper 0.0.0-next-7cc7ef7-20241028
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE.txt +25 -0
- package/README.md +136 -0
- package/commonjs/react-handsontable.js +2139 -0
- package/commonjs/src/helpers.d.ts +105 -0
- package/commonjs/src/hotColumn.d.ts +5 -0
- package/commonjs/src/hotColumnContext.d.ts +16 -0
- package/commonjs/src/hotEditor.d.ts +33 -0
- package/commonjs/src/hotTable.d.ts +29 -0
- package/commonjs/src/hotTableContext.d.ts +55 -0
- package/commonjs/src/hotTableInner.d.ts +5 -0
- package/commonjs/src/index.d.ts +5 -0
- package/commonjs/src/renderersPortalManager.d.ts +6 -0
- package/commonjs/src/settingsMapper.d.ts +18 -0
- package/commonjs/src/types.d.ts +78 -0
- package/dist/react-handsontable.js +1133 -0
- package/dist/react-handsontable.js.map +1 -0
- package/dist/react-handsontable.min.js +31 -0
- package/dist/react-handsontable.min.js.map +1 -0
- package/dist/src/helpers.d.ts +105 -0
- package/dist/src/hotColumn.d.ts +5 -0
- package/dist/src/hotColumnContext.d.ts +16 -0
- package/dist/src/hotEditor.d.ts +33 -0
- package/dist/src/hotTable.d.ts +29 -0
- package/dist/src/hotTableContext.d.ts +55 -0
- package/dist/src/hotTableInner.d.ts +5 -0
- package/dist/src/index.d.ts +5 -0
- package/dist/src/renderersPortalManager.d.ts +6 -0
- package/dist/src/settingsMapper.d.ts +18 -0
- package/dist/src/types.d.ts +78 -0
- package/es/react-handsontable.mjs +2125 -0
- package/handsontable-non-commercial-license.pdf +0 -0
- package/helpers.d.ts +105 -0
- package/hotColumn.d.ts +5 -0
- package/hotColumnContext.d.ts +16 -0
- package/hotEditor.d.ts +33 -0
- package/hotTable.d.ts +29 -0
- package/hotTableContext.d.ts +55 -0
- package/hotTableInner.d.ts +5 -0
- package/index.d.ts +5 -0
- package/package.json +130 -0
- package/renderersPortalManager.d.ts +6 -0
- package/settingsMapper.d.ts +18 -0
- package/types.d.ts +78 -0
package/LICENSE.txt
ADDED
@@ -0,0 +1,25 @@
|
|
1
|
+
Copyright (c) HANDSONCODE sp. z o. o.
|
2
|
+
|
3
|
+
HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., a Polish corporation based in
|
4
|
+
Gdynia, Poland, at Aleja Zwyciestwa 96-98, registered by the District Court in Gdansk under number
|
5
|
+
538651, EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
|
6
|
+
|
7
|
+
This software is protected by applicable copyright laws, including international treaties, and dual-
|
8
|
+
licensed - depending on whether your use for commercial purposes, meaning intended for or
|
9
|
+
resulting in commercial advantage or monetary compensation, or not.
|
10
|
+
|
11
|
+
If your use is strictly personal or solely for evaluation purposes, meaning for the purposes of testing
|
12
|
+
the suitability, performance, and usefulness of this software outside the production environment,
|
13
|
+
you agree to be bound by the terms included in the "handsontable-non-commercial-license.pdf" file.
|
14
|
+
|
15
|
+
Your use of this software for commercial purposes is subject to the terms included in an applicable
|
16
|
+
license agreement.
|
17
|
+
|
18
|
+
In any case, you must not make any such use of this software as to develop software which may be
|
19
|
+
considered competitive with this software.
|
20
|
+
|
21
|
+
UNLESS EXPRESSLY AGREED OTHERWISE, HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS"
|
22
|
+
BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, AND IN NO EVENT AND UNDER NO
|
23
|
+
LEGAL THEORY, SHALL HANDSONCODE BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY DIRECT,
|
24
|
+
INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
|
25
|
+
USE OR INABILITY TO USE THIS SOFTWARE.
|
package/README.md
ADDED
@@ -0,0 +1,136 @@
|
|
1
|
+
<div align="center">
|
2
|
+
|
3
|
+
<a href="https://handsontable.com" rel="nofollow"><img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/handsontable-logo-blue.svg" alt="Handsontable - data grid for React" width="300"></a>
|
4
|
+
|
5
|
+
# React Data Grid <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/react-icon.svg" width="22" height="22">
|
6
|
+
|
7
|
+
Handsontable's wrapper for React combines data grid features with spreadsheet-like UX. <br>
|
8
|
+
It provides data binding, data validation, filtering, sorting, and CRUD operations.
|
9
|
+
|
10
|
+
[![npm](https://img.shields.io/npm/dt/@handsontable/react-wrapper.svg)](https://npmjs.com/package/@handsontable/react-wrapper)
|
11
|
+
[![npm](https://img.shields.io/npm/dm/@handsontable/react-wrapper.svg)](https://npmjs.com/package/@handsontable/react-wrapper)
|
12
|
+
[![CI status](https://github.com/handsontable/handsontable/actions/workflows/test.yml/badge.svg?branch=master)](https://github.com/handsontable/handsontable/actions/workflows/test.yml?query=branch%3Amaster)
|
13
|
+
[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fhandsontable%2Fhandsontable.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Fhandsontable%2Fhandsontable?ref=badge_shield)
|
14
|
+
[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=handsontable_handsontable&metric=alert_status)](https://sonarcloud.io/dashboard?id=handsontable_handsontable)
|
15
|
+
|
16
|
+
---
|
17
|
+
|
18
|
+
<a href="https://handsontable.com/demo"><img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/handsontable-github-preview.png" alt="Handsontable data grid for React" width="805"/></a>
|
19
|
+
|
20
|
+
</div>
|
21
|
+
|
22
|
+
## Features
|
23
|
+
|
24
|
+
The most popular features of Handsontable for React:
|
25
|
+
|
26
|
+
✓ Multiple column sorting <br>
|
27
|
+
✓ Non-contiguous selection <br>
|
28
|
+
✓ Filtering data <br>
|
29
|
+
✓ Export to file <br>
|
30
|
+
✓ Validating data <br>
|
31
|
+
✓ Conditional formatting <br>
|
32
|
+
✓ Merging cells <br>
|
33
|
+
✓ Freezing rows/columns <br>
|
34
|
+
✓ Moving rows/columns <br>
|
35
|
+
✓ Resizing rows/columns <br>
|
36
|
+
✓ Hiding rows/columns <br>
|
37
|
+
✓ Context menu <br>
|
38
|
+
✓ Comments <br>
|
39
|
+
|
40
|
+
## Documentation
|
41
|
+
|
42
|
+
- [Developer guides](https://handsontable.com/docs/react-installation/)
|
43
|
+
- [API Reference](https://handsontable.com/docs/api/core/)
|
44
|
+
- [Changelog](https://handsontable.com/docs/release-notes/)
|
45
|
+
- [Demo](https://handsontable.com/demo)
|
46
|
+
|
47
|
+
<div id="installation"></div>
|
48
|
+
|
49
|
+
## Get started
|
50
|
+
|
51
|
+
### 1. Install Handsontable
|
52
|
+
|
53
|
+
Get Handsontable from [npm](https://www.npmjs.com/package/@handsontable/react-wrapper) or [Yarn](https://yarnpkg.com/package/@handsontable/react-wrapper).
|
54
|
+
|
55
|
+
```bash
|
56
|
+
npm install handsontable @handsontable/react-wrapper
|
57
|
+
```
|
58
|
+
|
59
|
+
Import Handsontable's CSS:
|
60
|
+
|
61
|
+
```jsx
|
62
|
+
import 'handsontable/dist/handsontable.full.min.css';
|
63
|
+
```
|
64
|
+
|
65
|
+
### 2. Register Handsontable's modules
|
66
|
+
|
67
|
+
```jsx
|
68
|
+
import { registerAllModules } from 'handsontable/registry';
|
69
|
+
|
70
|
+
registerAllModules();
|
71
|
+
```
|
72
|
+
|
73
|
+
### 3. Use the `HotTable` component
|
74
|
+
|
75
|
+
The main Handsontable component is called `HotTable`.
|
76
|
+
|
77
|
+
```jsx
|
78
|
+
import { HotTable } from '@handsontable/react-wrapper';
|
79
|
+
```
|
80
|
+
|
81
|
+
To set Handsontable's [configuration options](https://handsontable.com/docs/react-data-grid/configuration-options), use `HotTable`'s props. For example:
|
82
|
+
|
83
|
+
```jsx
|
84
|
+
import { HotTable } from '@handsontable/react-wrapper';
|
85
|
+
import { registerAllModules } from 'handsontable/registry';
|
86
|
+
import 'handsontable/dist/handsontable.full.min.css';
|
87
|
+
|
88
|
+
registerAllModules();
|
89
|
+
|
90
|
+
const ExampleComponent = () => {
|
91
|
+
|
92
|
+
return (
|
93
|
+
<HotTable
|
94
|
+
// set `HotTable`'s props here
|
95
|
+
data={[
|
96
|
+
['', 'Tesla', 'Volvo', 'Toyota', 'Ford'],
|
97
|
+
['2019', 10, 11, 12, 13],
|
98
|
+
['2020', 20, 11, 14, 13],
|
99
|
+
['2021', 30, 15, 12, 13]
|
100
|
+
]}
|
101
|
+
rowHeaders={true}
|
102
|
+
colHeaders={true}
|
103
|
+
height="auto"
|
104
|
+
licenseKey="non-commercial-and-evaluation" // for non-commercial use only
|
105
|
+
/>
|
106
|
+
);
|
107
|
+
};
|
108
|
+
```
|
109
|
+
|
110
|
+
|
111
|
+
|
112
|
+
### [View live demo](https://handsontable.com/docs/react-data-grid/demo/)
|
113
|
+
|
114
|
+
## Support
|
115
|
+
|
116
|
+
We provide support for developers working with commercial version via [contact form](https://handsontable.com/contact?category=technical_support)</a> or at support@handsontable.com.
|
117
|
+
|
118
|
+
If you use a non-commercial version then please ask your tagged question on [StackOverflow](https://stackoverflow.com/questions/tagged/handsontable).
|
119
|
+
|
120
|
+
## License
|
121
|
+
|
122
|
+
Handsontable is a commercial software with two licenses available:
|
123
|
+
|
124
|
+
- Free for non-commercial purposes such as teaching, academic research, and evaluation. [Read it here](https://github.com/handsontable/handsontable/blob/master/handsontable-non-commercial-license.pdf).
|
125
|
+
- Commercial license with support and maintenance included. See [pricing plans](https://handsontable.com/pricing).
|
126
|
+
|
127
|
+
## License key
|
128
|
+
|
129
|
+
If you use Handsontable for React in a project that supports your commercial activity, then you must purchase the license key at [handsontable.com](https://handsontable.com/pricing).
|
130
|
+
|
131
|
+
If you use the free for non-commercial license of Handsontable, then pass the phrase `'non-commercial-and-evaluation'`, as described in [this documentation](https://handsontable.com/docs/license-key/).
|
132
|
+
|
133
|
+
<br>
|
134
|
+
<br>
|
135
|
+
|
136
|
+
Proudly created and maintained by the [Handsontable Team](https://handsontable.com/team).
|