@trackunit/react-form-components 1.8.116 → 1.8.118

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "1.8.116",
+  "version": "1.8.118",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -14,12 +14,12 @@
     "zod": "^3.23.8",
     "react-hook-form": "7.62.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/css-class-variance-utilities": "1.7.75",
-    "@trackunit/react-components": "1.10.49",
-    "@trackunit/ui-icons": "1.7.76",
-    "@trackunit/shared-utils": "1.9.75",
-    "@trackunit/ui-design-tokens": "1.7.75",
-    "@trackunit/i18n-library-translation": "1.7.92",
+    "@trackunit/css-class-variance-utilities": "1.7.77",
+    "@trackunit/react-components": "1.10.51",
+    "@trackunit/ui-icons": "1.7.78",
+    "@trackunit/shared-utils": "1.9.77",
+    "@trackunit/ui-design-tokens": "1.7.77",
+    "@trackunit/i18n-library-translation": "1.7.94",
     "string-ts": "^2.0.0",
     "@js-temporal/polyfill": "^0.5.1",
     "@storybook/react-webpack5": "9.1.13"

package/src/components/ActionButton/ActionButton.d.ts

@@ -48,5 +48,5 @@ type ActionButtonProps = CopyActionButtonProps | GenericActionButtonProps | Edit
  * @param {ActionButtonProps} props - The props for the ActionButton component
  * @returns {ReactElement} ActionButton component
  */
-export declare const ActionButton: ({ type, value, dataTestId, size, disabled, className, onClick }: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionButton: ({ type, value, "data-testid": dataTestId, size, disabled, className, onClick, }: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/BaseInput/BaseInput.d.ts

@@ -76,7 +76,7 @@ export interface BaseInputProps extends FilteredInputProps, CommonProps {
  * This is a base used by our other input components such as TextBaseInput, NumberBaseInput, PasswordBaseInput, etc.
  */
 export declare const BaseInput: {
-    ({ className, isInvalid, dataTestId, prefix, suffix, addonBefore, addonAfter, actions, fieldSize, nonInteractive, inputClassName, placeholder, isWarning, type, genericAction, style, ref, required, ...rest }: BaseInputProps): ReactElement;
+    ({ className, isInvalid, "data-testid": dataTestId, prefix, suffix, addonBefore, addonAfter, actions, fieldSize, nonInteractive, inputClassName, placeholder, isWarning, type, genericAction, style, ref, required, ...rest }: BaseInputProps): ReactElement;
     displayName: string;
 };
 export {};

package/src/components/BaseInput/components/AddonRenderer.d.ts

@@ -12,5 +12,5 @@ type AddonRendererProps = {
 /**
  * Renders the addon element if provided
  */
-export declare const AddonRenderer: ({ addon, dataTestId, className, fieldSize, position }: AddonRendererProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AddonRenderer: ({ addon, "data-testid": dataTestId, className, fieldSize, position, }: AddonRendererProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/src/components/BaseInput/components/LockReasonRenderer.d.ts

@@ -1,5 +1,5 @@
 import { LockedForReasons } from "../InputLockReasonTooltip";
-export declare const LockReasonRenderer: ({ lockReason, dataTestId, }: {
+export declare const LockReasonRenderer: ({ lockReason, "data-testid": dataTestId, }: {
     lockReason?: LockedForReasons | boolean;
-    dataTestId?: string;
+    "data-testid"?: string;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/src/components/BaseInput/components/PrefixRenderer.d.ts

@@ -2,7 +2,7 @@ import { HTMLInputTypeAttribute, ReactNode } from "react";
 type PrefixRendererProps = {
     prefix?: ReactNode;
     type?: HTMLInputTypeAttribute;
-    dataTestId?: string;
+    "data-testid"?: string;
     disabled: boolean;
 };
 export declare const PrefixRenderer: import("react").ForwardRefExoticComponent<PrefixRendererProps & import("react").RefAttributes<HTMLDivElement>>;

package/src/components/BaseInput/components/SuffixRenderer.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from "react";
-export declare const SuffixRenderer: ({ suffix, isInvalid, isWarning, dataTestId, disabled, }: {
+export declare const SuffixRenderer: ({ suffix, isInvalid, isWarning, "data-testid": dataTestId, disabled, }: {
     suffix?: ReactNode;
     isInvalid?: boolean;
     isWarning?: boolean;
-    dataTestId?: string;
+    "data-testid"?: string;
     disabled: boolean;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/src/components/BaseSelect/SelectMenuItem/SelectMenuItem.d.ts

@@ -52,12 +52,12 @@ export interface SingleSelectMenuItemProps extends SelectMenuItemProps {
  * @param {SelectMenuItemProps} props - The props for the SingleSelectMenuItem
  * @returns {ReactElement} SingleSelectMenuItem
  */
-export declare const SingleSelectMenuItem: ({ label, icon, onClick, selected, focused, dataTestId, disabled, optionLabelDescription, optionPrefix, fieldSize, }: SingleSelectMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleSelectMenuItem: ({ label, icon, onClick, selected, focused, "data-testid": dataTestId, disabled, optionLabelDescription, optionPrefix, fieldSize, }: SingleSelectMenuItemProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * A multi select menu item is a basic wrapper around Menu item designed to be used as a multi value render in Select list
  *
  * @param {SelectMenuItemProps} props - The props for the MultiSelectMenuItem
  * @returns {ReactElement} multi select menu item
  */
-export declare const MultiSelectMenuItem: ({ label, onClick, selected, focused, dataTestId, disabled, optionLabelDescription, optionPrefix, fieldSize, }: SelectMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelectMenuItem: ({ label, onClick, selected, focused, "data-testid": dataTestId, disabled, optionLabelDescription, optionPrefix, fieldSize, }: SelectMenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/BaseSelect/useCustomComponents.d.ts

@@ -17,12 +17,12 @@ import { FormComponentSizes } from "../../types";
  * @param {ReactNode} prefix a prefix element
  * @returns {Partial<SelectComponents<Option, boolean, GroupBase<Option>>> | undefined} components object to override react-select default components
  */
-export declare const useCustomComponents: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ componentsProps, disabled, readOnly, setMenuIsEnabled, dataTestId, maxSelectedDisplayCount, prefix, hasError, fieldSize, getOptionLabelDescription, getOptionPrefix, }: {
+export declare const useCustomComponents: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ componentsProps, disabled, readOnly, setMenuIsEnabled, "data-testid": dataTestId, maxSelectedDisplayCount, prefix, hasError, fieldSize, getOptionLabelDescription, getOptionPrefix, }: {
     componentsProps: Partial<SelectComponents<Option, IsMulti, Group>> | undefined;
     disabled: boolean;
     readOnly: boolean;
     setMenuIsEnabled: (menuIsEnabled: boolean) => void;
-    dataTestId: string;
+    "data-testid": string;
     maxSelectedDisplayCount: number | undefined;
     prefix?: ReactNode;
     hasError?: boolean;

package/src/components/BaseSelect/useSelect.d.ts

@@ -150,5 +150,5 @@ interface UseSelectProps<Option, IsMulti extends boolean = false, Group extends
  * @param {SelectProps} props - The props for the Select component
  * @returns {UseSelectProps} Select component
  */
-export declare const useSelect: <Option, IsAsync extends boolean = false, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, className, dataTestId, prefix, async, maxMenuHeight, label, hasError, disabled, isMulti, components, value, options, onChange, isLoading, classNamePrefix, onMenuOpen, onMenuClose, maxSelectedDisplayCount, isClearable, isSearchable, onMenuScrollToBottom, styles, filterOption, onInputChange, getOptionLabelDescription, getOptionPrefix, fieldSize, ...props }: SelectProps<Option, IsAsync, IsMulti, Group>) => UseSelectProps<Option, IsMulti, Group>;
+export declare const useSelect: <Option, IsAsync extends boolean = false, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, className, "data-testid": dataTestId, prefix, async, maxMenuHeight, label, hasError, disabled, isMulti, components, value, options, onChange, isLoading, classNamePrefix, onMenuOpen, onMenuClose, maxSelectedDisplayCount, isClearable, isSearchable, onMenuScrollToBottom, styles, filterOption, onInputChange, getOptionLabelDescription, getOptionPrefix, fieldSize, ...props }: SelectProps<Option, IsAsync, IsMulti, Group>) => UseSelectProps<Option, IsMulti, Group>;
 export {};

package/src/components/Checkbox/CheckIcon.d.ts

@@ -7,5 +7,5 @@ interface CheckIconProps extends CommonProps {
  * @param {CheckIconProps} props - The props for the CheckIcon component
  * @returns {ReactElement} CheckIcon component
  */
-export declare const CheckIcon: ({ className, dataTestId }: CheckIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: ({ className, "data-testid": dataTestId }: CheckIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Checkbox/Checkbox.d.ts

@@ -54,6 +54,6 @@ export interface CheckboxProps extends CommonProps, MappedOmit<InputHTMLAttribut
  * @param {CheckboxProps} props - The props for the Checkbox component
  */
 export declare const Checkbox: {
-    ({ className, dataTestId, onChange, checked, disabled, isInvalid, readOnly, indeterminate, suffix, label, tabIndex, stopPropagation, ref, ...rest }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, "data-testid": dataTestId, onChange, checked, disabled, isInvalid, readOnly, indeterminate, suffix, label, tabIndex, stopPropagation, ref, ...rest }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/src/components/CheckboxField/CheckboxField.d.ts

@@ -15,7 +15,7 @@ export interface CheckboxFieldProps extends CheckboxProps, FormGroupExposedProps
  * _**Do use**_ the CheckboxField for boolean input.
  */
 export declare const CheckboxField: {
-    ({ label, id, tip, helpText, helpAddon, isInvalid, className, checked, dataTestId, checkboxLabel, onChange, ref, ...rest }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, helpAddon, isInvalid, className, checked, "data-testid": dataTestId, checkboxLabel, onChange, ref, ...rest }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/DateField/DateField.d.ts

@@ -20,7 +20,7 @@ export interface DateFieldProps extends DateBaseInputProps, FormGroupExposedProp
  * _**Do not use**_ this fields for non-serialized dates. Use TextField instead.
  */
 export declare const DateField: {
-    ({ label, id, tip, helpText, errorMessage, helpAddon, isInvalid, className, defaultValue, dataTestId, ref, ...rest }: DateFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, helpAddon, isInvalid, className, defaultValue, "data-testid": dataTestId, ref, ...rest }: DateFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/DropZone/DropZone.d.ts

@@ -30,5 +30,5 @@ export interface DropZoneProps extends BaseInputExposedProps, CommonProps {
  * @param {DropZoneProps} props - The props for the DropZone component
  * @returns {ReactElement} DropZone component
  */
-export declare const DropZone: ({ className, dataTestId, filesSelected, label, size, isInvalid, disabled, accept, multiple, ...rest }: DropZoneProps) => ReactElement;
+export declare const DropZone: ({ className, "data-testid": dataTestId, filesSelected, label, size, isInvalid, disabled, accept, multiple, ...rest }: DropZoneProps) => ReactElement;
 export {};

package/src/components/EmailField/EmailBaseInput/EmailBaseInput.d.ts

@@ -21,5 +21,5 @@ export interface EmailBaseInputProps extends BaseInputExposedProps {
  * A reference to the input element is provided as the `ref` prop.
  * For specific input types make sure to use the corresponding input component.
  */
-export declare const EmailBaseInput: ({ fieldSize, disabled, dataTestId, isInvalid, onChange, disableAction, ref, ...rest }: EmailBaseInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailBaseInput: ({ fieldSize, disabled, "data-testid": dataTestId, isInvalid, onChange, disableAction, ref, ...rest }: EmailBaseInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/EmailField/EmailField.d.ts

@@ -13,7 +13,7 @@ export interface EmailFieldProps extends FormGroupExposedProps, BaseInputProps {
  *
  */
 export declare const EmailField: {
-    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, dataTestId, value, onChange, onBlur, isInvalid, ref, ...rest }: EmailFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, "data-testid": dataTestId, value, onChange, onBlur, isInvalid, ref, ...rest }: EmailFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/FormGroup/FormGroup.d.ts

@@ -42,4 +42,4 @@ export interface FormGroupProps extends CommonProps {
  * @param {FormGroupProps} props - The props for the FormGroup component
  * @returns {ReactElement} FormGroup component
  */
-export declare const FormGroup: ({ isInvalid, isWarning, helpText, helpAddon, tip, className, dataTestId, label, htmlFor, children, required, }: FormGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormGroup: ({ isInvalid, isWarning, helpText, helpAddon, tip, className, "data-testid": dataTestId, label, htmlFor, children, required, }: FormGroupProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Label/Label.d.ts

@@ -30,4 +30,4 @@ export interface LabelProps extends CommonProps {
  * @param {LabelProps} props - The props for the Label component
  * @returns {ReactElement} Label component
  */
-export declare const Label: ({ id, htmlFor, children, className, dataTestId, disabled, isInvalid, }: LabelProps) => ReactElement;
+export declare const Label: ({ id, htmlFor, children, className, "data-testid": dataTestId, disabled, isInvalid, }: LabelProps) => ReactElement;

package/src/components/NumberField/NumberField.d.ts

@@ -20,7 +20,7 @@ export interface NumberFieldProps extends NumberBaseInputProps, FormGroupExposed
  * _**Do not use**_ this fields for non-serialized numbers. Use TextField instead.
  */
 export declare const NumberField: {
-    ({ label, id, tip, helpText, errorMessage, helpAddon, isInvalid, maxLength, className, value, dataTestId, defaultValue, onBlur, onChange, ref, ...rest }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, helpAddon, isInvalid, maxLength, className, value, "data-testid": dataTestId, defaultValue, onBlur, onChange, ref, ...rest }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/OptionCard/OptionCard.d.ts

@@ -46,7 +46,7 @@ interface CustomImage {
  * A card version of a radio button that includes an icon, headings and a description.
  */
 export declare const OptionCard: {
-    ({ icon, heading, subheading, description, disabled, id, value, className, contentClassName, dataTestId, customImage, layout, ref, tagProps, ...rest }: OptionCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ icon, heading, subheading, description, disabled, id, value, className, contentClassName, "data-testid": dataTestId, customImage, layout, ref, tagProps, ...rest }: OptionCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/PasswordField/PasswordField.d.ts

@@ -20,7 +20,7 @@ export interface PasswordFieldProps extends Omit<PasswordBaseInputProps, "obfusc
  * _**Do not use** to confirm user actions, such as deleting. Use a checkbox for such flows._
  */
 export declare const PasswordField: {
-    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, dataTestId, ref, ...rest }: PasswordFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, "data-testid": dataTestId, ref, ...rest }: PasswordFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/PhoneField/PhoneBaseInput/CountryCodeSelect.d.ts

@@ -22,5 +22,5 @@ interface CountryCodeSelectProps extends CommonProps {
  * @param {CountryCodeSelectProps} props - The props for the CountryCodeSelect component
  * @returns {ReactElement} CountryCodeSelect component
  */
-export declare const CountryCodeSelect: ({ excludedCountries, countryCode, isInvalid, onChange, disabled, readOnly, dataTestId, placeholder, onBlur, isClearable, }: CountryCodeSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CountryCodeSelect: ({ excludedCountries, countryCode, isInvalid, onChange, disabled, readOnly, "data-testid": dataTestId, placeholder, onBlur, isClearable, }: CountryCodeSelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/PhoneField/PhoneBaseInput/PhoneBaseInput.d.ts

@@ -26,5 +26,5 @@ export interface PhoneBaseInputProps extends BaseInputExposedProps {
  * @param {string} [fieldSize="medium"] - The size of the input field.
  * @param {boolean} [disableAction=false] - Whether the action button is disabled or not.
  */
-export declare const PhoneBaseInput: ({ dataTestId, isInvalid, disabled, value, defaultValue, fieldSize, disableAction, onChange, readOnly, onFocus, onBlur, name, ref, ...rest }: PhoneBaseInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PhoneBaseInput: ({ "data-testid": dataTestId, isInvalid, disabled, value, defaultValue, fieldSize, disableAction, onChange, readOnly, onFocus, onBlur, name, ref, ...rest }: PhoneBaseInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/PhoneField/PhoneField.d.ts

@@ -28,7 +28,7 @@ export interface PhoneFieldProps extends FormGroupExposedProps, PhoneBaseInputPr
  * @param {boolean} [disableAction=false] - Whether the action button is disabled or not.
  */
 export declare const PhoneField: {
-    ({ label, id, tip, helpText, isInvalid, errorMessage, value, helpAddon, className, defaultValue, dataTestId, name, onBlur, ref, ...rest }: PhoneFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, isInvalid, errorMessage, value, helpAddon, className, defaultValue, "data-testid": dataTestId, name, onBlur, ref, ...rest }: PhoneFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/RadioGroup/RadioGroup.d.ts

@@ -51,6 +51,6 @@ export interface RadioGroupProps<V extends string | number> extends CommonProps,
  * @returns {ReactElement} RadioGroup component
  */
 export declare const RadioGroup: {
-    <V extends string | number = string>({ children, id, name, value, disabled, onChange, label, inline, className, dataTestId, isInvalid, }: RadioGroupProps<V>): ReactElement;
+    <V extends string | number = string>({ children, id, name, value, disabled, onChange, label, inline, className, "data-testid": dataTestId, isInvalid, }: RadioGroupProps<V>): ReactElement;
     displayName: string;
 };

package/src/components/RadioGroup/RadioItem.d.ts

@@ -25,4 +25,4 @@ export interface RadioItemProps<V extends string | number = string> extends Comm
  * @param {RadioItemProps} props - The props for the RadioItem component
  * @returns {ReactElement} RadioItem component
  */
-export declare const RadioItem: <V extends string | number>({ label, value, dataTestId, className, description, suffix, ...rest }: RadioItemProps<V>) => ReactElement;
+export declare const RadioItem: <V extends string | number>({ label, value, "data-testid": dataTestId, className, description, suffix, ...rest }: RadioItemProps<V>) => ReactElement;

package/src/components/Schedule/Schedule.d.ts

@@ -49,4 +49,4 @@ export interface ScheduleProps extends CommonProps {
  * @param {ScheduleProps} props - The props for the Schedule component
  * @returns {ReactElement} Schedule component
  */
-export declare const Schedule: ({ className, dataTestId, schedule, onChange, invalidKeys }: ScheduleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Schedule: ({ className, "data-testid": dataTestId, schedule, onChange, invalidKeys, }: ScheduleProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Search/Search.d.ts

@@ -80,6 +80,6 @@ export interface SearchProps extends CommonProps, TextBaseInputProps {
  * @param {SearchProps} props - The props for the Search component
  */
 export declare const Search: {
-    ({ className, placeholder, value, widenInputOnFocus, hideBorderWhenNotInFocus, disabled, onKeyUp, onChange, onFocus, onBlur, name, onClear, dataTestId, autoComplete, loading, inputClassName, iconName, style, xMarkRef, ref, ...rest }: SearchProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, placeholder, value, widenInputOnFocus, hideBorderWhenNotInFocus, disabled, onKeyUp, onChange, onFocus, onBlur, name, onClear, "data-testid": dataTestId, autoComplete, loading, inputClassName, iconName, style, xMarkRef, ref, ...rest }: SearchProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/src/components/SelectField/FormFieldSelectAdapter.d.ts

@@ -48,7 +48,7 @@ interface FormFieldSelectAdapterProps<TOptionType extends BaseOptionType, TIsAsy
  *
  */
 export declare const FormFieldSelectAdapter: {
-    ({ className, dataTestId, helpText, helpAddon, tip, label, isInvalid, errorMessage, name, onBlur, options, value, defaultValue, id, onChange, children, ref, ...rest }: FormFieldSelectAdapterProps<BaseOptionType>): import("react/jsx-runtime").JSX.Element;
+    ({ className, "data-testid": dataTestId, helpText, helpAddon, tip, label, isInvalid, errorMessage, name, onBlur, options, value, defaultValue, id, onChange, children, ref, ...rest }: FormFieldSelectAdapterProps<BaseOptionType>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/TextAreaField/TextArea/TextAreaBaseInput.d.ts

@@ -30,5 +30,5 @@ export interface TextAreaBaseInputProps extends FilteredInputProps, CommonProps
  * The TextArea is a base component, and should not be used very often.
  * For most cases the TextAreaField is the correct component.
  */
-export declare const TextAreaBaseInput: ({ id, name, value, rows, disabled, placeholder, readOnly, tabIndex, onChange, onFocus, onBlur, maxLength, resize, defaultValue, required, dataTestId, isInvalid, className, ref, ...rest }: TextAreaBaseInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextAreaBaseInput: ({ id, name, value, rows, disabled, placeholder, readOnly, tabIndex, onChange, onFocus, onBlur, maxLength, resize, defaultValue, required, "data-testid": dataTestId, isInvalid, className, ref, ...rest }: TextAreaBaseInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/TextAreaField/TextAreaField.d.ts

@@ -22,7 +22,7 @@ export interface TextAreaFieldProps extends TextAreaBaseInputProps, FormGroupExp
  *
  */
 export declare const TextAreaField: {
-    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, dataTestId, ref, ...rest }: TextAreaFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, "data-testid": dataTestId, ref, ...rest }: TextAreaFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/TextField/TextField.d.ts

@@ -16,7 +16,7 @@ export interface TextFieldProps extends TextBaseInputProps, FormGroupExposedProp
  * Text fields enable the user to interact with and input content and data. This component can be used for long and short form entries. Allow the size of the text input box to reflect the length of the content you expect the user to enter.
  */
 export declare const TextField: {
-    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, dataTestId, isWarning, ref, ...rest }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, "data-testid": dataTestId, isWarning, ref, ...rest }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/TimeRange/TimeRange.d.ts

@@ -49,5 +49,5 @@ export interface TimeRangeProps extends CommonProps {
  * @param {TimeRangeProps} props - The props for the TimeRange component
  * @returns {ReactElement} TimeRange component
  */
-export declare const TimeRange: ({ id, className, dataTestId, children, range, onChange, disabled, isInvalid, }: TimeRangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimeRange: ({ id, className, "data-testid": dataTestId, children, range, onChange, disabled, isInvalid, }: TimeRangeProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DEFAULT_TIME = "12:00";

package/src/components/TimeRangeField/TimeRangeField.d.ts

@@ -13,5 +13,5 @@ export interface TimeRangeFieldProps extends TimeRangeProps, FormGroupExposedPro
  * @param {TimeRangeFieldProps} props - The props for the TimeRangeField component
  * @returns {ReactElement} TimeRangeField component
  */
-export declare const TimeRangeField: ({ className, dataTestId, onChange, isInvalid, errorMessage, label, tip, children, helpText, id, ...rest }: TimeRangeFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimeRangeField: ({ className, "data-testid": dataTestId, onChange, isInvalid, errorMessage, label, tip, children, helpText, id, ...rest }: TimeRangeFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/ToggleSwitchOption/ToggleSwitchOption.d.ts

@@ -26,6 +26,6 @@ export interface ToggleSwitchOptionProps extends ToggleSwitchProps {
  * @returns {ReactElement} ToggleSwitchOption component
  */
 export declare const ToggleSwitchOption: {
-    ({ label, className, description, suffix, id, dataTestId, ...rest }: ToggleSwitchOptionProps): ReactElement;
+    ({ label, className, description, suffix, id, "data-testid": dataTestId, ...rest }: ToggleSwitchOptionProps): ReactElement;
     displayName: string;
 };

package/src/components/UploadField/UploadField.d.ts

@@ -11,7 +11,7 @@ export interface UploadFieldProps extends UploadInputProps, FormGroupExposedProp
  * Upload fields enable the user to upload Files.
  */
 export declare const UploadField: {
-    ({ label, id, tip, helpText, errorMessage, isInvalid, className, value, dataTestId, ref, ...rest }: UploadFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, isInvalid, className, value, "data-testid": dataTestId, ref, ...rest }: UploadFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/UrlField/UrlBaseInput/UrlBaseInput.d.ts

@@ -16,5 +16,5 @@ export interface UrlBaseInputProps extends BaseInputExposedProps {
  *
  * NOTE: If shown with a label, please use the `UrlField` component instead.
  */
-export declare const UrlBaseInput: ({ dataTestId, isInvalid, disabled, fieldSize, disableAction, value, defaultValue, ref, ...rest }: UrlBaseInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UrlBaseInput: ({ "data-testid": dataTestId, isInvalid, disabled, fieldSize, disableAction, value, defaultValue, ref, ...rest }: UrlBaseInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/UrlField/UrlField.d.ts

@@ -13,7 +13,7 @@ export interface UrlFieldProps extends FormGroupExposedProps, UrlBaseInputProps
  *
  */
 export declare const UrlField: {
-    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, dataTestId, isInvalid, value, onBlur, ref, ...rest }: UrlFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, "data-testid": dataTestId, isInvalid, value, onBlur, ref, ...rest }: UrlFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};