@progress/kendo-react-data-tools 10.0.0-develop.3 → 10.0.0-develop.5
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 +58 -10
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -6,35 +6,82 @@
|
|
|
6
6
|
|
|
7
7
|
> **Important**
|
|
8
8
|
>
|
|
9
|
-
> - This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools)—
|
|
10
|
-
> -
|
|
11
|
-
> -
|
|
9
|
+
> - This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools)—an enterprise-grade UI library with 120+ free and premium components.
|
|
10
|
+
> - This package contains both free and premium KendoReact data tools. To use the premium components, you will need to [purchase a license](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools) or register for a [free trial](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools). You can use the free tools even in production, no sign-up or license required.
|
|
11
|
+
> - If you're looking for free React components, check out [Get Started with KendoReact Free: 50+ Free React Components](https://www.telerik.com/kendo-react-ui/components/free).
|
|
12
|
+
> - If you have an active license, visit the [KendoReact My License page](https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools) to learn how to configure your KendoReact licensing.
|
|
13
|
+
> - Installing and working with this package indicates that you [accept the KendoReact License Agreement](https://www.telerik.com/purchase/license-agreement/progress-kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools).
|
|
12
14
|
> - The 30-day free trial gives you access to all the KendoReact components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the KendoReact dev team!
|
|
13
15
|
>
|
|
14
16
|
> [Start using KendoReact](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools) and speed up your development process!
|
|
15
17
|
|
|
16
18
|
The React Data Tools package, part of KendoReact, delivers data-related components to manage and control the data in the application.
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
How to start:
|
|
19
21
|
|
|
22
|
+
```sh
|
|
23
|
+
npm install --save @progress/kendo-react-data-tools @progress/kendo-data-query @progress/kendo-drawing @progress/kendo-licensing @progress/kendo-react-animation @progress/kendo-react-buttons @progress/kendo-react-common @progress/kendo-react-dateinputs @progress/kendo-react-dropdowns @progress/kendo-react-inputs @progress/kendo-react-intl @progress/kendo-react-popup @progress/kendo-svg-icons
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
What's in this package:
|
|
27
|
+
|
|
28
|
+
- [React Data Tools Library Shared Features](#react-data-tools-library-shared-features)
|
|
20
29
|
- [React Pager component](#react-pager-component)
|
|
21
30
|
- [React Filter component](#react-filter-component)
|
|
22
|
-
|
|
31
|
+
|
|
32
|
+
Additional information:
|
|
33
|
+
|
|
23
34
|
- [Support Options](#support-options)
|
|
24
35
|
- [Resources](#resources)
|
|
36
|
+
- [KendoReact Data Tools API](https://www.telerik.com/kendo-react-ui/components/datatools/api)
|
|
37
|
+
|
|
38
|
+
## React Data Tools Library Shared Features
|
|
39
|
+
|
|
40
|
+
- **Accessibility support**—The Data Tools are compliant with WAI-ARIA and Section 508.
|
|
41
|
+
- [**Theme support**](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools)—The KendoReact Data Tools, as well as all 120+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, Fluent, and Default) and can be further customized to match your specific design guidelines.
|
|
25
42
|
|
|
26
43
|
## React Pager Component
|
|
27
44
|
|
|
45
|
+
> This is a **free React component**—no sign-up or license required, even in production.
|
|
46
|
+
|
|
28
47
|
[The KendoReact Pager component](https://www.telerik.com/kendo-react-ui/components/datatools/pager/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools) provides options for splitting content into pages. It is very customizable, allowing developers to change the type of the pager, the button counts for the pages, the messages and more.
|
|
29
48
|
|
|
49
|
+
How to use the Pager tool in your apps:
|
|
50
|
+
|
|
51
|
+
```tsx
|
|
52
|
+
import { Pager, PageChangeEvent } from '@progress/kendo-react-data-tools';
|
|
53
|
+
...
|
|
54
|
+
/**
|
|
55
|
+
* Handle the logic for changing the page. Note that you need to update the skip and the take props.
|
|
56
|
+
*/
|
|
57
|
+
<Pager
|
|
58
|
+
skip={skip}
|
|
59
|
+
take={take}
|
|
60
|
+
total={50}
|
|
61
|
+
onPageChange={handlePageChange}
|
|
62
|
+
/>
|
|
63
|
+
```
|
|
64
|
+
|
|
30
65
|
## React Filter Component
|
|
31
66
|
|
|
32
|
-
|
|
67
|
+
> This is a KendoReact **premium component** and requires a commercial license or an active trial license.
|
|
33
68
|
|
|
34
|
-
|
|
69
|
+
[The KendoReact Filter component](https://www.telerik.com/kendo-react-ui/components/datatools/filter/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools) provides an intuitive interface to build out complex filter descriptions. The component can tie into any existing data model and provide an ever-expanding list of parameters to be used as a part of the filter expression. Each filter parameter can be removed as easily as it was added, by simply clicking the delete action item.
|
|
35
70
|
|
|
36
|
-
|
|
37
|
-
|
|
71
|
+
```tsx
|
|
72
|
+
import { Filter, FilterChangeEvent } from "@progress/kendo-react-data-tools";
|
|
73
|
+
...
|
|
74
|
+
/**
|
|
75
|
+
* Provide the data that you want to filter.
|
|
76
|
+
* Define the fields for the filter.
|
|
77
|
+
* Handle the logic when changing the filter. Note that you need to update the filter value.
|
|
78
|
+
*/
|
|
79
|
+
<Filter
|
|
80
|
+
fields={fields}
|
|
81
|
+
value={value}
|
|
82
|
+
onChange={handleFilterChange}
|
|
83
|
+
/>;
|
|
84
|
+
```
|
|
38
85
|
|
|
39
86
|
## Support Options
|
|
40
87
|
|
|
@@ -47,6 +94,7 @@ For any issues you might encounter while working with the KendoReact Data Tools,
|
|
|
47
94
|
## Resources
|
|
48
95
|
|
|
49
96
|
- [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools)
|
|
97
|
+
- [Get Started with KendoReact Free: 50+ Free React Components](https://www.telerik.com/kendo-react-ui/components/free)
|
|
50
98
|
- [Getting Started with the KendoReact Data Tools](https://www.telerik.com/kendo-react-ui/components/datatools/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools)
|
|
51
99
|
- [API Reference of the KendoReact Data Tools](https://www.telerik.com/kendo-react-ui/components/datatools/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools)
|
|
52
100
|
- [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools)
|
|
@@ -55,7 +103,7 @@ For any issues you might encounter while working with the KendoReact Data Tools,
|
|
|
55
103
|
- [KendoReact pricing and licensing](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools)
|
|
56
104
|
- [Changelog](https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-datatools)
|
|
57
105
|
|
|
58
|
-
High-level component overview pages
|
|
106
|
+
High-level component overview pages:
|
|
59
107
|
|
|
60
108
|
- [React Filter Component](https://www.telerik.com/kendo-react-ui/filter)
|
|
61
109
|
- [React Pager Component](https://www.telerik.com/kendo-react-ui/pager)
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741611474,version:"10.0.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "KendoReact",
|
|
11
11
|
productCode: "KENDOUIREACT",
|
|
12
12
|
productCodes: ["KENDOUIREACT"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "10.0.0-develop.
|
|
13
|
+
publishDate: 1741611474,
|
|
14
|
+
version: "10.0.0-develop.5",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-data-tools",
|
|
3
|
-
"version": "10.0.0-develop.
|
|
3
|
+
"version": "10.0.0-develop.5",
|
|
4
4
|
"description": "Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
"@progress/kendo-data-query": "^1.0.0",
|
|
29
29
|
"@progress/kendo-drawing": "^1.21.2",
|
|
30
30
|
"@progress/kendo-licensing": "^1.5.0",
|
|
31
|
-
"@progress/kendo-react-animation": "10.0.0-develop.
|
|
32
|
-
"@progress/kendo-react-buttons": "10.0.0-develop.
|
|
33
|
-
"@progress/kendo-react-common": "10.0.0-develop.
|
|
34
|
-
"@progress/kendo-react-dateinputs": "10.0.0-develop.
|
|
35
|
-
"@progress/kendo-react-dropdowns": "10.0.0-develop.
|
|
36
|
-
"@progress/kendo-react-inputs": "10.0.0-develop.
|
|
37
|
-
"@progress/kendo-react-intl": "10.0.0-develop.
|
|
38
|
-
"@progress/kendo-react-popup": "10.0.0-develop.
|
|
31
|
+
"@progress/kendo-react-animation": "10.0.0-develop.5",
|
|
32
|
+
"@progress/kendo-react-buttons": "10.0.0-develop.5",
|
|
33
|
+
"@progress/kendo-react-common": "10.0.0-develop.5",
|
|
34
|
+
"@progress/kendo-react-dateinputs": "10.0.0-develop.5",
|
|
35
|
+
"@progress/kendo-react-dropdowns": "10.0.0-develop.5",
|
|
36
|
+
"@progress/kendo-react-inputs": "10.0.0-develop.5",
|
|
37
|
+
"@progress/kendo-react-intl": "10.0.0-develop.5",
|
|
38
|
+
"@progress/kendo-react-popup": "10.0.0-develop.5",
|
|
39
39
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
40
40
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
41
41
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"package": {
|
|
62
62
|
"productName": "KendoReact",
|
|
63
63
|
"productCode": "KENDOUIREACT",
|
|
64
|
-
"publishDate":
|
|
64
|
+
"publishDate": 1741611474,
|
|
65
65
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
66
66
|
}
|
|
67
67
|
},
|