@sendbird/uikit-react 3.0.0-beta.3 → 3.0.0-beta.6

package/cjs/ui/MessageInput.js

@@ -1,21 +1,21 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6193d45d.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var require$$2 = require('stream');
 var PropTypes = require('prop-types');
-var _const$1 = require('../const-c65837c1.js');
-var _const = require('../const-d9f4d880.js');
+var _const$1 = require('../const-3024c719.js');
+var _const = require('../const-489c46b6.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Button = require('../index-01072ac9.js');
+var ui_Button = require('../index-2180f74f.js');
 var ui_MentionUserLabel = require('./MentionUserLabel.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-f1971e28.js');
-var LocalizationContext = require('../LocalizationContext-382a9ef1.js');
-var index = require('../index-212a11f2.js');
-require('../stringSet-b9ea6eef.js');
-require('../index-20a06ed6.js');
-require('../tslib.es6-07dd6257.js');
+var ui_Label = require('../index-a20b40c4.js');
+var LocalizationContext = require('../LocalizationContext-79514649.js');
+var index = require('../index-bc563d47.js');
+require('../stringSet-ae448472.js');
+require('../index-0b2e2c2a.js');
+require('../tslib.es6-a7af7bb8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -4897,9 +4897,9 @@ var MessageInput = /*#__PURE__*/React__default["default"].forwardRef(function (p
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: index.getClassName(['sendbird-message-input', disabled ? 'sendbird-message-input__disabled' : ''])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    id: TEXT_FIELD_ID,
+    id: "".concat(TEXT_FIELD_ID).concat(isEdit ? message === null || message === void 0 ? void 0 : message.messageId : ''),
     className: "sendbird-message-input--textarea",
-    contentEditable: true,
+    contentEditable: !disabled,
     role: "textbox",
     "aria-label": "Text Input",
     disabled: disabled,
@@ -4911,9 +4911,9 @@ var MessageInput = /*#__PURE__*/React__default["default"].forwardRef(function (p
       if (preventEvent) {
         e.preventDefault();
       } else {
-        var _ref$current, _ref$current$childNod, _ref$current2, _ref$current2$childNo, _ref$current2$childNo2, _ref$current$childNod2, _ref$current$childNod3;
+        var _e$nativeEvent, _ref$current, _ref$current$childNod, _ref$current2, _ref$current2$childNo, _ref$current2$childNo2, _ref$current$childNod2, _ref$current$childNod3;
 
-        if (!e.shiftKey && e.key === _const$1.MessageInputKeys.Enter) {
+        if (!e.shiftKey && e.key === _const$1.MessageInputKeys.Enter && (e === null || e === void 0 ? void 0 : (_e$nativeEvent = e.nativeEvent) === null || _e$nativeEvent === void 0 ? void 0 : _e$nativeEvent.isComposing) !== true) {
           e.preventDefault();
           sendMessage();
         }
@@ -4942,6 +4942,10 @@ var MessageInput = /*#__PURE__*/React__default["default"].forwardRef(function (p
       onStartTyping();
       setIsInput(((_document4 = document) === null || _document4 === void 0 ? void 0 : (_document4$getElement = _document4.getElementById) === null || _document4$getElement === void 0 ? void 0 : (_document4$getElement2 = _document4$getElement.call(_document4, TEXT_FIELD_ID)) === null || _document4$getElement2 === void 0 ? void 0 : (_document4$getElement3 = _document4$getElement2.innerText) === null || _document4$getElement3 === void 0 ? void 0 : _document4$getElement3.length) > 0);
       useMentionedLabelDetection();
+    },
+    onPaste: function onPaste(e) {
+      e.preventDefault();
+      document.execCommand("insertHTML", false, e === null || e === void 0 ? void 0 : e.clipboardData.getData('text'));
     }
   }), !isInput && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-message-input--placeholder",