@transferwise/components 0.0.0-experimental-d1cefe3 → 0.0.0-experimental-4242b3a

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 (195) hide show
  1. package/build/dateInput/DateInput.js +4 -4
  2. package/build/dateInput/DateInput.js.map +1 -1
  3. package/build/dateInput/DateInput.mjs +4 -4
  4. package/build/dateInput/DateInput.mjs.map +1 -1
  5. package/build/dateLookup/DateLookup.js +4 -4
  6. package/build/dateLookup/DateLookup.js.map +1 -1
  7. package/build/dateLookup/DateLookup.mjs +4 -4
  8. package/build/dateLookup/DateLookup.mjs.map +1 -1
  9. package/build/dateLookup/dayCalendar/table/DayCalendarTable.js +3 -3
  10. package/build/dateLookup/dayCalendar/table/DayCalendarTable.js.map +1 -1
  11. package/build/dateLookup/dayCalendar/table/DayCalendarTable.mjs +3 -3
  12. package/build/dateLookup/dayCalendar/table/DayCalendarTable.mjs.map +1 -1
  13. package/build/i18n/cs.json +2 -0
  14. package/build/i18n/cs.json.js +2 -0
  15. package/build/i18n/cs.json.js.map +1 -1
  16. package/build/i18n/cs.json.mjs +2 -0
  17. package/build/i18n/cs.json.mjs.map +1 -1
  18. package/build/i18n/de.json +2 -0
  19. package/build/i18n/de.json.js +2 -0
  20. package/build/i18n/de.json.js.map +1 -1
  21. package/build/i18n/de.json.mjs +2 -0
  22. package/build/i18n/de.json.mjs.map +1 -1
  23. package/build/i18n/es.json +2 -0
  24. package/build/i18n/es.json.js +2 -0
  25. package/build/i18n/es.json.js.map +1 -1
  26. package/build/i18n/es.json.mjs +2 -0
  27. package/build/i18n/es.json.mjs.map +1 -1
  28. package/build/i18n/fr.json +2 -0
  29. package/build/i18n/fr.json.js +2 -0
  30. package/build/i18n/fr.json.js.map +1 -1
  31. package/build/i18n/fr.json.mjs +2 -0
  32. package/build/i18n/fr.json.mjs.map +1 -1
  33. package/build/i18n/hu.json +2 -0
  34. package/build/i18n/hu.json.js +2 -0
  35. package/build/i18n/hu.json.js.map +1 -1
  36. package/build/i18n/hu.json.mjs +2 -0
  37. package/build/i18n/hu.json.mjs.map +1 -1
  38. package/build/i18n/id.json +2 -0
  39. package/build/i18n/id.json.js +2 -0
  40. package/build/i18n/id.json.js.map +1 -1
  41. package/build/i18n/id.json.mjs +2 -0
  42. package/build/i18n/id.json.mjs.map +1 -1
  43. package/build/i18n/it.json +2 -0
  44. package/build/i18n/it.json.js +2 -0
  45. package/build/i18n/it.json.js.map +1 -1
  46. package/build/i18n/it.json.mjs +2 -0
  47. package/build/i18n/it.json.mjs.map +1 -1
  48. package/build/i18n/ja.json +2 -0
  49. package/build/i18n/ja.json.js +2 -0
  50. package/build/i18n/ja.json.js.map +1 -1
  51. package/build/i18n/ja.json.mjs +2 -0
  52. package/build/i18n/ja.json.mjs.map +1 -1
  53. package/build/i18n/nl.json +2 -0
  54. package/build/i18n/pl.json +2 -0
  55. package/build/i18n/pl.json.js +2 -0
  56. package/build/i18n/pl.json.js.map +1 -1
  57. package/build/i18n/pl.json.mjs +2 -0
  58. package/build/i18n/pl.json.mjs.map +1 -1
  59. package/build/i18n/pt.json +2 -0
  60. package/build/i18n/pt.json.js +2 -0
  61. package/build/i18n/pt.json.js.map +1 -1
  62. package/build/i18n/pt.json.mjs +2 -0
  63. package/build/i18n/pt.json.mjs.map +1 -1
  64. package/build/i18n/ro.json +2 -0
  65. package/build/i18n/ro.json.js +2 -0
  66. package/build/i18n/ro.json.js.map +1 -1
  67. package/build/i18n/ro.json.mjs +2 -0
  68. package/build/i18n/ro.json.mjs.map +1 -1
  69. package/build/i18n/ru.json +2 -0
  70. package/build/i18n/ru.json.js +2 -0
  71. package/build/i18n/ru.json.js.map +1 -1
  72. package/build/i18n/ru.json.mjs +2 -0
  73. package/build/i18n/ru.json.mjs.map +1 -1
  74. package/build/i18n/th.json +2 -0
  75. package/build/i18n/th.json.js +2 -0
  76. package/build/i18n/th.json.js.map +1 -1
  77. package/build/i18n/th.json.mjs +2 -0
  78. package/build/i18n/th.json.mjs.map +1 -1
  79. package/build/i18n/tr.json +2 -0
  80. package/build/i18n/tr.json.js +2 -0
  81. package/build/i18n/tr.json.js.map +1 -1
  82. package/build/i18n/tr.json.mjs +2 -0
  83. package/build/i18n/tr.json.mjs.map +1 -1
  84. package/build/i18n/zh-CN.json +2 -0
  85. package/build/i18n/zh-CN.json.js +2 -0
  86. package/build/i18n/zh-CN.json.js.map +1 -1
  87. package/build/i18n/zh-CN.json.mjs +2 -0
  88. package/build/i18n/zh-CN.json.mjs.map +1 -1
  89. package/build/i18n/zh-HK.json +2 -0
  90. package/build/i18n/zh-HK.json.js +2 -0
  91. package/build/i18n/zh-HK.json.js.map +1 -1
  92. package/build/i18n/zh-HK.json.mjs +2 -0
  93. package/build/i18n/zh-HK.json.mjs.map +1 -1
  94. package/build/index.js +1 -0
  95. package/build/index.js.map +1 -1
  96. package/build/index.mjs +1 -1
  97. package/build/main.css +213 -13
  98. package/build/moneyInput/MoneyInput.js +2 -2
  99. package/build/moneyInput/MoneyInput.js.map +1 -1
  100. package/build/moneyInput/MoneyInput.mjs +2 -2
  101. package/build/moneyInput/MoneyInput.mjs.map +1 -1
  102. package/build/snackbar/Snackbar.js +1 -1
  103. package/build/snackbar/Snackbar.js.map +1 -1
  104. package/build/snackbar/Snackbar.mjs +1 -1
  105. package/build/snackbar/Snackbar.mjs.map +1 -1
  106. package/build/styles/dateInput/DateInput.css +1 -13
  107. package/build/styles/listItem/ListItem.css +212 -0
  108. package/build/styles/main.css +213 -13
  109. package/build/tabs/Tabs.js +3 -3
  110. package/build/tabs/Tabs.js.map +1 -1
  111. package/build/tabs/Tabs.mjs +3 -3
  112. package/build/tabs/Tabs.mjs.map +1 -1
  113. package/build/typeahead/Typeahead.js +2 -2
  114. package/build/typeahead/Typeahead.js.map +1 -1
  115. package/build/typeahead/Typeahead.mjs +2 -2
  116. package/build/typeahead/Typeahead.mjs.map +1 -1
  117. package/build/typeahead/typeaheadInput/TypeaheadInput.js +2 -2
  118. package/build/typeahead/typeaheadInput/TypeaheadInput.js.map +1 -1
  119. package/build/typeahead/typeaheadInput/TypeaheadInput.mjs +2 -2
  120. package/build/typeahead/typeaheadInput/TypeaheadInput.mjs.map +1 -1
  121. package/build/types/index.d.ts +2 -0
  122. package/build/types/index.d.ts.map +1 -1
  123. package/build/types/listItem/ListItem.d.ts +50 -0
  124. package/build/types/listItem/ListItem.d.ts.map +1 -0
  125. package/build/types/listItem/ListItemAdditionalInfo.d.ts +9 -0
  126. package/build/types/listItem/ListItemAdditionalInfo.d.ts.map +1 -0
  127. package/build/types/listItem/ListItemButton.d.ts +6 -0
  128. package/build/types/listItem/ListItemButton.d.ts.map +1 -0
  129. package/build/types/listItem/ListItemCheckbox.d.ts +4 -0
  130. package/build/types/listItem/ListItemCheckbox.d.ts.map +1 -0
  131. package/build/types/listItem/ListItemIconButton.d.ts +8 -0
  132. package/build/types/listItem/ListItemIconButton.d.ts.map +1 -0
  133. package/build/types/listItem/ListItemMedia.d.ts +19 -0
  134. package/build/types/listItem/ListItemMedia.d.ts.map +1 -0
  135. package/build/types/listItem/ListItemNavigation.d.ts +4 -0
  136. package/build/types/listItem/ListItemNavigation.d.ts.map +1 -0
  137. package/build/types/listItem/ListItemSwitch.d.ts +3 -0
  138. package/build/types/listItem/ListItemSwitch.d.ts.map +1 -0
  139. package/build/types/listItem/index.d.ts +6 -0
  140. package/build/types/listItem/index.d.ts.map +1 -0
  141. package/build/types/listItem/prompt/Prompt.d.ts +12 -0
  142. package/build/types/listItem/prompt/Prompt.d.ts.map +1 -0
  143. package/build/types/listItem/useItemControl.d.ts +5 -0
  144. package/build/types/listItem/useItemControl.d.ts.map +1 -0
  145. package/build/upload/Upload.js +2 -2
  146. package/build/upload/Upload.js.map +1 -1
  147. package/build/upload/Upload.mjs +2 -2
  148. package/build/upload/Upload.mjs.map +1 -1
  149. package/build/upload/steps/uploadImageStep/uploadImageStep.js +1 -1
  150. package/build/upload/steps/uploadImageStep/uploadImageStep.js.map +1 -1
  151. package/build/upload/steps/uploadImageStep/uploadImageStep.mjs +1 -1
  152. package/build/upload/steps/uploadImageStep/uploadImageStep.mjs.map +1 -1
  153. package/package.json +9 -9
  154. package/src/dateInput/DateInput.css +1 -13
  155. package/src/dateInput/DateInput.less +3 -20
  156. package/src/dateInput/DateInput.tests.story.tsx +3 -14
  157. package/src/dateInput/DateInput.tsx +4 -4
  158. package/src/i18n/cs.json +2 -0
  159. package/src/i18n/de.json +2 -0
  160. package/src/i18n/es.json +2 -0
  161. package/src/i18n/fr.json +2 -0
  162. package/src/i18n/hu.json +2 -0
  163. package/src/i18n/id.json +2 -0
  164. package/src/i18n/it.json +2 -0
  165. package/src/i18n/ja.json +2 -0
  166. package/src/i18n/nl.json +2 -0
  167. package/src/i18n/pl.json +2 -0
  168. package/src/i18n/pt.json +2 -0
  169. package/src/i18n/ro.json +2 -0
  170. package/src/i18n/ru.json +2 -0
  171. package/src/i18n/th.json +2 -0
  172. package/src/i18n/tr.json +2 -0
  173. package/src/i18n/zh-CN.json +2 -0
  174. package/src/i18n/zh-HK.json +2 -0
  175. package/src/index.ts +2 -0
  176. package/src/listItem/ListItem.css +212 -0
  177. package/src/listItem/ListItem.less +210 -0
  178. package/src/listItem/ListItem.spec.tsx +35 -0
  179. package/src/listItem/ListItem.story.tsx +461 -0
  180. package/src/listItem/ListItem.tsx +282 -0
  181. package/src/listItem/ListItemAdditionalInfo.tsx +31 -0
  182. package/src/listItem/ListItemButton.spec.tsx +92 -0
  183. package/src/listItem/ListItemButton.tsx +24 -0
  184. package/src/listItem/ListItemCheckbox.tsx +14 -0
  185. package/src/listItem/ListItemIconButton.tsx +16 -0
  186. package/src/listItem/ListItemMedia.tsx +52 -0
  187. package/src/listItem/ListItemNavigation.tsx +23 -0
  188. package/src/listItem/ListItemSwitch.tsx +8 -0
  189. package/src/listItem/index.ts +10 -0
  190. package/src/listItem/prompt/Prompt.spec.tsx +77 -0
  191. package/src/listItem/prompt/Prompt.story.tsx +170 -0
  192. package/src/listItem/prompt/Prompt.tsx +44 -0
  193. package/src/listItem/useItemControl.tsx +23 -0
  194. package/src/main.css +213 -13
  195. package/src/main.less +1 -0
@@ -0,0 +1,212 @@
1
+ .wds-list-item {
2
+ list-style: none;
3
+ width: 100%;
4
+ padding: 0;
5
+ border-radius: 16px;
6
+ border-radius: var(--radius-medium);
7
+ background-color: #ffffff;
8
+ background-color: var(--color-background-screen);
9
+ gap: 16px;
10
+ gap: var(--size-16);
11
+ }
12
+ .wds-list-item .partially-interactive {
13
+ padding: 16px;
14
+ padding: var(--size-16);
15
+ }
16
+ .wds-list-item label,
17
+ .wds-list-item a {
18
+ padding: 16px;
19
+ padding: var(--size-16);
20
+ }
21
+ .wds-list-item-interactive label {
22
+ cursor: pointer;
23
+ }
24
+ .wds-list-item-interactive:hover {
25
+ background-color: var(--color-background-screen-hover);
26
+ }
27
+ .wds-list-item-interactive:hover .wds-list-item-control .wds-Button {
28
+ background-color: var(--Button-background-hover);
29
+ color: var(--Button-color-hover);
30
+ transition: none;
31
+ }
32
+ .wds-list-item-interactive:active {
33
+ background-color: var(--color-background-screen-active);
34
+ }
35
+ .wds-list-item-interactive .wds-list-item-control .wds-Button {
36
+ transition: none;
37
+ }
38
+ .wds-list-item-media-image {
39
+ width: var(--item-media-image-size);
40
+ height: var(--item-media-image-size);
41
+ }
42
+ .wds-list-item-body {
43
+ width: 100%;
44
+ }
45
+ .wds-list-item-title {
46
+ color: #37517e;
47
+ color: var(--color-content-primary);
48
+ }
49
+ .wds-list-item-additional-info {
50
+ color: #768e9c;
51
+ color: var(--color-content-tertiary);
52
+ }
53
+ .wds-list-item-value {
54
+ flex: 0 0 auto;
55
+ }
56
+ .wds-list-item-control {
57
+ flex: 0 0 auto;
58
+ }
59
+ .wds-list-item-navigation,
60
+ .wds-list-item-navigation:hover,
61
+ .wds-list-item-navigation:focus {
62
+ -webkit-text-decoration: none;
63
+ text-decoration: none;
64
+ }
65
+ .wds-list-item-spotlight-active {
66
+ background-color: rgba(134,167,189,0.10196);
67
+ background-color: var(--color-background-neutral);
68
+ }
69
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
70
+ background-color: var(--color-background-neutral-hover);
71
+ }
72
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
73
+ background-color: var(--color-background-neutral-active);
74
+ }
75
+ .wds-list-item-spotlight-inactive {
76
+ background-color: rgba(134, 167, 189, 0.025);
77
+ border: 1px dashed rgba(0,0,0,0.10196);
78
+ border: 1px dashed var(--color-border-neutral);
79
+ }
80
+ @supports (color: color-mix(in lch, red, blue)) {
81
+ .wds-list-item-spotlight-inactive {
82
+ background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
83
+ }
84
+ }
85
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
86
+ background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
87
+ }
88
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
89
+ background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
90
+ }
91
+ .wds-list-item-prompt {
92
+ display: inline-flex;
93
+ padding-top: calc(8px / 2);
94
+ padding-top: calc(var(--padding-x-small) / 2);
95
+ padding-bottom: calc(8px / 2);
96
+ padding-bottom: calc(var(--padding-x-small) / 2);
97
+ padding-left: calc(8px - 1px);
98
+ padding-left: calc(var(--padding-x-small) - 1px);
99
+ padding-right: 8px;
100
+ padding-right: var(--padding-x-small);
101
+ border-radius: 10px;
102
+ border-radius: var(--radius-small);
103
+ word-break: break-word;
104
+ word-wrap: break-word;
105
+ }
106
+ .wds-list-item-prompt .np-prompt-icon {
107
+ padding-right: calc(12px / 2);
108
+ padding-right: calc(var(--size-12) / 2);
109
+ padding-top: calc(4px - 1px);
110
+ padding-top: calc(var(--size-4) - 1px);
111
+ padding-bottom: calc(4px - 1px);
112
+ padding-bottom: calc(var(--size-4) - 1px);
113
+ }
114
+ .wds-list-item-prompt .np-prompt-icon .tw-icon-tags,
115
+ .wds-list-item-prompt .np-prompt-icon .tw-icon-confetti {
116
+ color: var(--color-sentiment-positive-primary);
117
+ }
118
+ .wds-list-item-prompt a {
119
+ text-underline-offset: calc(4px / 2);
120
+ text-underline-offset: calc(var(--size-4) / 2);
121
+ }
122
+ .wds-list-item-prompt.np-prompt-interactive {
123
+ -webkit-text-decoration: none;
124
+ text-decoration: none;
125
+ cursor: pointer;
126
+ border: none;
127
+ }
128
+ .wds-list-item-prompt.negative {
129
+ background-color: var(--color-sentiment-negative-secondary);
130
+ color: var(--color-sentiment-negative-primary);
131
+ }
132
+ .wds-list-item-prompt.negative a {
133
+ color: var(--color-sentiment-negative-primary);
134
+ }
135
+ .wds-list-item-prompt.negative a:hover {
136
+ color: var(--color-sentiment-negative-primary-hover);
137
+ }
138
+ .wds-list-item-prompt.negative a:active {
139
+ color: var(--color-sentiment-negative-primary-active);
140
+ }
141
+ .np-prompt-interactive.wds-list-item-prompt.negative:hover {
142
+ background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 95%, var(--color-sentiment-negative-primary));
143
+ }
144
+ .np-prompt-interactive.wds-list-item-prompt.negative:active {
145
+ background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 90%, var(--color-sentiment-negative-primary));
146
+ }
147
+ .wds-list-item-prompt.positive,
148
+ .wds-list-item-prompt.discount,
149
+ .wds-list-item-prompt.savings {
150
+ background-color: var(--color-sentiment-positive-secondary);
151
+ color: var(--color-sentiment-positive-primary);
152
+ }
153
+ .wds-list-item-prompt.positive a,
154
+ .wds-list-item-prompt.discount a,
155
+ .wds-list-item-prompt.savings a {
156
+ color: var(--color-sentiment-positive-primary);
157
+ }
158
+ .wds-list-item-prompt.positive a:hover,
159
+ .wds-list-item-prompt.discount a:hover,
160
+ .wds-list-item-prompt.savings a:hover {
161
+ color: var(--color-sentiment-positive-primary-hover);
162
+ }
163
+ .wds-list-item-prompt.positive a:active,
164
+ .wds-list-item-prompt.discount a:active,
165
+ .wds-list-item-prompt.savings a:active {
166
+ color: var(--color-sentiment-positive-primary-active);
167
+ }
168
+ .np-prompt-interactive.wds-list-item-prompt.positive:hover,
169
+ .np-prompt-interactive.wds-list-item-prompt.discount:hover,
170
+ .np-prompt-interactive.wds-list-item-prompt.savings:hover {
171
+ background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 95%, var(--color-sentiment-positive-primary));
172
+ }
173
+ .np-prompt-interactive.wds-list-item-prompt.positive:active,
174
+ .np-prompt-interactive.wds-list-item-prompt.discount:active,
175
+ .np-prompt-interactive.wds-list-item-prompt.savings:active {
176
+ background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 90%, var(--color-sentiment-positive-primary));
177
+ }
178
+ .wds-list-item-prompt.neutral {
179
+ background-color: rgba(134,167,189,0.10196);
180
+ background-color: var(--color-background-neutral);
181
+ color: #37517e;
182
+ color: var(--color-content-primary);
183
+ }
184
+ .wds-list-item-prompt.neutral a {
185
+ color: #37517e;
186
+ color: var(--color-content-primary);
187
+ }
188
+ .np-prompt-interactive.wds-list-item-prompt.neutral:hover {
189
+ background-color: var(--color-background-neutral-hover);
190
+ }
191
+ .np-prompt-interactive.wds-list-item-prompt.neutral:active {
192
+ background-color: var(--color-background-neutral-active);
193
+ }
194
+ .wds-list-item-prompt.warning {
195
+ background-color: var(--color-sentiment-warning-secondary);
196
+ color: var(--color-sentiment-warning-content);
197
+ }
198
+ .wds-list-item-prompt.warning a {
199
+ color: var(--color-sentiment-warning-content);
200
+ }
201
+ .wds-list-item-prompt.warning a:hover {
202
+ color: var(--color-sentiment-warning-content-hover);
203
+ }
204
+ .wds-list-item-prompt.warning a:active {
205
+ color: var(--color-sentiment-warning-content-active);
206
+ }
207
+ .np-prompt-interactive.wds-list-item-prompt.warning:hover {
208
+ background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 90%, var(--color-sentiment-warning-primary));
209
+ }
210
+ .np-prompt-interactive.wds-list-item-prompt.warning:active {
211
+ background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 80%, var(--color-sentiment-warning-primary));
212
+ }
@@ -1866,22 +1866,10 @@ button.np-option {
1866
1866
  border-color: rgba(0,0,0,0.10196);
1867
1867
  border-color: var(--color-border-neutral);
1868
1868
  }
1869
- .tw-date label {
1869
+ .np-theme-personal .tw-date label {
1870
1870
  width: 100%;
1871
- }
1872
- .tw-date .tw-date--year label {
1873
- margin-bottom: 0;
1874
- }
1875
- .tw-date .tw-date--year,
1876
- .tw-date .tw-date--month,
1877
- .tw-date .tw-date--day {
1878
1871
  margin-bottom: 0;
1879
1872
  }
1880
- @media (min-width: 576px) {
1881
- .np-theme-personal .tw-date label {
1882
- margin-bottom: 0;
1883
- }
1884
- }
1885
1873
  .tw-date-lookup-menu {
1886
1874
  width: 400px;
1887
1875
  }
@@ -2630,6 +2618,218 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2630
2618
  border-radius: 9999px !important;
2631
2619
  border-radius: var(--radius-full) !important;
2632
2620
  }
2621
+ .wds-list-item {
2622
+ list-style: none;
2623
+ width: 100%;
2624
+ padding: 0;
2625
+ border-radius: 16px;
2626
+ border-radius: var(--radius-medium);
2627
+ background-color: #ffffff;
2628
+ background-color: var(--color-background-screen);
2629
+ gap: 16px;
2630
+ gap: var(--size-16);
2631
+ }
2632
+ .wds-list-item .partially-interactive {
2633
+ padding: 16px;
2634
+ padding: var(--size-16);
2635
+ }
2636
+ .wds-list-item label,
2637
+ .wds-list-item a {
2638
+ padding: 16px;
2639
+ padding: var(--size-16);
2640
+ }
2641
+ .wds-list-item-interactive label {
2642
+ cursor: pointer;
2643
+ }
2644
+ .wds-list-item-interactive:hover {
2645
+ background-color: var(--color-background-screen-hover);
2646
+ }
2647
+ .wds-list-item-interactive:hover .wds-list-item-control .wds-Button {
2648
+ background-color: var(--Button-background-hover);
2649
+ color: var(--Button-color-hover);
2650
+ transition: none;
2651
+ }
2652
+ .wds-list-item-interactive:active {
2653
+ background-color: var(--color-background-screen-active);
2654
+ }
2655
+ .wds-list-item-interactive .wds-list-item-control .wds-Button {
2656
+ transition: none;
2657
+ }
2658
+ .wds-list-item-media-image {
2659
+ width: var(--item-media-image-size);
2660
+ height: var(--item-media-image-size);
2661
+ }
2662
+ .wds-list-item-body {
2663
+ width: 100%;
2664
+ }
2665
+ .wds-list-item-title {
2666
+ color: #37517e;
2667
+ color: var(--color-content-primary);
2668
+ }
2669
+ .wds-list-item-additional-info {
2670
+ color: #768e9c;
2671
+ color: var(--color-content-tertiary);
2672
+ }
2673
+ .wds-list-item-value {
2674
+ flex: 0 0 auto;
2675
+ }
2676
+ .wds-list-item-control {
2677
+ flex: 0 0 auto;
2678
+ }
2679
+ .wds-list-item-navigation,
2680
+ .wds-list-item-navigation:hover,
2681
+ .wds-list-item-navigation:focus {
2682
+ -webkit-text-decoration: none;
2683
+ text-decoration: none;
2684
+ }
2685
+ .wds-list-item-spotlight-active {
2686
+ background-color: rgba(134,167,189,0.10196);
2687
+ background-color: var(--color-background-neutral);
2688
+ }
2689
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
2690
+ background-color: var(--color-background-neutral-hover);
2691
+ }
2692
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
2693
+ background-color: var(--color-background-neutral-active);
2694
+ }
2695
+ .wds-list-item-spotlight-inactive {
2696
+ background-color: rgba(134, 167, 189, 0.025);
2697
+ border: 1px dashed rgba(0,0,0,0.10196);
2698
+ border: 1px dashed var(--color-border-neutral);
2699
+ }
2700
+ @supports (color: color-mix(in lch, red, blue)) {
2701
+ .wds-list-item-spotlight-inactive {
2702
+ background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
2703
+ }
2704
+ }
2705
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
2706
+ background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
2707
+ }
2708
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
2709
+ background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
2710
+ }
2711
+ .wds-list-item-prompt {
2712
+ display: inline-flex;
2713
+ padding-top: calc(8px / 2);
2714
+ padding-top: calc(var(--padding-x-small) / 2);
2715
+ padding-bottom: calc(8px / 2);
2716
+ padding-bottom: calc(var(--padding-x-small) / 2);
2717
+ padding-left: calc(8px - 1px);
2718
+ padding-left: calc(var(--padding-x-small) - 1px);
2719
+ padding-right: 8px;
2720
+ padding-right: var(--padding-x-small);
2721
+ border-radius: 10px;
2722
+ border-radius: var(--radius-small);
2723
+ word-break: break-word;
2724
+ word-wrap: break-word;
2725
+ }
2726
+ .wds-list-item-prompt .np-prompt-icon {
2727
+ padding-right: calc(12px / 2);
2728
+ padding-right: calc(var(--size-12) / 2);
2729
+ padding-top: calc(4px - 1px);
2730
+ padding-top: calc(var(--size-4) - 1px);
2731
+ padding-bottom: calc(4px - 1px);
2732
+ padding-bottom: calc(var(--size-4) - 1px);
2733
+ }
2734
+ .wds-list-item-prompt .np-prompt-icon .tw-icon-tags,
2735
+ .wds-list-item-prompt .np-prompt-icon .tw-icon-confetti {
2736
+ color: var(--color-sentiment-positive-primary);
2737
+ }
2738
+ .wds-list-item-prompt a {
2739
+ text-underline-offset: calc(4px / 2);
2740
+ text-underline-offset: calc(var(--size-4) / 2);
2741
+ }
2742
+ .wds-list-item-prompt.np-prompt-interactive {
2743
+ -webkit-text-decoration: none;
2744
+ text-decoration: none;
2745
+ cursor: pointer;
2746
+ border: none;
2747
+ }
2748
+ .wds-list-item-prompt.negative {
2749
+ background-color: var(--color-sentiment-negative-secondary);
2750
+ color: var(--color-sentiment-negative-primary);
2751
+ }
2752
+ .wds-list-item-prompt.negative a {
2753
+ color: var(--color-sentiment-negative-primary);
2754
+ }
2755
+ .wds-list-item-prompt.negative a:hover {
2756
+ color: var(--color-sentiment-negative-primary-hover);
2757
+ }
2758
+ .wds-list-item-prompt.negative a:active {
2759
+ color: var(--color-sentiment-negative-primary-active);
2760
+ }
2761
+ .np-prompt-interactive.wds-list-item-prompt.negative:hover {
2762
+ background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 95%, var(--color-sentiment-negative-primary));
2763
+ }
2764
+ .np-prompt-interactive.wds-list-item-prompt.negative:active {
2765
+ background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 90%, var(--color-sentiment-negative-primary));
2766
+ }
2767
+ .wds-list-item-prompt.positive,
2768
+ .wds-list-item-prompt.discount,
2769
+ .wds-list-item-prompt.savings {
2770
+ background-color: var(--color-sentiment-positive-secondary);
2771
+ color: var(--color-sentiment-positive-primary);
2772
+ }
2773
+ .wds-list-item-prompt.positive a,
2774
+ .wds-list-item-prompt.discount a,
2775
+ .wds-list-item-prompt.savings a {
2776
+ color: var(--color-sentiment-positive-primary);
2777
+ }
2778
+ .wds-list-item-prompt.positive a:hover,
2779
+ .wds-list-item-prompt.discount a:hover,
2780
+ .wds-list-item-prompt.savings a:hover {
2781
+ color: var(--color-sentiment-positive-primary-hover);
2782
+ }
2783
+ .wds-list-item-prompt.positive a:active,
2784
+ .wds-list-item-prompt.discount a:active,
2785
+ .wds-list-item-prompt.savings a:active {
2786
+ color: var(--color-sentiment-positive-primary-active);
2787
+ }
2788
+ .np-prompt-interactive.wds-list-item-prompt.positive:hover,
2789
+ .np-prompt-interactive.wds-list-item-prompt.discount:hover,
2790
+ .np-prompt-interactive.wds-list-item-prompt.savings:hover {
2791
+ background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 95%, var(--color-sentiment-positive-primary));
2792
+ }
2793
+ .np-prompt-interactive.wds-list-item-prompt.positive:active,
2794
+ .np-prompt-interactive.wds-list-item-prompt.discount:active,
2795
+ .np-prompt-interactive.wds-list-item-prompt.savings:active {
2796
+ background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 90%, var(--color-sentiment-positive-primary));
2797
+ }
2798
+ .wds-list-item-prompt.neutral {
2799
+ background-color: rgba(134,167,189,0.10196);
2800
+ background-color: var(--color-background-neutral);
2801
+ color: #37517e;
2802
+ color: var(--color-content-primary);
2803
+ }
2804
+ .wds-list-item-prompt.neutral a {
2805
+ color: #37517e;
2806
+ color: var(--color-content-primary);
2807
+ }
2808
+ .np-prompt-interactive.wds-list-item-prompt.neutral:hover {
2809
+ background-color: var(--color-background-neutral-hover);
2810
+ }
2811
+ .np-prompt-interactive.wds-list-item-prompt.neutral:active {
2812
+ background-color: var(--color-background-neutral-active);
2813
+ }
2814
+ .wds-list-item-prompt.warning {
2815
+ background-color: var(--color-sentiment-warning-secondary);
2816
+ color: var(--color-sentiment-warning-content);
2817
+ }
2818
+ .wds-list-item-prompt.warning a {
2819
+ color: var(--color-sentiment-warning-content);
2820
+ }
2821
+ .wds-list-item-prompt.warning a:hover {
2822
+ color: var(--color-sentiment-warning-content-hover);
2823
+ }
2824
+ .wds-list-item-prompt.warning a:active {
2825
+ color: var(--color-sentiment-warning-content-active);
2826
+ }
2827
+ .np-prompt-interactive.wds-list-item-prompt.warning:hover {
2828
+ background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 90%, var(--color-sentiment-warning-primary));
2829
+ }
2830
+ .np-prompt-interactive.wds-list-item-prompt.warning:active {
2831
+ background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 80%, var(--color-sentiment-warning-primary));
2832
+ }
2633
2833
  .np-field-control {
2634
2834
  margin-top: 4px;
2635
2835
  margin-top: var(--size-4);
@@ -48,12 +48,12 @@ const SpacerWidth = {
48
48
  lg: 32
49
49
  };
50
50
  class Tabs extends React.Component {
51
- static defaultProps = {
51
+ static defaultProps = (() => ({
52
52
  changeTabOnSwipe: true,
53
53
  transitionSpacing: 'default',
54
54
  headerWidth: width.Width.BLOCK
55
- };
56
- containerReference = /*#__PURE__*/React.createRef();
55
+ }))();
56
+ containerReference = (() => /*#__PURE__*/React.createRef())();
57
57
  constructor(props) {
58
58
  super(props);
59
59
  this.state = {
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import { Spring, animated } from '@react-spring/web';\nimport { clsx } from 'clsx';\nimport clamp from 'lodash.clamp';\nimport { Component, createRef, Fragment } from 'react';\n\nimport { Size, Width, Direction } from '../common';\nimport { DirectionContext } from '../provider/direction';\n\nimport Tab from './Tab';\nimport TabList from './TabList';\nimport TabPanel from './TabPanel';\nimport {\n getElasticDragDifference,\n getSwipeDifference,\n swipedLeftToRight,\n swipedRightToLeft,\n swipeShouldChangeTab,\n getVelocity,\n Swipe,\n} from './utils';\n\nconst MIN_INDEX = 0;\n\nexport interface TabItem {\n title: string;\n content: React.ReactNode;\n disabled: boolean;\n}\n\ntype TabsTransitionSpacing =\n | 'default'\n | `${Size.EXTRA_SMALL | Size.SMALL | Size.MEDIUM | Size.LARGE}`;\n\nexport interface TabsProps {\n tabs: TabItem[];\n selected: number;\n name: string;\n animatePanelsOnClick?: boolean;\n changeTabOnSwipe?: boolean;\n className?: string;\n transitionSpacing?: TabsTransitionSpacing;\n headerWidth?: `${Width}`;\n id?: string;\n onTabSelect: (index: number) => void;\n}\n\ninterface TabsState {\n start: Swipe | null;\n translateX: number;\n translateFrom: number;\n translateTo: number;\n translateLineX: string | null;\n isAnimating: boolean;\n isSwiping: boolean;\n isScrolling: boolean;\n lastSwipeVelocity: number;\n fullWidthTabs: boolean;\n currentSwipe: Swipe[];\n selectedTabIndex: number;\n}\n\nconst SpacerWidth = {\n default: 0,\n xs: 8,\n sm: 16,\n md: 24,\n lg: 32,\n} satisfies Record<TabsTransitionSpacing, number>;\n\nexport default class Tabs extends Component<TabsProps, TabsState> {\n declare props: TabsProps & Required<Pick<TabsProps, keyof typeof Tabs.defaultProps>>;\n\n static defaultProps = {\n changeTabOnSwipe: true,\n transitionSpacing: 'default',\n headerWidth: Width.BLOCK,\n } satisfies Partial<TabsProps>;\n\n containerReference = createRef<HTMLDivElement>();\n\n constructor(props: Tabs['props']) {\n super(props);\n this.state = {\n start: null,\n translateX: 0,\n translateFrom: 0,\n translateTo: 0,\n translateLineX: null,\n isAnimating: false,\n isSwiping: false,\n isScrolling: false,\n lastSwipeVelocity: 0,\n fullWidthTabs: props.headerWidth === Width.BLOCK,\n currentSwipe: [],\n selectedTabIndex: props.selected,\n };\n }\n\n container: HTMLDivElement | null = null;\n\n containerWidth = 0;\n\n tabRefs: (HTMLLIElement | null)[] = [];\n\n get filteredTabsLength() {\n return this.props.tabs.filter((tab) => !tab.disabled).length;\n }\n\n get MAX_INDEX() {\n return this.props.tabs.length - 1;\n }\n\n componentDidMount() {\n const { selected } = this.props;\n\n this.setTabWidth();\n this.switchTab(clamp(selected, MIN_INDEX, this.MAX_INDEX));\n this.animateToTab(clamp(selected, MIN_INDEX, this.MAX_INDEX), true);\n document.body.addEventListener('touchmove', this.disableScroll, { passive: false });\n document.body.addEventListener('touchforcechange', this.disableScroll, { passive: false });\n window.addEventListener('resize', this.handleResize);\n }\n\n componentDidUpdate(previousProps: TabsProps, previousState: TabsState) {\n const currentSelected = this.props.selected;\n const previousSelected = previousProps.selected;\n const currentSelectedTab = this.props.tabs[currentSelected];\n const currentSelectedTabIsDisabled = currentSelectedTab?.disabled;\n const previousSelectedTab = previousProps.tabs[previousSelected];\n const previousSelectedTabIsDisabled = previousSelectedTab?.disabled;\n const currentTabsLength = this.props.tabs.length;\n const previousTabsLength = previousProps.tabs.length;\n const currentDisabledTabsLength = this.props.tabs.filter((tab) => !tab.disabled).length;\n const previousDisabledTabsLength = previousProps.tabs.filter((tab) => !tab.disabled).length;\n const currentHeaderWidth = this.props.headerWidth;\n const previousFullHeaderWidth = previousProps.headerWidth;\n const { animatePanelsOnClick } = this.props;\n const instantOnClick = !animatePanelsOnClick && !previousState.isSwiping;\n\n if (\n currentHeaderWidth !== previousFullHeaderWidth ||\n currentTabsLength !== previousTabsLength\n ) {\n this.setTabWidth();\n }\n\n if (\n currentSelected !== previousSelected ||\n currentDisabledTabsLength !== previousDisabledTabsLength ||\n currentSelectedTabIsDisabled !== previousSelectedTabIsDisabled\n ) {\n this.animateToTab(\n clamp(currentSelected, MIN_INDEX, this.MAX_INDEX),\n currentSelected === previousSelected || instantOnClick,\n );\n }\n }\n\n componentWillUnmount() {\n document.body.removeEventListener('touchmove', this.disableScroll);\n document.body.removeEventListener('touchforcechange', this.disableScroll);\n window.removeEventListener('resize', this.handleResize);\n }\n\n handleResize = () => {\n this.setContainerWidth(this.container);\n\n this.setState(({ selectedTabIndex }) => ({\n translateTo: -(this.containerWidth * selectedTabIndex),\n }));\n };\n\n setContainerRefAndWidth = (node: HTMLDivElement | null) => {\n this.container = node;\n this.setContainerWidth(node);\n };\n\n setContainerWidth = (node: HTMLDivElement | null) => {\n if (!node) {\n return;\n }\n\n const { width } = node.getBoundingClientRect();\n\n this.containerWidth = width;\n };\n\n isTabDisabled = (index: number) => {\n const { tabs } = this.props;\n\n return tabs[index]?.disabled ?? false;\n };\n\n getAllTabsWidth = () => {\n return this.tabRefs\n .map((reference) => {\n return reference ? reference.getBoundingClientRect().width : 0;\n })\n .reduce((a, b) => a + b, 0);\n };\n\n getDistanceToSelectedTab = (selectedTabIndex: number) => {\n return this.tabRefs\n .filter((_, idx) => idx < selectedTabIndex)\n .map((reference) => (reference ? reference.getBoundingClientRect().width : 0))\n .reduce((a, b) => a + b, 0);\n };\n\n setTabWidth = () => {\n const { fullWidthTabs } = this.state;\n const { headerWidth, selected } = this.props;\n\n const allTabsWidth = this.getAllTabsWidth();\n\n if (!fullWidthTabs && (headerWidth === Width.BLOCK || this.containerWidth < allTabsWidth)) {\n this.setState({ fullWidthTabs: true, translateLineX: `${selected * 100}%` });\n }\n if (fullWidthTabs && headerWidth === Width.AUTO && this.containerWidth >= allTabsWidth) {\n this.setState({\n fullWidthTabs: false,\n translateLineX: `${this.getDistanceToSelectedTab(selected)}px`,\n });\n }\n };\n\n getTabLineWidth = () => {\n const { fullWidthTabs } = this.state;\n const { selected, tabs } = this.props;\n\n if (fullWidthTabs) {\n return `${(1 / tabs.length) * 100}%`;\n }\n\n const reference = this.tabRefs[selected] || this.tabRefs[this.tabRefs.length - 1];\n const width = reference ? reference.getBoundingClientRect().width : 0;\n return `${width}px`;\n };\n\n /*\n * Gets the next tab that should be selected based on the swipe direction\n * and the current selected tab (is called recursively to account for disabled tabs).\n */\n getTabToSelect = (selected: number, start: Swipe, end: Swipe): number => {\n let nextSelected = selected;\n\n if (swipedLeftToRight(start, end)) {\n nextSelected -= 1;\n\n if (nextSelected > MIN_INDEX && this.isTabDisabled(nextSelected)) {\n return this.getTabToSelect(nextSelected, start, end);\n }\n } else if (swipedRightToLeft(start, end)) {\n nextSelected += 1;\n\n if (nextSelected < this.MAX_INDEX && this.isTabDisabled(nextSelected)) {\n return this.getTabToSelect(nextSelected, start, end);\n }\n }\n\n nextSelected = clamp(\n nextSelected,\n Math.max(selected - 1, MIN_INDEX),\n Math.min(selected + 1, this.MAX_INDEX),\n );\n\n if (this.isTabDisabled(nextSelected)) {\n return selected;\n }\n\n return nextSelected;\n };\n\n swipedOverHalfOfContainer = (difference: number) => difference / this.containerWidth >= 0.5;\n\n calculateApplicableDragDifference = ({\n currentSelected,\n nextSelected,\n start,\n end,\n }: {\n currentSelected: number;\n nextSelected: number;\n start: Swipe;\n end: Swipe;\n }) => {\n const difference = getSwipeDifference(start, end);\n const elasticDrag = getElasticDragDifference(difference);\n\n if (swipedLeftToRight(start, end)) {\n if (currentSelected > MIN_INDEX && currentSelected !== nextSelected) {\n return Math.min(difference, this.containerWidth);\n }\n return elasticDrag;\n }\n if (swipedRightToLeft(start, end)) {\n if (currentSelected < this.MAX_INDEX && currentSelected !== nextSelected) {\n return -Math.min(difference, this.containerWidth);\n }\n return -elasticDrag;\n }\n\n return false;\n };\n\n switchTab = (index: number) => {\n const { onTabSelect } = this.props;\n onTabSelect(index);\n };\n\n getTabIndexWithoutDisabledTabs(index: number) {\n return index - this.props.tabs.slice(0, index).filter((tab) => tab.disabled).length;\n }\n\n animateToTab = (index: number, instant?: boolean) => {\n this.animateLine(index);\n\n this.animatePanel(this.getTabIndexWithoutDisabledTabs(index), instant);\n };\n\n animateLine = (index: number) => {\n this.setState((previousState) => ({\n translateLineX: previousState.fullWidthTabs\n ? `${index * 100}%`\n : `${this.getDistanceToSelectedTab(index)}px`,\n }));\n };\n\n // Pass `instant` to set the `translateX` to the new panel with no transition\n animatePanel = (index: number, instant = false) => {\n const { translateTo: currentTranslateTo } = this.state;\n\n const translateFrom = currentTranslateTo;\n const translateTo = -(this.containerWidth * index);\n\n this.setState({\n selectedTabIndex: index,\n isAnimating: !instant && translateFrom !== translateTo,\n translateFrom,\n translateTo,\n });\n };\n\n disableScroll = (event: Event) => {\n const { isSwiping } = this.state;\n\n if (isSwiping) {\n event.preventDefault();\n }\n };\n\n handleTabClick = (index: number) => () => {\n this.switchTab(index);\n };\n\n onKeyDown = (index: number) => (event: React.KeyboardEvent<HTMLLIElement>) => {\n if (event && event.key === 'Enter') {\n this.switchTab(index);\n }\n };\n\n handleTouchStart: React.TouchEventHandler<HTMLDivElement> = (event) => {\n const start = {\n x: event.nativeEvent.touches[0].clientX,\n y: event.nativeEvent.touches[0].clientY,\n time: Date.now(),\n };\n this.setState({\n start,\n currentSwipe: [start],\n });\n\n event.persist();\n };\n\n handleTouchMove: React.TouchEventHandler<HTMLDivElement> = (event) => {\n const { start } = this.state;\n if (start == null) {\n return;\n }\n\n const { selected: currentSelectedFromProps } = this.props;\n const selected = this.getTabIndexWithoutDisabledTabs(currentSelectedFromProps);\n const end: Swipe = {\n x: event.nativeEvent.changedTouches[0].clientX,\n y: event.nativeEvent.changedTouches[0].clientY,\n time: Date.now(),\n };\n const difference = getSwipeDifference(start, end);\n const yAxisDifference = getSwipeDifference(start, end, 'y');\n let { isScrolling, isSwiping } = this.state;\n\n event.persist();\n\n if (!isScrolling && !isSwiping) {\n if (difference > yAxisDifference) {\n isSwiping = true;\n } else {\n isScrolling = true;\n }\n }\n\n this.setState({ isScrolling, isSwiping });\n\n if (isSwiping) {\n const nextSelected = this.getTabToSelect(currentSelectedFromProps, start, end);\n this.animateLine(\n this.swipedOverHalfOfContainer(difference) ? nextSelected : currentSelectedFromProps,\n );\n\n const dragDifference = this.calculateApplicableDragDifference({\n currentSelected: currentSelectedFromProps,\n nextSelected,\n start,\n end,\n });\n\n const translateX = dragDifference\n ? -(this.containerWidth * selected) + dragDifference\n : false;\n\n this.setState((state) => ({\n currentSwipe: [...state.currentSwipe, end],\n translateFrom: translateX || state.translateFrom,\n translateTo: translateX || state.translateTo,\n }));\n }\n };\n\n handleTouchEnd: React.TouchEventHandler<HTMLDivElement> = (event) => {\n const { start, isSwiping } = this.state;\n if (start == null) {\n return;\n }\n\n const { selected } = this.props;\n const end: Swipe = {\n x: event.nativeEvent.changedTouches[0].clientX,\n y: event.nativeEvent.changedTouches[0].clientY,\n time: Date.now(),\n };\n const difference = getSwipeDifference(start, end);\n const velocity = getVelocity([...this.state.currentSwipe, end]);\n\n this.setState({\n currentSwipe: [],\n });\n\n let nextSelected = selected;\n\n event.persist();\n\n if (isSwiping) {\n if (swipeShouldChangeTab(start, end) || this.swipedOverHalfOfContainer(difference)) {\n nextSelected = this.getTabToSelect(nextSelected, start, end);\n }\n\n if (nextSelected !== selected) {\n this.switchTab(nextSelected);\n\n this.setState({\n lastSwipeVelocity: velocity,\n });\n } else {\n this.animateToTab(nextSelected);\n }\n }\n\n this.setState({ isSwiping: false, isScrolling: false });\n };\n\n render() {\n const { tabs, changeTabOnSwipe, name, selected, className, transitionSpacing, headerWidth } =\n this.props;\n const {\n isSwiping,\n translateLineX,\n isAnimating,\n translateFrom,\n translateTo,\n lastSwipeVelocity,\n fullWidthTabs,\n } = this.state;\n\n const spacer = SpacerWidth[transitionSpacing];\n\n const tabsLength = this.filteredTabsLength;\n\n const distanceSwiped = Math.abs(-translateFrom - this.containerWidth * selected);\n\n const remainingContainerToTravel = isSwiping\n ? 1 - distanceSwiped / this.containerWidth\n : 1 - Math.abs(distanceSwiped / this.containerWidth - 1);\n\n const restrictedVelocity =\n (Number.isNaN(remainingContainerToTravel) ? 0 : remainingContainerToTravel) *\n Math.min(10 * Math.E, lastSwipeVelocity * 10 * Math.E);\n\n const hidePanelOverflow = isAnimating || isSwiping;\n\n const sliderWidth = tabsLength * this.containerWidth + spacer * 2;\n\n // Uses `props.panelTransitionSpacing` to add a spacer in-between the `TabPanel` you're transitioning to/from\n const Spacer = ({ id }: { id: string }) =>\n spacer > 0 && (\n <div\n key={id}\n style={{\n width: spacer,\n display: hidePanelOverflow ? 'block' : 'none',\n }}\n />\n );\n\n return (\n <DirectionContext.Consumer>\n {(direction) => {\n const isRTL = direction === Direction.RTL;\n return (\n <div\n ref={this.containerReference}\n className={clsx('tabs', className, {\n 'tabs--auto-width': headerWidth === Width.AUTO,\n })}\n onTouchStart={changeTabOnSwipe ? this.handleTouchStart : undefined}\n onTouchEnd={changeTabOnSwipe ? this.handleTouchEnd : undefined}\n onTouchMove={changeTabOnSwipe ? this.handleTouchMove : undefined}\n >\n <TabList>\n {tabs.map(({ title, disabled }, index) => {\n return (\n <Tab\n key={title}\n ref={(node) => {\n this.tabRefs[index] = node;\n }}\n id={`${name}-tab-${index}`}\n panelId={`${name}-panel-${index}`}\n selected={selected === index}\n disabled={disabled}\n focusTab={() => {\n if (this.containerReference.current?.contains(document.activeElement)) {\n this.tabRefs[index]?.focus();\n }\n }}\n onClick={disabled ? undefined : this.handleTabClick(index)}\n onKeyDown={this.onKeyDown(index)}\n {...(fullWidthTabs\n ? { style: { width: `${(1 / tabs.length) * 100}%` } }\n : {})}\n >\n {title}\n </Tab>\n );\n })}\n {translateLineX ? (\n <li\n role=\"none\"\n className=\"tabs__line\"\n style={{\n width: this.getTabLineWidth(),\n transform: isRTL\n ? `translateX(-${translateLineX})`\n : `translateX(${translateLineX})`,\n }}\n />\n ) : null}\n </TabList>\n <div\n ref={this.setContainerRefAndWidth}\n className=\"tabs__panel-container\"\n style={{\n overflow: hidePanelOverflow ? 'hidden' : 'visible',\n }}\n >\n <Spring\n from={{\n transform: `translateX(${translateFrom - spacer}px)`,\n }}\n to={{\n transform: `translateX(${translateTo - spacer}px)`,\n }}\n config={{\n precision: isSwiping ? 1 : 0.01,\n velocity: !isSwiping ? restrictedVelocity : 0,\n clamp: true,\n }}\n onRest={() => {\n if (isAnimating) {\n this.setState({\n isAnimating: false,\n lastSwipeVelocity: 0,\n });\n }\n }}\n >\n {(props) => (\n <animated.div\n className=\"tabs__slider\"\n style={{\n width: hidePanelOverflow ? `${sliderWidth}px` : '100%',\n transform: hidePanelOverflow ? props.transform : 'translateX(0px)',\n }}\n >\n {tabs.map(({ content, disabled }, index) =>\n !disabled ? (\n <Fragment key={`${tabs[index].title}-fragment`}>\n {index === selected && <Spacer id=\"left-spacer\" />}\n <TabPanel\n key={tabs[index].title}\n tabId={`${name}-tab-${index}`}\n id={`${name}-panel-${index}`}\n style={{\n width: hidePanelOverflow ? `${this.containerWidth}px` : '100%',\n display: hidePanelOverflow || index === selected ? 'block' : 'none',\n }}\n >\n {content}\n </TabPanel>\n {index === selected && <Spacer id=\"right-spacer\" />}\n </Fragment>\n ) : null,\n )}\n </animated.div>\n )}\n </Spring>\n </div>\n </div>\n );\n }}\n </DirectionContext.Consumer>\n );\n }\n}\n"],"names":["MIN_INDEX","SpacerWidth","default","xs","sm","md","lg","Tabs","Component","defaultProps","changeTabOnSwipe","transitionSpacing","headerWidth","Width","BLOCK","containerReference","createRef","constructor","props","state","start","translateX","translateFrom","translateTo","translateLineX","isAnimating","isSwiping","isScrolling","lastSwipeVelocity","fullWidthTabs","currentSwipe","selectedTabIndex","selected","container","containerWidth","tabRefs","filteredTabsLength","tabs","filter","tab","disabled","length","MAX_INDEX","componentDidMount","setTabWidth","switchTab","clamp","animateToTab","document","body","addEventListener","disableScroll","passive","window","handleResize","componentDidUpdate","previousProps","previousState","currentSelected","previousSelected","currentSelectedTab","currentSelectedTabIsDisabled","previousSelectedTab","previousSelectedTabIsDisabled","currentTabsLength","previousTabsLength","currentDisabledTabsLength","previousDisabledTabsLength","currentHeaderWidth","previousFullHeaderWidth","animatePanelsOnClick","instantOnClick","componentWillUnmount","removeEventListener","setContainerWidth","setState","setContainerRefAndWidth","node","width","getBoundingClientRect","isTabDisabled","index","getAllTabsWidth","map","reference","reduce","a","b","getDistanceToSelectedTab","_","idx","allTabsWidth","AUTO","getTabLineWidth","getTabToSelect","end","nextSelected","swipedLeftToRight","swipedRightToLeft","Math","max","min","swipedOverHalfOfContainer","difference","calculateApplicableDragDifference","getSwipeDifference","elasticDrag","getElasticDragDifference","onTabSelect","getTabIndexWithoutDisabledTabs","slice","instant","animateLine","animatePanel","currentTranslateTo","event","preventDefault","handleTabClick","onKeyDown","key","handleTouchStart","x","nativeEvent","touches","clientX","y","clientY","time","Date","now","persist","handleTouchMove","currentSelectedFromProps","changedTouches","yAxisDifference","dragDifference","handleTouchEnd","velocity","getVelocity","swipeShouldChangeTab","render","name","className","spacer","tabsLength","distanceSwiped","abs","remainingContainerToTravel","restrictedVelocity","Number","isNaN","E","hidePanelOverflow","sliderWidth","Spacer","id","_jsx","style","display","DirectionContext","Consumer","children","direction","isRTL","Direction","RTL","_jsxs","ref","clsx","onTouchStart","undefined","onTouchEnd","onTouchMove","TabList","title","Tab","panelId","focusTab","current","contains","activeElement","focus","onClick","role","transform","overflow","Spring","from","to","config","precision","onRest","animated","div","content","Fragment","TabPanel","tabId"],"mappings":"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"}
1
+ {"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import { Spring, animated } from '@react-spring/web';\nimport { clsx } from 'clsx';\nimport clamp from 'lodash.clamp';\nimport { Component, createRef, Fragment } from 'react';\n\nimport { Size, Width, Direction } from '../common';\nimport { DirectionContext } from '../provider/direction';\n\nimport Tab from './Tab';\nimport TabList from './TabList';\nimport TabPanel from './TabPanel';\nimport {\n getElasticDragDifference,\n getSwipeDifference,\n swipedLeftToRight,\n swipedRightToLeft,\n swipeShouldChangeTab,\n getVelocity,\n Swipe,\n} from './utils';\n\nconst MIN_INDEX = 0;\n\nexport interface TabItem {\n title: string;\n content: React.ReactNode;\n disabled: boolean;\n}\n\ntype TabsTransitionSpacing =\n | 'default'\n | `${Size.EXTRA_SMALL | Size.SMALL | Size.MEDIUM | Size.LARGE}`;\n\nexport interface TabsProps {\n tabs: TabItem[];\n selected: number;\n name: string;\n animatePanelsOnClick?: boolean;\n changeTabOnSwipe?: boolean;\n className?: string;\n transitionSpacing?: TabsTransitionSpacing;\n headerWidth?: `${Width}`;\n id?: string;\n onTabSelect: (index: number) => void;\n}\n\ninterface TabsState {\n start: Swipe | null;\n translateX: number;\n translateFrom: number;\n translateTo: number;\n translateLineX: string | null;\n isAnimating: boolean;\n isSwiping: boolean;\n isScrolling: boolean;\n lastSwipeVelocity: number;\n fullWidthTabs: boolean;\n currentSwipe: Swipe[];\n selectedTabIndex: number;\n}\n\nconst SpacerWidth = {\n default: 0,\n xs: 8,\n sm: 16,\n md: 24,\n lg: 32,\n} satisfies Record<TabsTransitionSpacing, number>;\n\nexport default class Tabs extends Component<TabsProps, TabsState> {\n declare props: TabsProps & Required<Pick<TabsProps, keyof typeof Tabs.defaultProps>>;\n\n static defaultProps = {\n changeTabOnSwipe: true,\n transitionSpacing: 'default',\n headerWidth: Width.BLOCK,\n } satisfies Partial<TabsProps>;\n\n containerReference = createRef<HTMLDivElement>();\n\n constructor(props: Tabs['props']) {\n super(props);\n this.state = {\n start: null,\n translateX: 0,\n translateFrom: 0,\n translateTo: 0,\n translateLineX: null,\n isAnimating: false,\n isSwiping: false,\n isScrolling: false,\n lastSwipeVelocity: 0,\n fullWidthTabs: props.headerWidth === Width.BLOCK,\n currentSwipe: [],\n selectedTabIndex: props.selected,\n };\n }\n\n container: HTMLDivElement | null = null;\n\n containerWidth = 0;\n\n tabRefs: (HTMLLIElement | null)[] = [];\n\n get filteredTabsLength() {\n return this.props.tabs.filter((tab) => !tab.disabled).length;\n }\n\n get MAX_INDEX() {\n return this.props.tabs.length - 1;\n }\n\n componentDidMount() {\n const { selected } = this.props;\n\n this.setTabWidth();\n this.switchTab(clamp(selected, MIN_INDEX, this.MAX_INDEX));\n this.animateToTab(clamp(selected, MIN_INDEX, this.MAX_INDEX), true);\n document.body.addEventListener('touchmove', this.disableScroll, { passive: false });\n document.body.addEventListener('touchforcechange', this.disableScroll, { passive: false });\n window.addEventListener('resize', this.handleResize);\n }\n\n componentDidUpdate(previousProps: TabsProps, previousState: TabsState) {\n const currentSelected = this.props.selected;\n const previousSelected = previousProps.selected;\n const currentSelectedTab = this.props.tabs[currentSelected];\n const currentSelectedTabIsDisabled = currentSelectedTab?.disabled;\n const previousSelectedTab = previousProps.tabs[previousSelected];\n const previousSelectedTabIsDisabled = previousSelectedTab?.disabled;\n const currentTabsLength = this.props.tabs.length;\n const previousTabsLength = previousProps.tabs.length;\n const currentDisabledTabsLength = this.props.tabs.filter((tab) => !tab.disabled).length;\n const previousDisabledTabsLength = previousProps.tabs.filter((tab) => !tab.disabled).length;\n const currentHeaderWidth = this.props.headerWidth;\n const previousFullHeaderWidth = previousProps.headerWidth;\n const { animatePanelsOnClick } = this.props;\n const instantOnClick = !animatePanelsOnClick && !previousState.isSwiping;\n\n if (\n currentHeaderWidth !== previousFullHeaderWidth ||\n currentTabsLength !== previousTabsLength\n ) {\n this.setTabWidth();\n }\n\n if (\n currentSelected !== previousSelected ||\n currentDisabledTabsLength !== previousDisabledTabsLength ||\n currentSelectedTabIsDisabled !== previousSelectedTabIsDisabled\n ) {\n this.animateToTab(\n clamp(currentSelected, MIN_INDEX, this.MAX_INDEX),\n currentSelected === previousSelected || instantOnClick,\n );\n }\n }\n\n componentWillUnmount() {\n document.body.removeEventListener('touchmove', this.disableScroll);\n document.body.removeEventListener('touchforcechange', this.disableScroll);\n window.removeEventListener('resize', this.handleResize);\n }\n\n handleResize = () => {\n this.setContainerWidth(this.container);\n\n this.setState(({ selectedTabIndex }) => ({\n translateTo: -(this.containerWidth * selectedTabIndex),\n }));\n };\n\n setContainerRefAndWidth = (node: HTMLDivElement | null) => {\n this.container = node;\n this.setContainerWidth(node);\n };\n\n setContainerWidth = (node: HTMLDivElement | null) => {\n if (!node) {\n return;\n }\n\n const { width } = node.getBoundingClientRect();\n\n this.containerWidth = width;\n };\n\n isTabDisabled = (index: number) => {\n const { tabs } = this.props;\n\n return tabs[index]?.disabled ?? false;\n };\n\n getAllTabsWidth = () => {\n return this.tabRefs\n .map((reference) => {\n return reference ? reference.getBoundingClientRect().width : 0;\n })\n .reduce((a, b) => a + b, 0);\n };\n\n getDistanceToSelectedTab = (selectedTabIndex: number) => {\n return this.tabRefs\n .filter((_, idx) => idx < selectedTabIndex)\n .map((reference) => (reference ? reference.getBoundingClientRect().width : 0))\n .reduce((a, b) => a + b, 0);\n };\n\n setTabWidth = () => {\n const { fullWidthTabs } = this.state;\n const { headerWidth, selected } = this.props;\n\n const allTabsWidth = this.getAllTabsWidth();\n\n if (!fullWidthTabs && (headerWidth === Width.BLOCK || this.containerWidth < allTabsWidth)) {\n this.setState({ fullWidthTabs: true, translateLineX: `${selected * 100}%` });\n }\n if (fullWidthTabs && headerWidth === Width.AUTO && this.containerWidth >= allTabsWidth) {\n this.setState({\n fullWidthTabs: false,\n translateLineX: `${this.getDistanceToSelectedTab(selected)}px`,\n });\n }\n };\n\n getTabLineWidth = () => {\n const { fullWidthTabs } = this.state;\n const { selected, tabs } = this.props;\n\n if (fullWidthTabs) {\n return `${(1 / tabs.length) * 100}%`;\n }\n\n const reference = this.tabRefs[selected] || this.tabRefs[this.tabRefs.length - 1];\n const width = reference ? reference.getBoundingClientRect().width : 0;\n return `${width}px`;\n };\n\n /*\n * Gets the next tab that should be selected based on the swipe direction\n * and the current selected tab (is called recursively to account for disabled tabs).\n */\n getTabToSelect = (selected: number, start: Swipe, end: Swipe): number => {\n let nextSelected = selected;\n\n if (swipedLeftToRight(start, end)) {\n nextSelected -= 1;\n\n if (nextSelected > MIN_INDEX && this.isTabDisabled(nextSelected)) {\n return this.getTabToSelect(nextSelected, start, end);\n }\n } else if (swipedRightToLeft(start, end)) {\n nextSelected += 1;\n\n if (nextSelected < this.MAX_INDEX && this.isTabDisabled(nextSelected)) {\n return this.getTabToSelect(nextSelected, start, end);\n }\n }\n\n nextSelected = clamp(\n nextSelected,\n Math.max(selected - 1, MIN_INDEX),\n Math.min(selected + 1, this.MAX_INDEX),\n );\n\n if (this.isTabDisabled(nextSelected)) {\n return selected;\n }\n\n return nextSelected;\n };\n\n swipedOverHalfOfContainer = (difference: number) => difference / this.containerWidth >= 0.5;\n\n calculateApplicableDragDifference = ({\n currentSelected,\n nextSelected,\n start,\n end,\n }: {\n currentSelected: number;\n nextSelected: number;\n start: Swipe;\n end: Swipe;\n }) => {\n const difference = getSwipeDifference(start, end);\n const elasticDrag = getElasticDragDifference(difference);\n\n if (swipedLeftToRight(start, end)) {\n if (currentSelected > MIN_INDEX && currentSelected !== nextSelected) {\n return Math.min(difference, this.containerWidth);\n }\n return elasticDrag;\n }\n if (swipedRightToLeft(start, end)) {\n if (currentSelected < this.MAX_INDEX && currentSelected !== nextSelected) {\n return -Math.min(difference, this.containerWidth);\n }\n return -elasticDrag;\n }\n\n return false;\n };\n\n switchTab = (index: number) => {\n const { onTabSelect } = this.props;\n onTabSelect(index);\n };\n\n getTabIndexWithoutDisabledTabs(index: number) {\n return index - this.props.tabs.slice(0, index).filter((tab) => tab.disabled).length;\n }\n\n animateToTab = (index: number, instant?: boolean) => {\n this.animateLine(index);\n\n this.animatePanel(this.getTabIndexWithoutDisabledTabs(index), instant);\n };\n\n animateLine = (index: number) => {\n this.setState((previousState) => ({\n translateLineX: previousState.fullWidthTabs\n ? `${index * 100}%`\n : `${this.getDistanceToSelectedTab(index)}px`,\n }));\n };\n\n // Pass `instant` to set the `translateX` to the new panel with no transition\n animatePanel = (index: number, instant = false) => {\n const { translateTo: currentTranslateTo } = this.state;\n\n const translateFrom = currentTranslateTo;\n const translateTo = -(this.containerWidth * index);\n\n this.setState({\n selectedTabIndex: index,\n isAnimating: !instant && translateFrom !== translateTo,\n translateFrom,\n translateTo,\n });\n };\n\n disableScroll = (event: Event) => {\n const { isSwiping } = this.state;\n\n if (isSwiping) {\n event.preventDefault();\n }\n };\n\n handleTabClick = (index: number) => () => {\n this.switchTab(index);\n };\n\n onKeyDown = (index: number) => (event: React.KeyboardEvent<HTMLLIElement>) => {\n if (event && event.key === 'Enter') {\n this.switchTab(index);\n }\n };\n\n handleTouchStart: React.TouchEventHandler<HTMLDivElement> = (event) => {\n const start = {\n x: event.nativeEvent.touches[0].clientX,\n y: event.nativeEvent.touches[0].clientY,\n time: Date.now(),\n };\n this.setState({\n start,\n currentSwipe: [start],\n });\n\n event.persist();\n };\n\n handleTouchMove: React.TouchEventHandler<HTMLDivElement> = (event) => {\n const { start } = this.state;\n if (start == null) {\n return;\n }\n\n const { selected: currentSelectedFromProps } = this.props;\n const selected = this.getTabIndexWithoutDisabledTabs(currentSelectedFromProps);\n const end: Swipe = {\n x: event.nativeEvent.changedTouches[0].clientX,\n y: event.nativeEvent.changedTouches[0].clientY,\n time: Date.now(),\n };\n const difference = getSwipeDifference(start, end);\n const yAxisDifference = getSwipeDifference(start, end, 'y');\n let { isScrolling, isSwiping } = this.state;\n\n event.persist();\n\n if (!isScrolling && !isSwiping) {\n if (difference > yAxisDifference) {\n isSwiping = true;\n } else {\n isScrolling = true;\n }\n }\n\n this.setState({ isScrolling, isSwiping });\n\n if (isSwiping) {\n const nextSelected = this.getTabToSelect(currentSelectedFromProps, start, end);\n this.animateLine(\n this.swipedOverHalfOfContainer(difference) ? nextSelected : currentSelectedFromProps,\n );\n\n const dragDifference = this.calculateApplicableDragDifference({\n currentSelected: currentSelectedFromProps,\n nextSelected,\n start,\n end,\n });\n\n const translateX = dragDifference\n ? -(this.containerWidth * selected) + dragDifference\n : false;\n\n this.setState((state) => ({\n currentSwipe: [...state.currentSwipe, end],\n translateFrom: translateX || state.translateFrom,\n translateTo: translateX || state.translateTo,\n }));\n }\n };\n\n handleTouchEnd: React.TouchEventHandler<HTMLDivElement> = (event) => {\n const { start, isSwiping } = this.state;\n if (start == null) {\n return;\n }\n\n const { selected } = this.props;\n const end: Swipe = {\n x: event.nativeEvent.changedTouches[0].clientX,\n y: event.nativeEvent.changedTouches[0].clientY,\n time: Date.now(),\n };\n const difference = getSwipeDifference(start, end);\n const velocity = getVelocity([...this.state.currentSwipe, end]);\n\n this.setState({\n currentSwipe: [],\n });\n\n let nextSelected = selected;\n\n event.persist();\n\n if (isSwiping) {\n if (swipeShouldChangeTab(start, end) || this.swipedOverHalfOfContainer(difference)) {\n nextSelected = this.getTabToSelect(nextSelected, start, end);\n }\n\n if (nextSelected !== selected) {\n this.switchTab(nextSelected);\n\n this.setState({\n lastSwipeVelocity: velocity,\n });\n } else {\n this.animateToTab(nextSelected);\n }\n }\n\n this.setState({ isSwiping: false, isScrolling: false });\n };\n\n render() {\n const { tabs, changeTabOnSwipe, name, selected, className, transitionSpacing, headerWidth } =\n this.props;\n const {\n isSwiping,\n translateLineX,\n isAnimating,\n translateFrom,\n translateTo,\n lastSwipeVelocity,\n fullWidthTabs,\n } = this.state;\n\n const spacer = SpacerWidth[transitionSpacing];\n\n const tabsLength = this.filteredTabsLength;\n\n const distanceSwiped = Math.abs(-translateFrom - this.containerWidth * selected);\n\n const remainingContainerToTravel = isSwiping\n ? 1 - distanceSwiped / this.containerWidth\n : 1 - Math.abs(distanceSwiped / this.containerWidth - 1);\n\n const restrictedVelocity =\n (Number.isNaN(remainingContainerToTravel) ? 0 : remainingContainerToTravel) *\n Math.min(10 * Math.E, lastSwipeVelocity * 10 * Math.E);\n\n const hidePanelOverflow = isAnimating || isSwiping;\n\n const sliderWidth = tabsLength * this.containerWidth + spacer * 2;\n\n // Uses `props.panelTransitionSpacing` to add a spacer in-between the `TabPanel` you're transitioning to/from\n const Spacer = ({ id }: { id: string }) =>\n spacer > 0 && (\n <div\n key={id}\n style={{\n width: spacer,\n display: hidePanelOverflow ? 'block' : 'none',\n }}\n />\n );\n\n return (\n <DirectionContext.Consumer>\n {(direction) => {\n const isRTL = direction === Direction.RTL;\n return (\n <div\n ref={this.containerReference}\n className={clsx('tabs', className, {\n 'tabs--auto-width': headerWidth === Width.AUTO,\n })}\n onTouchStart={changeTabOnSwipe ? this.handleTouchStart : undefined}\n onTouchEnd={changeTabOnSwipe ? this.handleTouchEnd : undefined}\n onTouchMove={changeTabOnSwipe ? this.handleTouchMove : undefined}\n >\n <TabList>\n {tabs.map(({ title, disabled }, index) => {\n return (\n <Tab\n key={title}\n ref={(node) => {\n this.tabRefs[index] = node;\n }}\n id={`${name}-tab-${index}`}\n panelId={`${name}-panel-${index}`}\n selected={selected === index}\n disabled={disabled}\n focusTab={() => {\n if (this.containerReference.current?.contains(document.activeElement)) {\n this.tabRefs[index]?.focus();\n }\n }}\n onClick={disabled ? undefined : this.handleTabClick(index)}\n onKeyDown={this.onKeyDown(index)}\n {...(fullWidthTabs\n ? { style: { width: `${(1 / tabs.length) * 100}%` } }\n : {})}\n >\n {title}\n </Tab>\n );\n })}\n {translateLineX ? (\n <li\n role=\"none\"\n className=\"tabs__line\"\n style={{\n width: this.getTabLineWidth(),\n transform: isRTL\n ? `translateX(-${translateLineX})`\n : `translateX(${translateLineX})`,\n }}\n />\n ) : null}\n </TabList>\n <div\n ref={this.setContainerRefAndWidth}\n className=\"tabs__panel-container\"\n style={{\n overflow: hidePanelOverflow ? 'hidden' : 'visible',\n }}\n >\n <Spring\n from={{\n transform: `translateX(${translateFrom - spacer}px)`,\n }}\n to={{\n transform: `translateX(${translateTo - spacer}px)`,\n }}\n config={{\n precision: isSwiping ? 1 : 0.01,\n velocity: !isSwiping ? restrictedVelocity : 0,\n clamp: true,\n }}\n onRest={() => {\n if (isAnimating) {\n this.setState({\n isAnimating: false,\n lastSwipeVelocity: 0,\n });\n }\n }}\n >\n {(props) => (\n <animated.div\n className=\"tabs__slider\"\n style={{\n width: hidePanelOverflow ? `${sliderWidth}px` : '100%',\n transform: hidePanelOverflow ? props.transform : 'translateX(0px)',\n }}\n >\n {tabs.map(({ content, disabled }, index) =>\n !disabled ? (\n <Fragment key={`${tabs[index].title}-fragment`}>\n {index === selected && <Spacer id=\"left-spacer\" />}\n <TabPanel\n key={tabs[index].title}\n tabId={`${name}-tab-${index}`}\n id={`${name}-panel-${index}`}\n style={{\n width: hidePanelOverflow ? `${this.containerWidth}px` : '100%',\n display: hidePanelOverflow || index === selected ? 'block' : 'none',\n }}\n >\n {content}\n </TabPanel>\n {index === selected && <Spacer id=\"right-spacer\" />}\n </Fragment>\n ) : null,\n )}\n </animated.div>\n )}\n </Spring>\n </div>\n </div>\n );\n }}\n </DirectionContext.Consumer>\n );\n }\n}\n"],"names":["MIN_INDEX","SpacerWidth","default","xs","sm","md","lg","Tabs","Component","defaultProps","changeTabOnSwipe","transitionSpacing","headerWidth","Width","BLOCK","containerReference","createRef","constructor","props","state","start","translateX","translateFrom","translateTo","translateLineX","isAnimating","isSwiping","isScrolling","lastSwipeVelocity","fullWidthTabs","currentSwipe","selectedTabIndex","selected","container","containerWidth","tabRefs","filteredTabsLength","tabs","filter","tab","disabled","length","MAX_INDEX","componentDidMount","setTabWidth","switchTab","clamp","animateToTab","document","body","addEventListener","disableScroll","passive","window","handleResize","componentDidUpdate","previousProps","previousState","currentSelected","previousSelected","currentSelectedTab","currentSelectedTabIsDisabled","previousSelectedTab","previousSelectedTabIsDisabled","currentTabsLength","previousTabsLength","currentDisabledTabsLength","previousDisabledTabsLength","currentHeaderWidth","previousFullHeaderWidth","animatePanelsOnClick","instantOnClick","componentWillUnmount","removeEventListener","setContainerWidth","setState","setContainerRefAndWidth","node","width","getBoundingClientRect","isTabDisabled","index","getAllTabsWidth","map","reference","reduce","a","b","getDistanceToSelectedTab","_","idx","allTabsWidth","AUTO","getTabLineWidth","getTabToSelect","end","nextSelected","swipedLeftToRight","swipedRightToLeft","Math","max","min","swipedOverHalfOfContainer","difference","calculateApplicableDragDifference","getSwipeDifference","elasticDrag","getElasticDragDifference","onTabSelect","getTabIndexWithoutDisabledTabs","slice","instant","animateLine","animatePanel","currentTranslateTo","event","preventDefault","handleTabClick","onKeyDown","key","handleTouchStart","x","nativeEvent","touches","clientX","y","clientY","time","Date","now","persist","handleTouchMove","currentSelectedFromProps","changedTouches","yAxisDifference","dragDifference","handleTouchEnd","velocity","getVelocity","swipeShouldChangeTab","render","name","className","spacer","tabsLength","distanceSwiped","abs","remainingContainerToTravel","restrictedVelocity","Number","isNaN","E","hidePanelOverflow","sliderWidth","Spacer","id","_jsx","style","display","DirectionContext","Consumer","children","direction","isRTL","Direction","RTL","_jsxs","ref","clsx","onTouchStart","undefined","onTouchEnd","onTouchMove","TabList","title","Tab","panelId","focusTab","current","contains","activeElement","focus","onClick","role","transform","overflow","Spring","from","to","config","precision","onRest","animated","div","content","Fragment","TabPanel","tabId"],"mappings":"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"}