@terreno/ui 0.13.3 → 0.14.0

package/src/__snapshots__/TimezonePicker.test.tsx.snap

@@ -322,7 +322,9 @@ exports[`TimezonePicker renders correctly with default props 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -636,7 +638,9 @@ exports[`TimezonePicker hides title when hideTitle is true 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -965,7 +969,9 @@ exports[`TimezonePicker renders with selected timezone 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -1294,7 +1300,9 @@ exports[`TimezonePicker renders USA timezones by default 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -1623,7 +1631,9 @@ exports[`TimezonePicker renders with short timezone labels 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -1952,7 +1962,9 @@ exports[`TimezonePicker calls onChange when timezone is selected 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",

package/src/bunSetup.ts

@@ -6,6 +6,10 @@ type MockComponentProps = Record<string, unknown> & {
   style?: unknown;
   testID?: string;
 };
+type MockPresstoPressableProps = MockComponentProps & {
+  enabled?: boolean;
+  onPress?: (...args: unknown[]) => unknown;
+};
 type MockStyleValue = unknown;
 type MockAnimation = {
   start?: (callback?: (result: {finished: boolean}) => void) => void;
@@ -447,6 +451,25 @@ mock.module("react-native", () => {
   };
 });
 
+const createMockPresstoPressable = (name: string): React.FC<MockPresstoPressableProps> => {
+  return ({children, enabled = true, onPress, ...props}) =>
+    React.createElement(
+      name,
+      {
+        ...props,
+        disabled: !enabled,
+        onPress: enabled ? onPress : undefined,
+      },
+      children
+    );
+};
+
+mock.module("pressto", () => ({
+  PressableOpacity: createMockPresstoPressable("PressableOpacity"),
+  PressableScale: createMockPresstoPressable("PressableScale"),
+  PressableWithoutFeedback: createMockPresstoPressable("PressableWithoutFeedback"),
+}));
+
 // Initialize globalThis.expo early for expo-modules-core
 if (typeof globalThis.expo === "undefined") {
   const EventEmitterClass = class EventEmitter {
@@ -547,9 +570,9 @@ mock.module("react-signature-canvas", () => {
 // mock used by Tooltip.test.tsx so the two don't disagree.
 mock.module("react-native-portalize", () => ({
   Host: ({children}: MockComponentProps) =>
-    React.createElement("View", {style: undefined, testID: "portal-host"}, children),
+    React.createElement("View", {testID: "portal-host"}, children),
   Portal: ({children}: MockComponentProps) =>
-    React.createElement("View", {style: undefined, testID: "portal"}, children),
+    React.createElement("View", {testID: "portal"}, children),
 }));
 
 // Mock IconButton component

package/src/index.tsx

@@ -58,6 +58,7 @@ export * from "./ModalSheet";
 export * from "./MultiselectField";
 export * from "./NumberField";
 export * from "./NumberPickerActionSheet";
+export * from "./OfflineBanner";
 export * from "./OpenAPIContext";
 export * from "./Page";
 export * from "./Pagination";

package/src/login/__snapshots__/LoginScreen.test.tsx.snap

@@ -354,8 +354,11 @@ exports[`LoginScreen renders correctly with all props 1`] = `
                               ],
                               "props": {
                                 "accessibilityHint": "Press to perform action",
-                                "aria-label": "Log In",
-                                "aria-role": "button",
+                                "accessibilityLabel": "Log In",
+                                "accessibilityRole": "button",
+                                "accessibilityState": {
+                                  "disabled": true,
+                                },
                                 "disabled": true,
                                 "onPress": [Function: debounced],
                                 "style": {
@@ -433,8 +436,11 @@ exports[`LoginScreen renders correctly with all props 1`] = `
                               ],
                               "props": {
                                 "accessibilityHint": "Press to perform action",
-                                "aria-label": "Forgot password?",
-                                "aria-role": "button",
+                                "accessibilityLabel": "Forgot password?",
+                                "accessibilityRole": "button",
+                                "accessibilityState": {
+                                  "disabled": true,
+                                },
                                 "disabled": true,
                                 "onPress": [Function: debounced],
                                 "style": {
@@ -513,8 +519,11 @@ exports[`LoginScreen renders correctly with all props 1`] = `
                               ],
                               "props": {
                                 "accessibilityHint": "Press to perform action",
-                                "aria-label": "Need an account? Sign Up",
-                                "aria-role": "button",
+                                "accessibilityLabel": "Need an account? Sign Up",
+                                "accessibilityRole": "button",
+                                "accessibilityState": {
+                                  "disabled": true,
+                                },
                                 "disabled": true,
                                 "onPress": [Function: debounced],
                                 "style": {

package/src/signUp/__snapshots__/SignUpScreen.test.tsx.snap

@@ -669,8 +669,11 @@ exports[`SignUpScreen renders correctly with all props 1`] = `
                               ],
                               "props": {
                                 "accessibilityHint": "Press to perform action",
-                                "aria-label": "Sign Up",
-                                "aria-role": "button",
+                                "accessibilityLabel": "Sign Up",
+                                "accessibilityRole": "button",
+                                "accessibilityState": {
+                                  "disabled": true,
+                                },
                                 "disabled": true,
                                 "onPress": [Function: debounced],
                                 "style": {
@@ -748,8 +751,11 @@ exports[`SignUpScreen renders correctly with all props 1`] = `
                               ],
                               "props": {
                                 "accessibilityHint": "Press to perform action",
-                                "aria-label": "Already have an account? Log in",
-                                "aria-role": "button",
+                                "accessibilityLabel": "Already have an account? Log in",
+                                "accessibilityRole": "button",
+                                "accessibilityState": {
+                                  "disabled": true,
+                                },
                                 "disabled": true,
                                 "onPress": [Function: debounced],
                                 "style": {

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

@@ -691,7 +691,9 @@ exports[`TableBadge renders select field when editing 1`] = `
         },
       ],
       "props": {
-        "style": undefined,
+        "style": {
+          "width": "100%",
+        },
         "testID": undefined,
       },
       "type": "View",

package/src/types/react-native-swiper-flatlist.d.ts

@@ -41,6 +41,7 @@ declare module "react-native-swiper-flatlist" {
   }
 
   export const SwiperFlatList: React.ForwardRefExoticComponent<
+    // biome-ignore lint/suspicious/noExplicitAny: declaration must use any for the generic to allow consumers to specify their data type without explicit type args
     SwiperFlatListProps<any> & React.RefAttributes<SwiperFlatListRefProps>
   >;