@vitrosoftware/common-ui-ts 1.1.106 → 1.1.107

package/css/std/controls/dropdown-button/dropdown-button.css

@@ -82,6 +82,11 @@
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
 }
 
+.vitro-dropdown-button :global(.dropdown-menu[x-placement="top-end"])::before {
+    top: 100%;
+    transform: rotateX(180deg);
+}
+
 .vitro-dropdown-button :global(.dropdown-item) .vitro-image {
     width: 20px;
     height: 20px;

package/css/std/controls/file/file.css

@@ -32,6 +32,10 @@
     border-radius: 4px;
 }
 
+.vitro-preview-container img {
+    max-width: 100%;
+}
+
 .vitro-preview .vitro-preview-container img {
     width: 100%;
     height: 100%;

package/dist/index.css

@@ -1975,6 +1975,11 @@ html, body {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
 }
 
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu[x-placement="top-end"]::before {
+    top: 100%;
+    transform: rotateX(180deg);
+}
+
 ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-image_3bX1quk {
     width: 20px;
     height: 20px;
@@ -5584,6 +5589,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     border-radius: 4px;
 }
 
+._file_vitro-preview-container_2dmbDD7 img {
+    max-width: 100%;
+}
+
 ._file_vitro-preview_2RVdrbm ._file_vitro-preview-container_2dmbDD7 img {
     width: 100%;
     height: 100%;

package/dist/index.js

@@ -119,7 +119,7 @@ var app$1 = {
 		},
 		actionHandler: {
 			confirmDialog: {
-				title: "{{actionName}} выделенные элементы ({{count}} шт.) ?"
+				title: "{{actionName}} выделенные элементы ({{count}} шт.)?"
 			},
 			resultDialog: {
 				progress: {
@@ -21325,6 +21325,9 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
     key: "sort",
     get: function get() {
       return this.grid.Sort;
+    },
+    set: function set(value) {
+      this.grid.Sort = value;
     }
   }, {
     key: "rowCount",
@@ -60417,6 +60420,8 @@ var DialogFooter = function DialogFooter(props) {
 var KEY_CODE = function KEY_CODE() {};
 KEY_CODE.ENTER = 13;
 KEY_CODE.ESC = 27;
+KEY_CODE.ARROW_RIGHT = 39;
+KEY_CODE.ARROW_LEFT = 37;
 
 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"};
 
@@ -61888,7 +61893,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.106";
+var version$1 = "1.1.107";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -64321,8 +64326,15 @@ var UserLookupPicker = React.forwardRef(function (props, ref) {
 var styles$_ = {"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) {
+  var onDrop = function onDrop(e) {
+    if (props.onDrop) {
+      e.preventDefault();
+      props.onDrop(e);
+    }
+  };
   return React__default.createElement("div", {
-    className: 'vitro-activity'
+    className: 'vitro-activity',
+    onDrop: onDrop
   }, (props.filterDropdownList || props.title) && React__default.createElement("div", {
     className: styles$_['vitro-title']
   }, props.filterDropdownList && React__default.createElement(DropdownButton, {
@@ -64607,7 +64619,7 @@ var FlexBox = React.forwardRef(function (props, ref) {
 
 var styles$14 = {"vitro-message-input":"_message-input_vitro-message-input_3MkcjWD","vitro-control":"_message-input_vitro-control_1PUSjq9","vitro-message":"_message-input_vitro-message_2EJSy-9","vitro-placeholder":"_message-input_vitro-placeholder_1FBfIqN","vitro-button-add-file":"_message-input_vitro-button-add-file_1qdtHHq","vitro-button-send":"_message-input_vitro-button-send_1vktQrZ","vitro-display-none":"_message-input_vitro-display-none_2dYTZ22","vitro-attached-file-list":"_message-input_vitro-attached-file-list_l95S4VR","vitro-flex":"_message-input_vitro-flex_18M_7xU"};
 
-var MessageInput = function MessageInput(props) {
+var MessageInput = React.forwardRef(function (props, ref) {
   var _useState = React.useState(true),
     isShowPlaceholder = _useState[0],
     setIsShowPlaceholder = _useState[1];
@@ -64617,6 +64629,13 @@ var MessageInput = function MessageInput(props) {
   var inputRef = React.useRef(null);
   var fileInputRef = React.useRef(null);
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
+  React.useImperativeHandle(ref, function () {
+    return {
+      setFileList: function setFileList(fileList) {
+        processFileList(fileList);
+      }
+    };
+  });
   var onEnter = function onEnter() {
     props.onSubmit(getValue(), fileList);
     setFileList([]);
@@ -64629,16 +64648,16 @@ var MessageInput = function MessageInput(props) {
       setIsShowPlaceholder(false);
     }
   };
-  var onChange = function onChange(e) {
+  var onChange = function onChange() {
     var value = getValue();
     if (props.onChange) {
       props.onChange(value);
     }
   };
-  var onFocus = function onFocus(e) {
+  var onFocus = function onFocus() {
     setIsShowPlaceholder(false);
   };
-  var onBlur = function onBlur(e) {
+  var onBlur = function onBlur() {
     var value = getValue();
     if (!value) {
       resetValue();
@@ -64719,6 +64738,7 @@ var MessageInput = function MessageInput(props) {
     className: styles$14['vitro-attached-file-list']
   }, React__default.createElement(ScrollBar, null, fileList.map(function (file, index) {
     return React__default.createElement(AttachedFile, {
+      key: index,
       file: file,
       index: index,
       getFileImage: props.getFileImage,
@@ -64755,7 +64775,7 @@ var MessageInput = function MessageInput(props) {
     onClick: onEnter,
     className: styles$14['vitro-button-send']
   }));
-};
+});
 
 var styles$15 = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultImage-wrapper":"_image-picker_vitro-image-picker-defaultImage-wrapper_1BHZ1he","vitro-image-picker-image-wrapper":"_image-picker_vitro-image-picker-image-wrapper_328OVLU","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-image-default":"_image-picker_vitro-image-default_LhN4iy6","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL","vitro-required":"_image-picker_vitro-required_2lpwlb0","vitro-error-text":"_image-picker_vitro-error-text_3xviMND"};
 
@@ -66062,6 +66082,10 @@ var ScrollView = function ScrollView(props) {
   React.useEffect(function () {
     destroy();
     init();
+    window.addEventListener(exports.EVENT.KEYDOWN, onKeyDown);
+    return function () {
+      window.removeEventListener(exports.EVENT.KEYDOWN, onKeyDown);
+    };
   }, [props.itemList]);
   var init = function init() {
     window.$(scrollViewRef.current).kendoScrollView({
@@ -66083,6 +66107,15 @@ var ScrollView = function ScrollView(props) {
       props.onChange(e.nextPage, e);
     }
   };
+  var onKeyDown = function onKeyDown(e) {
+    var scrollView = window.$(scrollViewRef.current).data(COMPONENT_NAME);
+    if (scrollView && e.keyCode === KEY_CODE.ARROW_RIGHT) {
+      scrollView.next();
+    }
+    if (scrollView && e.keyCode === KEY_CODE.ARROW_LEFT) {
+      scrollView.prev();
+    }
+  };
   return React__default.createElement("div", {
     ref: scrollViewRef,
     className: styles$1c['vitro-scroll-view'] + CTRL.SPACE + (props.className || CTRL.EMPTY),