@vitrosoftware/common-ui-ts 1.1.28 → 1.1.30

package/dist/index.modern.js

@@ -144,6 +144,9 @@ var app$1 = {
 		},
 		issueTile: {
 			textareaLabel: "Описание"
+		},
+		messageInput: {
+			placeholder: "Добавить комментарий..."
 		}
 	}
 };
@@ -20577,6 +20580,12 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   _proto.expandRow = function expandRow(row) {
     this.grid.Expand(row);
   };
+  _proto.collapseRow = function collapseRow(row) {
+    this.grid.Collapse(row);
+  };
+  _proto.expandParents = function expandParents(row) {
+    this.grid.ExpandParents(row);
+  };
   _proto.getCell = function getCell(row, col) {
     return this.grid.GetCell(row, col);
   };
@@ -63960,12 +63969,12 @@ var styles$E = {"vitro-title":"_activity_vitro-title_1rdvvaa","vitro-dropdown-bu
 var Activity = function Activity(props) {
   return React__default.createElement("div", {
     className: 'vitro-activity'
-  }, React__default.createElement("div", {
+  }, (props.filterDropdownList || props.title) && React__default.createElement("div", {
     className: styles$E['vitro-title']
   }, props.filterDropdownList && React__default.createElement(DropdownButton, {
     itemList: props.filterDropdownList,
     className: styles$E['vitro-dropdown-button']
-  }), React__default.createElement("h3", null, props.title)), React__default.createElement("div", {
+  }), props.title && React__default.createElement("h3", null, props.title)), React__default.createElement("div", {
     className: 'vitro-content'
   }, props.children));
 };
@@ -63980,66 +63989,122 @@ var ActivityItem = function ActivityItem(props) {
   }, React__default.createElement(Avatar, {
     userName: props.userName,
     image: props.userImageUrl,
-    className: styles$F['vitro-avatar']
+    className: styles$F['vitro-avatar'],
+    isBigSize: true
   }), React__default.createElement("div", {
     className: styles$F['vitro-content']
   }, React__default.createElement("div", null, React__default.createElement("div", {
     className: styles$F['vitro-title']
-  }, React__default.createElement("span", null, props.title || props.userName)), React__default.createElement("div", {
+  }, React__default.createElement("span", null, props.title || props.userName), props.isShowDetail && React__default.createElement("span", {
+    className: styles$F['vitro-due-date']
+  }, props.date), props.isShowDetail && props.dropdownItemList && React__default.createElement(DropdownButton, {
+    itemList: props.dropdownItemList,
+    onToggle: props.onDropdownToggle,
+    className: styles$F['vitro-dropdown-button']
+  })), React__default.createElement("div", {
     className: styles$F['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$F['vitro-due-date']
-  }, props.date)), props.isShowDetail && props.dropdownItemList && React__default.createElement(DropdownButton, {
-    itemList: props.dropdownItemList,
-    onToggle: props.onDropdownToggle,
-    className: styles$F['vitro-dropdown-button']
-  })));
+  }), props.children)))));
 };
 
-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 styles$G = {"vitro-activity-message":"_activity-message_vitro-activity-message_3GdyQuC","vitro-item":"_activity-message_vitro-item_3Q-7zX3","vitro-message":"_activity-message_vitro-message_25otUOy","vitro-field-name":"_activity-message_vitro-field-name_hdjdQbg","vitro-separator":"_activity-message_vitro-separator_vxgHLaH"};
 
+var ActivityMessage = function ActivityMessage(props) {
+  return React__default.createElement("div", {
+    className: styles$G['vitro-activity-message']
+  }, props.changedValueList.map(function (item) {
+    return React__default.createElement("div", {
+      className: styles$G['vitro-item']
+    }, item.fieldName && React__default.createElement("span", {
+      className: styles$G['vitro-field-name']
+    }, "" + item.fieldName + CTRL.COLON), item.oldValue && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", null, item.oldValue), React__default.createElement("span", {
+      className: styles$G['vitro-separator']
+    })), React__default.createElement("div", {
+      className: item.isMessage ? styles$G['vitro-message'] : CTRL.EMPTY
+    }, item.newValue));
+  }));
+};
+
+var LOCALE$6;
+(function (LOCALE) {
+  LOCALE["PLACEHOLDER"] = "app.common.messageInput.placeholder";
+})(LOCALE$6 || (LOCALE$6 = {}));
+
+var styles$H = {"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"};
+
+var NEW_LINE = '\n';
 var MessageInput = function MessageInput(props) {
+  var _useState = useState(true),
+    isShowPlaceholder = _useState[0],
+    setIsShowPlaceholder = _useState[1];
   var inputRef = useRef(null);
+  var localeService = useInjection(SERVICE.LOCALE);
   var onEnter = function onEnter() {
-    if (inputRef.current) {
-      props.onSubmit(inputRef.current.value);
-      inputRef.current.value = CTRL.EMPTY;
-    }
+    props.onSubmit(getValue());
+    resetValue();
+    setIsShowPlaceholder(true);
   };
   var onKeyDown = function onKeyDown(e) {
-    if (e.keyCode === 13) {
+    if (e.keyCode === 13 && !e.shiftKey) {
       e.preventDefault();
       onEnter();
     }
   };
   var onChange = function onChange(e) {
     if (props.onChange) {
-      props.onChange(e, inputRef.current.value);
+      var value = getValue();
+      props.onChange(value);
+    }
+  };
+  var onFocus = function onFocus(e) {
+    setIsShowPlaceholder(false);
+  };
+  var onBlur = function onBlur(e) {
+    var value = getValue();
+    if (!value) {
+      resetValue();
+      setIsShowPlaceholder(true);
+    }
+  };
+  var getValue = function getValue() {
+    if (inputRef.current) {
+      return inputRef.current.innerText.replace(NEW_LINE, CTRL.EMPTY);
+    }
+    return CTRL.EMPTY;
+  };
+  var resetValue = function resetValue() {
+    if (inputRef.current) {
+      inputRef.current.innerText = CTRL.EMPTY;
     }
   };
   return React__default.createElement("div", {
-    className: styles$G['vitro-message-input'],
+    className: styles$H['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", {
+  }, React__default.createElement("div", {
+    className: styles$H['vitro-control']
+  }, !props.isDisabled && React__default.createElement(ScrollBar, {
+    isHideScrollX: true
+  }, React__default.createElement("div", {
+    className: styles$H['vitro-message'],
     ref: inputRef,
-    disabled: props.isDisabled,
-    placeholder: props.placeholder,
     onChange: onChange,
-    onKeyDown: onKeyDown
-  }), props.children, React__default.createElement("button", {
+    onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    contentEditable: true
+  }, isShowPlaceholder && React__default.createElement("span", {
+    className: styles$H['vitro-placeholder']
+  }, props.placeholder || localeService.create(LOCALE$6.PLACEHOLDER)))), props.children, props.onAddFile && React__default.createElement("button", {
+    onClick: props.onAddFile,
+    className: styles$H['vitro-button-add-file']
+  })), React__default.createElement("button", {
     onClick: onEnter,
-    className: styles$G['vitro-button-send']
-  })));
+    className: styles$H['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 };
+export { ActionHandlerConstants as ACTION_HANDLER, AlertConstants as ALERT, ActionHandler, Activity, ActivityItem, ActivityMessage, 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