@progress/kendo-react-upload - npm Package Compare versions

Comparing version 3.7.0-dev.201911061216 to 3.7.0-dev.201911141554

dist/es/UploadNavigation.d.ts

@@ -9,2 +9,3 @@ import * as React from 'react';
     private _navIndex;
+    private _blurTimeout;
     private navIndex;
@@ -21,3 +22,6 @@ constructor(props: UploadUIProps);
     onClick: (navIndex: number) => void;
+    onFocus: () => void;
+    onBlurTimeout: () => void;
+    onBlur: () => void;
     render(): JSX.Element;
 }

dist/es/UploadNavigation.js

@@ -175,2 +175,16 @@ var __extends = (this && this.__extends) || (function () {
         };
+        _this.onFocus = function () {
+            if (_this._blurTimeout) {
+                clearTimeout(_this._blurTimeout);
+                _this._blurTimeout = undefined;
+            }
+        };
+        _this.onBlurTimeout = function () {
+            _this.navIndex = NOT_FOCUSED_INDEX;
+            _this._blurTimeout = undefined;
+        };
+        _this.onBlur = function () {
+            clearTimeout(_this._blurTimeout);
+            _this._blurTimeout = setTimeout(_this.onBlurTimeout);
+        };
         _this._navIndex = NOT_FOCUSED_INDEX;
@@ -203,3 +217,3 @@ return _this;
         var _a = this.props, onClear = _a.onClear, onRemove = _a.onRemove, onRetry = _a.onRetry, onCancel = _a.onCancel, onUpload = _a.onUpload, onAdd = _a.onAdd, others = __rest(_a, ["onClear", "onRemove", "onRetry", "onCancel", "onUpload", "onAdd"]);
-        return (React.createElement(UploadUI, __assign({ ref: function (ref) { return _this._uploadUI = ref; }, className: this.props.className, onKeyDown: this.onKeyDown, navigationIndex: this.navIndex, notFocusedIndex: NOT_FOCUSED_INDEX, onAdd: this.onAdd, onClear: this.onClear, onUpload: this.onUpload, onRemove: this.onRemove, onRetry: this.onRetry, onCancel: this.onCancel, onClick: this.onClick }, others)));
+        return (React.createElement(UploadUI, __assign({ ref: function (ref) { return _this._uploadUI = ref; }, className: this.props.className, onKeyDown: this.onKeyDown, navigationIndex: this.navIndex, notFocusedIndex: NOT_FOCUSED_INDEX, onAdd: this.onAdd, onClear: this.onClear, onUpload: this.onUpload, onRemove: this.onRemove, onRetry: this.onRetry, onCancel: this.onCancel, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, others)));
     };
@@ -206,0 +220,0 @@ return UploadNavigation;

dist/es/UploadUI.d.ts

@@ -26,4 +26,5 @@ import * as React from 'react';
     onClear?: () => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent, isRtl: boolean) => void;
-    onAddFocus?: () => void;
     onClick?: (navIndex: number | undefined) => void;
@@ -80,2 +81,10 @@ }
      */
+    onFocus: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * @hidden
+     */
+    onBlur: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * @hidden
+     */
     onClick: (navIndex: number) => void;
@@ -82,0 +91,0 @@ /**

dist/es/UploadUI.js

@@ -88,2 +88,18 @@ var __extends = (this && this.__extends) || (function () {
          */
+        _this.onFocus = function (event) {
+            if (_this.props.onFocus) {
+                _this.props.onFocus.call(undefined, event);
+            }
+        };
+        /**
+         * @hidden
+         */
+        _this.onBlur = function (event) {
+            if (_this.props.onBlur) {
+                _this.props.onBlur.call(undefined, event);
+            }
+        };
+        /**
+         * @hidden
+         */
         _this.onClick = function (navIndex) {
@@ -168,3 +184,3 @@ if (_this.props.onClick) {
         var addButtonComponent = (React.createElement(UploadAddButton, { ref: function (ref) { return _this._uploadAddButton = ref; }, accept: accept, async: this.async, addButtonIndex: this.addButtonIndex, navigationIndex: navigationIndex, notFocusedIndex: notFocusedIndex, tabindex: tabindex, multiple: multiple, disabled: disabled, onAdd: this.onAdd, onClick: this.onClick }));
-        return (React.createElement("div", { ref: function (ref) { return _this._container = ref; }, className: className, onKeyDown: this.onKeyDown },
+        return (React.createElement("div", { ref: function (ref) { return _this._container = ref; }, className: className, onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur },
             React.createElement(UploadDropZone, { addButtonComponent: addButtonComponent, statusComponent: statusComponent, disabled: disabled, onAdd: this.onAdd }),
@@ -171,0 +187,0 @@ showFileList ?

dist/npm/UploadNavigation.d.ts

@@ -9,2 +9,3 @@ import * as React from 'react';
     private _navIndex;
+    private _blurTimeout;
     private navIndex;
@@ -21,3 +22,6 @@ constructor(props: UploadUIProps);
     onClick: (navIndex: number) => void;
+    onFocus: () => void;
+    onBlurTimeout: () => void;
+    onBlur: () => void;
     render(): JSX.Element;
 }

dist/npm/UploadNavigation.js

@@ -177,2 +177,16 @@ "use strict";
         };
+        _this.onFocus = function () {
+            if (_this._blurTimeout) {
+                clearTimeout(_this._blurTimeout);
+                _this._blurTimeout = undefined;
+            }
+        };
+        _this.onBlurTimeout = function () {
+            _this.navIndex = NOT_FOCUSED_INDEX;
+            _this._blurTimeout = undefined;
+        };
+        _this.onBlur = function () {
+            clearTimeout(_this._blurTimeout);
+            _this._blurTimeout = setTimeout(_this.onBlurTimeout);
+        };
         _this._navIndex = NOT_FOCUSED_INDEX;
@@ -205,3 +219,3 @@ return _this;
         var _a = this.props, onClear = _a.onClear, onRemove = _a.onRemove, onRetry = _a.onRetry, onCancel = _a.onCancel, onUpload = _a.onUpload, onAdd = _a.onAdd, others = __rest(_a, ["onClear", "onRemove", "onRetry", "onCancel", "onUpload", "onAdd"]);
-        return (React.createElement(UploadUI_1.UploadUI, __assign({ ref: function (ref) { return _this._uploadUI = ref; }, className: this.props.className, onKeyDown: this.onKeyDown, navigationIndex: this.navIndex, notFocusedIndex: NOT_FOCUSED_INDEX, onAdd: this.onAdd, onClear: this.onClear, onUpload: this.onUpload, onRemove: this.onRemove, onRetry: this.onRetry, onCancel: this.onCancel, onClick: this.onClick }, others)));
+        return (React.createElement(UploadUI_1.UploadUI, __assign({ ref: function (ref) { return _this._uploadUI = ref; }, className: this.props.className, onKeyDown: this.onKeyDown, navigationIndex: this.navIndex, notFocusedIndex: NOT_FOCUSED_INDEX, onAdd: this.onAdd, onClear: this.onClear, onUpload: this.onUpload, onRemove: this.onRemove, onRetry: this.onRetry, onCancel: this.onCancel, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, others)));
     };
@@ -208,0 +222,0 @@ return UploadNavigation;

dist/npm/UploadUI.d.ts

@@ -26,4 +26,5 @@ import * as React from 'react';
     onClear?: () => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent, isRtl: boolean) => void;
-    onAddFocus?: () => void;
     onClick?: (navIndex: number | undefined) => void;
@@ -80,2 +81,10 @@ }
      */
+    onFocus: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * @hidden
+     */
+    onBlur: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * @hidden
+     */
     onClick: (navIndex: number) => void;
@@ -82,0 +91,0 @@ /**

dist/npm/UploadUI.js

@@ -90,2 +90,18 @@ "use strict";
          */
+        _this.onFocus = function (event) {
+            if (_this.props.onFocus) {
+                _this.props.onFocus.call(undefined, event);
+            }
+        };
+        /**
+         * @hidden
+         */
+        _this.onBlur = function (event) {
+            if (_this.props.onBlur) {
+                _this.props.onBlur.call(undefined, event);
+            }
+        };
+        /**
+         * @hidden
+         */
         _this.onClick = function (navIndex) {
@@ -170,3 +186,3 @@ if (_this.props.onClick) {
         var addButtonComponent = (React.createElement(UploadAddButton_1.UploadAddButton, { ref: function (ref) { return _this._uploadAddButton = ref; }, accept: accept, async: this.async, addButtonIndex: this.addButtonIndex, navigationIndex: navigationIndex, notFocusedIndex: notFocusedIndex, tabindex: tabindex, multiple: multiple, disabled: disabled, onAdd: this.onAdd, onClick: this.onClick }));
-        return (React.createElement("div", { ref: function (ref) { return _this._container = ref; }, className: className, onKeyDown: this.onKeyDown },
+        return (React.createElement("div", { ref: function (ref) { return _this._container = ref; }, className: className, onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur },
             React.createElement(UploadDropZone_1.UploadDropZone, { addButtonComponent: addButtonComponent, statusComponent: statusComponent, disabled: disabled, onAdd: this.onAdd }),
@@ -173,0 +189,0 @@ showFileList ?

package.json

 {
   "name": "@progress/kendo-react-upload",
-  "version": "3.7.0-dev.201911061216",
+  "version": "3.7.0-dev.201911141554",
   "description": "KendoReact Upload package",
@@ -37,3 +37,3 @@ "repository": {
   "dependencies": {
-    "@progress/kendo-react-common": "3.7.0-dev.201911061216",
+    "@progress/kendo-react-common": "3.7.0-dev.201911141554",
     "axios": "0.18.1",
@@ -40,0 +40,0 @@ "prop-types": "^15.6.0"

No alert changes

Improved metrics

Total package byte prevSize

567107

increased by0.97%

Lines of code

7315

increased by1.22%

Dependency changes

• + Added@progress/kendo-react-common@3.7.0-dev.201911141554(transitive)

• - Removed@progress/kendo-react-common@3.7.0-dev.201911061216(transitive)

• Updated@progress/kendo-react-common@3.7.0-dev.201911141554