@vitrosoftware/common-ui-ts 1.1.105 → 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/css/std/controls/site-select/site-item.css

@@ -28,6 +28,10 @@
     flex-shrink: 0;
 }
 
+.vitro-image{
+    object-fit: contain;
+}
+
 .vitro-default-image {
     background-size: 100%;
     background-repeat: no-repeat;

package/css/std/controls/site-select/site-select.css

@@ -1,7 +1,6 @@
 .vitro-site-select {
     position: relative;
     z-index: 21;
-    margin-left: 32px;
     max-width: 320px;
 }
 
@@ -119,7 +118,6 @@
 @media (max-width: 800px) {
     .vitro-site-select {
         z-index: 0;
-        margin: 0;
         width: 100%;
         max-width: unset;
     }

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%;
@@ -7333,6 +7342,11 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     flex-shrink: 0;
 }
 
+._site-item_vitro-image_3wrW9q4{
+    -o-object-fit: contain;
+       object-fit: contain;
+}
+
 ._site-item_vitro-default-image_fcWWNwv {
     background-size: 100%;
     background-repeat: no-repeat;
@@ -7358,7 +7372,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._site-select_vitro-site-select_2irDOFZ {
     position: relative;
     z-index: 21;
-    margin-left: 32px;
     max-width: 320px;
 }
 
@@ -7480,7 +7493,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 @media (max-width: 800px) {
     ._site-select_vitro-site-select_2irDOFZ {
         z-index: 0;
-        margin: 0;
         width: 100%;
         max-width: unset;
     }

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.105";
+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, {
@@ -64595,18 +64607,19 @@ var AttachedFile = function AttachedFile(props) {
 
 var styles$13 = {"vitro-flex-box":"_flex-box_vitro-flex-box_3jGTD6k"};
 
-var FlexBox = function FlexBox(props) {
+var FlexBox = React.forwardRef(function (props, ref) {
   return React__default.createElement("div", Object.assign({}, props, {
+    ref: ref,
     style: props.gap ? {
       gridGap: props.gap + UNIT.PX
     } : {},
     className: styles$13['vitro-flex-box'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }), props.children);
-};
+});
 
 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];
@@ -64616,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([]);
@@ -64628,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();
@@ -64718,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,
@@ -64754,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"};
 
@@ -66061,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({
@@ -66082,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),
@@ -66748,6 +66782,7 @@ var SiteSelect = function SiteSelect(props) {
     isMobileView = _useState3[0],
     setIsMobileView = _useState3[1];
   var listRef = React.useRef(null);
+  var flexBoxRef = React.useRef(null);
   React.useEffect(function () {
     setVisibleItemList(function (prevState) {
       return props.itemList.filter(function (item) {
@@ -66819,7 +66854,9 @@ var SiteSelect = function SiteSelect(props) {
     setIsExpanded(!isExpanded);
   };
   var onMouseDown = function onMouseDown(e) {
-    if (!isMobileView && listRef.current && !listRef.current.contains(e.target)) {
+    var list = listRef.current;
+    var flexBox = flexBoxRef.current;
+    if (!isMobileView && list && !list.contains(e.target) && flexBox && !flexBox.contains(e.target)) {
       setIsExpanded(false);
     }
   };
@@ -66843,7 +66880,8 @@ var SiteSelect = function SiteSelect(props) {
   return React__default.createElement("div", {
     className: styles$1v['vitro-site-select']
   }, React__default.createElement(FlexBox, {
-    className: 'vitro-flex'
+    className: styles$1v['vitro-flex'],
+    ref: flexBoxRef
   }, React__default.createElement("h2", {
     onClick: onClick
   }, props.activeItem.name), React__default.createElement(ImageButton, {