@hitachivantara/uikit-react-core 4.4.1 → 5.0.0-next.1

package/dist/Input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labelsProp","labels","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRefProp","inputRef","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","React","useState","focused","setFocused","isDirty","useControlled","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","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","clsx","adornmentButton","iconClear","handleSearch","searchButton","reallyShowIt","handleRevealPassword","revealPasswordButton","validationIcon","isValid","icon","customIconEl","isValidElement","cloneElement","adornments","adornmentsBox","errorMessageId","root","labelContainer","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","ref","autoComplete","inputExtension","suggestionsContainer","suggestionList","parentElement","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","withStyles","styles"],"sources":["../../src/Input/Input.js"],"sourcesContent":["import React, { isValidElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { CloseXS, PreviewOff, Preview, Search, Success } from \"@hitachivantara/uikit-react-icons\";\n\nimport {\n  HvTypography,\n  HvTooltip,\n  HvAdornment,\n  HvBaseInput,\n  HvFormElement,\n  HvLabel,\n  HvSuggestions,\n  HvWarningText,\n  HvInfoMessage,\n  useUniqueId,\n  useIsMounted,\n} from \"..\";\n\nimport {\n  isBrowser,\n  isKeypress,\n  KeyboardCodes,\n  refType,\n  setId,\n  useControlled,\n  useLabels,\n} from \"../utils\";\n\nimport validationStates, { isValid, isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n\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 */\nconst HvInput = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = \"\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onEnter,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    type = \"text\",\n\n    placeholder,\n\n    autoFocus = false,\n\n    labels: labelsProp,\n\n    validationMessages,\n\n    disableClear = false,\n    disableRevealPassword = false,\n    disableSearchButton = false,\n\n    endAdornment,\n\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n\n    showValidationIcon = false,\n\n    suggestionListCallback,\n\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n    onKeyDown,\n\n    inputProps = {},\n\n    ...others\n  } = props;\n\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] = React.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(status, validationStates.standBy);\n\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\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  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\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(computeValidationMessage(inputValidity, errorMessages));\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(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const materialInputRef = useRef(null);\n  const suggestionRef = useRef({});\n\n  useEffect(() => {\n    // TODO Replace with ref\n    suggestionRef.current = document.getElementById(setId(elementId, \"suggestions\"));\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) => {\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 = 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(setId(elementId, \"suggestions-list\"));\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();\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 = type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(\n    (event) => {\n      // reset validation status to standBy (only when status is uncontrolled)\n      setValidationState(validationStates.standBy);\n\n      // clear the input value (only when value is uncontrolled)\n      setValue(\"\");\n\n      onChange?.(event, \"\");\n\n      // we wan't to focus the input when clicked and not active\n      setTimeout(focusInput);\n    },\n    [onChange, setValidationState, setValue]\n  );\n\n  const clearButton = useMemo(() => {\n    if (!showClear) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        // don't control visibility when the search icon is enabled\n        className={clsx(classes.adornmentButton, { [classes.iconClear]: !showSearchIcon })}\n        onClick={handleClear}\n        aria-label={labels.clearButtonLabel}\n        aria-controls={setId(elementId, \"input\")}\n        icon={<CloseXS />}\n      />\n    );\n  }, [\n    showClear,\n    classes.adornmentButton,\n    classes.iconClear,\n    showSearchIcon,\n    handleClear,\n    labels.clearButtonLabel,\n    elementId,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback(\n    (event) => {\n      onEnter?.(event, value);\n    },\n    [onEnter, value]\n  );\n\n  const searchButton = useMemo(() => {\n    // if the search icon is not actionable, only show it when the input is empty or active\n    const reallyShowIt =\n      showSearchIcon &&\n      (isEmptyValue || (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        className={clsx(classes.adornmentButton)}\n        onClick={hasOnEnter ? handleSearch : undefined}\n        aria-label={labels.searchButtonLabel}\n        icon={<Search />}\n      />\n    );\n  }, [\n    showSearchIcon,\n    isEmptyValue,\n    hasOnEnter,\n    validationState,\n    classes.adornmentButton,\n    handleSearch,\n    labels.searchButtonLabel,\n  ]);\n\n  /**\n   * Changes input type and refocus the input.\n   */\n  const handleRevealPassword = useCallback(() => {\n    setRevealPassword(!revealPassword);\n  }, [revealPassword]);\n\n  const revealPasswordButton = useMemo(() => {\n    if (!showRevealPasswordButton) {\n      return null;\n    }\n\n    return (\n      <HvTooltip\n        disableFocusListener\n        disableTouchListener\n        title={\n          <HvTypography>\n            {revealPassword\n              ? labels.revealPasswordButtonClickToHideTooltip\n              : labels.revealPasswordButtonClickToShowTooltip}\n          </HvTypography>\n        }\n      >\n        <HvAdornment\n          className={classes.adornmentButton}\n          onClick={handleRevealPassword}\n          aria-label={labels.revealPasswordButtonLabel}\n          aria-controls={setId(elementId, \"input\")}\n          icon={revealPassword ? <PreviewOff /> : <Preview />}\n        />\n      </HvTooltip>\n    );\n  }, [\n    showRevealPasswordButton,\n    revealPassword,\n    labels.revealPasswordButtonClickToHideTooltip,\n    labels.revealPasswordButtonClickToShowTooltip,\n    labels.revealPasswordButtonLabel,\n    classes.adornmentButton,\n    handleRevealPassword,\n    elementId,\n  ]);\n\n  const validationIcon = useMemo(() => {\n    if (!showValidationIcon) {\n      return null;\n    }\n\n    if (!isValid(validationState)) {\n      return null;\n    }\n\n    return <Success semantic=\"sema1\" className={classes.icon} />;\n  }, [showValidationIcon, validationState, classes.icon]);\n\n  // useMemo to avoid repetitive cloning of the custom icon\n  const customIconEl = useMemo(\n    () =>\n      isValidElement(endAdornment) &&\n      React.cloneElement(endAdornment, {\n        className: clsx(classes.icon, endAdornment.props.className),\n      }),\n    [classes.icon, endAdornment]\n  );\n\n  const adornments = useMemo(() => {\n    if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !customIconEl)\n      return null;\n\n    // note: specification implies that the custom icon should be hidden when\n    // a validation feedback icon is being shown.\n    return (\n      <div className={classes.adornmentsBox} aria-hidden=\"true\">\n        {clearButton}\n        {revealPasswordButton}\n        {searchButton}\n        {validationIcon || customIconEl}\n      </div>\n    );\n  }, [\n    classes.adornmentsBox,\n    clearButton,\n    customIconEl,\n    revealPasswordButton,\n    searchButton,\n    validationIcon,\n  ]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(classes.root, className, {\n        [classes.hasSuggestions]: hasSuggestions,\n      })}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={classes.label}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      <HvBaseInput\n        id={\n          hasLabel || showClear || showRevealPasswordButton\n            ? setId(elementId, \"input\")\n            : setId(id, \"input\")\n        }\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDownHandler}\n        onBlur={onInputBlurHandler}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        type={realType}\n        classes={{\n          input: classes.input,\n          inputRoot: classes.inputRoot,\n          inputRootFocused: classes.inputRootFocused,\n          inputRootDisabled: classes.inputRootDisabled,\n          inputRootMultiline: classes.inputRootMultiline,\n          inputBorderContainer: classes.inputBorderContainer,\n        }}\n        invalid={isStateInvalid}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description && setId(elementId, \"description\"),\n          \"aria-controls\": canShowSuggestions ? setId(elementId, \"suggestions\") : 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\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && <div role=\"presentation\" className={classes.inputExtension} />}\n          <HvSuggestions\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: classes.suggestionsContainer,\n              list: classes.suggestionList,\n            }}\n            expanded={hasSuggestions}\n            anchorEl={inputRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root container when the suggestion list is open.\n     */\n    hasSuggestions: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is comprising of everything but the labels and descriptions.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to the base input border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the div around the adornment.\n     */\n    adornmentsBox: PropTypes.string,\n    /**\n     * Styles applied to the the adornment when behaving as a button.\n     */\n    adornmentButton: PropTypes.string,\n    /**\n     * Styles applied to the input adornment icons.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon used to clean the input.\n     */\n    iconClear: PropTypes.string,\n\n    /**\n     * Styles applied to the input extension shown when the suggestions list is visible.\n     */\n    inputExtension: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the suggestions list.\n     */\n    suggestionsContainer: PropTypes.string,\n    /**\n     * Styles applied to the suggestions list.\n     */\n    suggestionList: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the form element.\n   */\n  value: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.string,\n\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: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\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: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the input.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\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: PropTypes.func,\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: PropTypes.func,\n\n  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Internal labels.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The label of the clear button.\n     */\n    clearButtonLabel: PropTypes.string,\n\n    /**\n     * The label of the reveal password button.\n     */\n    revealPasswordButtonLabel: PropTypes.string,\n    /**\n     * The tooltip of the reveal password button when the password is hidden.\n     */\n    revealPasswordButtonClickToShowTooltip: PropTypes.string,\n    /**\n     * The tooltip of the reveal password button when the password is revealed.\n     */\n    revealPasswordButtonClickToHideTooltip: PropTypes.string,\n\n    /**\n     * The label of the search button.\n     */\n    searchButtonLabel: PropTypes.string,\n  }),\n\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages: PropTypes.shape({\n    /**\n     * The value when a validation fails.\n     */\n    error: PropTypes.string,\n    /**\n     * The message that appears when there are too many characters.\n     */\n    maxCharError: PropTypes.string,\n    /**\n     * The message that appears when there are too few characters.\n     */\n    minCharError: PropTypes.string,\n    /**\n     * The message that appears when the input is empty and required.\n     */\n    requiredError: PropTypes.string,\n    /**\n     * The message that appears when the input is value is incompatible with the expected type.\n     */\n    typeMismatchError: PropTypes.string,\n  }),\n\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state (`invalid`, `valid`).\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown: PropTypes.func,\n\n  /**\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   */\n  suggestionListCallback: PropTypes.func,\n\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: PropTypes.func,\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n\n  /**\n   * If `true` the clear button is disabled.\n   */\n  disableClear: PropTypes.bool,\n  /**\n   * If `true` the reveal password button is disabled.\n   *\n   * Valid only when type is \"password\".\n   */\n  disableRevealPassword: PropTypes.bool,\n  /**\n   * If `true` the search button is disabled.\n   *\n   * Valid only when type is \"search\".\n   */\n  disableSearchButton: PropTypes.bool,\n\n  /**\n   * If `true` the validation icon adorment 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: PropTypes.bool,\n\n  /**\n   * a custom icon to be added into the input.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity: PropTypes.number,\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvInput\" })(HvInput);\n"],"mappings":"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"}

package/dist/Input/iconPositions.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.object.freeze.js");
-var iconPosition = Object.freeze({
-  right: "right",
-  left: "left"
-});
-var _default = iconPosition;
-exports.default = _default;
-//# sourceMappingURL=iconPositions.js.map

package/dist/Input/iconPositions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconPositions.js","names":["iconPosition","Object","freeze","right","left"],"sources":["../../src/Input/iconPositions.js"],"sourcesContent":["const iconPosition = Object.freeze({\n  right: \"right\",\n  left: \"left\",\n});\n\nexport default iconPosition;\n"],"mappings":";;;;;;;AAAA,IAAMA,YAAY,GAAGC,MAAM,CAACC,MAAM,CAAC;EACjCC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE;AACR,CAAC,CAAC;AAAC,eAEYJ,YAAY;AAAA"}

package/dist/Input/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Input";
-export * from "./Input";

package/dist/Input/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Input.default;
-  }
-});
-var _Input = _interopRequireDefault(require("./Input"));
-//# sourceMappingURL=index.js.map

package/dist/Input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Input/index.js"],"sourcesContent":["export { default } from \"./Input\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/Input/styles.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("focus-within-polyfill");
-var styles = function styles(theme) {
-  return {
-    root: {
-      display: "block"
-    },
-    hasSuggestions: {},
-    inputRoot: {
-      "&:hover": {
-        "& $iconClear": {
-          display: "block"
-        }
-      },
-      "&:focus-within $iconClear": {
-        display: "block"
-      },
-      // IE fallback code (using focus-within-polyfill)
-      "&.focus-within $iconClear": {
-        display: "block"
-      }
-    },
-    inputRootFocused: {
-      "& $iconClear": {
-        display: "block"
-      }
-    },
-    inputRootDisabled: {
-      cursor: "not-allowed"
-    },
-    inputRootMultiline: {
-      padding: 0
-    },
-    input: {
-      "&::-ms-clear": {
-        display: "none"
-      }
-    },
-    labelContainer: {
-      display: "flex",
-      alignItems: "flex-start"
-    },
-    label: {
-      paddingBottom: "6px",
-      display: "block"
-    },
-    description: {},
-    error: {},
-    adornmentsBox: {
-      display: "flex",
-      flexDirection: "row",
-      height: "30px",
-      justifyContent: "center",
-      marginRight: 1
-    },
-    adornmentButton: {
-      backgroundColor: "transparent",
-      border: "none",
-      padding: 0,
-      margin: 0,
-      cursor: "pointer"
-    },
-    icon: {
-      width: "30px",
-      height: "30px"
-    },
-    iconClear: {
-      display: "none"
-    },
-    suggestionsContainer: {
-      width: "100%",
-      position: "relative"
-    },
-    suggestionList: {
-      // ensure more specificity than .HvSuggestions-root .HvSuggestions-list
-      "$root $suggestionsContainer &": {
-        width: "100%"
-      }
-    },
-    inputExtension: {
-      height: theme.hv.spacing.xs,
-      backgroundColor: theme.hv.palette.atmosphere.atmo1,
-      boxShadow: "0px 8px 0px ".concat(theme.hv.palette.atmosphere.atmo1, ", 0px 0px 9px 0px rgba(65,65,65,.12)")
-    },
-    inputBorderContainer: {
-      "$hasSuggestions &": {
-        display: "none"
-      }
-    }
-  };
-};
-var _default = styles;
-exports.default = _default;
-//# sourceMappingURL=styles.js.map

package/dist/Input/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","hasSuggestions","inputRoot","inputRootFocused","inputRootDisabled","cursor","inputRootMultiline","padding","input","labelContainer","alignItems","label","paddingBottom","description","error","adornmentsBox","flexDirection","height","justifyContent","marginRight","adornmentButton","backgroundColor","border","margin","icon","width","iconClear","suggestionsContainer","position","suggestionList","inputExtension","hv","spacing","xs","palette","atmosphere","atmo1","boxShadow","inputBorderContainer"],"sources":["../../src/Input/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"block\",\n  },\n\n  hasSuggestions: {},\n\n  inputRoot: {\n    \"&:hover\": {\n      \"& $iconClear\": {\n        display: \"block\",\n      },\n    },\n    \"&:focus-within $iconClear\": {\n      display: \"block\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $iconClear\": {\n      display: \"block\",\n    },\n  },\n  inputRootFocused: {\n    \"& $iconClear\": { display: \"block\" },\n  },\n  inputRootDisabled: {\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n  },\n  input: {\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n  },\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  adornmentsBox: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: \"30px\",\n    justifyContent: \"center\",\n    marginRight: 1,\n  },\n  adornmentButton: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  icon: {\n    width: \"30px\",\n    height: \"30px\",\n  },\n  iconClear: {\n    display: \"none\",\n  },\n\n  suggestionsContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  suggestionList: {\n    // ensure more specificity than .HvSuggestions-root .HvSuggestions-list\n    \"$root $suggestionsContainer &\": {\n      width: \"100%\",\n    },\n  },\n\n  inputExtension: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n\n  inputBorderContainer: {\n    \"$hasSuggestions &\": {\n      display: \"none\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IACX,CAAC;IAEDC,cAAc,EAAE,CAAC,CAAC;IAElBC,SAAS,EAAE;MACT,SAAS,EAAE;QACT,cAAc,EAAE;UACdF,OAAO,EAAE;QACX;MACF,CAAC;MACD,2BAA2B,EAAE;QAC3BA,OAAO,EAAE;MACX,CAAC;MACD;MACA,2BAA2B,EAAE;QAC3BA,OAAO,EAAE;MACX;IACF,CAAC;IACDG,gBAAgB,EAAE;MAChB,cAAc,EAAE;QAAEH,OAAO,EAAE;MAAQ;IACrC,CAAC;IACDI,iBAAiB,EAAE;MACjBC,MAAM,EAAE;IACV,CAAC;IACDC,kBAAkB,EAAE;MAClBC,OAAO,EAAE;IACX,CAAC;IACDC,KAAK,EAAE;MACL,cAAc,EAAE;QACdR,OAAO,EAAE;MACX;IACF,CAAC;IAEDS,cAAc,EAAE;MACdT,OAAO,EAAE,MAAM;MACfU,UAAU,EAAE;IACd,CAAC;IACDC,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBZ,OAAO,EAAE;IACX,CAAC;IACDa,WAAW,EAAE,CAAC,CAAC;IACfC,KAAK,EAAE,CAAC,CAAC;IAETC,aAAa,EAAE;MACbf,OAAO,EAAE,MAAM;MACfgB,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE,MAAM;MACdC,cAAc,EAAE,QAAQ;MACxBC,WAAW,EAAE;IACf,CAAC;IACDC,eAAe,EAAE;MACfC,eAAe,EAAE,aAAa;MAC9BC,MAAM,EAAE,MAAM;MACdf,OAAO,EAAE,CAAC;MACVgB,MAAM,EAAE,CAAC;MACTlB,MAAM,EAAE;IACV,CAAC;IACDmB,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbR,MAAM,EAAE;IACV,CAAC;IACDS,SAAS,EAAE;MACT1B,OAAO,EAAE;IACX,CAAC;IAED2B,oBAAoB,EAAE;MACpBF,KAAK,EAAE,MAAM;MACbG,QAAQ,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACd;MACA,+BAA+B,EAAE;QAC/BJ,KAAK,EAAE;MACT;IACF,CAAC;IAEDK,cAAc,EAAE;MACdb,MAAM,EAAEnB,KAAK,CAACiC,EAAE,CAACC,OAAO,CAACC,EAAE;MAC3BZ,eAAe,EAAEvB,KAAK,CAACiC,EAAE,CAACG,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,SAAS,wBAAiBvC,KAAK,CAACiC,EAAE,CAACG,OAAO,CAACC,UAAU,CAACC,KAAK;IAC7D,CAAC;IAEDE,oBAAoB,EAAE;MACpB,mBAAmB,EAAE;QACnBtC,OAAO,EAAE;MACX;IACF;EACF,CAAC;AAAA,CAAC;AAAC,eAEYH,MAAM;AAAA"}

package/dist/Kpi/Kpi.d.ts

@@ -1,63 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-
-export interface HvKpiLabelProps {
-  /**
-   * The text at the top of the kpi.
-   */
-  title?: string;
-  /**
-   * The text in the middle of the kpi.
-   */
-  indicator?: string;
-  /**
-   * The text to the right of the indicator.
-   */
-  unit?: string;
-  /**
-   * The text to the right of the visual comparison.
-   */
-  comparisonIndicatorInfo?: string;
-}
-
-export type HvKpiClassKey =
-  | "kpiContainer"
-  | "visualIndicatorContainer"
-  | "comparisons"
-  | "comparisonContainer"
-  | "comparisonComposition"
-  | "indicatorsContainer"
-  | "indicatorText"
-  | "indicatorUnit"
-  | "spacingToTheRight"
-  | "trendLine";
-
-export interface HvKpiProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvKpiClassKey> {
-  /**
-   * An Element that will be rendered to the left of the kpi indicator text.
-   */
-  trendIndicator?: React.ReactNode;
-  /**
-   * An Element that will be rendered to the left of the kpi indicator text.
-   */
-  visualIndicator?: React.ReactNode;
-  /**
-   * An Element that will be rendered below the kpi indicator text.
-   */
-  visualComparison?: React.ReactNode;
-  /**
-   * The object that contains the different labels inside the kpi.
-   */
-  labels?: HvKpiLabelProps;
-  /**
-   *  The typography variant used in the main text indicator of the KPI
-   */
-  indicatorTextVariant?: "5xlTitle" | "xxlTitle" | "lTitle" | "sTitle";
-  /**
-   *  The typography variant used in the main text indicator of the KPI
-   */
-  indicatorUnitTextVariant?: "sTitle" | "normalText";
-}
-
-export default function HvKpi(props: HvKpiProps): JSX.Element | null;

package/dist/Kpi/Kpi.js

@@ -1,207 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.keys.js");
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _styles = require("@mui/styles");
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _styles2 = _interopRequireDefault(require("./styles"));
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["classes", "className", "id", "labels", "visualIndicator", "visualComparison", "trendIndicator", "indicatorUnitTextVariant", "indicatorTextVariant"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var DEFAULT_LABELS = {
-  title: "",
-  indicator: undefined,
-  unit: undefined,
-  comparisonIndicatorInfo: undefined
-};
-
-/**
- * Key Performance Indicator is a type of performance measurement. It monitors a business indicator
- * and its success/failure against a given target. KPIs are the first item read on a dashboard.
- * Communicates simple, immediate and vital information for operational decision making.
- */
-
-var HvKpi = function HvKpi(props) {
-  var classes = props.classes,
-    className = props.className,
-    id = props.id,
-    labelsProp = props.labels,
-    _props$visualIndicato = props.visualIndicator,
-    visualIndicator = _props$visualIndicato === void 0 ? null : _props$visualIndicato,
-    _props$visualComparis = props.visualComparison,
-    visualComparison = _props$visualComparis === void 0 ? null : _props$visualComparis,
-    _props$trendIndicator = props.trendIndicator,
-    trendIndicator = _props$trendIndicator === void 0 ? null : _props$trendIndicator,
-    _props$indicatorUnitT = props.indicatorUnitTextVariant,
-    indicatorUnitTextVariant = _props$indicatorUnitT === void 0 ? "sTitle" : _props$indicatorUnitT,
-    _props$indicatorTextV = props.indicatorTextVariant,
-    indicatorTextVariant = _props$indicatorTextV === void 0 ? "lTitle" : _props$indicatorTextV,
-    others = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var labels = (0, _utils.useLabels)(DEFAULT_LABELS, labelsProp);
-  var InternalVisualComparison = typeof visualComparison === "string" ? _Typography.default : "div";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
-    id: id,
-    className: (0, _clsx.default)(classes.root, className)
-  }, others), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-        variant: "highlightText",
-        children: labels.title
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: classes.indicatorsContainer,
-      children: [visualIndicator != null && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)(classes.visualIndicatorContainer, classes.spacingToTheRight),
-        children: visualIndicator
-      }), labels.indicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-        className: (0, _clsx.default)(classes.spacingToTheRight, classes.indicatorText),
-        variant: indicatorTextVariant,
-        children: labels.indicator
-      }), labels.unit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-        className: classes.indicatorUnit,
-        variant: indicatorUnitTextVariant,
-        children: labels.unit
-      })]
-    }), visualComparison != null && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: classes.comparisonComposition,
-      children: [trendIndicator != null && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)(classes.trendLine, classes.spacingToTheRight),
-        children: trendIndicator
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: classes.comparisonContainer,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalVisualComparison, {
-            className: (0, _clsx.default)(classes.comparisons, classes.spacingToTheRight),
-            variant: "highlightText",
-            children: visualComparison
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: classes.comparisonContainer,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            className: classes.comparisons,
-            variant: "vizText",
-            children: labels.comparisonIndicatorInfo
-          })
-        })]
-      })]
-    })]
-  }));
-};
-process.env.NODE_ENV !== "production" ? HvKpi.propTypes = {
-  /**
-   * Class names to be applied.
-   */
-  className: _propTypes.default.string,
-  /**
-   * Id to be applied to the root node.
-   */
-  id: _propTypes.default.string,
-  /**
-   * A Jss Object used to override or extend the component styles applied.
-   */
-  classes: _propTypes.default.shape({
-    /**
-     * Styles applied to the component root class.
-     */
-    root: _propTypes.default.string,
-    /**
-     * Styles applied to the component visual indicator.
-     */
-    visualIndicatorContainer: _propTypes.default.string,
-    /**
-     * Styles applied to the component comparison.
-     */
-    comparisons: _propTypes.default.string,
-    /**
-     * Styles applied to the component comparison container.
-     */
-    comparisonContainer: _propTypes.default.string,
-    /**
-     * Styles applied to the component comparison composition wrapper.
-     */
-    comparisonComposition: _propTypes.default.string,
-    /**
-     * Styles applied to the component indicators.
-     */
-    indicatorsContainer: _propTypes.default.string,
-    /**
-     * Styles applied to the component indicators text.
-     */
-    indicatorText: _propTypes.default.string,
-    /**
-     * Styles applied to the component indicators unit.
-     */
-    indicatorUnit: _propTypes.default.string,
-    /**
-     * Styles applied to the component comparison container right spacing.
-     */
-    spacingToTheRight: _propTypes.default.string,
-    /**
-     * Styles applied to the component trend line.
-     */
-    trendLine: _propTypes.default.string
-  }).isRequired,
-  /**
-   * An Element that will be rendered to the left of the kpi indicator text.
-   */
-  trendIndicator: _propTypes.default.node,
-  /**
-   * An Element that will be rendered to the left of the kpi indicator text.
-   */
-  visualIndicator: _propTypes.default.node,
-  /**
-   * An Element that will be rendered below the kpi indicator text.
-   */
-  visualComparison: _propTypes.default.node,
-  /**
-   * The object that contains the different labels inside the kpi.
-   */
-  labels: _propTypes.default.shape({
-    /**
-     * The text at the top of the kpi.
-     */
-    title: _propTypes.default.string,
-    /**
-     * The text in the middle of the kpi.
-     */
-    indicator: _propTypes.default.string,
-    /**
-     * The text to the right of the indicator.
-     */
-    unit: _propTypes.default.string,
-    /**
-     * the text to the right of the visual comparison.
-     */
-    comparisonIndicatorInfo: _propTypes.default.string
-  }),
-  /**
-   *  The typography variant used in the main text indicator of the KPI
-   */
-  indicatorTextVariant: _propTypes.default.oneOf(["5xlTitle", "xxlTitle", "lTitle", "sTitle"]),
-  /**
-   *  The typography variant used in the main text indicator of the KPI
-   */
-  indicatorUnitTextVariant: _propTypes.default.oneOf(["sTitle", "normalText"])
-} : void 0;
-var _default = (0, _styles.withStyles)(_styles2.default, {
-  name: "HvKpi"
-})(HvKpi);
-exports.default = _default;
-//# sourceMappingURL=Kpi.js.map

package/dist/Kpi/Kpi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Kpi.js","names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","classes","className","id","labelsProp","labels","visualIndicator","visualComparison","trendIndicator","indicatorUnitTextVariant","indicatorTextVariant","others","useLabels","InternalVisualComparison","HvTypography","clsx","root","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons","propTypes","PropTypes","string","shape","isRequired","node","oneOf","withStyles","styles","name"],"sources":["../../src/Kpi/Kpi.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\nimport { useLabels } from \"../utils\";\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 */\n\nconst HvKpi = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    labels: labelsProp,\n    visualIndicator = null,\n    visualComparison = null,\n    trendIndicator = null,\n    indicatorUnitTextVariant = \"sTitle\",\n    indicatorTextVariant = \"lTitle\",\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const InternalVisualComparison = typeof visualComparison === \"string\" ? HvTypography : \"div\";\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      <div>\n        <HvTypography variant=\"highlightText\">{labels.title}</HvTypography>\n      </div>\n      <div className={classes.indicatorsContainer}>\n        {visualIndicator != null && (\n          <div className={clsx(classes.visualIndicatorContainer, classes.spacingToTheRight)}>\n            {visualIndicator}\n          </div>\n        )}\n        {labels.indicator && (\n          <HvTypography\n            className={clsx(classes.spacingToTheRight, classes.indicatorText)}\n            variant={indicatorTextVariant}\n          >\n            {labels.indicator}\n          </HvTypography>\n        )}\n        {labels.unit && (\n          <HvTypography className={classes.indicatorUnit} variant={indicatorUnitTextVariant}>\n            {labels.unit}\n          </HvTypography>\n        )}\n      </div>\n      {visualComparison != null && (\n        <div className={classes.comparisonComposition}>\n          {trendIndicator != null && (\n            <div className={clsx(classes.trendLine, classes.spacingToTheRight)}>\n              {trendIndicator}\n            </div>\n          )}\n          <div>\n            <div className={classes.comparisonContainer}>\n              <InternalVisualComparison\n                className={clsx(classes.comparisons, classes.spacingToTheRight)}\n                variant=\"highlightText\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </div>\n            <div className={classes.comparisonContainer}>\n              <HvTypography className={classes.comparisons} variant=\"vizText\">\n                {labels.comparisonIndicatorInfo}\n              </HvTypography>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHvKpi.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component visual indicator.\n     */\n    visualIndicatorContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison.\n     */\n    comparisons: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container.\n     */\n    comparisonContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison composition wrapper.\n     */\n    comparisonComposition: PropTypes.string,\n    /**\n     * Styles applied to the component indicators.\n     */\n    indicatorsContainer: PropTypes.string,\n    /**\n     * Styles applied to the component indicators text.\n     */\n    indicatorText: PropTypes.string,\n    /**\n     * Styles applied to the component indicators unit.\n     */\n    indicatorUnit: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container right spacing.\n     */\n    spacingToTheRight: PropTypes.string,\n    /**\n     * Styles applied to the component trend line.\n     */\n    trendLine: PropTypes.string,\n  }).isRequired,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison: PropTypes.node,\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The text at the top of the kpi.\n     */\n    title: PropTypes.string,\n    /**\n     * The text in the middle of the kpi.\n     */\n    indicator: PropTypes.string,\n    /**\n     * The text to the right of the indicator.\n     */\n    unit: PropTypes.string,\n    /**\n     * the text to the right of the visual comparison.\n     */\n    comparisonIndicatorInfo: PropTypes.string,\n  }),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant: PropTypes.oneOf([\"5xlTitle\", \"xxlTitle\", \"lTitle\", \"sTitle\"]),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant: PropTypes.oneOf([\"sTitle\", \"normalText\"]),\n};\n\nexport default withStyles(styles, { name: \"HvKpi\" })(HvKpi);\n"],"mappings":"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"}

package/dist/Kpi/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Kpi";
-export * from "./Kpi";

package/dist/Kpi/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Kpi.default;
-  }
-});
-var _Kpi = _interopRequireDefault(require("./Kpi"));
-//# sourceMappingURL=index.js.map

package/dist/Kpi/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Kpi/index.js"],"sourcesContent":["export { default } from \"./Kpi\";\n"],"mappings":";;;;;;;;;;;;AAAA"}