@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 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)—a commercial UI library.
10
- > - You will need to install a license key when adding the package to your project. For more information, please refer to 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).
11
- > - To receive a license key, you need to either [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). Doing so 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).
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
- What's in this package (ToC):
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
- - [React Data Tools Library Shared Features](#react-data-tools-library-shared-features)
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
- [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.
67
+ > This is a KendoReact **premium component** and requires a commercial license or an active trial license.
33
68
 
34
- ## React Data Tools Library Shared Features
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
- - **Accessibility support**&mdash;The Data Tools are compliant with WAI-ARIA and Section 508.
37
- - [**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)&mdash;The KendoReact Data Tools, as well as all 100+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.
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)
@@ -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: 1741269218,version:"10.0.0-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
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;
@@ -10,8 +10,8 @@ const e = {
10
10
  productName: "KendoReact",
11
11
  productCode: "KENDOUIREACT",
12
12
  productCodes: ["KENDOUIREACT"],
13
- publishDate: 1741269218,
14
- version: "10.0.0-develop.3",
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",
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.3",
32
- "@progress/kendo-react-buttons": "10.0.0-develop.3",
33
- "@progress/kendo-react-common": "10.0.0-develop.3",
34
- "@progress/kendo-react-dateinputs": "10.0.0-develop.3",
35
- "@progress/kendo-react-dropdowns": "10.0.0-develop.3",
36
- "@progress/kendo-react-inputs": "10.0.0-develop.3",
37
- "@progress/kendo-react-intl": "10.0.0-develop.3",
38
- "@progress/kendo-react-popup": "10.0.0-develop.3",
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": 1741269218,
64
+ "publishDate": 1741611474,
65
65
  "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
66
66
  }
67
67
  },