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/__snapshots__/SideDrawer.test.tsx.snap ADDED Viewed

@@ -0,0 +1,1857 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+exports[`SideDrawer renders correctly when closed 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": [
+                    "Drawer content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {},
+          "type": "SafeAreaView",
+        },
+      ],
+      "props": {
+        "ref": {
+          "current": null,
+        },
+        "style": [
+          {
+            "backgroundColor": "white",
+            "bottom": 0,
+            "maxWidth": "100%",
+            "top": 0,
+          },
+          {
+            "position": "absolute",
+            "zIndex": 1,
+          },
+          {
+            "width": "95%",
+          },
+          {
+            "left": "calc(95% * -1)",
+          },
+          {
+            "transform": "translateX(0)",
+            "transition": "transform 0.3s",
+          },
+          [
+            {
+              "borderColor": "gray",
+              "borderWidth": 1,
+              "height": "100%",
+              "width": "95%",
+            },
+            {
+              "backgroundColor": "#D9D9D9",
+            },
+            {},
+            {},
+          ],
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Main content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {
+            "aria-hidden": false,
+            "style": {
+              "flex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "aria-label": "Close drawer",
+                "onPress": [Function],
+                "role": "button",
+                "style": [
+                  {
+                    "flex": 1,
+                  },
+                  {
+                    "pointerEvents": "none",
+                  },
+                ],
+              },
+              "type": "Pressable",
+            },
+          ],
+          "props": {
+            "aria-hidden": true,
+            "progress": FakeSharedValue {
+              "_isReanimatedSharedValue": true,
+              "_listeners": Map {},
+              "_value": 0,
+            },
+            "style": [
+              {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              },
+              {
+                "WebkitTapHighlightColor": "transparent",
+                "backgroundColor": "rgba(0, 0, 0, 0.5)",
+                "transition": "opacity 0.3s",
+              },
+              {
+                "opacity": 0,
+                "pointerEvents": "none",
+              },
+              undefined,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "flex": 1,
+          },
+          {
+            "transform": "translateX(0)",
+            "transition": "transform 0.3s",
+          },
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": [
+      {
+        "flex": 1,
+        "flexDirection": "row",
+      },
+      undefined,
+    ],
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`SideDrawer renders correctly when open 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": [
+                    "Drawer content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {},
+          "type": "SafeAreaView",
+        },
+      ],
+      "props": {
+        "ref": {
+          "current": null,
+        },
+        "style": [
+          {
+            "backgroundColor": "white",
+            "bottom": 0,
+            "maxWidth": "100%",
+            "top": 0,
+          },
+          {
+            "position": "absolute",
+            "zIndex": 1,
+          },
+          {
+            "width": "95%",
+          },
+          {
+            "left": "calc(95% * -1)",
+          },
+          {
+            "transform": "translateX(100%)",
+            "transition": "transform 0.3s",
+          },
+          [
+            {
+              "borderColor": "gray",
+              "borderWidth": 1,
+              "height": "100%",
+              "width": "95%",
+            },
+            {
+              "backgroundColor": "#D9D9D9",
+            },
+            {},
+            {},
+          ],
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Main content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {
+            "aria-hidden": true,
+            "style": {
+              "flex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "aria-label": "Close drawer",
+                "onPress": [Function],
+                "role": "button",
+                "style": [
+                  {
+                    "flex": 1,
+                  },
+                  {
+                    "pointerEvents": "auto",
+                  },
+                ],
+              },
+              "type": "Pressable",
+            },
+          ],
+          "props": {
+            "aria-hidden": false,
+            "progress": FakeSharedValue {
+              "_isReanimatedSharedValue": true,
+              "_listeners": Map {},
+              "_value": 1,
+            },
+            "style": [
+              {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              },
+              {
+                "WebkitTapHighlightColor": "transparent",
+                "backgroundColor": "rgba(0, 0, 0, 0.5)",
+                "transition": "opacity 0.3s",
+              },
+              {
+                "opacity": 1,
+                "pointerEvents": "auto",
+              },
+              undefined,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "flex": 1,
+          },
+          {
+            "transform": "translateX(0)",
+            "transition": "transform 0.3s",
+          },
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": [
+      {
+        "flex": 1,
+        "flexDirection": "row",
+      },
+      undefined,
+    ],
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`SideDrawer renders with left position (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": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Left drawer",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {},
+          "type": "SafeAreaView",
+        },
+      ],
+      "props": {
+        "ref": {
+          "current": null,
+        },
+        "style": [
+          {
+            "backgroundColor": "white",
+            "bottom": 0,
+            "maxWidth": "100%",
+            "top": 0,
+          },
+          {
+            "position": "absolute",
+            "zIndex": 1,
+          },
+          {
+            "width": "95%",
+          },
+          {
+            "left": "calc(95% * -1)",
+          },
+          {
+            "transform": "translateX(100%)",
+            "transition": "transform 0.3s",
+          },
+          [
+            {
+              "borderColor": "gray",
+              "borderWidth": 1,
+              "height": "100%",
+              "width": "95%",
+            },
+            {
+              "backgroundColor": "#D9D9D9",
+            },
+            {},
+            {},
+          ],
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {
+            "aria-hidden": true,
+            "style": {
+              "flex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "aria-label": "Close drawer",
+                "onPress": [Function],
+                "role": "button",
+                "style": [
+                  {
+                    "flex": 1,
+                  },
+                  {
+                    "pointerEvents": "auto",
+                  },
+                ],
+              },
+              "type": "Pressable",
+            },
+          ],
+          "props": {
+            "aria-hidden": false,
+            "progress": FakeSharedValue {
+              "_isReanimatedSharedValue": true,
+              "_listeners": Map {},
+              "_value": 1,
+            },
+            "style": [
+              {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              },
+              {
+                "WebkitTapHighlightColor": "transparent",
+                "backgroundColor": "rgba(0, 0, 0, 0.5)",
+                "transition": "opacity 0.3s",
+              },
+              {
+                "opacity": 1,
+                "pointerEvents": "auto",
+              },
+              undefined,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "flex": 1,
+          },
+          {
+            "transform": "translateX(0)",
+            "transition": "transform 0.3s",
+          },
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": [
+      {
+        "flex": 1,
+        "flexDirection": "row",
+      },
+      undefined,
+    ],
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`SideDrawer renders with right position 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": [
+                    "Content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {
+            "aria-hidden": true,
+            "style": {
+              "flex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "aria-label": "Close drawer",
+                "onPress": [Function],
+                "role": "button",
+                "style": [
+                  {
+                    "flex": 1,
+                  },
+                  {
+                    "pointerEvents": "auto",
+                  },
+                ],
+              },
+              "type": "Pressable",
+            },
+          ],
+          "props": {
+            "aria-hidden": false,
+            "progress": FakeSharedValue {
+              "_isReanimatedSharedValue": true,
+              "_listeners": Map {},
+              "_value": 1,
+            },
+            "style": [
+              {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              },
+              {
+                "WebkitTapHighlightColor": "transparent",
+                "backgroundColor": "rgba(0, 0, 0, 0.5)",
+                "transition": "opacity 0.3s",
+              },
+              {
+                "opacity": 1,
+                "pointerEvents": "auto",
+              },
+              undefined,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "flex": 1,
+          },
+          {
+            "transform": "translateX(0)",
+            "transition": "transform 0.3s",
+          },
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Right drawer",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {},
+          "type": "SafeAreaView",
+        },
+      ],
+      "props": {
+        "ref": {
+          "current": null,
+        },
+        "style": [
+          {
+            "backgroundColor": "white",
+            "bottom": 0,
+            "maxWidth": "100%",
+            "top": 0,
+          },
+          {
+            "position": "absolute",
+            "zIndex": 1,
+          },
+          {
+            "width": "95%",
+          },
+          {
+            "right": "calc(95% * -1)",
+          },
+          {
+            "transform": "translateX(-100%)",
+            "transition": "transform 0.3s",
+          },
+          [
+            {
+              "borderColor": "gray",
+              "borderWidth": 1,
+              "height": "100%",
+              "width": "95%",
+            },
+            {
+              "backgroundColor": "#D9D9D9",
+            },
+            {},
+            {},
+          ],
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": [
+      {
+        "flex": 1,
+        "flexDirection": "row",
+      },
+      undefined,
+    ],
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`SideDrawer renders with front drawer type (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": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Front drawer",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {},
+          "type": "SafeAreaView",
+        },
+      ],
+      "props": {
+        "ref": {
+          "current": null,
+        },
+        "style": [
+          {
+            "backgroundColor": "white",
+            "bottom": 0,
+            "maxWidth": "100%",
+            "top": 0,
+          },
+          {
+            "position": "absolute",
+            "zIndex": 1,
+          },
+          {
+            "width": "95%",
+          },
+          {
+            "left": "calc(95% * -1)",
+          },
+          {
+            "transform": "translateX(100%)",
+            "transition": "transform 0.3s",
+          },
+          [
+            {
+              "borderColor": "gray",
+              "borderWidth": 1,
+              "height": "100%",
+              "width": "95%",
+            },
+            {
+              "backgroundColor": "#D9D9D9",
+            },
+            {},
+            {},
+          ],
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {
+            "aria-hidden": true,
+            "style": {
+              "flex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "aria-label": "Close drawer",
+                "onPress": [Function],
+                "role": "button",
+                "style": [
+                  {
+                    "flex": 1,
+                  },
+                  {
+                    "pointerEvents": "auto",
+                  },
+                ],
+              },
+              "type": "Pressable",
+            },
+          ],
+          "props": {
+            "aria-hidden": false,
+            "progress": FakeSharedValue {
+              "_isReanimatedSharedValue": true,
+              "_listeners": Map {},
+              "_value": 1,
+            },
+            "style": [
+              {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              },
+              {
+                "WebkitTapHighlightColor": "transparent",
+                "backgroundColor": "rgba(0, 0, 0, 0.5)",
+                "transition": "opacity 0.3s",
+              },
+              {
+                "opacity": 1,
+                "pointerEvents": "auto",
+              },
+              undefined,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "flex": 1,
+          },
+          {
+            "transform": "translateX(0)",
+            "transition": "transform 0.3s",
+          },
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": [
+      {
+        "flex": 1,
+        "flexDirection": "row",
+      },
+      undefined,
+    ],
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`SideDrawer renders with back drawer type 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": [
+                    "Back drawer",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {},
+          "type": "SafeAreaView",
+        },
+      ],
+      "props": {
+        "ref": {
+          "current": null,
+        },
+        "style": [
+          {
+            "backgroundColor": "white",
+            "bottom": 0,
+            "maxWidth": "100%",
+            "top": 0,
+          },
+          {
+            "position": "absolute",
+            "zIndex": -1,
+          },
+          {
+            "width": "95%",
+          },
+          {
+            "left": "calc(95% * -1)",
+          },
+          {
+            "transform": "translateX(100%)",
+            "transition": "transform 0.3s",
+          },
+          [
+            {
+              "borderColor": "gray",
+              "borderWidth": 1,
+              "height": "100%",
+              "width": "95%",
+            },
+            {
+              "backgroundColor": "#D9D9D9",
+            },
+            {},
+            {},
+          ],
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {
+            "aria-hidden": true,
+            "style": {
+              "flex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "aria-label": "Close drawer",
+                "onPress": [Function],
+                "role": "button",
+                "style": [
+                  {
+                    "flex": 1,
+                  },
+                  {
+                    "pointerEvents": "auto",
+                  },
+                ],
+              },
+              "type": "Pressable",
+            },
+          ],
+          "props": {
+            "aria-hidden": false,
+            "progress": FakeSharedValue {
+              "_isReanimatedSharedValue": true,
+              "_listeners": Map {},
+              "_value": 1,
+            },
+            "style": [
+              {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              },
+              {
+                "WebkitTapHighlightColor": "transparent",
+                "backgroundColor": "rgba(0, 0, 0, 0.5)",
+                "transition": "opacity 0.3s",
+              },
+              {
+                "opacity": 1,
+                "pointerEvents": "auto",
+              },
+              undefined,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "flex": 1,
+          },
+          {
+            "transform": "translateX(calc(95% * 1))",
+            "transition": "transform 0.3s",
+          },
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": [
+      {
+        "flex": 1,
+        "flexDirection": "row",
+      },
+      undefined,
+    ],
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`SideDrawer renders with slide drawer type 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": [
+                    "Slide drawer",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {},
+          "type": "SafeAreaView",
+        },
+      ],
+      "props": {
+        "ref": {
+          "current": null,
+        },
+        "style": [
+          {
+            "backgroundColor": "white",
+            "bottom": 0,
+            "maxWidth": "100%",
+            "top": 0,
+          },
+          {
+            "position": "absolute",
+            "zIndex": 1,
+          },
+          {
+            "width": "95%",
+          },
+          {
+            "left": "calc(95% * -1)",
+          },
+          {
+            "transform": "translateX(100%)",
+            "transition": "transform 0.3s",
+          },
+          [
+            {
+              "borderColor": "gray",
+              "borderWidth": 1,
+              "height": "100%",
+              "width": "95%",
+            },
+            {
+              "backgroundColor": "#D9D9D9",
+            },
+            {},
+            {},
+          ],
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {
+            "aria-hidden": true,
+            "style": {
+              "flex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "aria-label": "Close drawer",
+                "onPress": [Function],
+                "role": "button",
+                "style": [
+                  {
+                    "flex": 1,
+                  },
+                  {
+                    "pointerEvents": "auto",
+                  },
+                ],
+              },
+              "type": "Pressable",
+            },
+          ],
+          "props": {
+            "aria-hidden": false,
+            "progress": FakeSharedValue {
+              "_isReanimatedSharedValue": true,
+              "_listeners": Map {},
+              "_value": 1,
+            },
+            "style": [
+              {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              },
+              {
+                "WebkitTapHighlightColor": "transparent",
+                "backgroundColor": "rgba(0, 0, 0, 0.5)",
+                "transition": "opacity 0.3s",
+              },
+              {
+                "opacity": 1,
+                "pointerEvents": "auto",
+              },
+              undefined,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "flex": 1,
+          },
+          {
+            "transform": "translateX(calc(95% * 1))",
+            "transition": "transform 0.3s",
+          },
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": [
+      {
+        "flex": 1,
+        "flexDirection": "row",
+      },
+      undefined,
+    ],
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`SideDrawer renders with custom drawer styles 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": [
+                    "Styled drawer",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {},
+          "type": "SafeAreaView",
+        },
+      ],
+      "props": {
+        "ref": {
+          "current": null,
+        },
+        "style": [
+          {
+            "backgroundColor": "white",
+            "bottom": 0,
+            "maxWidth": "100%",
+            "top": 0,
+          },
+          {
+            "position": "absolute",
+            "zIndex": 1,
+          },
+          {
+            "width": "50%",
+          },
+          {
+            "left": "calc(50% * -1)",
+          },
+          {
+            "transform": "translateX(100%)",
+            "transition": "transform 0.3s",
+          },
+          [
+            {
+              "borderColor": "gray",
+              "borderWidth": 1,
+              "height": "100%",
+              "width": "95%",
+            },
+            {
+              "backgroundColor": "#D9D9D9",
+            },
+            {
+              "width": "50%",
+            },
+            {},
+          ],
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {
+            "aria-hidden": true,
+            "style": {
+              "flex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "aria-label": "Close drawer",
+                "onPress": [Function],
+                "role": "button",
+                "style": [
+                  {
+                    "flex": 1,
+                  },
+                  {
+                    "pointerEvents": "auto",
+                  },
+                ],
+              },
+              "type": "Pressable",
+            },
+          ],
+          "props": {
+            "aria-hidden": false,
+            "progress": FakeSharedValue {
+              "_isReanimatedSharedValue": true,
+              "_listeners": Map {},
+              "_value": 1,
+            },
+            "style": [
+              {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              },
+              {
+                "WebkitTapHighlightColor": "transparent",
+                "backgroundColor": "rgba(0, 0, 0, 0.5)",
+                "transition": "opacity 0.3s",
+              },
+              {
+                "opacity": 1,
+                "pointerEvents": "auto",
+              },
+              undefined,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "flex": 1,
+          },
+          {
+            "transform": "translateX(0)",
+            "transition": "transform 0.3s",
+          },
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": [
+      {
+        "flex": 1,
+        "flexDirection": "row",
+      },
+      undefined,
+    ],
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+exports[`SideDrawer accepts onOpen and onClose callbacks 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": [
+                    "Drawer",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {},
+          "type": "SafeAreaView",
+        },
+      ],
+      "props": {
+        "ref": {
+          "current": null,
+        },
+        "style": [
+          {
+            "backgroundColor": "white",
+            "bottom": 0,
+            "maxWidth": "100%",
+            "top": 0,
+          },
+          {
+            "position": "absolute",
+            "zIndex": 1,
+          },
+          {
+            "width": "95%",
+          },
+          {
+            "left": "calc(95% * -1)",
+          },
+          {
+            "transform": "translateX(0)",
+            "transition": "transform 0.3s",
+          },
+          [
+            {
+              "borderColor": "gray",
+              "borderWidth": 1,
+              "height": "100%",
+              "width": "95%",
+            },
+            {
+              "backgroundColor": "#D9D9D9",
+            },
+            {},
+            {},
+          ],
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                {
+                  "$$typeof": Symbol(react.test.json),
+                  "children": [
+                    "Content",
+                  ],
+                  "props": {
+                    "numberOfLines": 0,
+                    "selectable": undefined,
+                    "style": {
+                      "color": "#1C1C1C",
+                      "fontFamily": "text-regular",
+                      "fontSize": 14,
+                      "textAlign": "left",
+                    },
+                    "testID": undefined,
+                  },
+                  "type": "Text",
+                },
+              ],
+              "props": {},
+              "type": "View",
+            },
+          ],
+          "props": {
+            "aria-hidden": false,
+            "style": {
+              "flex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "aria-label": "Close drawer",
+                "onPress": [Function],
+                "role": "button",
+                "style": [
+                  {
+                    "flex": 1,
+                  },
+                  {
+                    "pointerEvents": "none",
+                  },
+                ],
+              },
+              "type": "Pressable",
+            },
+          ],
+          "props": {
+            "aria-hidden": true,
+            "progress": FakeSharedValue {
+              "_isReanimatedSharedValue": true,
+              "_listeners": Map {},
+              "_value": 0,
+            },
+            "style": [
+              {
+                "bottom": 0,
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+              },
+              {
+                "WebkitTapHighlightColor": "transparent",
+                "backgroundColor": "rgba(0, 0, 0, 0.5)",
+                "transition": "opacity 0.3s",
+              },
+              {
+                "opacity": 0,
+                "pointerEvents": "none",
+              },
+              undefined,
+            ],
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "flex": 1,
+          },
+          {
+            "transform": "translateX(0)",
+            "transition": "transform 0.3s",
+          },
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": [
+      {
+        "flex": 1,
+        "flexDirection": "row",
+      },
+      undefined,
+    ],
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;