@nyaruka/temba-components 0.26.1 → 0.26.2

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 (38) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/demo/index.html +32 -13
  3. package/dist/4f80c187.js +4277 -0
  4. package/dist/index.js +279 -202
  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/contacts/ContactChat.js +99 -85
  10. package/out-tsc/src/contacts/ContactChat.js.map +1 -1
  11. package/out-tsc/src/contacts/ContactHistory.js +30 -36
  12. package/out-tsc/src/contacts/ContactHistory.js.map +1 -1
  13. package/out-tsc/src/contacts/events.js +61 -74
  14. package/out-tsc/src/contacts/events.js.map +1 -1
  15. package/out-tsc/src/list/TembaMenu.js +18 -13
  16. package/out-tsc/src/list/TembaMenu.js.map +1 -1
  17. package/out-tsc/src/tabpane/Tab.js +46 -0
  18. package/out-tsc/src/tabpane/Tab.js.map +1 -0
  19. package/out-tsc/src/tabpane/TabPane.js +109 -0
  20. package/out-tsc/src/tabpane/TabPane.js.map +1 -0
  21. package/out-tsc/temba-modules.js +4 -0
  22. package/out-tsc/temba-modules.js.map +1 -1
  23. package/out-tsc/test/temba-contact-history.test.js +9 -7
  24. package/out-tsc/test/temba-contact-history.test.js.map +1 -1
  25. package/package.json +1 -1
  26. package/screenshots/truth/contacts/history-expanded.png +0 -0
  27. package/screenshots/truth/contacts/history.png +0 -0
  28. package/screenshots/truth/list/menu-submenu.png +0 -0
  29. package/src/contacts/ContactChat.ts +113 -94
  30. package/src/contacts/ContactHistory.ts +57 -59
  31. package/src/contacts/events.ts +61 -75
  32. package/src/list/TembaMenu.ts +19 -14
  33. package/src/tabpane/Tab.ts +42 -0
  34. package/src/tabpane/TabPane.ts +113 -0
  35. package/temba-modules.ts +4 -0
  36. package/test/temba-contact-history.test.ts +9 -7
  37. package/test-assets/style.css +6 -0
  38. package/dist/e477aebd.js +0 -4200
package/CHANGELOG.md CHANGED
@@ -4,6 +4,15 @@ 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.26.2](https://github.com/nyaruka/temba-components/compare/v0.26.1...v0.26.2)
8
+
9
+ > 21 April 2022
10
+
11
+ - Tabbed pane [`#162`](https://github.com/nyaruka/temba-components/pull/162)
12
+ - Update history and fix tests that weren't scrolling [`e6f2baf`](https://github.com/nyaruka/temba-components/commit/e6f2bafe4186aa263a91c12159d54ab54f4d7cc5)
13
+ - Fix menu parent clicks, shrink menu fonts [`0bd7c7e`](https://github.com/nyaruka/temba-components/commit/0bd7c7ec95823ac74363b3fa05a1e62f13022e06)
14
+ - Tighten up menu buttons [`a2d766d`](https://github.com/nyaruka/temba-components/commit/a2d766d2bde1b5049a28227a996f77a28d8dc8dc)
15
+
7
16
  #### [v0.26.1](https://github.com/nyaruka/temba-components/compare/v0.26.0...v0.26.1)
8
17
 
9
18
  > 11 April 2022
package/demo/index.html CHANGED
@@ -14,11 +14,19 @@
14
14
  />
15
15
 
16
16
  <style>
17
+
18
+ .linked {
19
+ text-decoration: underline;
20
+ color: blue;
21
+ cursor: pointer;
22
+ }
23
+
17
24
  .example {
18
25
  border: 0px solid gray;
19
26
  padding: 10px;
20
27
  max-width: 500px;
21
28
  --temba-select-selected-font-size: 1em;
29
+ display:none;
22
30
  }
23
31
 
24
32
  temba-dropdown.open {
@@ -35,6 +43,14 @@
35
43
  background: rgba(0,0,0,.3);
36
44
  }
37
45
 
46
+ temba-tabs *, temba-tab * {
47
+ opacity: 0;
48
+ }
49
+
50
+ temba-tabs:defined *, temba-tab:defined * {
51
+ opacity: 1;
52
+ }
53
+
38
54
  </style>
39
55
  <script type="module">
40
56
  import '../out-tsc/temba-modules.js';
@@ -60,20 +76,23 @@
60
76
  groups="/static/api/groups.json"
61
77
  ></temba-store>
62
78
 
63
- <div style="margin: 10px; background: #777; border-radius: 6px; overflow: hidden;">
64
- <div style="display: flex; flex-direction: row; --icon-color: #fff;">
65
- <div style="flex-grow: 1"></div>
66
- <temba-dropdown style="display:flex; align-items: center; height: 100%" arrowOffset="-10" offsetX="0" offsetY="4" arrowSize="10">
67
- <div slot="toggle" class="more">
68
- <temba-icon name="menu" size="2"></temba-icon>
69
- </div>
70
- <div slot="dropdown" style="width:150px; padding:0.5em 1em">
71
- <a href="http://google.com">Google</a>
72
- </div>
73
- </temba-dropdown>
74
- </div>
75
- </div>
79
+ <temba-tabs>
80
+
81
+ <temba-tab name="Chats" icon="message-square">
82
+ Chat content
83
+ </temba-tab>
84
+
85
+ <temba-tab name="Details" icon="list">
86
+ Details content
87
+ </temba-tab>
88
+
89
+ <temba-tab name="Log" icon="log">
90
+ Log content
91
+ </temba-tab>
92
+
93
+ </temba-tabs>
76
94
 
95
+
77
96
  <div class="example" style="margin: 10px; background: #ccc; border-radius:6px;">
78
97
  <temba-dropdown>
79
98
  <div style="display:inline-block" slot="toggle">