@vitrosoftware/common-ui-ts 1.1.25 → 1.1.28

package/dist/index.modern.js

@@ -65,38 +65,27 @@ var app$1 = {
 			action: {
 				conf: {
 					single: "Выполнить действие '{{actionCode}}'",
-					multi: "Выполнить действие '{{actionCode}}'"
+					multi: "Выполнить действие '{{actionCode}}'",
+					std: "Выполнить действие '{{actionCode}}'"
 				},
 				progress: {
 					single: "Выполняется действие '{{actionCode}}'",
-					multi: "Выполняется действие '{{actionCode}}'"
+					multi: "Выполняется действие '{{actionCode}}'",
+					std: "Выполняется действие '{{actionCode}}'"
 				},
 				success: {
 					single: "Действие '{{actionCode}}' выполнено успешно",
-					multi: "Действие '{{actionCode}}' выполнено успешно"
+					multi: "Действие '{{actionCode}}' выполнено успешно. Кол-во элементов: {{count}}",
+					std: "Действие '{{actionCode}}' выполнено успешно"
 				},
 				error: {
 					single: "Действие '{{actionCode}}' выполнено с ошибками",
-					multi: "Действие '{{actionCode}}' выполнено с ошибками"
-				},
-				warning: {
-					single: "Действие '{{actionCode}}' выполнено с замечаниями",
-					multi: "Действие '{{actionCode}}' выполнено с замечаниями"
+					multi: "Действие '{{actionCode}}' выполнено с ошибками",
+					std: "Действие '{{actionCode}}' выполнено с ошибками"
 				},
 				pending: "В ожидании",
 				processing: "Выполняется",
-				complete: "Завершено",
-				"delete": {
-					success_one: "Успешно удален {{count}} объект",
-					success_few: "Успешно удалено {{count}} объекта",
-					success_many: "Успешно удалено {{count}} объектов",
-					progress_one: "Остался {{count}} объект из {{itemCount}}",
-					progress_few: "Осталось {{count}} объекта из {{itemCount}}",
-					progress_many: "Осталось {{count}} объектов из {{itemCount}}",
-					error_one: "Удален {{count}} объект из {{itemCount}}",
-					error_few: "Удалено {{count}} объекта из {{itemCount}}",
-					error_many: "Удалено {{count}} объектов из {{itemCount}}"
-				}
+				complete: "Завершено"
 			}
 		},
 		uploader: {
@@ -125,8 +114,8 @@ var app$1 = {
 			}
 		},
 		actionHandler: {
-			itemCount: "Выбранных объектов: {{itemCount}}",
-			itemName: "Выбран объект: {{itemName}}"
+			itemCount: "Выбранных элементов: {{itemCount}}",
+			itemName: "Элемент: {{itemName}}"
 		},
 		login: {
 			title: "Вход",
@@ -20145,6 +20134,7 @@ var EVENT$1;
   EVENT["SELECT_NODE"] = "select_node.jstree";
   EVENT["LOADED"] = "loaded.jstree";
   EVENT["MODEL"] = "model.jstree";
+  EVENT["DBLCLICK"] = "dblclick.jstree";
 })(EVENT$1 || (EVENT$1 = {}));
 var NODE_TYPE;
 (function (NODE_TYPE) {
@@ -20706,6 +20696,7 @@ var EVENT$2;
   EVENT["ON_CUSTOM_END_EDIT"] = "OnCustomEndEdit";
   EVENT["ON_CUSTOM_START_EDIT"] = "OnCustomStartEdit";
   EVENT["ON_ENDED_DRAG"] = "OnEndedDrag";
+  EVENT["ON_END_DRAG"] = "OnEndDrag";
   EVENT["ON_FILTER_OPERATOR"] = "OnFilterOperator";
   EVENT["ON_FILTER"] = "OnFilter";
   EVENT["ON_GANTT_CHANGED"] = "OnGanttChanged";
@@ -21228,6 +21219,7 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   };
   _proto.error = function error(e) {
     this.errorCount += e.files.length;
+    this.setErrorMessage(e.files[0], e.XMLHttpRequest.response);
   };
   _proto.progress = function progress(e) {
     this.progressInfo.show();
@@ -21306,6 +21298,17 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   _proto.setAthorizationToken = function setAthorizationToken(token) {
     this.token = token;
   };
+  _proto.setErrorMessage = function setErrorMessage(file, resp) {
+    if (this.settings.handleError) {
+      var response = JSON.parse(resp);
+      var error = this.settings.handleError(response);
+      var message = error.message;
+      if (message) {
+        $$1(this.container).find(".k-file[data-uid='" + file.uid + "'] .k-file-validation-message").text(message);
+      }
+      console.error(error);
+    }
+  };
   _proto.setFileImage = function setFileImage(file) {
     if (this.settings.getFileImage) {
       var image = this.settings.getFileImage(file.name);
@@ -59585,18 +59588,19 @@ var LOCALE$1;
 (function (LOCALE) {
   LOCALE["CONF_SINGLE"] = "app.common.msg.action.conf.single";
   LOCALE["CONF_MULTI"] = "app.common.msg.action.conf.multi";
+  LOCALE["CONF_STD"] = "app.common.msg.action.conf.std";
   LOCALE["ITEM_COUNT"] = "app.common.actionHandler.itemCount";
   LOCALE["ITEM_NAME"] = "app.common.actionHandler.itemName";
   LOCALE["SUCCESS_SINGLE"] = "app.common.msg.action.success.single";
   LOCALE["SUCCESS_MULTI"] = "app.common.msg.action.success.multi";
+  LOCALE["SUCCESS_STD"] = "app.common.msg.action.success.std";
   LOCALE["ERROR_SINGLE"] = "app.common.msg.action.error.single";
   LOCALE["ERROR_MULTI"] = "app.common.msg.action.error.multi";
+  LOCALE["ERROR_STD"] = "app.common.msg.action.error.std";
   LOCALE["PROGRESS_SINGLE"] = "app.common.msg.action.progress.single";
   LOCALE["PROGRESS_MULTI"] = "app.common.msg.action.progress.multi";
-  LOCALE["WARNING_SINGLE"] = "app.common.msg.action.warning.single";
-  LOCALE["WARNING_MULTI"] = "app.common.msg.action.warning.multi";
+  LOCALE["PROGRESS_STD"] = "app.common.msg.action.progress.std";
   LOCALE["ACTION"] = "app.common.action";
-  LOCALE["ACTION_MSG"] = "app.common.msg.action";
   LOCALE["ERROR_MSG"] = "app.common.msg.error";
   LOCALE["SUCCESS"] = "success";
   LOCALE["PROGRESS"] = "progress";
@@ -59651,9 +59655,15 @@ var ActionInfo = function ActionInfo(props) {
     if (props.failResult && props.failResult.flat().find(function (itm) {
       return itm.id === item.id;
     })) {
+      var errorMessage = localeService.create(LOCALE$1.COMPLETE);
+      props.failResult.forEach(function (result) {
+        if (result[0].id === item.id && result[1].message) {
+          errorMessage = result[1].message;
+        }
+      });
       info = {
         error: true,
-        text: localeService.create(LOCALE$1.COMPLETE)
+        text: errorMessage
       };
     }
     return info;
@@ -59663,28 +59673,25 @@ var ActionInfo = function ActionInfo(props) {
     var successCount = props.successResult ? props.successResult.length : 0;
     var failCount = props.failResult ? props.failResult.length : 0;
     if (props.action === actionMap.progress) {
-      var key = [LOCALE$1.ACTION_MSG, props.actionCode, LOCALE$1.PROGRESS].join(CTRL.DOT);
-      return localeService.create(key, {
+      return localeService.create(LOCALE$1.PROGRESS_STD, {
         count: count - successCount - failCount,
         itemCount: count
       });
     }
     if (props.action === actionMap.after) {
       if (props.isSuccess) {
-        var _key = [LOCALE$1.ACTION_MSG, props.actionCode, LOCALE$1.SUCCESS].join(CTRL.DOT);
-        return localeService.create(_key, {
+        return localeService.create(LOCALE$1.SUCCESS_STD, {
           count: successCount,
           itemCount: count
         });
       } else {
         if (successCount) {
-          var _key2 = [LOCALE$1.ACTION_MSG, props.actionCode, LOCALE$1.ERROR].join(CTRL.DOT);
-          return localeService.create(_key2, {
+          return localeService.create(LOCALE$1.ERROR_STD, {
             count: successCount,
             itemCount: count
           });
         } else {
-          return localeService.create(LOCALE$1.ERROR_MSG, {
+          return localeService.create(LOCALE$1.ERROR_STD, {
             count: successCount,
             itemCount: count
           });
@@ -59763,9 +59770,10 @@ var ActionHandler = function ActionHandler(props) {
     };
   }, []);
   var data = useMemo(function () {
+    var itemList = props.itemList || props.item ? props.itemList || [props.item] : [];
     return {
-      itemList: props.itemList || [props.item],
-      itemCount: props.itemList ? props.itemList.length : [props.item].length
+      itemList: itemList,
+      itemCount: itemList.length
     };
   }, []);
   var progressBarRef = useRef(null);
@@ -59806,7 +59814,6 @@ var ActionHandler = function ActionHandler(props) {
       window.removeEventListener(EVENT.KEYDOWN, onEscClick, false);
     };
   }, []);
-  if (!props.item && !props.itemList) return null;
   var init = function init() {
     if (props.onBeforeAction) {
       props.onBeforeAction();
@@ -59816,7 +59823,11 @@ var ActionHandler = function ActionHandler(props) {
       if (props.confirmText && props.confirmText()) {
         confText = props.confirmText(data.itemCount);
       } else {
-        if (data.itemCount === 1) {
+        if (data.itemCount == 0) {
+          confText = localeService.create(LOCALE$1.CONF_STD, {
+            actionCode: action
+          });
+        } else if (data.itemCount === 1) {
           confText = localeService.create(LOCALE$1.CONF_SINGLE, {
             actionCode: action,
             itemCount: data.itemCount
@@ -59833,6 +59844,9 @@ var ActionHandler = function ActionHandler(props) {
     setCurrentAction(actionMap$1.before);
   };
   var finish = function finish(success, error, successResult, failResult) {
+    if (failResult.length) {
+      setShow(true);
+    }
     setSuccess(success);
     setCurrentAction(actionMap$1.after);
     if (props.onAfterAction) {
@@ -59841,7 +59855,7 @@ var ActionHandler = function ActionHandler(props) {
     if (props.isBlockInterface) {
       setBlockInterface(false);
     }
-    if (!props.isShowAfterAction) {
+    if (!props.isShowAfterAction && !failResult.length) {
       close(error, successResult, failResult);
       return;
     }
@@ -59867,29 +59881,45 @@ var ActionHandler = function ActionHandler(props) {
     if (success) {
       setIcon(styles$7['vitro-icon-success']);
       setState(styles$7['vitro-success']);
-      var key = [LOCALE$1.ACTION_MSG, props.actionCode, LOCALE$1.SUCCESS].join(CTRL.DOT);
-      setText(localeService.create(key, {
-        actionCode: action,
-        count: successResult.length
-      }));
+      setSuccessText(action, successResult);
     } else if (successResult.length && failResult.length) {
       setIcon(styles$7['vitro-icon-warning']);
       setState(styles$7['vitro-warning']);
-      var _key = data.itemCount === 1 ? LOCALE$1.WARNING_SINGLE : LOCALE$1.WARNING_MULTI;
-      setText(localeService.create(_key, {
-        actionCode: action,
-        itemCount: data.itemCount
-      }));
+      setErrorText(action, failResult);
     } else {
       setIcon(styles$7['vitro-icon-error']);
       setState(styles$7['vitro-error']);
-      var _key2 = data.itemCount === 1 ? LOCALE$1.ERROR_SINGLE : LOCALE$1.ERROR_MULTI;
-      setText(localeService.create(_key2, {
-        actionCode: action,
-        itemCount: data.itemCount
-      }));
+      setErrorText(action, failResult);
     }
   };
+  var setSuccessText = function setSuccessText(action, result) {
+    var key;
+    if (data.itemCount == 0) {
+      key = LOCALE$1.SUCCESS_STD;
+    } else if (data.itemCount === 1) {
+      key = LOCALE$1.SUCCESS_SINGLE;
+    } else {
+      key = LOCALE$1.SUCCESS_MULTI;
+    }
+    setText(localeService.create(key, {
+      actionCode: action,
+      count: result.length
+    }));
+  };
+  var setErrorText = function setErrorText(action, result) {
+    var key;
+    if (data.itemCount == 0) {
+      key = LOCALE$1.ERROR_STD;
+    } else if (data.itemCount === 1) {
+      key = LOCALE$1.ERROR_SINGLE;
+    } else {
+      key = LOCALE$1.ERROR_MULTI;
+    }
+    setText(localeService.create(key, {
+      actionCode: action,
+      itemCount: result.length
+    }));
+  };
   var setProgress = function setProgress(index) {
     var percent = index * 100 / data.itemCount;
     if (progressBarRef.current) {
@@ -59921,7 +59951,7 @@ var ActionHandler = function ActionHandler(props) {
       }
       ;
       if (!props.isShowProgress && !props.isShowAfterAction && !props.isConfirm) {
-        close();
+        hideDialog();
       }
       ;
       var _temp2 = function () {
@@ -59942,6 +59972,16 @@ var ActionHandler = function ActionHandler(props) {
     }
   };
   var process = function process() {
+    try {
+      if (data.itemList.length) {
+        return processItemList();
+      }
+      return processAction();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var processItemList = function processItemList() {
     try {
       var _temp5 = function _temp5() {
         return {
@@ -59966,7 +60006,11 @@ var ActionHandler = function ActionHandler(props) {
           _interrupt = true;
           return;
         }
-        if (data.itemCount > 1) {
+        if (data.itemCount === 0) {
+          setText(localeService.create(LOCALE$1.PROGRESS_STD, {
+            actionCode: action
+          }));
+        } else if (data.itemCount > 1) {
           setText(localeService.create(LOCALE$1.PROGRESS_MULTI, {
             idx: _i + 1,
             itemCount: data.itemCount,
@@ -59990,6 +60034,7 @@ var ActionHandler = function ActionHandler(props) {
           setFailResult(_failResult);
           _success = false;
           setSuccess(false);
+          console.error(error);
         });
         if (_temp3 && _temp3.then) return _temp3.then(function () {});
       });
@@ -59998,6 +60043,35 @@ var ActionHandler = function ActionHandler(props) {
       return Promise.reject(e);
     }
   };
+  var processAction = function processAction() {
+    try {
+      var _temp7 = function _temp7() {
+        return {
+          success: _success2,
+          successResult: _successResult2,
+          failResult: _failResult2
+        };
+      };
+      var _successResult2 = [];
+      var _failResult2 = [];
+      var _success2 = true;
+      var _temp6 = _catch(function () {
+        return Promise.resolve(props.processItem({})).then(function (result) {
+          _successResult2.push([{}, result]);
+          setSuccessResult(_successResult2);
+        });
+      }, function (error) {
+        _failResult2.push([{}, error]);
+        setFailResult(_failResult2);
+        _success2 = false;
+        setSuccess(false);
+        console.error(error);
+      });
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   var onEnter = function onEnter() {
     if (!props.isShowProgress && !props.isShowAfterAction && !props.isConfirm) {
       window.document.body.click();
@@ -60020,7 +60094,7 @@ var ActionHandler = function ActionHandler(props) {
   };
   var close = function close(error, successResult, failResult) {
     if (isCloseEnabled) {
-      if ( props.onAfterActionClose) {
+      if (currentAction == actionMap$1.after && props.onAfterActionClose) {
         props.onAfterActionClose(error, successResult, failResult);
       }
       hideDialog();
@@ -60174,6 +60248,9 @@ var DropdownButton = function DropdownButton(props) {
   var dropItemList = props.itemList.filter(function (x) {
     return !x.isOverflow;
   });
+  var isShowImage = props.itemList.find(function (item) {
+    return !!item.imageUrl;
+  }) ? true : false;
   return React__default.createElement("div", {
     className: styles$b['vitro-dropdown-button'] + CTRL.SPACE + (props.className || CTRL.EMPTY)
   }, overflowItemList.map(function (item) {
@@ -60216,11 +60293,12 @@ var DropdownButton = function DropdownButton(props) {
       onClick: function onClick(e) {
         return x.onClick(x.value, e);
       }
+    }, isShowImage && React__default.createElement("div", {
+      className: styles$b['vitro-icon']
     }, x.imageUrl && React__default.createElement(Icon, {
       defaultUrl: x.imageUrl,
-      hoverUrl: x.imageHoverUrl,
-      className: styles$b['vitro-icon']
-    }), React__default.createElement("span", null, x.text));
+      hoverUrl: x.imageHoverUrl
+    })), React__default.createElement("span", null, x.text));
   }))));
 };
 
@@ -63294,7 +63372,7 @@ var CommandMenuSubItem = function CommandMenuSubItem(props) {
   return React__default.createElement(DropdownItem$2, {
     onClick: onClick,
     toggle: props.toggle === false ? false : true
-  }, React__default.createElement("div", {
+  }, props.isShowImage && React__default.createElement("div", {
     className: styles$u['vitro-icon']
   }, props.imageUrl && React__default.createElement(Icon, {
     defaultUrl: props.imageUrl,
@@ -63326,6 +63404,10 @@ var CommandMenuItemHeader = function CommandMenuItemHeader(props) {
 };
 
 var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
+  var _props$itemList;
+  var isShowImage = (_props$itemList = props.itemList) !== null && _props$itemList !== void 0 && _props$itemList.find(function (item) {
+    return item.imageUrl;
+  }) ? true : false;
   return React__default.createElement(UncontrolledDropdown, {
     nav: true,
     inNavbar: true,
@@ -63339,7 +63421,9 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
     return React__default.createElement(CommandMenuSubItem, Object.assign({
       toggle: props.toggle,
       key: i.text
-    }, i));
+    }, i, {
+      isShowImage: isShowImage
+    }));
   }), props.children));
 };
 
@@ -63916,5 +64000,46 @@ var ActivityItem = function ActivityItem(props) {
   })));
 };
 
-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, EVENT, Icon, Input, IssueTile, Label, Login, LookupPicker, MicroFrontend, PdfViewer, ScrollBar, Sidebar, TableViewConstants as TABLE_VIEW, TreeViewConstants as TREE_VIEW, TabGroup, TableView, TaskTile, TelerikUploader, TelerikUploaderContextImpl, TimePicker, TopLevelMenu, TreeView, UserLookupPicker, UserProfile, View, commonEn, commonRu };
+var styles$G = {"vitro-message-input":"_message-input_vitro-message-input_3MkcjWD","vitro-control":"_message-input_vitro-control_1PUSjq9","vitro-button-send":"_message-input_vitro-button-send_1vktQrZ"};
+
+var MessageInput = function MessageInput(props) {
+  var inputRef = useRef(null);
+  var onEnter = function onEnter() {
+    if (inputRef.current) {
+      props.onSubmit(inputRef.current.value);
+      inputRef.current.value = CTRL.EMPTY;
+    }
+  };
+  var onKeyDown = function onKeyDown(e) {
+    if (e.keyCode === 13) {
+      e.preventDefault();
+      onEnter();
+    }
+  };
+  var onChange = function onChange(e) {
+    if (props.onChange) {
+      props.onChange(e, inputRef.current.value);
+    }
+  };
+  return React__default.createElement("div", {
+    className: styles$G['vitro-message-input'],
+    onDrop: props.onDrop
+  }, React__default.createElement(Avatar, {
+    userName: props.userName,
+    image: props.userImageUrl
+  }), React__default.createElement("div", {
+    className: styles$G['vitro-control']
+  }, React__default.createElement("textarea", {
+    ref: inputRef,
+    disabled: props.isDisabled,
+    placeholder: props.placeholder,
+    onChange: onChange,
+    onKeyDown: onKeyDown
+  }), props.children, React__default.createElement("button", {
+    onClick: onEnter,
+    className: styles$G['vitro-button-send']
+  })));
+};
+
+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, EVENT, Icon, Input, IssueTile, Label, Login, LookupPicker, MessageInput, MicroFrontend, PdfViewer, ScrollBar, 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