@vitrosoftware/common-ui-ts 1.1.19 → 1.1.20

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect, useMemo, useCallback, useContext, createContext, useLayoutEffect, forwardRef, cloneElement, useReducer, Children, createElement, Component } from 'react';
-import { ScrollBar, ScriptLoader, Progress, Icon, ButtonGroup, Image, TaskUserList } from '@vitrosoftware/common-ui';
+import { ScrollBar, ScriptLoader, Progress, ButtonGroup, Image, TaskUserList } from '@vitrosoftware/common-ui';
 import { useInjection } from 'inversify-react';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { LinkContainer } from 'react-router-bootstrap';
@@ -20125,6 +20125,7 @@ var EVENT$1;
   EVENT["CLOSE_NODE"] = "close_node.jstree";
   EVENT["SELECT_NODE"] = "select_node.jstree";
   EVENT["LOADED"] = "loaded.jstree";
+  EVENT["MODEL"] = "model.jstree";
 })(EVENT$1 || (EVENT$1 = {}));
 var NODE_TYPE;
 (function (NODE_TYPE) {
@@ -20967,7 +20968,6 @@ var MicroFrontend = function MicroFrontend(props) {
 
 var EVENT$3;
 (function (EVENT) {
-  EVENT["UPLOAD_START"] = "vitro.upload.start";
   EVENT["ADD_FILE"] = "vitro.file.add";
   EVENT["READY_STATE_CHANGE"] = "readystatechange";
 })(EVENT$3 || (EVENT$3 = {}));
@@ -20990,7 +20990,7 @@ var COLOR_GREEN = '#198754';
 var KENDO_UPLOAD = 'kendoUpload';
 var AUTHORIZATION_TOKEN_HEADER = 'AuthorizationToken';
 var TelerikUploaderContextImpl = /*#__PURE__*/function () {
-  function TelerikUploaderContextImpl(uploader, container, dropZone, settings, localeService, onUploadComplete) {
+  function TelerikUploaderContextImpl(uploader, container, dropZone, settings, localeService, toggleButtons) {
     this.token = CTRL.EMPTY;
     this.successCount = 0;
     this.errorCount = 0;
@@ -21002,14 +21002,14 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
     this.container = container[0];
     this.settings = settings;
     this.localeService = localeService;
-    this.onUploadComplete = onUploadComplete;
+    this.toggleButtons = toggleButtons;
     this.id = uploader[0].id;
     var component = this;
     var telerikConfig = {
       async: {
         saveUrl: settings.async.saveUrl,
-        autoUpload: settings.async.autoUpload,
-        batch: settings.async.batch
+        autoUpload: settings.async.isAutoUpload,
+        batch: settings.async.isBatch
       },
       upload: function upload(e) {
         return component.upload(e);
@@ -21035,7 +21035,7 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
       cancel: function cancel(e) {
         return component.cancel(e);
       },
-      directoryDrop: settings.directoryDrop,
+      directoryDrop: settings.isDirectoryDrop,
       dropZone: dropZone,
       localization: {
         cancel: this.localeService.create(LOCALE.CANCEL),
@@ -21062,6 +21062,7 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
     this.subtitle.empty();
     this.title.empty();
     this.progressInfo.removeClass('vitro-upload-complete');
+    $$1(this.container).removeClass('vitro-upload-active');
   };
   _proto.initAuthorization = function initAuthorization(e, token) {
     var xhr = e.XMLHttpRequest;
@@ -21074,10 +21075,7 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   _proto.upload = function upload(e) {
     this.initAuthorization(e, this.token);
     this.fileList = [].concat(this.fileList, e.files);
-    var event = new CustomEvent(EVENT$3.UPLOAD_START, {
-      detail: this
-    });
-    window.dispatchEvent(event);
+    this.toggleButtons(true);
     if (this.settings.upload) {
       this.settings.upload(e);
     }
@@ -21094,18 +21092,30 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   _proto.progress = function progress(e) {
     this.progressInfo.show();
     this.setFileProgress(e.files[0].uid, e.percentComplete);
-    if (e.percentComplete == 100 || this.successCount + this.errorCount == 0) {
-      var info = this.getProgressInfo();
-      this.title.text(this.localeService.create(LOCALE.PROGRESS_PERCENT, {
-        percent: info.percent
-      }));
-      this.subtitle.text(this.localeService.create(LOCALE.PROGRESS_COUNT, {
-        count: info.count
-      }));
-      this.setProgressBar(info.percent);
+    var info = {
+      count: 0,
+      percent: 0
+    };
+    if (this.fileList.length === 1) {
+      info = {
+        count: 1,
+        percent: e.percentComplete
+      };
+    } else {
+      if (e.percentComplete == 100 || this.successCount + this.errorCount == 0) {
+        info = this.getProgressInfo();
+      }
     }
+    this.title.text(this.localeService.create(LOCALE.PROGRESS_PERCENT, {
+      percent: info.percent
+    }));
+    this.subtitle.text(this.localeService.create(LOCALE.PROGRESS_COUNT, {
+      count: info.count
+    }));
+    this.setProgressBar(info.percent);
   };
   _proto.complete = function complete(e) {
+    var _this = this;
     this.progressInfo.addClass('vitro-upload-complete');
     this.subtitle.empty();
     this.title.text(this.localeService.create(LOCALE.SUCCESS, {
@@ -21117,7 +21127,12 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
       }));
     }
     this.setProgressBar(100);
-    this.onUploadComplete();
+    if (this.settings.isAutoReset) {
+      window.setTimeout(function () {
+        _this.clearAllFiles();
+        _this.toggleButtons(false);
+      }, this.settings.resetDurationMs || 5000);
+    }
   };
   _proto.select = function select(e) {
     this.container.classList.remove('vitro-dropzone-active');
@@ -21227,7 +21242,7 @@ var TelerikUploader = function TelerikUploader(props) {
       var input = $$2(uploaderRef.current);
       var dropZone = $$2(dropZoneRef.current);
       var container = $$2(containerRef.current);
-      var _kendoUploader = new TelerikUploaderContextImpl(input, container, dropZone, props.settings, localeService, onUploadComplete);
+      var _kendoUploader = new TelerikUploaderContextImpl(input, container, dropZone, props.settings, localeService, toggleButtons);
       setKendoUploader(_kendoUploader);
       if (props.onInit) {
         props.onInit(_kendoUploader);
@@ -21236,7 +21251,6 @@ var TelerikUploader = function TelerikUploader(props) {
   }, [uploaderRef, dropZoneRef]);
   useEffect(function () {
     if (kendoUploader) {
-      window.addEventListener(EVENT$3.UPLOAD_START, onUpload);
       window.addEventListener(EVENT$3.ADD_FILE, addFile);
       window.addEventListener(EVENT.DRAGOVER, function (e) {
         return onDragOver(e);
@@ -21246,7 +21260,6 @@ var TelerikUploader = function TelerikUploader(props) {
       });
     }
     return function () {
-      window.removeEventListener(EVENT$3.UPLOAD_START, onUpload);
       window.removeEventListener(EVENT$3.ADD_FILE, addFile);
       window.removeEventListener(EVENT.DRAGOVER, function (e) {
         return onDragOver(e);
@@ -21261,26 +21274,15 @@ var TelerikUploader = function TelerikUploader(props) {
       kendoUploader.addFile();
     }
   };
-  var onUpload = function onUpload(e) {
-    var uploader = e.detail;
-    if (uploader.id === props.id) {
-      setShowClose(true);
-    }
-  };
-  var onUploadComplete = function onUploadComplete() {
-    if (props.isAutoClose) {
-      window.setTimeout(function () {
-        clearUploadResult();
-      }, props.durationMs || 5000);
-    }
+  var toggleButtons = function toggleButtons(show) {
+    setShowClose(show);
+    setHide(false);
   };
   var clearUploadResult = function clearUploadResult() {
     if (kendoUploader) {
       kendoUploader.clearAllFiles();
     }
-    setShowClose(false);
-    setHide(false);
-    containerRef.current.classList.remove('vitro-upload-active');
+    toggleButtons(false);
   };
   var hideUploadResult = function hideUploadResult() {
     setHide(!hide);
@@ -21288,13 +21290,15 @@ var TelerikUploader = function TelerikUploader(props) {
   var onDragOver = function onDragOver(e) {
     var includesFiles = e.dataTransfer.types.includes(TYPE_FILES);
     e.preventDefault();
-    if (!containerRef.current.classList.contains('vitro-dropzone-active') && includesFiles) {
+    if (containerRef.current && !containerRef.current.classList.contains('vitro-dropzone-active') && includesFiles) {
       containerRef.current.classList.add('vitro-dropzone-active');
     }
   };
   var onDragLeave = function onDragLeave(e) {
     e.preventDefault();
-    containerRef.current.classList.remove('vitro-dropzone-active');
+    if (containerRef.current) {
+      containerRef.current.classList.remove('vitro-dropzone-active');
+    }
   };
   return React__default.createElement("div", {
     id: componentName,
@@ -59290,6 +59294,22 @@ function OverlayTrigger({
   });
 }
 
+var Icon = function Icon(props) {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("img", {
+    src: props.defaultUrl,
+    className: (props.className || 'vitro-icon') + (!props.hoverUrl || !props.isHover ? CTRL.EMPTY : ' vitro-display-none') + (props.hoverUrl ? ' vitro-icon-default' : CTRL.EMPTY),
+    onClick: function onClick() {
+      return props.onClick && props.onClick();
+    }
+  }), props.hoverUrl && React__default.createElement("img", {
+    src: props.hoverUrl,
+    className: (props.className || 'vitro-icon') + ' vitro-icon-hover' + (props.isHover ? CTRL.EMPTY : ' vitro-display-none'),
+    onClick: function onClick() {
+      return props.onClick && props.onClick();
+    }
+  }));
+};
+
 var styles$5 = {"vitro-button":"_button_vitro-button_hVfBuSO","vitro-animation-ripple":"_button_vitro-animation-ripple_7CFAk_a"};
 
 var PX_UNIT = 'px';
@@ -59349,7 +59369,6 @@ var Button$2 = function Button(props) {
     isHover: isHover,
     defaultUrl: props.imageUrl,
     hoverUrl: props.imageHoverUrl,
-    alt: CTRL.EMPTY,
     className: "" + (props.imageClassName || CTRL.EMPTY)
   }), React__default.createElement("div", null, props.text)));
   if (props.to) {
@@ -59933,7 +59952,7 @@ var ViewPart = function ViewPart(props) {
     } else {
       setComponent(null);
     }
-  }, [props.component, props.settings]);
+  }, [props.component, props.settings, props.item]);
   return React__default.createElement("div", {
     className: styles$8["vitro-view-part"]
   }, component);
@@ -60001,8 +60020,8 @@ var DropdownButton = function DropdownButton(props) {
         return item.onClick(item.value, e);
       }
     }, item.imageUrl && React__default.createElement(Icon, {
-      imageUrl: item.imageUrl,
-      imageHoverUrl: item.imageHoverUrl,
+      defaultUrl: item.imageUrl,
+      hoverUrl: item.imageHoverUrl,
       className: styles$a['vitro-icon']
     }), React__default.createElement("span", null, item.text));
   }), dropItemList.length > 0 && React__default.createElement(BootstrapDropdown, {
@@ -60034,8 +60053,8 @@ var DropdownButton = function DropdownButton(props) {
         return x.onClick(x.value, e);
       }
     }, x.imageUrl && React__default.createElement(Icon, {
-      imageUrl: x.imageUrl,
-      imageHoverUrl: x.imageHoverUrl,
+      defaultUrl: x.imageUrl,
+      hoverUrl: x.imageHoverUrl,
       className: styles$a['vitro-icon']
     }), React__default.createElement("span", null, x.text));
   }))));
@@ -60232,7 +60251,8 @@ var GetGroupControl = function GetGroupControl(props) {
     return React__default.createElement(ViewPart, {
       component: viewPart.component,
       settings: viewPart.settings,
-      props: props
+      props: props,
+      item: props.item
     });
   }));
 };
@@ -60298,7 +60318,8 @@ var Input = function Input(props) {
     }
   }, []);
   useEffect(function () {
-    if (props.value && inputValue !== props.value) updateValue(props.value, true);
+    var value = props.value ? props.value : CTRL.EMPTY;
+    if (inputValue !== value) updateValue(value, true);
   }, [props.value]);
   useEffect(function () {
     setState(props.errorMessage ? styles$e['vitro-error'] : CTRL.EMPTY);
@@ -61329,6 +61350,9 @@ var LookupPicker = function LookupPicker(props) {
       }));
     }
   }, [selectedValueList]);
+  useEffect(function () {
+    setState(props.errorMessage ? styles$p['vitro-error'] : CTRL.EMPTY);
+  }, [props.errorMessage]);
   var updateFilteredValueList = function updateFilteredValueList(valueList) {
     var availableValueList = inputValue ? filteredValueList : valueList;
     if (inputValue && inputValue.length >= (props.charCount || 0)) {
@@ -63347,7 +63371,6 @@ var CommandMenuSubItem = function CommandMenuSubItem(props) {
   }, props.imageUrl && React__default.createElement(Icon, {
     defaultUrl: props.imageUrl,
     hoverUrl: props.imageHoverUrl,
-    alt: props.title,
     className: styles$t['vitro-icon']
   }), props.href ? React__default.createElement(Link, {
     to: props.href
@@ -63371,7 +63394,6 @@ var CommandMenuItemHeader = function CommandMenuItemHeader(props) {
     isHover: isHover,
     defaultUrl: props.imageUrl,
     hoverUrl: props.imageHoverUrl,
-    alt: props.text,
     className: styles$t['vitro-icon']
   }), React__default.createElement("span", null, props.text), !props.isHideChevronDown && React__default.createElement("div", {
     className: styles$t['vitro-button-collapse-bottom']
@@ -63396,7 +63418,7 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
   }), props.children));
 };
 
-var styles$u = {"vitro-active":"_sidebar-item_vitro-active_7p5iOhY","vitro-icon-text":"_sidebar-item_vitro-icon-text_3ROhyLK","vitro-item-text":"_sidebar-item_vitro-item-text_1kK_aIZ","vitro-icon":"_sidebar-item_vitro-icon_2B88tow","vitro-item":"_sidebar-item_vitro-item_1BR_7F0"};
+var styles$u = {"vitro-icon-text":"_sidebar-item_vitro-icon-text_3ROhyLK","vitro-item-text":"_sidebar-item_vitro-item-text_1kK_aIZ","vitro-active":"_sidebar-item_vitro-active_7p5iOhY","vitro-hover":"_sidebar-item_vitro-hover_1mECzme","vitro-icon":"_sidebar-item_vitro-icon_2B88tow","vitro-item":"_sidebar-item_vitro-item_1BR_7F0"};
 
 var Item$1 = function Item(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", null, React__default.createElement(Icon, {
@@ -63424,7 +63446,8 @@ var LinkItem$1 = function LinkItem(props) {
   var _useState = useState(false),
     isHover = _useState[0],
     setIsHover = _useState[1];
-  var isActive = isHover || props.link === props.currentUrl || props.activeItem === props.id;
+  var isActive = props.link === props.currentUrl || props.activeItem === props.id;
+  var className = isActive ? styles$u['vitro-active'] : isHover ? styles$u['vitro-hover'] : CTRL.EMPTY;
   return React__default.createElement("li", {
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
@@ -63438,21 +63461,22 @@ var LinkItem$1 = function LinkItem(props) {
     className: styles$u['vitro-item']
   }, props.link && React__default.createElement(Link, {
     to: props.link,
-    className: isActive ? styles$u['vitro-active'] : CTRL.EMPTY
+    className: className
   }, React__default.createElement(Item$1, Object.assign({}, props, {
-    isHover: isActive
+    isHover: isHover || isActive
   }))), props.onClick && React__default.createElement("a", {
     onClick: function onClick() {
       return w$7[props.onClick || CTRL.EMPTY]();
     },
-    className: isActive ? styles$u['vitro-active'] : CTRL.EMPTY
+    className: className
   }, React__default.createElement(Item$1, Object.assign({}, props, {
-    isHover: isActive
+    isHover: isHover || isActive
   }))), props.href && React__default.createElement("a", {
     href: props.href,
-    target: props.isExternal ? TARGET.BLANK : TARGET.SELF
+    target: props.isExternal ? TARGET.BLANK : TARGET.SELF,
+    className: className
   }, React__default.createElement(Item$1, Object.assign({}, props, {
-    isHover: isActive
+    isHover: isHover || isActive
   }))));
 };
 
@@ -63874,5 +63898,50 @@ var UserLookupPicker = function UserLookupPicker(props) {
   }));
 };
 
-export { ActionHandlerConstants as ACTION_HANDLER, AlertConstants as ALERT, ActionHandler, Alert$1 as Alert, Avatar, Breadcrumbs, Button$2 as Button, Checkbox, CommandMenu, CommandMenuButton, CommandMenuDropdownButton, CommandMenuLookupPicker, CommandMenuSubItem, ComponentLoader, ComponentLoaderContextImpl, ControlGroup, DatePicker, Dialog, DialogContent, DialogFooter, DropdownButton, Input, IssueTile, Label, Login, LookupPicker, MicroFrontend, PdfViewer, Sidebar, TableViewConstants as TABLE_VIEW, TreeViewConstants as TREE_VIEW, TabGroup, TableView, TaskTile, TelerikUploader, TelerikUploaderContextImpl, TimePicker, TopLevelMenu, TreeView, UserLookupPicker, UserProfile, View, commonEn, commonRu };
+var styles$D = {"vitro-title":"_activity_vitro-title_1rdvvaa","vitro-dropdown-button":"_activity_vitro-dropdown-button_12258nJ","vitro-activity":"_activity_vitro-activity_1u7YeF3"};
+
+var Activity = function Activity(props) {
+  return React__default.createElement("div", {
+    className: 'vitro-activity'
+  }, React__default.createElement("div", {
+    className: styles$D['vitro-title']
+  }, props.filterDropdownList && React__default.createElement(DropdownButton, {
+    itemList: props.filterDropdownList,
+    className: styles$D['vitro-dropdown-button']
+  }), React__default.createElement("h3", null, props.title)), React__default.createElement("div", {
+    className: 'vitro-content'
+  }, props.children));
+};
+
+var styles$E = {"vitro-item":"_activity-item_vitro-item_3Tprske","vitro-active":"_activity-item_vitro-active_2kENgvf","vitro-title":"_activity-item_vitro-title__QItISm","vitro-due-date":"_activity-item_vitro-due-date_1mBIraY","vitro-content":"_activity-item_vitro-content_3Lt7XRy","vitro-message":"_activity-item_vitro-message_1ndqhgR","vitro-flex":"_activity-item_vitro-flex_37IxBWe","vitro-dropdown-button":"_activity-item_vitro-dropdown-button_1J50ja7","vitro-avatar":"_activity-item_vitro-avatar_218ZqAk"};
+
+var ActivityItem = function ActivityItem(props) {
+  return React__default.createElement("div", {
+    className: styles$E['vitro-item'] + (props.isActive ? CTRL.SPACE + styles$E['vitro-active'] : CTRL.EMPTY)
+  }, React__default.createElement("div", {
+    className: styles$E['vitro-flex']
+  }, React__default.createElement(Avatar, {
+    userName: props.userName,
+    image: props.userImageUrl,
+    className: styles$E['vitro-avatar']
+  }), React__default.createElement("div", {
+    className: styles$E['vitro-content']
+  }, React__default.createElement("div", null, React__default.createElement("div", {
+    className: styles$E['vitro-title']
+  }, React__default.createElement("span", null, props.title || props.userName)), React__default.createElement("div", {
+    className: styles$E['vitro-message'] + (props.variant ? CTRL.SPACE + props.variant : CTRL.EMPTY)
+  }, React__default.createElement("p", {
+    dangerouslySetInnerHTML: {
+      __html: props.message
+    }
+  }), props.children)), props.isShowDetail && React__default.createElement("span", {
+    className: styles$E['vitro-due-date']
+  }, props.date)), props.isShowDetail && props.dropdownItemList && React__default.createElement(DropdownButton, {
+    itemList: props.dropdownItemList,
+    onToggle: props.onDropdownToggle,
+    className: styles$E['vitro-dropdown-button']
+  })));
+};
+
+export { ActionHandlerConstants as ACTION_HANDLER, AlertConstants as ALERT, ActionHandler, Activity, ActivityItem, Alert$1 as Alert, Avatar, Breadcrumbs, Button$2 as Button, Checkbox, CommandMenu, CommandMenuButton, CommandMenuDropdownButton, CommandMenuLookupPicker, CommandMenuSubItem, ComponentLoader, ComponentLoaderContextImpl, ControlGroup, DatePicker, Dialog, DialogContent, DialogFooter, DropdownButton, Icon, Input, IssueTile, Label, Login, LookupPicker, MicroFrontend, PdfViewer, Sidebar, TableViewConstants as TABLE_VIEW, TreeViewConstants as TREE_VIEW, TabGroup, TableView, TaskTile, TelerikUploader, TelerikUploaderContextImpl, TimePicker, TopLevelMenu, TreeView, UserLookupPicker, UserProfile, View, commonEn, commonRu };
 //# sourceMappingURL=index.modern.js.map