@instructure/ui-text-input 8.13.0 → 8.13.1-snapshot.2

package/src/TextInput/index.tsx

@@ -23,7 +23,7 @@
  */
 
 /** @jsx jsx */
-import { Component } from 'react'
+import React, { Component } from 'react'
 
 import {
   callRenderProp,
@@ -50,6 +50,7 @@ import { allowedProps, propTypes } from './props'
 category: components
 tags: form, field
 ---
+@tsProps
 **/
 @withStyle(generateStyle, generateComponentTheme)
 @testable()
@@ -68,31 +69,22 @@ class TextInput extends Component<TextInputProps, TextInputState> {
     shouldNotWrap: false,
     size: 'medium',
     textAlign: 'start',
-    messages: [],
-    // @ts-expect-error ts-migrate(6133) FIXME: 'input' is declared but its value is never read.
-    inputRef: function (input) {},
-    // @ts-expect-error ts-migrate(6133) FIXME: 'container' is declared but its value is never rea... Remove this comment to see the full error message
-    inputContainerRef: function (container) {},
-    // @ts-expect-error ts-migrate(6133) FIXME: 'event' is declared but its value is never read.
-    onChange: function (event, value) {},
-    // @ts-expect-error ts-migrate(6133) FIXME: 'event' is declared but its value is never read.
-    onBlur: function (event) {},
-    // @ts-expect-error ts-migrate(6133) FIXME: 'event' is declared but its value is never read.
-    onFocus: function (event) {}
+    messages: []
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
-  constructor(props) {
+  constructor(props: TextInputProps) {
     super(props)
     this.state = { hasFocus: false }
-    // @ts-expect-error ts-migrate(2339) FIXME: Property '_defaultId' does not exist on type 'Text... Remove this comment to see the full error message
     this._defaultId = uid('TextInput')
-    // @ts-expect-error ts-migrate(2339) FIXME: Property '_messagesId' does not exist on type 'Tex... Remove this comment to see the full error message
     this._messagesId = uid('TextInput-messages')
   }
 
   ref: Element | null = null
 
+  private _input: HTMLInputElement | null = null
+  private _defaultId: string
+  private _messagesId: string
+
   handleRef = (el: Element | null) => {
     const { elementRef } = this.props
 
@@ -106,8 +98,7 @@ class TextInput extends Component<TextInputProps, TextInputState> {
     this.props.makeStyles?.(this.makeStyleProps())
   }
 
-  // @ts-expect-error ts-migrate(6133) FIXME: 'prevProps' is declared but its value is never rea... Remove this comment to see the full error message
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate() {
     this.props.makeStyles?.(this.makeStyleProps())
   }
 
@@ -121,8 +112,7 @@ class TextInput extends Component<TextInputProps, TextInputState> {
   }
 
   focus() {
-    // @ts-expect-error ts-migrate(2339) FIXME: Property '_input' does not exist on type 'TextInpu... Remove this comment to see the full error message
-    this._input.focus()
+    this._input?.focus()
   }
 
   get interaction() {
@@ -130,7 +120,7 @@ class TextInput extends Component<TextInputProps, TextInputState> {
   }
 
   get hasMessages() {
-    return this.props.messages && this.props.messages.length > 0
+    return !!this.props.messages && this.props.messages.length > 0
   }
 
   get invalid() {
@@ -143,47 +133,44 @@ class TextInput extends Component<TextInputProps, TextInputState> {
   }
 
   get focused() {
-    // @ts-expect-error ts-migrate(2339) FIXME: Property '_input' does not exist on type 'TextInpu... Remove this comment to see the full error message
     return isActiveElement(this._input)
   }
 
   get value() {
-    // @ts-expect-error ts-migrate(2339) FIXME: Property '_input' does not exist on type 'TextInpu... Remove this comment to see the full error message
-    return this._input.value
+    return this._input?.value
   }
 
   get id() {
-    // @ts-expect-error ts-migrate(2339) FIXME: Property '_defaultId' does not exist on type 'Text... Remove this comment to see the full error message
     return this.props.id || this._defaultId
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'node' implicitly has an 'any' type.
-  handleInputRef = (node) => {
-    // @ts-expect-error ts-migrate(2339) FIXME: Property '_input' does not exist on type 'TextInpu... Remove this comment to see the full error message
+  handleInputRef = (node: HTMLInputElement | null) => {
     this._input = node
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.inputRef(node)
+
+    if (typeof this.props.inputRef === 'function') {
+      this.props.inputRef(node)
+    }
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'event' implicitly has an 'any' type.
-  handleChange = (event) => {
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.onChange(event, event.target.value)
+  handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {
+    if (typeof this.props.onChange === 'function') {
+      this.props.onChange(event, event.target.value)
+    }
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'event' implicitly has an 'any' type.
-  handleBlur = (event) => {
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.onBlur(event)
+  handleBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {
+    if (typeof this.props.onBlur === 'function') {
+      this.props.onBlur(event)
+    }
     this.setState({
       hasFocus: false
     })
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'event' implicitly has an 'any' type.
-  handleFocus = (event) => {
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.onFocus(event)
+  handleFocus: React.FocusEventHandler<HTMLInputElement> = (event) => {
+    if (typeof this.props.onFocus === 'function') {
+      this.props.onFocus(event)
+    }
     this.setState({
       hasFocus: true
     })
@@ -215,10 +202,8 @@ class TextInput extends Component<TextInputProps, TextInputState> {
     if (this.hasMessages) {
       descriptionIds =
         descriptionIds !== ''
-          ? // @ts-expect-error ts-migrate(2339) FIXME: Property '_messagesId' does not exist on type 'Tex... Remove this comment to see the full error message
-            `${descriptionIds} ${this._messagesId}`
-          : // @ts-expect-error ts-migrate(2339) FIXME: Property '_messagesId' does not exist on type 'Tex... Remove this comment to see the full error message
-            this._messagesId
+          ? `${descriptionIds} ${this._messagesId}`
+          : this._messagesId
     }
 
     return (
@@ -232,11 +217,10 @@ class TextInput extends Component<TextInputProps, TextInputState> {
         type={type}
         id={this.id}
         required={isRequired}
-        aria-invalid={this.invalid ? 'true' : null}
+        aria-invalid={this.invalid ? 'true' : undefined}
         disabled={interaction === 'disabled'}
         readOnly={interaction === 'readonly'}
-        aria-describedby={descriptionIds !== '' ? descriptionIds : null}
-        //@ts-expect-error can't be string
+        aria-describedby={descriptionIds !== '' ? descriptionIds : undefined}
         size={htmlSize}
         onChange={this.handleChange}
         onBlur={this.handleBlur}
@@ -267,14 +251,12 @@ class TextInput extends Component<TextInputProps, TextInputState> {
       <FormField
         id={this.id}
         label={callRenderProp(renderLabel)}
-        // @ts-expect-error ts-migrate(2339) FIXME: Property '_messagesId' does not exist on type 'Tex... Remove this comment to see the full error message
         messagesId={this._messagesId}
         messages={messages}
         inline={display === 'inline-block'}
         width={width}
         inputContainerRef={inputContainerRef}
-        // @ts-expect-error ts-migrate(2339) FIXME: Property 'layout' does not exist on type 'Readonly... Remove this comment to see the full error message
-        layout={this.props.layout} // eslint-disable-line react/prop-types
+        layout={this.props.layout}
         elementRef={this.handleRef}
       >
         <span css={styles?.facade}>

package/src/TextInput/props.ts

@@ -29,7 +29,7 @@ import { FormPropTypes } from '@instructure/ui-form-field'
 import { controllable } from '@instructure/ui-prop-types'
 
 import type { InteractionType } from '@instructure/ui-react-utils'
-import type { FormMessage } from '@instructure/ui-form-field'
+import type { FormFieldProps, FormMessage } from '@instructure/ui-form-field'
 import type {
   OtherHTMLAttributes,
   PropValidators,
@@ -38,153 +38,185 @@ import type {
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type TextInputOwnProps = {
-  renderLabel?: React.ReactNode | ((...args: any[]) => any)
-  type?: 'text' | 'email' | 'url' | 'tel' | 'search' | 'password'
-  id?: string
-  value?: any // TODO: controllable(PropTypes.string)
-  defaultValue?: string
-  interaction?: InteractionType
-  messages?: FormMessage[]
-  size?: 'small' | 'medium' | 'large'
-  textAlign?: 'start' | 'center'
-  width?: string
-  htmlSize?: string | number
-  display?: 'inline-block' | 'block'
-  shouldNotWrap?: boolean
-  placeholder?: string
-  isRequired?: boolean
-  elementRef?: (element: Element | null) => void
-  inputRef?: (...args: any[]) => any
-  inputContainerRef?: (...args: any[]) => any
-  renderBeforeInput?: React.ReactNode | ((...args: any[]) => any)
-  renderAfterInput?: React.ReactNode | ((...args: any[]) => any)
-  onChange?: (...args: any[]) => any
-  onBlur?: (...args: any[]) => any
-  onFocus?: (...args: any[]) => any
-}
-
-type PropKeys = keyof TextInputOwnProps
-
-type AllowedPropKeys = Readonly<Array<PropKeys>>
-
-type TextInputProps = TextInputOwnProps &
-  WithStyleProps<TextInputTheme, TextInputStyle> &
-  OtherHTMLAttributes<TextInputOwnProps, InputHTMLAttributes<TextInputOwnProps>>
-
-type TextInputStyle = ComponentStyle<
-  | 'textInput'
-  | 'facade'
-  | 'layout'
-  | 'beforeElement'
-  | 'innerWrapper'
-  | 'inputLayout'
-  | 'afterElement'
->
-
-const propTypes: PropValidators<PropKeys> = {
   /**
    * The form field label.
    */
-  renderLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  renderLabel?: React.ReactNode | (() => React.ReactNode)
+
   /**
    * Determines the underlying native HTML `<input>` element's `type`.
+   *
    * For more see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/url
    */
-  type: PropTypes.oneOf(['text', 'email', 'url', 'tel', 'search', 'password']),
+  type?: 'text' | 'email' | 'url' | 'tel' | 'search' | 'password'
+
   /**
    * The id of the text input. One is generated if not supplied.
    */
-  id: PropTypes.string,
+  id?: string
+
   /**
    * the selected value (must be accompanied by an `onChange` prop)
    */
-  value: controllable(PropTypes.string),
+  value?: string // TODO: controllable(PropTypes.string)
+
   /**
    * value to set on initial render
    */
-  defaultValue: PropTypes.string,
+  defaultValue?: string
+
   /**
    * Specifies if interaction with the input is enabled, disabled, or readonly.
    * When "disabled", the input changes visibly to indicate that it cannot
    * receive user interactions. When "readonly" the input still cannot receive
    * user interactions but it keeps the same styles as if it were enabled.
    */
-  interaction: PropTypes.oneOf(['enabled', 'disabled', 'readonly']),
+  interaction?: InteractionType
+
   /**
-   * object with shape: `{
-   * text: PropTypes.node,
-   * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-   *   }`
+   * Array of objects with shape: `{
+   *   text: React.ReactNode,
+   *   type: One of ['error', 'hint', 'success', 'screenreader-only']
+   * }`
    */
-  messages: PropTypes.arrayOf(FormPropTypes.message),
+  messages?: FormMessage[]
+
   /**
    * The size of the text input.
    */
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  size?: 'small' | 'medium' | 'large'
+
   /**
    * The text alignment of the input.
    */
-  textAlign: PropTypes.oneOf(['start', 'center']),
+  textAlign?: 'start' | 'center'
+
   /**
    * The width of the input.
    */
-  width: PropTypes.string,
+  width?: string
+
   /**
-   * The width of the input, in characters, if a width is not explicitly
-   * provided via the `width` prop. Only applicable if `isInline={true}`.
+   * The width of the input (integer value 0 or higher), if a width is not explicitly
+   * provided via the `width` prop.
+   *
+   * Only applicable if `display="inline-block"`.
+   *
+   * For more see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/size
    */
-  htmlSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  htmlSize?: number
+
   /**
    * The display of the root element.
    */
-  display: PropTypes.oneOf(['inline-block', 'block']),
+  display?: 'inline-block' | 'block'
+
   /**
    * Prevents the default behavior of wrapping the input and rendered content
    * when available space is exceeded.
    */
-  shouldNotWrap: PropTypes.bool,
+  shouldNotWrap?: boolean
+
   /**
-   * Html placeholder text to display when the input has no value. This should be hint text, not a label
-   * replacement.
+   * Html placeholder text to display when the input has no value. This should be hint text, not a label replacement.
    */
-  placeholder: PropTypes.string,
+  placeholder?: string
+
   /**
    * Whether or not the text input is required.
    */
-  isRequired: PropTypes.bool,
+  isRequired?: boolean
+
   /**
    * provides a reference to the underlying html root element
    */
-  elementRef: PropTypes.func,
+  elementRef?: (element: Element | null) => void
+
   /**
    * a function that provides a reference to the actual input element
    */
-  inputRef: PropTypes.func,
+  inputRef?: (inputElement: HTMLInputElement | null) => void
+
   /**
    * a function that provides a reference a parent of the input element
    */
-  inputContainerRef: PropTypes.func,
+  inputContainerRef?: (element: Element | null) => void
+
   /**
    * Content to display before the input text, such as an icon
    */
-  renderBeforeInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  renderBeforeInput?: React.ReactNode | (() => React.ReactNode)
+
   /**
    * Content to display after the input text, such as an icon
    */
-  renderAfterInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  renderAfterInput?: React.ReactNode | (() => React.ReactNode)
+
   /**
    * Callback executed when the input fires a change event.
    * @param {Object} event - the event object
-   * @param {Object} value - the string value of the input
+   * @param {string} value - the string value of the input
    */
-  onChange: PropTypes.func,
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void
+
   /**
    * Callback fired when input loses focus.
    */
-  onBlur: PropTypes.func,
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void
+
   /**
    * Callback fired when input receives focus.
    */
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void
+}
+
+type PropKeys = keyof TextInputOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type TextInputProps = TextInputOwnProps &
+  WithStyleProps<TextInputTheme, TextInputStyle> &
+  OtherHTMLAttributes<
+    TextInputOwnProps,
+    InputHTMLAttributes<TextInputOwnProps>
+  > &
+  // The component will handle pass this prop to FormField, but it shouldn't be
+  // listed as a prop
+  Pick<FormFieldProps, 'layout'>
+
+type TextInputStyle = ComponentStyle<
+  | 'textInput'
+  | 'facade'
+  | 'layout'
+  | 'beforeElement'
+  | 'innerWrapper'
+  | 'inputLayout'
+  | 'afterElement'
+>
+
+const propTypes: PropValidators<PropKeys> = {
+  renderLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  type: PropTypes.oneOf(['text', 'email', 'url', 'tel', 'search', 'password']),
+  id: PropTypes.string,
+  value: controllable(PropTypes.string),
+  defaultValue: PropTypes.string,
+  interaction: PropTypes.oneOf(['enabled', 'disabled', 'readonly']),
+  messages: PropTypes.arrayOf(FormPropTypes.message),
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  textAlign: PropTypes.oneOf(['start', 'center']),
+  width: PropTypes.string,
+  htmlSize: PropTypes.number,
+  display: PropTypes.oneOf(['inline-block', 'block']),
+  shouldNotWrap: PropTypes.bool,
+  placeholder: PropTypes.string,
+  isRequired: PropTypes.bool,
+  elementRef: PropTypes.func,
+  inputRef: PropTypes.func,
+  inputContainerRef: PropTypes.func,
+  renderBeforeInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  renderAfterInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
   onFocus: PropTypes.func
 }
 

package/types/TextInput/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { jsx } from '@instructure/emotion';
 import type { TextInputProps, TextInputState, TextInputStyleProps } from './props';
 /**
@@ -7,58 +7,59 @@ import type { TextInputProps, TextInputState, TextInputStyleProps } from './prop
 category: components
 tags: form, field
 ---
+@tsProps
 **/
 declare class TextInput extends Component<TextInputProps, TextInputState> {
     static readonly componentId = "TextInput";
     static allowedProps: readonly (keyof {
-        renderLabel?: import("react").ReactNode | ((...args: any[]) => any);
+        renderLabel?: React.ReactNode | (() => React.ReactNode);
         type?: "text" | "email" | "url" | "tel" | "search" | "password" | undefined;
         id?: string | undefined;
-        value?: any;
+        value?: string | undefined;
         defaultValue?: string | undefined;
         interaction?: import("@instructure/ui-react-utils").InteractionType | undefined;
         messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
         size?: "small" | "medium" | "large" | undefined;
         textAlign?: "start" | "center" | undefined;
         width?: string | undefined;
-        htmlSize?: string | number | undefined;
+        htmlSize?: number | undefined;
         display?: "inline-block" | "block" | undefined;
         shouldNotWrap?: boolean | undefined;
         placeholder?: string | undefined;
         isRequired?: boolean | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
-        inputRef?: ((...args: any[]) => any) | undefined;
-        inputContainerRef?: ((...args: any[]) => any) | undefined;
-        renderBeforeInput?: import("react").ReactNode | ((...args: any[]) => any);
-        renderAfterInput?: import("react").ReactNode | ((...args: any[]) => any);
-        onChange?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
+        inputRef?: ((inputElement: HTMLInputElement | null) => void) | undefined;
+        inputContainerRef?: ((element: Element | null) => void) | undefined;
+        renderBeforeInput?: React.ReactNode | (() => React.ReactNode);
+        renderAfterInput?: React.ReactNode | (() => React.ReactNode);
+        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, value: string) => void) | undefined;
+        onBlur?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+        onFocus?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        renderLabel?: import("react").ReactNode | ((...args: any[]) => any);
+        renderLabel?: React.ReactNode | (() => React.ReactNode);
         type?: "text" | "email" | "url" | "tel" | "search" | "password" | undefined;
         id?: string | undefined;
-        value?: any;
+        value?: string | undefined;
         defaultValue?: string | undefined;
         interaction?: import("@instructure/ui-react-utils").InteractionType | undefined;
         messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
         size?: "small" | "medium" | "large" | undefined;
         textAlign?: "start" | "center" | undefined;
         width?: string | undefined;
-        htmlSize?: string | number | undefined;
+        htmlSize?: number | undefined;
         display?: "inline-block" | "block" | undefined;
         shouldNotWrap?: boolean | undefined;
         placeholder?: string | undefined;
         isRequired?: boolean | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
-        inputRef?: ((...args: any[]) => any) | undefined;
-        inputContainerRef?: ((...args: any[]) => any) | undefined;
-        renderBeforeInput?: import("react").ReactNode | ((...args: any[]) => any);
-        renderAfterInput?: import("react").ReactNode | ((...args: any[]) => any);
-        onChange?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
+        inputRef?: ((inputElement: HTMLInputElement | null) => void) | undefined;
+        inputContainerRef?: ((element: Element | null) => void) | undefined;
+        renderBeforeInput?: React.ReactNode | (() => React.ReactNode);
+        renderAfterInput?: React.ReactNode | (() => React.ReactNode);
+        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, value: string) => void) | undefined;
+        onBlur?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+        onFocus?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
     }>;
     static defaultProps: {
         type: string;
@@ -69,29 +70,27 @@ declare class TextInput extends Component<TextInputProps, TextInputState> {
         size: string;
         textAlign: string;
         messages: never[];
-        inputRef: (input: any) => void;
-        inputContainerRef: (container: any) => void;
-        onChange: (event: any, value: any) => void;
-        onBlur: (event: any) => void;
-        onFocus: (event: any) => void;
     };
-    constructor(props: any);
+    constructor(props: TextInputProps);
     ref: Element | null;
+    private _input;
+    private _defaultId;
+    private _messagesId;
     handleRef: (el: Element | null) => void;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    componentDidUpdate(): void;
     makeStyleProps: () => TextInputStyleProps;
     focus(): void;
     get interaction(): import("@instructure/ui-react-utils").InteractionType;
-    get hasMessages(): boolean | undefined;
+    get hasMessages(): boolean;
     get invalid(): boolean;
     get focused(): boolean;
-    get value(): any;
-    get id(): any;
-    handleInputRef: (node: any) => void;
-    handleChange: (event: any) => void;
-    handleBlur: (event: any) => void;
-    handleFocus: (event: any) => void;
+    get value(): string | undefined;
+    get id(): string;
+    handleInputRef: (node: HTMLInputElement | null) => void;
+    handleChange: React.ChangeEventHandler<HTMLInputElement>;
+    handleBlur: React.FocusEventHandler<HTMLInputElement>;
+    handleFocus: React.FocusEventHandler<HTMLInputElement>;
     renderInput(): jsx.JSX.Element;
     render(): jsx.JSX.Element;
 }

package/types/TextInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextInput/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAGhB;;;;;GAKG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC/D,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAoBlB;gBAGW,KAAK,KAAA;IASjB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IACD,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAIjD,cAAc,QAAO,mBAAmB,CAOvC;IAED,KAAK;IAKL,IAAI,WAAW,0DAEd;IAED,IAAI,WAAW,wBAEd;IAED,IAAI,OAAO,YAOV;IAED,IAAI,OAAO,YAGV;IAED,IAAI,KAAK,QAGR;IAED,IAAI,EAAE,QAGL;IAGD,cAAc,sBAKb;IAGD,YAAY,uBAGX;IAGD,UAAU,uBAMT;IAGD,WAAW,uBAMV;IAED,WAAW;IAwDX,MAAM;CAiEP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextInput/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAGhB;;;;;;GAMG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC/D,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;MAUlB;gBAEW,KAAK,EAAE,cAAc;IAOjC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,WAAW,CAAQ;IAE3B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IACD,iBAAiB;IAIjB,kBAAkB;IAIlB,cAAc,QAAO,mBAAmB,CAOvC;IAED,KAAK;IAIL,IAAI,WAAW,0DAEd;IAED,IAAI,WAAW,YAEd;IAED,IAAI,OAAO,YAOV;IAED,IAAI,OAAO,YAEV;IAED,IAAI,KAAK,uBAER;IAED,IAAI,EAAE,WAEL;IAED,cAAc,SAAU,gBAAgB,GAAG,IAAI,UAM9C;IAED,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAIvD;IAED,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAOpD;IAED,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAOrD;IAED,WAAW;IAqDX,MAAM;CA+DP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}