@nyaruka/temba-components 0.41.7 → 0.42.0

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 (119) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/demo/index.html +22 -0
  3. package/dist/{973a6cc2.js → f3b7c2f1.js} +397 -157
  4. package/dist/index.js +397 -157
  5. package/dist/sw.js +1 -1
  6. package/dist/sw.js.map +1 -1
  7. package/dist/templates/components-body.html +1 -1
  8. package/dist/templates/components-head.html +1 -1
  9. package/out-tsc/src/button/Button.js +3 -3
  10. package/out-tsc/src/button/Button.js.map +1 -1
  11. package/out-tsc/src/charcount/CharCount.js +5 -4
  12. package/out-tsc/src/charcount/CharCount.js.map +1 -1
  13. package/out-tsc/src/completion/Completion.js +5 -0
  14. package/out-tsc/src/completion/Completion.js.map +1 -1
  15. package/out-tsc/src/compose/Compose.js +531 -0
  16. package/out-tsc/src/compose/Compose.js.map +1 -0
  17. package/out-tsc/src/contacts/ContactChat.js +73 -69
  18. package/out-tsc/src/contacts/ContactChat.js.map +1 -1
  19. package/out-tsc/src/contacts/ContactHistory.js +1 -1
  20. package/out-tsc/src/contacts/ContactHistory.js.map +1 -1
  21. package/out-tsc/src/contacts/events.js +1 -0
  22. package/out-tsc/src/contacts/events.js.map +1 -1
  23. package/out-tsc/src/interfaces.js +2 -0
  24. package/out-tsc/src/interfaces.js.map +1 -1
  25. package/out-tsc/src/textinput/TextInput.js +3 -1
  26. package/out-tsc/src/textinput/TextInput.js.map +1 -1
  27. package/out-tsc/src/utils/index.js +10 -0
  28. package/out-tsc/src/utils/index.js.map +1 -1
  29. package/out-tsc/src/vectoricon/index.js +1 -0
  30. package/out-tsc/src/vectoricon/index.js.map +1 -1
  31. package/out-tsc/temba-modules.js +2 -0
  32. package/out-tsc/temba-modules.js.map +1 -1
  33. package/out-tsc/test/temba-compose.test.js +432 -0
  34. package/out-tsc/test/temba-compose.test.js.map +1 -0
  35. package/out-tsc/test/temba-contact-chat.test.js +219 -47
  36. package/out-tsc/test/temba-contact-chat.test.js.map +1 -1
  37. package/out-tsc/test/temba-contact-history.test.js +7 -3
  38. package/out-tsc/test/temba-contact-history.test.js.map +1 -1
  39. package/out-tsc/test/utils.test.js +12 -8
  40. package/out-tsc/test/utils.test.js.map +1 -1
  41. package/package.json +1 -1
  42. package/screenshots/truth/compose/attachments-and-send-button.png +0 -0
  43. package/screenshots/truth/compose/attachments-no-send-button.png +0 -0
  44. package/screenshots/truth/compose/attachments-with-all-files-and-click-send.png +0 -0
  45. package/screenshots/truth/compose/attachments-with-all-files.png +0 -0
  46. package/screenshots/truth/compose/attachments-with-failure-files.png +0 -0
  47. package/screenshots/truth/compose/attachments-with-success-files-and-click-send.png +0 -0
  48. package/screenshots/truth/compose/attachments-with-success-files.png +0 -0
  49. package/screenshots/truth/compose/chatbox-attachments-counter-and-send-button.png +0 -0
  50. package/screenshots/truth/compose/chatbox-attachments-counter-no-send-button.png +0 -0
  51. package/screenshots/truth/compose/chatbox-attachments-no-counter-and-send-button.png +0 -0
  52. package/screenshots/truth/compose/chatbox-attachments-no-counter-no-send-button.png +0 -0
  53. package/screenshots/truth/compose/chatbox-counter-and-send-button.png +0 -0
  54. package/screenshots/truth/compose/chatbox-counter-no-send-button.png +0 -0
  55. package/screenshots/truth/compose/chatbox-no-counter-and-send-button.png +0 -0
  56. package/screenshots/truth/compose/chatbox-no-counter-no-send-button.png +0 -0
  57. package/screenshots/truth/compose/chatbox-no-text-attachments-with-all-files-and-click-send.png +0 -0
  58. package/screenshots/truth/compose/chatbox-no-text-attachments-with-all-files.png +0 -0
  59. package/screenshots/truth/compose/chatbox-no-text-attachments-with-failure-files.png +0 -0
  60. package/screenshots/truth/compose/chatbox-no-text-attachments-with-success-files-and-click-send.png +0 -0
  61. package/screenshots/truth/compose/chatbox-no-text-attachments-with-success-files.png +0 -0
  62. package/screenshots/truth/compose/chatbox-with-text-and-click-send.png +0 -0
  63. package/screenshots/truth/compose/chatbox-with-text-and-hit-enter.png +0 -0
  64. package/screenshots/truth/compose/chatbox-with-text-and-spaces.png +0 -0
  65. package/screenshots/truth/compose/chatbox-with-text-and-url.png +0 -0
  66. package/screenshots/truth/compose/chatbox-with-text-attachments-no-files-and-click-send.png +0 -0
  67. package/screenshots/truth/compose/chatbox-with-text-attachments-no-files-and-hit-enter.png +0 -0
  68. package/screenshots/truth/compose/chatbox-with-text-attachments-no-files.png +0 -0
  69. package/screenshots/truth/compose/chatbox-with-text-attachments-with-all-files-and-click-send.png +0 -0
  70. package/screenshots/truth/compose/chatbox-with-text-attachments-with-all-files-and-hit-enter.png +0 -0
  71. package/screenshots/truth/compose/chatbox-with-text-attachments-with-all-files.png +0 -0
  72. package/screenshots/truth/compose/chatbox-with-text-attachments-with-failure-files.png +0 -0
  73. package/screenshots/truth/compose/chatbox-with-text-attachments-with-success-files-and-click-send.png +0 -0
  74. package/screenshots/truth/compose/chatbox-with-text-attachments-with-success-files-and-hit-enter.png +0 -0
  75. package/screenshots/truth/compose/chatbox-with-text-attachments-with-success-files.png +0 -0
  76. package/screenshots/truth/compose/chatbox-with-text-no-spaces.png +0 -0
  77. package/screenshots/truth/compose/chatbox-with-text.png +0 -0
  78. package/screenshots/truth/contacts/badges.png +0 -0
  79. package/screenshots/truth/contacts/compose-attachments-no-text-failure.png +0 -0
  80. package/screenshots/truth/contacts/compose-attachments-no-text-success.png +0 -0
  81. package/screenshots/truth/contacts/compose-text-and-attachments-failure-attachments.png +0 -0
  82. package/screenshots/truth/contacts/compose-text-and-attachments-failure-generic.png +0 -0
  83. package/screenshots/truth/contacts/compose-text-and-attachments-failure-text-and-attachments.png +0 -0
  84. package/screenshots/truth/contacts/compose-text-and-attachments-failure-text.png +0 -0
  85. package/screenshots/truth/contacts/compose-text-and-attachments-success.png +0 -0
  86. package/screenshots/truth/contacts/compose-text-no-attachments-failure.png +0 -0
  87. package/screenshots/truth/contacts/compose-text-no-attachments-success.png +0 -0
  88. package/screenshots/truth/contacts/contact-active-default.png +0 -0
  89. package/screenshots/truth/contacts/contact-active-show-chatbox.png +0 -0
  90. package/screenshots/truth/contacts/contact-active-ticket-closed-show-reopen-button.png +0 -0
  91. package/screenshots/truth/contacts/contact-active-ticket-open-show-chatbox.png +0 -0
  92. package/screenshots/truth/contacts/contact-archived-hide-chatbox.png +0 -0
  93. package/screenshots/truth/contacts/contact-archived-ticket-closed-hide-chatbox.png +0 -0
  94. package/screenshots/truth/contacts/contact-blocked-hide-chatbox.png +0 -0
  95. package/screenshots/truth/contacts/contact-stopped-hide-chatbox.png +0 -0
  96. package/screenshots/truth/contacts/history.png +0 -0
  97. package/screenshots/truth/counter/summary.png +0 -0
  98. package/screenshots/truth/counter/text.png +0 -0
  99. package/screenshots/truth/counter/unicode-variables.png +0 -0
  100. package/screenshots/truth/counter/unicode.png +0 -0
  101. package/screenshots/truth/counter/variable.png +0 -0
  102. package/src/button/Button.ts +3 -3
  103. package/src/charcount/CharCount.ts +5 -4
  104. package/src/completion/Completion.ts +4 -0
  105. package/src/compose/Compose.ts +584 -0
  106. package/src/contacts/ContactChat.ts +75 -78
  107. package/src/contacts/ContactHistory.ts +1 -1
  108. package/src/contacts/events.ts +1 -0
  109. package/src/interfaces.ts +2 -0
  110. package/src/textinput/TextInput.ts +3 -1
  111. package/src/utils/index.ts +12 -0
  112. package/src/vectoricon/index.ts +1 -0
  113. package/static/css/temba-components.css +6 -0
  114. package/temba-modules.ts +2 -0
  115. package/test/temba-compose.test.ts +633 -0
  116. package/test/temba-contact-chat.test.ts +354 -110
  117. package/test/temba-contact-history.test.ts +10 -5
  118. package/test/utils.test.ts +24 -9
  119. package/screenshots/truth/contacts/history-expanded.png +0 -0
package/CHANGELOG.md CHANGED
@@ -4,8 +4,17 @@ All notable changes to this project will be documented in this file. Dates are d
4
4
 
5
5
  Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
6
6
 
7
+ #### [v0.42.0](https://github.com/nyaruka/temba-components/compare/v0.41.7...v0.42.0)
8
+
9
+ - 🌵 new compose component [`#256`](https://github.com/nyaruka/temba-components/pull/256)
10
+ - Add backdowns for ext and fcm icons [`c05630e`](https://github.com/nyaruka/temba-components/commit/c05630e2f7e912b0c5d912789860a9c203513f5b)
11
+ - more new attachments component updates [`22bdb42`](https://github.com/nyaruka/temba-components/commit/22bdb42f5f59461c2ef02b332193c73b9651ce3a)
12
+ - - regenerated contact chat screenshots with more simple filenames [`b8625c2`](https://github.com/nyaruka/temba-components/commit/b8625c2d78e60e9b77684f714e794564a6e76712)
13
+
7
14
  #### [v0.41.7](https://github.com/nyaruka/temba-components/compare/v0.41.6...v0.41.7)
8
15
 
16
+ > 27 February 2023
17
+
9
18
  - Add backdowns for ext and fcm icons [`#270`](https://github.com/nyaruka/temba-components/pull/270)
10
19
 
11
20
  #### [v0.41.6](https://github.com/nyaruka/temba-components/compare/v0.41.5...v0.41.6)
package/demo/index.html CHANGED
@@ -149,6 +149,7 @@
149
149
  <div class="header">temba-components</div>
150
150
 
151
151
  <temba-tabs collapses>
152
+
152
153
  <temba-tab name="Overview" icon="list">
153
154
  <div style="display:flex;flex-wrap: wrap;">
154
155
  <temba-checkbox label="Check this out" checked></temba-checkbox>
@@ -167,6 +168,7 @@
167
168
  <temba-textinput value="plain text"></temba-textinput>
168
169
  <temba-completion value="you complete me @cont"></temba-completion>
169
170
  </temba-tab>
171
+
170
172
  <temba-tab name="datepicker" icon="calendar">
171
173
  <div style="display:flex;flex-wrap: wrap;">
172
174
  <temba-datepicker time value="2020-01-20T14:00+00:00" timezone="UTC" onChange="handleDateChange(event)"></temba-datepicker>
@@ -201,6 +203,7 @@
201
203
  </div>
202
204
 
203
205
  </temba-tab>
206
+
204
207
  <temba-tab name="select" icon="browser">
205
208
 
206
209
  <div class="example">
@@ -306,6 +309,25 @@
306
309
  <temba-charcount text='count this text'></temba-charcount>
307
310
  </div>
308
311
  </temba-tab>
312
+
313
+ <temba-tab name="compose" icon="compose">
314
+ <div class="example">
315
+ <temba-compose chatbox counter></temba-compose>
316
+ </div>
317
+ <div class="example">
318
+ <temba-compose chatbox counter button></temba-compose>
319
+ </div>
320
+ <div class="example">
321
+ <temba-compose attachments></temba-compose>
322
+ </div>
323
+ <div class="example">
324
+ <temba-compose attachments button></temba-compose>
325
+ </div>
326
+ <div class="example">
327
+ <temba-compose chatbox attachments counter button></temba-compose>
328
+ </div>
329
+ </temba-tab>
330
+
309
331
  </temba-tabs>
310
332
  </body>
311
333
  </html>