@terreno/ui 0.0.15 → 0.0.17

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 (173) hide show
  1. package/dist/Button.js +7 -9
  2. package/dist/Button.js.map +1 -1
  3. package/dist/Common.d.ts +39 -0
  4. package/dist/DateUtilities.js +2 -2
  5. package/dist/UserInactivity.d.ts +28 -0
  6. package/dist/UserInactivity.js +100 -0
  7. package/dist/UserInactivity.js.map +1 -0
  8. package/dist/index.d.ts +1 -0
  9. package/dist/index.js +1 -0
  10. package/dist/index.js.map +1 -1
  11. package/package.json +1 -1
  12. package/src/ActionSheet.test.tsx +77 -0
  13. package/src/Banner.test.tsx +106 -0
  14. package/src/Body.test.tsx +79 -0
  15. package/src/BooleanField.test.tsx +84 -0
  16. package/src/Button.test.tsx +160 -0
  17. package/src/Button.tsx +20 -37
  18. package/src/Card.test.tsx +61 -0
  19. package/src/CheckBox.test.tsx +53 -0
  20. package/src/Common.ts +45 -0
  21. package/src/CustomSelectField.test.tsx +85 -0
  22. package/src/DataTable.test.tsx +133 -0
  23. package/src/DateTimeActionSheet.test.tsx +65 -0
  24. package/src/DateUtilities.tsx +2 -2
  25. package/src/DecimalRangeActionSheet.test.tsx +46 -0
  26. package/src/DismissButton.test.tsx +49 -0
  27. package/src/EmailField.test.tsx +106 -0
  28. package/src/ErrorBoundary.test.tsx +44 -0
  29. package/src/ErrorPage.test.tsx +44 -0
  30. package/src/Field.test.tsx +128 -0
  31. package/src/Heading.test.tsx +66 -0
  32. package/src/HeightActionSheet.test.tsx +34 -0
  33. package/src/Hyperlink.test.tsx +52 -0
  34. package/src/Icon.test.tsx +61 -0
  35. package/src/IconButton.test.tsx +145 -0
  36. package/src/Image.test.tsx +65 -0
  37. package/src/ImageBackground.test.tsx +46 -0
  38. package/src/InfoModalIcon.test.tsx +54 -0
  39. package/src/InfoTooltipButton.test.tsx +22 -0
  40. package/src/Link.test.tsx +64 -0
  41. package/src/MarkdownView.test.tsx +50 -0
  42. package/src/MobileAddressAutoComplete.test.tsx +58 -0
  43. package/src/Modal.test.tsx +169 -0
  44. package/src/ModalSheet.test.tsx +52 -0
  45. package/src/MultiselectField.test.tsx +134 -0
  46. package/src/NumberField.test.tsx +133 -0
  47. package/src/NumberPickerActionSheet.test.tsx +46 -0
  48. package/src/OpenAPIContext.test.tsx +36 -0
  49. package/src/Page.test.tsx +128 -0
  50. package/src/Pagination.test.tsx +86 -0
  51. package/src/PasswordField.test.tsx +17 -0
  52. package/src/PhoneNumberField.test.tsx +79 -0
  53. package/src/PickerSelect.test.tsx +52 -0
  54. package/src/Radio.test.tsx +30 -0
  55. package/src/RadioField.test.tsx +89 -0
  56. package/src/SectionDivider.test.tsx +17 -0
  57. package/src/SegmentedControl.test.tsx +84 -0
  58. package/src/SelectBadge.test.tsx +103 -0
  59. package/src/SelectField.test.tsx +84 -0
  60. package/src/SideDrawer.test.tsx +99 -0
  61. package/src/Signature.test.tsx +32 -0
  62. package/src/SignatureField.test.tsx +60 -0
  63. package/src/Spinner.test.tsx +74 -0
  64. package/src/SplitPage.test.tsx +82 -0
  65. package/src/TapToEdit.test.tsx +147 -0
  66. package/src/TerrenoProvider.test.tsx +36 -0
  67. package/src/Text.test.tsx +147 -0
  68. package/src/Theme.test.tsx +153 -0
  69. package/src/TimezonePicker.test.tsx +57 -0
  70. package/src/Toast.test.tsx +82 -0
  71. package/src/Tooltip.test.tsx +89 -0
  72. package/src/UnifiedAddressAutoComplete.test.tsx +53 -0
  73. package/src/UserInactivity.test.tsx +96 -0
  74. package/src/UserInactivity.tsx +129 -0
  75. package/src/Utilities.test.tsx +237 -0
  76. package/src/WebAddressAutocomplete.test.tsx +33 -0
  77. package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
  78. package/src/__snapshots__/Banner.test.tsx.snap +546 -0
  79. package/src/__snapshots__/Body.test.tsx.snap +685 -0
  80. package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
  81. package/src/__snapshots__/Button.test.tsx.snap +934 -0
  82. package/src/__snapshots__/Card.test.tsx.snap +195 -0
  83. package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
  84. package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
  85. package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
  86. package/src/__snapshots__/DateTimeActionSheet.test.tsx.snap +11 -0
  87. package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
  88. package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
  89. package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
  90. package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
  91. package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
  92. package/src/__snapshots__/Field.test.tsx.snap +4510 -0
  93. package/src/__snapshots__/Heading.test.tsx.snap +193 -0
  94. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
  95. package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
  96. package/src/__snapshots__/Icon.test.tsx.snap +47 -0
  97. package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
  98. package/src/__snapshots__/Image.test.tsx.snap +282 -0
  99. package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
  100. package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
  101. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
  102. package/src/__snapshots__/Link.test.tsx.snap +41 -0
  103. package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
  104. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +230 -0
  105. package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
  106. package/src/__snapshots__/ModalSheet.test.tsx.snap +37 -0
  107. package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
  108. package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
  109. package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
  110. package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
  111. package/src/__snapshots__/Page.test.tsx.snap +1647 -0
  112. package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
  113. package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
  114. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
  115. package/src/__snapshots__/PickerSelect.test.tsx.snap +1053 -0
  116. package/src/__snapshots__/Radio.test.tsx.snap +111 -0
  117. package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
  118. package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
  119. package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
  120. package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
  121. package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
  122. package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
  123. package/src/__snapshots__/Signature.test.tsx.snap +67 -0
  124. package/src/__snapshots__/SignatureField.test.tsx.snap +241 -0
  125. package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
  126. package/src/__snapshots__/SplitPage.test.tsx.snap +686 -0
  127. package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
  128. package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
  129. package/src/__snapshots__/Text.test.tsx.snap +558 -0
  130. package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
  131. package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
  132. package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
  133. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +377 -0
  134. package/src/__snapshots__/UserInactivity.test.tsx.snap +108 -0
  135. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +238 -0
  136. package/src/bunSetup.ts +101 -8
  137. package/src/fieldElements/FieldError.test.tsx +40 -0
  138. package/src/fieldElements/FieldHelperText.test.tsx +34 -0
  139. package/src/fieldElements/FieldTitle.test.tsx +30 -0
  140. package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
  141. package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
  142. package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
  143. package/src/icons/MobileIcon.test.tsx +21 -0
  144. package/src/icons/OfflineIcon.test.tsx +21 -0
  145. package/src/icons/OnlineIcon.test.tsx +21 -0
  146. package/src/icons/OutOfficeIcon.test.tsx +21 -0
  147. package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
  148. package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
  149. package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
  150. package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
  151. package/src/index.tsx +1 -0
  152. package/src/table/Table.test.tsx +107 -0
  153. package/src/table/TableBadge.test.tsx +53 -0
  154. package/src/table/TableBoolean.test.tsx +38 -0
  155. package/src/table/TableDate.test.tsx +27 -0
  156. package/src/table/TableHeader.test.tsx +67 -0
  157. package/src/table/TableHeaderCell.test.tsx +113 -0
  158. package/src/table/TableIconButton.test.tsx +51 -0
  159. package/src/table/TableNumber.test.tsx +45 -0
  160. package/src/table/TableRow.test.tsx +83 -0
  161. package/src/table/TableText.test.tsx +30 -0
  162. package/src/table/TableTitle.test.tsx +30 -0
  163. package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
  164. package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
  165. package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
  166. package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
  167. package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
  168. package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
  169. package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
  170. package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
  171. package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
  172. package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
  173. package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/src/__snapshots__/TapToEdit.test.tsx.snap ADDED
@@ -0,0 +1,839 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`TapToEdit renders correctly with text value 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ {
11
+ "$$typeof": Symbol(react.test.json),
12
+ "children": [
13
+ {
14
+ "$$typeof": Symbol(react.test.json),
15
+ "children": [
16
+ {
17
+ "$$typeof": Symbol(react.test.json),
18
+ "children": [
19
+ "Name",
20
+ ],
21
+ "props": {
22
+ "numberOfLines": 0,
23
+ "selectable": undefined,
24
+ "style": {
25
+ "color": "#1C1C1C",
26
+ "fontFamily": "text-bold",
27
+ "fontSize": 14,
28
+ "textAlign": "left",
29
+ },
30
+ "testID": undefined,
31
+ },
32
+ "type": "Text",
33
+ },
34
+ ],
35
+ "props": {},
36
+ "type": "View",
37
+ },
38
+ ],
39
+ "props": {
40
+ "style": {
41
+ "flex": 1,
42
+ "justifyContent": "center",
43
+ },
44
+ "testID": undefined,
45
+ },
46
+ "type": "View",
47
+ },
48
+ {
49
+ "$$typeof": Symbol(react.test.json),
50
+ "children": [
51
+ {
52
+ "$$typeof": Symbol(react.test.json),
53
+ "children": [
54
+ {
55
+ "$$typeof": Symbol(react.test.json),
56
+ "children": [
57
+ "John Doe",
58
+ ],
59
+ "props": {
60
+ "numberOfLines": 0,
61
+ "selectable": undefined,
62
+ "style": {
63
+ "color": "#1C1C1C",
64
+ "fontFamily": "text-regular",
65
+ "fontSize": 14,
66
+ "textAlign": "right",
67
+ },
68
+ "testID": undefined,
69
+ },
70
+ "type": "Text",
71
+ },
72
+ ],
73
+ "props": {
74
+ "onPointerEnter": [Function: AsyncFunction],
75
+ "onPointerLeave": [Function: AsyncFunction],
76
+ "style": {
77
+ "accessibilityHint": "",
78
+ "accessibilityLabel": "Link",
79
+ "justifyContent": "flex-start",
80
+ },
81
+ "testID": undefined,
82
+ },
83
+ "type": "View",
84
+ },
85
+ {
86
+ "$$typeof": Symbol(react.test.json),
87
+ "children": null,
88
+ "props": {
89
+ "accessibilityHint": "",
90
+ "aria-label": "Edit",
91
+ "aria-role": "button",
92
+ "onLayout": undefined,
93
+ "onPointerEnter": [Function: AsyncFunction],
94
+ "onPointerLeave": [Function: AsyncFunction],
95
+ "onPress": [Function: AsyncFunction],
96
+ "style": {
97
+ "accessibilityHint": "",
98
+ "accessibilityLabel": "Edit",
99
+ "marginLeft": 8,
100
+ "width": 16,
101
+ },
102
+ "testID": undefined,
103
+ },
104
+ "type": "Pressable",
105
+ },
106
+ ],
107
+ "props": {
108
+ "style": {
109
+ "flex": 1,
110
+ "flexDirection": "row",
111
+ "justifyContent": "flex-end",
112
+ },
113
+ "testID": undefined,
114
+ },
115
+ "type": "View",
116
+ },
117
+ ],
118
+ "props": {
119
+ "style": {
120
+ "flexDirection": "row",
121
+ "gap": 16,
122
+ "width": "100%",
123
+ },
124
+ "testID": undefined,
125
+ },
126
+ "type": "View",
127
+ },
128
+ ],
129
+ "props": {
130
+ "style": {
131
+ "alignItems": "center",
132
+ "flexDirection": "row",
133
+ "justifyContent": "space-between",
134
+ "width": "100%",
135
+ },
136
+ "testID": undefined,
137
+ },
138
+ "type": "View",
139
+ }
140
+ `;
141
+
142
+ exports[`TapToEdit renders non-editable when editable is false 1`] = `
143
+ {
144
+ "$$typeof": Symbol(react.test.json),
145
+ "children": [
146
+ {
147
+ "$$typeof": Symbol(react.test.json),
148
+ "children": [
149
+ {
150
+ "$$typeof": Symbol(react.test.json),
151
+ "children": [
152
+ {
153
+ "$$typeof": Symbol(react.test.json),
154
+ "children": [
155
+ {
156
+ "$$typeof": Symbol(react.test.json),
157
+ "children": [
158
+ "Read Only",
159
+ ],
160
+ "props": {
161
+ "numberOfLines": 0,
162
+ "selectable": undefined,
163
+ "style": {
164
+ "color": "#1C1C1C",
165
+ "fontFamily": "text-bold",
166
+ "fontSize": 14,
167
+ "textAlign": "left",
168
+ },
169
+ "testID": undefined,
170
+ },
171
+ "type": "Text",
172
+ },
173
+ ],
174
+ "props": {},
175
+ "type": "View",
176
+ },
177
+ ],
178
+ "props": {
179
+ "style": {
180
+ "flex": 1,
181
+ "justifyContent": "center",
182
+ },
183
+ "testID": undefined,
184
+ },
185
+ "type": "View",
186
+ },
187
+ {
188
+ "$$typeof": Symbol(react.test.json),
189
+ "children": [
190
+ {
191
+ "$$typeof": Symbol(react.test.json),
192
+ "children": [
193
+ {
194
+ "$$typeof": Symbol(react.test.json),
195
+ "children": [
196
+ "Cannot edit this",
197
+ ],
198
+ "props": {
199
+ "numberOfLines": 0,
200
+ "selectable": undefined,
201
+ "style": {
202
+ "color": "#1C1C1C",
203
+ "fontFamily": "text-regular",
204
+ "fontSize": 14,
205
+ "textAlign": "right",
206
+ },
207
+ "testID": undefined,
208
+ },
209
+ "type": "Text",
210
+ },
211
+ ],
212
+ "props": {
213
+ "onPointerEnter": [Function: AsyncFunction],
214
+ "onPointerLeave": [Function: AsyncFunction],
215
+ "style": {
216
+ "accessibilityHint": "",
217
+ "accessibilityLabel": "Link",
218
+ "justifyContent": "flex-start",
219
+ },
220
+ "testID": undefined,
221
+ },
222
+ "type": "View",
223
+ },
224
+ ],
225
+ "props": {
226
+ "style": {
227
+ "flex": 1,
228
+ "flexDirection": "row",
229
+ "justifyContent": "flex-end",
230
+ },
231
+ "testID": undefined,
232
+ },
233
+ "type": "View",
234
+ },
235
+ ],
236
+ "props": {
237
+ "style": {
238
+ "flexDirection": "row",
239
+ "gap": 16,
240
+ "width": "100%",
241
+ },
242
+ "testID": undefined,
243
+ },
244
+ "type": "View",
245
+ },
246
+ ],
247
+ "props": {
248
+ "style": {
249
+ "alignItems": "center",
250
+ "flexDirection": "row",
251
+ "justifyContent": "space-between",
252
+ "width": "100%",
253
+ },
254
+ "testID": undefined,
255
+ },
256
+ "type": "View",
257
+ }
258
+ `;
259
+
260
+ exports[`TapToEdit renders edit icon when editable 1`] = `
261
+ {
262
+ "$$typeof": Symbol(react.test.json),
263
+ "children": [
264
+ {
265
+ "$$typeof": Symbol(react.test.json),
266
+ "children": [
267
+ {
268
+ "$$typeof": Symbol(react.test.json),
269
+ "children": [
270
+ {
271
+ "$$typeof": Symbol(react.test.json),
272
+ "children": [
273
+ {
274
+ "$$typeof": Symbol(react.test.json),
275
+ "children": [
276
+ "Editable Field",
277
+ ],
278
+ "props": {
279
+ "numberOfLines": 0,
280
+ "selectable": undefined,
281
+ "style": {
282
+ "color": "#1C1C1C",
283
+ "fontFamily": "text-bold",
284
+ "fontSize": 14,
285
+ "textAlign": "left",
286
+ },
287
+ "testID": undefined,
288
+ },
289
+ "type": "Text",
290
+ },
291
+ ],
292
+ "props": {},
293
+ "type": "View",
294
+ },
295
+ ],
296
+ "props": {
297
+ "style": {
298
+ "flex": 1,
299
+ "justifyContent": "center",
300
+ },
301
+ "testID": undefined,
302
+ },
303
+ "type": "View",
304
+ },
305
+ {
306
+ "$$typeof": Symbol(react.test.json),
307
+ "children": [
308
+ {
309
+ "$$typeof": Symbol(react.test.json),
310
+ "children": [
311
+ {
312
+ "$$typeof": Symbol(react.test.json),
313
+ "children": [
314
+ "Click to edit",
315
+ ],
316
+ "props": {
317
+ "numberOfLines": 0,
318
+ "selectable": undefined,
319
+ "style": {
320
+ "color": "#1C1C1C",
321
+ "fontFamily": "text-regular",
322
+ "fontSize": 14,
323
+ "textAlign": "right",
324
+ },
325
+ "testID": undefined,
326
+ },
327
+ "type": "Text",
328
+ },
329
+ ],
330
+ "props": {
331
+ "onPointerEnter": [Function: AsyncFunction],
332
+ "onPointerLeave": [Function: AsyncFunction],
333
+ "style": {
334
+ "accessibilityHint": "",
335
+ "accessibilityLabel": "Link",
336
+ "justifyContent": "flex-start",
337
+ },
338
+ "testID": undefined,
339
+ },
340
+ "type": "View",
341
+ },
342
+ {
343
+ "$$typeof": Symbol(react.test.json),
344
+ "children": null,
345
+ "props": {
346
+ "accessibilityHint": "",
347
+ "aria-label": "Edit",
348
+ "aria-role": "button",
349
+ "onLayout": undefined,
350
+ "onPointerEnter": [Function: AsyncFunction],
351
+ "onPointerLeave": [Function: AsyncFunction],
352
+ "onPress": [Function: AsyncFunction],
353
+ "style": {
354
+ "accessibilityHint": "",
355
+ "accessibilityLabel": "Edit",
356
+ "marginLeft": 8,
357
+ "width": 16,
358
+ },
359
+ "testID": undefined,
360
+ },
361
+ "type": "Pressable",
362
+ },
363
+ ],
364
+ "props": {
365
+ "style": {
366
+ "flex": 1,
367
+ "flexDirection": "row",
368
+ "justifyContent": "flex-end",
369
+ },
370
+ "testID": undefined,
371
+ },
372
+ "type": "View",
373
+ },
374
+ ],
375
+ "props": {
376
+ "style": {
377
+ "flexDirection": "row",
378
+ "gap": 16,
379
+ "width": "100%",
380
+ },
381
+ "testID": undefined,
382
+ },
383
+ "type": "View",
384
+ },
385
+ ],
386
+ "props": {
387
+ "style": {
388
+ "alignItems": "center",
389
+ "flexDirection": "row",
390
+ "justifyContent": "space-between",
391
+ "width": "100%",
392
+ },
393
+ "testID": undefined,
394
+ },
395
+ "type": "View",
396
+ }
397
+ `;
398
+
399
+ exports[`TapToEdit shows editing mode when isEditing is true 1`] = `
400
+ {
401
+ "$$typeof": Symbol(react.test.json),
402
+ "children": [
403
+ {
404
+ "$$typeof": Symbol(react.test.json),
405
+ "children": [
406
+ {
407
+ "$$typeof": Symbol(react.test.json),
408
+ "children": [
409
+ {
410
+ "$$typeof": Symbol(react.test.json),
411
+ "children": [
412
+ "Field",
413
+ ],
414
+ "props": {
415
+ "numberOfLines": 0,
416
+ "selectable": undefined,
417
+ "style": {
418
+ "color": "#1C1C1C",
419
+ "fontFamily": "text-bold",
420
+ "fontSize": 14,
421
+ "textAlign": "left",
422
+ },
423
+ "testID": undefined,
424
+ },
425
+ "type": "Text",
426
+ },
427
+ ],
428
+ "props": {},
429
+ "type": "View",
430
+ },
431
+ ],
432
+ "props": {
433
+ "style": {
434
+ "flex": 1,
435
+ "justifyContent": "center",
436
+ },
437
+ "testID": undefined,
438
+ },
439
+ "type": "View",
440
+ },
441
+ {
442
+ "$$typeof": Symbol(react.test.json),
443
+ "children": [
444
+ {
445
+ "$$typeof": Symbol(react.test.json),
446
+ "children": [
447
+ {
448
+ "$$typeof": Symbol(react.test.json),
449
+ "children": [
450
+ {
451
+ "$$typeof": Symbol(react.test.json),
452
+ "children": null,
453
+ "props": {
454
+ "accessibilityHint": "Enter text here",
455
+ "accessibilityState": {
456
+ "disabled": undefined,
457
+ },
458
+ "aria-label": "Text input field",
459
+ "autoCapitalize": "sentences",
460
+ "autoCorrect": true,
461
+ "blurOnSubmit": true,
462
+ "enterKeyHint": undefined,
463
+ "keyboardType": "default",
464
+ "multiline": undefined,
465
+ "numberOfLines": 1,
466
+ "onBlur": [Function],
467
+ "onChangeText": [Function],
468
+ "onContentSizeChange": [Function],
469
+ "onFocus": [Function],
470
+ "onSubmitEditing": [Function],
471
+ "placeholder": undefined,
472
+ "placeholderTextColor": "#686868",
473
+ "readOnly": undefined,
474
+ "ref": [Function],
475
+ "secureTextEntry": false,
476
+ "style": {
477
+ "color": "#1C1C1C",
478
+ "flex": 1,
479
+ "fontFamily": "text",
480
+ "fontSize": 16,
481
+ "gap": 10,
482
+ "height": 20,
483
+ "paddingVertical": 0,
484
+ "width": "100%",
485
+ },
486
+ "testID": undefined,
487
+ "textContentType": "none",
488
+ "underlineColorAndroid": "transparent",
489
+ "value": "Editing...",
490
+ },
491
+ "type": "TextInput",
492
+ },
493
+ ],
494
+ "props": {
495
+ "style": {
496
+ "alignItems": "center",
497
+ "backgroundColor": "#FFFFFF",
498
+ "borderColor": "#9A9A9A",
499
+ "borderRadius": 4,
500
+ "borderWidth": 1,
501
+ "flexDirection": "row",
502
+ "overflow": "hidden",
503
+ "paddingHorizontal": 12,
504
+ "paddingVertical": 8,
505
+ },
506
+ "testID": undefined,
507
+ },
508
+ "type": "View",
509
+ },
510
+ ],
511
+ "props": {
512
+ "style": {
513
+ "flexDirection": "column",
514
+ "width": "100%",
515
+ },
516
+ "testID": undefined,
517
+ },
518
+ "type": "View",
519
+ },
520
+ ],
521
+ "props": {
522
+ "style": {
523
+ "gap": 16,
524
+ },
525
+ "testID": undefined,
526
+ },
527
+ "type": "View",
528
+ },
529
+ ],
530
+ "props": {
531
+ "style": {
532
+ "flexDirection": "column",
533
+ "width": "100%",
534
+ },
535
+ "testID": undefined,
536
+ },
537
+ "type": "View",
538
+ }
539
+ `;
540
+
541
+ exports[`TapToEdit displays helper text when provided 1`] = `
542
+ {
543
+ "$$typeof": Symbol(react.test.json),
544
+ "children": [
545
+ {
546
+ "$$typeof": Symbol(react.test.json),
547
+ "children": [
548
+ {
549
+ "$$typeof": Symbol(react.test.json),
550
+ "children": [
551
+ {
552
+ "$$typeof": Symbol(react.test.json),
553
+ "children": [
554
+ {
555
+ "$$typeof": Symbol(react.test.json),
556
+ "children": [
557
+ "Name",
558
+ ],
559
+ "props": {
560
+ "numberOfLines": 0,
561
+ "selectable": undefined,
562
+ "style": {
563
+ "color": "#1C1C1C",
564
+ "fontFamily": "text-bold",
565
+ "fontSize": 14,
566
+ "textAlign": "left",
567
+ },
568
+ "testID": undefined,
569
+ },
570
+ "type": "Text",
571
+ },
572
+ ],
573
+ "props": {},
574
+ "type": "View",
575
+ },
576
+ {
577
+ "$$typeof": Symbol(react.test.json),
578
+ "children": [
579
+ {
580
+ "$$typeof": Symbol(react.test.json),
581
+ "children": [
582
+ "Enter your full name",
583
+ ],
584
+ "props": {
585
+ "numberOfLines": 0,
586
+ "selectable": undefined,
587
+ "style": {
588
+ "color": "#686868",
589
+ "fontFamily": "text-regular",
590
+ "fontSize": 10,
591
+ "textAlign": "left",
592
+ },
593
+ "testID": undefined,
594
+ },
595
+ "type": "Text",
596
+ },
597
+ ],
598
+ "props": {},
599
+ "type": "View",
600
+ },
601
+ ],
602
+ "props": {
603
+ "style": {
604
+ "flex": 1,
605
+ "justifyContent": "center",
606
+ },
607
+ "testID": undefined,
608
+ },
609
+ "type": "View",
610
+ },
611
+ {
612
+ "$$typeof": Symbol(react.test.json),
613
+ "children": [
614
+ {
615
+ "$$typeof": Symbol(react.test.json),
616
+ "children": [
617
+ {
618
+ "$$typeof": Symbol(react.test.json),
619
+ "children": null,
620
+ "props": {
621
+ "numberOfLines": 0,
622
+ "selectable": undefined,
623
+ "style": {
624
+ "color": "#1C1C1C",
625
+ "fontFamily": "text-regular",
626
+ "fontSize": 14,
627
+ "textAlign": "right",
628
+ },
629
+ "testID": undefined,
630
+ },
631
+ "type": "Text",
632
+ },
633
+ ],
634
+ "props": {
635
+ "onPointerEnter": [Function: AsyncFunction],
636
+ "onPointerLeave": [Function: AsyncFunction],
637
+ "style": {
638
+ "accessibilityHint": "",
639
+ "accessibilityLabel": "Link",
640
+ "justifyContent": "flex-start",
641
+ },
642
+ "testID": undefined,
643
+ },
644
+ "type": "View",
645
+ },
646
+ {
647
+ "$$typeof": Symbol(react.test.json),
648
+ "children": null,
649
+ "props": {
650
+ "accessibilityHint": "",
651
+ "aria-label": "Edit",
652
+ "aria-role": "button",
653
+ "onLayout": undefined,
654
+ "onPointerEnter": [Function: AsyncFunction],
655
+ "onPointerLeave": [Function: AsyncFunction],
656
+ "onPress": [Function: AsyncFunction],
657
+ "style": {
658
+ "accessibilityHint": "",
659
+ "accessibilityLabel": "Edit",
660
+ "marginLeft": 8,
661
+ "width": 16,
662
+ },
663
+ "testID": undefined,
664
+ },
665
+ "type": "Pressable",
666
+ },
667
+ ],
668
+ "props": {
669
+ "style": {
670
+ "flex": 1,
671
+ "flexDirection": "row",
672
+ "justifyContent": "flex-end",
673
+ },
674
+ "testID": undefined,
675
+ },
676
+ "type": "View",
677
+ },
678
+ ],
679
+ "props": {
680
+ "style": {
681
+ "flexDirection": "row",
682
+ "gap": 16,
683
+ "width": "100%",
684
+ },
685
+ "testID": undefined,
686
+ },
687
+ "type": "View",
688
+ },
689
+ ],
690
+ "props": {
691
+ "style": {
692
+ "alignItems": "center",
693
+ "flexDirection": "row",
694
+ "justifyContent": "space-between",
695
+ "width": "100%",
696
+ },
697
+ "testID": undefined,
698
+ },
699
+ "type": "View",
700
+ }
701
+ `;
702
+
703
+ exports[`TapToEdit renders with textarea type 1`] = `
704
+ {
705
+ "$$typeof": Symbol(react.test.json),
706
+ "children": [
707
+ {
708
+ "$$typeof": Symbol(react.test.json),
709
+ "children": [
710
+ {
711
+ "$$typeof": Symbol(react.test.json),
712
+ "children": [
713
+ {
714
+ "$$typeof": Symbol(react.test.json),
715
+ "children": [
716
+ {
717
+ "$$typeof": Symbol(react.test.json),
718
+ "children": [
719
+ "Description",
720
+ ],
721
+ "props": {
722
+ "numberOfLines": 0,
723
+ "selectable": undefined,
724
+ "style": {
725
+ "color": "#1C1C1C",
726
+ "fontFamily": "text-bold",
727
+ "fontSize": 14,
728
+ "textAlign": "left",
729
+ },
730
+ "testID": undefined,
731
+ },
732
+ "type": "Text",
733
+ },
734
+ ],
735
+ "props": {},
736
+ "type": "View",
737
+ },
738
+ ],
739
+ "props": {
740
+ "style": {
741
+ "flex": 1,
742
+ "justifyContent": "center",
743
+ },
744
+ "testID": undefined,
745
+ },
746
+ "type": "View",
747
+ },
748
+ {
749
+ "$$typeof": Symbol(react.test.json),
750
+ "children": [
751
+ {
752
+ "$$typeof": Symbol(react.test.json),
753
+ "children": null,
754
+ "props": {
755
+ "onPointerEnter": [Function: AsyncFunction],
756
+ "onPointerLeave": [Function: AsyncFunction],
757
+ "style": {
758
+ "accessibilityHint": "",
759
+ "accessibilityLabel": "Link",
760
+ "justifyContent": "flex-start",
761
+ },
762
+ "testID": undefined,
763
+ },
764
+ "type": "View",
765
+ },
766
+ ],
767
+ "props": {
768
+ "style": {
769
+ "flex": 1,
770
+ "flexDirection": "row",
771
+ "justifyContent": "flex-end",
772
+ },
773
+ "testID": undefined,
774
+ },
775
+ "type": "View",
776
+ },
777
+ ],
778
+ "props": {
779
+ "style": {
780
+ "flexDirection": "row",
781
+ "gap": 16,
782
+ "width": "100%",
783
+ },
784
+ "testID": undefined,
785
+ },
786
+ "type": "View",
787
+ },
788
+ {
789
+ "$$typeof": Symbol(react.test.json),
790
+ "children": [
791
+ {
792
+ "$$typeof": Symbol(react.test.json),
793
+ "children": [
794
+ {
795
+ "$$typeof": Symbol(react.test.json),
796
+ "children": [
797
+ "This is a long description that spans multiple lines.",
798
+ ],
799
+ "props": {
800
+ "numberOfLines": 0,
801
+ "selectable": undefined,
802
+ "style": {
803
+ "color": "#1C1C1C",
804
+ "fontFamily": "text-regular",
805
+ "fontSize": 14,
806
+ "textAlign": "left",
807
+ },
808
+ "testID": undefined,
809
+ },
810
+ "type": "Text",
811
+ },
812
+ ],
813
+ "props": {},
814
+ "type": "View",
815
+ },
816
+ ],
817
+ "props": {
818
+ "style": {
819
+ "marginTop": 8,
820
+ "paddingVertical": 8,
821
+ "width": "100%",
822
+ },
823
+ "testID": undefined,
824
+ },
825
+ "type": "View",
826
+ },
827
+ ],
828
+ "props": {
829
+ "style": {
830
+ "alignItems": "flex-start",
831
+ "flexDirection": "column",
832
+ "justifyContent": "space-between",
833
+ "width": "100%",
834
+ },
835
+ "testID": undefined,
836
+ },
837
+ "type": "View",
838
+ }
839
+ `;