@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["React","isValidElement","useEffect","useRef","useState","PropTypes","clsx","withStyles","CloseXS","Info","HvAdornment","HvBaseInput","HvFormElement","HvHelperText","HvLabel","HvSuggestions","withId","withLabels","withTooltips","isKeypress","KeyboardCodes","setId","useControlled","validationTypes","validationStates","isInvalid","validateCharLength","validateInput","validationIcon","styles","isBrowser","DEFAULT_LABELS","inputLabel","placeholder","infoText","warningText","maxCharQuantityWarningText","minCharQuantityWarningText","requiredWarningText","clearButtonLabel","HvInput","props","labels","classes","className","id","name","password","disabled","isRequired","infoIcon","validationIconVisible","disableClear","customFixedIcon","validationIconPosition","showInfo","validationType","none","validationState","validationStateProp","maxCharQuantity","minCharQuantity","validation","externalWarningTextOverride","inputProps","inputRef","inputRefProp","onChange","e","val","onBlur","onFocus","onKeyDown","suggestionSelectedCallback","suggestionListCallback","value","valueProp","autoFocus","initialValue","others","setValue","suggestionValues","setSuggestionValues","setValidationState","filled","empty","setWarningText","materialInputRef","suggestionRef","current","document","getElementById","manageInputValueState","warnText","focusInput","focus","handleClear","event","setTimeout","suggestionClearHandler","suggestionHandler","suggestionsArray","label","suggestionSelectedHandler","item","onChangeHandler","newValue","getFocusedElement","activeElement","relatedTarget","onInputBlurHandler","contains","validationStateResult","warningTextResult","invalid","valueSizeStatus","valid","length","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","Esc","Tab","onKeyDownHandler","ArrowDown","onContainerBlurHandler","list","getInputAdornments","showValidationIcon","showClear","customIconEl","cloneElement","icon","adornmentsBox","adornmentButton","iconClear","isStateInvalid","hasValidation","adornments","IconDisplay","infoIconContainer","InfoIcon","showInfoIcon","root","labelContainer","labelDisabled","undefined","input","inputRoot","inputRootFocused","inputDisabled","multiLine","inputRootDisabled","inputRootInvalid","ref","endAdornment","startAdornment","suggestionsContainer","suggestionList","parentElement","style","display","propTypes","string","shape","text","textInfo","instanceOf","Object","any","bool","func","oneOf","node","number"],"sources":["../../../src/Input/Input.js"],"sourcesContent":["import React, { isValidElement, useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { CloseXS, Info } from \"@hitachivantara/uikit-react-icons\";\nimport { HvAdornment, HvBaseInput, HvFormElement, HvHelperText, HvLabel, HvSuggestions } from \"..\";\nimport withId from \"../withId\";\nimport withLabels from \"../withLabels\";\nimport withTooltips from \"../withTooltip\";\nimport { isKeypress, KeyboardCodes, setId, useControlled } from \"../utils\";\nimport validationTypes from \"./validationTypes\";\nimport validationStates, { isInvalid } from \"./validationStates\";\nimport { validateCharLength, validateInput, validationIcon } from \"./validations\";\nimport styles from \"./styles\";\nimport isBrowser from \"../utils/browser\";\n\nconst DEFAULT_LABELS = {\n  inputLabel: \"\",\n  placeholder: \"\",\n  infoText: \"\",\n  warningText: \"something wrong\",\n  maxCharQuantityWarningText: \"The value is too big\",\n  minCharQuantityWarningText: \"The value is too short\",\n  requiredWarningText: \"The value is required\",\n  clearButtonLabel: \"Clear the text\",\n};\n\n/**\n * An input is a graphical control element that allows the user to write text.\n */\nconst HvInput = (props) => {\n  const {\n    labels,\n    classes,\n    className,\n    id,\n    name,\n    password = false,\n    disabled = false,\n    isRequired = false,\n    infoIcon = false,\n    validationIconVisible = true,\n    disableClear = false,\n    customFixedIcon,\n    validationIconPosition = \"right\",\n    showInfo = true,\n    validationType = validationTypes.none,\n    validationState: validationStateProp,\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n    externalWarningTextOverride,\n    inputProps = {},\n    inputRef: inputRefProp,\n    onChange = (e, val) => val,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    suggestionSelectedCallback,\n    suggestionListCallback,\n    value: valueProp,\n    autoFocus = false,\n    initialValue,\n    ...others\n  } = props;\n  const [value, setValue] = useState(valueProp || initialValue);\n  const [suggestionValues, setSuggestionValues] = useState(null);\n\n  // validation related state\n  const [validationState, setValidationState] = useControlled(\n    validationStateProp,\n    value ? validationStates.filled : validationStates.empty\n  );\n\n  const [warningText, setWarningText] = useControlled(\n    externalWarningTextOverride,\n    labels.warningText\n  );\n\n  const materialInputRef = useRef(null);\n  const inputRef = useRef(inputRefProp || null);\n  const suggestionRef = useRef({});\n\n  useEffect(() => {\n    if (valueProp != null) setValue(valueProp);\n  }, [valueProp]);\n\n  useEffect(() => {\n    suggestionRef.current = document.getElementById(setId(id, \"suggestions\"));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  /**\n   * Updates the states while the input is being entered.\n   *\n   * @param {String} val - the inputted value.\n   * @param {*} warnText - the error text below the input.\n   */\n  const manageInputValueState = (val, warnText) => {\n    setValidationState(() => {\n      // this will only run if validationState is uncontrolled\n      setWarningText(warnText);\n\n      return val ? validationStates.filled : validationStates.empty;\n    });\n\n    setValue(val);\n  };\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  /**\n   * Clears the input value from the state and refocus the input.\n   *\n   * Note: given than the input component from material doesn't offer any api to focus\n   * this timeout with a node focus was used to solve the problem\n   * because the reference to the input is lost when the component is updated.\n   */\n  const handleClear = (event) => {\n    const val = \"\";\n    onChange?.(event, val);\n    manageInputValueState(val, null);\n    setTimeout(() => {\n      focusInput();\n    });\n  };\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = () => {\n    setSuggestionValues(null);\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    manageInputValueState(item.label);\n    focusInput();\n    suggestionClearHandler();\n    suggestionSelectedCallback(item);\n  };\n\n  /**\n   * Updates the state while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {Object} event - The event provided by the material ui input\n   * @param val\n   */\n  const onChangeHandler = (event, val) => {\n    const newValue = onChange?.(event, val) ?? val;\n    suggestionHandler(val);\n    manageInputValueState(newValue, null);\n  };\n\n  /**\n   * Find the focused element onBlur.\n   *\n   * @param event\n   * @returns {any}\n   */\n  const getFocusedElement = (event) =>\n    isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\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 (suggestionRef?.current && suggestionRef?.current.contains(getFocusedElement(event))) return;\n\n    let validationStateResult;\n    let warningTextResult = null;\n\n    if (!value) {\n      if (isRequired) {\n        validationStateResult = validationStates.invalid;\n        warningTextResult = labels.requiredWarningText;\n      } else {\n        validationStateResult = validationStates.empty;\n      }\n    } else {\n      const valueSizeStatus = validateCharLength(value, maxCharQuantity, minCharQuantity);\n      const valid = validateInput(value, validation, validationType);\n\n      if (valid && valueSizeStatus) {\n        validationStateResult = validationStates.valid;\n      } else if (!valid || !valueSizeStatus) {\n        validationStateResult = validationStates.invalid;\n\n        if (maxCharQuantity && value.length > maxCharQuantity) {\n          warningTextResult = labels.maxCharQuantityWarningText;\n        } else if (minCharQuantity && value.length < minCharQuantity) {\n          warningTextResult = labels.minCharQuantityWarningText;\n        } else {\n          warningTextResult = labels.warningText;\n        }\n      }\n    }\n\n    setValidationState(() => {\n      // this will only run if validationState is uncontrolled\n      setWarningText(warningTextResult);\n\n      return validationStateResult;\n    });\n\n    onBlur?.(value, validationStateResult);\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 = () => {\n    manageInputValueState(value, null);\n    onFocus?.(value);\n  };\n\n  const getSuggestions = (li) => {\n    const listEl = document.getElementById(setId(id, \"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) && !!suggestionValues) {\n      const li = getSuggestions(0);\n      li?.focus();\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 getInputAdornments = (showValidationIcon, showClear) => {\n    if (!showValidationIcon && !showClear && !customFixedIcon) return null;\n\n    const customIconEl =\n      isValidElement(customFixedIcon) &&\n      React.cloneElement(customFixedIcon, {\n        className: clsx(classes.icon, customFixedIcon.props.className),\n      });\n\n    return (\n      <div className={classes.adornmentsBox} aria-hidden=\"true\">\n        <HvAdornment\n          className={clsx(classes.adornmentButton, classes.iconClear)}\n          isVisible={showClear}\n          onClick={handleClear}\n          onMouseDown={handleClear}\n          title={labels.clearButtonLabel}\n          aria-label={labels.clearButtonLabel}\n          icon={<CloseXS />}\n        />\n\n        {(showValidationIcon && validationIcon(validationState, classes.icon)) || customIconEl}\n      </div>\n    );\n  };\n\n  const isStateInvalid = isInvalid(validationState);\n  const hasValidation =\n    isStateInvalid ||\n    validationType !== validationTypes.none ||\n    maxCharQuantity != null ||\n    minCharQuantity != null ||\n    validation != null;\n\n  // show the validation icon only if the input is enabled, validationIconVisible and showInfo are true and:\n  // - the input has some sort of validation\n  // - also if states is invalid (even if there is no validation, because that would mean it had to be explicitly set like that)\n  const showValidationIcon = !disabled && validationIconVisible && showInfo && hasValidation;\n\n  // show the clear button only if the input is enabled, disableClear is false and the input is not empty\n  const showClear = !disabled && !disableClear && value != null && value !== \"\";\n\n  const adornments = getInputAdornments(showValidationIcon, showClear);\n\n  const IconDisplay = () => (\n    <div aria-hidden=\"true\" className={classes.infoIconContainer}>\n      <Info />\n    </div>\n  );\n  const InfoIcon = withTooltips(IconDisplay, labels.infoText);\n  const showInfoIcon = showInfo && infoIcon && labels.infoText;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      className={clsx(classes.root, className)}\n      onBlur={onContainerBlurHandler}\n      value={value}\n      disabled={disabled}\n    >\n      <div className={classes.labelContainer}>\n        {labels.inputLabel && (\n          <HvLabel\n            id={setId(id, \"label\")}\n            htmlFor={setId(id, \"input\")}\n            aria-disabled={disabled}\n            className={clsx(classes.label, {\n              [classes.labelDisabled]: disabled,\n            })}\n            label={\n              <>\n                {labels.inputLabel}\n                {isRequired && <span aria-hidden=\"true\">*</span>}\n              </>\n            }\n          />\n        )}\n\n        {showInfoIcon && <InfoIcon />}\n      </div>\n\n      <HvBaseInput\n        id={setId(id, \"input\")}\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDownHandler}\n        onBlur={onInputBlurHandler}\n        onFocus={onFocusHandler}\n        placeholder={labels.placeholder || undefined}\n        type={password ? \"password\" : \"text\"}\n        classes={{\n          input: classes.input,\n          inputRoot: classes.inputRoot,\n          inputRootFocused: classes.inputRootFocused,\n          inputDisabled: classes.inputDisabled,\n          multiLine: classes.multiLine,\n        }}\n        className={clsx({\n          [classes.inputRootDisabled]: disabled,\n          [classes.inputRootInvalid]: isStateInvalid,\n        })}\n        invalid={isStateInvalid}\n        required={isRequired}\n        onChange={onChangeHandler}\n        inputProps={{\n          ref: materialInputRef,\n          ...inputProps,\n        }}\n        inputRef={inputRefProp || inputRef}\n        {...(validationIconPosition === \"right\" && {\n          endAdornment: adornments,\n        })}\n        {...(validationIconPosition === \"left\" && {\n          startAdornment: adornments,\n        })}\n        {...others}\n      />\n\n      <HvSuggestions\n        id={setId(id, \"suggestions\")}\n        classes={{\n          root: classes.suggestionsContainer,\n          list: classes.suggestionList,\n        }}\n        expanded={!!suggestionValues}\n        anchorEl={inputRef?.current?.parentElement}\n        onClose={suggestionClearHandler}\n        onKeyDown={onSuggestionKeyDown}\n        onSuggestionSelected={suggestionSelectedHandler}\n        suggestionValues={suggestionValues}\n      />\n\n      <HvHelperText\n        id={setId(id, \"description\")}\n        {...(!isStateInvalid && (showInfoIcon || !labels.infoText)\n          ? { style: { display: \"none\" } }\n          : {})}\n        className={clsx(classes.infoText, {\n          [classes.infoIcon]: infoIcon,\n        })}\n        notification={isStateInvalid ? warningText : \"\"}\n      >\n        {labels.infoText}\n      </HvHelperText>\n    </HvFormElement>\n  );\n};\n\nHvInput.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   * Component name identifier to be used in the context.\n   */\n  name: 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 input root which is comprising of everything but the labels and descriptions.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input root when it is invalid.\n     */\n    inputRootInvalid: 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.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputDisabled: PropTypes.string,\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    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    multiLine: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element when it is disabled.\n     */\n    labelDisabled: PropTypes.string,\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon information container.\n     */\n    infoIconContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    infoText: PropTypes.string,\n    /**\n     * Styles applied to the description.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the description when it is showing an information.\n     */\n    textInfo: PropTypes.string,\n    /**\n     * Styles applied to the description when it is showing a warning.\n     */\n    infoIcon: 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    adornmentsBox: PropTypes.string,\n    adornmentButton: PropTypes.string,\n    /**\n     * IE11 specific styling.\n     */\n    \"@global\": PropTypes.string,\n  }).isRequired,\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The label on top of the input.\n     */\n    inputLabel: PropTypes.string,\n    /**\n     * The placeholder value of the input.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * The default value of the info text below the input.\n     */\n    infoText: PropTypes.string,\n    /**\n     * The value when a validation fails.\n     */\n    warningText: PropTypes.string,\n    /**\n     * The message that appears when there are too many characters.\n     */\n    maxCharQuantityWarningText: PropTypes.string,\n    /**\n     * The message that appears when there are too few characters.\n     */\n    minCharQuantityWarningText: PropTypes.string,\n    /**\n     * The message that appears when the input is empty and required.\n     */\n    requiredWarningText: PropTypes.string,\n    /**\n     * The label of the clear button.\n     */\n    clearButtonLabel: PropTypes.string,\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: PropTypes.shape({ current: PropTypes.any }),\n  /**\n   * If ´true´ the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If ´true´ the input value must be filled on blur or else the validation fails.\n   */\n  isRequired: PropTypes.bool,\n  /**\n   * If ´true´ the input is of type password hiding the value.\n   */\n  password: PropTypes.bool,\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   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state (´empty´, ´filled´, ´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   * 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   * The function that will be executed after selecting a value in the suggestion list\n   */\n  suggestionSelectedCallback: PropTypes.func,\n  /**\n   * If `true` information label is shown, `false` otherwise.\n   */\n  showInfo: PropTypes.bool,\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   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  initialValue: PropTypes.string,\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * The initial state of the input.\n   * note: Is recommended you use the provided validationStates object to set this value.\n   */\n  validationState: PropTypes.oneOf([\"empty\", \"filled\", \"invalid\", \"valid\"]),\n  /**\n   * Show info icon with info label.infoText.\n   */\n  infoIcon: PropTypes.bool,\n  /**\n   * If `true` the validation icon is visible, `false` otherwise\n   */\n  validationIconVisible: PropTypes.bool,\n  /**\n   * If `true` the clear button is disabled if `false` is enable\n   */\n  disableClear: PropTypes.bool,\n  /**\n   * The icon position of the input. It is recommended to use the provided validationIconPosition object to set this value.\n   */\n  validationIconPosition: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * a custom icon to be added into the input.\n   */\n  customFixedIcon: PropTypes.node,\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   * Which type of default validation should the input perform. It is recommended to use the provided ValidationTypes object to set this value.\n   */\n  validationType: PropTypes.oneOf([\"none\", \"number\", \"email\"]),\n  /**\n   * Overrides any validation with a specific error/warning message to set in the warningText slot.\n   */\n  externalWarningTextOverride: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvInput\" })(withLabels(DEFAULT_LABELS)(withId(HvInput)));\n"],"mappings":"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"}

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,"file":"iconPositions.js","names":["iconPosition","Object","freeze","right","left"],"sources":["../../../src/Input/iconPositions.js"],"sourcesContent":["const iconPosition = Object.freeze({\n  right: \"right\",\n  left: \"left\",\n});\n\nexport default iconPosition;\n"],"mappings":"AAAA,MAAMA,YAAY,GAAGC,MAAM,CAACC,MAAP,CAAc;EACjCC,KAAK,EAAE,OAD0B;EAEjCC,IAAI,EAAE;AAF2B,CAAd,CAArB;AAKA,eAAeJ,YAAf"}

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,"file":"index.js","names":["default"],"sources":["../../../src/Input/index.js"],"sourcesContent":["export { default } from \"./Input\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}

package/dist/modern/Input/styles.js

@@ -0,0 +1,155 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { outlineStyles } from "../Focus/styles";
+import "focus-within-polyfill";
+
+const styles = theme => ({
+  root: {
+    minWidth: "150px",
+    maxWidth: "610px"
+  },
+  inputRoot: {
+    margin: "0",
+    width: "100%",
+    borderStyle: "solid",
+    borderWidth: " 0 0 1px 0",
+    background: theme.hv.palette.atmosphere.atmo1,
+    borderColor: theme.hv.palette.atmosphere.atmo6,
+    "&:hover": {
+      borderStyle: "solid",
+      borderWidth: " 0 0 1px 0",
+      borderColor: theme.hv.palette.accent.acce1,
+      background: theme.hv.palette.atmosphere.atmo1,
+      "& $iconClear": {
+        visibility: "visible"
+      }
+    },
+    "&:focus-within $iconClear": {
+      visibility: "visible"
+    }
+  },
+  inputRootDisabled: {
+    borderColor: theme.hv.palette.atmosphere.atmo6,
+    background: theme.hv.palette.atmosphere.atmo4,
+    "&:hover": {
+      borderColor: theme.hv.palette.atmosphere.atmo6,
+      background: theme.hv.palette.atmosphere.atmo4,
+      cursor: "not-allowed"
+    },
+    cursor: "not-allowed"
+  },
+  inputRootFocused: _objectSpread(_objectSpread({
+    borderStyle: "solid",
+    borderWidth: " 0 0 1px 0",
+    borderColor: theme.hv.palette.accent.acce1,
+    background: theme.hv.palette.atmosphere.atmo1
+  }, outlineStyles), {}, {
+    "&:hover": {
+      borderStyle: "solid",
+      borderWidth: "0 0 1px 0",
+      borderColor: theme.hv.palette.accent.acce1,
+      background: theme.hv.palette.atmosphere.atmo1
+    },
+    "& $iconClear": {
+      visibility: "visible"
+    }
+  }),
+  inputRootInvalid: {
+    borderColor: theme.hv.palette.semantic.sema4,
+    "&:hover": {
+      borderColor: theme.hv.palette.semantic.sema4
+    }
+  },
+  input: _objectSpread(_objectSpread({
+    height: `20px`,
+    marginLeft: `${theme.hv.spacing.xs}px`,
+    marginRight: `${theme.hv.spacing.xs}px`,
+    padding: "6px 0 5px"
+  }, theme.hv.typography.normalText), {}, {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    "&::placeholder": _objectSpread(_objectSpread({}, theme.hv.typography.placeholderText), {}, {
+      opacity: 1
+    }),
+    "&::-ms-clear": {
+      display: "none"
+    }
+  }),
+  inputDisabled: {
+    cursor: "not-allowed"
+  },
+  multiLine: {
+    padding: 0
+  },
+  labelContainer: {
+    display: "flex",
+    alignItems: "flex-end",
+    justifyContent: "space-between"
+  },
+  label: {
+    paddingBottom: "8px",
+    display: "block"
+  },
+  labelDisabled: {
+    color: theme.hv.palette.atmosphere.atmo7
+  },
+  infoIconContainer: {
+    height: "32px",
+    width: "32px",
+    display: "flex",
+    justifyContent: "center",
+    "& div": {
+      alignSelf: "center",
+      marginTop: -2
+    }
+  },
+  infoText: {},
+  infoIcon: {
+    display: "none"
+  },
+  adornmentsBox: {
+    display: "flex",
+    flexDirection: "row",
+    height: 30,
+    justifyContent: "center"
+  },
+  adornmentButton: {
+    backgroundColor: "transparent",
+    border: "none",
+    padding: 0,
+    margin: 0,
+    cursor: "pointer"
+  },
+  icon: {
+    width: 30,
+    height: 30
+  },
+  iconClear: {
+    visibility: "hidden"
+  },
+  suggestionsContainer: {
+    width: "100%",
+    position: "relative",
+    top: "-1px"
+  },
+  suggestionList: {
+    backgroundColor: theme.hv.palette.atmosphere.atmo1,
+    boxShadow: "0 0 0 #fff, 0px -5px 12px -5px rgba(65,65,65,.12)",
+    padding: `${theme.hv.spacing.sm}px`,
+    position: "absolute",
+    width: "100%"
+  },
+  "@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,"file":"styles.js","names":["outlineStyles","styles","theme","root","minWidth","maxWidth","inputRoot","margin","width","borderStyle","borderWidth","background","hv","palette","atmosphere","atmo1","borderColor","atmo6","accent","acce1","visibility","inputRootDisabled","atmo4","cursor","inputRootFocused","inputRootInvalid","semantic","sema4","input","height","marginLeft","spacing","xs","marginRight","padding","typography","normalText","overflow","textOverflow","placeholderText","opacity","display","inputDisabled","multiLine","labelContainer","alignItems","justifyContent","label","paddingBottom","labelDisabled","color","atmo7","infoIconContainer","alignSelf","marginTop","infoText","infoIcon","adornmentsBox","flexDirection","adornmentButton","backgroundColor","border","icon","iconClear","suggestionsContainer","position","top","suggestionList","boxShadow","sm"],"sources":["../../../src/Input/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\nimport \"focus-within-polyfill\";\n\nconst styles = (theme) => ({\n  root: {\n    minWidth: \"150px\",\n    maxWidth: \"610px\",\n  },\n  inputRoot: {\n    margin: \"0\",\n    width: \"100%\",\n    borderStyle: \"solid\",\n    borderWidth: \" 0 0 1px 0\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    borderColor: theme.hv.palette.atmosphere.atmo6,\n    \"&:hover\": {\n      borderStyle: \"solid\",\n      borderWidth: \" 0 0 1px 0\",\n      borderColor: theme.hv.palette.accent.acce1,\n      background: theme.hv.palette.atmosphere.atmo1,\n      \"& $iconClear\": {\n        visibility: \"visible\",\n      },\n    },\n    \"&:focus-within $iconClear\": {\n      visibility: \"visible\",\n    },\n  },\n  inputRootDisabled: {\n    borderColor: theme.hv.palette.atmosphere.atmo6,\n    background: theme.hv.palette.atmosphere.atmo4,\n    \"&:hover\": {\n      borderColor: theme.hv.palette.atmosphere.atmo6,\n      background: theme.hv.palette.atmosphere.atmo4,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootFocused: {\n    borderStyle: \"solid\",\n    borderWidth: \" 0 0 1px 0\",\n    borderColor: theme.hv.palette.accent.acce1,\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      borderStyle: \"solid\",\n      borderWidth: \"0 0 1px 0\",\n      borderColor: theme.hv.palette.accent.acce1,\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n    \"& $iconClear\": { visibility: \"visible\" },\n  },\n  inputRootInvalid: {\n    borderColor: theme.hv.palette.semantic.sema4,\n    \"&:hover\": {\n      borderColor: theme.hv.palette.semantic.sema4,\n    },\n  },\n  input: {\n    height: `20px`,\n    marginLeft: `${theme.hv.spacing.xs}px`,\n    marginRight: `${theme.hv.spacing.xs}px`,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n  },\n  inputDisabled: {\n    cursor: \"not-allowed\",\n  },\n  multiLine: {\n    padding: 0,\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-end\",\n    justifyContent: \"space-between\",\n  },\n  label: {\n    paddingBottom: \"8px\",\n    display: \"block\",\n  },\n  labelDisabled: {\n    color: theme.hv.palette.atmosphere.atmo7,\n  },\n  infoIconContainer: {\n    height: \"32px\",\n    width: \"32px\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    \"& div\": {\n      alignSelf: \"center\",\n      marginTop: -2,\n    },\n  },\n  infoText: {},\n  infoIcon: {\n    display: \"none\",\n  },\n  adornmentsBox: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: 30,\n    justifyContent: \"center\",\n  },\n  adornmentButton: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  icon: {\n    width: 30,\n    height: 30,\n  },\n  iconClear: {\n    visibility: \"hidden\",\n  },\n\n  suggestionsContainer: {\n    width: \"100%\",\n    position: \"relative\",\n    top: \"-1px\",\n  },\n  suggestionList: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: \"0 0 0 #fff, 0px -5px 12px -5px rgba(65,65,65,.12)\",\n    padding: `${theme.hv.spacing.sm}px`,\n    position: \"absolute\",\n    width: \"100%\",\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"],"mappings":"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"}

package/dist/modern/Input/validationStates.js

@@ -0,0 +1,17 @@
+const validationState = Object.freeze({
+  empty: "empty",
+  filled: "filled",
+  valid: "valid",
+  invalid: "invalid"
+});
+
+const isEmpty = compareState => compareState === validationState.empty;
+
+const isFilled = compareState => compareState === validationState.filled;
+
+const isValid = compareState => compareState === validationState.valid;
+
+const isInvalid = compareState => compareState === validationState.invalid;
+
+export { validationState as default, isInvalid, isEmpty, isValid, isFilled };
+//# sourceMappingURL=validationStates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validationStates.js","names":["validationState","Object","freeze","empty","filled","valid","invalid","isEmpty","compareState","isFilled","isValid","isInvalid","default"],"sources":["../../../src/Input/validationStates.js"],"sourcesContent":["const validationState = Object.freeze({\n  empty: \"empty\",\n  filled: \"filled\",\n  valid: \"valid\",\n  invalid: \"invalid\",\n});\n\nconst isEmpty = (compareState) => compareState === validationState.empty;\nconst isFilled = (compareState) => compareState === validationState.filled;\nconst isValid = (compareState) => compareState === validationState.valid;\nconst isInvalid = (compareState) => compareState === validationState.invalid;\n\nexport { validationState as default, isInvalid, isEmpty, isValid, isFilled };\n"],"mappings":"AAAA,MAAMA,eAAe,GAAGC,MAAM,CAACC,MAAP,CAAc;EACpCC,KAAK,EAAE,OAD6B;EAEpCC,MAAM,EAAE,QAF4B;EAGpCC,KAAK,EAAE,OAH6B;EAIpCC,OAAO,EAAE;AAJ2B,CAAd,CAAxB;;AAOA,MAAMC,OAAO,GAAIC,YAAD,IAAkBA,YAAY,KAAKR,eAAe,CAACG,KAAnE;;AACA,MAAMM,QAAQ,GAAID,YAAD,IAAkBA,YAAY,KAAKR,eAAe,CAACI,MAApE;;AACA,MAAMM,OAAO,GAAIF,YAAD,IAAkBA,YAAY,KAAKR,eAAe,CAACK,KAAnE;;AACA,MAAMM,SAAS,GAAIH,YAAD,IAAkBA,YAAY,KAAKR,eAAe,CAACM,OAArE;;AAEA,SAASN,eAAe,IAAIY,OAA5B,EAAqCD,SAArC,EAAgDJ,OAAhD,EAAyDG,OAAzD,EAAkED,QAAlE"}

package/dist/modern/Input/validationTypes.js

@@ -0,0 +1,7 @@
+const validationType = Object.freeze({
+  none: "none",
+  number: "number",
+  email: "email"
+});
+export default validationType;
+//# sourceMappingURL=validationTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validationTypes.js","names":["validationType","Object","freeze","none","number","email"],"sources":["../../../src/Input/validationTypes.js"],"sourcesContent":["const validationType = Object.freeze({\n  none: \"none\",\n  number: \"number\",\n  email: \"email\",\n});\n\nexport default validationType;\n"],"mappings":"AAAA,MAAMA,cAAc,GAAGC,MAAM,CAACC,MAAP,CAAc;EACnCC,IAAI,EAAE,MAD6B;EAEnCC,MAAM,EAAE,QAF2B;EAGnCC,KAAK,EAAE;AAH4B,CAAd,CAAvB;AAMA,eAAeL,cAAf"}

package/dist/modern/Input/validations.js

@@ -0,0 +1,98 @@
+import React from "react";
+import { Success, Fail } from "@hitachivantara/uikit-react-icons";
+import validationTypes from "./validationTypes";
+import validationStates from "./validationStates";
+/**
+ * Validates if the value is within the accepted length range.
+ *
+ * @param {String} value - the inputted value.
+ * @param {Number} maxCharQuantity
+ * @param {Number} minCharQuantity
+ * @returns {Boolean} - true if valid false if not.
+ */
+
+export const validateCharLength = (value, maxCharQuantity, minCharQuantity) => {
+  if (maxCharQuantity === null && minCharQuantity === null) {
+    return true;
+  }
+
+  if (minCharQuantity !== null && value.length < minCharQuantity) {
+    return false;
+  }
+
+  if (maxCharQuantity !== null && value.length > maxCharQuantity) {
+    return false;
+  }
+
+  return true;
+};
+/**
+ * Checks if the value is a number.
+ *
+ * @param {Number || String} num - The value to test.
+ * @returns {Boolean} - ´true´ if the value is a number ´false´ otherwise.
+ */
+
+export const isNumeric = num => // to prevent Number( <spaces> ) = 0
+num.trim().length > 0 && !Number.isNaN(Number(num));
+/**
+ * Checks if the value is an email
+ *
+ * @param {String} email - The value to test.
+ * @returns {Boolean} - ´true´ if the value is an email ´false´ otherwise.
+ */
+
+export const isEmail = email => {
+  const regexp = new RegExp("^[^\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$");
+  return regexp.test(email);
+};
+/**
+ *  Performs the validation of the inputted value the available validations are:
+ *
+ * -none
+ * -number
+ * -email
+ * -custom
+ *
+ * @param {String} value - the inputted value.
+ * @param {Function} validation - the custom function.
+ * @param {String} validationType - the validation type.
+ * @returns {Boolean} - true if valid false if not.
+ */
+
+export const validateInput = (value, validation, validationType) => {
+  if (validation) {
+    return validation(value);
+  }
+
+  switch (validationType) {
+    default:
+    case validationTypes.none:
+      return true;
+
+    case validationTypes.number:
+      return isNumeric(value);
+
+    case validationTypes.email:
+      return isEmail(value);
+  }
+};
+export const validationIcon = (state, className) => {
+  switch (state) {
+    case validationStates.valid:
+      return /*#__PURE__*/React.createElement(Success, {
+        semantic: "sema1",
+        className: className
+      });
+
+    case validationStates.invalid:
+      return /*#__PURE__*/React.createElement(Fail, {
+        semantic: "sema4",
+        className: className
+      });
+
+    default:
+      return null;
+  }
+};
+//# sourceMappingURL=validations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validations.js","names":["React","Success","Fail","validationTypes","validationStates","validateCharLength","value","maxCharQuantity","minCharQuantity","length","isNumeric","num","trim","Number","isNaN","isEmail","email","regexp","RegExp","test","validateInput","validation","validationType","none","number","validationIcon","state","className","valid","invalid"],"sources":["../../../src/Input/validations.js"],"sourcesContent":["import React from \"react\";\nimport { Success, Fail } from \"@hitachivantara/uikit-react-icons\";\nimport validationTypes from \"./validationTypes\";\nimport validationStates from \"./validationStates\";\n\n/**\n * Validates if the value is within the accepted length range.\n *\n * @param {String} value - the inputted value.\n * @param {Number} maxCharQuantity\n * @param {Number} minCharQuantity\n * @returns {Boolean} - true if valid false if not.\n */\nexport const validateCharLength = (value, maxCharQuantity, minCharQuantity) => {\n  if (maxCharQuantity === null && minCharQuantity === null) {\n    return true;\n  }\n\n  if (minCharQuantity !== null && value.length < minCharQuantity) {\n    return false;\n  }\n\n  if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n    return false;\n  }\n\n  return true;\n};\n\n/**\n * Checks if the value is a number.\n *\n * @param {Number || String} num - The value to test.\n * @returns {Boolean} - ´true´ if the value is a number ´false´ otherwise.\n */\nexport const isNumeric = (num) =>\n  // to prevent Number( <spaces> ) = 0\n  num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/**\n * Checks if the value is an email\n *\n * @param {String} email - The value to test.\n * @returns {Boolean} - ´true´ if the value is an email ´false´ otherwise.\n */\nexport const isEmail = (email) => {\n  const regexp = new RegExp(\n    \"^[^\\\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$\"\n  );\n  return regexp.test(email);\n};\n\n/**\n *  Performs the validation of the inputted value the available validations are:\n *\n * -none\n * -number\n * -email\n * -custom\n *\n * @param {String} value - the inputted value.\n * @param {Function} validation - the custom function.\n * @param {String} validationType - the validation type.\n * @returns {Boolean} - true if valid false if not.\n */\nexport const validateInput = (value, validation, validationType) => {\n  if (validation) {\n    return validation(value);\n  }\n  switch (validationType) {\n    default:\n    case validationTypes.none:\n      return true;\n    case validationTypes.number:\n      return isNumeric(value);\n    case validationTypes.email:\n      return isEmail(value);\n  }\n};\n\nexport const validationIcon = (state, className) => {\n  switch (state) {\n    case validationStates.valid:\n      return <Success semantic=\"sema1\" className={className} />;\n    case validationStates.invalid:\n      return <Fail semantic=\"sema4\" className={className} />;\n    default:\n      return null;\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,EAAkBC,IAAlB,QAA8B,mCAA9B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,kBAAkB,GAAG,CAACC,KAAD,EAAQC,eAAR,EAAyBC,eAAzB,KAA6C;EAC7E,IAAID,eAAe,KAAK,IAApB,IAA4BC,eAAe,KAAK,IAApD,EAA0D;IACxD,OAAO,IAAP;EACD;;EAED,IAAIA,eAAe,KAAK,IAApB,IAA4BF,KAAK,CAACG,MAAN,GAAeD,eAA/C,EAAgE;IAC9D,OAAO,KAAP;EACD;;EAED,IAAID,eAAe,KAAK,IAApB,IAA4BD,KAAK,CAACG,MAAN,GAAeF,eAA/C,EAAgE;IAC9D,OAAO,KAAP;EACD;;EAED,OAAO,IAAP;AACD,CAdM;AAgBP;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMG,SAAS,GAAIC,GAAD,IACvB;AACAA,GAAG,CAACC,IAAJ,GAAWH,MAAX,GAAoB,CAApB,IAAyB,CAACI,MAAM,CAACC,KAAP,CAAaD,MAAM,CAACF,GAAD,CAAnB,CAFrB;AAIP;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMI,OAAO,GAAIC,KAAD,IAAW;EAChC,MAAMC,MAAM,GAAG,IAAIC,MAAJ,CACb,6IADa,CAAf;EAGA,OAAOD,MAAM,CAACE,IAAP,CAAYH,KAAZ,CAAP;AACD,CALM;AAOP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMI,aAAa,GAAG,CAACd,KAAD,EAAQe,UAAR,EAAoBC,cAApB,KAAuC;EAClE,IAAID,UAAJ,EAAgB;IACd,OAAOA,UAAU,CAACf,KAAD,CAAjB;EACD;;EACD,QAAQgB,cAAR;IACE;IACA,KAAKnB,eAAe,CAACoB,IAArB;MACE,OAAO,IAAP;;IACF,KAAKpB,eAAe,CAACqB,MAArB;MACE,OAAOd,SAAS,CAACJ,KAAD,CAAhB;;IACF,KAAKH,eAAe,CAACa,KAArB;MACE,OAAOD,OAAO,CAACT,KAAD,CAAd;EAPJ;AASD,CAbM;AAeP,OAAO,MAAMmB,cAAc,GAAG,CAACC,KAAD,EAAQC,SAAR,KAAsB;EAClD,QAAQD,KAAR;IACE,KAAKtB,gBAAgB,CAACwB,KAAtB;MACE,oBAAO,oBAAC,OAAD;QAAS,QAAQ,EAAC,OAAlB;QAA0B,SAAS,EAAED;MAArC,EAAP;;IACF,KAAKvB,gBAAgB,CAACyB,OAAtB;MACE,oBAAO,oBAAC,IAAD;QAAM,QAAQ,EAAC,OAAf;QAAuB,SAAS,EAAEF;MAAlC,EAAP;;IACF;MACE,OAAO,IAAP;EANJ;AAQD,CATM"}

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 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" | "sText" | "infoText";
+}
+
+export type HvKpiClassKey =
+  | "kpiContainer"
+  | "visualIndicatorContainer"
+  | "comparisons"
+  | "comparisonContainer"
+  | "comparisonComposition"
+  | "indicatorsContainer"
+  | "indicatorText"
+  | "indicatorUnit"
+  | "spacingToTheRight"
+  | "trendLine";
+
+export default function HvKpi(props: HvKpiProps): JSX.Element | null;