@vitrosoftware/common-ui-ts 1.1.22 → 1.1.24

package/css/std/controls/tree-view/tree-view.css

@@ -92,6 +92,7 @@
     height: 32px !important;
     line-height: 32px !important;
     background-position: center !important;
+    background-size: 100% !important;
     margin-right: 4px;
 }
 

package/css/std/controls/uploader/uploader.css

@@ -471,3 +471,7 @@
     position: unset !important;
 }
 
+:global(.vitro-file-icon) {
+    width: 24px;
+    height: 24px;
+}

package/dist/controls/TelerikUploader/TelerikUploaderContextImpl.d.ts

@@ -31,6 +31,7 @@ export declare class TelerikUploaderContextImpl implements TelerikUploaderContex
     private getProgressInfo;
     addFile(): void;
     setAthorizationToken(token: string): void;
+    private setFileImage;
     private setProgressBar;
     private setFileProgress;
     private initOnDrop;

package/dist/controls/TelerikUploader/TelerikUploaderSettings.d.ts

@@ -10,4 +10,5 @@ export interface TelerikUploaderSettings {
     isDirectoryDrop: boolean;
     isAutoReset?: boolean;
     resetDurationMs?: number;
+    getFileImage?: (name: string) => string;
 }

package/dist/index.css

@@ -434,6 +434,7 @@
     height: 32px !important;
     line-height: 32px !important;
     background-position: center !important;
+    background-size: 100% !important;
     margin-right: 4px;
 }
 
@@ -971,7 +972,10 @@
     position: unset !important;
 }
 
-
+.vitro-file-icon {
+    width: 24px;
+    height: 24px;
+}
 .vitro-display-none {
     display: none;
 }

package/dist/index.js

@@ -21124,9 +21124,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);
     }
@@ -21166,7 +21172,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, {
@@ -21180,14 +21186,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');
@@ -21211,6 +21223,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) {
@@ -57662,10 +57681,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) {
@@ -57738,8 +57757,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 = (React.useContext)($b5e257d569688ac6$var$SSRContext);
-    return cur.isSSR;
+    return (React.useContext)($b5e257d569688ac6$var$IsSSRContext);
 }
 
 const isRoleMenu = el => {