npm - @terreno/ui - Versions diffs - 0.0.15 → 0.0.17 - Mend

@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

package/dist/Button.js +7 -9
package/dist/Button.js.map +1 -1
package/dist/Common.d.ts +39 -0
package/dist/DateUtilities.js +2 -2
package/dist/UserInactivity.d.ts +28 -0
package/dist/UserInactivity.js +100 -0
package/dist/UserInactivity.js.map +1 -0
package/dist/index.d.ts +1 -0
package/dist/index.js +1 -0
package/dist/index.js.map +1 -1
package/package.json +1 -1
package/src/ActionSheet.test.tsx +77 -0
package/src/Banner.test.tsx +106 -0
package/src/Body.test.tsx +79 -0
package/src/BooleanField.test.tsx +84 -0
package/src/Button.test.tsx +160 -0
package/src/Button.tsx +20 -37
package/src/Card.test.tsx +61 -0
package/src/CheckBox.test.tsx +53 -0
package/src/Common.ts +45 -0
package/src/CustomSelectField.test.tsx +85 -0
package/src/DataTable.test.tsx +133 -0
package/src/DateTimeActionSheet.test.tsx +65 -0
package/src/DateUtilities.tsx +2 -2
package/src/DecimalRangeActionSheet.test.tsx +46 -0
package/src/DismissButton.test.tsx +49 -0
package/src/EmailField.test.tsx +106 -0
package/src/ErrorBoundary.test.tsx +44 -0
package/src/ErrorPage.test.tsx +44 -0
package/src/Field.test.tsx +128 -0
package/src/Heading.test.tsx +66 -0
package/src/HeightActionSheet.test.tsx +34 -0
package/src/Hyperlink.test.tsx +52 -0
package/src/Icon.test.tsx +61 -0
package/src/IconButton.test.tsx +145 -0
package/src/Image.test.tsx +65 -0
package/src/ImageBackground.test.tsx +46 -0
package/src/InfoModalIcon.test.tsx +54 -0
package/src/InfoTooltipButton.test.tsx +22 -0
package/src/Link.test.tsx +64 -0
package/src/MarkdownView.test.tsx +50 -0
package/src/MobileAddressAutoComplete.test.tsx +58 -0
package/src/Modal.test.tsx +169 -0
package/src/ModalSheet.test.tsx +52 -0
package/src/MultiselectField.test.tsx +134 -0
package/src/NumberField.test.tsx +133 -0
package/src/NumberPickerActionSheet.test.tsx +46 -0
package/src/OpenAPIContext.test.tsx +36 -0
package/src/Page.test.tsx +128 -0
package/src/Pagination.test.tsx +86 -0
package/src/PasswordField.test.tsx +17 -0
package/src/PhoneNumberField.test.tsx +79 -0
package/src/PickerSelect.test.tsx +52 -0
package/src/Radio.test.tsx +30 -0
package/src/RadioField.test.tsx +89 -0
package/src/SectionDivider.test.tsx +17 -0
package/src/SegmentedControl.test.tsx +84 -0
package/src/SelectBadge.test.tsx +103 -0
package/src/SelectField.test.tsx +84 -0
package/src/SideDrawer.test.tsx +99 -0
package/src/Signature.test.tsx +32 -0
package/src/SignatureField.test.tsx +60 -0
package/src/Spinner.test.tsx +74 -0
package/src/SplitPage.test.tsx +82 -0
package/src/TapToEdit.test.tsx +147 -0
package/src/TerrenoProvider.test.tsx +36 -0
package/src/Text.test.tsx +147 -0
package/src/Theme.test.tsx +153 -0
package/src/TimezonePicker.test.tsx +57 -0
package/src/Toast.test.tsx +82 -0
package/src/Tooltip.test.tsx +89 -0
package/src/UnifiedAddressAutoComplete.test.tsx +53 -0
package/src/UserInactivity.test.tsx +96 -0
package/src/UserInactivity.tsx +129 -0
package/src/Utilities.test.tsx +237 -0
package/src/WebAddressAutocomplete.test.tsx +33 -0
package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
package/src/__snapshots__/Banner.test.tsx.snap +546 -0
package/src/__snapshots__/Body.test.tsx.snap +685 -0
package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
package/src/__snapshots__/Button.test.tsx.snap +934 -0
package/src/__snapshots__/Card.test.tsx.snap +195 -0
package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
package/src/__snapshots__/DateTimeActionSheet.test.tsx.snap +11 -0
package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
package/src/__snapshots__/Field.test.tsx.snap +4510 -0
package/src/__snapshots__/Heading.test.tsx.snap +193 -0
package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
package/src/__snapshots__/Icon.test.tsx.snap +47 -0
package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
package/src/__snapshots__/Image.test.tsx.snap +282 -0
package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
package/src/__snapshots__/Link.test.tsx.snap +41 -0
package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +230 -0
package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
package/src/__snapshots__/ModalSheet.test.tsx.snap +37 -0
package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
package/src/__snapshots__/Page.test.tsx.snap +1647 -0
package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
package/src/__snapshots__/PickerSelect.test.tsx.snap +1053 -0
package/src/__snapshots__/Radio.test.tsx.snap +111 -0
package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
package/src/__snapshots__/Signature.test.tsx.snap +67 -0
package/src/__snapshots__/SignatureField.test.tsx.snap +241 -0
package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
package/src/__snapshots__/SplitPage.test.tsx.snap +686 -0
package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
package/src/__snapshots__/Text.test.tsx.snap +558 -0
package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +377 -0
package/src/__snapshots__/UserInactivity.test.tsx.snap +108 -0
package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +238 -0
package/src/bunSetup.ts +101 -8
package/src/fieldElements/FieldError.test.tsx +40 -0
package/src/fieldElements/FieldHelperText.test.tsx +34 -0
package/src/fieldElements/FieldTitle.test.tsx +30 -0
package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
package/src/icons/MobileIcon.test.tsx +21 -0
package/src/icons/OfflineIcon.test.tsx +21 -0
package/src/icons/OnlineIcon.test.tsx +21 -0
package/src/icons/OutOfficeIcon.test.tsx +21 -0
package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
package/src/index.tsx +1 -0
package/src/table/Table.test.tsx +107 -0
package/src/table/TableBadge.test.tsx +53 -0
package/src/table/TableBoolean.test.tsx +38 -0
package/src/table/TableDate.test.tsx +27 -0
package/src/table/TableHeader.test.tsx +67 -0
package/src/table/TableHeaderCell.test.tsx +113 -0
package/src/table/TableIconButton.test.tsx +51 -0
package/src/table/TableNumber.test.tsx +45 -0
package/src/table/TableRow.test.tsx +83 -0
package/src/table/TableText.test.tsx +30 -0
package/src/table/TableTitle.test.tsx +30 -0
package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0

package/src/table/__snapshots__/TableBadge.test.tsx.snap ADDED Viewed

@@ -0,0 +1,710 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+exports[`TableBadge renders correctly with value 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "Active",
+              ],
+              "props": {
+                "style": {
+                  "color": "#092E3A",
+                  "fontFamily": "text",
+                  "fontSize": 10,
+                  "fontWeight": "700",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "style": [
+              {
+                "alignItems": "center",
+                "backgroundColor": "#B6CDD5",
+                "borderRadius": 4,
+                "flexDirection": "row",
+                "height": "auto",
+                "justifyContent": "center",
+                "paddingHorizontal": 8,
+                "paddingVertical": 4,
+                "width": "auto",
+              },
+              false,
+              {
+                "borderColor": "#8FC1D2",
+                "borderWidth": 1,
+              },
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "flex-start",
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "alignItems": "center",
+      "justifyContent": "center",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`TableBadge renders with info status (default) 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "Info",
+              ],
+              "props": {
+                "style": {
+                  "color": "#092E3A",
+                  "fontFamily": "text",
+                  "fontSize": 10,
+                  "fontWeight": "700",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "style": [
+              {
+                "alignItems": "center",
+                "backgroundColor": "#B6CDD5",
+                "borderRadius": 4,
+                "flexDirection": "row",
+                "height": "auto",
+                "justifyContent": "center",
+                "paddingHorizontal": 8,
+                "paddingVertical": 4,
+                "width": "auto",
+              },
+              false,
+              {
+                "borderColor": "#8FC1D2",
+                "borderWidth": 1,
+              },
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "flex-start",
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "alignItems": "center",
+      "justifyContent": "center",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`TableBadge renders with success status 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "Approved",
+              ],
+              "props": {
+                "style": {
+                  "color": "#1A7F36",
+                  "fontFamily": "text",
+                  "fontSize": 10,
+                  "fontWeight": "700",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "style": [
+              {
+                "alignItems": "center",
+                "backgroundColor": "#DCF2E2",
+                "borderRadius": 4,
+                "flexDirection": "row",
+                "height": "auto",
+                "justifyContent": "center",
+                "paddingHorizontal": 8,
+                "paddingVertical": 4,
+                "width": "auto",
+              },
+              false,
+              {
+                "borderColor": "#7FD898",
+                "borderWidth": 1,
+              },
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "flex-start",
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "alignItems": "center",
+      "justifyContent": "center",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`TableBadge renders with warning status 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "Review",
+              ],
+              "props": {
+                "style": {
+                  "color": "#B14202",
+                  "fontFamily": "text",
+                  "fontSize": 10,
+                  "fontWeight": "700",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "style": [
+              {
+                "alignItems": "center",
+                "backgroundColor": "#FFE3C6",
+                "borderRadius": 4,
+                "flexDirection": "row",
+                "height": "auto",
+                "justifyContent": "center",
+                "paddingHorizontal": 8,
+                "paddingVertical": 4,
+                "width": "auto",
+              },
+              false,
+              {
+                "borderColor": "#FCC58F",
+                "borderWidth": 1,
+              },
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "flex-start",
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "alignItems": "center",
+      "justifyContent": "center",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`TableBadge renders with error status 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "Rejected",
+              ],
+              "props": {
+                "style": {
+                  "color": "#BD1111",
+                  "fontFamily": "text",
+                  "fontSize": 10,
+                  "fontWeight": "700",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "style": [
+              {
+                "alignItems": "center",
+                "backgroundColor": "#FDD7D7",
+                "borderRadius": 4,
+                "flexDirection": "row",
+                "height": "auto",
+                "justifyContent": "center",
+                "paddingHorizontal": 8,
+                "paddingVertical": 4,
+                "width": "auto",
+              },
+              false,
+              {
+                "borderColor": "#F39E9E",
+                "borderWidth": 1,
+              },
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "flex-start",
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "alignItems": "center",
+      "justifyContent": "center",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`TableBadge renders with icon 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "style": {
+                  "marginRight": 8,
+                },
+                "testID": "icon",
+              },
+              "type": "View",
+            },
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "Complete",
+              ],
+              "props": {
+                "style": {
+                  "color": "#1A7F36",
+                  "fontFamily": "text",
+                  "fontSize": 10,
+                  "fontWeight": "700",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "style": [
+              {
+                "alignItems": "center",
+                "backgroundColor": "#DCF2E2",
+                "borderRadius": 4,
+                "flexDirection": "row",
+                "height": "auto",
+                "justifyContent": "center",
+                "paddingHorizontal": 8,
+                "paddingVertical": 4,
+                "width": "auto",
+              },
+              false,
+              {
+                "borderColor": "#7FD898",
+                "borderWidth": 1,
+              },
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "flex-start",
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "alignItems": "center",
+      "justifyContent": "center",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`TableBadge renders select field when editing 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    {
+                      "$$typeof": Symbol(react.test.json),
+                      "children": null,
+                      "props": {
+                        "readOnly": true,
+                        "style": {
+                          "color": "#1C1C1C",
+                        },
+                        "testID": "text_input",
+                        "value": "Option A",
+                      },
+                      "type": "TextInput",
+                    },
+                    {
+                      "$$typeof": Symbol(react.test.json),
+                      "children": null,
+                      "props": {
+                        "style": {
+                          "pointerEvents": "none",
+                        },
+                        "testID": "icon_container",
+                      },
+                      "type": "View",
+                    },
+                  ],
+                  "props": {
+                    "style": {
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "pointerEvents": "box-only",
+                      "width": "100%",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "View",
+                },
+              ],
+              "props": {
+                "activeOpacity": 1,
+                "onPress": [Function],
+                "style": {
+                  "alignItems": "center",
+                  "flexDirection": "row",
+                  "justifyContent": "center",
+                  "minHeight": 40,
+                  "width": "95%",
+                },
+                "testID": "ios_touchable_wrapper",
+              },
+              "type": "Pressable",
+            },
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": null,
+                  "props": {
+                    "aria-role": "button",
+                    "onPress": [Function],
+                    "style": {
+                      "flex": 1,
+                    },
+                    "testID": "ios_modal_top",
+                  },
+                  "type": "Pressable",
+                },
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    {
+                      "$$typeof": Symbol(react.test.json),
+                      "children": null,
+                      "props": {
+                        "style": {
+                          "flexDirection": "row",
+                        },
+                        "testID": undefined,
+                      },
+                      "type": "View",
+                    },
+                    {
+                      "$$typeof": Symbol(react.test.json),
+                      "children": [
+                        {
+                          "$$typeof": Symbol(react.test.json),
+                          "children": [
+                            {
+                              "$$typeof": Symbol(react.test.json),
+                              "children": [
+                                "Done",
+                              ],
+                              "props": {
+                                "allowFontScaling": false,
+                                "style": [
+                                  {
+                                    "color": "#007aff",
+                                    "fontSize": 17,
+                                    "fontWeight": "600",
+                                    "paddingRight": 11,
+                                    "paddingTop": 1,
+                                  },
+                                  {},
+                                ],
+                                "testID": "done_text",
+                              },
+                              "type": "Text",
+                            },
+                          ],
+                          "props": {
+                            "style": undefined,
+                            "testID": "needed_for_touchable",
+                          },
+                          "type": "View",
+                        },
+                      ],
+                      "props": {
+                        "hitSlop": {
+                          "bottom": 4,
+                          "left": 4,
+                          "right": 4,
+                          "top": 4,
+                        },
+                        "onPress": [Function],
+                        "onPressIn": [Function],
+                        "onPressOut": [Function],
+                        "testID": "done_button",
+                      },
+                      "type": "Pressable",
+                    },
+                  ],
+                  "props": {
+                    "style": {
+                      "alignItems": "center",
+                      "backgroundColor": "#f8f8f8",
+                      "borderTopColor": "#dedede",
+                      "borderTopWidth": 1,
+                      "flexDirection": "row",
+                      "height": 45,
+                      "justifyContent": "space-between",
+                      "paddingHorizontal": 10,
+                      "zIndex": 2,
+                    },
+                    "testID": "input_accessory_view",
+                  },
+                  "type": "View",
+                },
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    {
+                      "$$typeof": Symbol(react.test.json),
+                      "children": [
+                        {
+                          "$$typeof": Symbol(react.test.json),
+                          "children": null,
+                          "props": {
+                            "color": undefined,
+                            "label": "Please select an option.",
+                            "value": "",
+                          },
+                          "type": "Picker.Item",
+                        },
+                        {
+                          "$$typeof": Symbol(react.test.json),
+                          "children": null,
+                          "props": {
+                            "color": undefined,
+                            "label": "Option A",
+                            "value": "a",
+                          },
+                          "type": "Picker.Item",
+                        },
+                        {
+                          "$$typeof": Symbol(react.test.json),
+                          "children": null,
+                          "props": {
+                            "color": undefined,
+                            "label": "Option B",
+                            "value": "b",
+                          },
+                          "type": "Picker.Item",
+                        },
+                      ],
+                      "props": {
+                        "onValueChange": [Function],
+                        "selectedValue": "a",
+                        "testID": "ios_picker",
+                      },
+                      "type": "Picker",
+                    },
+                  ],
+                  "props": {
+                    "style": [
+                      {
+                        "backgroundColor": "#d0d4da",
+                        "justifyContent": "center",
+                      },
+                      {
+                        "height": 215,
+                      },
+                    ],
+                    "testID": undefined,
+                  },
+                  "type": "View",
+                },
+              ],
+              "props": {
+                "animationType": undefined,
+                "onOrientationChange": [Function],
+                "supportedOrientations": [
+                  "portrait",
+                  "landscape",
+                ],
+                "testID": "ios_modal",
+                "transparent": true,
+                "visible": false,
+              },
+              "type": "Modal",
+            },
+          ],
+          "props": {
+            "style": [
+              {
+                "alignItems": "center",
+                "alignSelf": "stretch",
+                "borderRadius": 4,
+                "borderWidth": 1,
+                "flexDirection": "row",
+                "justifyContent": "center",
+                "minHeight": 40,
+                "width": "100%",
+              },
+              {
+                "backgroundColor": "#FFFFFF",
+                "borderColor": "#9A9A9A",
+              },
+              false,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": undefined,
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "alignItems": "center",
+      "justifyContent": "center",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;