@vitrosoftware/common-ui-ts 1.1.22 → 1.1.24

package/dist/index.modern.js

@@ -21122,9 +21122,15 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
     });
   };
   _proto.upload = function upload(e) {
+    var _this = this;
     this.initAuthorization(e, this.token);
     this.fileList = [].concat(this.fileList, e.files);
     this.toggleButtons(true);
+    if (this.settings.async.isAutoUpload && this.settings.getFileImage) {
+      e.files.forEach(function (file) {
+        _this.setFileImage(file);
+      });
+    }
     if (this.settings.upload) {
       this.settings.upload(e);
     }
@@ -21164,7 +21170,7 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
     this.setProgressBar(info.percent);
   };
   _proto.complete = function complete(e) {
-    var _this = this;
+    var _this2 = this;
     this.progressInfo.addClass('vitro-upload-complete');
     this.subtitle.empty();
     this.title.text(this.localeService.create(LOCALE.SUCCESS, {
@@ -21178,14 +21184,20 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
     this.setProgressBar(100);
     if (this.settings.isAutoReset) {
       window.setTimeout(function () {
-        _this.clearAllFiles();
-        _this.toggleButtons(false);
+        _this2.clearAllFiles();
+        _this2.toggleButtons(false);
       }, this.settings.resetDurationMs || 5000);
     }
   };
   _proto.select = function select(e) {
+    var _this3 = this;
     this.container.classList.remove('vitro-dropzone-active');
     this.container.classList.add('vitro-upload-active');
+    if (!this.settings.async.isAutoUpload && this.settings.getFileImage) {
+      e.files.forEach(function (file) {
+        _this3.setFileImage(file);
+      });
+    }
   };
   _proto.clear = function clear(e) {
     this.container.classList.remove('vitro-upload-active');
@@ -21209,6 +21221,13 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   _proto.setAthorizationToken = function setAthorizationToken(token) {
     this.token = token;
   };
+  _proto.setFileImage = function setFileImage(file) {
+    if (this.settings.getFileImage) {
+      var image = this.settings.getFileImage(file.name);
+      var fileImage = $$1("<img class='vitro-file-icon'>").attr('src', image);
+      $$1(this.container).find(".k-file[data-uid='" + file.uid + "'] .k-file-group-wrapper").replaceWith(fileImage);
+    }
+  };
   _proto.setProgressBar = function setProgressBar(percent) {
     this.progressBar.style.width = percent + CTRL.PERCENT;
     if (percent == 100) {
@@ -57660,10 +57679,10 @@ DropdownMenu.defaultProps = defaultProps;
 // SSR case multiple copies of React Aria is not supported.
 const $b5e257d569688ac6$var$defaultContext = {
     prefix: String(Math.round(Math.random() * 10000000000)),
-    current: 0,
-    isSSR: false
+    current: 0
 };
 const $b5e257d569688ac6$var$SSRContext = /*#__PURE__*/ (React__default).createContext($b5e257d569688ac6$var$defaultContext);
+const $b5e257d569688ac6$var$IsSSRContext = /*#__PURE__*/ (React__default).createContext(false);
 let $b5e257d569688ac6$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
 let $b5e257d569688ac6$var$componentIds = new WeakMap();
 function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
@@ -57736,8 +57755,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
     // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
     if (typeof (React__default)["useSyncExternalStore"] === "function") return (React__default)["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    let cur = (useContext)($b5e257d569688ac6$var$SSRContext);
-    return cur.isSSR;
+    return (useContext)($b5e257d569688ac6$var$IsSSRContext);
 }
 //# sourceMappingURL=module.js.map