@terreno/ui 0.13.0 → 0.14.0

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

@@ -29,7 +29,6 @@ exports[`ModalSheet renders correctly with children 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
     "testID": "portal",
   },
   "type": "View",

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

@@ -168,9 +168,12 @@ exports[`NumberPickerActionSheet renders correctly 1`] = `
                                       ],
                                       "props": {
                                         "accessibilityHint": "Press to perform action",
-                                        "aria-label": "Close",
-                                        "aria-role": "button",
-                                        "disabled": undefined,
+                                        "accessibilityLabel": "Close",
+                                        "accessibilityRole": "button",
+                                        "accessibilityState": {
+                                          "disabled": false,
+                                        },
+                                        "disabled": false,
                                         "onPress": [Function: debounced],
                                         "style": {
                                           "alignItems": "center",
@@ -187,7 +190,7 @@ exports[`NumberPickerActionSheet renders correctly 1`] = `
                                         },
                                         "testID": undefined,
                                       },
-                                      "type": "Pressable",
+                                      "type": "PressableScale",
                                     },
                                   ],
                                   "props": {
@@ -1497,9 +1500,12 @@ exports[`NumberPickerActionSheet renders with different range 1`] = `
                                       ],
                                       "props": {
                                         "accessibilityHint": "Press to perform action",
-                                        "aria-label": "Close",
-                                        "aria-role": "button",
-                                        "disabled": undefined,
+                                        "accessibilityLabel": "Close",
+                                        "accessibilityRole": "button",
+                                        "accessibilityState": {
+                                          "disabled": false,
+                                        },
+                                        "disabled": false,
                                         "onPress": [Function: debounced],
                                         "style": {
                                           "alignItems": "center",
@@ -1516,7 +1522,7 @@ exports[`NumberPickerActionSheet renders with different range 1`] = `
                                         },
                                         "testID": undefined,
                                       },
-                                      "type": "Pressable",
+                                      "type": "PressableScale",
                                     },
                                   ],
                                   "props": {

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

@@ -812,9 +812,12 @@ exports[`Page renders with right button 1`] = `
                           ],
                           "props": {
                             "accessibilityHint": "Press to perform action",
-                            "aria-label": "Save",
-                            "aria-role": "button",
-                            "disabled": undefined,
+                            "accessibilityLabel": "Save",
+                            "accessibilityRole": "button",
+                            "accessibilityState": {
+                              "disabled": false,
+                            },
+                            "disabled": false,
                             "onPress": [Function: debounced],
                             "style": {
                               "alignItems": "center",
@@ -831,7 +834,7 @@ exports[`Page renders with right button 1`] = `
                             },
                             "testID": undefined,
                           },
-                          "type": "Pressable",
+                          "type": "PressableScale",
                         },
                       ],
                       "props": {

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

@@ -48,7 +48,6 @@ exports[`PickerSelect renders correctly with default props 1`] = `
         },
       ],
       "props": {
-        "activeOpacity": 1,
         "onPress": [Function],
         "style": {
           "alignItems": "center",
@@ -313,7 +312,6 @@ exports[`PickerSelect renders with selected value 1`] = `
         },
       ],
       "props": {
-        "activeOpacity": 1,
         "onPress": [Function],
         "style": {
           "alignItems": "center",
@@ -578,7 +576,6 @@ exports[`PickerSelect renders disabled state 1`] = `
         },
       ],
       "props": {
-        "activeOpacity": 1,
         "onPress": [Function],
         "style": {
           "alignItems": "center",
@@ -845,7 +842,6 @@ exports[`PickerSelect renders without placeholder when placeholder is empty obje
         },
       ],
       "props": {
-        "activeOpacity": 1,
         "onPress": [Function],
         "style": {
           "alignItems": "center",
@@ -1100,7 +1096,6 @@ exports[`PickerSelect matches items by itemKey 1`] = `
         },
       ],
       "props": {
-        "activeOpacity": 1,
         "onPress": [Function],
         "style": {
           "alignItems": "center",
@@ -1355,7 +1350,6 @@ exports[`PickerSelect renders custom InputAccessoryView 1`] = `
         },
       ],
       "props": {
-        "activeOpacity": 1,
         "onPress": [Function],
         "style": {
           "alignItems": "center",
@@ -1541,7 +1535,6 @@ exports[`PickerSelect passes textInputProps to TextInput 1`] = `
         },
       ],
       "props": {
-        "activeOpacity": 1,
         "onPress": [Function],
         "style": {
           "alignItems": "center",

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

@@ -51,7 +51,6 @@ exports[`SelectField renders correctly with default props 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -268,7 +267,9 @@ exports[`SelectField renders correctly with default props 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -341,7 +342,6 @@ exports[`SelectField renders with title 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -558,7 +558,9 @@ exports[`SelectField renders with title 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -616,7 +618,6 @@ exports[`SelectField renders with selected value 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -833,7 +834,9 @@ exports[`SelectField renders with selected value 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -891,7 +894,6 @@ exports[`SelectField renders with custom placeholder 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -1108,7 +1110,9 @@ exports[`SelectField renders with custom placeholder 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -1166,7 +1170,6 @@ exports[`SelectField renders disabled state 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -1385,7 +1388,9 @@ exports[`SelectField renders disabled state 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -1443,7 +1448,6 @@ exports[`SelectField renders with requireValue (no clear option) 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -1650,7 +1654,9 @@ exports[`SelectField renders with requireValue (no clear option) 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",

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

@@ -27,15 +27,7 @@ exports[`TerrenoProvider renders correctly with default props 1`] = `
       },
     ],
     "props": {
-      "collapsable": false,
-      "pointerEvents": "box-none",
-      "style": [
-        {
-          "flex": 1,
-        },
-        undefined,
-      ],
-      "testID": undefined,
+      "testID": "portal-host",
     },
     "type": "View",
   },
@@ -123,15 +115,7 @@ exports[`TerrenoProvider renders with openAPISpecUrl 1`] = `
       },
     ],
     "props": {
-      "collapsable": false,
-      "pointerEvents": "box-none",
-      "style": [
-        {
-          "flex": 1,
-        },
-        undefined,
-      ],
-      "testID": undefined,
+      "testID": "portal-host",
     },
     "type": "View",
   },

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

@@ -66,7 +66,6 @@ exports[`TimezonePicker renders correctly with default props 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -323,7 +322,9 @@ exports[`TimezonePicker renders correctly with default props 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -381,7 +382,6 @@ exports[`TimezonePicker hides title when hideTitle is true 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -638,7 +638,9 @@ exports[`TimezonePicker hides title when hideTitle is true 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -711,7 +713,6 @@ exports[`TimezonePicker renders with selected timezone 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -968,7 +969,9 @@ exports[`TimezonePicker renders with selected timezone 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -1041,7 +1044,6 @@ exports[`TimezonePicker renders USA timezones by default 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -1298,7 +1300,9 @@ exports[`TimezonePicker renders USA timezones by default 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -1371,7 +1375,6 @@ exports[`TimezonePicker renders with short timezone labels 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -1628,7 +1631,9 @@ exports[`TimezonePicker renders with short timezone labels 1`] = `
     },
   ],
   "props": {
-    "style": undefined,
+    "style": {
+      "width": "100%",
+    },
     "testID": undefined,
   },
   "type": "View",
@@ -1701,7 +1706,6 @@ exports[`TimezonePicker calls onChange when timezone is selected 1`] = `
             },
           ],
           "props": {
-            "activeOpacity": 1,
             "onPress": [Function],
             "style": {
               "alignItems": "center",
@@ -1958,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 {
@@ -530,6 +553,28 @@ mock.module("react-native-signature-canvas", () => ({
   Signature: mock(() => null),
 }));
 
+// Mock react-signature-canvas (web). The real module references `window` at
+// import time, which doesn't exist under bun test.
+mock.module("react-signature-canvas", () => {
+  const SignatureCanvasMock = React.forwardRef(
+    ({backgroundColor}: {backgroundColor?: string}, _ref) =>
+      React.createElement("View", {style: {backgroundColor}, testID: "signature-canvas"})
+  );
+  return {__esModule: true, default: SignatureCanvasMock};
+});
+
+// Mock react-native-portalize. The real `Host` wraps children in an extra View
+// whose presence makes snapshots brittle, and individual tests already mock
+// this to render inline; hoisting the mock to setup keeps test ordering from
+// leaking different shapes into other test files. Shape matches the per-file
+// mock used by Tooltip.test.tsx so the two don't disagree.
+mock.module("react-native-portalize", () => ({
+  Host: ({children}: MockComponentProps) =>
+    React.createElement("View", {testID: "portal-host"}, children),
+  Portal: ({children}: MockComponentProps) =>
+    React.createElement("View", {testID: "portal"}, children),
+}));
+
 // Mock IconButton component
 mock.module("./IconButton", () => ({
   IconButton: mock(() => null),

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

@@ -485,7 +485,6 @@ exports[`TableBadge renders select field when editing 1`] = `
                 },
               ],
               "props": {
-                "activeOpacity": 1,
                 "onPress": [Function],
                 "style": {
                   "alignItems": "center",
@@ -692,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>
   >;
 

package/src/useConsentForms.test.ts

@@ -149,4 +149,29 @@ describe("useConsentForms", () => {
     const {result} = renderHook(() => useConsentForms(api as unknown as ConsentFormsApi));
     expect(result.current.error).toBe("error");
   });
+
+  it("injects the pending-consents endpoint only once per (api, baseUrl)", () => {
+    let injectCallCount = 0;
+    const refetch = mock(() => {});
+    const useGetPendingConsentsQuery = mock(() => ({
+      data: undefined,
+      error: undefined,
+      isLoading: false,
+      refetch,
+    }));
+    const api = {
+      enhanceEndpoints: () => ({
+        injectEndpoints: () => {
+          injectCallCount += 1;
+          return {useGetPendingConsentsQuery};
+        },
+      }),
+    };
+    const {rerender} = renderHook(() => useConsentForms(api as unknown as ConsentFormsApi));
+    rerender(undefined);
+    rerender(undefined);
+    // The hook reuses the cached enhanced api after the first render so the
+    // dev-mode RTK warning about re-injecting endpoints never fires.
+    expect(injectCallCount).toBe(1);
+  });
 });

package/src/useConsentForms.ts

@@ -41,13 +41,15 @@ interface ConsentFormsHookState {
   refetch: () => void | Promise<void>;
 }
 
+interface ConsentFormsEnhancedApi {
+  useGetPendingConsentsQuery: () => ConsentFormsHookState;
+}
+
 interface ConsentFormsApiWithTags {
   injectEndpoints: (options: {
     endpoints: (build: ConsentFormsQueryBuilder) => {getPendingConsents: unknown};
     overrideExisting: boolean;
-  }) => {
-    useGetPendingConsentsQuery: () => ConsentFormsHookState;
-  };
+  }) => ConsentFormsEnhancedApi;
 }
 
 interface ConsentFormsApi {
@@ -73,11 +75,27 @@ export const detectLocale = (): string => {
   return "en";
 };
 
-export const useConsentForms = (api: ConsentFormsApi, baseUrl?: string) => {
-  const base = baseUrl || "";
-  const apiWithConsentTags = api.enhanceEndpoints({addTagTypes: ["PendingConsents"]});
+/**
+ * Cache the enhanced api per (api, baseUrl). `injectEndpoints` logs a console
+ * error in development whenever an endpoint with the same name is re-injected
+ * (with `overrideExisting: false`), so calling it on every render of every
+ * consumer would flood the console. WeakMap-by-api lets the GC reclaim entries
+ * when the api object is unreachable.
+ */
+const enhancedApiCache = new WeakMap<ConsentFormsApi, Map<string, ConsentFormsEnhancedApi>>();
 
-  const enhancedApi = apiWithConsentTags.injectEndpoints({
+const getEnhancedApi = (api: ConsentFormsApi, base: string): ConsentFormsEnhancedApi => {
+  let byBase = enhancedApiCache.get(api);
+  if (!byBase) {
+    byBase = new Map();
+    enhancedApiCache.set(api, byBase);
+  }
+  const cached = byBase.get(base);
+  if (cached) {
+    return cached;
+  }
+  const apiWithConsentTags = api.enhanceEndpoints({addTagTypes: ["PendingConsents"]});
+  const enhanced = apiWithConsentTags.injectEndpoints({
     endpoints: (build) => ({
       getPendingConsents: build.query({
         async onQueryStarted(_arg: unknown, {queryFulfilled}) {
@@ -97,6 +115,13 @@ export const useConsentForms = (api: ConsentFormsApi, baseUrl?: string) => {
     }),
     overrideExisting: false,
   });
+  byBase.set(base, enhanced);
+  return enhanced;
+};
+
+export const useConsentForms = (api: ConsentFormsApi, baseUrl?: string) => {
+  const base = baseUrl || "";
+  const enhancedApi = getEnhancedApi(api, base);
 
   const {data, isLoading, error, refetch} = enhancedApi.useGetPendingConsentsQuery();
   const forms: ConsentFormPublic[] = Array.isArray(data) ? data : (data?.data ?? []);