@tactics/toddle-styleguide 5.3.1 → 5.3.3

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 (178) hide show
  1. package/App.tsx +0 -19
  2. package/app.json +8 -4
  3. package/index.tsx +0 -4
  4. package/package.json +55 -27
  5. package/src/components/atoms/calendar/calendar.component.tsx +10 -6
  6. package/src/components/atoms/calendar/calendar.preview.tsx +4 -3
  7. package/src/components/molecules/amount/amount.component.tsx +5 -4
  8. package/src/components/molecules/calendar-select/calendar-select.component.d.ts +4 -4
  9. package/src/components/molecules/calendar-select/calendar-select.component.tsx +17 -16
  10. package/src/components/molecules/calendar-select/calendar-select.preview.tsx +16 -5
  11. package/src/components/molecules/date-input/date-input.component.d.ts +2 -2
  12. package/src/components/molecules/date-input/date-input.component.tsx +3 -3
  13. package/src/components/molecules/date-input/date-input.preview.tsx +5 -5
  14. package/src/components/molecules/day/day.component.d.ts +3 -3
  15. package/src/components/molecules/day/day.component.tsx +22 -17
  16. package/src/components/molecules/selectable-list-item/selectable-list-item.component.tsx +12 -7
  17. package/src/components/molecules/timestamp/timestamp.component.d.ts +2 -2
  18. package/src/components/molecules/timestamp/timestamp.component.tsx +12 -5
  19. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.d.ts +2 -2
  20. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.tsx +5 -5
  21. package/src/components/organisms/journal-entry/journal-entry.component.d.ts +3 -3
  22. package/src/components/organisms/journal-entry/journal-entry.component.tsx +7 -3
  23. package/src/components/organisms/journal-entry/journal-entry.preview.tsx +7 -3
  24. package/src/components/organisms/text-bubble/text-bubble.component.d.ts +2 -2
  25. package/src/components/organisms/text-bubble/text-bubble.component.tsx +6 -3
  26. package/src/components/organisms/text-bubble/text-bubble.preview.tsx +19 -7
  27. package/src/components/templates/popover-action/popover-action.component.tsx +9 -8
  28. package/src/icons/solid/cloud-download/cloud-download.icon.tsx +1 -1
  29. package/src/icons/solid/refresh/refresh-solid.icon.tsx +2 -2
  30. package/src/utilities/datetime/clock.class.tsx +14 -0
  31. package/src/utilities/datetime/dateonly.class.tsx +287 -0
  32. package/src/utilities/datetime/datetime.class.tsx +288 -0
  33. package/src/utilities/datetime/day.class.tsx +48 -0
  34. package/src/utilities/datetime/dayjs-config.ts +96 -0
  35. package/src/utilities/datetime/dayoftheweek.class.tsx +242 -0
  36. package/src/utilities/datetime/hour.class.tsx +60 -0
  37. package/src/utilities/datetime/locale.tsx +6 -0
  38. package/src/utilities/datetime/millisecond.class.tsx +48 -0
  39. package/src/utilities/datetime/minute.class.tsx +55 -0
  40. package/src/utilities/datetime/month.class.tsx +74 -0
  41. package/src/utilities/datetime/second.class.tsx +52 -0
  42. package/src/utilities/datetime/time.class.tsx +190 -0
  43. package/src/utilities/datetime/timezone.class.tsx +36 -0
  44. package/src/utilities/datetime/year.class.tsx +78 -0
  45. package/src/utilities/datetime/yearandmonth.class.tsx +80 -0
  46. package/src/components/atoms/background-gradient/__snapshots__/background-gradient.test.js.snap +0 -40
  47. package/src/components/atoms/background-gradient/background-gradient.test.js +0 -10
  48. package/src/components/atoms/calendar/__snapshots__/calendar.test.js.snap +0 -6817
  49. package/src/components/atoms/calendar/calendar.test.js +0 -35
  50. package/src/components/atoms/check-switch/__snapshots__/check-switch.test.js.snap +0 -84
  51. package/src/components/atoms/check-switch/check-switch.test.js +0 -13
  52. package/src/components/atoms/heading-components/all-caps-heading/__snapshots__/all-caps-heading.test.js.snap +0 -113
  53. package/src/components/atoms/heading-components/all-caps-heading/all-caps-heading.test.js +0 -44
  54. package/src/components/atoms/heading-components/heading1/__snapshots__/heading1.test.js.snap +0 -121
  55. package/src/components/atoms/heading-components/heading1/heading1.test.js +0 -51
  56. package/src/components/atoms/heading-components/heading2/__snapshots__/heading2.test.js.snap +0 -121
  57. package/src/components/atoms/heading-components/heading2/heading2.test.js +0 -51
  58. package/src/components/atoms/heading-components/heading3/__snapshots__/heading3.test.js.snap +0 -121
  59. package/src/components/atoms/heading-components/heading3/heading3.test.js +0 -51
  60. package/src/components/atoms/heading-components/heading4/__snapshots__/heading4.test.js.snap +0 -121
  61. package/src/components/atoms/heading-components/heading4/heading4.test.js +0 -51
  62. package/src/components/atoms/image-bubble/__snapshots__/image-bubble.test.js.snap +0 -67
  63. package/src/components/atoms/image-bubble/image-bubble.test.js +0 -20
  64. package/src/components/atoms/increment-input/__snapshots__/increment-input.test.js.snap +0 -269
  65. package/src/components/atoms/increment-input/increment-input.test.js +0 -14
  66. package/src/components/atoms/logo/__snapshots__/logo.test.js.snap +0 -113
  67. package/src/components/atoms/logo/logo.test.js +0 -16
  68. package/src/components/atoms/paragraph-components/paragraph/__snapshots__/paragraph.test.js.snap +0 -121
  69. package/src/components/atoms/paragraph-components/paragraph/paragraph.test.js +0 -76
  70. package/src/components/atoms/paragraph-components/small-text/__snapshots__/small-text.test.js.snap +0 -121
  71. package/src/components/atoms/paragraph-components/small-text/small-text.test.js +0 -76
  72. package/src/components/atoms/paragraph-components/tiny-text/__snapshots__/tiny-text.test.js.snap +0 -121
  73. package/src/components/atoms/paragraph-components/tiny-text/tiny-text.test.js +0 -76
  74. package/src/components/atoms/quick-message/__snapshots__/quick-message.test.js.snap +0 -143
  75. package/src/components/atoms/quick-message/quick-message.test.js +0 -58
  76. package/src/components/atoms/split-container/__snapshots__/split-container.test.js.snap +0 -333
  77. package/src/components/atoms/split-container/split-container.test.js +0 -45
  78. package/src/components/atoms/text-input/__snapshots__/text-input.test.js.snap +0 -123
  79. package/src/components/atoms/text-input/text-input.test.js +0 -59
  80. package/src/components/molecules/avatar/__snapshots__/avatar.test.js.snap +0 -97
  81. package/src/components/molecules/avatar/avatar.test.js +0 -22
  82. package/src/components/molecules/blocked-message/__snapshots__/blocked-message.test.js.snap +0 -107
  83. package/src/components/molecules/blocked-message/blocked-message.test.js +0 -12
  84. package/src/components/molecules/button/__snapshots__/button.test.js.snap +0 -652
  85. package/src/components/molecules/button/button.test.js +0 -56
  86. package/src/components/molecules/calendar-select/__snapshots__/calendar-select.test.js.snap +0 -343
  87. package/src/components/molecules/calendar-select/calendar-select.test.js +0 -20
  88. package/src/components/molecules/cancel-link/__snapshots__/cancel-link.test.js.snap +0 -139
  89. package/src/components/molecules/cancel-link/cancel-link.test.js +0 -28
  90. package/src/components/molecules/checkbox/__snapshots__/checkbox.test.js.snap +0 -176
  91. package/src/components/molecules/checkbox/checkbox.test.js +0 -30
  92. package/src/components/molecules/contact-address/__snapshots__/contact-address.test.js.snap +0 -113
  93. package/src/components/molecules/contact-address/contact-address.test.js +0 -18
  94. package/src/components/molecules/contact-role/__snapshots__/contact-role.test.js.snap +0 -113
  95. package/src/components/molecules/contact-role/contact-role.test.js +0 -18
  96. package/src/components/molecules/date-input/__snapshots__/date-input.test.js.snap +0 -140
  97. package/src/components/molecules/date-input/date-input.test.js +0 -23
  98. package/src/components/molecules/day/__snapshots__/day.test.js.snap +0 -263
  99. package/src/components/molecules/day/day.test.js +0 -37
  100. package/src/components/molecules/default-select/__snapshots__/default-select.test.js.snap +0 -140
  101. package/src/components/molecules/default-select/default-select.test.js +0 -17
  102. package/src/components/molecules/department_logo/__snapshots__/department-logo.test.js.snap +0 -27
  103. package/src/components/molecules/department_logo/department-logo.test.js +0 -12
  104. package/src/components/molecules/failed-to-send/__snapshots__/failed-bubble.test.js.snap +0 -386
  105. package/src/components/molecules/failed-to-send/failed-bubble.test.js +0 -75
  106. package/src/components/molecules/filter-range/__snapshots__/filter-range.test.js.snap +0 -208
  107. package/src/components/molecules/filter-range/filter-range.test.js +0 -20
  108. package/src/components/molecules/filter-tab/__snapshots__/filter-tab.test.js.snap +0 -536
  109. package/src/components/molecules/filter-tab/filter-tab.test.js +0 -42
  110. package/src/components/molecules/info/__snapshots__/info.test.js.snap +0 -64
  111. package/src/components/molecules/info/info.test.js +0 -18
  112. package/src/components/molecules/language-button/__snapshots__/language-button.test.js.snap +0 -129
  113. package/src/components/molecules/language-button/language-button.test.js +0 -29
  114. package/src/components/molecules/message-input/__snapshots__/message-input.test.js.snap +0 -611
  115. package/src/components/molecules/message-input/message-input.test.js +0 -63
  116. package/src/components/molecules/more-info-button/__snapshots__/more-info-button.test.js.snap +0 -133
  117. package/src/components/molecules/more-info-button/more-info-button.test.js +0 -29
  118. package/src/components/molecules/password-input/__snapshots__/password-input.test.js.snap +0 -504
  119. package/src/components/molecules/password-input/password-input.test.js +0 -46
  120. package/src/components/molecules/pill/__snapshots__/pill.test.js.snap +0 -226
  121. package/src/components/molecules/pill/pill.test.js +0 -42
  122. package/src/components/molecules/pressable-icon/__snapshots__/pressable-icon.test.js.snap +0 -460
  123. package/src/components/molecules/pressable-icon/pressable-icon.test.js +0 -51
  124. package/src/components/molecules/quick-filter/__snapshots__/quick-filter.test.js.snap +0 -557
  125. package/src/components/molecules/quick-filter/quick-filter.test.js +0 -134
  126. package/src/components/molecules/search-input/__snapshots__/search.test.js.snap +0 -145
  127. package/src/components/molecules/search-input/search.test.js +0 -22
  128. package/src/components/molecules/select-link/__snapshots__/select-link.test.js.snap +0 -70
  129. package/src/components/molecules/select-link/select-link.test.js +0 -17
  130. package/src/components/molecules/select-list-item/__snapshots__/select-list-item.test.js.snap +0 -762
  131. package/src/components/molecules/select-list-item/select-list-item.test.js +0 -38
  132. package/src/components/molecules/select-picker/__snapshots__/select-picker.test.js.snap +0 -407
  133. package/src/components/molecules/select-picker/select-picker.test.js +0 -31
  134. package/src/components/molecules/send-bubble/__snapshots__/send-text-bubble.test.js.snap +0 -1979
  135. package/src/components/molecules/send-bubble/send-text-bubble.test.js +0 -156
  136. package/src/components/molecules/snackbar/__snapshots__/snackbar.test.js.snap +0 -557
  137. package/src/components/molecules/snackbar/snackbar.test.js +0 -35
  138. package/src/components/molecules/swipe/__snapshots__/swipe.test.js.snap +0 -340
  139. package/src/components/molecules/swipe/swipe.test.js +0 -46
  140. package/src/components/molecules/tag/__snapshots__/tag.test.js.snap +0 -139
  141. package/src/components/molecules/tag/tag.test.js +0 -34
  142. package/src/components/molecules/time-picker/__snapshots__/time-picker.test.js.snap +0 -2221
  143. package/src/components/molecules/time-picker/time-picker.test.js +0 -18
  144. package/src/components/molecules/time-tracker/__snapshots__/time-tracker.test.js.snap +0 -266
  145. package/src/components/molecules/time-tracker/time-tracker.test.js +0 -36
  146. package/src/components/molecules/timeline/__snapshots__/timeline.test.js.snap +0 -257
  147. package/src/components/molecules/timeline/timeline.test.js +0 -18
  148. package/src/components/molecules/timestamp/__snapshots__/timestamp.test.js.snap +0 -28
  149. package/src/components/molecules/timestamp/timestamp.test.js +0 -16
  150. package/src/components/molecules/wave-background/__snapshots__/wave.test.js.snap +0 -173
  151. package/src/components/molecules/wave-background/wave.test.js +0 -25
  152. package/src/components/molecules/wide-button/__snapshots__/wide-button.test.js.snap +0 -269
  153. package/src/components/molecules/wide-button/wide-button.test.js +0 -30
  154. package/src/components/organisms/child-list-item/__snapshots__/child-list-item.test.js.snap +0 -1040
  155. package/src/components/organisms/child-list-item/child-list-item.test.js +0 -75
  156. package/src/components/organisms/contact-item/__snapshots__/contact-item.test.js.snap +0 -404
  157. package/src/components/organisms/contact-item/contact-item.test.js +0 -22
  158. package/src/components/organisms/loading-indicator/__snapshots__/loading-indicator.test.js.snap +0 -474
  159. package/src/components/organisms/loading-indicator/loading-indicator.test.js +0 -41
  160. package/src/components/organisms/my-child-list-item/__snapshots__/my-child-list-item.test.js.snap +0 -293
  161. package/src/components/organisms/my-child-list-item/my-child-list-item.test.js +0 -23
  162. package/src/components/organisms/person-info-card/__snapshots__/person-info-card.test.js.snap +0 -709
  163. package/src/components/organisms/person-info-card/person-info-card.test.js +0 -85
  164. package/src/components/organisms/text-bubble/__snapshots__/text-bubble.test.js.snap +0 -3046
  165. package/src/components/organisms/text-bubble/text-bubble.test.js +0 -144
  166. package/src/utilities/toddle-datetime/interfaces/duration.interface.d.ts +0 -22
  167. package/src/utilities/toddle-datetime/interfaces/duration.interface.tsx +0 -23
  168. package/src/utilities/toddle-datetime/interfaces/toddle-datetime.interface.d.ts +0 -22
  169. package/src/utilities/toddle-datetime/interfaces/toddle-datetime.interface.tsx +0 -25
  170. package/src/utilities/toddle-datetime/toddle-datetime.class.d.ts +0 -50
  171. package/src/utilities/toddle-datetime/toddle-datetime.class.tsx +0 -206
  172. package/src/utilities/toddle-datetime/toddle-datetime.preview.d.ts +0 -2
  173. package/src/utilities/toddle-datetime/toddle-datetime.preview.tsx +0 -160
  174. package/src/utilities/toddle-datetime/toddle-datetime.test.js +0 -127
  175. package/src/utilities/toddle-datetime/types/duration.type.d.ts +0 -4
  176. package/src/utilities/toddle-datetime/types/duration.type.tsx +0 -6
  177. package/src/utilities/toddle-datetime/types/toddle-datetime.type.d.ts +0 -5
  178. package/src/utilities/toddle-datetime/types/toddle-datetime.type.tsx +0 -23
@@ -1,293 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`My child list item component test Should render your child 1`] = `
4
- <View
5
- style={
6
- {
7
- "backgroundColor": "#FFFFFF",
8
- "borderBottomLeftRadius": 48,
9
- "borderBottomRightRadius": 24,
10
- "borderTopLeftRadius": 48,
11
- "borderTopRightRadius": 24,
12
- "flexDirection": "row",
13
- "width": "100%",
14
- }
15
- }
16
- >
17
- <View
18
- accessibilityState={
19
- {
20
- "busy": undefined,
21
- "checked": undefined,
22
- "disabled": undefined,
23
- "expanded": undefined,
24
- "selected": undefined,
25
- }
26
- }
27
- accessibilityValue={
28
- {
29
- "max": undefined,
30
- "min": undefined,
31
- "now": undefined,
32
- "text": undefined,
33
- }
34
- }
35
- accessible={true}
36
- collapsable={false}
37
- focusable={true}
38
- onBlur={[Function]}
39
- onClick={[Function]}
40
- onFocus={[Function]}
41
- onResponderGrant={[Function]}
42
- onResponderMove={[Function]}
43
- onResponderRelease={[Function]}
44
- onResponderTerminate={[Function]}
45
- onResponderTerminationRequest={[Function]}
46
- onStartShouldSetResponder={[Function]}
47
- style={
48
- {
49
- "alignItems": "center",
50
- "borderBottomLeftRadius": 48,
51
- "borderBottomRightRadius": 24,
52
- "borderTopLeftRadius": 48,
53
- "borderTopRightRadius": 24,
54
- "flex": 1,
55
- "flexDirection": "row",
56
- "padding": 8,
57
- }
58
- }
59
- >
60
- <View
61
- style={null}
62
- >
63
- <View
64
- style={
65
- [
66
- {
67
- "alignItems": "center",
68
- "backgroundColor": "#647ACB",
69
- "justifyContent": "center",
70
- "overflow": "hidden",
71
- },
72
- false,
73
- {
74
- "borderRadius": 36,
75
- "height": 72,
76
- "width": 72,
77
- },
78
- false,
79
- ]
80
- }
81
- >
82
- <ViewManagerAdapter_ExpoLinearGradient
83
- colors={
84
- [
85
- 4281681564,
86
- 4284775115,
87
- 4292481661,
88
- ]
89
- }
90
- endPoint={
91
- [
92
- 0.9,
93
- 0.9,
94
- ]
95
- }
96
- locations={
97
- [
98
- 0,
99
- 0.55,
100
- 1,
101
- ]
102
- }
103
- startPoint={
104
- [
105
- 0.1,
106
- 0.1,
107
- ]
108
- }
109
- style={
110
- [
111
- {
112
- "height": "100%",
113
- "width": "100%",
114
- },
115
- ]
116
- }
117
- />
118
- <Image
119
- source={1}
120
- style={
121
- [
122
- {
123
- "borderRadius": 50,
124
- "height": "90%",
125
- "position": "absolute",
126
- "width": "90%",
127
- },
128
- ]
129
- }
130
- />
131
- </View>
132
- </View>
133
- <View
134
- style={
135
- {
136
- "flex": 1,
137
- "marginLeft": 24,
138
- }
139
- }
140
- >
141
- <Text
142
- style={
143
- [
144
- [
145
- {
146
- "fontFamily": "Montserrat",
147
- "fontSize": 11,
148
- "lineHeight": 17.9,
149
- },
150
- ],
151
- {
152
- "color": "#1F2933",
153
- "textAlign": "left",
154
- "width": "100%",
155
- },
156
- undefined,
157
- ]
158
- }
159
- >
160
- leeftijd
161
- </Text>
162
- <Text
163
- ellipsizeMode="tail"
164
- numberOfLines={1}
165
- style={
166
- [
167
- [
168
- {
169
- "fontFamily": "SourceSansProBold",
170
- "fontSize": 24,
171
- "lineHeight": 30.2,
172
- },
173
- ],
174
- {
175
- "color": "#1F2933",
176
- "textAlign": "left",
177
- "width": "100%",
178
- },
179
- undefined,
180
- ]
181
- }
182
- >
183
- Luca Jannsens
184
- </Text>
185
- </View>
186
- </View>
187
- <View
188
- accessibilityState={
189
- {
190
- "busy": undefined,
191
- "checked": undefined,
192
- "disabled": undefined,
193
- "expanded": undefined,
194
- "selected": undefined,
195
- }
196
- }
197
- accessibilityValue={
198
- {
199
- "max": undefined,
200
- "min": undefined,
201
- "now": undefined,
202
- "text": undefined,
203
- }
204
- }
205
- accessible={true}
206
- collapsable={false}
207
- focusable={true}
208
- onBlur={[Function]}
209
- onClick={[Function]}
210
- onFocus={[Function]}
211
- onResponderGrant={[Function]}
212
- onResponderMove={[Function]}
213
- onResponderRelease={[Function]}
214
- onResponderTerminate={[Function]}
215
- onResponderTerminationRequest={[Function]}
216
- onStartShouldSetResponder={[Function]}
217
- style={
218
- {
219
- "alignItems": "flex-end",
220
- "borderBottomRightRadius": 24,
221
- "borderTopRightRadius": 24,
222
- "justifyContent": "center",
223
- "paddingRight": 8,
224
- "width": 48,
225
- }
226
- }
227
- >
228
- <RNSVGSvgView
229
- align="xMidYMid"
230
- bbHeight="20"
231
- bbWidth="20"
232
- fill="none"
233
- focusable={false}
234
- height={20}
235
- meetOrSlice={0}
236
- minX={0}
237
- minY={0}
238
- style={
239
- [
240
- {
241
- "backgroundColor": "transparent",
242
- "borderWidth": 0,
243
- },
244
- {
245
- "flex": 0,
246
- "height": 20,
247
- "width": 20,
248
- },
249
- ]
250
- }
251
- vbHeight={19}
252
- vbWidth={11}
253
- width={20}
254
- >
255
- <RNSVGGroup
256
- fill={null}
257
- propList={
258
- [
259
- "fill",
260
- ]
261
- }
262
- >
263
- <RNSVGPath
264
- d="M1.75 1.625L9.33333 9.5L1.75 17.375"
265
- fill={
266
- {
267
- "payload": 4278190080,
268
- "type": 0,
269
- }
270
- }
271
- propList={
272
- [
273
- "stroke",
274
- "strokeWidth",
275
- "strokeLinecap",
276
- "strokeLinejoin",
277
- ]
278
- }
279
- stroke={
280
- {
281
- "payload": 4280232243,
282
- "type": 0,
283
- }
284
- }
285
- strokeLinecap={1}
286
- strokeLinejoin={1}
287
- strokeWidth="2"
288
- />
289
- </RNSVGGroup>
290
- </RNSVGSvgView>
291
- </View>
292
- </View>
293
- `;
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import renderer from 'react-test-renderer';
3
- import {MyChildListItem} from './my-child-list-item.component';
4
-
5
- describe('My child list item component test', () => {
6
- it('Should render your child', () => {
7
- const tree = renderer
8
- .create(
9
- <MyChildListItem
10
- id={'kind1'}
11
- name={'Luca Jannsens'}
12
- department={'De Teddybeertjes'}
13
- age={'leeftijd'}
14
- sourceAvatar={require('./../../../../assets/components/avatar/baby.png')}
15
- onPressChild={() => console.log('pressed Child')}
16
- onPressArrow={() => console.log('pressed arrow')}
17
- />
18
- )
19
- .toJSON();
20
-
21
- expect(tree).toMatchSnapshot();
22
- });
23
- });