@tamagui/input 2.0.0-rc.8 → 2.0.0

package/dist/esm/shared.native.js

@@ -4,101 +4,117 @@ import { getButtonSized } from "@tamagui/get-button-sized";
 import { getFontSized } from "@tamagui/get-font-sized";
 import { getSpace } from "@tamagui/get-token";
 var defaultStyles = {
-    size: "$true",
-    fontFamily: "$body",
-    borderWidth: 1,
-    outlineWidth: 0,
-    color: "$color",
-    ...(isWeb ? {
-      tabIndex: 0
-    } : {
-      focusable: !0
-    }),
-    borderColor: "$borderColor",
-    backgroundColor: "$background",
-    // this fixes a flex bug where it overflows container
-    minWidth: 0,
-    hoverStyle: {
-      borderColor: "$borderColorHover"
-    },
-    focusStyle: {
-      borderColor: "$borderColorFocus"
-    },
-    focusVisibleStyle: {
-      outlineColor: "$outlineColor",
-      outlineWidth: 2,
-      outlineStyle: "solid"
-    }
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  ...(isWeb ? {
+    tabIndex: 0
+  } : {
+    focusable: true
+  }),
+  borderColor: "$borderColor",
+  backgroundColor: "$background",
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover"
   },
-  inputSizeVariant = function () {
-    var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
-      extras = arguments.length > 1 ? arguments[1] : void 0;
-    if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
-    var buttonStyles = getButtonSized(val, extras),
-      paddingHorizontal = getSpace(val, {
-        shift: -1,
-        bounds: [2]
-      }),
-      fontStyle = getFontSized(val, extras);
-    return !isWeb && fontStyle && delete fontStyle.lineHeight, {
-      ...fontStyle,
-      ...buttonStyles,
-      paddingHorizontal
-    };
+  focusStyle: {
+    borderColor: "$borderColorFocus"
   },
-  textAreaSizeVariant = function () {
-    var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
-      extras = arguments.length > 1 ? arguments[1] : void 0,
-      {
-        props
-      } = extras,
-      buttonStyles = getButtonSized(val, extras),
-      fontStyle = getFontSized(val, extras),
-      _props_rows,
-      lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines,
-      height = typeof lines == "number" ? lines * getVariableValue(fontStyle.lineHeight) : "auto";
-    !isWeb && fontStyle && delete fontStyle.lineHeight;
-    var paddingVertical = getSpace(val, {
-        shift: -2,
-        bounds: [2]
-      }),
-      paddingHorizontal = getSpace(val, {
-        shift: -1,
-        bounds: [2]
-      });
-    return {
-      ...buttonStyles,
-      ...fontStyle,
-      paddingVertical,
-      paddingHorizontal,
-      height
-    };
-  },
-  INPUT_NAME = "Input",
-  styledBody = [{
-    name: INPUT_NAME,
-    render: "input",
-    variants: {
-      unstyled: {
-        false: defaultStyles
-      },
-      size: {
-        "...size": inputSizeVariant
+  focusVisibleStyle: {
+    outlineColor: "$outlineColor",
+    outlineWidth: 2,
+    outlineStyle: "solid"
+  }
+};
+var inputSizeVariant = function () {
+  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
+    extras = arguments.length > 1 ? arguments[1] : void 0;
+  if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
+    return textAreaSizeVariant(val, extras);
+  }
+  var buttonStyles = getButtonSized(val, extras);
+  var paddingHorizontal = getSpace(val, {
+    shift: -1,
+    bounds: [2]
+  });
+  var fontStyle = getFontSized(val, extras);
+  if (!isWeb && fontStyle) {
+    delete fontStyle["lineHeight"];
+  }
+  return {
+    ...fontStyle,
+    ...buttonStyles,
+    paddingHorizontal
+  };
+};
+var textAreaSizeVariant = function () {
+  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
+    extras = arguments.length > 1 ? arguments[1] : void 0;
+  var {
+    props
+  } = extras;
+  var buttonStyles = getButtonSized(val, extras);
+  var fontStyle = getFontSized(val, extras);
+  var _props_rows;
+  var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;
+  var height = typeof lines === "number" ? lines * getVariableValue(fontStyle.lineHeight) : "auto";
+  if (!isWeb && fontStyle) {
+    delete fontStyle["lineHeight"];
+  }
+  var paddingVertical = getSpace(val, {
+    shift: -2,
+    bounds: [2]
+  });
+  var paddingHorizontal = getSpace(val, {
+    shift: -1,
+    bounds: [2]
+  });
+  return {
+    ...buttonStyles,
+    ...fontStyle,
+    paddingVertical,
+    paddingHorizontal,
+    height
+  };
+};
+var INPUT_NAME = "Input";
+var styledBody = [{
+  name: INPUT_NAME,
+  render: "input",
+  variants: {
+    unstyled: {
+      true: {
+        // reset browser <input>/<textarea> defaults
+        outlineWidth: 0,
+        borderWidth: 0,
+        backgroundColor: "transparent"
       },
-      disabled: {
-        true: {}
-      }
+      false: defaultStyles
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }, {
-    isInput: !0,
-    accept: {
-      placeholderTextColor: "color",
-      selectionColor: "color"
+    size: {
+      "...size": inputSizeVariant
     },
-    validStyles: Text.staticConfig.validStyles
-  }];
+    disabled: {
+      true: {}
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}, {
+  isInput: true,
+  accept: {
+    placeholderTextColor: "color",
+    selectionColor: "color",
+    cursorColor: "color",
+    selectionHandleColor: "color",
+    underlineColorAndroid: "color"
+  },
+  validStyles: Text.staticConfig.validStyles
+}];
 export { INPUT_NAME, defaultStyles, inputSizeVariant, styledBody, textAreaSizeVariant };
 //# sourceMappingURL=shared.native.js.map

package/dist/esm/shared.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","getVariableValue","isWeb","getButtonSized","getFontSized","getSpace","defaultStyles","size","fontFamily","borderWidth","outlineWidth","color","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","inputSizeVariant","val","arguments","length","extras","props","tag","rows","multiline","numberOfLines","textAreaSizeVariant","buttonStyles","paddingHorizontal","shift","bounds","fontStyle","lineHeight","_props_rows","lines","height","paddingVertical","INPUT_NAME","styledBody","name","render","variants","unstyled","false","disabled","true","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Text","getVariableValue","isWeb","getButtonSized","getFontSized","getSpace","defaultStyles","size","fontFamily","borderWidth","outlineWidth","color","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","inputSizeVariant","val","arguments","length","extras","props","tag","rows","multiline","numberOfLines","textAreaSizeVariant","buttonStyles","paddingHorizontal","shift","bounds","fontStyle","_props_rows","lines","height","lineHeight","paddingVertical","INPUT_NAME","styledBody","name","render","variants","unstyled","true","false","disabled","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput","accept"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/v1/Input.mjs

@@ -4,156 +4,161 @@ import { useWebRef } from "@tamagui/element";
 import React from "react";
 import { styledBody } from "../shared.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const StyledInput = styled(View, styledBody[0], styledBody[1]),
-  Input = StyledInput.styleable((inProps, forwardedRef) => {
-    const {
-        // some of destructed props are just to avoid passing them to ...rest because they are not in web.
-        allowFontScaling,
-        selectTextOnFocus,
-        showSoftInputOnFocus,
-        textContentType,
-        passwordRules,
-        textBreakStrategy,
-        underlineColorAndroid,
-        selection,
-        lineBreakStrategyIOS,
-        returnKeyLabel,
-        disabled,
-        onSubmitEditing,
-        caretHidden,
-        clearButtonMode,
-        clearTextOnFocus,
-        contextMenuHidden,
-        dataDetectorTypes,
-        id,
-        enablesReturnKeyAutomatically,
-        importantForAutofill,
-        inlineImageLeft,
-        inlineImagePadding,
-        inputAccessoryViewID,
-        keyboardAppearance,
-        keyboardType,
-        cursorColor,
-        disableFullscreenUI,
-        editable,
-        maxFontSizeMultiplier,
-        multiline,
-        numberOfLines,
-        onChangeText,
-        onContentSizeChange,
-        onEndEditing,
-        onScroll,
-        onSelectionChange,
-        // @ts-ignore
-        caretColor,
-        placeholderTextColor,
-        blurOnSubmit,
-        enterKeyHint,
-        returnKeyType,
-        rejectResponderTermination,
-        scrollEnabled,
-        secureTextEntry,
-        selectionColor,
-        inputMode,
-        ...rest
-      } = inProps,
-      {
-        ref,
-        composedRef
-      } = useWebRef(forwardedRef),
-      theme = useTheme(),
-      _onSelectionChange = useEvent(() => {
-        const start = ref.current?.selectionStart ?? 0,
-          end = ref.current?.selectionEnd ?? 0;
-        onSelectionChange?.({
-          nativeEvent: {
-            selection: {
-              end,
-              start
-            }
-          }
-        });
-      });
-    React.useEffect(() => {
-      if (onSelectionChange) return ref.current?.addEventListener("selectionchange", _onSelectionChange), () => {
+const StyledInput = styled(View, styledBody[0], styledBody[1]);
+const Input = StyledInput.styleable((inProps, forwardedRef) => {
+  const {
+    allowFontScaling,
+    selectTextOnFocus,
+    showSoftInputOnFocus,
+    textContentType,
+    passwordRules,
+    textBreakStrategy,
+    underlineColorAndroid,
+    selection,
+    lineBreakStrategyIOS,
+    returnKeyLabel,
+    disabled,
+    onSubmitEditing,
+    caretHidden,
+    clearButtonMode,
+    clearTextOnFocus,
+    contextMenuHidden,
+    dataDetectorTypes,
+    id,
+    enablesReturnKeyAutomatically,
+    importantForAutofill,
+    inlineImageLeft,
+    inlineImagePadding,
+    inputAccessoryViewID,
+    keyboardAppearance,
+    keyboardType,
+    cursorColor,
+    disableFullscreenUI,
+    editable,
+    maxFontSizeMultiplier,
+    multiline,
+    numberOfLines,
+    onChangeText,
+    onContentSizeChange,
+    onEndEditing,
+    onScroll,
+    onSelectionChange,
+    caretColor,
+    placeholderTextColor,
+    blurOnSubmit,
+    enterKeyHint,
+    returnKeyType,
+    rejectResponderTermination,
+    scrollEnabled,
+    secureTextEntry,
+    selectionColor,
+    inputMode,
+    ...rest
+  } = inProps;
+  const {
+    ref,
+    composedRef
+  } = useWebRef(forwardedRef);
+  const theme = useTheme();
+  const _onSelectionChange = useEvent(() => {
+    const start = ref.current?.selectionStart ?? 0;
+    const end = ref.current?.selectionEnd ?? 0;
+    onSelectionChange?.({
+      nativeEvent: {
+        selection: {
+          end,
+          start
+        }
+      }
+    });
+  });
+  React.useEffect(() => {
+    if (onSelectionChange) {
+      ref.current?.addEventListener("selectionchange", _onSelectionChange);
+      return () => {
         ref.current?.removeEventListener("selectionchange", _onSelectionChange);
       };
-    }, []), React.useEffect(() => {
-      selection && ref.current?.setSelectionRange(selection.start || null, selection.end || null);
-    }, [selection?.start, selection?.end]);
-    const finalProps = {
-      ...rest,
-      disabled,
-      caretColor,
-      id,
-      enterKeyHint,
-      type: (() => {
-        if (rest?.type) return rest.type;
-        if (secureTextEntry) return "password";
-        switch (keyboardType) {
-          case "number-pad":
-          case "numeric":
-            return "number";
-          case "email-address":
-            return "email";
-          case "phone-pad":
-            return "tel";
-          case "url":
-            return "url";
-          default:
-            return "text";
-        }
-      })(),
-      inputMode: (() => {
-        switch (keyboardType) {
-          case "number-pad":
-          case "numeric":
-            return "numeric";
-          case "decimal-pad":
-            return "decimal";
-          case "email-address":
-            return "email";
-          case "phone-pad":
-            return "tel";
-          case "url":
-            return "url";
-          default:
-            return;
-        }
-      })(),
-      style: {
-        ...rest.style,
-        ...(placeholderTextColor && {
-          "--placeholderColor": theme[placeholderTextColor]?.variable || placeholderTextColor
-        }),
-        ...(selectionColor && {
-          "--selectionBackground": theme[selectionColor]?.variable || selectionColor
-        })
+    }
+  }, []);
+  React.useEffect(() => {
+    if (selection) ref.current?.setSelectionRange(selection.start || null, selection.end || null);
+  }, [selection?.start, selection?.end]);
+  const finalProps = {
+    ...rest,
+    disabled,
+    caretColor,
+    id,
+    enterKeyHint,
+    type: (() => {
+      if (rest?.type) return rest.type;
+      if (secureTextEntry) return "password";
+      switch (keyboardType) {
+        case "number-pad":
+        case "numeric":
+          return "number";
+        case "email-address":
+          return "email";
+        case "phone-pad":
+          return "tel";
+        case "url":
+          return "url";
+        default:
+          return "text";
+      }
+    })(),
+    inputMode: (() => {
+      switch (keyboardType) {
+        case "number-pad":
+        case "numeric":
+          return "numeric";
+        case "decimal-pad":
+          return "decimal";
+        case "email-address":
+          return "email";
+        case "phone-pad":
+          return "tel";
+        case "url":
+          return "url";
+        default:
+          return;
       }
-    };
-    return React.useEffect(() => {
-      if (id && !disabled) return registerFocusable(id, {
-        focusAndSelect: () => {
-          ref.current?.focus();
-        },
-        focus: () => {}
-      });
-    }, [id, disabled]), /* @__PURE__ */jsxs(Fragment, {
-      children: [/* @__PURE__ */jsx("style", {
-        children: `
+    })(),
+    style: {
+      ...rest.style,
+      ...(placeholderTextColor && {
+        "--t_placeholderColor": theme[placeholderTextColor]?.variable || placeholderTextColor
+      }),
+      ...(selectionColor && {
+        "--t_selectionBackground": theme[selectionColor]?.variable || selectionColor
+      })
+    }
+  };
+  React.useEffect(() => {
+    if (!id) return;
+    if (disabled) return;
+    return registerFocusable(id, {
+      focusAndSelect: () => {
+        ref.current?.focus();
+      },
+      focus: () => {}
+    });
+  }, [id, disabled]);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx("style", {
+      children: `
       input::selection, textarea::selection {
-        background-color: var(--selectionBackground) !important;
+        background-color: var(--t_selectionBackground) !important;
       }
 
       input::placeholder, textarea::placeholder {
-        color: var(--placeholderColor) !important;
+        color: var(--t_placeholderColor) !important;
       }
       `
-      }), /* @__PURE__ */jsx(StyledInput, {
-        ref: composedRef,
-        ...finalProps
-      })]
-    });
+    }), /* @__PURE__ */jsx(StyledInput, {
+      ref: composedRef,
+      ...finalProps
+    })]
   });
+});
 export { Input };
 //# sourceMappingURL=Input.mjs.map

package/dist/esm/v1/Input.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["View","styled","useEvent","useTheme","registerFocusable","useWebRef","React","styledBody","Fragment","jsx","jsxs","StyledInput","Input","styleable","inProps","forwardedRef","allowFontScaling","selectTextOnFocus","showSoftInputOnFocus","textContentType","passwordRules","textBreakStrategy","underlineColorAndroid","selection","lineBreakStrategyIOS","returnKeyLabel","disabled","onSubmitEditing","caretHidden","clearButtonMode","clearTextOnFocus","contextMenuHidden","dataDetectorTypes","id","enablesReturnKeyAutomatically","importantForAutofill","inlineImageLeft","inlineImagePadding","inputAccessoryViewID","keyboardAppearance","keyboardType","cursorColor","disableFullscreenUI","editable","maxFontSizeMultiplier","multiline","numberOfLines","onChangeText","onContentSizeChange","onEndEditing","onScroll","onSelectionChange","caretColor","placeholderTextColor","blurOnSubmit","enterKeyHint","returnKeyType","rejectResponderTermination","scrollEnabled","secureTextEntry","selectionColor","inputMode","rest","ref","composedRef","theme","_onSelectionChange","start","current","selectionStart","end","selectionEnd","nativeEvent","useEffect","addEventListener","removeEventListener","setSelectionRange","finalProps","type","style","variable","focusAndSelect","focus","children"],"sources":["../../../src/v1/Input.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","styled","useEvent","useTheme","registerFocusable","useWebRef","React","styledBody","Fragment","jsx","jsxs","StyledInput","Input","styleable","inProps","forwardedRef","allowFontScaling","selectTextOnFocus","showSoftInputOnFocus","textContentType","passwordRules","textBreakStrategy","underlineColorAndroid","selection","lineBreakStrategyIOS","returnKeyLabel","disabled","onSubmitEditing","caretHidden","clearButtonMode","clearTextOnFocus","contextMenuHidden","dataDetectorTypes","id","enablesReturnKeyAutomatically","importantForAutofill","inlineImageLeft","inlineImagePadding","inputAccessoryViewID","keyboardAppearance","keyboardType","cursorColor","disableFullscreenUI","editable","maxFontSizeMultiplier","multiline","numberOfLines","onChangeText","onContentSizeChange","onEndEditing","onScroll","onSelectionChange","caretColor","placeholderTextColor","blurOnSubmit","enterKeyHint","returnKeyType","rejectResponderTermination","scrollEnabled","secureTextEntry","selectionColor","inputMode","rest","ref","composedRef","theme","_onSelectionChange","start","current","selectionStart","end","selectionEnd","nativeEvent","useEffect","addEventListener","removeEventListener","setSelectionRange","finalProps","type","style","variable","focusAndSelect","focus","children"],"sources":["../../../src/v1/Input.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}