@hitachivantara/uikit-react-core 3.52.5

package/dist/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Input/Input.js"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","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","elementId","React","useState","focused","setFocused","isDirty","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","performValidation","inputValidity","current","canShowError","undefined","isStateInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","getElementById","hasLabel","hasDescription","focusInput","focus","isMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","KeyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","adornmentButton","iconClear","handleSearch","searchButton","reallyShowIt","handleRevealPassword","revealPasswordButton","validationIcon","icon","customIconEl","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","styles"],"mappings":"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","sourcesContent":["import React, { isValidElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"Input.js"}

package/dist/Input/iconPositions.js

@@ -0,0 +1,16 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Input/iconPositions.js"],"names":["iconPosition","Object","freeze","right","left"],"mappings":";;;;;;;;;AAAA,IAAMA,YAAY,GAAGC,MAAM,CAACC,MAAP,CAAc;AACjCC,EAAAA,KAAK,EAAE,OAD0B;AAEjCC,EAAAA,IAAI,EAAE;AAF2B,CAAd,CAArB;eAKeJ,Y","sourcesContent":["const iconPosition = Object.freeze({\n  right: \"right\",\n  left: \"left\",\n});\n\nexport default iconPosition;\n"],"file":"iconPositions.js"}

package/dist/Input/index.d.ts

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

package/dist/Input/index.js

@@ -0,0 +1,16 @@
+"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

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

package/dist/Input/styles.js

@@ -0,0 +1,108 @@
+"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"
+      }
+    },
+    "@global": {
+      "input:-webkit-autofill": {
+        "-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
+        "-webkit-text-fill-color": theme.hv.typography.normalText.color
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Input/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Input/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","typography","normalText","color"],"mappings":"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","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  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Kpi/Kpi.d.ts

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+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

@@ -0,0 +1,213 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _core = require("@material-ui/core");
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _utils = require("../utils");
+
+var _excluded = ["classes", "className", "id", "labels", "visualIndicator", "visualComparison", "trendIndicator", "indicatorUnitTextVariant", "indicatorTextVariant"];
+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__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(classes.root, className)
+  }, others), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "highlightText"
+  }, labels.title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.indicatorsContainer
+  }, visualIndicator != null && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.visualIndicatorContainer, classes.spacingToTheRight)
+  }, visualIndicator), labels.indicator && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: (0, _clsx.default)(classes.spacingToTheRight, classes.indicatorText),
+    variant: indicatorTextVariant
+  }, labels.indicator), labels.unit && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: classes.indicatorUnit,
+    variant: indicatorUnitTextVariant
+  }, labels.unit)), visualComparison != null && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.comparisonComposition
+  }, trendIndicator != null && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.trendLine, classes.spacingToTheRight)
+  }, trendIndicator), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.comparisonContainer
+  }, /*#__PURE__*/_react.default.createElement(InternalVisualComparison, {
+    className: (0, _clsx.default)(classes.comparisons, classes.spacingToTheRight),
+    variant: "highlightText"
+  }, visualComparison)), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.comparisonContainer
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: classes.comparisons,
+    variant: "vizText"
+  }, labels.comparisonIndicatorInfo)))));
+};
+
+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"])
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvKpi"
+})(HvKpi);
+
+exports.default = _default;
+//# sourceMappingURL=Kpi.js.map

package/dist/Kpi/Kpi.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Kpi/Kpi.js"],"names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","classes","className","id","labelsProp","labels","visualIndicator","visualComparison","trendIndicator","indicatorUnitTextVariant","indicatorTextVariant","others","InternalVisualComparison","HvTypography","root","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons","propTypes","PropTypes","string","shape","isRequired","node","oneOf","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"Kpi.js"}

package/dist/Kpi/index.d.ts

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

package/dist/Kpi/index.js

@@ -0,0 +1,16 @@
+"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

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