@progress/kendo-vue-upload 3.6.4 → 3.7.0-dev.202210250731

package/dist/npm/Upload.js

@@ -4,52 +4,36 @@ var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UploadVue2 = exports.Upload = void 0; // @ts-ignore
-
+exports.UploadVue2 = exports.Upload = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var UploadFileStatus_1 = require("./interfaces/UploadFileStatus");
-
 var UploadNavigation_1 = require("./UploadNavigation");
-
 var axios_1 = require("axios");
-
 var utils_1 = require("./utils/utils");
-
 var stateUtils_1 = require("./utils/stateUtils");
-
 var connectionUtils_1 = require("./utils/connectionUtils");
-
 var validationUtils_1 = require("./utils/validationUtils");
-
 var package_metadata_1 = require("./package-metadata");
 /**
  * @hidden
  */
-
-
 var UploadVue2 = {
   name: 'KendoVueUpload',
   props: {
@@ -170,7 +154,6 @@ var UploadVue2 = {
   created: function created() {
     this._httpSubscriptions = {};
     (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
-
     if (this.$props.defaultFiles) {
       this.currentFiles = this.$props.defaultFiles;
     }
@@ -183,18 +166,18 @@ var UploadVue2 = {
   computed: {
     computedAsync: function computedAsync() {
       var _a = this.$props,
-          autoUpload = _a.autoUpload,
-          batch = _a.batch,
-          removeField = _a.removeField,
-          removeHeaders = _a.removeHeaders,
-          removeMethod = _a.removeMethod,
-          removeUrl = _a.removeUrl,
-          responseType = _a.responseType,
-          saveField = _a.saveField,
-          saveHeaders = _a.saveHeaders,
-          saveMethod = _a.saveMethod,
-          saveUrl = _a.saveUrl,
-          withCredentials = _a.withCredentials;
+        autoUpload = _a.autoUpload,
+        batch = _a.batch,
+        removeField = _a.removeField,
+        removeHeaders = _a.removeHeaders,
+        removeMethod = _a.removeMethod,
+        removeUrl = _a.removeUrl,
+        responseType = _a.responseType,
+        saveField = _a.saveField,
+        saveHeaders = _a.saveHeaders,
+        saveMethod = _a.saveMethod,
+        saveUrl = _a.saveUrl,
+        withCredentials = _a.withCredentials;
       return {
         autoUpload: autoUpload,
         batch: batch,
@@ -243,7 +226,6 @@ var UploadVue2 = {
     },
     uploadFiles: function uploadFiles(filesForUpload) {
       var _this = this;
-
       var async = this.computedAsync;
       stateUtils_1.default.setFilesStatus(filesForUpload, UploadFileStatus_1.UploadFileStatus.Uploading);
       stateUtils_1.default.groupForEach(filesForUpload, function (currentFiles, uid) {
@@ -255,12 +237,9 @@ var UploadVue2 = {
           headers: headers,
           additionalData: additionalData
         };
-
         _this.$emit('beforeupload', eventData);
-
         var requestOptions = connectionUtils_1.default.populateRequestOptions(eventData.headers, _this.computedAsync);
         var formData = connectionUtils_1.default.populateUploadFormData(currentFiles, async.saveField, eventData.additionalData);
-
         if (_this.isCustomSave) {
           _this.$props.saveUrl(currentFiles, {
             formData: formData,
@@ -292,7 +271,6 @@ var UploadVue2 = {
     },
     removeFiles: function removeFiles(filesForRemove) {
       var _this = this;
-
       var async = this.computedAsync;
       stateUtils_1.default.groupForEach(filesForRemove, function (currentFiles, uid) {
         var headers = connectionUtils_1.default.cloneRequestHeaders(async.removeHeaders || {});
@@ -303,15 +281,12 @@ var UploadVue2 = {
           headers: headers,
           additionalData: additionalData
         };
-
         _this.$emit('beforeremove', eventData);
-
         var fileNames = currentFiles.map(function (file) {
           return file.name;
         });
         var requestOptions = connectionUtils_1.default.populateRequestOptions(eventData.headers, _this.computedAsync);
         var formData = connectionUtils_1.default.populateRemoveFormData(fileNames, async.removeField, eventData.additionalData);
-
         if (_this.isCustomRemove) {
           _this.$props.removeUrl(currentFiles, {
             formData: formData,
@@ -336,22 +311,18 @@ var UploadVue2 = {
     },
     onUpload: function onUpload() {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var groupedFiles = stateUtils_1.default.groupFilesByUid(newState);
       var filesForUpload = stateUtils_1.default.filesForUpload(groupedFiles);
       this.uploadFiles(filesForUpload);
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
           newState: newState,
           affectedFiles: stateUtils_1.default.flatFileGroup(filesForUpload)
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -360,38 +331,31 @@ var UploadVue2 = {
       }
     },
     onAdd: function onAdd(files) {
-      var _this = this; // The problem when removing rawFile is that there is no reliable way of preserving it internally.
+      var _this = this;
+      // The problem when removing rawFile is that there is no reliable way of preserving it internally.
       // For example, uid + filename - the filename can be changed at any moment.
-
-
       var selectedFiles = utils_1.default.getAllFileInfo(files);
       var newState;
       selectedFiles = utils_1.default.assignGuidToFiles(selectedFiles, this.computedAsync.batch);
       validationUtils_1.default.validateFiles(selectedFiles, this.$props.restrictions);
-
       if (!this.$props.multiple) {
         newState = [];
       } else {
         newState = this.fileStateCopy;
       }
-
       stateUtils_1.default.addMany(selectedFiles, newState);
-
       if (this.computedAsync.autoUpload) {
         var groupedFiles = stateUtils_1.default.groupFilesByUid(newState);
         this.uploadFiles(stateUtils_1.default.filesForUpload(groupedFiles));
       }
-
       var onAddEvent = function onAddEvent() {
         var eventData = {
           target: _this,
           newState: newState,
           affectedFiles: selectedFiles
         };
-
         _this.$emit('add', eventData);
       };
-
       if (this.isControlled) {
         onAddEvent();
       } else {
@@ -401,31 +365,25 @@ var UploadVue2 = {
     },
     onUploadProgress: function onUploadProgress(uid, event) {
       var _this = this;
-
       var percentComplete = Math.round(100 * event.loaded / event.total) || 0;
       var newState = this.fileStateCopy;
       var filesWithProgress = newState.filter(function (file) {
         return file.uid === uid;
       });
-
       if (!filesWithProgress.length) {
         return;
       }
-
       filesWithProgress.forEach(function (file) {
         file.progress = percentComplete;
       });
-
       var onProgressEvent = function onProgressEvent() {
         var eventData = {
           target: _this,
           newState: newState,
           affectedFiles: filesWithProgress
         };
-
         _this.$emit('progress', eventData);
       };
-
       if (this.isControlled) {
         onProgressEvent();
       } else {
@@ -435,7 +393,6 @@ var UploadVue2 = {
     },
     onUploadSuccess: function onUploadSuccess(uid, event) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var successFiles = newState.filter(function (file) {
         return file.uid === uid;
@@ -444,7 +401,6 @@ var UploadVue2 = {
         file.status = UploadFileStatus_1.UploadFileStatus.Uploaded;
       });
       delete this._httpSubscriptions[uid];
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
@@ -452,10 +408,8 @@ var UploadVue2 = {
           affectedFiles: successFiles,
           response: event ? connectionUtils_1.default.convertAxiosResponse(event) : undefined
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -465,7 +419,6 @@ var UploadVue2 = {
     },
     onUploadError: function onUploadError(uid, event) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var failedFiles = newState.filter(function (file) {
         return file.uid === uid;
@@ -474,11 +427,9 @@ var UploadVue2 = {
         file.status = UploadFileStatus_1.UploadFileStatus.UploadFailed;
       });
       delete this._httpSubscriptions[uid];
-
       if (!failedFiles.length) {
         return;
       }
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
@@ -486,10 +437,8 @@ var UploadVue2 = {
           affectedFiles: failedFiles,
           response: event ? connectionUtils_1.default.convertAxiosResponse(event) : undefined
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -499,9 +448,7 @@ var UploadVue2 = {
     },
     onRemove: function onRemove(uid) {
       var _a;
-
       var _this = this;
-
       var newState = this.fileStateCopy;
       var filesForRemove = newState.filter(function (file) {
         return file.uid === uid;
@@ -510,22 +457,18 @@ var UploadVue2 = {
         return file.uid !== uid;
       });
       var remoteRemoveStatuses = [UploadFileStatus_1.UploadFileStatus.Uploaded, UploadFileStatus_1.UploadFileStatus.Initial, UploadFileStatus_1.UploadFileStatus.RemoveFailed];
-
       if (filesForRemove[0] && remoteRemoveStatuses.indexOf(filesForRemove[0].status) > -1) {
         var fileGroup = (_a = {}, _a[uid] = filesForRemove, _a);
         stateUtils_1.default.setFilesStatus(fileGroup, UploadFileStatus_1.UploadFileStatus.Removing);
         this.removeFiles(fileGroup);
-
         var onStatusChangeEvent = function onStatusChangeEvent() {
           var eventData = {
             target: _this,
             newState: newState,
             affectedFiles: filesForRemove
           };
-
           _this.$emit('statuschange', eventData);
         };
-
         if (this.isControlled) {
           onStatusChangeEvent();
         } else {
@@ -539,10 +482,8 @@ var UploadVue2 = {
             newState: filesToKeep,
             affectedFiles: filesForRemove
           };
-
           _this.$emit('remove', eventData);
         };
-
         if (this.isControlled) {
           onRemoveEvent();
         } else {
@@ -553,7 +494,6 @@ var UploadVue2 = {
     },
     onRemoveSuccess: function onRemoveSuccess(uid, event) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var filesForRemove = newState.filter(function (file) {
         return file.uid === uid;
@@ -561,7 +501,6 @@ var UploadVue2 = {
       var filesToKeep = newState.filter(function (file) {
         return file.uid !== uid;
       });
-
       var onRemoveEvent = function onRemoveEvent() {
         var eventData = {
           target: _this,
@@ -569,10 +508,8 @@ var UploadVue2 = {
           affectedFiles: filesForRemove,
           response: event ? connectionUtils_1.default.convertAxiosResponse(event) : undefined
         };
-
         _this.$emit('remove', eventData);
       };
-
       if (this.isControlled) {
         onRemoveEvent();
       } else {
@@ -582,7 +519,6 @@ var UploadVue2 = {
     },
     onRemoveError: function onRemoveError(uid, event) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var failedFiles = newState.filter(function (file) {
         return file.uid === uid;
@@ -590,7 +526,6 @@ var UploadVue2 = {
       failedFiles.forEach(function (file) {
         file.status = UploadFileStatus_1.UploadFileStatus.RemoveFailed;
       });
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
@@ -598,10 +533,8 @@ var UploadVue2 = {
           affectedFiles: failedFiles,
           response: event ? connectionUtils_1.default.convertAxiosResponse(event) : undefined
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -611,24 +544,20 @@ var UploadVue2 = {
     },
     onRetry: function onRetry(uid) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var filesForRetry = stateUtils_1.default.groupFilesByUid(newState.filter(function (file) {
         return file.uid === uid;
       }));
       stateUtils_1.default.setFilesStatus(filesForRetry, UploadFileStatus_1.UploadFileStatus.Uploading);
       this.uploadFiles(filesForRetry);
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
           newState: newState,
           affectedFiles: stateUtils_1.default.flatFileGroup(filesForRetry)
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -638,7 +567,6 @@ var UploadVue2 = {
     },
     onCancel: function onCancel(uid) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var filesToKeep = newState.filter(function (file) {
         return file.uid !== uid;
@@ -646,29 +574,23 @@ var UploadVue2 = {
       var filesForRemove = newState.filter(function (file) {
         return file.uid === uid;
       });
-
       if (this._httpSubscriptions[uid]) {
         this._httpSubscriptions[uid].cancel();
-
         delete this._httpSubscriptions[uid];
       }
-
       var eventData = {
         target: this,
         uid: uid
       };
       this.$emit('cancel', eventData);
-
       var onRemoveEvent = function onRemoveEvent() {
         var remEventData = {
           target: _this,
           newState: filesToKeep,
           affectedFiles: filesForRemove
         };
-
         _this.$emit('remove', remEventData);
       };
-
       if (this.isControlled) {
         onRemoveEvent();
       } else {
@@ -678,26 +600,21 @@ var UploadVue2 = {
     },
     onClear: function onClear() {
       var _this = this;
-
       if (!this.computedFiles.length) {
         return;
       }
-
       Object.keys(this._httpSubscriptions).forEach(function (key) {
         _this._httpSubscriptions[key].cancel();
       });
       this._httpSubscriptions = {};
-
       var onRemoveEvent = function onRemoveEvent() {
         var eventData = {
           target: _this,
           newState: [],
           affectedFiles: _this.fileStateCopy
         };
-
         _this.$emit('remove', eventData);
       };
-
       if (this.isControlled) {
         onRemoveEvent();
       } else {
@@ -715,35 +632,35 @@ var UploadVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
-        showFileList = _a.showFileList,
-        autoUpload = _a.autoUpload,
-        showActionButtons = _a.showActionButtons,
-        actionsLayout = _a.actionsLayout,
-        tabIndex = _a.tabIndex,
-        disabled = _a.disabled,
-        batch = _a.batch,
-        withCredentials = _a.withCredentials,
-        saveField = _a.saveField,
-        saveHeaders = _a.saveHeaders,
-        saveMethod = _a.saveMethod,
-        saveUrl = _a.saveUrl,
-        responseType = _a.responseType,
-        removeField = _a.removeField,
-        removeHeaders = _a.removeHeaders,
-        removeMethod = _a.removeMethod,
-        removeUrl = _a.removeUrl,
-        multiple = _a.multiple,
-        accept = _a.accept,
-        restrictions = _a.restrictions,
-        files = _a.files,
-        defaultFiles = _a.defaultFiles;
+      showFileList = _a.showFileList,
+      autoUpload = _a.autoUpload,
+      showActionButtons = _a.showActionButtons,
+      actionsLayout = _a.actionsLayout,
+      tabIndex = _a.tabIndex,
+      disabled = _a.disabled,
+      batch = _a.batch,
+      withCredentials = _a.withCredentials,
+      saveField = _a.saveField,
+      saveHeaders = _a.saveHeaders,
+      saveMethod = _a.saveMethod,
+      saveUrl = _a.saveUrl,
+      responseType = _a.responseType,
+      removeField = _a.removeField,
+      removeHeaders = _a.removeHeaders,
+      removeMethod = _a.removeMethod,
+      removeUrl = _a.removeUrl,
+      multiple = _a.multiple,
+      accept = _a.accept,
+      restrictions = _a.restrictions,
+      files = _a.files,
+      defaultFiles = _a.defaultFiles;
     var list = kendo_vue_common_1.templateRendering.call(this, this.$props.list, kendo_vue_common_1.getListeners.call(this));
     var groupedFiles = stateUtils_1.default.groupFilesByUid(this.computedFiles);
     var filesForUpload = stateUtils_1.default.filesForUpload(groupedFiles);
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(UploadNavigation_1.UploadNavigation, {
         groupedFiles: groupedFiles,
         attrs: this.v3 ? undefined : {
@@ -800,6 +717,5 @@ exports.UploadVue2 = UploadVue2;
 /**
  * @hidden
  */
-
 var Upload = UploadVue2;
 exports.Upload = Upload;

package/dist/npm/UploadActionButtons.js

@@ -3,28 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UploadActionButtonsVue2 = exports.UploadActionButtons = void 0; // @ts-ignore
-
+exports.UploadActionButtonsVue2 = exports.UploadActionButtons = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var main_1 = require("./messages/main");
 /**
  * @hidden
  */
-
-
 var UploadActionButtonsVue2 = {
   name: 'KendoVueUploadActionButtons',
   props: {
@@ -72,15 +65,13 @@ var UploadActionButtonsVue2 = {
   },
   updated: function updated() {
     var _a = this.$props,
-        navigationIndex = _a.navigationIndex,
-        clearButtonIndex = _a.clearButtonIndex,
-        uploadButtonIndex = _a.uploadButtonIndex;
-
+      navigationIndex = _a.navigationIndex,
+      clearButtonIndex = _a.clearButtonIndex,
+      uploadButtonIndex = _a.uploadButtonIndex;
     if (navigationIndex !== this._prevNavigationIndex) {
       if (navigationIndex === clearButtonIndex && this._clearElement) {
         this._clearElement.focus();
       }
-
       if (navigationIndex === uploadButtonIndex && this._uploadElement) {
         this._uploadElement.focus();
       }
@@ -91,28 +82,25 @@ var UploadActionButtonsVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.$emit('clear');
     },
     onUploadClick: function onUploadClick() {
       if (this.$props.disabled) {
         return;
       }
-
       this.$emit('click', this.$props.uploadButtonIndex);
       this.$emit('upload');
     }
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
-        disabled = _a.disabled,
-        navigationIndex = _a.navigationIndex,
-        clearButtonIndex = _a.clearButtonIndex,
-        uploadButtonIndex = _a.uploadButtonIndex,
-        actionsLayout = _a.actionsLayout;
+      disabled = _a.disabled,
+      navigationIndex = _a.navigationIndex,
+      clearButtonIndex = _a.clearButtonIndex,
+      uploadButtonIndex = _a.uploadButtonIndex,
+      actionsLayout = _a.actionsLayout;
     var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var wrapperClasses = (0, kendo_vue_common_1.classNames)('k-actions', {
       'k-actions-start': actionsLayout === 'start',
@@ -124,7 +112,8 @@ var UploadActionButtonsVue2 = {
     var uploadButtonClasses = (0, kendo_vue_common_1.classNames)('k-upload-selected', navigationIndex === uploadButtonIndex ? 'k-focus' : '');
     return h("div", {
       "class": wrapperClasses
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -144,7 +133,8 @@ var UploadActionButtonsVue2 = {
       }
     }, this.v3 ? function () {
       return [localizationService.toLanguageString(main_1.clearSelectedFiles, main_1.messages[main_1.clearSelectedFiles])];
-    } : [localizationService.toLanguageString(main_1.clearSelectedFiles, main_1.messages[main_1.clearSelectedFiles])]), // @ts-ignore  function children
+    } : [localizationService.toLanguageString(main_1.clearSelectedFiles, main_1.messages[main_1.clearSelectedFiles])]),
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -173,6 +163,5 @@ exports.UploadActionButtonsVue2 = UploadActionButtonsVue2;
 /**
  * @hidden
  */
-
 var UploadActionButtons = UploadActionButtonsVue2;
 exports.UploadActionButtons = UploadActionButtons;