@vitrosoftware/common-ui-ts 1.1.115 → 1.1.117

package/dist/index.js

@@ -101,12 +101,9 @@ var app$1 = {
 					count_few: "Осталось {{count}} файла",
 					count_many: "Осталось {{count}} файлов"
 				},
-				success_one: "{{count}} файл загружен",
-				success_few: "{{count}} файла загружено",
-				success_many: "{{count}} файлов загружено",
-				error_one: "{{count}} файл не загружен",
-				error_few: "{{count}} файла не загружено",
-				error_many: "{{count}} файлов не загружено",
+				success: "Файлы успешно загружены",
+				error: "Не удалось загрузить файл(ы)",
+				warning: "Загружено {{processedCount}} из {{count}} файл(ов)",
 				upload: "Загрузить",
 				cancel: "Отмена"
 			},
@@ -21317,6 +21314,18 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   _proto.showPopupMenu = function showPopupMenu() {
     this.grid.ActionShowPopupMenu();
   };
+  _proto.closeDialog = function closeDialog() {
+    this.grid.CloseDialog();
+  };
+  _proto.hideTip = function hideTip() {
+    this.grid.HideTip();
+  };
+  _proto.showMenu = function showMenu(row, col, menu, position, func) {
+    this.grid.ShowMenu(row, col, menu, position, func);
+  };
+  _proto.showPopup = function showPopup(menu, func) {
+    this.grid.ShowPopup(menu, func);
+  };
   _createClass(TreeGridTableViewContextImpl, [{
     key: "columnList",
     get: function get() {
@@ -21582,6 +21591,10 @@ var MENU_NAME;
   MENU_NAME["EXPORT"] = "MenuExport";
   MENU_NAME["COLUMNS"] = "MenuColumns";
 })(MENU_NAME || (MENU_NAME = {}));
+var PART_TYPE;
+(function (PART_TYPE) {
+  PART_TYPE["SIDE_BUTTON"] = "SideButton";
+})(PART_TYPE || (PART_TYPE = {}));
 
 var TableViewConstants = {
     __proto__: null,
@@ -21606,7 +21619,8 @@ var TableViewConstants = {
     get PARAM () { return PARAM; },
     get COL_ID () { return COL_ID; },
     get BUTTON () { return BUTTON; },
-    get MENU_NAME () { return MENU_NAME; }
+    get MENU_NAME () { return MENU_NAME; },
+    get PART_TYPE () { return PART_TYPE; }
 };
 
 var styles$5 = {"vitro-table-view":"_table-view_vitro-table-view_1tTs32D"};
@@ -21879,6 +21893,7 @@ var LOCALE;
   LOCALE["TITLE"] = "app.common.uploader.title";
   LOCALE["SUCCESS"] = "app.common.uploader.action.success";
   LOCALE["ERROR"] = "app.common.uploader.action.error";
+  LOCALE["WARNING"] = "app.common.uploader.action.warning";
   LOCALE["PROGRESS_PERCENT"] = "app.common.uploader.action.progress.percent";
   LOCALE["PROGRESS_COUNT"] = "app.common.uploader.action.progress.count";
   LOCALE["FILE_SUCCESS"] = "app.common.uploader.file.action.success";
@@ -21888,7 +21903,6 @@ var LOCALE;
 })(LOCALE || (LOCALE = {}));
 
 var $$1 = window.$;
-var COLOR_GREEN = '#198754';
 var KENDO_UPLOAD = 'kendoUpload';
 var AUTHORIZATION_TOKEN_HEADER = 'AuthorizationToken';
 var TelerikUploaderContextImpl = /*#__PURE__*/function () {
@@ -21970,6 +21984,9 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
     this.subtitle.empty();
     this.title.empty();
     this.progressInfoContainer.removeClass('vitro-upload-complete');
+    this.progressInfoContainer.removeClass('vitro-success');
+    this.progressInfoContainer.removeClass('vitro-warning');
+    this.progressInfoContainer.removeClass('vitro-error');
     $$1(this.container).removeClass('vitro-upload-active');
     this.progressInfo = {
       count: 0,
@@ -22029,15 +22046,22 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   };
   _proto.complete = function complete(e) {
     var _this2 = this;
-    this.progressInfoContainer.addClass('vitro-upload-complete');
     this.subtitle.empty();
-    this.title.text(this.localeService.create(LOCALE.SUCCESS, {
-      count: this.successCount
-    }));
+    this.progressInfoContainer.addClass('vitro-upload-complete');
     if (this.errorCount) {
-      this.subtitle.text(this.localeService.create(LOCALE.ERROR, {
-        count: this.errorCount
-      }));
+      if (this.successCount) {
+        this.progressInfoContainer.addClass('vitro-warning');
+        this.title.text(this.localeService.create(LOCALE.WARNING, {
+          processedCount: this.successCount,
+          count: this.fileList.length
+        }));
+      } else {
+        this.progressInfoContainer.addClass('vitro-error');
+        this.title.text(this.localeService.create(LOCALE.ERROR));
+      }
+    } else {
+      this.progressInfoContainer.addClass('vitro-success');
+      this.title.text(this.localeService.create(LOCALE.SUCCESS));
     }
     this.setProgressBar(100);
     if (this.settings.isAutoReset && !this.errorCount) {
@@ -22114,11 +22138,6 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   _proto.setProgressBar = function setProgressBar(percent) {
     if (this.progressBar) {
       this.progressBar.style.width = percent + CTRL.PERCENT;
-      if (percent == 100) {
-        this.progressBar.style.background = COLOR_GREEN;
-      } else {
-        this.progressBar.style.background = CTRL.EMPTY;
-      }
     }
   };
   _proto.setFileProgress = function setFileProgress(id, percent) {
@@ -60381,11 +60400,12 @@ var ButtonCancel = function ButtonCancel(props) {
 
 var styles$f = {"vitro-button-group":"_button-group_vitro-button-group_3TLqxjf"};
 
-var ButtonGroup = function ButtonGroup(props) {
+var ButtonGroup = React.forwardRef(function (props, ref) {
   return React__default.createElement("div", {
+    ref: ref,
     className: styles$f['vitro-button-group'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, props.children);
-};
+});
 
 var styles$g = {"vitro-expand-collapse-button":"_expand-collapse-button_vitro-expand-collapse-button_2O97Y_w","vitro-expanded":"_expand-collapse-button_vitro-expanded_bPbXQ6M","vitro-collapsed":"_expand-collapse-button_vitro-collapsed_1NqpRKU"};
 
@@ -60443,7 +60463,8 @@ var DialogFooter = function DialogFooter(props) {
   return React__default.createElement("div", {
     className: styles$h['vitro-dialog-footer'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(ButtonGroup, {
-    className: styles$h['vitro-button-group']
+    className: styles$h['vitro-button-group'],
+    ref: props.buttonGroupRef
   }, props.isShowDetailButton && props.onClickDetailButton && React__default.createElement(DialogDetailExpandButton, {
     onClick: props.onClickDetailButton
   }), props.isDismissible && React__default.createElement(ButtonCancel, {
@@ -60469,6 +60490,7 @@ KEY_CODE.ENTER = 13;
 KEY_CODE.ESC = 27;
 KEY_CODE.ARROW_RIGHT = 39;
 KEY_CODE.ARROW_LEFT = 37;
+KEY_CODE.TAB = 9;
 
 var styles$i = {"vitro-dialog":"_dialog_vitro-dialog_2NzcRZg","vitro-dialog-button-close":"_dialog_vitro-dialog-button-close_2TF5iry","vitro-hidden-content":"_dialog_vitro-hidden-content_niGbpGx","vitro-hidden":"_dialog_vitro-hidden_1kSAyNC","vitro-display-none":"_dialog_vitro-display-none_T-eWeyA"};
 
@@ -60483,14 +60505,15 @@ var Dialog = function Dialog(props) {
   var _useState3 = React.useState(false),
     isMobileView = _useState3[0],
     setIsMobileView = _useState3[1];
+  var dialogRef = React.useRef(null);
+  var buttonGroupRef = React.useRef(null);
   var className = styles$i['vitro-dialog'] + (props.isShow === false ? CTRL.SPACE + styles$i['vitro-display-none'] : CTRL.EMPTY);
   var showFooter = !props.isHideFooter && (((_props$buttonList = props.buttonList) === null || _props$buttonList === void 0 ? void 0 : _props$buttonList.length) || props.onClose);
   React.useEffect(function () {
+    if (buttonGroupRef.current && buttonGroupRef.current.lastChild) {
+      buttonGroupRef.current.lastChild.focus();
+    }
     updateIsMobileView();
-    window.document.addEventListener(exports.EVENT.KEYDOWN, escFunction, false);
-    return function () {
-      window.document.removeEventListener(exports.EVENT.KEYDOWN, escFunction, false);
-    };
   }, []);
   React.useEffect(function () {
     if (props.content) {
@@ -60509,10 +60532,47 @@ var Dialog = function Dialog(props) {
       onClose();
     }
   };
-  var escFunction = function escFunction(e) {
+  var onKeyDown = function onKeyDown(e) {
     if (e.keyCode === KEY_CODE.ESC) {
       onClose();
     }
+    if (e.keyCode === KEY_CODE.TAB || e.keyCode === KEY_CODE.ARROW_RIGHT || e.keyCode === KEY_CODE.ARROW_LEFT) {
+      changeFocus(e);
+    }
+    if (props.onKeyDown) {
+      props.onKeyDown(e);
+    }
+  };
+  var changeFocus = function changeFocus(e) {
+    if (buttonGroupRef.current) {
+      e.preventDefault();
+      var buttonList = Array.from(buttonGroupRef.current.children);
+      var activeButton = buttonList.find(function (button) {
+        return button === document.activeElement;
+      });
+      if (activeButton) {
+        if (e.keyCode === KEY_CODE.TAB) {
+          activeButton.nextSibling ? focusNext(activeButton) : buttonList[0].focus();
+        } else {
+          if (e.keyCode === KEY_CODE.ARROW_RIGHT) {
+            focusNext(activeButton);
+          }
+          if (e.keyCode === KEY_CODE.ARROW_LEFT) {
+            focusPrev(activeButton);
+          }
+        }
+      }
+    }
+  };
+  var focusNext = function focusNext(activeButton) {
+    if (activeButton.nextSibling) {
+      activeButton.nextSibling.focus();
+    }
+  };
+  var focusPrev = function focusPrev(activeButton) {
+    if (activeButton.previousSibling) {
+      activeButton.previousSibling.focus();
+    }
   };
   var updateIsMobileView = function updateIsMobileView() {
     setIsMobileView(window.innerWidth < exports.MOBILE_VIEW.WIDTH);
@@ -60522,7 +60582,10 @@ var Dialog = function Dialog(props) {
   };
   return React__default.createElement("div", {
     className: className,
-    onMouseDown: onOutsideClick
+    onMouseDown: onOutsideClick,
+    onKeyDown: onKeyDown,
+    ref: dialogRef,
+    tabIndex: 1
   }, React__default.createElement(DialogComponent, {
     width: props.width,
     height: props.height,
@@ -60548,7 +60611,8 @@ var Dialog = function Dialog(props) {
     isShowDetailButton: props.hiddenContent && !isMobileView ? true : false,
     onClickDetailButton: onClickDetailButton,
     isDismissible: props.isDismissible,
-    className: props.footerClassName
+    className: props.footerClassName,
+    buttonGroupRef: buttonGroupRef
   }) : null));
 };
 
@@ -60591,6 +60655,7 @@ var ConfirmDialog = function ConfirmDialog(props) {
     onClose: props.onCancel,
     buttonList: buttonList,
     labelClose: props.labelNo,
+    onKeyDown: props.onKeyDown,
     isDismissible: true
   });
 };
@@ -60824,10 +60889,6 @@ var ActionHandler = function ActionHandler(props) {
       }
       setIsShow(true);
     }
-    window.addEventListener(exports.EVENT.KEYDOWN, onEscClick, false);
-    return function () {
-      window.removeEventListener(exports.EVENT.KEYDOWN, onEscClick, false);
-    };
   }, []);
   var init = function init() {
     if (props.onBeforeAction) {
@@ -60967,9 +61028,13 @@ var ActionHandler = function ActionHandler(props) {
       return Promise.reject(e);
     }
   };
-  var onEscClick = function onEscClick(e) {
-    if (e.keyCode === KEY_CODE.ESC && currentAction === actionMap.before) {
-      onClose();
+  var onKeyDown = function onKeyDown(e) {
+    if (currentAction === actionMap.before) {
+      if (e.keyCode === KEY_CODE.ESC) {
+        onClose();
+      } else {
+        e.stopPropagation();
+      }
     }
   };
   var onClose = function onClose(error, successResult, failResult) {
@@ -61004,7 +61069,8 @@ var ActionHandler = function ActionHandler(props) {
     labelNo: props.labelNo,
     labelYes: props.labelYes,
     onCancel: onClose,
-    onConfirm: onStart
+    onConfirm: onStart,
+    onKeyDown: onKeyDown
   }) : React__default.createElement(ResultDialog, {
     actionName: actionName,
     itemList: data.itemList,
@@ -61173,8 +61239,15 @@ var TabGroupHeader = function TabGroupHeader(props) {
   var _useState = React.useState(),
     activeItem = _useState[0],
     setActiveItem = _useState[1];
-  var overflowTabList = [];
+  var overflowTabList = window.innerWidth < exports.MOBILE_VIEW.WIDTH ? props.itemList.filter(function (item) {
+    return item.index !== props.currentTab;
+  }) : [];
   var tabMinWidth = 120;
+  React.useEffect(function () {
+    if (window.innerWidth < exports.MOBILE_VIEW.WIDTH) {
+      setActiveItem(props.itemList[props.currentTab]);
+    }
+  }, [props.itemList]);
   var onClick = function onClick(index) {
     if (!props.isDisabled) {
       var overflowItem = overflowTabList.find(function (item) {
@@ -61193,7 +61266,7 @@ var TabGroupHeader = function TabGroupHeader(props) {
     var width = props.width - count * 16;
     return width >= tabMinWidth ? width : tabMinWidth;
   };
-  return React__default.createElement(Nav$2, null, props.width > 0 && props.itemList && props.itemList.map(function (item, index) {
+  return React__default.createElement(Nav$2, null, window.innerWidth > exports.MOBILE_VIEW.WIDTH && props.width > 0 && props.itemList && props.itemList.map(function (item, index) {
     if ((activeItem ? index + 2 : index + 1) * tabMinWidth < getWidth() || !props.wrap) {
       if (activeItem && activeItem.index === index) {
         setActiveItem(null);
@@ -61952,7 +62025,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.115";
+var version$1 = "1.1.117";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -63323,7 +63396,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   }, [selectedValueList]);
   React.useEffect(function () {
-    setState(props.errorMessage ? styles$M['vitro-error'] : CTRL.EMPTY);
+    setState(props.errorMessage && !valueListVisible ? styles$M['vitro-error'] : valueListVisible ? state : CTRL.EMPTY);
   }, [props.errorMessage]);
   var updateFilteredValueList = function updateFilteredValueList(valueList) {
     var availableValueList = inputValue ? filteredValueList : valueList;
@@ -63389,6 +63462,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   };
   var onOptionValueDelete = function onOptionValueDelete(id) {
     if (!props.isDisabled) {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
       var newSelectedValueList = id ? selectedValueList.filter(function (x) {
         return x.id !== id;
       }) : [];
@@ -63399,21 +63474,19 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   };
   var onFocusOut = function onFocusOut(e) {
+    var _document$activeEleme;
     var target = e.currentTarget;
-    setTimeout(function () {
-      var _document$activeEleme;
-      var isValueListItem = Boolean(props.isMultiSelect && ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.classList.contains(valueListStyles['vitro-item'])));
-      if (!target.contains(document.activeElement) && !isValueListItem) {
-        setValueListVisible(false);
-        setInputValue(CTRL.EMPTY);
-        if (props.onBlur && !props.isDisabled) {
-          props.onBlur(props.isMultiSelect ? selectedValueList : selectedValueList.find(function (x) {
-            return x;
-          }), props.name);
-        }
-        setState(props.errorMessage ? styles$M['vitro-error'] : CTRL.EMPTY);
+    var isValueListItem = Boolean(props.isMultiSelect && ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.classList.contains(valueListStyles['vitro-item'])));
+    if (!target.contains(document.activeElement) && !isValueListItem) {
+      setValueListVisible(false);
+      setInputValue(CTRL.EMPTY);
+      if (props.onBlur && !props.isDisabled) {
+        props.onBlur(props.isMultiSelect ? selectedValueList : selectedValueList.find(function (x) {
+          return x;
+        }), props.name);
       }
-    });
+      setState(props.errorMessage ? styles$M['vitro-error'] : CTRL.EMPTY);
+    }
   };
   var onFocus = function onFocus(e) {
     setState(styles$M['vitro-focus']);
@@ -63539,7 +63612,7 @@ var CommandMenuLookupPicker = function CommandMenuLookupPicker(props) {
   })));
 };
 
-var styles$Q = {"vitro-command-menu-dropdown-button":"_command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3","vitro-dropdown-button-container":"_command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O","vitro-image":"_command-menu-dropdown-button_vitro-image_2VNGo-H","vitro-button-collapse-bottom":"_command-menu-dropdown-button_vitro-button-collapse-bottom_1OS_X_a"};
+var styles$Q = {"vitro-command-menu-dropdown-button":"_command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3","vitro-dropdown-button-container":"_command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O","vitro-right":"_command-menu-dropdown-button_vitro-right_uTzkzdJ","vitro-image":"_command-menu-dropdown-button_vitro-image_2VNGo-H","vitro-button-collapse-bottom":"_command-menu-dropdown-button_vitro-button-collapse-bottom_1OS_X_a","vitro-scrollbar":"_command-menu-dropdown-button_vitro-scrollbar_1J6dT6q"};
 
 var CommandMenuSubItem = function CommandMenuSubItem(props) {
   var onClick = function onClick(e) {
@@ -63569,7 +63642,23 @@ var CommandMenuItemHeader = function CommandMenuItemHeader(props) {
   var _useState = React.useState(false),
     isHover = _useState[0],
     setIsHover = _useState[1];
+  var ref = React.useRef(null);
+  React.useEffect(function () {
+    updateIsRight();
+  }, [ref.current]);
+  var updateIsRight = function updateIsRight() {
+    var isRight = false;
+    if (ref.current) {
+      var windowWidth = window.innerWidth;
+      var left = ref.current.getBoundingClientRect().left;
+      if (left + 241 > windowWidth) {
+        isRight = true;
+      }
+    }
+    props.setIsRight(isRight);
+  };
   return React__default.createElement("div", {
+    ref: ref,
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
     },
@@ -63590,26 +63679,33 @@ var CommandMenuItemHeader = function CommandMenuItemHeader(props) {
 
 var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
   var _props$itemList;
+  var _useState = React.useState(false),
+    isRight = _useState[0],
+    setIsRight = _useState[1];
   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(reactstrap.UncontrolledDropdown, {
     nav: true,
     inNavbar: true,
-    className: styles$Q['vitro-dropdown-button-container']
+    className: styles$Q['vitro-dropdown-button-container'] + (isRight ? CTRL.SPACE + styles$Q['vitro-right'] : CTRL.EMPTY)
   }, React__default.createElement(reactstrap.DropdownToggle, {
     nav: true,
     caret: true
   }, React__default.createElement(CommandMenuItemHeader, Object.assign({}, props, {
-    className: props.className
-  }))), React__default.createElement(reactstrap.DropdownMenu, null, props.itemList && props.itemList.map(function (i) {
+    className: props.className,
+    setIsRight: setIsRight
+  }))), React__default.createElement(reactstrap.DropdownMenu, null, React__default.createElement(ScrollBar, {
+    className: styles$Q['vitro-scrollbar'],
+    isHideScrollX: true
+  }, props.itemList && props.itemList.map(function (i) {
     return React__default.createElement(CommandMenuSubItem, Object.assign({
       toggle: props.toggle,
       key: i.text
     }, i, {
       isShowImage: isShowImage
     }));
-  }), props.children));
+  }), props.children)));
 };
 
 var styles$R = {"vitro-item":"_sidebar-item_vitro-item_1BR_7F0","vitro-image":"_sidebar-item_vitro-image_2A82YI0","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-group-item":"_sidebar-item_vitro-group-item_ZADCctV","vitro-item-list":"_sidebar-item_vitro-item-list_17dWov1","vitro-expanded":"_sidebar-item_vitro-expanded_3qb1vOx","vitro-collapsed":"_sidebar-item_vitro-collapsed_2EhVmXL","vitro-display-none":"_sidebar-item_vitro-display-none_2WwKi5v","vitro-scrollbar":"_sidebar-item_vitro-scrollbar___xylIx","vitro-button-close":"_sidebar-item_vitro-button-close_2Kdf-ob"};