@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Input/Input.js"],"names":["React","isValidElement","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","withStyles","CloseXS","PreviewOff","Preview","Search","Success","HvTypography","HvTooltip","HvAdornment","HvBaseInput","HvFormElement","HvLabel","HvSuggestions","HvWarningText","HvInfoMessage","useUniqueId","useIsMounted","isBrowser","isKeypress","KeyboardCodes","refType","setId","useControlled","useLabels","validationStates","isValid","isInvalid","DEFAULT_ERROR_MESSAGES","computeValidationType","hasBuiltInValidations","validateInput","computeValidationState","computeValidationMessage","styles","DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","props","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","elementId","focused","setFocused","isDirty","setValue","isEmptyValue","validationState","setValidationState","standBy","validationMessage","setValidationMessage","errorMessages","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","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","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","number"],"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/modern/Input/iconPositions.js

@@ -0,0 +1,6 @@
+const iconPosition = Object.freeze({
+  right: "right",
+  left: "left"
+});
+export default iconPosition;
+//# sourceMappingURL=iconPositions.js.map

package/dist/modern/Input/iconPositions.js.map

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

package/dist/modern/Input/index.d.ts

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

package/dist/modern/Input/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Input";
+//# sourceMappingURL=index.js.map

package/dist/modern/Input/index.js.map

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

package/dist/modern/Input/styles.js

@@ -0,0 +1,98 @@
+import "focus-within-polyfill";
+
+const styles = theme => ({
+  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 ${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 ${theme.hv.palette.atmosphere.atmo1} inset`,
+      "-webkit-text-fill-color": theme.hv.typography.normalText.color
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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/modern/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/modern/Kpi/Kpi.js

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

package/dist/modern/Kpi/Kpi.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Kpi/Kpi.js"],"names":["React","PropTypes","clsx","withStyles","HvTypography","styles","useLabels","DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","classes","className","id","labels","labelsProp","visualIndicator","visualComparison","trendIndicator","indicatorUnitTextVariant","indicatorTextVariant","others","InternalVisualComparison","root","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons","propTypes","string","shape","isRequired","node","oneOf","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/modern/Kpi/index.d.ts

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

package/dist/modern/Kpi/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Kpi";
+//# sourceMappingURL=index.js.map

package/dist/modern/Kpi/index.js.map

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

package/dist/modern/Kpi/styles.js

@@ -0,0 +1,44 @@
+const styles = theme => ({
+  root: {
+    width: "100%",
+    height: "100%"
+  },
+  visualIndicatorContainer: {
+    height: "40px",
+    backgroundColor: "transparent",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  comparisonContainer: {
+    minHeight: "16px",
+    display: "flex",
+    alignItems: "flex-end"
+  },
+  indicatorsContainer: {
+    display: "inline-flex",
+    minHeight: "16px",
+    alignItems: "flex-end"
+  },
+  indicatorUnit: {
+    alignSelf: "flex-end",
+    paddingBottom: "3px"
+  },
+  indicatorText: {},
+  comparisonComposition: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center"
+  },
+  spacingToTheRight: {
+    marginRight: theme.hv.spacing.xs
+  },
+  trendLine: {
+    float: "right"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Kpi/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Kpi/styles.js"],"names":["styles","theme","root","width","height","visualIndicatorContainer","backgroundColor","display","alignItems","justifyContent","comparisonContainer","minHeight","indicatorsContainer","indicatorUnit","alignSelf","paddingBottom","indicatorText","comparisonComposition","flexDirection","flexWrap","spacingToTheRight","marginRight","hv","spacing","xs","trendLine","float"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJC,IAAAA,MAAM,EAAE;AAFJ,GADmB;AAKzBC,EAAAA,wBAAwB,EAAE;AACxBD,IAAAA,MAAM,EAAE,MADgB;AAExBE,IAAAA,eAAe,EAAE,aAFO;AAGxBC,IAAAA,OAAO,EAAE,aAHe;AAIxBC,IAAAA,UAAU,EAAE,QAJY;AAKxBC,IAAAA,cAAc,EAAE;AALQ,GALD;AAYzBC,EAAAA,mBAAmB,EAAE;AACnBC,IAAAA,SAAS,EAAE,MADQ;AAEnBJ,IAAAA,OAAO,EAAE,MAFU;AAGnBC,IAAAA,UAAU,EAAE;AAHO,GAZI;AAiBzBI,EAAAA,mBAAmB,EAAE;AACnBL,IAAAA,OAAO,EAAE,aADU;AAEnBI,IAAAA,SAAS,EAAE,MAFQ;AAGnBH,IAAAA,UAAU,EAAE;AAHO,GAjBI;AAsBzBK,EAAAA,aAAa,EAAE;AACbC,IAAAA,SAAS,EAAE,UADE;AAEbC,IAAAA,aAAa,EAAE;AAFF,GAtBU;AA0BzBC,EAAAA,aAAa,EAAE,EA1BU;AA2BzBC,EAAAA,qBAAqB,EAAE;AACrBd,IAAAA,KAAK,EAAE,MADc;AAErBI,IAAAA,OAAO,EAAE,MAFY;AAGrBW,IAAAA,aAAa,EAAE,KAHM;AAIrBC,IAAAA,QAAQ,EAAE,MAJW;AAKrBX,IAAAA,UAAU,EAAE;AALS,GA3BE;AAkCzBY,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,WAAW,EAAEpB,KAAK,CAACqB,EAAN,CAASC,OAAT,CAAiBC;AADb,GAlCM;AAqCzBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,KAAK,EAAE;AADE;AArCc,CAAZ,CAAf;;AA0CA,eAAe1B,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  visualIndicatorContainer: {\n    height: \"40px\",\n    backgroundColor: \"transparent\",\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  comparisonContainer: {\n    minHeight: \"16px\",\n    display: \"flex\",\n    alignItems: \"flex-end\",\n  },\n  indicatorsContainer: {\n    display: \"inline-flex\",\n    minHeight: \"16px\",\n    alignItems: \"flex-end\",\n  },\n  indicatorUnit: {\n    alignSelf: \"flex-end\",\n    paddingBottom: \"3px\",\n  },\n  indicatorText: {},\n  comparisonComposition: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    alignItems: \"center\",\n  },\n  spacingToTheRight: {\n    marginRight: theme.hv.spacing.xs,\n  },\n  trendLine: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Linechart/Linechart.d.ts

@@ -0,0 +1,14 @@
+import { HvChartProps } from "../Chart";
+
+export interface HvLinechartProps extends HvChartProps {
+  /**
+   * Sets the type of graph.
+   */
+  type?: "line" | "area" | "stack";
+  /**
+   * Defines it should present a range slider.
+   */
+  rangeSlider?: boolean;
+}
+
+export default function HvLinechart(props: HvLinechartProps): JSX.Element | null;