@progress/kendo-base-component-react-wrapper - npm Package Compare versions

Comparing version 2021.3.1109-dev.11101505 to 2021.3.1109-dev.11101526

dist/es/index.d.ts

@@ -10,7 +10,11 @@ /// <reference types="@progress/kendo-ui" />
     widgetDestroy: Function;
+    protected didMount: boolean;
+    protected domNode: HTMLElement | null;
+    constructor(props: P);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    private exposeWidget();
-    private overrideDestroy();
+    protected elementRef(el: HTMLElement | null): void;
+    private exposeWidget;
+    private overrideDestroy;
 }
 export default KendoBaseComponent;

dist/es/index.js

 /// <reference types="@progress/kendo-ui" />
 var __extends = (this && this.__extends) || (function () {
-    var extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
     return function (d, b) {
@@ -13,6 +16,9 @@ extendStatics(d, b);
 import * as React from 'react';
-var KendoBaseComponent = (function (_super) {
+var KendoBaseComponent = /** @class */ (function (_super) {
     __extends(KendoBaseComponent, _super);
-    function KendoBaseComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function KendoBaseComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.didMount = false;
+        _this.elementRef = _this.elementRef.bind(_this);
+        return _this;
     }
@@ -22,2 +28,3 @@ KendoBaseComponent.prototype.componentDidMount = function () {
         this.overrideDestroy();
+        this.didMount = true;
     };
@@ -30,2 +37,5 @@ KendoBaseComponent.prototype.componentWillUnmount = function () {
     };
+    KendoBaseComponent.prototype.elementRef = function (el) {
+        this.domNode = el;
+    };
     KendoBaseComponent.prototype.exposeWidget = function () {
@@ -32,0 +42,0 @@ if (this.props.widgetRef && typeof this.props.widgetRef === 'function') {

dist/npm/index.d.ts

@@ -10,7 +10,11 @@ /// <reference types="@progress/kendo-ui" />
     widgetDestroy: Function;
+    protected didMount: boolean;
+    protected domNode: HTMLElement | null;
+    constructor(props: P);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    private exposeWidget();
-    private overrideDestroy();
+    protected elementRef(el: HTMLElement | null): void;
+    private exposeWidget;
+    private overrideDestroy;
 }
 export default KendoBaseComponent;

dist/npm/index.js

 "use strict";
 /// <reference types="@progress/kendo-ui" />
 var __extends = (this && this.__extends) || (function () {
-    var extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
     return function (d, b) {
@@ -15,6 +18,9 @@ extendStatics(d, b);
 var React = require("react");
-var KendoBaseComponent = (function (_super) {
+var KendoBaseComponent = /** @class */ (function (_super) {
     __extends(KendoBaseComponent, _super);
-    function KendoBaseComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function KendoBaseComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.didMount = false;
+        _this.elementRef = _this.elementRef.bind(_this);
+        return _this;
     }
@@ -24,2 +30,3 @@ KendoBaseComponent.prototype.componentDidMount = function () {
         this.overrideDestroy();
+        this.didMount = true;
     };
@@ -32,2 +39,5 @@ KendoBaseComponent.prototype.componentWillUnmount = function () {
     };
+    KendoBaseComponent.prototype.elementRef = function (el) {
+        this.domNode = el;
+    };
     KendoBaseComponent.prototype.exposeWidget = function () {
@@ -34,0 +44,0 @@ if (this.props.widgetRef && typeof this.props.widgetRef === 'function') {

package.json

 {
   "name": "@progress/kendo-base-component-react-wrapper",
-  "version": "2021.3.1109-dev.11101505",
+  "version": "2021.3.1109-dev.11101526",
   "description": "Kendo UI Base Component wrapper for React",
@@ -28,10 +28,10 @@ "main": "./dist/npm/index.js",
   "peerDependencies": {
-    "react": "^15.5.4 || ^16.0.0",
-    "react-dom": "^15.5.4 || ^16.0.0"
+    "react": "^15.5.4 || ^16.0.0 || ^17.0.0",
+    "react-dom": "^15.5.4 || ^16.0.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@types/react": "<=16.0.36",
-    "@types/react-dom": "16.0.1",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
@@ -38,0 +38,0 @@ "publishConfig": {

README.md

@@ -1,21 +0,20 @@
-<a href="https://www.telerik.com/kendo-react-ui/" target="_blank">
-<img width="631" src="https://www.telerik.com/kendo-react-ui/npm-banner.svg">
-</a>
+# Looking for a Professional React UI Library?
 
-## Professional Grade Kendo UI Wrapper Components for React
+This package helps you to use [Kendo UI for jQuery](https://demos.telerik.com/kendo-ui/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all-wrapper&utm_content=description) in React applications. It should not be confused with the [KendoReact All](https://www.npmjs.com/package/@progress/kendo-react-all), which is written 100% with React (no jQuery dependency).
 
-This package is part of the [Kendo UI for React](https://www.telerik.com/kendo-react-ui/) suite of wrapper components.
+Most UI components in Kendo UI for jQuery have their native React equivalents, available as part of the [KendoReact UI library](https://www.telerik.com/kendo-react-ui/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all-wrapper).
 
-## License
+## Important
 
-This is commercial software. To use it, you need to agree to the [**Telerik End User License Agreement for Kendo UI Complete**](http://www.telerik.com/purchase/license-agreement/kendo-ui-complete). If you do not own a commercial license, this file shall be governed by the trial license terms.
+This package will not be receiving future updates. We strongly encourage you to work with the native React implementation linked above.
+If you still need to use the Kendo UI for jQuery widgets in your React applications, you can follow [these instructions](https://docs.telerik.com/kendo-ui/third-party/react?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all-wrapper).
 
-All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
+## What is the Difference between Kendo UI for jQuery and KendoReact?
 
-## Resources
+[Kendo UI for jQuery](https://www.telerik.com/kendo-jquery-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all-wrapper&utm_content=description) is a complete, feature-rich jQuery UI component library.
 
-[Browse the Wrapper Components](https://www.telerik.com/kendo-react-ui/components/#react-wrappers)
+The [KendoReact All](https://www.telerik.com/kendo-react-ui/components/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all-wrapper&utm_content=description) 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-all-wrapper&utm_content=description), a library that includes 100+ UI and DataViz components designed and built from the ground up for React.
 
-*Copyright © 2018 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*
+*Copyright © 2021 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*
 
-*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*
+*Progress, Kendo UI, KendoReact and associated product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

No alert changes

Improved metrics

Total package byte prevSize

11965

increased by25.47%

Lines of code

146

increased by23.73%

Worsened metrics

Number of lines in readme file

21

decreased by-4.55%

No dependency changes