refactor(TextInput): port utils to typescript (#20325)

Author: adamalston

packages/react/src/components/TextInput/ControlledPasswordInput.tsx

@@ -9,7 +9,7 @@ import React, { type HTMLAttributes } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { View, ViewOff, WarningFilled } from '@carbon/icons-react';
-import { textInputProps } from './util';
+import { getTextInputProps } from './util';
 import { deprecate } from '../../prop-types/deprecate';
 import { usePrefix } from '../../internal/usePrefix';
 import { useId } from '../../internal/useId';
@@ -223,7 +223,7 @@ const ControlledPasswordInput = React.forwardRef(
     const input = (
       <>
         <input
-          {...textInputProps({
+          {...getTextInputProps({
             invalid,
             sharedTextInputProps,
             invalidId: errorId,

packages/react/src/components/TextInput/PasswordInput.tsx

@@ -16,7 +16,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { View, ViewOff } from '@carbon/icons-react';
 import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps';
-import { textInputProps } from './util';
+import { getTextInputProps } from './util';
 import { FormContext } from '../FluidForm';
 import { Tooltip } from '../Tooltip';
 import { PopoverAlignment } from '../Popover';
@@ -350,7 +350,7 @@ const PasswordInput = React.forwardRef(
     const input = (
       <>
         <input
-          {...textInputProps({
+          {...getTextInputProps({
             sharedTextInputProps,
             invalid: normalizedProps.invalid,
             invalidId: normalizedProps.invalidId,

packages/react/src/components/TextInput/TextInput.tsx

@@ -17,7 +17,7 @@ import React, {
 import classNames from 'classnames';
 import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps';
 import { deprecate } from '../../prop-types/deprecate';
-import { textInputProps } from './util';
+import { getTextInputProps } from './util';
 import { FormContext } from '../FluidForm';
 import { useMergedRefs } from '../../internal/useMergedRefs';
 import { usePrefix } from '../../internal/usePrefix';
@@ -332,7 +332,7 @@ const TextInput = React.forwardRef(
 
     const input = (
       <input
-        {...textInputProps({
+        {...getTextInputProps({
           sharedTextInputProps,
           invalid: normalizedProps.invalid,
           invalidId: normalizedProps.invalidId,

packages/react/src/components/TextInput/util.js renamed to packages/react/src/components/TextInput/util.ts

@@ -5,33 +5,39 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const invalidProps = (invalidId) => ({
+const invalidProps = (invalidId: string) => ({
   'data-invalid': true,
   'aria-invalid': true,
   'aria-describedby': invalidId,
 });
 
-const warnProps = (warnId) => ({
+const warnProps = (warnId: string | undefined) => ({
   'aria-describedby': warnId,
 });
 
-const helperProps = (helperId) => ({
+const helperProps = (helperId: string | undefined) => ({
   'aria-describedby': helperId,
 });
 
-/**
- * @param {{sharedTextInputProps: object, invalid?: boolean, invalidId?: string, warn?: boolean, warnId?: string, hasHelper?: boolean, helperId?: string}} config
- * @returns {object}
- */
-export const textInputProps = ({
+interface TextInputPropsConfig {
+  sharedTextInputProps: Record<string, unknown>;
+  invalid: boolean;
+  invalidId: string;
+  warn?: boolean;
+  warnId?: string;
+  hasHelper?: boolean;
+  helperId?: string;
+}
+
+export const getTextInputProps = ({
   sharedTextInputProps,
   invalid,
   invalidId,
   warn,
   warnId,
   hasHelper,
   helperId,
-}) => ({
+}: TextInputPropsConfig) => ({
   ...sharedTextInputProps,
   ...(invalid ? invalidProps(invalidId) : {}),
   ...(warn ? warnProps(warnId) : {}),