feat(components): Remove v1 InputText

packages/components/src/Autocomplete/Autocomplete.rebuilt.test.tsx

@@ -1875,7 +1875,6 @@ describe("AutocompleteRebuilt", () => {
               <InputText
                 ref={inputRef}
                 {...inputProps}
-                version={2}
                 // Compose with internal onChange so Autocomplete behavior still works
                 onChange={(val, evt) => {
                   inputProps.onChange?.(val, evt);

packages/components/src/Autocomplete/Autocomplete.rebuilt.tsx

@@ -21,7 +21,7 @@ import { useChipNavigation } from "./hooks/useChipNavigation";
 import { preventDefaultPointerDown } from "./utils/interactionUtils";
 import { FloatingMenu } from "./components/FloatingMenu";
 import { InputText } from "../InputText";
-import type { InputTextRebuiltProps } from "../InputText/InputText.types";
+import type { InputTextProps } from "../InputText/InputText.types";
 import { FormFieldWrapper } from "../FormField";
 import { mergeRefs } from "../utils/mergeRefs";
 import { filterDataAttributes } from "../sharedHelpers/filterDataAttributes";
@@ -154,8 +154,7 @@ function AutocompleteRebuiltInternal<
         : undefined,
   };
 
-  const inputProps: InputTextRebuiltProps = {
-    version: 2 as const,
+  const inputProps: InputTextProps = {
     value: inputValue,
     onChange: props.readOnly ? undefined : onInputChangeFromUser,
     // Ensure focus/blur callbacks still fire in readOnly mode where we don't spread getReferenceProps

packages/components/src/Autocomplete/Autocomplete.test.tsx

@@ -3,7 +3,6 @@ import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import type { AnyOption, CustomOptionsMenuProp } from ".";
 import { Autocomplete } from ".";
-import type { InputTextRef } from "../InputText";
 import { Text } from "../Text";
 
 function returnOptions(options: AnyOption[]) {
@@ -245,7 +244,7 @@ describe("Autocomplete", () => {
   it("should focus input text", async () => {
     const placeholder = "Got milk?";
 
-    const textRef = React.createRef<InputTextRef>();
+    const textRef = React.createRef<HTMLInputElement>();
 
     render(
       <Autocomplete
@@ -271,7 +270,7 @@ describe("Autocomplete", () => {
 
     const placeholder = "Got milk?";
 
-    const textRef = React.createRef<InputTextRef>();
+    const textRef = React.createRef<HTMLInputElement>();
 
     render(
       <Autocomplete

packages/components/src/Autocomplete/Autocomplete.tsx

@@ -10,7 +10,6 @@ import {
   type Option,
 } from "./Autocomplete.types";
 import { isOptionGroup } from "./Autocomplete.utils";
-import type { InputTextRef } from "../InputText";
 import { InputText } from "../InputText";
 import { mergeRefs } from "../utils/mergeRefs";
 
@@ -32,16 +31,17 @@ function AutocompleteInternal<
     placeholder,
     onBlur,
     onFocus,
-    validations,
     customRenderMenu,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Exclude this from inputProps
+    version,
     ...inputProps
   }: // eslint-disable-next-line import/no-deprecated
   AutocompleteLegacyProps<
     GenericOption,
     GenericOptionValue,
     GenericGetOptionsValue
   >,
-  ref: Ref<InputTextRef>,
+  ref: Ref<HTMLInputElement>,
 ) {
   const initialOptionsMemo = useMemo(
     () => mapToOptions(initialOptions),
@@ -55,7 +55,7 @@ function AutocompleteInternal<
     null,
   );
   const delayedSearch = useDebounce(updateSearch, debounceRate);
-  const inputRef = useRef<InputTextRef | null>(null);
+  const inputRef = useRef<HTMLInputElement | null>(null);
 
   useEffect(() => {
     delayedSearch();
@@ -69,14 +69,13 @@ function AutocompleteInternal<
     <div className={styles.autocomplete} ref={setAutocompleteRef}>
       <InputText
         ref={mergeRefs([ref, inputRef])}
-        autocomplete={false}
+        autoComplete="off"
         size={size}
         value={inputText}
         onChange={handleInputChange}
         placeholder={placeholder}
         onFocus={handleInputFocus}
         onBlur={handleInputBlur}
-        validations={validations}
         {...inputProps}
       />
       <Menu
@@ -169,5 +168,5 @@ export const Autocomplete = forwardRef(AutocompleteInternal) as <
     GenericOptionValue,
     GenericGetOptionsValue
   > &
-    RefAttributes<InputTextRef>,
+    RefAttributes<HTMLInputElement>,
 ) => ReturnType<typeof AutocompleteInternal>;

packages/components/src/Autocomplete/Autocomplete.types.ts

@@ -6,7 +6,7 @@ import type {
   RebuiltInputCommonProps,
 } from "../sharedHelpers/types";
 import type { FormFieldProps } from "../FormField";
-import type { InputTextRebuiltProps, InputTextRef } from "../InputText";
+import type { InputTextProps } from "../InputText";
 
 /**
  * ARIA attributes for Autocomplete with managed/orchestrated behavior.
@@ -165,11 +165,6 @@ export interface AutocompleteLegacyProps<
   ) =>
     | Array<GenericGetOptionsValue | GenericOption>
     | Promise<Array<GenericGetOptionsValue | GenericOption>>;
-
-  /**
-   * Validations to run on the input.
-   */
-  readonly validations?: FormFieldProps["validations"];
 }
 
 // For backward compatibility
@@ -201,7 +196,7 @@ export interface MenuProps<
   /**
    * Ref to the TextInput element.
    */
-  readonly inputRef: RefObject<InputTextRef | null>;
+  readonly inputRef: RefObject<HTMLInputElement | null>;
   onOptionSelect(chosenOption?: GenericOptionValue): void;
   readonly customRenderMenu?: (
     props: CustomOptionsMenuProp<GenericOption, GenericOptionValue>,
@@ -235,11 +230,8 @@ export interface CustomOptionsMenuProp<
 
   /**
    * Ref to the TextInput element.
-   * v1 provides InputTextRef; v2 provides a DOM element ref.
    */
-  readonly inputRef: RefObject<
-    InputTextRef | HTMLInputElement | HTMLTextAreaElement | null
-  >;
+  readonly inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
   /**
    * Component that wraps the menu content. Used for handling keyboard scroll behavior.
    */
@@ -517,7 +509,7 @@ interface AutocompleteRebuiltBaseProps<
    */
   readonly customRenderInput?: (props: {
     inputRef: Ref<HTMLInputElement | HTMLTextAreaElement>;
-    inputProps: InputTextRebuiltProps;
+    inputProps: InputTextProps;
   }) => React.ReactNode;
 
   /**

packages/components/src/Autocomplete/AutocompleteV2.stories.tsx

@@ -260,10 +260,7 @@ const TemplateEmptyStateAndActions = () => {
       <Modal open={modalOpen} onRequestClose={() => setModalOpen(false)}>
         <Content>
           <Heading level={4}>Create service</Heading>
-          <InputText
-            value={serviceValue}
-            onChange={(val: string) => setServiceValue(val)}
-          />
+          <InputText value={serviceValue} onChange={setServiceValue} />
           <Button label="Create" onClick={() => setModalOpen(false)} />
         </Content>
       </Modal>
@@ -761,6 +758,7 @@ const TemplateFocusBehavior = () => {
   const [lastFocus, setLastFocus] = useState("");
 
   const [openCreatModal, setOpenCreatModal] = useState(false);
+  const [serviceNameValue, setServiceNameValue] = useState("");
 
   const emptyActions: {
     type: "action";
@@ -789,7 +787,6 @@ const TemplateFocusBehavior = () => {
       </Text>
       <InputText
         placeholder="Another Field to Tab From (Not an Autocomplete)"
-        version={2}
         value={otherInputValue}
         onChange={setOtherInputValue}
         onBlur={() => setLastBlur("First InputText blurred")}
@@ -811,7 +808,6 @@ const TemplateFocusBehavior = () => {
         ])}
       />
       <InputText
-        version={2}
         placeholder="Another Field to Tab To and From (Not an Autocomplete)"
         value={anotherInputValue}
         onChange={setAnotherInputValue}
@@ -839,7 +835,11 @@ const TemplateFocusBehavior = () => {
       >
         <Content>
           <Heading level={4}>Create service</Heading>
-          <InputText placeholder="Service name" />
+          <InputText
+            placeholder="Service name"
+            value={serviceNameValue}
+            onChange={setServiceNameValue}
+          />
           <Button label="Create" onClick={() => setOpenCreatModal(false)} />
         </Content>
       </Modal>

packages/components/src/Autocomplete/Menu/Menu.tsx

@@ -1,6 +1,5 @@
 import type { RefObject } from "react";
 import React from "react";
-import type { InputTextRef } from "@jobber/components/InputText";
 import type { DefaultMenuProps } from "./DefaultMenu";
 import { DefaultMenu } from "./DefaultMenu";
 import { useAutocompleteMenu } from "./MenuWrapper";
@@ -57,7 +56,7 @@ interface InternalCustomMenuProps<
   readonly options: GenericOption[];
   readonly selectedOption?: GenericOptionValue;
   readonly attachTo: MenuProps["attachTo"];
-  readonly inputRef: RefObject<InputTextRef | null>;
+  readonly inputRef: RefObject<HTMLInputElement | null>;
   readonly onOptionSelect: (chosenOption?: GenericOptionValue) => void;
   readonly customRenderMenu: (
     props: CustomOptionsMenuProp<GenericOption, GenericOptionValue>,

packages/components/src/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap

@@ -32,7 +32,7 @@ exports[`Autocomplete renders an Autocomplete 1`] = `
                 autocomplete="off"
                 class="input"
                 id="«r0»"
-                type="text"
+                name="generatedName--«r0»"
                 value=""
               />
             </div>
@@ -76,7 +76,7 @@ exports[`Autocomplete should display headers when headers are passed in 1`] = `
                 autocomplete="off"
                 class="input"
                 id="«r5»"
-                type="text"
+                name="generatedName--«r5»"
                 value=""
               />
             </div>

packages/components/src/Autocomplete/index.tsx

@@ -10,7 +10,6 @@ import type {
 } from "./Autocomplete.types";
 import { AutocompleteRebuilt } from "./Autocomplete.rebuilt";
 import { Autocomplete as AutocompleteLegacy } from "./Autocomplete";
-import type { InputTextRef } from "../InputText";
 
 export type { OptionLike } from "./Autocomplete.types";
 
@@ -75,7 +74,7 @@ function isNewAutocompleteProps(
 
 function AutocompleteShim(
   props: AutocompleteShimProps,
-  ref: React.Ref<InputTextRef | HTMLInputElement | HTMLTextAreaElement>,
+  ref: React.Ref<HTMLInputElement | HTMLTextAreaElement>,
 ) {
   if (isNewAutocompleteProps(props)) {
     return (
@@ -86,7 +85,9 @@ function AutocompleteShim(
     );
   }
 
-  return <AutocompleteLegacy {...props} ref={ref as React.Ref<InputTextRef>} />;
+  return (
+    <AutocompleteLegacy {...props} ref={ref as React.Ref<HTMLInputElement>} />
+  );
 }
 
 const AutocompleteForwarded = forwardRef(AutocompleteShim);
@@ -121,7 +122,7 @@ export const Autocomplete = AutocompleteForwarded as {
       GenericGetOptionsValue
     > & {
       version?: 1;
-      ref?: React.Ref<InputTextRef>;
+      ref?: React.Ref<HTMLInputElement>;
       // Disallow v2-only props for clearer DX
       menu?: never;
     },
@@ -131,7 +132,7 @@ export const Autocomplete = AutocompleteForwarded as {
     // eslint-disable-next-line import/no-deprecated
     props: AutocompleteLegacyProps & {
       version?: 1;
-      ref?: React.Ref<InputTextRef>;
+      ref?: React.Ref<HTMLInputElement>;
       // Disallow v2-only props for clearer DX
       menu?: never;
     },