@zohoim/chat-components 1.0.9-beta.7 → 1.0.9-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/es/AttachmentPreview/css/AttachmentPreview.module.css +1 -1
  2. package/es/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css +1 -0
  3. package/es/EmojiPopup/EmojiPopup.js +0 -1
  4. package/es/Emojis/Emojis.js +4 -2
  5. package/es/Emojis/props/propTypes.js +2 -1
  6. package/es/im/ReplyComposer/ReplyComposer.js +2 -2
  7. package/es/im/ReplyEditor/css/ReplyEditor.module.css +7 -5
  8. package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +4 -1
  9. package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +0 -1
  10. package/package.json +5 -5
package/es/AttachmentPreview/css/AttachmentPreview.module.css CHANGED
@@ -3,7 +3,7 @@
3
3
  position: fixed;
4
4
  top: 0 ;
5
5
  bottom: 0 ;
6
- z-index: 2147483643;
6
+ z-index: 2;
7
7
  overflow: hidden;
8
8
  background-color: rgba(42, 45, 54, 0.94);
9
9
  }
package/es/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css CHANGED
@@ -24,6 +24,7 @@
24
24
  border: 0 !important;
25
25
  border-bottom: 1px solid
26
26
  var(--imlib_chat_components_attachmentPreviewBody_editor_border_color) !important;
27
+ padding: 0 !important;
27
28
  }
28
29
 
29
30
  .editableDiv:hover {
package/es/EmojiPopup/EmojiPopup.js CHANGED
@@ -93,7 +93,6 @@ function EmojiPopupComp(props) {
93
93
  isActive: isPopupReady,
94
94
  isAnimate: true,
95
95
  isArrow: false,
96
- isRestrictScroll: true,
97
96
  onClick: removeClose,
98
97
  portalId: EDITOR_POPUP_PORTAL,
99
98
  positionsOffset: positionsOffset,
package/es/Emojis/Emojis.js CHANGED
@@ -26,7 +26,8 @@ export default function Emojis(props) {
26
26
  needAutoFocus,
27
27
  customProps,
28
28
  isShowOnlyContent,
29
- searchPlaceHolder
29
+ searchPlaceHolder,
30
+ getMethods
30
31
  } = props;
31
32
  const {
32
33
  emojisListProps = dummyObject,
@@ -48,7 +49,8 @@ export default function Emojis(props) {
48
49
  needAutoFocus,
49
50
  onSelect: propOnSelect,
50
51
  emojisList,
51
- isShowGroupBasedList
52
+ isShowGroupBasedList,
53
+ getMethods
52
54
  });
53
55
  return /*#__PURE__*/React.createElement(React.Fragment, null, isShowSearchBox ? /*#__PURE__*/React.createElement(EmojisHeader, {
54
56
  getRef: getSearchRef,
package/es/Emojis/props/propTypes.js CHANGED
@@ -14,6 +14,7 @@ const emojisPropTypes = {
14
14
  emojisListProps: PropTypes.object
15
15
  }),
16
16
  isShowOnlyContent: PropTypes.bool,
17
- searchPlaceHolder: PropTypes.string
17
+ searchPlaceHolder: PropTypes.string,
18
+ getMethods: PropTypes.func
18
19
  };
19
20
  export default emojisPropTypes;
package/es/im/ReplyComposer/ReplyComposer.js CHANGED
@@ -53,7 +53,6 @@ export default function ReplyComposer(props) {
53
53
  needFooter
54
54
  } = props;
55
55
  const {
56
- replyEditorProps = dummyObject,
57
56
  replyEditorSuggestionsProps = dummyObject,
58
57
  replyComposerFooterProps = dummyObject
59
58
  } = customProps;
@@ -76,6 +75,7 @@ export default function ReplyComposer(props) {
76
75
  editor,
77
76
  onKeyDown,
78
77
  attachmentPreviewCustomProps,
78
+ replyEditorCustomProps,
79
79
  onFileCancel,
80
80
  onFileSubmit,
81
81
  isLoading,
@@ -139,7 +139,7 @@ export default function ReplyComposer(props) {
139
139
  onKeyDown: onKeyDown,
140
140
  onPaste: onPaste,
141
141
  placeHolder: placeHolder,
142
- ...replyEditorProps
142
+ ...replyEditorCustomProps
143
143
  })), needFooter && isLoaded ? /*#__PURE__*/React.createElement(ReplyComposerFooter, {
144
144
  editor: editor,
145
145
  extensions: extensions,
package/es/im/ReplyEditor/css/ReplyEditor.module.css CHANGED
@@ -12,11 +12,11 @@
12
12
 
13
13
  .editableDiv {
14
14
  --zd_fallback_font: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
15
- Roboto, 'Helvetica Neue', Arial, sans-serif !important;
16
- --zd_regular: var(--zd_base_font_regular), var(--zd_fallback_font) !important;
17
- --zd_light: var(--zd_base_font_light), var(--zd_fallback_font) !important;
18
- --zd_semibold: var(--zd_base_font_semibold), var(--zd_fallback_font) !important;
19
- --zd_bold: var(--zd_base_font_bold), var(--zd_fallback_font) !important;
15
+ Roboto, 'Helvetica Neue', Arial, sans-serif !important;
16
+ --zd_regular: var(--zd_base_font_regular), var(--zd_fallback_font) !important;
17
+ --zd_light: var(--zd_base_font_light), var(--zd_fallback_font) !important;
18
+ --zd_semibold: var(--zd_base_font_semibold), var(--zd_fallback_font) !important;
19
+ --zd_bold: var(--zd_base_font_bold), var(--zd_fallback_font) !important;
20
20
  max-height: var(--zd_size250) !important;
21
21
  min-height: var(--zd_size80) !important;
22
22
  overflow: auto !important;
@@ -32,7 +32,9 @@
32
32
  --rte-link-text-color: var(
33
33
  --imlib_chat_components_replyEditor_color
34
34
  ) !important;
35
+
35
36
  padding: var(--zd_size16) !important;
37
+ cursor: text !important;
36
38
  }
37
39
 
38
40
  .editorWrapper {
package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js CHANGED
@@ -41,7 +41,8 @@ export default function ReplyEditorSuggestions(props) {
41
41
  let {
42
42
  onSelect,
43
43
  searchText = '',
44
- componentProps
44
+ componentProps,
45
+ getMethods
45
46
  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
46
47
  const {
47
48
  searchTextLenForShow = 2
@@ -50,6 +51,7 @@ export default function ReplyEditorSuggestions(props) {
50
51
  const isShowEmojiPopup = searchText.length - 1 >= searchTextLenForShow;
51
52
  return isShowEmojiPopup ? /*#__PURE__*/React.createElement(Emojis, {
52
53
  emojisRowType: "single",
54
+ getMethods: getMethods,
53
55
  isShowGroupBasedList: false,
54
56
  isShowOnlyContent: true,
55
57
  isShowSearchBox: false,
@@ -81,6 +83,7 @@ export default function ReplyEditorSuggestions(props) {
81
83
  return /*#__PURE__*/React.createElement(Container, {
82
84
  className: newStyle.suggestionPopup
83
85
  }, /*#__PURE__*/React.createElement(ReplyEditorSuggestionsPopup, {
86
+ isOutsideScrollBlocked: true,
84
87
  onClose: onClose,
85
88
  suggestionElement: suggestionElement,
86
89
  targetPosition: position,
package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js CHANGED
@@ -72,7 +72,6 @@ export function ReplyEditorSuggestionsPopupComp(props) {
72
72
  isActive: isPopupReady,
73
73
  isAnimate: true,
74
74
  isArrow: false,
75
- isRestrictScroll: true,
76
75
  onClick: removeClose,
77
76
  portalId: EDITOR_POPUP_PORTAL,
78
77
  positionsOffset: positionsOffset,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohoim/chat-components",
3
- "version": "1.0.9-beta.7",
3
+ "version": "1.0.9-beta.9",
4
4
  "description": "Chat Components",
5
5
  "main": "es/index.js",
6
6
  "module": "es/index.js",
@@ -29,15 +29,15 @@
29
29
  "!**/__tests__"
30
30
  ],
31
31
  "dependencies": {
32
- "@zohodesk/components": "1.2.43",
32
+ "@zohodesk/components": "1.2.62",
33
33
  "@zohodesk/hooks": "2.0.4",
34
34
  "@zohodesk/icon": "1.3.15",
35
35
  "@zohodesk/icons": "1.0.43",
36
36
  "@zohodesk/utils": "1.3.13",
37
37
  "@zohodesk/variables": "1.0.0",
38
38
  "@zohodesk/virtualizer": "1.0.13",
39
- "@zohoim/chat-components-hooks": "1.0.4-beta.7",
40
- "@zohoim/chat-components-utils": "1.0.4-beta.3"
39
+ "@zohoim/chat-components-hooks": "1.0.4-beta.9",
40
+ "@zohoim/chat-components-utils": "1.0.4-beta.4"
41
41
  },
42
42
  "devDependencies": {
43
43
  "@zohodesk-private/css-variable-migrator": "1.0.7",
@@ -45,5 +45,5 @@
45
45
  "jsdom": "23.0.0",
46
46
  "react-to-jsx": "1.3.2"
47
47
  },
48
- "gitHead": "44f84bf3e27cc3b76db2abc64e889ab026a258b7"
48
+ "gitHead": "8b99e989822ff38fc8a68514700c9f4c33d46073"
49
49
  }