@terreno/ui 0.9.3 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/Banner.js +2 -2
  2. package/dist/Banner.js.map +1 -1
  3. package/dist/Common.d.ts +6 -10
  4. package/dist/Common.js.map +1 -1
  5. package/dist/ConsentHistory.d.ts +2 -1
  6. package/dist/DataTable.js +4 -2
  7. package/dist/DataTable.js.map +1 -1
  8. package/dist/DateUtilities.js +16 -7
  9. package/dist/DateUtilities.js.map +1 -1
  10. package/dist/DraggableList.d.ts +5 -4
  11. package/dist/DraggableList.js.map +1 -1
  12. package/dist/Icon.js +0 -3
  13. package/dist/Icon.js.map +1 -1
  14. package/dist/PasswordField.d.ts +1 -1
  15. package/dist/PasswordField.js.map +1 -1
  16. package/dist/TextFieldNumberActionSheet.d.ts +1 -1
  17. package/dist/Toast.d.ts +1 -1
  18. package/dist/Toast.js +2 -2
  19. package/dist/Toast.js.map +1 -1
  20. package/dist/index.d.ts +2 -2
  21. package/package.json +2 -1
  22. package/src/ActionSheet.test.tsx +262 -3
  23. package/src/AddressField.test.tsx +50 -0
  24. package/src/Banner.test.tsx +22 -0
  25. package/src/Banner.tsx +2 -2
  26. package/src/Box.test.tsx +218 -0
  27. package/src/Button.test.tsx +71 -0
  28. package/src/Common.ts +11 -9
  29. package/src/ConsentFormScreen.test.tsx +167 -0
  30. package/src/ConsentHistory.tsx +1 -1
  31. package/src/ConsentNavigator.test.tsx +210 -4
  32. package/src/DataTable.tsx +15 -15
  33. package/src/DateUtilities.test.ts +34 -16
  34. package/src/DateUtilities.tsx +24 -13
  35. package/src/DecimalRangeActionSheet.test.tsx +53 -2
  36. package/src/DraggableList.tsx +5 -5
  37. package/src/EmailField.test.tsx +81 -0
  38. package/src/EmojiSelector.test.tsx +262 -1
  39. package/src/ErrorBoundary.test.tsx +52 -1
  40. package/src/HeightActionSheet.test.tsx +57 -2
  41. package/src/Icon.tsx +0 -3
  42. package/src/InfoModalIcon.test.tsx +16 -0
  43. package/src/InfoTooltipButton.test.tsx +53 -1
  44. package/src/MobileAddressAutoComplete.test.tsx +137 -7
  45. package/src/Modal.test.tsx +188 -0
  46. package/src/NumberPickerActionSheet.test.tsx +59 -2
  47. package/src/OpenAPIContext.test.tsx +184 -3
  48. package/src/Page.test.tsx +162 -1
  49. package/src/Pagination.test.tsx +16 -0
  50. package/src/PasswordField.tsx +1 -1
  51. package/src/PhoneNumberField.test.tsx +46 -9
  52. package/src/PickerSelect.test.tsx +230 -0
  53. package/src/SegmentedControl.test.tsx +38 -0
  54. package/src/SelectBadge.test.tsx +52 -1
  55. package/src/SideDrawer.test.tsx +69 -0
  56. package/src/Signature.test.tsx +42 -5
  57. package/src/SignatureField.test.tsx +35 -0
  58. package/src/Slider.test.tsx +59 -0
  59. package/src/Spinner.test.tsx +6 -0
  60. package/src/SplitPage.test.tsx +228 -2
  61. package/src/TapToEdit.test.tsx +171 -1
  62. package/src/TerrenoProvider.test.tsx +42 -2
  63. package/src/TextFieldNumberActionSheet.tsx +1 -1
  64. package/src/Theme.test.tsx +118 -28
  65. package/src/Toast.test.tsx +95 -2
  66. package/src/Toast.tsx +3 -3
  67. package/src/Tooltip.test.tsx +204 -1
  68. package/src/UnifiedAddressAutoComplete.test.tsx +38 -19
  69. package/src/UserInactivity.test.tsx +73 -1
  70. package/src/Utilities.test.tsx +190 -2
  71. package/src/WebAddressAutocomplete.test.tsx +148 -1
  72. package/src/__snapshots__/ActionSheet.test.tsx.snap +1736 -0
  73. package/src/__snapshots__/Button.test.tsx.snap +68 -0
  74. package/src/__snapshots__/EmojiSelector.test.tsx.snap +1363 -0
  75. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +72 -3
  76. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +60 -9
  77. package/src/__snapshots__/Modal.test.tsx.snap +181 -0
  78. package/src/__snapshots__/Page.test.tsx.snap +48 -2
  79. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +0 -93
  80. package/src/__snapshots__/PickerSelect.test.tsx.snap +706 -0
  81. package/src/__snapshots__/SideDrawer.test.tsx.snap +533 -1399
  82. package/src/__snapshots__/Signature.test.tsx.snap +0 -3
  83. package/src/__snapshots__/SplitPage.test.tsx.snap +970 -0
  84. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +220 -4
  85. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +93 -0
  86. package/src/bunSetup.ts +204 -121
  87. package/src/index.tsx +2 -2
  88. package/src/table/TableHeaderCell.test.tsx +142 -0
  89. package/src/table/TableRow.test.tsx +33 -0
  90. package/src/table/__snapshots__/TableRow.test.tsx.snap +403 -0
  91. package/src/table/tableContext.test.tsx +96 -0
  92. package/src/test-utils.tsx +1 -1
  93. package/src/useConsentForms.test.ts +130 -0
  94. package/src/useSubmitConsent.test.ts +64 -0
package/src/__snapshots__/InfoTooltipButton.test.tsx.snap CHANGED
@@ -1,7 +1,76 @@
1
1
  // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
2
 
3
- exports[`InfoTooltipButton renders correctly with text 1`] = `null`;
3
+ exports[`InfoTooltipButton renders correctly with text 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ "Help information",
11
+ ],
12
+ "props": {
13
+ "style": undefined,
14
+ },
15
+ "type": "Text",
16
+ },
17
+ ],
18
+ "props": {
19
+ "accessibilityHint": "Show info tooltip",
20
+ "accessibilityLabel": "info",
21
+ "onPress": [Function],
22
+ "testID": "icon-button-exclamation",
23
+ },
24
+ "type": "Pressable",
25
+ }
26
+ `;
4
27
 
5
- exports[`InfoTooltipButton renders with different tooltip text 1`] = `null`;
28
+ exports[`InfoTooltipButton renders with different tooltip text 1`] = `
29
+ {
30
+ "$$typeof": Symbol(react.test.json),
31
+ "children": [
32
+ {
33
+ "$$typeof": Symbol(react.test.json),
34
+ "children": [
35
+ "Click for more details",
36
+ ],
37
+ "props": {
38
+ "style": undefined,
39
+ },
40
+ "type": "Text",
41
+ },
42
+ ],
43
+ "props": {
44
+ "accessibilityHint": "Show info tooltip",
45
+ "accessibilityLabel": "info",
46
+ "onPress": [Function],
47
+ "testID": "icon-button-exclamation",
48
+ },
49
+ "type": "Pressable",
50
+ }
51
+ `;
6
52
 
7
- exports[`InfoTooltipButton renders info icon 1`] = `null`;
53
+ exports[`InfoTooltipButton renders info icon 1`] = `
54
+ {
55
+ "$$typeof": Symbol(react.test.json),
56
+ "children": [
57
+ {
58
+ "$$typeof": Symbol(react.test.json),
59
+ "children": [
60
+ "Tooltip content",
61
+ ],
62
+ "props": {
63
+ "style": undefined,
64
+ },
65
+ "type": "Text",
66
+ },
67
+ ],
68
+ "props": {
69
+ "accessibilityHint": "Show info tooltip",
70
+ "accessibilityLabel": "info",
71
+ "onPress": [Function],
72
+ "testID": "icon-button-exclamation",
73
+ },
74
+ "type": "Pressable",
75
+ }
76
+ `;
package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap CHANGED
@@ -20,11 +20,28 @@ exports[`MobileAddressAutocomplete renders correctly with Google API key 1`] = `
20
20
  },
21
21
  "type": "Text",
22
22
  },
23
+ {
24
+ "$$typeof": Symbol(react.test.json),
25
+ "children": [
26
+ {
27
+ "$$typeof": Symbol(react.test.json),
28
+ "children": [
29
+ "Select",
30
+ ],
31
+ "props": {
32
+ "style": undefined,
33
+ },
34
+ "type": "Text",
35
+ },
36
+ ],
37
+ "props": {
38
+ "onPress": [Function],
39
+ "testID": "mock-google-places-select",
40
+ },
41
+ "type": "Pressable",
42
+ },
23
43
  ],
24
44
  "props": {
25
- "ref": {
26
- "current": null,
27
- },
28
45
  "style": undefined,
29
46
  "testID": "google-places-autocomplete",
30
47
  },
@@ -163,11 +180,28 @@ exports[`MobileAddressAutocomplete renders disabled state 1`] = `
163
180
  },
164
181
  "type": "Text",
165
182
  },
183
+ {
184
+ "$$typeof": Symbol(react.test.json),
185
+ "children": [
186
+ {
187
+ "$$typeof": Symbol(react.test.json),
188
+ "children": [
189
+ "Select",
190
+ ],
191
+ "props": {
192
+ "style": undefined,
193
+ },
194
+ "type": "Text",
195
+ },
196
+ ],
197
+ "props": {
198
+ "onPress": [Function],
199
+ "testID": "mock-google-places-select",
200
+ },
201
+ "type": "Pressable",
202
+ },
166
203
  ],
167
204
  "props": {
168
- "ref": {
169
- "current": null,
170
- },
171
205
  "style": undefined,
172
206
  "testID": "google-places-autocomplete",
173
207
  },
@@ -213,11 +247,28 @@ exports[`MobileAddressAutocomplete renders with input value 1`] = `
213
247
  },
214
248
  "type": "Text",
215
249
  },
250
+ {
251
+ "$$typeof": Symbol(react.test.json),
252
+ "children": [
253
+ {
254
+ "$$typeof": Symbol(react.test.json),
255
+ "children": [
256
+ "Select",
257
+ ],
258
+ "props": {
259
+ "style": undefined,
260
+ },
261
+ "type": "Text",
262
+ },
263
+ ],
264
+ "props": {
265
+ "onPress": [Function],
266
+ "testID": "mock-google-places-select",
267
+ },
268
+ "type": "Pressable",
269
+ },
216
270
  ],
217
271
  "props": {
218
- "ref": {
219
- "current": null,
220
- },
221
272
  "style": undefined,
222
273
  "testID": "google-places-autocomplete",
223
274
  },
package/src/__snapshots__/Modal.test.tsx.snap CHANGED
@@ -1475,3 +1475,184 @@ exports[`Modal renders with large size 1`] = `
1475
1475
  "type": "Modal",
1476
1476
  }
1477
1477
  `;
1478
+
1479
+ exports[`Modal renders with persistOnBackgroundClick 1`] = `
1480
+ {
1481
+ "$$typeof": Symbol(react.test.json),
1482
+ "children": [
1483
+ {
1484
+ "$$typeof": Symbol(react.test.json),
1485
+ "children": [
1486
+ {
1487
+ "$$typeof": Symbol(react.test.json),
1488
+ "children": [
1489
+ {
1490
+ "$$typeof": Symbol(react.test.json),
1491
+ "children": [
1492
+ {
1493
+ "$$typeof": Symbol(react.test.json),
1494
+ "children": [
1495
+ {
1496
+ "$$typeof": Symbol(react.test.json),
1497
+ "children": null,
1498
+ "props": {
1499
+ "accessibilityHint": "Closes the modal",
1500
+ "aria-label": "Close modal",
1501
+ "aria-role": "button",
1502
+ "onPress": [Function],
1503
+ "style": {
1504
+ "alignItems": "center",
1505
+ "bottom": -8,
1506
+ "flex": 1,
1507
+ "justifyContent": "center",
1508
+ "left": -8,
1509
+ "position": "absolute",
1510
+ "right": -8,
1511
+ "top": -8,
1512
+ },
1513
+ },
1514
+ "type": "Pressable",
1515
+ },
1516
+ ],
1517
+ "props": {
1518
+ "style": {
1519
+ "alignSelf": "flex-end",
1520
+ "position": "relative",
1521
+ },
1522
+ "testID": undefined,
1523
+ },
1524
+ "type": "View",
1525
+ },
1526
+ {
1527
+ "$$typeof": Symbol(react.test.json),
1528
+ "children": [
1529
+ {
1530
+ "$$typeof": Symbol(react.test.json),
1531
+ "children": [
1532
+ "Persistent",
1533
+ ],
1534
+ "props": {
1535
+ "numberOfLines": 0,
1536
+ "style": {
1537
+ "color": "#1C1C1C",
1538
+ "fontFamily": "heading-bold",
1539
+ "fontSize": 20,
1540
+ },
1541
+ "testID": undefined,
1542
+ },
1543
+ "type": "Text",
1544
+ },
1545
+ ],
1546
+ "props": {
1547
+ "accessibilityHint": "Modal title",
1548
+ "aria-label": "Persistent",
1549
+ "aria-role": "header",
1550
+ "style": {
1551
+ "alignSelf": "flex-start",
1552
+ },
1553
+ "testID": undefined,
1554
+ },
1555
+ "type": "View",
1556
+ },
1557
+ {
1558
+ "$$typeof": Symbol(react.test.json),
1559
+ "children": [
1560
+ {
1561
+ "$$typeof": Symbol(react.test.json),
1562
+ "children": [
1563
+ {
1564
+ "$$typeof": Symbol(react.test.json),
1565
+ "children": [
1566
+ "Content",
1567
+ ],
1568
+ "props": {
1569
+ "numberOfLines": 0,
1570
+ "selectable": undefined,
1571
+ "style": {
1572
+ "color": "#1C1C1C",
1573
+ "fontFamily": "text-regular",
1574
+ "fontSize": 14,
1575
+ "textAlign": "left",
1576
+ },
1577
+ "testID": undefined,
1578
+ },
1579
+ "type": "Text",
1580
+ },
1581
+ ],
1582
+ "props": {},
1583
+ "type": "View",
1584
+ },
1585
+ ],
1586
+ "props": {
1587
+ "style": {
1588
+ "flex": 1,
1589
+ "marginTop": 12,
1590
+ "width": "100%",
1591
+ },
1592
+ "testID": undefined,
1593
+ },
1594
+ "type": "View",
1595
+ },
1596
+ {
1597
+ "$$typeof": Symbol(react.test.json),
1598
+ "children": null,
1599
+ "props": {
1600
+ "style": {
1601
+ "alignSelf": "flex-end",
1602
+ "flexDirection": "row",
1603
+ "marginTop": 32,
1604
+ },
1605
+ "testID": undefined,
1606
+ },
1607
+ "type": "View",
1608
+ },
1609
+ ],
1610
+ "props": {
1611
+ "style": {
1612
+ "alignItems": "center",
1613
+ "alignSelf": "center",
1614
+ "backgroundColor": "#FFFFFF",
1615
+ "borderRadius": 4,
1616
+ "boxShadow": "0px 4px 24px rgba(0, 0, 0, 0.5)",
1617
+ "elevation": 24,
1618
+ "margin": "auto",
1619
+ "maxHeight": "100%",
1620
+ "padding": 32,
1621
+ "width": "90%",
1622
+ "zIndex": 1,
1623
+ },
1624
+ "testID": undefined,
1625
+ },
1626
+ "type": "View",
1627
+ },
1628
+ ],
1629
+ "props": {
1630
+ "onPress": [Function],
1631
+ "style": {
1632
+ "cursor": "auto",
1633
+ },
1634
+ },
1635
+ "type": "Pressable",
1636
+ },
1637
+ ],
1638
+ "props": {
1639
+ "onPress": undefined,
1640
+ "style": {
1641
+ "alignItems": "center",
1642
+ "backgroundColor": "rgba(0, 0, 0, 0.5)",
1643
+ "flex": 1,
1644
+ "justifyContent": "center",
1645
+ },
1646
+ },
1647
+ "type": "Pressable",
1648
+ },
1649
+ ],
1650
+ "props": {
1651
+ "animationType": "none",
1652
+ "onRequestClose": [Function],
1653
+ "transparent": true,
1654
+ "visible": true,
1655
+ },
1656
+ "type": "Modal",
1657
+ }
1658
+ `;
package/src/__snapshots__/Page.test.tsx.snap CHANGED
@@ -307,7 +307,30 @@ exports[`Page renders with back button 1`] = `
307
307
  "children": [
308
308
  {
309
309
  "$$typeof": Symbol(react.test.json),
310
- "children": null,
310
+ "children": [
311
+ {
312
+ "$$typeof": Symbol(react.test.json),
313
+ "children": [
314
+ {
315
+ "$$typeof": Symbol(react.test.json),
316
+ "children": [
317
+ "chevron-left",
318
+ ],
319
+ "props": {
320
+ "style": undefined,
321
+ },
322
+ "type": "Text",
323
+ },
324
+ ],
325
+ "props": {
326
+ "accessibilityHint": "Navigate back",
327
+ "accessibilityLabel": "",
328
+ "onPress": [Function],
329
+ "testID": "icon-button-chevron-left",
330
+ },
331
+ "type": "Pressable",
332
+ },
333
+ ],
311
334
  "props": {
312
335
  "onPointerEnter": [Function: AsyncFunction],
313
336
  "onPointerLeave": [Function: AsyncFunction],
@@ -496,7 +519,30 @@ exports[`Page renders with close button 1`] = `
496
519
  "children": [
497
520
  {
498
521
  "$$typeof": Symbol(react.test.json),
499
- "children": null,
522
+ "children": [
523
+ {
524
+ "$$typeof": Symbol(react.test.json),
525
+ "children": [
526
+ {
527
+ "$$typeof": Symbol(react.test.json),
528
+ "children": [
529
+ "xmark",
530
+ ],
531
+ "props": {
532
+ "style": undefined,
533
+ },
534
+ "type": "Text",
535
+ },
536
+ ],
537
+ "props": {
538
+ "accessibilityHint": "Close page",
539
+ "accessibilityLabel": "",
540
+ "onPress": [Function],
541
+ "testID": "icon-button-xmark",
542
+ },
543
+ "type": "Pressable",
544
+ },
545
+ ],
500
546
  "props": {
501
547
  "onPointerEnter": [Function: AsyncFunction],
502
548
  "onPointerLeave": [Function: AsyncFunction],
package/src/__snapshots__/PhoneNumberField.test.tsx.snap CHANGED
@@ -93,99 +93,6 @@ exports[`PhoneNumberField renders correctly with default props 1`] = `
93
93
  }
94
94
  `;
95
95
 
96
- exports[`PhoneNumberField formats phone number as user types 1`] = `
97
- {
98
- "$$typeof": Symbol(react.test.json),
99
- "children": [
100
- {
101
- "$$typeof": Symbol(react.test.json),
102
- "children": [
103
- {
104
- "$$typeof": Symbol(react.test.json),
105
- "children": [
106
- {
107
- "$$typeof": Symbol(react.test.json),
108
- "children": null,
109
- "props": {
110
- "accessibilityHint": "Enter text here",
111
- "accessibilityState": {
112
- "disabled": undefined,
113
- },
114
- "aria-label": "Text input field",
115
- "autoCapitalize": "none",
116
- "autoCorrect": false,
117
- "blurOnSubmit": true,
118
- "enterKeyHint": undefined,
119
- "keyboardType": "number-pad",
120
- "multiline": undefined,
121
- "nativeID": undefined,
122
- "numberOfLines": 1,
123
- "onBlur": [Function],
124
- "onChangeText": [Function],
125
- "onContentSizeChange": [Function],
126
- "onFocus": [Function],
127
- "onSubmitEditing": [Function],
128
- "placeholder": undefined,
129
- "placeholderTextColor": "#686868",
130
- "readOnly": undefined,
131
- "ref": [Function],
132
- "secureTextEntry": false,
133
- "style": {
134
- "color": "#1C1C1C",
135
- "flex": 1,
136
- "fontFamily": "text",
137
- "fontSize": 16,
138
- "gap": 10,
139
- "height": 24,
140
- "paddingVertical": 0,
141
- "width": "100%",
142
- },
143
- "testID": undefined,
144
- "textContentType": undefined,
145
- "underlineColorAndroid": "transparent",
146
- "value": "5551234567",
147
- },
148
- "type": "TextInput",
149
- },
150
- ],
151
- "props": {
152
- "style": {
153
- "alignItems": "center",
154
- "flexDirection": "row",
155
- },
156
- "testID": undefined,
157
- },
158
- "type": "View",
159
- },
160
- ],
161
- "props": {
162
- "style": {
163
- "backgroundColor": "#FFFFFF",
164
- "borderColor": "#9A9A9A",
165
- "borderRadius": 4,
166
- "borderWidth": 1,
167
- "flexDirection": "column",
168
- "gap": 0,
169
- "overflow": "hidden",
170
- "paddingHorizontal": 12,
171
- "paddingVertical": 8,
172
- },
173
- "testID": undefined,
174
- },
175
- "type": "View",
176
- },
177
- ],
178
- "props": {
179
- "style": {
180
- "flexDirection": "column",
181
- "width": "100%",
182
- },
183
- "testID": undefined,
184
- },
185
- "type": "View",
186
- }
187
- `;
188
-
189
96
  exports[`PhoneNumberField renders with icon 1`] = `
190
97
  {
191
98
  "$$typeof": Symbol(react.test.json),