tamagui 1.125.19 → 1.125.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "1.125.19",
+  "version": "1.125.20",
   "description": "Style and UI for React (web and native) meet an optimizing compiler",
   "removeSideEffects": true,
   "alsoPublishAs_disabled": [
@@ -84,62 +84,62 @@
     }
   },
   "dependencies": {
-    "@tamagui/accordion": "1.125.19",
-    "@tamagui/adapt": "1.125.19",
-    "@tamagui/alert-dialog": "1.125.19",
-    "@tamagui/animate-presence": "1.125.19",
-    "@tamagui/avatar": "1.125.19",
-    "@tamagui/button": "1.125.19",
-    "@tamagui/card": "1.125.19",
-    "@tamagui/checkbox": "1.125.19",
-    "@tamagui/compose-refs": "1.125.19",
-    "@tamagui/constants": "1.125.19",
-    "@tamagui/core": "1.125.19",
-    "@tamagui/create-context": "1.125.19",
-    "@tamagui/dialog": "1.125.19",
-    "@tamagui/elements": "1.125.19",
-    "@tamagui/fake-react-native": "1.125.19",
-    "@tamagui/focusable": "1.125.19",
-    "@tamagui/font-size": "1.125.19",
-    "@tamagui/form": "1.125.19",
-    "@tamagui/get-button-sized": "1.125.19",
-    "@tamagui/get-font-sized": "1.125.19",
-    "@tamagui/get-token": "1.125.19",
-    "@tamagui/group": "1.125.19",
-    "@tamagui/helpers-tamagui": "1.125.19",
-    "@tamagui/image": "1.125.19",
-    "@tamagui/label": "1.125.19",
-    "@tamagui/linear-gradient": "1.125.19",
-    "@tamagui/list-item": "1.125.19",
-    "@tamagui/polyfill-dev": "1.125.19",
-    "@tamagui/popover": "1.125.19",
-    "@tamagui/popper": "1.125.19",
-    "@tamagui/portal": "1.125.19",
-    "@tamagui/progress": "1.125.19",
-    "@tamagui/radio-group": "1.125.19",
-    "@tamagui/react-native-media-driver": "1.125.19",
-    "@tamagui/scroll-view": "1.125.19",
-    "@tamagui/select": "1.125.19",
-    "@tamagui/separator": "1.125.19",
-    "@tamagui/shapes": "1.125.19",
-    "@tamagui/sheet": "1.125.19",
-    "@tamagui/slider": "1.125.19",
-    "@tamagui/stacks": "1.125.19",
-    "@tamagui/switch": "1.125.19",
-    "@tamagui/tabs": "1.125.19",
-    "@tamagui/text": "1.125.19",
-    "@tamagui/theme": "1.125.19",
-    "@tamagui/toggle-group": "1.125.19",
-    "@tamagui/tooltip": "1.125.19",
-    "@tamagui/use-controllable-state": "1.125.19",
-    "@tamagui/use-debounce": "1.125.19",
-    "@tamagui/use-force-update": "1.125.19",
-    "@tamagui/use-window-dimensions": "1.125.19",
-    "@tamagui/visually-hidden": "1.125.19",
-    "@tamagui/z-index-stack": "1.125.19"
+    "@tamagui/accordion": "1.125.20",
+    "@tamagui/adapt": "1.125.20",
+    "@tamagui/alert-dialog": "1.125.20",
+    "@tamagui/animate-presence": "1.125.20",
+    "@tamagui/avatar": "1.125.20",
+    "@tamagui/button": "1.125.20",
+    "@tamagui/card": "1.125.20",
+    "@tamagui/checkbox": "1.125.20",
+    "@tamagui/compose-refs": "1.125.20",
+    "@tamagui/constants": "1.125.20",
+    "@tamagui/core": "1.125.20",
+    "@tamagui/create-context": "1.125.20",
+    "@tamagui/dialog": "1.125.20",
+    "@tamagui/elements": "1.125.20",
+    "@tamagui/fake-react-native": "1.125.20",
+    "@tamagui/focusable": "1.125.20",
+    "@tamagui/font-size": "1.125.20",
+    "@tamagui/form": "1.125.20",
+    "@tamagui/get-button-sized": "1.125.20",
+    "@tamagui/get-font-sized": "1.125.20",
+    "@tamagui/get-token": "1.125.20",
+    "@tamagui/group": "1.125.20",
+    "@tamagui/helpers-tamagui": "1.125.20",
+    "@tamagui/image": "1.125.20",
+    "@tamagui/label": "1.125.20",
+    "@tamagui/linear-gradient": "1.125.20",
+    "@tamagui/list-item": "1.125.20",
+    "@tamagui/polyfill-dev": "1.125.20",
+    "@tamagui/popover": "1.125.20",
+    "@tamagui/popper": "1.125.20",
+    "@tamagui/portal": "1.125.20",
+    "@tamagui/progress": "1.125.20",
+    "@tamagui/radio-group": "1.125.20",
+    "@tamagui/react-native-media-driver": "1.125.20",
+    "@tamagui/scroll-view": "1.125.20",
+    "@tamagui/select": "1.125.20",
+    "@tamagui/separator": "1.125.20",
+    "@tamagui/shapes": "1.125.20",
+    "@tamagui/sheet": "1.125.20",
+    "@tamagui/slider": "1.125.20",
+    "@tamagui/stacks": "1.125.20",
+    "@tamagui/switch": "1.125.20",
+    "@tamagui/tabs": "1.125.20",
+    "@tamagui/text": "1.125.20",
+    "@tamagui/theme": "1.125.20",
+    "@tamagui/toggle-group": "1.125.20",
+    "@tamagui/tooltip": "1.125.20",
+    "@tamagui/use-controllable-state": "1.125.20",
+    "@tamagui/use-debounce": "1.125.20",
+    "@tamagui/use-force-update": "1.125.20",
+    "@tamagui/use-window-dimensions": "1.125.20",
+    "@tamagui/visually-hidden": "1.125.20",
+    "@tamagui/z-index-stack": "1.125.20"
   },
   "devDependencies": {
-    "@tamagui/build": "1.125.19",
+    "@tamagui/build": "1.125.20",
     "react": "*",
     "react-native-web": "^0.19.0"
   },

package/src/views/Input.tsx

@@ -98,24 +98,35 @@ export const Input = InputFrame.styleable<InputExtraProps>((propsIn, forwardedRe
 
 export function useInputProps(props: InputProps, ref: any) {
   const theme = useTheme()
-  const { onChangeText, ref: combinedRef } = useFocusable({
-    // @ts-ignore
+  const focusableProps = useFocusable({
     props,
     ref,
     isInput: true,
   })
 
-  const placeholderColorProp = props.placeholderTextColor
-  const placeholderTextColor =
-    theme[placeholderColorProp as any]?.get() ??
-    placeholderColorProp ??
-    theme.placeholderColor?.get()
-
-  return {
-    ref: combinedRef,
-    readOnly: props.disabled,
-    ...props,
-    placeholderTextColor,
-    onChangeText,
-  }
+  const placeholderTextColor = React.useMemo(() => {
+    const placeholderColorProp = props.placeholderTextColor
+    return (
+      theme[placeholderColorProp as any]?.get() ??
+      placeholderColorProp ??
+      theme.placeholderColor?.get()
+    )
+  }, [props.placeholderTextColor, theme])
+
+  return React.useMemo(
+    () => ({
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText,
+    }),
+    [
+      focusableProps.ref,
+      focusableProps.onChangeText,
+      props.disabled,
+      props,
+      placeholderTextColor,
+    ]
+  )
 }

package/types/views/Input.d.ts

@@ -87,7 +87,7 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
 }>;
 export declare function useInputProps(props: InputProps, ref: any): {
     placeholderTextColor: any;
-    onChangeText: (value: any) => void;
+    onChangeText: (value: string) => void;
     theme?: (import("@tamagui/core").ThemeName | null) | undefined;
     debug?: import("@tamagui/core").DebugProp | undefined;
     children?: any | any[];

package/types/views/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/views/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkChB,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;;EA+BtB,CAAA;AAID,MAAM,MAAM,KAAK,GAAG,SAAS,CAAA;AAE7B,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,eAAe,CAAA;AAE1D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EAMhB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAuB+pqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WApChtqB,MAAM;;EAmCd"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/views/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkChB,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;;EA+BtB,CAAA;AAID,MAAM,MAAM,KAAK,GAAG,SAAS,CAAA;AAE7B,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,eAAe,CAAA;AAE1D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EAMhB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAkCk5pB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA/Cn8pB,MAAM;;EA8Cd"}