@hitachivantara/uikit-react-core 5.14.1 → 5.15.0

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 { 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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"}

package/dist/cjs/components/Kpi/Kpi.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Kpi.cjs","sources":["../../../../src/components/Kpi/Kpi.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useLabels } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvTypography } from \"..\";\nimport {\n  StyledComparisonComposition,\n  StyledComparisonContainer,\n  StyledIndicatorsContainer,\n  StyledIndicatorText,\n  StyledIndicatorUnit,\n  StyledInternalVisualComparisonDiv,\n  StyledInternalVisualComparisonTypography,\n  StyledRoot,\n  StyledTrendIndicator,\n  StyledVisualIndicator,\n} from \"./Kpi.styles\";\nimport kpiClasses, { HvKpiClasses } from \"./kpiClasses\";\n\nexport interface HvKpiLabelProps {\n  /**\n   * The text at the top of the kpi.\n   */\n  title?: string;\n  /**\n   * The text in the middle of the kpi.\n   */\n  indicator?: string;\n  /**\n   * The text to the right of the indicator.\n   */\n  unit?: string;\n  /**\n   * The text to the right of the visual comparison.\n   */\n  comparisonIndicatorInfo?: string;\n}\n\nexport interface HvKpiProps extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison?: React.ReactNode;\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels?: HvKpiLabelProps;\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant?: \"display\" | \"title1\" | \"title2\";\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant?: \"title2\" | \"body\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvKpiClasses;\n}\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\nexport const HvKpi = ({\n  trendIndicator = null,\n  visualIndicator = null,\n  visualComparison = null,\n  indicatorUnitTextVariant = \"title2\",\n  indicatorTextVariant = \"title1\",\n  labels,\n  classes,\n  className,\n  ...others\n}: HvKpiProps) => {\n  const mergedLabels = useLabels(DEFAULT_LABELS, labels);\n\n  const InternalVisualComparison =\n    typeof visualComparison === \"string\"\n      ? StyledInternalVisualComparisonTypography\n      : StyledInternalVisualComparisonDiv;\n\n  return (\n    <StyledRoot\n      className={clsx(classes?.root, className, kpiClasses.root)}\n      {...others}\n    >\n      <div>\n        <HvTypography variant=\"label\">{mergedLabels?.title}</HvTypography>\n      </div>\n      <StyledIndicatorsContainer\n        className={clsx(\n          kpiClasses.indicatorsContainer,\n          classes?.indicatorsContainer\n        )}\n      >\n        {visualIndicator && (\n          <StyledVisualIndicator\n            className={clsx(\n              kpiClasses.visualIndicatorContainer,\n              kpiClasses.spacingToTheRight,\n              classes?.visualIndicatorContainer,\n              classes?.spacingToTheRight\n            )}\n          >\n            {visualIndicator}\n          </StyledVisualIndicator>\n        )}\n        {mergedLabels?.indicator && (\n          <StyledIndicatorText\n            className={clsx(\n              kpiClasses.spacingToTheRight,\n              kpiClasses.indicatorText,\n              classes?.spacingToTheRight,\n              classes?.indicatorText\n            )}\n            variant={indicatorTextVariant}\n          >\n            {mergedLabels.indicator}\n          </StyledIndicatorText>\n        )}\n        {mergedLabels?.unit && (\n          <StyledIndicatorUnit\n            className={clsx(kpiClasses.indicatorUnit, classes?.indicatorUnit)}\n            variant={indicatorUnitTextVariant}\n          >\n            {mergedLabels.unit}\n          </StyledIndicatorUnit>\n        )}\n      </StyledIndicatorsContainer>\n      {visualComparison && (\n        <StyledComparisonComposition\n          className={clsx(\n            kpiClasses.comparisonComposition,\n            classes?.comparisonComposition\n          )}\n        >\n          {trendIndicator && (\n            <StyledTrendIndicator\n              className={clsx(\n                kpiClasses.trendLine,\n                kpiClasses.spacingToTheRight,\n                classes?.trendLine,\n                classes?.spacingToTheRight\n              )}\n            >\n              {trendIndicator}\n            </StyledTrendIndicator>\n          )}\n          <div>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <InternalVisualComparison\n                className={clsx(\n                  kpiClasses.comparisons,\n                  kpiClasses.spacingToTheRight,\n                  classes?.comparisons,\n                  classes?.spacingToTheRight\n                )}\n                variant=\"label\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </StyledComparisonContainer>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <HvTypography\n                className={clsx(kpiClasses.comparisons, classes?.comparisons)}\n                variant=\"caption2\"\n              >\n                {mergedLabels?.comparisonIndicatorInfo}\n              </HvTypography>\n            </StyledComparisonContainer>\n          </div>\n        </StyledComparisonComposition>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","trendIndicator","visualIndicator","visualComparison","indicatorUnitTextVariant","indicatorTextVariant","labels","classes","className","others","mergedLabels","useLabels","InternalVisualComparison","StyledInternalVisualComparisonTypography","StyledInternalVisualComparisonDiv","StyledRoot","clsx","root","kpiClasses","children","_jsx","HvTypography","variant","_jsxs","StyledIndicatorsContainer","indicatorsContainer","StyledVisualIndicator","visualIndicatorContainer","spacingToTheRight","StyledIndicatorText","indicatorText","StyledIndicatorUnit","indicatorUnit","StyledComparisonComposition","comparisonComposition","StyledTrendIndicator","trendLine","StyledComparisonContainer","comparisonContainer","comparisons"],"mappings":"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"}
+{"version":3,"file":"Kpi.cjs","sources":["../../../../src/components/Kpi/Kpi.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useLabels } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvTypography } from \"..\";\nimport {\n  StyledComparisonComposition,\n  StyledComparisonContainer,\n  StyledIndicatorsContainer,\n  StyledIndicatorText,\n  StyledIndicatorUnit,\n  StyledInternalVisualComparisonDiv,\n  StyledInternalVisualComparisonTypography,\n  StyledRoot,\n  StyledTrendIndicator,\n  StyledVisualIndicator,\n} from \"./Kpi.styles\";\nimport kpiClasses, { HvKpiClasses } from \"./kpiClasses\";\n\nexport interface HvKpiLabelProps {\n  /**\n   * The text at the top of the kpi.\n   */\n  title?: string;\n  /**\n   * The text in the middle of the kpi.\n   */\n  indicator?: string;\n  /**\n   * The text to the right of the indicator.\n   */\n  unit?: string;\n  /**\n   * The text to the right of the visual comparison.\n   */\n  comparisonIndicatorInfo?: string;\n}\n\nexport interface HvKpiProps extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison?: React.ReactNode;\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels?: HvKpiLabelProps;\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant?: \"display\" | \"title1\" | \"title2\";\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant?: \"title2\" | \"body\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvKpiClasses;\n}\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\nexport const HvKpi = ({\n  trendIndicator = null,\n  visualIndicator = null,\n  visualComparison = null,\n  indicatorUnitTextVariant = \"title2\",\n  indicatorTextVariant = \"title1\",\n  labels,\n  classes,\n  className,\n  ...others\n}: HvKpiProps) => {\n  const mergedLabels = useLabels(DEFAULT_LABELS, labels);\n\n  const InternalVisualComparison =\n    typeof visualComparison === \"string\"\n      ? StyledInternalVisualComparisonTypography\n      : StyledInternalVisualComparisonDiv;\n\n  return (\n    <StyledRoot\n      className={clsx(classes?.root, className, kpiClasses.root)}\n      {...others}\n    >\n      <div>\n        <HvTypography variant=\"label\">{mergedLabels?.title}</HvTypography>\n      </div>\n      <StyledIndicatorsContainer\n        className={clsx(\n          kpiClasses.indicatorsContainer,\n          classes?.indicatorsContainer\n        )}\n      >\n        {visualIndicator && (\n          <StyledVisualIndicator\n            className={clsx(\n              kpiClasses.visualIndicatorContainer,\n              kpiClasses.spacingToTheRight,\n              classes?.visualIndicatorContainer,\n              classes?.spacingToTheRight\n            )}\n          >\n            {visualIndicator}\n          </StyledVisualIndicator>\n        )}\n        {mergedLabels?.indicator && (\n          <StyledIndicatorText\n            className={clsx(\n              kpiClasses.spacingToTheRight,\n              kpiClasses.indicatorText,\n              classes?.spacingToTheRight,\n              classes?.indicatorText\n            )}\n            variant={indicatorTextVariant}\n          >\n            {mergedLabels.indicator}\n          </StyledIndicatorText>\n        )}\n        {mergedLabels?.unit && (\n          <StyledIndicatorUnit\n            className={clsx(kpiClasses.indicatorUnit, classes?.indicatorUnit)}\n            variant={indicatorUnitTextVariant}\n          >\n            {mergedLabels.unit}\n          </StyledIndicatorUnit>\n        )}\n      </StyledIndicatorsContainer>\n      {visualComparison && (\n        <StyledComparisonComposition\n          className={clsx(\n            kpiClasses.comparisonComposition,\n            classes?.comparisonComposition\n          )}\n        >\n          {trendIndicator && (\n            <StyledTrendIndicator\n              className={clsx(\n                kpiClasses.trendLine,\n                kpiClasses.spacingToTheRight,\n                classes?.trendLine,\n                classes?.spacingToTheRight\n              )}\n            >\n              {trendIndicator}\n            </StyledTrendIndicator>\n          )}\n          <div>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <InternalVisualComparison\n                className={clsx(\n                  kpiClasses.comparisons,\n                  kpiClasses.spacingToTheRight,\n                  classes?.comparisons,\n                  classes?.spacingToTheRight\n                )}\n                variant=\"label\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </StyledComparisonContainer>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <HvTypography\n                className={clsx(kpiClasses.comparisons, classes?.comparisons)}\n                variant=\"caption2\"\n              >\n                {mergedLabels?.comparisonIndicatorInfo}\n              </HvTypography>\n            </StyledComparisonContainer>\n          </div>\n        </StyledComparisonComposition>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","trendIndicator","visualIndicator","visualComparison","indicatorUnitTextVariant","indicatorTextVariant","labels","classes","className","others","mergedLabels","useLabels","InternalVisualComparison","StyledInternalVisualComparisonTypography","StyledInternalVisualComparisonDiv","StyledRoot","clsx","root","kpiClasses","children","_jsx","HvTypography","variant","_jsxs","StyledIndicatorsContainer","indicatorsContainer","StyledVisualIndicator","visualIndicatorContainer","spacingToTheRight","StyledIndicatorText","indicatorText","StyledIndicatorUnit","indicatorUnit","StyledComparisonComposition","comparisonComposition","StyledTrendIndicator","trendLine","StyledComparisonContainer","comparisonContainer","comparisons"],"mappings":"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"}

package/dist/cjs/components/Kpi/Kpi.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Kpi.styles.cjs","sources":["../../../../src/components/Kpi/Kpi.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n});\n\nexport const StyledIndicatorsContainer = styled(\"div\")({\n  display: \"inline-flex\",\n  minHeight: \"16px\",\n  alignItems: \"flex-end\",\n});\n\nexport const StyledVisualIndicator = styled(\"div\")({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"40px\",\n  backgroundColor: \"transparent\",\n  marginRight: theme.space.xs,\n});\n\nexport const StyledIndicatorText = styled(HvTypography)({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledIndicatorUnit = styled(HvTypography)({\n  alignSelf: \"flex-end\",\n  paddingBottom: \"3px\",\n});\n\nexport const StyledComparisonComposition = styled(\"div\")({\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n});\n\nexport const StyledTrendIndicator = styled(\"div\")({\n  marginRight: theme.space.xs,\n  float: \"right\",\n});\n\nexport const StyledComparisonContainer = styled(\"div\")({\n  minHeight: \"16px\",\n  display: \"flex\",\n  alignItems: \"flex-end\",\n});\n\nexport const StyledInternalVisualComparisonDiv = styled(\"div\")({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledInternalVisualComparisonTypography = styled(HvTypography)({\n  marginRight: theme.space.xs,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIndicatorsContainer","StyledVisualIndicator","display","alignItems","justifyContent","height","backgroundColor","marginRight","theme","space","xs","StyledIndicatorText","HvTypography","StyledIndicatorUnit","StyledComparisonComposition","StyledTrendIndicator","float","StyledComparisonContainer","StyledInternalVisualComparisonDiv","StyledInternalVisualComparisonTypography"],"mappings":";;;;;;;;;;AAIO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEK,MAAMC,4BAAmCX,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIpD;AAEK,MAAME,wBAA+BZ,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDQ,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChBC,QAAQ;AAAA,EACRC,iBAAiB;AAAA,EACjBC,aAAaC,YAAAA,MAAMC,MAAMC;AAC3B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6EAAA;AAEK,MAAMmB,sBAA6BC,iCAAAA,QAAAA,WAAAA,cAAYtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtDa,aAAaC,YAAAA,MAAMC,MAAMC;AAC3B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6EAAA;AAEK,MAAMqB,sBAA6BD,iCAAAA,QAAAA,WAAAA,cAAYtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrD;AAEK,MAAMe,8BAAqCzB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAMtD;AAEK,MAAMgB,uBAA8B1B,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAChDa,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EACzBM,OAAO;AACT,GAAC1B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6EAAA;AAEK,MAAMyB,4BAAmC5B,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIpD;AAEK,MAAMmB,oCAA2C7B,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7Da,aAAaC,YAAAA,MAAMC,MAAMC;AAC3B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6EAAA;AAEK,MAAM2B,2CAAkDP,iCAAAA,QAAAA,WAAAA,cAAYtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3Ea,aAAaC,YAAAA,MAAMC,MAAMC;AAC3B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6EAAA;;;;;;;;;;;"}
+{"version":3,"file":"Kpi.styles.cjs","sources":["../../../../src/components/Kpi/Kpi.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n});\n\nexport const StyledIndicatorsContainer = styled(\"div\")({\n  display: \"inline-flex\",\n  minHeight: \"16px\",\n  alignItems: \"flex-end\",\n});\n\nexport const StyledVisualIndicator = styled(\"div\")({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"40px\",\n  backgroundColor: \"transparent\",\n  marginRight: theme.space.xs,\n});\n\nexport const StyledIndicatorText = styled(HvTypography)({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledIndicatorUnit = styled(HvTypography)({\n  alignSelf: \"flex-end\",\n  paddingBottom: \"3px\",\n});\n\nexport const StyledComparisonComposition = styled(\"div\")({\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n});\n\nexport const StyledTrendIndicator = styled(\"div\")({\n  marginRight: theme.space.xs,\n  float: \"right\",\n});\n\nexport const StyledComparisonContainer = styled(\"div\")({\n  minHeight: \"16px\",\n  display: \"flex\",\n  alignItems: \"flex-end\",\n});\n\nexport const StyledInternalVisualComparisonDiv = styled(\"div\")({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledInternalVisualComparisonTypography = styled(HvTypography)({\n  marginRight: theme.space.xs,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIndicatorsContainer","StyledVisualIndicator","display","alignItems","justifyContent","height","backgroundColor","marginRight","theme","space","xs","StyledIndicatorText","HvTypography","StyledIndicatorUnit","StyledComparisonComposition","StyledTrendIndicator","float","StyledComparisonContainer","StyledInternalVisualComparisonDiv","StyledInternalVisualComparisonTypography"],"mappings":"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"}

package/dist/cjs/components/Link/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { MouseEventHandler } from \"react\";\nimport { StyledA } from \"./Link.styles\";\nimport linkClasses, { HvLinkClasses } from \"./linkClasses\";\n\nexport interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, \"onClick\"> {\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  route?: string;\n  data?: any;\n  children: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLinkClasses;\n}\n\nexport const HvLink = ({\n  onClick,\n  classes,\n  className,\n  route,\n  data,\n  children,\n  ...others\n}: HvLinkProps) => {\n  const handleClick = (event) => {\n    event.preventDefault();\n\n    onClick?.(event, data);\n  };\n\n  return (\n    <StyledA\n      href={route}\n      onClick={onClick != null ? handleClick : undefined}\n      className={clsx(className, linkClasses.a, classes?.a)}\n      {...others}\n    >\n      {children}\n    </StyledA>\n  );\n};\n"],"names":["HvLink","onClick","classes","className","route","data","children","others","handleClick","event","preventDefault","StyledA","href","undefined","clsx","linkClasses","a"],"mappings":";;;;;;AAkBO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,QAAMC,cAAeC,CAAU,UAAA;AAC7BA,UAAMC,eAAgB;AAEtBT,uCAAUQ,OAAOJ;AAAAA,EAAI;AAGvB,wCACGM,YAAAA,SAAO;AAAA,IACNC,MAAMR;AAAAA,IACNH,SAASA,WAAW,OAAOO,cAAcK;AAAAA,IACzCV,WAAWW,KAAKX,KAAAA,WAAWY,YAAYC,QAAAA,GAAGd,mCAASc,CAAC;AAAA,IAAE,GAClDT;AAAAA,IAAMD;AAAAA,EAAAA,CAGF;AAEd;;"}
+{"version":3,"file":"Link.cjs","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { MouseEventHandler } from \"react\";\nimport { StyledA } from \"./Link.styles\";\nimport linkClasses, { HvLinkClasses } from \"./linkClasses\";\n\nexport interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, \"onClick\"> {\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  route?: string;\n  data?: any;\n  children: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLinkClasses;\n}\n\nexport const HvLink = ({\n  onClick,\n  classes,\n  className,\n  route,\n  data,\n  children,\n  ...others\n}: HvLinkProps) => {\n  const handleClick = (event) => {\n    event.preventDefault();\n\n    onClick?.(event, data);\n  };\n\n  return (\n    <StyledA\n      href={route}\n      onClick={onClick != null ? handleClick : undefined}\n      className={clsx(className, linkClasses.a, classes?.a)}\n      {...others}\n    >\n      {children}\n    </StyledA>\n  );\n};\n"],"names":["HvLink","onClick","classes","className","route","data","children","others","handleClick","event","preventDefault","StyledA","href","undefined","clsx","linkClasses","a"],"mappings":";;;;;;AAkBO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,QAAMC,cAAeC,CAAU,UAAA;AAC7BA,UAAMC,eAAe;AAErBT,uCAAUQ,OAAOJ;AAAAA,EAAI;AAGvB,wCACGM,YAAAA,SAAO;AAAA,IACNC,MAAMR;AAAAA,IACNH,SAASA,WAAW,OAAOO,cAAcK;AAAAA,IACzCV,WAAWW,KAAKX,KAAAA,WAAWY,YAAYC,QAAAA,GAAGd,mCAASc,CAAC;AAAA,IAAE,GAClDT;AAAAA,IAAMD;AAAAA,EAAAA,CAGH;AAEb;;"}

package/dist/cjs/components/List/List.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.cjs","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { forwardRef, isValidElement, useEffect, useMemo, useRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"@core/types\";\nimport { HvListContainer, HvTypography } from \"@core/components\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\nimport {\n  StyledFixedSizeList,\n  StyledSelectAllCheckBox,\n  StyledLink,\n  StyledMultiSelectCheckBox,\n  StyledSingleSelectRadio,\n  StyledListItem,\n  StyledDropRightXS,\n} from \"./List.styles\";\nimport listClasses, { HvListClasses } from \"./listClasses\";\nimport useSelectableList from \"./useSelectableList\";\nimport { parseList } from \"./utils\";\n\nexport interface HvListValue extends HvExtraProps {\n  id?: string | number;\n  label: React.ReactNode;\n  searchValue?: string;\n  selected?: boolean;\n  disabled?: boolean;\n  isHidden?: boolean;\n  icon?:\n    | React.ReactNode\n    | ((params: {\n        isDisabled?: boolean;\n        isSelected?: boolean;\n      }) => React.ReactNode);\n  showNavIcon?: boolean;\n  path?: string;\n  params?: object;\n  tabIndex?: number;\n}\n\nexport interface HvListLabels {\n  /** The label used for the All checkbox action. */\n  selectAll?: string;\n  /** The label used in the middle of the multi-selection count. */\n  selectionConjunction?: string;\n}\n\nexport interface HvListProps\n  extends HvBaseProps<HTMLUListElement, \"onChange\" | \"onClick\"> {\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - id: The id of the item.\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - isHidden: Is item visible.\n   * - icon: The icon.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   * - path: The path to navigate to.\n   */\n  values: HvListValue[];\n  /** If true renders a multi select list. */\n  multiSelect?: boolean;\n  /**\n   * If true renders select all option for multi selection lists with selectors.\n   * note: It will only be rendered if multiSelect and useSelector props are set to true.\n   */\n  showSelectAll?: boolean;\n  /** An object containing all the labels for the dropdown. */\n  labels?: HvListLabels;\n  /** If true renders list items with radio or checkbox selectors. */\n  useSelector?: boolean;\n  /** Call back fired when list item is selected. Returns selection state. */\n  onChange?: (value: HvListValue[]) => void;\n  /** Call back fired when list item is selected. Returns selected item. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** If `true` the list items will show the selection state. */\n  selectable?: boolean;\n  /** If `true`, selection can be toggled when single selection. */\n  singleSelectionToggle?: boolean;\n  /** If `true` the list will be rendered without vertical spacing. */\n  condensed?: boolean;\n  /** If `true` the dropdown will show tooltips when user mouseenter text in list */\n  hasTooltips?: boolean;\n  /** Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used */\n  height?: number;\n  /** Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options. */\n  virtualized?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListClasses;\n}\n\nconst DEFAULT_LABELS = {\n  selectAll: \"Select All\",\n  selectionConjunction: \"/\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nexport const HvList = ({\n  id,\n  classes,\n  className,\n  multiSelect = false,\n  hasTooltips = false,\n  showSelectAll = false,\n  labels = DEFAULT_LABELS,\n  useSelector = false,\n  selectable = true,\n  singleSelectionToggle = true,\n  condensed = false,\n  onChange,\n  onClick,\n  values: valuesProp = [],\n  height,\n  virtualized = false,\n  ...others\n}: HvListProps) => {\n  const [list, setList, selection] = useSelectableList(valuesProp);\n  const listRef = useRef<any>(null);\n\n  useEffect(() => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList: HvListValue[] = parseList(\n      undefined,\n      passedProps,\n      undefined,\n      valuesProp\n    );\n\n    setList(parsedList);\n  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n  const handleSelect = (evt, item) => {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(item, passedProps, undefined, list);\n    setList(parsedList);\n\n    onClick?.(evt, item);\n    onChange?.(parsedList);\n  };\n\n  const handleSelectAll = () => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const anySelectableSelected = list.some(\n      (elem) => elem.selected || elem.disabled\n    );\n    const parsedList = parseList(\n      undefined,\n      passedProps,\n      !anySelectableSelected,\n      list\n    );\n    setList(parsedList);\n\n    onChange?.(parsedList);\n  };\n\n  const renderLeftIcon = (item) => {\n    return isValidElement(item.icon)\n      ? item.icon\n      : item.icon?.({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        });\n  };\n\n  const renderSelectAll = () => {\n    const { selectAll, selectionConjunction } = labels;\n\n    const anySelected = !!selection?.length;\n    const allSelected = selection.length === list.length;\n\n    const selectionLabel = (\n      <HvTypography component=\"span\">\n        {!anySelected ? (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        ) : (\n          <>\n            <b>{selection.length}</b>\n            {`\\xa0${selectionConjunction}\\xa0`}\n            {list.length}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <StyledSelectAllCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={handleSelectAll}\n        className={clsx(\n          listClasses.selectAllSelector,\n          classes?.selectAllSelector\n        )}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  const renderItemText = (item) => {\n    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n    return !multiSelect && item.path ? (\n      <StyledLink\n        key={item.label}\n        route={item.path}\n        classes={{ a: clsx(listClasses.link, classes?.link) }}\n      >\n        <ItemText />\n      </StyledLink>\n    ) : (\n      <ItemText />\n    );\n  };\n\n  const renderMultiSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <StyledMultiSelectCheckBox\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          onChange={(evt) => handleSelect(evt, item)}\n          classes={{\n            root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n            container: clsx(\n              listClasses.selectorContainer,\n              classes?.selectorContainer\n            ),\n            label: clsx(listClasses.truncate, classes?.truncate),\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n\n    return renderItemText(item);\n  };\n\n  const renderSingleSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <StyledSingleSelectRadio\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          classes={{\n            root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n            container: clsx(\n              listClasses.selectorContainer,\n              classes?.selectorContainer\n            ),\n            label: clsx(listClasses.truncate, classes?.truncate),\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n    return renderItemText(item);\n  };\n\n  const renderListItem = (item, i, otherProps = {}) => {\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n\n    let startAdornment = null;\n    if (!useSelector && item.icon) {\n      startAdornment = renderLeftIcon(item);\n    }\n\n    return (\n      <StyledListItem\n        key={i}\n        id={itemId}\n        role={selectable ? \"option\" : \"menuitem\"}\n        disabled={item.disabled || undefined}\n        className={clsx(listClasses.item, classes?.item)}\n        classes={{\n          selected:\n            useSelector || multiSelect\n              ? clsx(listClasses.itemSelector, classes?.itemSelector)\n              : undefined,\n        }}\n        selected={multiSelect || selected ? selected : undefined}\n        onClick={(evt) => handleSelect(evt, item)}\n        startAdornment={startAdornment}\n        endAdornment={\n          item.showNavIcon && (\n            <StyledDropRightXS\n              className={clsx(listClasses.box, classes?.box)}\n              iconSize=\"XS\"\n            />\n          )\n        }\n        $applySelected={useSelector || multiSelect}\n        {...otherProps}\n      >\n        {multiSelect\n          ? renderMultiSelectItem(item, itemId)\n          : renderSingleSelectItem(item, itemId)}\n      </StyledListItem>\n    );\n  };\n\n  const filteredList = list.filter((it) => !it.isHidden);\n  const anySelected = list\n    .map((item) => item.selected && !item.disabled)\n    .reduce((result, selected) => result || selected, false);\n\n  const selectedItemIndex = list.findIndex((item) => item.selected);\n  useEffect(() => {\n    if (selectedItemIndex >= 0 && listRef.current !== null) {\n      listRef.current.scrollToItem(selectedItemIndex);\n    }\n  }, [listRef, selectedItemIndex]);\n\n  const ListItem = ({ index, style }) => {\n    const item = filteredList[index];\n    const tabIndex =\n      item.tabIndex ||\n      (!anySelected && index === 0) ||\n      (item.selected && !item.disabled)\n        ? 0\n        : -1;\n\n    return renderListItem(item, index, {\n      style: {\n        ...style,\n        top: `${parseFloat(style.top) + 5}px`,\n        left: `${parseFloat(style.left) + 5}px`,\n        width: `calc(${parseFloat(style.width)}% - 10px)`,\n      },\n      tabIndex,\n      interactive: true,\n      condensed,\n      disableGutters: useSelector,\n    });\n  };\n\n  const renderFixedList = useMemo(() => {\n    return forwardRef(({ ...rest }, ref) => (\n      <HvListContainer\n        id={id}\n        className={clsx(className, listClasses.root, classes?.root)}\n        role={selectable ? \"listbox\" : \"menu\"}\n        interactive\n        condensed={condensed}\n        disableGutters={useSelector}\n        aria-multiselectable={(selectable && multiSelect) || undefined}\n        ref={ref}\n        {...rest}\n      />\n    ));\n  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n  return (\n    <>\n      {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n      {filteredList.length > 0 && !virtualized && (\n        <HvListContainer\n          id={id}\n          className={clsx(className, listClasses.root, classes?.root)}\n          role={selectable ? \"listbox\" : \"menu\"}\n          interactive\n          condensed={condensed}\n          disableGutters={useSelector}\n          aria-multiselectable={(selectable && multiSelect) || undefined}\n          {...others}\n        >\n          {filteredList.map((item, i) => renderListItem(item, i))}\n        </HvListContainer>\n      )}\n      {filteredList.length > 0 && virtualized && (\n        <StyledFixedSizeList\n          ref={listRef}\n          className={clsx(\n            listClasses.virtualizedRoot,\n            classes?.virtualizedRoot\n          )}\n          height={(height || 0) + 5}\n          width=\"100%\"\n          itemCount={filteredList.length}\n          itemSize={condensed ? 32 : 40}\n          innerElementType={renderFixedList}\n          {...others}\n        >\n          {ListItem}\n        </StyledFixedSizeList>\n      )}\n    </>\n  );\n};\n"],"names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","list","setList","selection","useSelectableList","listRef","useRef","useEffect","passedProps","parsedList","parseList","undefined","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","StyledSelectAllCheckBox","setId","label","clsx","listClasses","selectAllSelector","indeterminate","checked","renderItemText","ItemText","wrapperTooltip","StyledLink","route","a","link","renderMultiSelectItem","itemId","Selection","StyledMultiSelectCheckBox","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","StyledSingleSelectRadio","renderListItem","i","otherProps","startAdornment","StyledListItem","role","itemSelector","endAdornment","showNavIcon","StyledDropRightXS","box","iconSize","$applySelected","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","renderFixedList","useMemo","forwardRef","rest","ref","HvListContainer","StyledFixedSizeList","virtualizedRoot","itemCount","itemSize","innerElementType"],"mappings":"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"}
+{"version":3,"file":"List.cjs","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { forwardRef, isValidElement, useEffect, useMemo, useRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"@core/types\";\nimport { HvListContainer, HvTypography } from \"@core/components\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\nimport {\n  StyledFixedSizeList,\n  StyledSelectAllCheckBox,\n  StyledLink,\n  StyledMultiSelectCheckBox,\n  StyledSingleSelectRadio,\n  StyledListItem,\n  StyledDropRightXS,\n} from \"./List.styles\";\nimport listClasses, { HvListClasses } from \"./listClasses\";\nimport useSelectableList from \"./useSelectableList\";\nimport { parseList } from \"./utils\";\n\nexport interface HvListValue extends HvExtraProps {\n  id?: string | number;\n  label: React.ReactNode;\n  searchValue?: string;\n  selected?: boolean;\n  disabled?: boolean;\n  isHidden?: boolean;\n  icon?:\n    | React.ReactNode\n    | ((params: {\n        isDisabled?: boolean;\n        isSelected?: boolean;\n      }) => React.ReactNode);\n  showNavIcon?: boolean;\n  path?: string;\n  params?: object;\n  tabIndex?: number;\n}\n\nexport interface HvListLabels {\n  /** The label used for the All checkbox action. */\n  selectAll?: string;\n  /** The label used in the middle of the multi-selection count. */\n  selectionConjunction?: string;\n}\n\nexport interface HvListProps\n  extends HvBaseProps<HTMLUListElement, \"onChange\" | \"onClick\"> {\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - id: The id of the item.\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - isHidden: Is item visible.\n   * - icon: The icon.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   * - path: The path to navigate to.\n   */\n  values: HvListValue[];\n  /** If true renders a multi select list. */\n  multiSelect?: boolean;\n  /**\n   * If true renders select all option for multi selection lists with selectors.\n   * note: It will only be rendered if multiSelect and useSelector props are set to true.\n   */\n  showSelectAll?: boolean;\n  /** An object containing all the labels for the dropdown. */\n  labels?: HvListLabels;\n  /** If true renders list items with radio or checkbox selectors. */\n  useSelector?: boolean;\n  /** Call back fired when list item is selected. Returns selection state. */\n  onChange?: (value: HvListValue[]) => void;\n  /** Call back fired when list item is selected. Returns selected item. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** If `true` the list items will show the selection state. */\n  selectable?: boolean;\n  /** If `true`, selection can be toggled when single selection. */\n  singleSelectionToggle?: boolean;\n  /** If `true` the list will be rendered without vertical spacing. */\n  condensed?: boolean;\n  /** If `true` the dropdown will show tooltips when user mouseenter text in list */\n  hasTooltips?: boolean;\n  /** Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used */\n  height?: number;\n  /** Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options. */\n  virtualized?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListClasses;\n}\n\nconst DEFAULT_LABELS = {\n  selectAll: \"Select All\",\n  selectionConjunction: \"/\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nexport const HvList = ({\n  id,\n  classes,\n  className,\n  multiSelect = false,\n  hasTooltips = false,\n  showSelectAll = false,\n  labels = DEFAULT_LABELS,\n  useSelector = false,\n  selectable = true,\n  singleSelectionToggle = true,\n  condensed = false,\n  onChange,\n  onClick,\n  values: valuesProp = [],\n  height,\n  virtualized = false,\n  ...others\n}: HvListProps) => {\n  const [list, setList, selection] = useSelectableList(valuesProp);\n  const listRef = useRef<any>(null);\n\n  useEffect(() => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList: HvListValue[] = parseList(\n      undefined,\n      passedProps,\n      undefined,\n      valuesProp\n    );\n\n    setList(parsedList);\n  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n  const handleSelect = (evt, item) => {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(item, passedProps, undefined, list);\n    setList(parsedList);\n\n    onClick?.(evt, item);\n    onChange?.(parsedList);\n  };\n\n  const handleSelectAll = () => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const anySelectableSelected = list.some(\n      (elem) => elem.selected || elem.disabled\n    );\n    const parsedList = parseList(\n      undefined,\n      passedProps,\n      !anySelectableSelected,\n      list\n    );\n    setList(parsedList);\n\n    onChange?.(parsedList);\n  };\n\n  const renderLeftIcon = (item) => {\n    return isValidElement(item.icon)\n      ? item.icon\n      : item.icon?.({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        });\n  };\n\n  const renderSelectAll = () => {\n    const { selectAll, selectionConjunction } = labels;\n\n    const anySelected = !!selection?.length;\n    const allSelected = selection.length === list.length;\n\n    const selectionLabel = (\n      <HvTypography component=\"span\">\n        {!anySelected ? (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        ) : (\n          <>\n            <b>{selection.length}</b>\n            {`\\xa0${selectionConjunction}\\xa0`}\n            {list.length}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <StyledSelectAllCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={handleSelectAll}\n        className={clsx(\n          listClasses.selectAllSelector,\n          classes?.selectAllSelector\n        )}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  const renderItemText = (item) => {\n    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n    return !multiSelect && item.path ? (\n      <StyledLink\n        key={item.label}\n        route={item.path}\n        classes={{ a: clsx(listClasses.link, classes?.link) }}\n      >\n        <ItemText />\n      </StyledLink>\n    ) : (\n      <ItemText />\n    );\n  };\n\n  const renderMultiSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <StyledMultiSelectCheckBox\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          onChange={(evt) => handleSelect(evt, item)}\n          classes={{\n            root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n            container: clsx(\n              listClasses.selectorContainer,\n              classes?.selectorContainer\n            ),\n            label: clsx(listClasses.truncate, classes?.truncate),\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n\n    return renderItemText(item);\n  };\n\n  const renderSingleSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <StyledSingleSelectRadio\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          classes={{\n            root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n            container: clsx(\n              listClasses.selectorContainer,\n              classes?.selectorContainer\n            ),\n            label: clsx(listClasses.truncate, classes?.truncate),\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n    return renderItemText(item);\n  };\n\n  const renderListItem = (item, i, otherProps = {}) => {\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n\n    let startAdornment = null;\n    if (!useSelector && item.icon) {\n      startAdornment = renderLeftIcon(item);\n    }\n\n    return (\n      <StyledListItem\n        key={i}\n        id={itemId}\n        role={selectable ? \"option\" : \"menuitem\"}\n        disabled={item.disabled || undefined}\n        className={clsx(listClasses.item, classes?.item)}\n        classes={{\n          selected:\n            useSelector || multiSelect\n              ? clsx(listClasses.itemSelector, classes?.itemSelector)\n              : undefined,\n        }}\n        selected={multiSelect || selected ? selected : undefined}\n        onClick={(evt) => handleSelect(evt, item)}\n        startAdornment={startAdornment}\n        endAdornment={\n          item.showNavIcon && (\n            <StyledDropRightXS\n              className={clsx(listClasses.box, classes?.box)}\n              iconSize=\"XS\"\n            />\n          )\n        }\n        $applySelected={useSelector || multiSelect}\n        {...otherProps}\n      >\n        {multiSelect\n          ? renderMultiSelectItem(item, itemId)\n          : renderSingleSelectItem(item, itemId)}\n      </StyledListItem>\n    );\n  };\n\n  const filteredList = list.filter((it) => !it.isHidden);\n  const anySelected = list\n    .map((item) => item.selected && !item.disabled)\n    .reduce((result, selected) => result || selected, false);\n\n  const selectedItemIndex = list.findIndex((item) => item.selected);\n  useEffect(() => {\n    if (selectedItemIndex >= 0 && listRef.current !== null) {\n      listRef.current.scrollToItem(selectedItemIndex);\n    }\n  }, [listRef, selectedItemIndex]);\n\n  const ListItem = ({ index, style }) => {\n    const item = filteredList[index];\n    const tabIndex =\n      item.tabIndex ||\n      (!anySelected && index === 0) ||\n      (item.selected && !item.disabled)\n        ? 0\n        : -1;\n\n    return renderListItem(item, index, {\n      style: {\n        ...style,\n        top: `${parseFloat(style.top) + 5}px`,\n        left: `${parseFloat(style.left) + 5}px`,\n        width: `calc(${parseFloat(style.width)}% - 10px)`,\n      },\n      tabIndex,\n      interactive: true,\n      condensed,\n      disableGutters: useSelector,\n    });\n  };\n\n  const renderFixedList = useMemo(() => {\n    return forwardRef(({ ...rest }, ref) => (\n      <HvListContainer\n        id={id}\n        className={clsx(className, listClasses.root, classes?.root)}\n        role={selectable ? \"listbox\" : \"menu\"}\n        interactive\n        condensed={condensed}\n        disableGutters={useSelector}\n        aria-multiselectable={(selectable && multiSelect) || undefined}\n        ref={ref}\n        {...rest}\n      />\n    ));\n  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n  return (\n    <>\n      {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n      {filteredList.length > 0 && !virtualized && (\n        <HvListContainer\n          id={id}\n          className={clsx(className, listClasses.root, classes?.root)}\n          role={selectable ? \"listbox\" : \"menu\"}\n          interactive\n          condensed={condensed}\n          disableGutters={useSelector}\n          aria-multiselectable={(selectable && multiSelect) || undefined}\n          {...others}\n        >\n          {filteredList.map((item, i) => renderListItem(item, i))}\n        </HvListContainer>\n      )}\n      {filteredList.length > 0 && virtualized && (\n        <StyledFixedSizeList\n          ref={listRef}\n          className={clsx(\n            listClasses.virtualizedRoot,\n            classes?.virtualizedRoot\n          )}\n          height={(height || 0) + 5}\n          width=\"100%\"\n          itemCount={filteredList.length}\n          itemSize={condensed ? 32 : 40}\n          innerElementType={renderFixedList}\n          {...others}\n        >\n          {ListItem}\n        </StyledFixedSizeList>\n      )}\n    </>\n  );\n};\n"],"names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","list","setList","selection","useSelectableList","listRef","useRef","useEffect","passedProps","parsedList","parseList","undefined","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","StyledSelectAllCheckBox","setId","label","clsx","listClasses","selectAllSelector","indeterminate","checked","renderItemText","ItemText","wrapperTooltip","StyledLink","route","a","link","renderMultiSelectItem","itemId","Selection","StyledMultiSelectCheckBox","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","StyledSingleSelectRadio","renderListItem","i","otherProps","startAdornment","StyledListItem","role","itemSelector","endAdornment","showNavIcon","StyledDropRightXS","box","iconSize","$applySelected","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","renderFixedList","useMemo","forwardRef","rest","ref","HvListContainer","StyledFixedSizeList","virtualizedRoot","itemCount","itemSize","innerElementType"],"mappings":"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"}

package/dist/cjs/components/List/List.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.styles.cjs","sources":["../../../../src/components/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { FixedSizeList } from \"react-window\";\nimport {\n  HvCheckBox,\n  HvLink,\n  HvListItem,\n  HvRadio,\n  checkBoxClasses,\n  radioClasses,\n  listItemClasses,\n  HvCheckBoxProps,\n  HvLinkProps,\n  HvRadioProps,\n} from \"@core/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFixedSizeList = styled(FixedSizeList)({\n  marginBottom: 5,\n});\n\nexport const StyledSelectAllCheckBox = styled((props: HvCheckBoxProps) => (\n  <HvCheckBox {...props} />\n))({\n  width: \"100%\",\n  margin: \"0 0 2px 0\",\n\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&:focus-within\": {\n    zIndex: 1,\n  },\n  // IE fallback code (using focus-within-polyfill)\n  \"&.focus-within\": {\n    zIndex: 1,\n  },\n});\n\nexport const StyledMultiSelectCheckBox = styled((props: HvCheckBoxProps) => (\n  <HvCheckBox {...props} />\n))({\n  [`& .${checkBoxClasses?.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${checkBoxClasses?.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${checkBoxClasses?.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledLink = styled((props: HvLinkProps) => <HvLink {...props} />)(\n  {\n    ...(theme.typography.body as CSSProperties),\n    textDecoration: \"none\",\n\n    \"&:focus\": {\n      boxShadow: \"unset !important\",\n    },\n  }\n);\n\nexport const StyledSingleSelectRadio = styled((props: HvRadioProps) => (\n  <HvRadio {...props} />\n))({\n  [`& .${radioClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${radioClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${radioClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledListItem = styled(\n  HvListItem,\n  transientOptions\n)(({ $applySelected }: { $applySelected: boolean }) => ({\n  [`& .${listItemClasses.selected}`]: {\n    ...($applySelected && {\n      \"&:not(:hover):not(.HvIsFocused):not(:focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&:not(:hover):not(.HvIsFocused):not(.focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n    }),\n  },\n}));\n\nexport const StyledDropRightXS = styled(DropRightXS)({\n  width: \"32px\",\n  height: \"32px\",\n  marginLeft: \"auto\",\n});\n"],"names":["StyledFixedSizeList","FixedSizeList","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSelectAllCheckBox","_styled","props","HvCheckBox","StyledMultiSelectCheckBox","checkBoxClasses","root","width","zIndex","container","backgroundColor","outline","boxShadow","display","overflow","textOverflow","whiteSpace","StyledLink","HvLink","theme","typography","body","textDecoration","StyledSingleSelectRadio","HvRadio","radioClasses","StyledListItem","HvListItem","_extends","transientOptions","$applySelected","listItemClasses","selected","StyledDropRightXS","DropRightXS"],"mappings":"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"}
+{"version":3,"file":"List.styles.cjs","sources":["../../../../src/components/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { FixedSizeList } from \"react-window\";\nimport {\n  HvCheckBox,\n  HvLink,\n  HvListItem,\n  HvRadio,\n  checkBoxClasses,\n  radioClasses,\n  listItemClasses,\n  HvCheckBoxProps,\n  HvLinkProps,\n  HvRadioProps,\n} from \"@core/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFixedSizeList = styled(FixedSizeList)({\n  marginBottom: 5,\n});\n\nexport const StyledSelectAllCheckBox = styled((props: HvCheckBoxProps) => (\n  <HvCheckBox {...props} />\n))({\n  width: \"100%\",\n  margin: \"0 0 2px 0\",\n\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&:focus-within\": {\n    zIndex: 1,\n  },\n  // IE fallback code (using focus-within-polyfill)\n  \"&.focus-within\": {\n    zIndex: 1,\n  },\n});\n\nexport const StyledMultiSelectCheckBox = styled((props: HvCheckBoxProps) => (\n  <HvCheckBox {...props} />\n))({\n  [`& .${checkBoxClasses?.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${checkBoxClasses?.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${checkBoxClasses?.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledLink = styled((props: HvLinkProps) => <HvLink {...props} />)(\n  {\n    ...(theme.typography.body as CSSProperties),\n    textDecoration: \"none\",\n\n    \"&:focus\": {\n      boxShadow: \"unset !important\",\n    },\n  }\n);\n\nexport const StyledSingleSelectRadio = styled((props: HvRadioProps) => (\n  <HvRadio {...props} />\n))({\n  [`& .${radioClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${radioClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${radioClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledListItem = styled(\n  HvListItem,\n  transientOptions\n)(({ $applySelected }: { $applySelected: boolean }) => ({\n  [`& .${listItemClasses.selected}`]: {\n    ...($applySelected && {\n      \"&:not(:hover):not(.HvIsFocused):not(:focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&:not(:hover):not(.HvIsFocused):not(.focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n    }),\n  },\n}));\n\nexport const StyledDropRightXS = styled(DropRightXS)({\n  width: \"32px\",\n  height: \"32px\",\n  marginLeft: \"auto\",\n});\n"],"names":["StyledFixedSizeList","FixedSizeList","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSelectAllCheckBox","_styled","props","HvCheckBox","StyledMultiSelectCheckBox","checkBoxClasses","root","width","zIndex","container","backgroundColor","outline","boxShadow","display","overflow","textOverflow","whiteSpace","StyledLink","HvLink","theme","typography","body","textDecoration","StyledSingleSelectRadio","HvRadio","radioClasses","StyledListItem","HvListItem","_extends","transientOptions","$applySelected","listItemClasses","selected","StyledDropRightXS","DropRightXS"],"mappings":"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"}

package/dist/cjs/components/List/useSelectableList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectableList.cjs","sources":["../../../../src/components/List/useSelectableList.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { HvListValue } from \".\";\n\nexport default function useSelectableList(defaultList: HvListValue[] = []) {\n  const [list, setList] = useState<HvListValue[]>(defaultList);\n  const [selection, setSelection] = useState<HvListValue[]>([]);\n\n  useEffect(() => {\n    setSelection(\n      (list as HvListValue[]).filter((elem: HvListValue) => elem.selected)\n    );\n  }, [list]);\n\n  return [list, setList, selection] as const;\n}\n"],"names":["useSelectableList","defaultList","list","setList","useState","selection","setSelection","useEffect","filter","elem","selected"],"mappings":";;;AAGwBA,SAAAA,kBAAkBC,cAA6B,IAAI;AACzE,QAAM,CAACC,MAAMC,OAAO,IAAIC,eAAwBH,WAAW;AAC3D,QAAM,CAACI,WAAWC,YAAY,IAAIF,MAAAA,SAAwB,CAAE,CAAA;AAE5DG,QAAAA,UAAU,MAAM;AACdD,iBACGJ,KAAuBM,OAAO,CAACC,SAAsBA,KAAKC,QAAQ,CAAC;AAAA,EAAA,GAErE,CAACR,IAAI,CAAC;AAEF,SAAA,CAACA,MAAMC,SAASE,SAAS;AAClC;;"}
+{"version":3,"file":"useSelectableList.cjs","sources":["../../../../src/components/List/useSelectableList.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { HvListValue } from \".\";\n\nexport default function useSelectableList(defaultList: HvListValue[] = []) {\n  const [list, setList] = useState<HvListValue[]>(defaultList);\n  const [selection, setSelection] = useState<HvListValue[]>([]);\n\n  useEffect(() => {\n    setSelection(\n      (list as HvListValue[]).filter((elem: HvListValue) => elem.selected)\n    );\n  }, [list]);\n\n  return [list, setList, selection] as const;\n}\n"],"names":["useSelectableList","defaultList","list","setList","useState","selection","setSelection","useEffect","filter","elem","selected"],"mappings":";;;AAGwBA,SAAAA,kBAAkBC,cAA6B,IAAI;AACzE,QAAM,CAACC,MAAMC,OAAO,IAAIC,eAAwBH,WAAW;AAC3D,QAAM,CAACI,WAAWC,YAAY,IAAIF,MAAAA,SAAwB,CAAE,CAAA;AAE5DG,QAAAA,UAAU,MAAM;AACdD,iBACGJ,KAAuBM,OAAO,CAACC,SAAsBA,KAAKC,QAAQ,CACrE;AAAA,EAAA,GACC,CAACR,IAAI,CAAC;AAEF,SAAA,CAACA,MAAMC,SAASE,SAAS;AAClC;;"}

package/dist/cjs/components/ListContainer/ListContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListContainer.cjs","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useForkRef } from \"@core/hooks\";\nimport HvListContext from \"./ListContext\";\nimport listContainerClasses, {\n  HvListContainerClasses,\n} from \"./listContainerClasses\";\n\nexport interface HvListContainerProps extends HvBaseProps<HTMLUListElement> {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n}\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (\n    {\n      id,\n      classes,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    }: HvListContainerProps,\n    externalRef\n  ) => {\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext<any>(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={clsx(className, listContainerClasses.root, classes?.root)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","id","classes","className","interactive","condensed","disableGutters","children","others","externalRef","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","props","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","_jsx","Provider","value","ref","clsx","listContainerClasses","root"],"mappings":";;;;;;;;;;AA4BaA,MAAAA,kBAAkBC,eAAAA,QAAMC,WACnC,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,GACtBC,gBACG;AACGC,QAAAA,eAAeC,aAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,MAAAA,WAAgBC,YAAAA,OAAa;AAEjEC,QAAAA,cAAcC,MAAAA,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCL;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAS,SAASA,UAAU;AAAA,EAAA,IAErB,CAACR,WAAWC,gBAAgBF,aAAaS,SAASD,eAAe,CAAC;AAGpE,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAACd,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMY,UAAAA,cAAcpB,eAAAA,QAAMqB,SAASC,QAAQd,QAAQ,EAChDe,IAAI,CAACC,UAAeA,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO1B,eAAAA,QAAMqB,SAASE,IAAIf,UAAU,CAACgB,OAAYM,MAAM;AACrD,YAAMC,WACJP,MAAMC,MAAMM,YACX,CAACX,eAAeU,MAAM,KACtBN,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,WAClC,IACA;AAEC3B,aAAAA,eAAAA,QAAMgC,aAAaR,OAAO;AAAA,QAC/BO;AAAAA,QACA1B;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG4B,QAAAA,YAAYC,WAAAA,QAAWxB,aAAaC,YAAY;AAGpDwB,SAAAA,2BAAAA,IAACnB,oBAAcoB,UAAQ;AAAA,IAACC,OAAOpB;AAAAA,IAAYT,yCACzC,MAAA;AAAA,MACE8B,KAAKL;AAAAA,MACL/B;AAAAA,MACAE,WAAWmC,KAAKnC,KAAAA,WAAWoC,qBAAqBC,QAAAA,MAAMtC,mCAASsC,IAAI;AAAA,MAAE,GACjEhC;AAAAA,MAAMD,UAETW,eAAc;AAAA,IAAA,CAAE;AAAA,EAAA,CAEI;AAE7B,CAAC;;"}
+{"version":3,"file":"ListContainer.cjs","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useForkRef } from \"@core/hooks\";\nimport HvListContext from \"./ListContext\";\nimport listContainerClasses, {\n  HvListContainerClasses,\n} from \"./listContainerClasses\";\n\nexport interface HvListContainerProps extends HvBaseProps<HTMLUListElement> {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n}\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (\n    {\n      id,\n      classes,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    }: HvListContainerProps,\n    externalRef\n  ) => {\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext<any>(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={clsx(className, listContainerClasses.root, classes?.root)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","id","classes","className","interactive","condensed","disableGutters","children","others","externalRef","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","props","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","_jsx","Provider","value","ref","clsx","listContainerClasses","root"],"mappings":";;;;;;;;;;AA4BaA,MAAAA,kBAAkBC,eAAAA,QAAMC,WACnC,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,GACtBC,gBACG;AACGC,QAAAA,eAAeC,aAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,MAAAA,WAAgBC,YAAAA,OAAa;AAEjEC,QAAAA,cAAcC,MAAAA,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCL;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAS,SAASA,UAAU;AAAA,EAAA,IAErB,CAACR,WAAWC,gBAAgBF,aAAaS,SAASD,eAAe,CACnE;AAEA,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAACd,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMY,UAAAA,cAAcpB,eAAAA,QAAMqB,SAASC,QAAQd,QAAQ,EAChDe,IAAI,CAACC,UAAeA,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO1B,eAAAA,QAAMqB,SAASE,IAAIf,UAAU,CAACgB,OAAYM,MAAM;AACrD,YAAMC,WACJP,MAAMC,MAAMM,YACX,CAACX,eAAeU,MAAM,KACtBN,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,WAClC,IACA;AAEC3B,aAAAA,eAAAA,QAAMgC,aAAaR,OAAO;AAAA,QAC/BO;AAAAA,QACA1B;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG4B,QAAAA,YAAYC,WAAAA,QAAWxB,aAAaC,YAAY;AAGpDwB,SAAAA,2BAAAA,IAACnB,oBAAcoB,UAAQ;AAAA,IAACC,OAAOpB;AAAAA,IAAYT,yCACzC,MAAA;AAAA,MACE8B,KAAKL;AAAAA,MACL/B;AAAAA,MACAE,WAAWmC,KAAKnC,KAAAA,WAAWoC,qBAAqBC,QAAAA,MAAMtC,mCAASsC,IAAI;AAAA,MAAE,GACjEhC;AAAAA,MAAMD,UAETW,eAAe;AAAA,IAAA,CACd;AAAA,EAAA,CACkB;AAE5B,CACF;;"}

package/dist/cjs/components/ListContainer/ListItem/ListItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.cjs","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport HvListContext from \"../ListContext\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport interface HvListItemProps extends HvBaseProps<HTMLLIElement> {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n}\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n  id,\n  classes,\n  className,\n  role,\n  value,\n  selected,\n  disabled,\n  interactive: interactiveProp,\n  condensed: condensedProp,\n  disableGutters: disableGuttersProp,\n  startAdornment,\n  endAdornment,\n  onClick,\n  children,\n  tabIndex,\n  ...others\n}: HvListItemProps) => {\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":";;;;;;;;;;AAuDA,MAAMA,kCAAkCA,CACtCC,SACAC,UACAC,UACAC,SACAC,WACAC,sBACG;;AACH,MAAIL,WAAW,MAAM;AACZM,WAAAA,eAAAA,QAAMC,aAAaP,SAAS;AAAA,MACjCI,WAAWI,KAAKJ,KAAAA,WAAWC,oBAAmBL,wCAASS,UAATT,mBAAgBI,SAAS;AAAA,MACvEM,SAAS,CAAC,CAACT;AAAAA,MACXC;AAAAA,MACAS,UAAWC,CAAQT,QAAAA,mCAAUS;AAAAA,IAAG,CACjC;AAAA,EACH;AAEO,SAAA;AACT;AAEA,MAAMC,0BAA0BA,CAACb,SAASI,WAAWC,sBAAsB;;AACzE,MAAIL,WAAW,MAAM;AACZM,WAAAA,eAAAA,QAAMC,aAAaP,SAAS;AAAA,MACjCI,WAAWI,KAAKJ,KAAAA,WAAWC,oBAAmBL,wCAASS,UAATT,mBAAgBI,SAAS;AAAA,IAAA,CACxE;AAAA,EACH;AAEO,SAAA;AACT;AAKO,MAAMU,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAZ;AAAAA,EACAa;AAAAA,EACAC;AAAAA,EACAjB;AAAAA,EACAC;AAAAA,EACAiB,aAAaC;AAAAA,EACbC,WAAWC;AAAAA,EACXC,gBAAgBC;AAAAA,EAChBC;AAAAA,EACAC;AAAAA,EACAvB;AAAAA,EACAwB;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IACJC;AAAAA,IACAT,WAAWU;AAAAA,IACXR,gBAAgBS;AAAAA,IAChBb,aAAac;AAAAA,EAAAA,IACXC,MAAAA,WAAgBC,YAAAA,OAAa;AAE3Bd,QAAAA,YAAYC,iBAAiB,OAAOA,gBAAgBS;AACpDR,QAAAA,iBACJC,sBAAsB,OAAOA,qBAAqBQ;AAC9Cb,QAAAA,cACJC,mBAAmB,OAAOA,kBAAkBa;AAExCG,QAAAA,gBAAgBC,kBACnBzB,CAAQ,QAAA;AACP,QAAI,CAACV,UAAU;AACbC,yCAAUS;AAAAA,IACZ;AAAA,EAAA,GAEF,CAACV,UAAUC,OAAO,CAAC;AAGrB,QAAMmC,uBAAuBC,MAAAA,QAC3B,MACExC,gCACE0B,gBACAxB,UACAC,UACAkC,eACA5B,KACEgC,KAAAA,gBAAAA,QAAgBf,gBAChBvB,YAAYsC,wBAAgBtC,QAAQ,GAEtCM,KAAKQ,KAAAA,mCAASS,gBAAgBvB,aAAYc,mCAASd,SAAQ,CAAC,GAEhE,CAACc,mCAASS,gBAAgBvB,UAAUkC,eAAenC,UAAUwB,cAAc,CAAC;AAExEgB,QAAAA,qBAAqBF,MAAAA,QACzB,MACE1B,wBACEa,cACAlB,UACEgC,gBAAAA,QAAgBd,cAChBxB,YAAYsC,gBAAAA,QAAgBtC,QAAQ,GAEtCM,UAAKQ,mCAASU,cAAcxB,aAAYc,mCAASd,SAAQ,CAAC,GAE9D,CAACc,mCAASU,cAAcA,YAAY,CAAC;AAGvC,QAAMgB,sBACJzB,SAAS,YAAYA,SAAS,aAC1B;AAAA,IACE,iBAAiBf,YAAYyC;AAAAA,IAC7B,iBAAiB1C;AAAAA,MAEnB;AAEA2C,QAAAA,2CACHC,gCAAc;AAAA,IACb9B;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAf,SAASiC;AAAAA,IACTU,WAAWA,MAAM;AAAA,IAAC;AAAA,IAClB1C,WAAWI,KAAAA,KACTJ,WACAoC,gBAAgBO,QAAAA,MAChB/B,mCAAS+B,MACT,CAACxB,kBAAkBf,KAAKgC,KAAAA,wBAAgBQ,SAAShC,mCAASgC,OAAO,GACjE3B,aAAab,KAAAA,KAAKgC,gBAAAA,QAAgBnB,WAAWL,mCAASK,SAAS,GAC/DF,eAAeX,KAAKgC,KAAAA,gBAAAA,QAAgBrB,aAAaH,mCAASG,WAAW,GACrElB,YAAYO,KAAAA,KAAKgC,gBAAAA,QAAgBvC,UAAUe,mCAASf,QAAQ,GAC5DC,YAAYM,KAAAA,KAAKgC,gBAAgBtC,QAAAA,UAAUc,mCAASd,QAAQ,GAC5DuB,kBAAkB,QAChBjB,KAAAA,KAAKgC,gBAAAA,QAAgBS,oBAAoBjC,mCAASiC,kBAAkB,GACtEvB,gBAAgB,QACdlB,KAAAA,KAAKgC,gBAAgBU,QAAAA,kBAAkBlC,mCAASkC,gBAAgB,CAAC;AAAA,IAErEC,UAAU,CAAC5B;AAAAA,IACX6B,cAAcjC;AAAAA,IACdkC,WAAWnD,YAAY;AAAA,IACvBoD,WAAWrD,YAAY;AAAA,IACvBsD,iBAAiB9B,kBAAkB;AAAA,IACnC+B,eAAe9B,gBAAgB;AAAA,IAAK,GAChCgB;AAAAA,IAAmB,GACnBb;AAAAA,IAAMF,UAETW,CAAAA,sBACAX,UACAc,kBAAkB;AAAA,EAAA,CAEtB;AAEMrB,SAAAA,iDACJqC,6BAAW;AAAA,IACVC,SAAS5B;AAAAA,IACT7B;AAAAA,IACA0D,eAAezD,YAAYyC;AAAAA,IAC3BiB,UAAU3C,SAAS,WAAW,YAAY;AAAA,IAC1CD,SAAS;AAAA,MAAE6C,OAAOrD,KAAAA,KAAKQ,mCAAS6C,OAAOrB,gBAAAA,QAAgBqB,KAAK;AAAA,IAAE;AAAA,IAC9DC,eAAe;AAAA,MACblC;AAAAA,IACF;AAAA,IAAED,UAEDiB;AAAAA,EAAQ,CAAA,IAGXA;AAEJ;;"}
+{"version":3,"file":"ListItem.cjs","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport HvListContext from \"../ListContext\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport interface HvListItemProps extends HvBaseProps<HTMLLIElement> {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n}\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n  id,\n  classes,\n  className,\n  role,\n  value,\n  selected,\n  disabled,\n  interactive: interactiveProp,\n  condensed: condensedProp,\n  disableGutters: disableGuttersProp,\n  startAdornment,\n  endAdornment,\n  onClick,\n  children,\n  tabIndex,\n  ...others\n}: HvListItemProps) => {\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":"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"}