@zohoim/chat-components 1.0.11-beta.1 → 1.1.0-beta.1

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 (134) hide show
  1. package/README.md +8 -0
  2. package/assets/Appearance/dark/mode/General_DarkMode.module.css +22 -0
  3. package/assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css +5 -0
  4. package/assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css +5 -0
  5. package/assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css +5 -0
  6. package/assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css +5 -0
  7. package/assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css +5 -0
  8. package/assets/Appearance/light/mode/General_LightMode.module.css +22 -0
  9. package/assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css +5 -0
  10. package/assets/Appearance/light/themes/green/green_General_LightTheme.module.css +5 -0
  11. package/assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css +5 -0
  12. package/assets/Appearance/light/themes/red/red_General_LightTheme.module.css +5 -0
  13. package/assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css +5 -0
  14. package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css +22 -0
  15. package/assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css +5 -0
  16. package/assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css +5 -0
  17. package/assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css +5 -0
  18. package/assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css +5 -0
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css +5 -0
  20. package/es/AttachmentHandler/AttachmentHandler.js +84 -0
  21. package/es/AttachmentHandler/css/AttachmentHandler.module.css +27 -0
  22. package/es/AttachmentHandler/index.js +1 -0
  23. package/es/AttachmentHandler/props/defaultProps.js +10 -0
  24. package/es/AttachmentHandler/props/propTypes.js +17 -0
  25. package/es/AttachmentPreview/AttachmentPreview.js +121 -0
  26. package/es/AttachmentPreview/css/AttachmentPreview.module.css +39 -0
  27. package/es/AttachmentPreview/index.js +1 -0
  28. package/es/AttachmentPreview/props/defaultProps.js +9 -0
  29. package/es/AttachmentPreview/props/propTypes.js +33 -0
  30. package/es/AttachmentPreviewBody/AttachmentPreviewBody.js +97 -0
  31. package/es/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css +71 -0
  32. package/es/AttachmentPreviewBody/index.js +1 -0
  33. package/es/AttachmentPreviewBody/props/defaultProps.js +7 -0
  34. package/es/AttachmentPreviewBody/props/propTypes.js +20 -0
  35. package/es/AttachmentPreviewHeader/AttachmentPreviewHeader.js +84 -0
  36. package/es/AttachmentPreviewHeader/css/AttachmentPreviewHeader.module.css +47 -0
  37. package/es/AttachmentPreviewHeader/index.js +1 -0
  38. package/es/AttachmentPreviewHeader/props/defaultProps.js +7 -0
  39. package/es/AttachmentPreviewHeader/props/propTypes.js +16 -0
  40. package/es/Emoji/Emoji.js +72 -0
  41. package/es/Emoji/css/Emoji.module.css +48 -0
  42. package/es/Emoji/css/cssJSLogic.js +18 -0
  43. package/es/Emoji/index.js +1 -0
  44. package/es/Emoji/props/defaultProps.js +8 -0
  45. package/es/Emoji/props/propTypes.js +16 -0
  46. package/es/EmojiPopup/EmojiPopup.js +115 -0
  47. package/es/EmojiPopup/css/EmojiPopup.module.css +55 -0
  48. package/es/EmojiPopup/index.js +1 -0
  49. package/es/EmojiPopup/props/defaultProps.js +11 -0
  50. package/es/EmojiPopup/props/propTypes.js +21 -0
  51. package/es/Emojis/Emojis.js +81 -0
  52. package/es/Emojis/index.js +1 -0
  53. package/es/Emojis/props/defaultProps.js +10 -0
  54. package/es/Emojis/props/propTypes.js +20 -0
  55. package/es/EmojisEmptyState/EmojisEmptyState.js +50 -0
  56. package/es/EmojisEmptyState/css/EmojisEmptyState.module.css +18 -0
  57. package/es/EmojisEmptyState/index.js +1 -0
  58. package/es/EmojisEmptyState/props/defaultProps.js +9 -0
  59. package/es/EmojisEmptyState/props/propTypes.js +8 -0
  60. package/es/EmojisFooter/EmojisFooter.js +71 -0
  61. package/es/EmojisFooter/css/EmojisFooter.module.css +40 -0
  62. package/es/EmojisFooter/index.js +1 -0
  63. package/es/EmojisFooter/props/defaultProps.js +7 -0
  64. package/es/EmojisFooter/props/propTypes.js +12 -0
  65. package/es/EmojisHeader/EmojisHeader.js +65 -0
  66. package/es/EmojisHeader/css/EmojisHeader.module.css +36 -0
  67. package/es/EmojisHeader/index.js +1 -0
  68. package/es/EmojisHeader/props/defaultProps.js +8 -0
  69. package/es/EmojisHeader/props/propTypes.js +13 -0
  70. package/es/EmojisList/EmojisList.js +130 -0
  71. package/es/EmojisList/css/EmojisList.module.css +50 -0
  72. package/es/EmojisList/css/cssJSLogic.js +25 -0
  73. package/es/EmojisList/index.js +1 -0
  74. package/es/EmojisList/props/defaultProps.js +10 -0
  75. package/es/EmojisList/props/propTypes.js +20 -0
  76. package/es/MessageActionsMore/MessageActionsMore.js +2 -2
  77. package/es/MessageActionsMore/props/propTypes.js +5 -2
  78. package/es/MessageActionsWrapper/MessageActionsWrapper.js +1 -1
  79. package/es/Theme/ThemeAssets.js +2 -2
  80. package/es/Theme/ThemeWrapper.js +20 -7
  81. package/es/Theme/TooltipWrapper.js +1 -1
  82. package/es/Theme/props/defaultProps.js +2 -1
  83. package/es/Theme/props/propTypes.js +2 -1
  84. package/es/Theme/utils/getThemeConfigurations.js +1 -1
  85. package/es/constants/index.js +8 -1
  86. package/es/constants/propConstants/editorPropConstants.js +3 -0
  87. package/es/constants/propConstants/popupPropConstants.js +2 -0
  88. package/es/im/IMAttachmentHandler/IMAttachmentHandler.js +50 -0
  89. package/es/im/IMAttachmentHandler/index.js +1 -0
  90. package/es/im/IMAttachmentHandler/props/defaultProps.js +10 -0
  91. package/es/im/IMAttachmentHandler/props/propTypes.js +28 -0
  92. package/es/im/ReplyComposer/ReplyComposer.js +153 -0
  93. package/es/im/ReplyComposer/css/ReplyComposer.module.css +10 -0
  94. package/es/im/ReplyComposer/css/cssJSLogic.js +13 -0
  95. package/es/im/ReplyComposer/index.js +1 -0
  96. package/es/im/ReplyComposer/props/defaultProps.js +7 -0
  97. package/es/im/ReplyComposer/props/propTypes.js +60 -0
  98. package/es/im/ReplyComposerFooter/ReplyComposerFooter.js +41 -0
  99. package/es/im/ReplyComposerFooter/css/ReplyComposerFooter.module.css +10 -0
  100. package/es/im/ReplyComposerFooter/index.js +1 -0
  101. package/es/im/ReplyComposerFooter/props/defaultProps.js +8 -0
  102. package/es/im/ReplyComposerFooter/props/propTypes.js +17 -0
  103. package/es/im/ReplyEditor/ReplyEditor.js +103 -0
  104. package/es/im/ReplyEditor/css/ReplyEditor.module.css +50 -0
  105. package/es/im/ReplyEditor/css/cssJSLogic.js +10 -0
  106. package/es/im/ReplyEditor/index.js +1 -0
  107. package/es/im/ReplyEditor/props/defaultProps.js +8 -0
  108. package/es/im/ReplyEditor/props/propTypes.js +27 -0
  109. package/es/im/ReplyEditorExtensions/ReplyEditorExtensions.js +149 -0
  110. package/es/im/ReplyEditorExtensions/css/ReplyEditorExtensions.module.css +5 -0
  111. package/es/im/ReplyEditorExtensions/index.js +1 -0
  112. package/es/im/ReplyEditorExtensions/props/defaultProps.js +6 -0
  113. package/es/im/ReplyEditorExtensions/props/propTypes.js +16 -0
  114. package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +95 -0
  115. package/es/im/ReplyEditorSuggestions/css/ReplyEditorSuggestions.module.css +8 -0
  116. package/es/im/ReplyEditorSuggestions/index.js +1 -0
  117. package/es/im/ReplyEditorSuggestions/props/defaultProps.js +6 -0
  118. package/es/im/ReplyEditorSuggestions/props/propTypes.js +21 -0
  119. package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +93 -0
  120. package/es/im/ReplyEditorSuggestionsPopup/css/ReplyEditorSuggestionsPopup.module.css +7 -0
  121. package/es/im/ReplyEditorSuggestionsPopup/index.js +1 -0
  122. package/es/im/ReplyEditorSuggestionsPopup/props/defaultProps.js +10 -0
  123. package/es/im/ReplyEditorSuggestionsPopup/props/propTypes.js +21 -0
  124. package/es/im/index.js +8 -1
  125. package/es/index.js +13 -2
  126. package/es/rte/Editor/Editor.js +80 -0
  127. package/es/rte/Editor/css/Editor.module.css +17 -0
  128. package/es/rte/Editor/index.js +1 -0
  129. package/es/rte/Editor/props/defaultProps.js +21 -0
  130. package/es/rte/Editor/props/propTypes.js +52 -0
  131. package/es/rte/index.js +1 -0
  132. package/lib/index.js +156 -0
  133. package/package.json +7 -7
  134. package/es/Theme/constants/index.js +0 -41
package/lib/index.js CHANGED
@@ -368,6 +368,162 @@ Object.keys(_im).forEach(function (key) {
368
368
  });
369
369
  });
370
370
 
371
+ var _Emojis = require("./Emojis");
372
+
373
+ Object.keys(_Emojis).forEach(function (key) {
374
+ if (key === "default" || key === "__esModule") return;
375
+ if (key in exports && exports[key] === _Emojis[key]) return;
376
+ Object.defineProperty(exports, key, {
377
+ enumerable: true,
378
+ get: function get() {
379
+ return _Emojis[key];
380
+ }
381
+ });
382
+ });
383
+
384
+ var _EmojisList = require("./EmojisList");
385
+
386
+ Object.keys(_EmojisList).forEach(function (key) {
387
+ if (key === "default" || key === "__esModule") return;
388
+ if (key in exports && exports[key] === _EmojisList[key]) return;
389
+ Object.defineProperty(exports, key, {
390
+ enumerable: true,
391
+ get: function get() {
392
+ return _EmojisList[key];
393
+ }
394
+ });
395
+ });
396
+
397
+ var _Emoji = require("./Emoji");
398
+
399
+ Object.keys(_Emoji).forEach(function (key) {
400
+ if (key === "default" || key === "__esModule") return;
401
+ if (key in exports && exports[key] === _Emoji[key]) return;
402
+ Object.defineProperty(exports, key, {
403
+ enumerable: true,
404
+ get: function get() {
405
+ return _Emoji[key];
406
+ }
407
+ });
408
+ });
409
+
410
+ var _EmojiPopup = require("./EmojiPopup");
411
+
412
+ Object.keys(_EmojiPopup).forEach(function (key) {
413
+ if (key === "default" || key === "__esModule") return;
414
+ if (key in exports && exports[key] === _EmojiPopup[key]) return;
415
+ Object.defineProperty(exports, key, {
416
+ enumerable: true,
417
+ get: function get() {
418
+ return _EmojiPopup[key];
419
+ }
420
+ });
421
+ });
422
+
423
+ var _EmojisHeader = require("./EmojisHeader");
424
+
425
+ Object.keys(_EmojisHeader).forEach(function (key) {
426
+ if (key === "default" || key === "__esModule") return;
427
+ if (key in exports && exports[key] === _EmojisHeader[key]) return;
428
+ Object.defineProperty(exports, key, {
429
+ enumerable: true,
430
+ get: function get() {
431
+ return _EmojisHeader[key];
432
+ }
433
+ });
434
+ });
435
+
436
+ var _EmojisFooter = require("./EmojisFooter");
437
+
438
+ Object.keys(_EmojisFooter).forEach(function (key) {
439
+ if (key === "default" || key === "__esModule") return;
440
+ if (key in exports && exports[key] === _EmojisFooter[key]) return;
441
+ Object.defineProperty(exports, key, {
442
+ enumerable: true,
443
+ get: function get() {
444
+ return _EmojisFooter[key];
445
+ }
446
+ });
447
+ });
448
+
449
+ var _EmojisEmptyState = require("./EmojisEmptyState");
450
+
451
+ Object.keys(_EmojisEmptyState).forEach(function (key) {
452
+ if (key === "default" || key === "__esModule") return;
453
+ if (key in exports && exports[key] === _EmojisEmptyState[key]) return;
454
+ Object.defineProperty(exports, key, {
455
+ enumerable: true,
456
+ get: function get() {
457
+ return _EmojisEmptyState[key];
458
+ }
459
+ });
460
+ });
461
+
462
+ var _rte = require("./rte");
463
+
464
+ Object.keys(_rte).forEach(function (key) {
465
+ if (key === "default" || key === "__esModule") return;
466
+ if (key in exports && exports[key] === _rte[key]) return;
467
+ Object.defineProperty(exports, key, {
468
+ enumerable: true,
469
+ get: function get() {
470
+ return _rte[key];
471
+ }
472
+ });
473
+ });
474
+
475
+ var _AttachmentHandler = require("./AttachmentHandler");
476
+
477
+ Object.keys(_AttachmentHandler).forEach(function (key) {
478
+ if (key === "default" || key === "__esModule") return;
479
+ if (key in exports && exports[key] === _AttachmentHandler[key]) return;
480
+ Object.defineProperty(exports, key, {
481
+ enumerable: true,
482
+ get: function get() {
483
+ return _AttachmentHandler[key];
484
+ }
485
+ });
486
+ });
487
+
488
+ var _AttachmentPreview = require("./AttachmentPreview");
489
+
490
+ Object.keys(_AttachmentPreview).forEach(function (key) {
491
+ if (key === "default" || key === "__esModule") return;
492
+ if (key in exports && exports[key] === _AttachmentPreview[key]) return;
493
+ Object.defineProperty(exports, key, {
494
+ enumerable: true,
495
+ get: function get() {
496
+ return _AttachmentPreview[key];
497
+ }
498
+ });
499
+ });
500
+
501
+ var _AttachmentPreviewHeader = require("./AttachmentPreviewHeader");
502
+
503
+ Object.keys(_AttachmentPreviewHeader).forEach(function (key) {
504
+ if (key === "default" || key === "__esModule") return;
505
+ if (key in exports && exports[key] === _AttachmentPreviewHeader[key]) return;
506
+ Object.defineProperty(exports, key, {
507
+ enumerable: true,
508
+ get: function get() {
509
+ return _AttachmentPreviewHeader[key];
510
+ }
511
+ });
512
+ });
513
+
514
+ var _AttachmentPreviewBody = require("./AttachmentPreviewBody");
515
+
516
+ Object.keys(_AttachmentPreviewBody).forEach(function (key) {
517
+ if (key === "default" || key === "__esModule") return;
518
+ if (key in exports && exports[key] === _AttachmentPreviewBody[key]) return;
519
+ Object.defineProperty(exports, key, {
520
+ enumerable: true,
521
+ get: function get() {
522
+ return _AttachmentPreviewBody[key];
523
+ }
524
+ });
525
+ });
526
+
371
527
  var _constants = require("./constants");
372
528
 
373
529
  Object.keys(_constants).forEach(function (key) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohoim/chat-components",
3
- "version": "1.0.11-beta.1",
3
+ "version": "1.1.0-beta.1",
4
4
  "description": "Chat Components",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -35,15 +35,15 @@
35
35
  "!**/__tests__"
36
36
  ],
37
37
  "dependencies": {
38
- "@zohodesk/components": "1.2.56",
39
- "@zohodesk/hooks": "2.0.2",
38
+ "@zohodesk/components": "1.2.62",
39
+ "@zohodesk/hooks": "2.0.4",
40
40
  "@zohodesk/icon": "1.3.15",
41
- "@zohodesk/icons": "1.0.20",
41
+ "@zohodesk/icons": "1.0.43",
42
42
  "@zohodesk/utils": "1.3.13",
43
43
  "@zohodesk/variables": "1.0.0",
44
44
  "@zohodesk/virtualizer": "1.0.13",
45
- "@zohoim/chat-components-hooks": "1.0.5-beta.1",
46
- "@zohoim/chat-components-utils": "1.0.4"
45
+ "@zohoim/chat-components-hooks": "1.1.0-beta.1",
46
+ "@zohoim/chat-components-utils": "1.1.0-beta.1"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@zohodesk-private/color-variable-preprocessor": "1.2.1",
@@ -52,5 +52,5 @@
52
52
  "jsdom": "23.0.0",
53
53
  "react-to-jsx": "1.3.2"
54
54
  },
55
- "gitHead": "7873aeee4583e0177179ed66b92b65f497589d96"
55
+ "gitHead": "89aa900b07687ba5bb8f0d5827427df60aa81f49"
56
56
  }
@@ -1,41 +0,0 @@
1
- export const styleTagId = 'im-chat-components';
2
- export const baseUnitLimit = {
3
- size: {
4
- base: 16,
5
- unit: '1rem',
6
- limit: 500
7
- },
8
- fontSize: {
9
- base: 1,
10
- unit: '1px',
11
- limit: 20
12
- },
13
- transition: {
14
- base: 1,
15
- unit: 's',
16
- limit: 20
17
- },
18
- motionTransition: {
19
- base: 1,
20
- unit: 'ms',
21
- limit: 20
22
- }
23
- };
24
- export const modeConstants = {
25
- LIGHT: 'LIGHT',
26
- DARK: 'DARK',
27
- PURE_DARK: 'PURE_DARK'
28
- };
29
- export const themeConstants = {
30
- BLUE: 'BLUE',
31
- GREEN: 'GREEN',
32
- ORANGE: 'ORANGE',
33
- RED: 'RED',
34
- YELLOW: 'YELLOW',
35
- BLUE_FAN: 'BLUE_FAN',
36
- DARK_BLUE: 'DARK_BLUE',
37
- DARK_GREY: 'DARK_GREY',
38
- PINK: 'PINK',
39
- WHITE: 'WHITE',
40
- TEAL: 'TEAL'
41
- };