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

Comparing version 3.8.0-dev.201911211025 to 3.8.0-dev.201911211415

dist/es/interfaces/UploadProps.d.ts

@@ -41,6 +41,10 @@ /// <reference types="react" />
     /**
+     * **Depricated.** Use `tabIndex` prop instead.
+     */
+    tabindex?: number;
+    /**
      * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
      * of the Upload.
      */
-    tabindex?: number;
+    tabIndex?: number | string;
     /**
@@ -47,0 +51,0 @@ * Sets the `accept` attribute of the `input` element of the Upload.

dist/es/Upload.d.ts

@@ -40,2 +40,3 @@ import * as React from 'react';
         tabindex: PropTypes.Requireable<number>;
+        tabIndex: PropTypes.Requireable<number>;
         accept: PropTypes.Requireable<string>;
@@ -42,0 +43,0 @@ listItemUI: PropTypes.Requireable<string | ((...args: any[]) => any) | PropTypes.InferProps<{

dist/es/Upload.js

@@ -36,2 +36,3 @@ var __extends = (this && this.__extends) || (function () {
 import * as PropTypes from 'prop-types';
+import { getTabIndex } from '@progress/kendo-react-common';
 import { UploadFileStatus } from './interfaces/UploadFileStatus';
@@ -533,6 +534,7 @@ import { UploadNavigation } from './UploadNavigation';
     Upload.prototype.render = function () {
-        var _a = this.props, showFileList = _a.showFileList, onAdd = _a.onAdd, onRemove = _a.onRemove, onCancel = _a.onCancel, autoUpload = _a.autoUpload, showActionButtons = _a.showActionButtons, others = __rest(_a, ["showFileList", "onAdd", "onRemove", "onCancel", "autoUpload", "showActionButtons"]);
+        var _a = this.props, showFileList = _a.showFileList, onAdd = _a.onAdd, onRemove = _a.onRemove, onCancel = _a.onCancel, autoUpload = _a.autoUpload, showActionButtons = _a.showActionButtons, tabIndex = _a.tabIndex, tabindex = _a.tabindex, disabled = _a.disabled, others = __rest(_a, ["showFileList", "onAdd", "onRemove", "onCancel", "autoUpload", "showActionButtons", "tabIndex", "tabindex", "disabled"]);
+        var currentTabIndex = tabIndex !== undefined ? tabIndex : tabindex;
         var groupedFiles = stateUtils.groupFilesByUid(this.files);
         var filesForUpload = stateUtils.filesForUpload(groupedFiles);
-        return (React.createElement(UploadNavigation, __assign({ groupedFiles: groupedFiles, className: this.props.className, showFileList: showFileList && !!Object.keys(groupedFiles).length, showActionButtons: showActionButtons && !autoUpload && !!Object.keys(filesForUpload).length, autoUpload: autoUpload, onAdd: this.onAdd, onRemove: this.onRemove, onClear: this.onClear, onUpload: this.onUpload, onRetry: this.onRetry, onCancel: this.onCancel }, others)));
+        return (React.createElement(UploadNavigation, __assign({ groupedFiles: groupedFiles, className: this.props.className, showFileList: showFileList && !!Object.keys(groupedFiles).length, showActionButtons: showActionButtons && !autoUpload && !!Object.keys(filesForUpload).length, autoUpload: autoUpload, disabled: disabled, onAdd: this.onAdd, onRemove: this.onRemove, onClear: this.onClear, onUpload: this.onUpload, onRetry: this.onRetry, onCancel: this.onCancel, tabIndex: getTabIndex(currentTabIndex, disabled) }, others)));
     };
@@ -563,4 +565,3 @@ /**
         showActionButtons: true,
-        disabled: false,
-        tabindex: 0
+        disabled: false
     };
@@ -588,2 +589,3 @@ /**
         tabindex: PropTypes.number,
+        tabIndex: PropTypes.number,
         accept: PropTypes.string,
@@ -590,0 +592,0 @@ listItemUI: PropTypes.oneOfType([

dist/es/UploadAddButton.d.ts

@@ -10,3 +10,3 @@ import * as React from 'react';
     notFocusedIndex: number | undefined;
-    tabindex?: number;
+    tabIndex?: number;
     async: UploadAsyncProps;
@@ -13,0 +13,0 @@ multiple?: boolean;

dist/es/UploadAddButton.js

@@ -67,7 +67,7 @@ var __extends = (this && this.__extends) || (function () {
         var _this = this;
-        var _a = this.props, navigationIndex = _a.navigationIndex, addButtonIndex = _a.addButtonIndex, tabindex = _a.tabindex, others = __rest(_a, ["navigationIndex", "addButtonIndex", "tabindex"]);
+        var _a = this.props, navigationIndex = _a.navigationIndex, addButtonIndex = _a.addButtonIndex, tabIndex = _a.tabIndex, others = __rest(_a, ["navigationIndex", "addButtonIndex", "tabIndex"]);
         var localizationService = provideLocalizationService(this);
         var selectMessage = localizationService.toLanguageString(select, messages[select]);
         var buttonClassName = classNames('k-button', 'k-upload-button', navigationIndex === addButtonIndex ? 'k-state-focused' : '');
-        return (React.createElement("div", { ref: function (ref) { return _this._element = ref; }, role: "button", className: buttonClassName, "aria-label": selectMessage, tabIndex: tabindex, onClick: this.onClick },
+        return (React.createElement("div", { ref: function (ref) { return _this._element = ref; }, role: "button", className: buttonClassName, "aria-label": selectMessage, tabIndex: tabIndex, onClick: this.onClick },
             React.createElement(UploadInput, __assign({}, others, { ref: function (ref) { return _this._uploadInput = ref; } })),
@@ -74,0 +74,0 @@ React.createElement("span", null, selectMessage)));

dist/es/UploadUI.d.ts

@@ -14,3 +14,3 @@ import * as React from 'react';
     showActionButtons?: boolean;
-    tabindex?: number;
+    tabIndex?: number;
     accept?: string;
@@ -17,0 +17,0 @@ groupedFiles: GroupedFiles;

dist/es/UploadUI.js

@@ -179,6 +179,6 @@ var __extends = (this && this.__extends) || (function () {
         var _this = this;
-        var _a = this.props, multiple = _a.multiple, disabled = _a.disabled, tabindex = _a.tabindex, accept = _a.accept, showFileList = _a.showFileList, groupedFiles = _a.groupedFiles, navigationIndex = _a.navigationIndex, showActionButtons = _a.showActionButtons, notFocusedIndex = _a.notFocusedIndex, listItemUI = _a.listItemUI;
+        var _a = this.props, multiple = _a.multiple, disabled = _a.disabled, tabIndex = _a.tabIndex, accept = _a.accept, showFileList = _a.showFileList, groupedFiles = _a.groupedFiles, navigationIndex = _a.navigationIndex, showActionButtons = _a.showActionButtons, notFocusedIndex = _a.notFocusedIndex, listItemUI = _a.listItemUI;
         var className = classNames('k-widget', 'k-upload', 'k-header', this.props.className, disabled ? 'k-state-disabled' : '');
         var statusComponent = React.createElement(UploadStatus, { fileGroup: groupedFiles });
-        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 }));
+        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, onFocus: this.onFocus, onBlur: this.onBlur },
@@ -185,0 +185,0 @@ React.createElement(UploadDropZone, { addButtonComponent: addButtonComponent, statusComponent: statusComponent, disabled: disabled, onAdd: this.onAdd }),

dist/npm/interfaces/UploadProps.d.ts

@@ -41,6 +41,10 @@ /// <reference types="react" />
     /**
+     * **Depricated.** Use `tabIndex` prop instead.
+     */
+    tabindex?: number;
+    /**
      * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
      * of the Upload.
      */
-    tabindex?: number;
+    tabIndex?: number | string;
     /**
@@ -47,0 +51,0 @@ * Sets the `accept` attribute of the `input` element of the Upload.

dist/npm/Upload.d.ts

@@ -40,2 +40,3 @@ import * as React from 'react';
         tabindex: PropTypes.Requireable<number>;
+        tabIndex: PropTypes.Requireable<number>;
         accept: PropTypes.Requireable<string>;
@@ -42,0 +43,0 @@ listItemUI: PropTypes.Requireable<string | ((...args: any[]) => any) | PropTypes.InferProps<{

dist/npm/Upload.js

@@ -38,2 +38,3 @@ "use strict";
 var PropTypes = require("prop-types");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 var UploadFileStatus_1 = require("./interfaces/UploadFileStatus");
@@ -535,6 +536,7 @@ var UploadNavigation_1 = require("./UploadNavigation");
     Upload.prototype.render = function () {
-        var _a = this.props, showFileList = _a.showFileList, onAdd = _a.onAdd, onRemove = _a.onRemove, onCancel = _a.onCancel, autoUpload = _a.autoUpload, showActionButtons = _a.showActionButtons, others = __rest(_a, ["showFileList", "onAdd", "onRemove", "onCancel", "autoUpload", "showActionButtons"]);
+        var _a = this.props, showFileList = _a.showFileList, onAdd = _a.onAdd, onRemove = _a.onRemove, onCancel = _a.onCancel, autoUpload = _a.autoUpload, showActionButtons = _a.showActionButtons, tabIndex = _a.tabIndex, tabindex = _a.tabindex, disabled = _a.disabled, others = __rest(_a, ["showFileList", "onAdd", "onRemove", "onCancel", "autoUpload", "showActionButtons", "tabIndex", "tabindex", "disabled"]);
+        var currentTabIndex = tabIndex !== undefined ? tabIndex : tabindex;
         var groupedFiles = stateUtils_1.default.groupFilesByUid(this.files);
         var filesForUpload = stateUtils_1.default.filesForUpload(groupedFiles);
-        return (React.createElement(UploadNavigation_1.UploadNavigation, __assign({ groupedFiles: groupedFiles, className: this.props.className, showFileList: showFileList && !!Object.keys(groupedFiles).length, showActionButtons: showActionButtons && !autoUpload && !!Object.keys(filesForUpload).length, autoUpload: autoUpload, onAdd: this.onAdd, onRemove: this.onRemove, onClear: this.onClear, onUpload: this.onUpload, onRetry: this.onRetry, onCancel: this.onCancel }, others)));
+        return (React.createElement(UploadNavigation_1.UploadNavigation, __assign({ groupedFiles: groupedFiles, className: this.props.className, showFileList: showFileList && !!Object.keys(groupedFiles).length, showActionButtons: showActionButtons && !autoUpload && !!Object.keys(filesForUpload).length, autoUpload: autoUpload, disabled: disabled, onAdd: this.onAdd, onRemove: this.onRemove, onClear: this.onClear, onUpload: this.onUpload, onRetry: this.onRetry, onCancel: this.onCancel, tabIndex: kendo_react_common_1.getTabIndex(currentTabIndex, disabled) }, others)));
     };
@@ -565,4 +567,3 @@ /**
         showActionButtons: true,
-        disabled: false,
-        tabindex: 0
+        disabled: false
     };
@@ -590,2 +591,3 @@ /**
         tabindex: PropTypes.number,
+        tabIndex: PropTypes.number,
         accept: PropTypes.string,
@@ -592,0 +594,0 @@ listItemUI: PropTypes.oneOfType([

dist/npm/UploadAddButton.d.ts

@@ -10,3 +10,3 @@ import * as React from 'react';
     notFocusedIndex: number | undefined;
-    tabindex?: number;
+    tabIndex?: number;
     async: UploadAsyncProps;
@@ -13,0 +13,0 @@ multiple?: boolean;

dist/npm/UploadAddButton.js

@@ -69,7 +69,7 @@ "use strict";
         var _this = this;
-        var _a = this.props, navigationIndex = _a.navigationIndex, addButtonIndex = _a.addButtonIndex, tabindex = _a.tabindex, others = __rest(_a, ["navigationIndex", "addButtonIndex", "tabindex"]);
+        var _a = this.props, navigationIndex = _a.navigationIndex, addButtonIndex = _a.addButtonIndex, tabIndex = _a.tabIndex, others = __rest(_a, ["navigationIndex", "addButtonIndex", "tabIndex"]);
         var localizationService = kendo_react_intl_1.provideLocalizationService(this);
         var selectMessage = localizationService.toLanguageString(messages_1.select, messages_1.messages[messages_1.select]);
         var buttonClassName = kendo_react_common_1.classNames('k-button', 'k-upload-button', navigationIndex === addButtonIndex ? 'k-state-focused' : '');
-        return (React.createElement("div", { ref: function (ref) { return _this._element = ref; }, role: "button", className: buttonClassName, "aria-label": selectMessage, tabIndex: tabindex, onClick: this.onClick },
+        return (React.createElement("div", { ref: function (ref) { return _this._element = ref; }, role: "button", className: buttonClassName, "aria-label": selectMessage, tabIndex: tabIndex, onClick: this.onClick },
             React.createElement(UploadInput_1.UploadInput, __assign({}, others, { ref: function (ref) { return _this._uploadInput = ref; } })),
@@ -76,0 +76,0 @@ React.createElement("span", null, selectMessage)));

dist/npm/UploadUI.d.ts

@@ -14,3 +14,3 @@ import * as React from 'react';
     showActionButtons?: boolean;
-    tabindex?: number;
+    tabIndex?: number;
     accept?: string;
@@ -17,0 +17,0 @@ groupedFiles: GroupedFiles;

dist/npm/UploadUI.js

@@ -181,6 +181,6 @@ "use strict";
         var _this = this;
-        var _a = this.props, multiple = _a.multiple, disabled = _a.disabled, tabindex = _a.tabindex, accept = _a.accept, showFileList = _a.showFileList, groupedFiles = _a.groupedFiles, navigationIndex = _a.navigationIndex, showActionButtons = _a.showActionButtons, notFocusedIndex = _a.notFocusedIndex, listItemUI = _a.listItemUI;
+        var _a = this.props, multiple = _a.multiple, disabled = _a.disabled, tabIndex = _a.tabIndex, accept = _a.accept, showFileList = _a.showFileList, groupedFiles = _a.groupedFiles, navigationIndex = _a.navigationIndex, showActionButtons = _a.showActionButtons, notFocusedIndex = _a.notFocusedIndex, listItemUI = _a.listItemUI;
         var className = kendo_react_common_1.classNames('k-widget', 'k-upload', 'k-header', this.props.className, disabled ? 'k-state-disabled' : '');
         var statusComponent = React.createElement(UploadStatus_1.UploadStatus, { fileGroup: groupedFiles });
-        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 }));
+        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, onFocus: this.onFocus, onBlur: this.onBlur },
@@ -187,0 +187,0 @@ React.createElement(UploadDropZone_1.UploadDropZone, { addButtonComponent: addButtonComponent, statusComponent: statusComponent, disabled: disabled, onAdd: this.onAdd }),

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

568977

increased by0.33%

Lines of code

7331

increased by0.22%

Dependency changes

• + Added@progress/kendo-react-common@3.8.0-dev.201911211415(transitive)

• - Removed@progress/kendo-react-common@3.8.0-dev.201911211025(transitive)

• Updated@progress/kendo-react-common@3.8.0-dev.201911211415