@hitachivantara/uikit-react-core 5.16.0 → 5.18.0

package/dist/cjs/components/Input/Input.cjs

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const react = require("@emotion/react");
 const Input_styles = require("./Input.styles.cjs");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const validations = require("../BaseInput/validations.cjs");
-const inputClasses = require("./inputClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const useIsMounted = require("../../hooks/useIsMounted.cjs");
@@ -39,7 +37,7 @@ function eventTargetIsInsideContainer(container, event) {
   return container != null && container.contains(getFocusedElement(event));
 }
 const HvInput = ({
-  classes,
+  classes: classesProp,
   className,
   id,
   name,
@@ -79,6 +77,11 @@ const HvInput = ({
   inputProps = {},
   ...others
 }) => {
+  var _a;
+  const {
+    classes,
+    cx
+  } = Input_styles.useClasses(classesProp);
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
   const elementId = useUniqueId.default(id, "hvinput");
   const inputRef = React.useRef(inputRefProp || null);
@@ -122,8 +125,8 @@ const HvInput = ({
   const hasLabel = label != null;
   const hasDescription = description != null;
   const focusInput = () => {
-    var _a;
-    (_a = materialInputRef.current) == null ? void 0 : _a.focus();
+    var _a2;
+    (_a2 = materialInputRef.current) == null ? void 0 : _a2.focus();
   };
   const isMounted = useIsMounted.default();
   const suggestionClearHandler = () => {
@@ -132,9 +135,9 @@ const HvInput = ({
     }
   };
   const suggestionHandler = (val) => {
-    var _a;
+    var _a2;
     const suggestionsArray = suggestionListCallback == null ? void 0 : suggestionListCallback(val);
-    if ((_a = suggestionsArray == null ? void 0 : suggestionsArray[0]) == null ? void 0 : _a.label) {
+    if ((_a2 = suggestionsArray == null ? void 0 : suggestionsArray[0]) == null ? void 0 : _a2.label) {
       setSuggestionValues(suggestionsArray);
     } else {
       suggestionClearHandler();
@@ -171,9 +174,9 @@ const HvInput = ({
     onFocus == null ? void 0 : onFocus(event, value);
   };
   const getSuggestions = (li) => {
-    var _a;
+    var _a2;
     const listEl = document.getElementById(setId.setId(elementId, "suggestions-list") || "");
-    return li != null ? (_a = listEl == null ? void 0 : listEl.getElementsByTagName("li")) == null ? void 0 : _a[li] : listEl;
+    return li != null ? (_a2 = listEl == null ? void 0 : listEl.getElementsByTagName("li")) == null ? void 0 : _a2[li] : listEl;
   };
   const onSuggestionKeyDown = (event) => {
     if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Esc)) {
@@ -215,22 +218,19 @@ const HvInput = ({
     if (!showClear) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-      children: ({
-        css,
-        cx
-      }) => /* @__PURE__ */ jsxRuntime.jsx(
-        Adornment.HvAdornment,
-        {
-          className: cx(inputClasses.default.adornmentButton, !showSearchIcon && inputClasses.default.iconClear, css(Input_styles.styles.adornmentButton), !showSearchIcon && css(Input_styles.styles.iconClear), classes == null ? void 0 : classes.adornmentButton, !showSearchIcon && (classes == null ? void 0 : classes.iconClear)),
-          onClick: handleClear,
-          "aria-label": labels == null ? void 0 : labels.clearButtonLabel,
-          "aria-controls": setId.setId(elementId, "input"),
-          icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.CloseXS, {})
-        }
-      )
-    });
-  }, [showClear, classes == null ? void 0 : classes.adornmentButton, classes == null ? void 0 : classes.iconClear, showSearchIcon, handleClear, labels == null ? void 0 : labels.clearButtonLabel, elementId]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Adornment.HvAdornment,
+      {
+        className: cx(classes.adornmentButton, {
+          [classes.iconClear]: !showSearchIcon
+        }),
+        onClick: handleClear,
+        "aria-label": labels == null ? void 0 : labels.clearButtonLabel,
+        "aria-controls": setId.setId(elementId, "input"),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.CloseXS, {})
+      }
+    );
+  }, [showClear, classes.adornmentButton, classes.iconClear, showSearchIcon, handleClear, labels == null ? void 0 : labels.clearButtonLabel, elementId]);
   const handleSearch = React.useCallback((event) => {
     onEnter == null ? void 0 : onEnter(event, value);
   }, [onEnter, value]);
@@ -239,18 +239,13 @@ const HvInput = ({
     if (!reallyShowIt) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-      children: ({
-        css,
-        cx
-      }) => /* @__PURE__ */ jsxRuntime.jsx(Adornment.HvAdornment, {
-        className: cx(inputClasses.default.adornmentButton, css(Input_styles.styles.adornmentButton), classes == null ? void 0 : classes.adornmentButton),
-        onClick: hasOnEnter ? handleSearch : void 0,
-        "aria-label": labels == null ? void 0 : labels.searchButtonLabel,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Search, {})
-      })
+    return /* @__PURE__ */ jsxRuntime.jsx(Adornment.HvAdornment, {
+      className: classes.adornmentButton,
+      onClick: hasOnEnter ? handleSearch : void 0,
+      "aria-label": labels == null ? void 0 : labels.searchButtonLabel,
+      icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Search, {})
     });
-  }, [showSearchIcon, isEmptyValue, hasOnEnter, validationState, classes == null ? void 0 : classes.adornmentButton, handleSearch, labels == null ? void 0 : labels.searchButtonLabel]);
+  }, [showSearchIcon, isEmptyValue, hasOnEnter, validationState, classes.adornmentButton, handleSearch, labels == null ? void 0 : labels.searchButtonLabel]);
   const handleRevealPassword = React.useCallback(() => {
     setRevealPassword(!revealPassword);
   }, [revealPassword]);
@@ -258,26 +253,21 @@ const HvInput = ({
     if (!showRevealPasswordButton) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-      children: ({
-        css,
-        cx
-      }) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
-        disableFocusListener: true,
-        disableTouchListener: true,
-        title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-          children: revealPassword ? labels == null ? void 0 : labels.revealPasswordButtonClickToHideTooltip : labels == null ? void 0 : labels.revealPasswordButtonClickToShowTooltip
-        }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(Adornment.HvAdornment, {
-          className: cx(inputClasses.default.adornmentButton, css(Input_styles.styles.adornmentButton), classes == null ? void 0 : classes.adornmentButton),
-          onClick: handleRevealPassword,
-          "aria-label": labels == null ? void 0 : labels.revealPasswordButtonLabel,
-          "aria-controls": setId.setId(elementId, "input"),
-          icon: revealPassword ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.PreviewOff, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Preview, {})
-        })
+    return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
+      disableFocusListener: true,
+      disableTouchListener: true,
+      title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+        children: revealPassword ? labels == null ? void 0 : labels.revealPasswordButtonClickToHideTooltip : labels == null ? void 0 : labels.revealPasswordButtonClickToShowTooltip
+      }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Adornment.HvAdornment, {
+        className: classes.adornmentButton,
+        onClick: handleRevealPassword,
+        "aria-label": labels == null ? void 0 : labels.revealPasswordButtonLabel,
+        "aria-controls": setId.setId(elementId, "input"),
+        icon: revealPassword ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.PreviewOff, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Preview, {})
       })
     });
-  }, [showRevealPasswordButton, revealPassword, labels == null ? void 0 : labels.revealPasswordButtonClickToHideTooltip, labels == null ? void 0 : labels.revealPasswordButtonClickToShowTooltip, labels == null ? void 0 : labels.revealPasswordButtonLabel, classes == null ? void 0 : classes.adornmentButton, handleRevealPassword, elementId]);
+  }, [showRevealPasswordButton, revealPassword, labels == null ? void 0 : labels.revealPasswordButtonClickToHideTooltip, labels == null ? void 0 : labels.revealPasswordButtonClickToShowTooltip, labels == null ? void 0 : labels.revealPasswordButtonLabel, classes.adornmentButton, handleRevealPassword, elementId]);
   const validationIcon = React.useMemo(() => {
     if (!showValidationIcon) {
       return null;
@@ -285,38 +275,23 @@ const HvInput = ({
     if (!validationStates.isValid(validationState)) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-      children: ({
-        css,
-        cx
-      }) => /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, {
-        semantic: "positive",
-        className: cx(inputClasses.default.icon, css(Input_styles.styles.icon), classes == null ? void 0 : classes.icon)
-      })
+    return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, {
+      semantic: "positive",
+      className: classes.icon
     });
-  }, [showValidationIcon, validationState, classes == null ? void 0 : classes.icon]);
-  const customIconEl = React.useMemo(() => React.isValidElement(endAdornment) && /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => React__default.default.cloneElement(endAdornment, {
-      className: cx(inputClasses.default.icon, css(Input_styles.styles.icon), endAdornment.props.className, classes == null ? void 0 : classes.icon)
-    })
-  }), [classes == null ? void 0 : classes.icon, endAdornment]);
+  }, [showValidationIcon, validationState, classes.icon]);
+  const customIconEl = React.useMemo(() => React.isValidElement(endAdornment) && React__default.default.cloneElement(endAdornment, {
+    className: cx(endAdornment.props.className, classes.icon)
+  }), [classes.icon, endAdornment]);
   const adornments = React.useMemo(() => {
     if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !customIconEl)
       return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-      children: ({
-        css,
-        cx
-      }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: cx(inputClasses.default.adornmentsBox, css(Input_styles.styles.adornmentsBox), classes == null ? void 0 : classes.adornmentsBox),
-        "aria-hidden": "true",
-        children: [clearButton, revealPasswordButton, searchButton, validationIcon || customIconEl]
-      })
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: classes.adornmentsBox,
+      "aria-hidden": "true",
+      children: [clearButton, revealPasswordButton, searchButton, validationIcon || customIconEl]
     });
-  }, [classes == null ? void 0 : classes.adornmentsBox, clearButton, customIconEl, revealPasswordButton, searchButton, validationIcon]);
+  }, [classes.adornmentsBox, clearButton, customIconEl, revealPasswordButton, searchButton, validationIcon]);
   React.useEffect(() => {
     if (focused || !isDirty.current && isEmptyValue) {
       return;
@@ -327,97 +302,92 @@ const HvInput = ({
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => {
-      var _a;
-      return /* @__PURE__ */ jsxRuntime.jsxs(FormElement.HvFormElement, {
-        id,
-        name,
-        status: validationState,
-        disabled,
-        required,
-        readOnly,
-        className: cx(inputClasses.default.root, hasSuggestions && inputClasses.default.hasSuggestions, css(Input_styles.styles.root), className, classes == null ? void 0 : classes.root, hasSuggestions && (classes == null ? void 0 : classes.hasSuggestions)),
-        onBlur: onContainerBlurHandler,
-        children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          className: cx(inputClasses.default.labelContainer, css(Input_styles.styles.labelContainer), classes == null ? void 0 : classes.labelContainer),
-          children: [hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
-            id: setId.setId(elementId, "label"),
-            className: cx(inputClasses.default.label, css(Input_styles.styles.label), classes == null ? void 0 : classes.label),
-            htmlFor: setId.setId(elementId, "input"),
-            label
-          }), hasDescription && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, {
-            id: setId.setId(elementId, "description"),
-            className: cx(inputClasses.default.description, classes == null ? void 0 : classes.description),
-            children: description
-          })]
-        }), /* @__PURE__ */ jsxRuntime.jsx(BaseInput.HvBaseInput, {
-          id: hasLabel || showClear || showRevealPasswordButton ? setId.setId(elementId, "input") : setId.setId(id, "input"),
-          name,
-          value,
-          required,
-          readOnly,
-          disabled,
-          onChange: onChangeHandler,
-          autoFocus,
-          onKeyDown: onKeyDownHandler,
-          onBlur: onInputBlurHandler,
-          onFocus: onFocusHandler,
-          placeholder,
-          type: realType,
-          classes: {
-            input: cx(inputClasses.default.input, css(Input_styles.styles.input), classes == null ? void 0 : classes.input),
-            inputRoot: cx(inputClasses.default.inputRoot, css(Input_styles.styles.inputRoot), classes == null ? void 0 : classes.inputRoot),
-            inputRootFocused: cx(inputClasses.default.inputRootFocused, css(Input_styles.styles.inputRootFocused), classes == null ? void 0 : classes.inputRootFocused),
-            inputRootDisabled: cx(inputClasses.default.inputRootDisabled, css(Input_styles.styles.inputRootDisabled), classes == null ? void 0 : classes.inputRootDisabled),
-            inputRootMultiline: cx(inputClasses.default.inputRootMultiline, css(Input_styles.styles.inputRootMultiline), classes == null ? void 0 : classes.inputRootMultiline),
-            inputBorderContainer: cx(inputClasses.default.inputBorderContainer, css(Input_styles.styles.inputBorderContainer), classes == null ? void 0 : classes.inputBorderContainer)
-          },
-          invalid: isStateInvalid,
-          inputProps: {
-            "aria-label": ariaLabel,
-            "aria-labelledby": ariaLabelledBy,
-            "aria-invalid": isStateInvalid ? true : void 0,
-            "aria-errormessage": errorMessageId,
-            "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description ? setId.setId(elementId, "description") : void 0,
-            "aria-controls": canShowSuggestions ? setId.setId(elementId, "suggestions") : void 0,
-            ref: materialInputRef,
-            // prevent browsers auto-fill/suggestions when we have our own
-            autoComplete: canShowSuggestions ? "off" : void 0,
-            ...inputProps
-          },
-          inputRef: inputRefProp || inputRef,
-          endAdornment: adornments,
-          ...others
-        }), canShowSuggestions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [hasSuggestions && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            role: "presentation",
-            className: cx(inputClasses.default.inputExtension, css(Input_styles.styles.inputExtension), classes == null ? void 0 : classes.inputExtension)
-          }), /* @__PURE__ */ jsxRuntime.jsx(Suggestions.HvSuggestions, {
-            id: setId.setId(elementId, "suggestions"),
-            classes: {
-              root: cx(inputClasses.default.suggestionsContainer, css(Input_styles.styles.suggestionsContainer), classes == null ? void 0 : classes.suggestionsContainer),
-              list: cx(inputClasses.default.suggestionList, css(Input_styles.styles.suggestionList), classes == null ? void 0 : classes.suggestionList)
-            },
-            expanded: hasSuggestions,
-            anchorEl: (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.parentElement,
-            onClose: suggestionClearHandler,
-            onKeyDown: onSuggestionKeyDown,
-            onSuggestionSelected: suggestionSelectedHandler,
-            suggestionValues
-          })]
-        }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
-          id: setId.setId(elementId, "error"),
-          disableBorder: true,
-          className: cx(inputClasses.default.error, classes == null ? void 0 : classes.error),
-          children: validationMessage
-        })]
-      });
-    }
+  return /* @__PURE__ */ jsxRuntime.jsxs(FormElement.HvFormElement, {
+    id,
+    name,
+    status: validationState,
+    disabled,
+    required,
+    readOnly,
+    className: cx(className, classes.root, {
+      [classes.hasSuggestions]: hasSuggestions
+    }),
+    onBlur: onContainerBlurHandler,
+    children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: classes.labelContainer,
+      children: [hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
+        id: setId.setId(elementId, "label"),
+        className: classes.label,
+        htmlFor: setId.setId(elementId, "input"),
+        label
+      }), hasDescription && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, {
+        id: setId.setId(elementId, "description"),
+        className: classes.description,
+        children: description
+      })]
+    }), /* @__PURE__ */ jsxRuntime.jsx(BaseInput.HvBaseInput, {
+      id: hasLabel || showClear || showRevealPasswordButton ? setId.setId(elementId, "input") : setId.setId(id, "input"),
+      name,
+      value,
+      required,
+      readOnly,
+      disabled,
+      onChange: onChangeHandler,
+      autoFocus,
+      onKeyDown: onKeyDownHandler,
+      onBlur: onInputBlurHandler,
+      onFocus: onFocusHandler,
+      placeholder,
+      type: realType,
+      classes: {
+        input: classes.input,
+        inputRoot: classes.inputRoot,
+        inputRootFocused: classes.inputRootFocused,
+        inputRootDisabled: classes.inputRootDisabled,
+        inputRootMultiline: classes.inputRootMultiline,
+        inputBorderContainer: classes.inputBorderContainer
+      },
+      invalid: isStateInvalid,
+      inputProps: {
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-invalid": isStateInvalid ? true : void 0,
+        "aria-errormessage": errorMessageId,
+        "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description ? setId.setId(elementId, "description") : void 0,
+        "aria-controls": canShowSuggestions ? setId.setId(elementId, "suggestions") : void 0,
+        ref: materialInputRef,
+        // prevent browsers auto-fill/suggestions when we have our own
+        autoComplete: canShowSuggestions ? "off" : void 0,
+        ...inputProps
+      },
+      inputRef: inputRefProp || inputRef,
+      endAdornment: adornments,
+      ...others
+    }), canShowSuggestions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [hasSuggestions && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        role: "presentation",
+        className: classes.inputExtension
+      }), /* @__PURE__ */ jsxRuntime.jsx(Suggestions.HvSuggestions, {
+        id: setId.setId(elementId, "suggestions"),
+        classes: {
+          root: classes.suggestionsContainer,
+          list: classes.suggestionList
+        },
+        expanded: hasSuggestions,
+        anchorEl: (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.parentElement,
+        onClose: suggestionClearHandler,
+        onKeyDown: onSuggestionKeyDown,
+        onSuggestionSelected: suggestionSelectedHandler,
+        suggestionValues
+      })]
+    }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
+      id: setId.setId(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
   });
 };
+exports.inputClasses = Input_styles.staticClasses;
 exports.HvInput = HvInput;
 //# sourceMappingURL=Input.cjs.map

package/dist/cjs/components/Input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isBrowser, isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"@core/types\";\nimport {\n  HvAdornment,\n  HvBaseInput,\n  HvFormElement,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestion,\n  HvSuggestions,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"@core/components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"@core/hooks\";\nimport { ClassNames } from \"@emotion/react\";\nimport { styles } from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\nimport inputClasses, { HvInputClasses } from \"./inputClasses\";\n\nexport interface HvInputProps\n  extends HvBaseProps<\n    HTMLElement,\n    \"onChange\" | \"onBlur\" | \"onFocus\" | \"onKeyDown\" | \"color\"\n  > {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * Callback called when the user submits the value by pressing Enter/Return.\n   *\n   * Also called when the search button is clicked (when type is \"search\").\n   */\n  onEnter?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLInputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /** Allows passing a ref to the underlying input */\n  inputRef?: any;\n  /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */\n  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment is visible. Defaults to `false`.\n   *\n   * Currently, DS specifications define only a positive feedback icon;\n   * errors are signaled through the border style and by displaying the error message.\n   */\n  showValidationIcon?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n}\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n  searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n  isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n  return container != null && container.contains(getFocusedElement(event));\n}\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nexport const HvInput = ({\n  classes,\n  className,\n  id,\n  name,\n  value: valueProp,\n  defaultValue = \"\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onEnter,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  type = \"text\",\n  placeholder,\n  autoFocus = false,\n  labels: labelsProp,\n  validationMessages,\n  disableClear = false,\n  disableRevealPassword = false,\n  disableSearchButton = false,\n  endAdornment,\n  maxCharQuantity,\n  minCharQuantity,\n  validation,\n  showValidationIcon = false,\n  suggestionListCallback,\n  inputRef: inputRefProp,\n  onBlur,\n  onFocus,\n  onKeyDown,\n  inputProps = {},\n  ...others\n}: HvInputProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const elementId = useUniqueId(id, \"hvinput\");\n\n  const inputRef = useRef(inputRefProp || null);\n\n  const [focused, setFocused] = useState(false);\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // Value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // Validation related state\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n      validationMessages?.typeMismatchError,\n    ]\n  );\n\n  const validationType = useMemo(() => computeValidationType(type), [type]);\n\n  // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationType,\n      validation\n    );\n\n    // This will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // This will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    validationType,\n    value,\n  ]);\n\n  // The error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationType,\n          minCharQuantity,\n          maxCharQuantity,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  // Input type related state\n  const [revealPassword, setRevealPassword] = useState(false);\n\n  const realType = useMemo(() => {\n    if (type === \"password\") {\n      return revealPassword ? \"text\" : \"password\";\n    }\n\n    if (type === \"search\") {\n      return \"search\";\n    }\n\n    return \"text\";\n  }, [revealPassword, type]);\n\n  // Suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const materialInputRef = useRef<HTMLElement | null>(null);\n  const suggestionRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // TODO Replace with ref\n    suggestionRef.current = document.getElementById(\n      setId(elementId, \"suggestions\") || \"\"\n    );\n  }, [elementId]);\n\n  // Miscellaneous state\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    materialInputRef.current?.focus();\n  };\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = () => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  };\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = (val: string) => {\n    const suggestionsArray = suggestionListCallback?.(val);\n    if (suggestionsArray?.[0]?.label) {\n      setSuggestionValues(suggestionsArray);\n    } else {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    const newValue: string = item.value || item.label;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    focusInput();\n    suggestionClearHandler();\n\n    if (type === \"search\") {\n      // trigger the onEnter callback when the user selects an option in a search box\n      onEnter?.(event, newValue);\n    }\n  };\n\n  const onChangeHandler = (event, newValue) => {\n    isDirty.current = true;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    if (canShowSuggestions) {\n      // an edge case might be a controlled input whose onChange callback\n      // doesn't change the value (or sets another): the suggestionListCallback\n      // callback will still receive the original rejected value.\n      // a refactor is needed so the suggestionListCallback might be called only\n      // when the input is uncontrolled, providing a way to externally control\n      // the suggestion values.\n      suggestionHandler(newValue);\n    }\n  };\n\n  /**\n   * Validates the input updating the state and modifying the info text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onInputBlurHandler = (event) => {\n    // If the blur is executed when choosing an suggestion it should be ignored.\n    if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const getSuggestions = (li) => {\n    // TODO Replace with ref\n    const listEl = document.getElementById(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\n    return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n  };\n\n  const onSuggestionKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, keyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Focus the suggestion list when the arrow down is pressed.\n   *\n   * @param {Object} event - The event provided by the material ui input\n   */\n  const onKeyDownHandler = (event) => {\n    if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKeypress(event, keyboardCodes.Enter)) {\n      onEnter?.(event, value);\n    }\n\n    onKeyDown?.(event, value);\n  };\n\n  /**\n   * Clears the suggestion list on blur.\n   *\n   * @param {Object} event - The event provided by the material ui input.\n   */\n  const onContainerBlurHandler = (event) => {\n    if (event.relatedTarget) {\n      setTimeout(() => {\n        const list = getSuggestions(null);\n        if (!list?.contains(document.activeElement)) suggestionClearHandler();\n      }, 10);\n    }\n  };\n\n  const hasOnEnter = onEnter != null;\n\n  // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n  // also, don't show it when the input type is \"search\" and the input is active (standBy)\n  const showClear =\n    !disabled &&\n    !readOnly &&\n    !disableClear &&\n    !isEmptyValue &&\n    (!hasOnEnter ||\n      type !== \"search\" ||\n      disableSearchButton ||\n      validationState !== validationStates.standBy);\n\n  const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n  const showRevealPasswordButton =\n    type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(\n    (event) => {\n      // reset validation status to standBy (only when status is uncontrolled)\n      setValidationState(validationStates.standBy);\n\n      // clear the input value (only when value is uncontrolled)\n      setValue(\"\");\n\n      onChange?.(event, \"\");\n\n      // we wan't to focus the input when clicked and not active\n      setTimeout(focusInput);\n    },\n    [onChange, setValidationState, setValue]\n  );\n\n  const clearButton = useMemo(() => {\n    if (!showClear) {\n      return null;\n    }\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <HvAdornment\n            // Don't control visibility when the search icon is enabled\n            className={cx(\n              inputClasses.adornmentButton,\n              !showSearchIcon && inputClasses.iconClear,\n              css(styles.adornmentButton),\n              !showSearchIcon && css(styles.iconClear),\n              classes?.adornmentButton,\n              !showSearchIcon && classes?.iconClear\n            )}\n            onClick={handleClear}\n            aria-label={labels?.clearButtonLabel}\n            aria-controls={setId(elementId, \"input\")}\n            icon={<CloseXS />}\n          />\n        )}\n      </ClassNames>\n    );\n  }, [\n    showClear,\n    classes?.adornmentButton,\n    classes?.iconClear,\n    showSearchIcon,\n    handleClear,\n    labels?.clearButtonLabel,\n    elementId,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback(\n    (event) => {\n      onEnter?.(event, value);\n    },\n    [onEnter, value]\n  );\n\n  const searchButton = useMemo(() => {\n    // If the search icon is not actionable, only show it when the input is empty or active\n    const reallyShowIt =\n      showSearchIcon &&\n      (isEmptyValue ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <HvAdornment\n            className={cx(\n              inputClasses.adornmentButton,\n              css(styles.adornmentButton),\n              classes?.adornmentButton\n            )}\n            onClick={hasOnEnter ? handleSearch : undefined}\n            aria-label={labels?.searchButtonLabel}\n            icon={<Search />}\n          />\n        )}\n      </ClassNames>\n    );\n  }, [\n    showSearchIcon,\n    isEmptyValue,\n    hasOnEnter,\n    validationState,\n    classes?.adornmentButton,\n    handleSearch,\n    labels?.searchButtonLabel,\n  ]);\n\n  /**\n   * Changes input type and refocus the input.\n   */\n  const handleRevealPassword = useCallback(() => {\n    setRevealPassword(!revealPassword);\n  }, [revealPassword]);\n\n  const revealPasswordButton = useMemo(() => {\n    if (!showRevealPasswordButton) {\n      return null;\n    }\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={\n              <HvTypography>\n                {revealPassword\n                  ? labels?.revealPasswordButtonClickToHideTooltip\n                  : labels?.revealPasswordButtonClickToShowTooltip}\n              </HvTypography>\n            }\n          >\n            <HvAdornment\n              className={cx(\n                inputClasses.adornmentButton,\n                css(styles.adornmentButton),\n                classes?.adornmentButton\n              )}\n              onClick={handleRevealPassword}\n              aria-label={labels?.revealPasswordButtonLabel}\n              aria-controls={setId(elementId, \"input\")}\n              icon={revealPassword ? <PreviewOff /> : <Preview />}\n            />\n          </HvTooltip>\n        )}\n      </ClassNames>\n    );\n  }, [\n    showRevealPasswordButton,\n    revealPassword,\n    labels?.revealPasswordButtonClickToHideTooltip,\n    labels?.revealPasswordButtonClickToShowTooltip,\n    labels?.revealPasswordButtonLabel,\n    classes?.adornmentButton,\n    handleRevealPassword,\n    elementId,\n  ]);\n\n  const validationIcon = useMemo(() => {\n    if (!showValidationIcon) {\n      return null;\n    }\n\n    if (!isValid(validationState)) {\n      return null;\n    }\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <Success\n            semantic=\"positive\"\n            className={cx(inputClasses.icon, css(styles.icon), classes?.icon)}\n          />\n        )}\n      </ClassNames>\n    );\n  }, [showValidationIcon, validationState, classes?.icon]);\n\n  // useMemo to avoid repetitive cloning of the custom icon\n  const customIconEl = useMemo(\n    () =>\n      isValidElement(endAdornment) && (\n        <ClassNames>\n          {({ css, cx }) =>\n            React.cloneElement(endAdornment as React.ReactElement, {\n              className: cx(\n                inputClasses.icon,\n                css(styles.icon),\n                endAdornment.props.className,\n                classes?.icon\n              ),\n            })\n          }\n        </ClassNames>\n      ),\n    [classes?.icon, endAdornment]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\n      return null;\n\n    // note: specification implies that the custom icon should be hidden when\n    // a validation feedback icon is being shown.\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <div\n            className={cx(\n              inputClasses.adornmentsBox,\n              css(styles.adornmentsBox),\n              classes?.adornmentsBox\n            )}\n            aria-hidden=\"true\"\n          >\n            {clearButton}\n            {revealPasswordButton}\n            {searchButton}\n            {validationIcon || customIconEl}\n          </div>\n        )}\n      </ClassNames>\n    );\n  }, [\n    classes?.adornmentsBox,\n    clearButton,\n    customIconEl,\n    revealPasswordButton,\n    searchButton,\n    validationIcon,\n  ]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvFormElement\n          id={id}\n          name={name}\n          status={validationState}\n          disabled={disabled}\n          required={required}\n          readOnly={readOnly}\n          className={cx(\n            inputClasses.root,\n            hasSuggestions && inputClasses.hasSuggestions,\n            css(styles.root),\n            className,\n            classes?.root,\n            hasSuggestions && classes?.hasSuggestions\n          )}\n          onBlur={onContainerBlurHandler}\n        >\n          {(hasLabel || hasDescription) && (\n            <div\n              className={cx(\n                inputClasses.labelContainer,\n                css(styles.labelContainer),\n                classes?.labelContainer\n              )}\n            >\n              {hasLabel && (\n                <HvLabel\n                  id={setId(elementId, \"label\")}\n                  className={cx(\n                    inputClasses.label,\n                    css(styles.label),\n                    classes?.label\n                  )}\n                  htmlFor={setId(elementId, \"input\")}\n                  label={label}\n                />\n              )}\n\n              {hasDescription && (\n                <HvInfoMessage\n                  id={setId(elementId, \"description\")}\n                  className={cx(inputClasses.description, classes?.description)}\n                >\n                  {description}\n                </HvInfoMessage>\n              )}\n            </div>\n          )}\n          <HvBaseInput\n            id={\n              hasLabel || showClear || showRevealPasswordButton\n                ? setId(elementId, \"input\")\n                : setId(id, \"input\")\n            }\n            name={name}\n            value={value}\n            required={required}\n            readOnly={readOnly}\n            disabled={disabled}\n            onChange={onChangeHandler}\n            autoFocus={autoFocus}\n            onKeyDown={onKeyDownHandler}\n            onBlur={onInputBlurHandler}\n            onFocus={onFocusHandler}\n            placeholder={placeholder}\n            type={realType}\n            classes={{\n              input: cx(inputClasses.input, css(styles.input), classes?.input),\n              inputRoot: cx(\n                inputClasses.inputRoot,\n                css(styles.inputRoot),\n                classes?.inputRoot\n              ),\n              inputRootFocused: cx(\n                inputClasses.inputRootFocused,\n                css(styles.inputRootFocused),\n                classes?.inputRootFocused\n              ),\n              inputRootDisabled: cx(\n                inputClasses.inputRootDisabled,\n                css(styles.inputRootDisabled),\n                classes?.inputRootDisabled\n              ),\n              inputRootMultiline: cx(\n                inputClasses.inputRootMultiline,\n                css(styles.inputRootMultiline),\n                classes?.inputRootMultiline\n              ),\n              inputBorderContainer: cx(\n                inputClasses.inputBorderContainer,\n                css(styles.inputBorderContainer),\n                classes?.inputBorderContainer\n              ),\n            }}\n            invalid={isStateInvalid}\n            inputProps={{\n              \"aria-label\": ariaLabel,\n              \"aria-labelledby\": ariaLabelledBy,\n              \"aria-invalid\": isStateInvalid ? true : undefined,\n              \"aria-errormessage\": errorMessageId,\n              \"aria-describedby\":\n                ariaDescribedBy != null\n                  ? ariaDescribedBy\n                  : description\n                  ? setId(elementId, \"description\")\n                  : undefined,\n              \"aria-controls\": canShowSuggestions\n                ? setId(elementId, \"suggestions\")\n                : undefined,\n\n              ref: materialInputRef,\n\n              // prevent browsers auto-fill/suggestions when we have our own\n              autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n              ...inputProps,\n            }}\n            inputRef={inputRefProp || inputRef}\n            endAdornment={adornments}\n            {...others}\n          />\n          {canShowSuggestions && (\n            <>\n              {hasSuggestions && (\n                <div\n                  role=\"presentation\"\n                  className={cx(\n                    inputClasses.inputExtension,\n                    css(styles.inputExtension),\n                    classes?.inputExtension\n                  )}\n                />\n              )}\n              <HvSuggestions\n                id={setId(elementId, \"suggestions\")}\n                classes={{\n                  root: cx(\n                    inputClasses.suggestionsContainer,\n                    css(styles.suggestionsContainer),\n                    classes?.suggestionsContainer\n                  ),\n                  list: cx(\n                    inputClasses.suggestionList,\n                    css(styles.suggestionList),\n                    classes?.suggestionList\n                  ),\n                }}\n                expanded={hasSuggestions}\n                anchorEl={inputRef?.current?.parentElement}\n                onClose={suggestionClearHandler}\n                onKeyDown={onSuggestionKeyDown}\n                onSuggestionSelected={suggestionSelectedHandler}\n                suggestionValues={suggestionValues}\n              />\n            </>\n          )}\n          {canShowError && (\n            <HvWarningText\n              id={setId(elementId, \"error\")}\n              disableBorder\n              className={cx(inputClasses.error, classes?.error)}\n            >\n              {validationMessage}\n            </HvWarningText>\n          )}\n        </HvFormElement>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","ClassNames","children","css","cx","_jsx","HvAdornment","inputClasses","adornmentButton","iconClear","styles","onClick","icon","CloseXS","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","PreviewOff","Preview","validationIcon","isValid","Success","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","adornmentsBox","errorMessageId","HvFormElement","root","labelContainer","HvLabel","htmlFor","HvInfoMessage","HvBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","role","inputExtension","HvSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Input.cjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  ExtractNames,\n  isBrowser,\n  isKeypress,\n  keyboardCodes,\n  setId,\n} from \"@core/utils\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"@core/types\";\nimport {\n  HvAdornment,\n  HvBaseInput,\n  HvFormElement,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestion,\n  HvSuggestions,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"@core/components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\n\nexport { staticClasses as inputClasses };\n\nexport type HvInputClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvInputProps\n  extends HvBaseProps<\n    HTMLElement,\n    \"onChange\" | \"onBlur\" | \"onFocus\" | \"onKeyDown\" | \"color\"\n  > {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * Callback called when the user submits the value by pressing Enter/Return.\n   *\n   * Also called when the search button is clicked (when type is \"search\").\n   */\n  onEnter?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLInputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /** Allows passing a ref to the underlying input */\n  inputRef?: any;\n  /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */\n  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment is visible. Defaults to `false`.\n   *\n   * Currently, DS specifications define only a positive feedback icon;\n   * errors are signaled through the border style and by displaying the error message.\n   */\n  showValidationIcon?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n}\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n  searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n  isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n  return container != null && container.contains(getFocusedElement(event));\n}\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nexport const HvInput = ({\n  classes: classesProp,\n  className,\n  id,\n  name,\n  value: valueProp,\n  defaultValue = \"\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onEnter,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  type = \"text\",\n  placeholder,\n  autoFocus = false,\n  labels: labelsProp,\n  validationMessages,\n  disableClear = false,\n  disableRevealPassword = false,\n  disableSearchButton = false,\n  endAdornment,\n  maxCharQuantity,\n  minCharQuantity,\n  validation,\n  showValidationIcon = false,\n  suggestionListCallback,\n  inputRef: inputRefProp,\n  onBlur,\n  onFocus,\n  onKeyDown,\n  inputProps = {},\n  ...others\n}: HvInputProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const elementId = useUniqueId(id, \"hvinput\");\n\n  const inputRef = useRef(inputRefProp || null);\n\n  const [focused, setFocused] = useState(false);\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // Value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // Validation related state\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n      validationMessages?.typeMismatchError,\n    ]\n  );\n\n  const validationType = useMemo(() => computeValidationType(type), [type]);\n\n  // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationType,\n      validation\n    );\n\n    // This will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // This will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    validationType,\n    value,\n  ]);\n\n  // The error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationType,\n          minCharQuantity,\n          maxCharQuantity,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  // Input type related state\n  const [revealPassword, setRevealPassword] = useState(false);\n\n  const realType = useMemo(() => {\n    if (type === \"password\") {\n      return revealPassword ? \"text\" : \"password\";\n    }\n\n    if (type === \"search\") {\n      return \"search\";\n    }\n\n    return \"text\";\n  }, [revealPassword, type]);\n\n  // Suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const materialInputRef = useRef<HTMLElement | null>(null);\n  const suggestionRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // TODO Replace with ref\n    suggestionRef.current = document.getElementById(\n      setId(elementId, \"suggestions\") || \"\"\n    );\n  }, [elementId]);\n\n  // Miscellaneous state\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    materialInputRef.current?.focus();\n  };\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = () => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  };\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = (val: string) => {\n    const suggestionsArray = suggestionListCallback?.(val);\n    if (suggestionsArray?.[0]?.label) {\n      setSuggestionValues(suggestionsArray);\n    } else {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    const newValue: string = item.value || item.label;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    focusInput();\n    suggestionClearHandler();\n\n    if (type === \"search\") {\n      // trigger the onEnter callback when the user selects an option in a search box\n      onEnter?.(event, newValue);\n    }\n  };\n\n  const onChangeHandler = (event, newValue) => {\n    isDirty.current = true;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    if (canShowSuggestions) {\n      // an edge case might be a controlled input whose onChange callback\n      // doesn't change the value (or sets another): the suggestionListCallback\n      // callback will still receive the original rejected value.\n      // a refactor is needed so the suggestionListCallback might be called only\n      // when the input is uncontrolled, providing a way to externally control\n      // the suggestion values.\n      suggestionHandler(newValue);\n    }\n  };\n\n  /**\n   * Validates the input updating the state and modifying the info text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onInputBlurHandler = (event) => {\n    // If the blur is executed when choosing an suggestion it should be ignored.\n    if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const getSuggestions = (li) => {\n    // TODO Replace with ref\n    const listEl = document.getElementById(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\n    return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n  };\n\n  const onSuggestionKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, keyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Focus the suggestion list when the arrow down is pressed.\n   *\n   * @param {Object} event - The event provided by the material ui input\n   */\n  const onKeyDownHandler = (event) => {\n    if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKeypress(event, keyboardCodes.Enter)) {\n      onEnter?.(event, value);\n    }\n\n    onKeyDown?.(event, value);\n  };\n\n  /**\n   * Clears the suggestion list on blur.\n   *\n   * @param {Object} event - The event provided by the material ui input.\n   */\n  const onContainerBlurHandler = (event) => {\n    if (event.relatedTarget) {\n      setTimeout(() => {\n        const list = getSuggestions(null);\n        if (!list?.contains(document.activeElement)) suggestionClearHandler();\n      }, 10);\n    }\n  };\n\n  const hasOnEnter = onEnter != null;\n\n  // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n  // also, don't show it when the input type is \"search\" and the input is active (standBy)\n  const showClear =\n    !disabled &&\n    !readOnly &&\n    !disableClear &&\n    !isEmptyValue &&\n    (!hasOnEnter ||\n      type !== \"search\" ||\n      disableSearchButton ||\n      validationState !== validationStates.standBy);\n\n  const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n  const showRevealPasswordButton =\n    type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(\n    (event) => {\n      // reset validation status to standBy (only when status is uncontrolled)\n      setValidationState(validationStates.standBy);\n\n      // clear the input value (only when value is uncontrolled)\n      setValue(\"\");\n\n      onChange?.(event, \"\");\n\n      // we wan't to focus the input when clicked and not active\n      setTimeout(focusInput);\n    },\n    [onChange, setValidationState, setValue]\n  );\n\n  const clearButton = useMemo(() => {\n    if (!showClear) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        // Don't control visibility when the search icon is enabled\n        className={cx(classes.adornmentButton, {\n          [classes.iconClear]: !showSearchIcon,\n        })}\n        onClick={handleClear}\n        aria-label={labels?.clearButtonLabel}\n        aria-controls={setId(elementId, \"input\")}\n        icon={<CloseXS />}\n      />\n    );\n  }, [\n    showClear,\n    classes.adornmentButton,\n    classes.iconClear,\n    showSearchIcon,\n    handleClear,\n    labels?.clearButtonLabel,\n    elementId,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback(\n    (event) => {\n      onEnter?.(event, value);\n    },\n    [onEnter, value]\n  );\n\n  const searchButton = useMemo(() => {\n    // If the search icon is not actionable, only show it when the input is empty or active\n    const reallyShowIt =\n      showSearchIcon &&\n      (isEmptyValue ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        className={classes.adornmentButton}\n        onClick={hasOnEnter ? handleSearch : undefined}\n        aria-label={labels?.searchButtonLabel}\n        icon={<Search />}\n      />\n    );\n  }, [\n    showSearchIcon,\n    isEmptyValue,\n    hasOnEnter,\n    validationState,\n    classes.adornmentButton,\n    handleSearch,\n    labels?.searchButtonLabel,\n  ]);\n\n  /**\n   * Changes input type and refocus the input.\n   */\n  const handleRevealPassword = useCallback(() => {\n    setRevealPassword(!revealPassword);\n  }, [revealPassword]);\n\n  const revealPasswordButton = useMemo(() => {\n    if (!showRevealPasswordButton) {\n      return null;\n    }\n\n    return (\n      <HvTooltip\n        disableFocusListener\n        disableTouchListener\n        title={\n          <HvTypography>\n            {revealPassword\n              ? labels?.revealPasswordButtonClickToHideTooltip\n              : labels?.revealPasswordButtonClickToShowTooltip}\n          </HvTypography>\n        }\n      >\n        <HvAdornment\n          className={classes.adornmentButton}\n          onClick={handleRevealPassword}\n          aria-label={labels?.revealPasswordButtonLabel}\n          aria-controls={setId(elementId, \"input\")}\n          icon={revealPassword ? <PreviewOff /> : <Preview />}\n        />\n      </HvTooltip>\n    );\n  }, [\n    showRevealPasswordButton,\n    revealPassword,\n    labels?.revealPasswordButtonClickToHideTooltip,\n    labels?.revealPasswordButtonClickToShowTooltip,\n    labels?.revealPasswordButtonLabel,\n    classes.adornmentButton,\n    handleRevealPassword,\n    elementId,\n  ]);\n\n  const validationIcon = useMemo(() => {\n    if (!showValidationIcon) {\n      return null;\n    }\n\n    if (!isValid(validationState)) {\n      return null;\n    }\n\n    return <Success semantic=\"positive\" className={classes.icon} />;\n  }, [showValidationIcon, validationState, classes.icon]);\n\n  // useMemo to avoid repetitive cloning of the custom icon\n  const customIconEl = useMemo(\n    () =>\n      isValidElement(endAdornment) &&\n      React.cloneElement(endAdornment as React.ReactElement, {\n        className: cx(endAdornment.props.className, classes.icon),\n      }),\n    [classes.icon, endAdornment]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\n      return null;\n\n    // note: specification implies that the custom icon should be hidden when\n    // a validation feedback icon is being shown.\n    return (\n      <div className={classes.adornmentsBox} aria-hidden=\"true\">\n        {clearButton}\n        {revealPasswordButton}\n        {searchButton}\n        {validationIcon || customIconEl}\n      </div>\n    );\n  }, [\n    classes.adornmentsBox,\n    clearButton,\n    customIconEl,\n    revealPasswordButton,\n    searchButton,\n    validationIcon,\n  ]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={cx(className, classes.root, {\n        [classes.hasSuggestions]: hasSuggestions,\n      })}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={classes.label}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={classes.description}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseInput\n        id={\n          hasLabel || showClear || showRevealPasswordButton\n            ? setId(elementId, \"input\")\n            : setId(id, \"input\")\n        }\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDownHandler}\n        onBlur={onInputBlurHandler}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        type={realType}\n        classes={{\n          input: classes.input,\n          inputRoot: classes.inputRoot,\n          inputRootFocused: classes.inputRootFocused,\n          inputRootDisabled: classes.inputRootDisabled,\n          inputRootMultiline: classes.inputRootMultiline,\n          inputBorderContainer: classes.inputBorderContainer,\n        }}\n        invalid={isStateInvalid}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description\n              ? setId(elementId, \"description\")\n              : undefined,\n          \"aria-controls\": canShowSuggestions\n            ? setId(elementId, \"suggestions\")\n            : undefined,\n\n          ref: materialInputRef,\n\n          // prevent browsers auto-fill/suggestions when we have our own\n          autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRefProp || inputRef}\n        endAdornment={adornments}\n        {...others}\n      />\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && (\n            <div role=\"presentation\" className={classes.inputExtension} />\n          )}\n          <HvSuggestions\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: classes.suggestionsContainer,\n              list: classes.suggestionList,\n            }}\n            expanded={hasSuggestions}\n            anchorEl={inputRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={classes.error}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","classesProp","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","cx","useClasses","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","HvAdornment","adornmentButton","iconClear","onClick","icon","CloseXS","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","Success","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","adornmentsBox","errorMessageId","HvFormElement","root","labelContainer","HvLabel","htmlFor","HvInfoMessage","HvBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","role","inputExtension","HvSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}