@hitachivantara/uikit-react-core 3.68.1 → 3.68.4

package/dist/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["getColor","theme","customColor","type","defaultSemanticColor","hv","palette","semantic","sema7","defaultCategoricalColor","viz","categorical","cviz1","backgroundColor","HvTag","props","classes","style","className","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","getDeleteIcon","disabledSemanticColor","tabIndex","startIcon","tagButton","focusVisible","primary","primaryButton","cursor","undefined","height","inlineStyle","categoricalBackgroundColor","hover","setHover","chipLabel","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","propTypes","PropTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","styles","name"],"sources":["../../src/Tag/Tag.js"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\n\nimport { Chip, withStyles, useTheme } from \"@material-ui/core\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport fade from \"../utils/hexToRgbA\";\n\nimport { HvButton, HvTypography } from \"..\";\n\nimport styles from \"./styles\";\n\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\n\nconst getColor = (theme, customColor, type) => {\n  const defaultSemanticColor = theme.hv.palette.semantic.sema7;\n  const defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor = theme.palette[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      theme.hv.viz.palette.categorical[customColor] || customColor || defaultCategoricalColor;\n  }\n\n  return backgroundColor;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nconst HvTag = (props) => {\n  const {\n    classes,\n    style,\n    className,\n    label,\n    disabled,\n    type = \"semantic\",\n    color,\n    deleteIcon,\n    onDelete,\n    onClick,\n    role,\n    deleteButtonArialLabel = \"Delete tag\",\n    deleteButtonProps = {},\n    ...others\n  } = props;\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <HvButton\n        classes={{\n          startIcon: classes.tagButton,\n          focusVisible: classes.focusVisible,\n          primary: classes.primaryButton,\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        {...deleteButtonProps}\n      >\n        <CloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </HvButton>\n    );\n  };\n\n  const theme = useTheme();\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(theme, color, type);\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(theme, color, type);\n\n    inlineStyle.backgroundColor = fade(categoricalBackgroundColor, 0.3);\n  }\n\n  const [hover, setHover] = useState(false);\n\n  const chipLabel = useMemo(() => {\n    if (typeof label === \"string\") {\n      return <HvTypography variant=\"normalText\">{label}</HvTypography>;\n    }\n\n    return label;\n  }, [label]);\n\n  return (\n    <Chip\n      label={chipLabel}\n      className={clsx(classes.root, className)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` } : null),\n      }}\n      classes={{\n        root: clsx(classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: !!onClick,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: clsx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\n        }),\n      }}\n      deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) || getDeleteIcon()}\n      onDelete={getOnDeleteCallback(disabled, onDelete)}\n      onClick={disabled ? undefined : onClick}\n      role={role || (hasClickAction(onClick) ? \"button\" : undefined)}\n      tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n      {...others}\n    />\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    tagButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabledDeleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    titleOverflow: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categorical: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    semanticTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deletable: PropTypes.string,\n    /**\n     * Styles applied to the component if has onClick.\n     */\n    clickable: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    focusVisible: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    primaryButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalFocus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * The label of the tag element.\n   *\n   */\n  label: PropTypes.node,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * The type of the tag element.\n   *\n   * A tag can be of semantic or categoric type\n   */\n  type: PropTypes.oneOf([\"semantic\", \"categorical\"]),\n\n  /**\n   * Background color to be applied to the tag\n   */\n  color: PropTypes.string,\n  /**\n   * Icon used to customize the delete icon in the Chip element\n   */\n  deleteIcon: PropTypes.node,\n\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component,\n   * in order to render the delete icon\n   */\n  onDelete: PropTypes.func,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The role of the element with an attributed event.\n   */\n  role: PropTypes.string,\n  /**\n   * Aria properties to apply to delete button in tag\n   */\n  deleteButtonArialLabel: PropTypes.string,\n  /**\n   * Props to apply to delete button\n   */\n  deleteButtonProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"mappings":"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"}
+{"version":3,"file":"Tag.js","names":["getColor","theme","customColor","type","defaultSemanticColor","hv","palette","semantic","sema7","defaultCategoricalColor","viz","categorical","cviz1","backgroundColor","HvTag","props","classes","style","className","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","getDeleteIcon","disabledSemanticColor","tabIndex","startIcon","tagButton","focusVisible","primary","primaryButton","cursor","undefined","height","useTheme","inlineStyle","categoricalBackgroundColor","fade","useState","hover","setHover","chipLabel","useMemo","clsx","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","propTypes","PropTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","withStyles","styles","name"],"sources":["../../src/Tag/Tag.js"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\n\nimport { Chip, withStyles, useTheme } from \"@material-ui/core\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport fade from \"../utils/hexToRgbA\";\n\nimport { HvButton, HvTypography } from \"..\";\n\nimport styles from \"./styles\";\n\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\n\nconst getColor = (theme, customColor, type) => {\n  const defaultSemanticColor = theme.hv.palette.semantic.sema7;\n  const defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor = theme.palette[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      theme.hv.viz.palette.categorical[customColor] || customColor || defaultCategoricalColor;\n  }\n\n  return backgroundColor;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nconst HvTag = (props) => {\n  const {\n    classes,\n    style,\n    className,\n    label,\n    disabled,\n    type = \"semantic\",\n    color,\n    deleteIcon,\n    onDelete,\n    onClick,\n    role,\n    deleteButtonArialLabel = \"Delete tag\",\n    deleteButtonProps = {},\n    ...others\n  } = props;\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <HvButton\n        classes={{\n          startIcon: classes.tagButton,\n          focusVisible: classes.focusVisible,\n          primary: classes.primaryButton,\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        {...deleteButtonProps}\n      >\n        <CloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </HvButton>\n    );\n  };\n\n  const theme = useTheme();\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(theme, color, type);\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(theme, color, type);\n\n    inlineStyle.backgroundColor = fade(categoricalBackgroundColor, 0.3);\n  }\n\n  const [hover, setHover] = useState(false);\n\n  const chipLabel = useMemo(() => {\n    if (typeof label === \"string\") {\n      return <HvTypography variant=\"normalText\">{label}</HvTypography>;\n    }\n\n    return label;\n  }, [label]);\n\n  return (\n    <Chip\n      label={chipLabel}\n      className={clsx(classes.root, className)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` } : null),\n      }}\n      classes={{\n        root: clsx(classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: !!onClick,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: clsx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\n        }),\n      }}\n      deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) || getDeleteIcon()}\n      onDelete={getOnDeleteCallback(disabled, onDelete)}\n      onClick={disabled ? undefined : onClick}\n      role={role || (hasClickAction(onClick) ? \"button\" : undefined)}\n      tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n      {...others}\n    />\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    tagButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabledDeleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    titleOverflow: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categorical: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    semanticTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deletable: PropTypes.string,\n    /**\n     * Styles applied to the component if has onClick.\n     */\n    clickable: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    focusVisible: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    primaryButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalFocus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * The label of the tag element.\n   *\n   */\n  label: PropTypes.node,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * The type of the tag element.\n   *\n   * A tag can be of semantic or categoric type\n   */\n  type: PropTypes.oneOf([\"semantic\", \"categorical\"]),\n\n  /**\n   * Background color to be applied to the tag\n   */\n  color: PropTypes.string,\n  /**\n   * Icon used to customize the delete icon in the Chip element\n   */\n  deleteIcon: PropTypes.node,\n\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component,\n   * in order to render the delete icon\n   */\n  onDelete: PropTypes.func,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The role of the element with an attributed event.\n   */\n  role: PropTypes.string,\n  /**\n   * Aria properties to apply to delete button in tag\n   */\n  deleteButtonArialLabel: PropTypes.string,\n  /**\n   * Props to apply to delete button\n   */\n  deleteButtonProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"mappings":"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"}

package/dist/Tag/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","chipRoot","height","borderRadius","maxWidth","backgroundColor","palette","base1","focusVisible","primaryButton","background","label","paddingLeft","hv","spacing","xs","paddingRight","color","base","base2","tagButton","width","minWidth","minHeight","padding","margin","deleteIcon","marginRight","outlineStyles","outline","boxShadow","disabledDeleteIcon","atmosphere","atmo3","outlineOffset","titleOverflow","whiteSpace","overflow","textOverflow","categorical","cursor","accent","acce1","clickable","categoricalFocus","disabled","atmo5","categoricalDisabled","semanticTextColor","categoricalTextColor"],"sources":["../../src/Tag/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\nimport { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {},\n\n  chipRoot: {\n    height: 16,\n    borderRadius: 0,\n    maxWidth: 180,\n    \"& $focusVisible\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n  },\n\n  focusVisible: {},\n\n  primaryButton: {\n    background: \"transparent\",\n  },\n\n  label: {\n    paddingLeft: theme.hv.spacing.xs,\n    paddingRight: theme.hv.spacing.xs,\n    \"& p\": {\n      color: theme.hv.palette.base.base2,\n    },\n  },\n\n  tagButton: {\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    margin: 0,\n  },\n\n  deleteIcon: {\n    marginRight: 0,\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    \"&:hover\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n    \"&:focus\": {\n      ...outlineStyles,\n      borderRadius: 0,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  disabledDeleteIcon: {\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: \"none\",\n      boxShadow: \"none\",\n      outlineOffset: 0,\n    },\n  },\n  titleOverflow: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  categorical: {\n    borderRadius: 8,\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n    \"&:hover\": {\n      borderRadius: 8,\n    },\n    \"& $label > p\": {\n      color: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  clickable: {},\n\n  categoricalFocus: {\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n\n  disabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n\n  categoricalDisabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n\n  semanticTextColor: {\n    color: theme.hv.palette.base.base2,\n  },\n  categoricalTextColor: {\n    color: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","chipRoot","height","borderRadius","maxWidth","backgroundColor","fade","palette","base1","focusVisible","primaryButton","background","label","paddingLeft","hv","spacing","xs","paddingRight","color","base","base2","tagButton","width","minWidth","minHeight","padding","margin","deleteIcon","marginRight","outlineStyles","outline","boxShadow","disabledDeleteIcon","atmosphere","atmo3","outlineOffset","titleOverflow","whiteSpace","overflow","textOverflow","categorical","cursor","accent","acce1","clickable","categoricalFocus","disabled","atmo5","categoricalDisabled","semanticTextColor","categoricalTextColor"],"sources":["../../src/Tag/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\nimport { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {},\n\n  chipRoot: {\n    height: 16,\n    borderRadius: 0,\n    maxWidth: 180,\n    \"& $focusVisible\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n  },\n\n  focusVisible: {},\n\n  primaryButton: {\n    background: \"transparent\",\n  },\n\n  label: {\n    paddingLeft: theme.hv.spacing.xs,\n    paddingRight: theme.hv.spacing.xs,\n    \"& p\": {\n      color: theme.hv.palette.base.base2,\n    },\n  },\n\n  tagButton: {\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    margin: 0,\n  },\n\n  deleteIcon: {\n    marginRight: 0,\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    \"&:hover\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n    \"&:focus\": {\n      ...outlineStyles,\n      borderRadius: 0,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  disabledDeleteIcon: {\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: \"none\",\n      boxShadow: \"none\",\n      outlineOffset: 0,\n    },\n  },\n  titleOverflow: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  categorical: {\n    borderRadius: 8,\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n    \"&:hover\": {\n      borderRadius: 8,\n    },\n    \"& $label > p\": {\n      color: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  clickable: {},\n\n  categoricalFocus: {\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n\n  disabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n\n  categoricalDisabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n\n  semanticTextColor: {\n    color: theme.hv.palette.base.base2,\n  },\n  categoricalTextColor: {\n    color: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/TagsInput/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInput.js","names":["HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","onBlur","onFocus","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","commitTagOn","commitOnBlur","suggestionListCallback","others","elementId","hasLabel","hasDescription","setValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","materialInputRef","isTagSelected","hasCounter","suggestionValues","setSuggestionValues","isStateInvalid","canShowSuggestions","hasSuggestions","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","addTag","tag","preventDefault","newTag","type","canShowError","undefined","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","isMounted","focusInput","getSuggestions","li","listEl","document","getElementById","getElementsByTagName","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","onSuggestionKeyDown","KeyboardCodes","Esc","Tab","onChangeHandler","input","onInputKeyDownHandler","includes","code","onKeyDownHandler","onDeleteTagHandler","i","onContainerClickHandler","clearTimeout","onBlurHandler","evt","onFocusHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","ref","inputExtension","suggestionsContainer","list","suggestionList","parentElement","propTypes","PropTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","arrayOf","styles"],"sources":["../../src/TagsInput/TagsInput.js"],"sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled, isKeypress, KeyboardCodes } from \"../utils\";\nimport {\n  HvFormElement,\n  HvListContainer,\n  HvListItem,\n  HvTag,\n  HvInput,\n  HvLabel,\n  HvInfoMessage,\n  HvCharCounter,\n  HvSuggestions,\n  HvWarningText,\n  useUniqueId,\n  useIsMounted,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = [],\n\n    readOnly = false,\n    disabled = false,\n    required = false,\n\n    label: textAreaLabel,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onAdd,\n    onDelete,\n    onBlur,\n    onFocus,\n\n    placeholder,\n\n    hideCounter = false,\n    middleCountLabel = \"/\",\n    maxTagsQuantity,\n\n    autoFocus = false,\n    resizable = true,\n\n    inputProps = {},\n    countCharProps = {},\n\n    multiline = false,\n\n    status,\n    statusMessage,\n\n    validationMessages,\n\n    commitTagOn = [\"Enter\"],\n    commitOnBlur = false,\n\n    suggestionListCallback,\n\n    ...others\n  } = props;\n  const elementId = useUniqueId(id, \"hvTagsInput\");\n\n  const hasLabel = textAreaLabel != null;\n  const hasDescription = description != null;\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  const [tagInput, setTagInput] = useState(\"\");\n  const [tagCursorPos, setTagCursorPos] = useState(value.length);\n  const [stateValid, setStateValid] = useState(true);\n\n  const inputRef = useRef();\n  const containerRef = useRef();\n  const skipReset = useRef(false);\n  const blurTimeout = useRef();\n  const materialInputRef = useRef(null);\n\n  const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n  const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n  // suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState(null);\n\n  const isStateInvalid = useMemo(() => {\n    return hasCounter && value.length > maxTagsQuantity;\n  }, [hasCounter, maxTagsQuantity, value.length]);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\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    ]\n  );\n\n  const performValidation = useCallback(\n    (currValue) => {\n      if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n        setValidationState(validationStates.invalid);\n        setValidationMessage(errorMessages.maxCharError);\n        setStateValid(false);\n      } else {\n        setValidationState(validationStates.valid);\n        setValidationMessage(\"\");\n        setStateValid(true);\n      }\n    },\n    [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n  );\n\n  /**\n   * Deletes a Tag from the array of tags and sets the new position for the tag cursor.\n   * Also executes the user provided onDelete and onChange events.\n   *\n   * @param {number}  tagPos - the position at which to remove the tag\n   * @param {Event}   event  - the event associated with the delete\n   * @param {boolean} end    - whether or not to set the cursor at the end of the array\n   */\n  const deleteTag = useCallback(\n    (tagPos, event, end) => {\n      const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];\n      setValue(newTagsArr);\n      // eslint-disable-next-line no-nested-ternary\n      setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n      inputRef.current?.focus();\n      performValidation(newTagsArr);\n      onDelete?.(event, value[tagPos], tagPos);\n      onChange?.(event, newTagsArr);\n      skipReset.current = true;\n    },\n    [onChange, onDelete, performValidation, setValue, tagCursorPos, value]\n  );\n\n  /**\n   * Adds a Tag to the array of tags.\n   * Also executes the user provided onAdd and onDelete events.\n   *\n   * @param {Event}   event  - whatever event triggered adding a tag\n   * @param {string}  tag    - the string for the tag\n   */\n  const addTag = useCallback(\n    (event, tag) => {\n      event.preventDefault();\n      if (tag !== \"\") {\n        const newTag = { label: tag, type: \"semantic\" };\n        const newTagsArr = [...value, newTag];\n        setValue(newTagsArr);\n        performValidation(newTagsArr);\n        onAdd?.(event, newTag, newTagsArr.length - 1);\n        onChange?.(event, newTagsArr);\n      }\n    },\n    [onAdd, onChange, performValidation, setValue, value]\n  );\n\n  const canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n  useEffect(() => {\n    if (!multiline) {\n      const element = containerRef?.current?.children[tagCursorPos];\n      // this setTimeout is a workaround for Firefox not properly dealing\n      // with setting the scrollLeft value.\n      setTimeout(() => {\n        const container = containerRef.current;\n        if (isNil(container)) return;\n        container.scrollLeft = element\n          ? element.offsetLeft -\n            container.getBoundingClientRect().width / 2 +\n            element.getBoundingClientRect().width / 2\n          : 0;\n      }, 50);\n\n      element?.focus();\n    }\n  }, [multiline, tagCursorPos]);\n\n  useEffect(() => {\n    if (!skipReset.current) {\n      setTagInput(\"\");\n      setTagCursorPos(value.length);\n    }\n    skipReset.current = false;\n  }, [value]);\n\n  const isMounted = useIsMounted();\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 getSuggestions = useCallback(\n    (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    [elementId]\n  );\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = useCallback(() => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  }, [isMounted]);\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = useCallback(\n    (val) => {\n      const suggestionsArray = suggestionListCallback?.(val);\n      if (suggestionsArray?.[0]?.label) {\n        setSuggestionValues(suggestionsArray);\n      } else {\n        suggestionClearHandler();\n      }\n    },\n    [suggestionClearHandler, suggestionListCallback]\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    addTag(event, item.value || item.label);\n\n    // set the input value (only when value is uncontrolled)\n    setTagInput(item.value || item.label);\n\n    focusInput();\n    suggestionClearHandler();\n  };\n\n  /**\n   * Handler for the `onKeyDown` event on the suggestions component\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   * Handler for the `onChange` event on the tag input\n   */\n  const onChangeHandler = useCallback(\n    (event, input) => {\n      setTagInput(input);\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(input);\n      }\n    },\n    [canShowSuggestions, suggestionHandler]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the form element\n   */\n  const onInputKeyDownHandler = useCallback(\n    (event) => {\n      if (!canShowSuggestions && commitTagOn.includes(event.code)) {\n        addTag(event, tagInput);\n      }\n    },\n    [addTag, canShowSuggestions, commitTagOn, tagInput]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the list container.\n   */\n  const onKeyDownHandler = useCallback(\n    (event) => {\n      if (tagInput === \"\") {\n        switch (event.code) {\n          case \"ArrowLeft\":\n            setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n            break;\n          case \"ArrowRight\":\n            setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n            break;\n          case \"Backspace\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            } else {\n              setTagCursorPos(value.length - 1);\n            }\n            break;\n          case \"Delete\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            }\n            break;\n          default:\n            break;\n        }\n      } else {\n        switch (event.code) {\n          case \"ArrowDown\":\n            getSuggestions(0)?.focus();\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [deleteTag, getSuggestions, isTagSelected, tagCursorPos, tagInput, value.length]\n  );\n\n  /**\n   * Handler for the `onDelete` event on the tag component\n   */\n  const onDeleteTagHandler = useCallback(\n    (event, i) => {\n      deleteTag(i, event, true);\n      setValidationState(validationStates.standBy);\n    },\n    [deleteTag, setValidationState]\n  );\n\n  /**\n   * Handler for the `onClick` event on the list container\n   */\n  const onContainerClickHandler = useCallback(() => {\n    inputRef.current?.focus();\n    clearTimeout(blurTimeout.current);\n    setTagCursorPos(value.length);\n  }, [value.length]);\n\n  const onBlurHandler = (evt) => {\n    blurTimeout.current = setTimeout(() => {\n      if (commitOnBlur) {\n        addTag(evt, tagInput);\n      }\n      onBlur?.(evt, tagInput);\n    }, 250);\n  };\n\n  const onFocusHandler = (evt) => {\n    clearTimeout(blurTimeout.current);\n    onFocus?.(evt, tagInput);\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={validationState}\n      required={required}\n      onBlur={onBlurHandler}\n      onFocus={onFocusHandler}\n      className={clsx(classes.root, className, {\n        [classes.disabled]: disabled,\n      })}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={textAreaLabel}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxTagsQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvListContainer\n        className={clsx(\n          classes.tagsList,\n          canShowError && classes.error,\n          resizable && multiline && classes.resizable,\n          isStateInvalid && classes.invalid,\n          !multiline && classes.singleLine\n        )}\n        onKeyDown={onKeyDownHandler}\n        onClick={onContainerClickHandler}\n        ref={containerRef}\n      >\n        {value &&\n          value.map((t, i) => {\n            const tag =\n              typeof t === \"string\"\n                ? {\n                    label: t,\n                    type: \"semantic\",\n                  }\n                : t;\n            const { label, type, ...otherProps } = tag;\n            return (\n              <HvListItem\n                // eslint-disable-next-line react/no-array-index-key\n                key={`${tag.label}-${i}`}\n                tabIndex={-1}\n                className={clsx(!multiline && classes.singleLine)}\n                classes={{\n                  gutters: classes.listItemGutters,\n                  root: classes.listItemRoot,\n                }}\n                id={`tag-${i}`}\n              >\n                <HvTag\n                  label={label}\n                  className={clsx(i === tagCursorPos && classes.tagSelected)}\n                  classes={{\n                    chipRoot: classes.chipRoot,\n                  }}\n                  type={type}\n                  {...(!(readOnly || disabled || type === \"categorical\") && {\n                    onDelete: (event) => onDeleteTagHandler(event, i),\n                  })}\n                  deleteButtonProps={{\n                    tabIndex: -1,\n                  }}\n                  {...otherProps}\n                />\n              </HvListItem>\n            );\n          })}\n        {!(disabled || readOnly) && (\n          <HvListItem\n            className={clsx(!multiline && classes.singleLine, value.length === 0 ? \"empty\" : \"\")}\n            classes={{\n              root: classes.tagInputContainerRoot,\n              gutters: classes.listItemGutters,\n            }}\n            id={`tag-${value.length}`}\n          >\n            <HvInput\n              value={tagInput}\n              disableClear\n              onChange={onChangeHandler}\n              onKeyDown={onInputKeyDownHandler}\n              placeholder={value.length === 0 ? placeholder : \"\"}\n              autoFocus={autoFocus}\n              className={clsx(!multiline && classes.singleLine)}\n              classes={{\n                root: classes.tagInputRoot,\n                input: classes.input,\n                inputBorderContainer: classes.tagInputBorderContainer,\n                inputRootFocused: classes.tagInputRootFocused,\n              }}\n              disabled={disabled}\n              readOnly={readOnly || isTagSelected}\n              inputProps={{\n                ref: materialInputRef,\n                \"aria-label\": ariaLabel,\n                \"aria-labelledby\": ariaLabelledBy,\n                \"aria-describedby\":\n                  ariaDescribedBy != null\n                    ? ariaDescribedBy\n                    : description && setId(elementId, \"description\"),\n\n                ...inputProps,\n              }}\n              inputRef={inputRef}\n              {...others}\n            />\n          </HvListItem>\n        )}\n      </HvListContainer>\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={containerRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\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\nHvTagsInput.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.PropTypes.shape({\n    /**\n     * Styles applied to the input element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the list item gutters.\n     */\n    listItemGutters: PropTypes.string,\n    /**\n     * Styles applied to the list item element.\n     */\n    listItemRoot: PropTypes.string,\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     *\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the tags list container element.\n     */\n    tagsList: PropTypes.string,\n    /**\n     * Styles applied to the tag input container element.\n     */\n    tagInputContainerRoot: PropTypes.string,\n    /**\n     * Styles applied to the tag input element.\n     */\n    tagInputRoot: PropTypes.string,\n    /**\n     * Styles applied to a tag element when selected\n     */\n    tagSelected: PropTypes.string,\n    /**\n     * Styles applied to the input element border.\n     */\n    tagInputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the input element when focused.\n     */\n    tagInputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to the container when in single line mode.\n     */\n    singleLine: PropTypes.string,\n    /**\n     * Styles applied to the tags list when an error occurred.\n     */\n    error: PropTypes.string,\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   * 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   * The value of the form element.\n   */\n  value: PropTypes.array,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.array,\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   * 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 the form element is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The function that will be executed when the element is focused.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The function that will be executed when the element is blurred.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is deleted.\n   */\n  onDelete: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is added.\n   */\n  onAdd: PropTypes.func,\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxTagsQuantity: PropTypes.number,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the component is in multiline mode.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * The status of the form element.\n   */\n  status: PropTypes.string,\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\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  /**\n   * An array of strings that represent the character used to input a tag.\n   * This character is the string representation of the event.code from the input event.\n   */\n  commitTagOn: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * If `true` the tag will be commited when the blur event occurs.\n   */\n  commitOnBlur: PropTypes.bool,\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\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"mappings":"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"}
+{"version":3,"file":"TagsInput.js","names":["HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","onBlur","onFocus","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","commitTagOn","commitOnBlur","suggestionListCallback","others","elementId","useUniqueId","hasLabel","hasDescription","useControlled","setValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","useState","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","useRef","containerRef","skipReset","blurTimeout","materialInputRef","isTagSelected","hasCounter","suggestionValues","setSuggestionValues","isStateInvalid","useMemo","canShowSuggestions","hasSuggestions","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","useCallback","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","addTag","tag","preventDefault","newTag","type","canShowError","undefined","useEffect","element","children","setTimeout","container","isNil","scrollLeft","offsetLeft","getBoundingClientRect","width","isMounted","useIsMounted","focusInput","getSuggestions","li","listEl","document","getElementById","setId","getElementsByTagName","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","onSuggestionKeyDown","isKeypress","KeyboardCodes","Esc","Tab","onChangeHandler","input","onInputKeyDownHandler","includes","code","onKeyDownHandler","onDeleteTagHandler","i","onContainerClickHandler","clearTimeout","onBlurHandler","evt","onFocusHandler","clsx","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","ref","inputExtension","suggestionsContainer","list","suggestionList","parentElement","propTypes","PropTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","arrayOf","withStyles","styles"],"sources":["../../src/TagsInput/TagsInput.js"],"sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled, isKeypress, KeyboardCodes } from \"../utils\";\nimport {\n  HvFormElement,\n  HvListContainer,\n  HvListItem,\n  HvTag,\n  HvInput,\n  HvLabel,\n  HvInfoMessage,\n  HvCharCounter,\n  HvSuggestions,\n  HvWarningText,\n  useUniqueId,\n  useIsMounted,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = [],\n\n    readOnly = false,\n    disabled = false,\n    required = false,\n\n    label: textAreaLabel,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onAdd,\n    onDelete,\n    onBlur,\n    onFocus,\n\n    placeholder,\n\n    hideCounter = false,\n    middleCountLabel = \"/\",\n    maxTagsQuantity,\n\n    autoFocus = false,\n    resizable = true,\n\n    inputProps = {},\n    countCharProps = {},\n\n    multiline = false,\n\n    status,\n    statusMessage,\n\n    validationMessages,\n\n    commitTagOn = [\"Enter\"],\n    commitOnBlur = false,\n\n    suggestionListCallback,\n\n    ...others\n  } = props;\n  const elementId = useUniqueId(id, \"hvTagsInput\");\n\n  const hasLabel = textAreaLabel != null;\n  const hasDescription = description != null;\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  const [tagInput, setTagInput] = useState(\"\");\n  const [tagCursorPos, setTagCursorPos] = useState(value.length);\n  const [stateValid, setStateValid] = useState(true);\n\n  const inputRef = useRef();\n  const containerRef = useRef();\n  const skipReset = useRef(false);\n  const blurTimeout = useRef();\n  const materialInputRef = useRef(null);\n\n  const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n  const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n  // suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState(null);\n\n  const isStateInvalid = useMemo(() => {\n    return hasCounter && value.length > maxTagsQuantity;\n  }, [hasCounter, maxTagsQuantity, value.length]);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\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    ]\n  );\n\n  const performValidation = useCallback(\n    (currValue) => {\n      if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n        setValidationState(validationStates.invalid);\n        setValidationMessage(errorMessages.maxCharError);\n        setStateValid(false);\n      } else {\n        setValidationState(validationStates.valid);\n        setValidationMessage(\"\");\n        setStateValid(true);\n      }\n    },\n    [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n  );\n\n  /**\n   * Deletes a Tag from the array of tags and sets the new position for the tag cursor.\n   * Also executes the user provided onDelete and onChange events.\n   *\n   * @param {number}  tagPos - the position at which to remove the tag\n   * @param {Event}   event  - the event associated with the delete\n   * @param {boolean} end    - whether or not to set the cursor at the end of the array\n   */\n  const deleteTag = useCallback(\n    (tagPos, event, end) => {\n      const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];\n      setValue(newTagsArr);\n      // eslint-disable-next-line no-nested-ternary\n      setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n      inputRef.current?.focus();\n      performValidation(newTagsArr);\n      onDelete?.(event, value[tagPos], tagPos);\n      onChange?.(event, newTagsArr);\n      skipReset.current = true;\n    },\n    [onChange, onDelete, performValidation, setValue, tagCursorPos, value]\n  );\n\n  /**\n   * Adds a Tag to the array of tags.\n   * Also executes the user provided onAdd and onDelete events.\n   *\n   * @param {Event}   event  - whatever event triggered adding a tag\n   * @param {string}  tag    - the string for the tag\n   */\n  const addTag = useCallback(\n    (event, tag) => {\n      event.preventDefault();\n      if (tag !== \"\") {\n        const newTag = { label: tag, type: \"semantic\" };\n        const newTagsArr = [...value, newTag];\n        setValue(newTagsArr);\n        performValidation(newTagsArr);\n        onAdd?.(event, newTag, newTagsArr.length - 1);\n        onChange?.(event, newTagsArr);\n      }\n    },\n    [onAdd, onChange, performValidation, setValue, value]\n  );\n\n  const canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n  useEffect(() => {\n    if (!multiline) {\n      const element = containerRef?.current?.children[tagCursorPos];\n      // this setTimeout is a workaround for Firefox not properly dealing\n      // with setting the scrollLeft value.\n      setTimeout(() => {\n        const container = containerRef.current;\n        if (isNil(container)) return;\n        container.scrollLeft = element\n          ? element.offsetLeft -\n            container.getBoundingClientRect().width / 2 +\n            element.getBoundingClientRect().width / 2\n          : 0;\n      }, 50);\n\n      element?.focus();\n    }\n  }, [multiline, tagCursorPos]);\n\n  useEffect(() => {\n    if (!skipReset.current) {\n      setTagInput(\"\");\n      setTagCursorPos(value.length);\n    }\n    skipReset.current = false;\n  }, [value]);\n\n  const isMounted = useIsMounted();\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 getSuggestions = useCallback(\n    (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    [elementId]\n  );\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = useCallback(() => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  }, [isMounted]);\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = useCallback(\n    (val) => {\n      const suggestionsArray = suggestionListCallback?.(val);\n      if (suggestionsArray?.[0]?.label) {\n        setSuggestionValues(suggestionsArray);\n      } else {\n        suggestionClearHandler();\n      }\n    },\n    [suggestionClearHandler, suggestionListCallback]\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    addTag(event, item.value || item.label);\n\n    // set the input value (only when value is uncontrolled)\n    setTagInput(item.value || item.label);\n\n    focusInput();\n    suggestionClearHandler();\n  };\n\n  /**\n   * Handler for the `onKeyDown` event on the suggestions component\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   * Handler for the `onChange` event on the tag input\n   */\n  const onChangeHandler = useCallback(\n    (event, input) => {\n      setTagInput(input);\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(input);\n      }\n    },\n    [canShowSuggestions, suggestionHandler]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the form element\n   */\n  const onInputKeyDownHandler = useCallback(\n    (event) => {\n      if (!canShowSuggestions && commitTagOn.includes(event.code)) {\n        addTag(event, tagInput);\n      }\n    },\n    [addTag, canShowSuggestions, commitTagOn, tagInput]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the list container.\n   */\n  const onKeyDownHandler = useCallback(\n    (event) => {\n      if (tagInput === \"\") {\n        switch (event.code) {\n          case \"ArrowLeft\":\n            setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n            break;\n          case \"ArrowRight\":\n            setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n            break;\n          case \"Backspace\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            } else {\n              setTagCursorPos(value.length - 1);\n            }\n            break;\n          case \"Delete\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            }\n            break;\n          default:\n            break;\n        }\n      } else {\n        switch (event.code) {\n          case \"ArrowDown\":\n            getSuggestions(0)?.focus();\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [deleteTag, getSuggestions, isTagSelected, tagCursorPos, tagInput, value.length]\n  );\n\n  /**\n   * Handler for the `onDelete` event on the tag component\n   */\n  const onDeleteTagHandler = useCallback(\n    (event, i) => {\n      deleteTag(i, event, true);\n      setValidationState(validationStates.standBy);\n    },\n    [deleteTag, setValidationState]\n  );\n\n  /**\n   * Handler for the `onClick` event on the list container\n   */\n  const onContainerClickHandler = useCallback(() => {\n    inputRef.current?.focus();\n    clearTimeout(blurTimeout.current);\n    setTagCursorPos(value.length);\n  }, [value.length]);\n\n  const onBlurHandler = (evt) => {\n    blurTimeout.current = setTimeout(() => {\n      if (commitOnBlur) {\n        addTag(evt, tagInput);\n      }\n      onBlur?.(evt, tagInput);\n    }, 250);\n  };\n\n  const onFocusHandler = (evt) => {\n    clearTimeout(blurTimeout.current);\n    onFocus?.(evt, tagInput);\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={validationState}\n      required={required}\n      onBlur={onBlurHandler}\n      onFocus={onFocusHandler}\n      className={clsx(classes.root, className, {\n        [classes.disabled]: disabled,\n      })}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={textAreaLabel}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxTagsQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvListContainer\n        className={clsx(\n          classes.tagsList,\n          canShowError && classes.error,\n          resizable && multiline && classes.resizable,\n          isStateInvalid && classes.invalid,\n          !multiline && classes.singleLine\n        )}\n        onKeyDown={onKeyDownHandler}\n        onClick={onContainerClickHandler}\n        ref={containerRef}\n      >\n        {value &&\n          value.map((t, i) => {\n            const tag =\n              typeof t === \"string\"\n                ? {\n                    label: t,\n                    type: \"semantic\",\n                  }\n                : t;\n            const { label, type, ...otherProps } = tag;\n            return (\n              <HvListItem\n                // eslint-disable-next-line react/no-array-index-key\n                key={`${tag.label}-${i}`}\n                tabIndex={-1}\n                className={clsx(!multiline && classes.singleLine)}\n                classes={{\n                  gutters: classes.listItemGutters,\n                  root: classes.listItemRoot,\n                }}\n                id={`tag-${i}`}\n              >\n                <HvTag\n                  label={label}\n                  className={clsx(i === tagCursorPos && classes.tagSelected)}\n                  classes={{\n                    chipRoot: classes.chipRoot,\n                  }}\n                  type={type}\n                  {...(!(readOnly || disabled || type === \"categorical\") && {\n                    onDelete: (event) => onDeleteTagHandler(event, i),\n                  })}\n                  deleteButtonProps={{\n                    tabIndex: -1,\n                  }}\n                  {...otherProps}\n                />\n              </HvListItem>\n            );\n          })}\n        {!(disabled || readOnly) && (\n          <HvListItem\n            className={clsx(!multiline && classes.singleLine, value.length === 0 ? \"empty\" : \"\")}\n            classes={{\n              root: classes.tagInputContainerRoot,\n              gutters: classes.listItemGutters,\n            }}\n            id={`tag-${value.length}`}\n          >\n            <HvInput\n              value={tagInput}\n              disableClear\n              onChange={onChangeHandler}\n              onKeyDown={onInputKeyDownHandler}\n              placeholder={value.length === 0 ? placeholder : \"\"}\n              autoFocus={autoFocus}\n              className={clsx(!multiline && classes.singleLine)}\n              classes={{\n                root: classes.tagInputRoot,\n                input: classes.input,\n                inputBorderContainer: classes.tagInputBorderContainer,\n                inputRootFocused: classes.tagInputRootFocused,\n              }}\n              disabled={disabled}\n              readOnly={readOnly || isTagSelected}\n              inputProps={{\n                ref: materialInputRef,\n                \"aria-label\": ariaLabel,\n                \"aria-labelledby\": ariaLabelledBy,\n                \"aria-describedby\":\n                  ariaDescribedBy != null\n                    ? ariaDescribedBy\n                    : description && setId(elementId, \"description\"),\n\n                ...inputProps,\n              }}\n              inputRef={inputRef}\n              {...others}\n            />\n          </HvListItem>\n        )}\n      </HvListContainer>\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={containerRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\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\nHvTagsInput.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.PropTypes.shape({\n    /**\n     * Styles applied to the input element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the list item gutters.\n     */\n    listItemGutters: PropTypes.string,\n    /**\n     * Styles applied to the list item element.\n     */\n    listItemRoot: PropTypes.string,\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     *\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the tags list container element.\n     */\n    tagsList: PropTypes.string,\n    /**\n     * Styles applied to the tag input container element.\n     */\n    tagInputContainerRoot: PropTypes.string,\n    /**\n     * Styles applied to the tag input element.\n     */\n    tagInputRoot: PropTypes.string,\n    /**\n     * Styles applied to a tag element when selected\n     */\n    tagSelected: PropTypes.string,\n    /**\n     * Styles applied to the input element border.\n     */\n    tagInputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the input element when focused.\n     */\n    tagInputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to the container when in single line mode.\n     */\n    singleLine: PropTypes.string,\n    /**\n     * Styles applied to the tags list when an error occurred.\n     */\n    error: PropTypes.string,\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   * 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   * The value of the form element.\n   */\n  value: PropTypes.array,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.array,\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   * 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 the form element is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The function that will be executed when the element is focused.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The function that will be executed when the element is blurred.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is deleted.\n   */\n  onDelete: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is added.\n   */\n  onAdd: PropTypes.func,\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxTagsQuantity: PropTypes.number,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the component is in multiline mode.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * The status of the form element.\n   */\n  status: PropTypes.string,\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\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  /**\n   * An array of strings that represent the character used to input a tag.\n   * This character is the string representation of the event.code from the input event.\n   */\n  commitTagOn: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * If `true` the tag will be commited when the blur event occurs.\n   */\n  commitOnBlur: PropTypes.bool,\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\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAcA;;AACA;;AACA;;;;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;EAAA;;EAC7B,IACEC,OADF,GAmDID,KAnDJ,CACEC,OADF;EAAA,IAEEC,SAFF,GAmDIF,KAnDJ,CAEEE,SAFF;EAAA,IAIEC,EAJF,GAmDIH,KAnDJ,CAIEG,EAJF;EAAA,IAKEC,IALF,GAmDIJ,KAnDJ,CAKEI,IALF;EAAA,IAOSC,SAPT,GAmDIL,KAnDJ,CAOEM,KAPF;EAAA,0BAmDIN,KAnDJ,CAQEO,YARF;EAAA,IAQEA,YARF,oCAQiB,EARjB;EAAA,sBAmDIP,KAnDJ,CAUEQ,QAVF;EAAA,IAUEA,QAVF,gCAUa,KAVb;EAAA,sBAmDIR,KAnDJ,CAWES,QAXF;EAAA,IAWEA,QAXF,gCAWa,KAXb;EAAA,sBAmDIT,KAnDJ,CAYEU,QAZF;EAAA,IAYEA,QAZF,gCAYa,KAZb;EAAA,IAcSC,aAdT,GAmDIX,KAnDJ,CAcEY,KAdF;EAAA,IAegBC,SAfhB,GAmDIb,KAnDJ,CAeE,YAfF;EAAA,IAgBqBc,cAhBrB,GAmDId,KAnDJ,CAgBE,iBAhBF;EAAA,IAiBEe,WAjBF,GAmDIf,KAnDJ,CAiBEe,WAjBF;EAAA,IAkBsBC,eAlBtB,GAmDIhB,KAnDJ,CAkBE,kBAlBF;EAAA,IAoBEiB,QApBF,GAmDIjB,KAnDJ,CAoBEiB,QApBF;EAAA,IAqBEC,KArBF,GAmDIlB,KAnDJ,CAqBEkB,KArBF;EAAA,IAsBEC,QAtBF,GAmDInB,KAnDJ,CAsBEmB,QAtBF;EAAA,IAuBEC,MAvBF,GAmDIpB,KAnDJ,CAuBEoB,MAvBF;EAAA,IAwBEC,OAxBF,GAmDIrB,KAnDJ,CAwBEqB,OAxBF;EAAA,IA0BEC,WA1BF,GAmDItB,KAnDJ,CA0BEsB,WA1BF;EAAA,yBAmDItB,KAnDJ,CA4BEuB,WA5BF;EAAA,IA4BEA,WA5BF,mCA4BgB,KA5BhB;EAAA,4BAmDIvB,KAnDJ,CA6BEwB,gBA7BF;EAAA,IA6BEA,gBA7BF,sCA6BqB,GA7BrB;EAAA,IA8BEC,eA9BF,GAmDIzB,KAnDJ,CA8BEyB,eA9BF;EAAA,uBAmDIzB,KAnDJ,CAgCE0B,SAhCF;EAAA,IAgCEA,SAhCF,iCAgCc,KAhCd;EAAA,uBAmDI1B,KAnDJ,CAiCE2B,SAjCF;EAAA,IAiCEA,SAjCF,iCAiCc,IAjCd;EAAA,wBAmDI3B,KAnDJ,CAmCE4B,UAnCF;EAAA,IAmCEA,UAnCF,kCAmCe,EAnCf;EAAA,4BAmDI5B,KAnDJ,CAoCE6B,cApCF;EAAA,IAoCEA,cApCF,sCAoCmB,EApCnB;EAAA,uBAmDI7B,KAnDJ,CAsCE8B,SAtCF;EAAA,IAsCEA,SAtCF,iCAsCc,KAtCd;EAAA,IAwCEC,MAxCF,GAmDI/B,KAnDJ,CAwCE+B,MAxCF;EAAA,IAyCEC,aAzCF,GAmDIhC,KAnDJ,CAyCEgC,aAzCF;EAAA,IA2CEC,kBA3CF,GAmDIjC,KAnDJ,CA2CEiC,kBA3CF;EAAA,yBAmDIjC,KAnDJ,CA6CEkC,WA7CF;EAAA,IA6CEA,WA7CF,mCA6CgB,CAAC,OAAD,CA7ChB;EAAA,0BAmDIlC,KAnDJ,CA8CEmC,YA9CF;EAAA,IA8CEA,YA9CF,oCA8CiB,KA9CjB;EAAA,IAgDEC,sBAhDF,GAmDIpC,KAnDJ,CAgDEoC,sBAhDF;EAAA,IAkDKC,MAlDL,0CAmDIrC,KAnDJ;EAoDA,IAAMsC,SAAS,GAAG,IAAAC,aAAA,EAAYpC,EAAZ,EAAgB,aAAhB,CAAlB;EAEA,IAAMqC,QAAQ,GAAG7B,aAAa,IAAI,IAAlC;EACA,IAAM8B,cAAc,GAAG1B,WAAW,IAAI,IAAtC;;EAEA,qBAA0B,IAAA2B,oBAAA,EAAcrC,SAAd,EAAyBE,YAAzB,CAA1B;EAAA;EAAA,IAAOD,KAAP;EAAA,IAAcqC,QAAd;;EACA,sBAA8C,IAAAD,oBAAA,EAAcX,MAAd,EAAsBa,yBAAA,CAAiBC,OAAvC,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EACA,sBAAkD,IAAAL,oBAAA,EAAcV,aAAd,EAA6B,EAA7B,CAAlD;EAAA;EAAA,IAAOgB,iBAAP;EAAA,IAA0BC,oBAA1B;;EAEA,gBAAgC,IAAAC,eAAA,EAAS,EAAT,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EACA,iBAAwC,IAAAF,eAAA,EAAS5C,KAAK,CAAC+C,MAAf,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,iBAAoC,IAAAL,eAAA,EAAS,IAAT,CAApC;EAAA;EAAA,IAAOM,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,IAAMC,QAAQ,GAAG,IAAAC,aAAA,GAAjB;EACA,IAAMC,YAAY,GAAG,IAAAD,aAAA,GAArB;EACA,IAAME,SAAS,GAAG,IAAAF,aAAA,EAAO,KAAP,CAAlB;EACA,IAAMG,WAAW,GAAG,IAAAH,aAAA,GAApB;EACA,IAAMI,gBAAgB,GAAG,IAAAJ,aAAA,EAAO,IAAP,CAAzB;EAEA,IAAMK,aAAa,GAAGV,YAAY,IAAI,CAAhB,IAAqBA,YAAY,GAAGhD,KAAK,CAAC+C,MAAhE;EACA,IAAMY,UAAU,GAAGxC,eAAe,IAAI,IAAnB,IAA2B,CAACF,WAA/C,CAzE6B,CA2E7B;;EACA,iBAAgD,IAAA2B,eAAA,EAAS,IAAT,CAAhD;EAAA;EAAA,IAAOgB,gBAAP;EAAA,IAAyBC,mBAAzB;;EAEA,IAAMC,cAAc,GAAG,IAAAC,cAAA,EAAQ,YAAM;IACnC,OAAOJ,UAAU,IAAI3D,KAAK,CAAC+C,MAAN,GAAe5B,eAApC;EACD,CAFsB,EAEpB,CAACwC,UAAD,EAAaxC,eAAb,EAA8BnB,KAAK,CAAC+C,MAApC,CAFoB,CAAvB;EAIA,IAAMiB,kBAAkB,GAAGlC,sBAAsB,IAAI,IAArD;EACA,IAAMmC,cAAc,GAAG,CAAC,CAACL,gBAAzB;EAEA,IAAMM,aAAa,GAAG,IAAAH,cAAA,EACpB;IAAA,uCAAYI,mCAAZ,GAAuCxC,kBAAvC;EAAA,CADoB,EAEpB;EACA,CACEA,kBADF,aACEA,kBADF,uBACEA,kBAAkB,CAAEyC,KADtB,EAEEzC,kBAFF,aAEEA,kBAFF,uBAEEA,kBAAkB,CAAE0C,aAFtB,EAGE1C,kBAHF,aAGEA,kBAHF,uBAGEA,kBAAkB,CAAE2C,YAHtB,EAIE3C,kBAJF,aAIEA,kBAJF,uBAIEA,kBAAkB,CAAE4C,YAJtB,CAHoB,CAAtB;EAWA,IAAMC,iBAAiB,GAAG,IAAAC,kBAAA,EACxB,UAACC,SAAD,EAAe;IACb,IAAIvD,eAAe,KAAK,IAApB,IAA4BuD,SAAS,CAAC3B,MAAV,GAAmB5B,eAAnD,EAAoE;MAClEsB,kBAAkB,CAACH,yBAAA,CAAiBqC,OAAlB,CAAlB;MACAhC,oBAAoB,CAACuB,aAAa,CAACK,YAAf,CAApB;MACApB,aAAa,CAAC,KAAD,CAAb;IACD,CAJD,MAIO;MACLV,kBAAkB,CAACH,yBAAA,CAAiBsC,KAAlB,CAAlB;MACAjC,oBAAoB,CAAC,EAAD,CAApB;MACAQ,aAAa,CAAC,IAAD,CAAb;IACD;EACF,CAXuB,EAYxB,CAACe,aAAa,CAACK,YAAf,EAA6BpD,eAA7B,EAA8CwB,oBAA9C,EAAoEF,kBAApE,CAZwB,CAA1B;EAeA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;EACE,IAAMoC,SAAS,GAAG,IAAAJ,kBAAA,EAChB,UAACK,MAAD,EAASC,KAAT,EAAgBC,GAAhB,EAAwB;IAAA;;IACtB,IAAMC,UAAU,8CAAOjF,KAAK,CAACkF,KAAN,CAAY,CAAZ,EAAeJ,MAAf,CAAP,oCAAkC9E,KAAK,CAACkF,KAAN,CAAYJ,MAAM,GAAG,CAArB,CAAlC,EAAhB;IACAzC,QAAQ,CAAC4C,UAAD,CAAR,CAFsB,CAGtB;;IACAhC,eAAe,CAAC+B,GAAG,GAAGC,UAAU,CAAClC,MAAd,GAAuBC,YAAY,GAAG,CAAf,GAAmBA,YAAY,GAAG,CAAlC,GAAsC,CAAjE,CAAf;IACA,qBAAAI,QAAQ,CAAC+B,OAAT,wEAAkBC,KAAlB;IACAZ,iBAAiB,CAACS,UAAD,CAAjB;IACApE,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGkE,KAAH,EAAU/E,KAAK,CAAC8E,MAAD,CAAf,EAAyBA,MAAzB,CAAR;IACAnE,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGoE,KAAH,EAAUE,UAAV,CAAR;IACA1B,SAAS,CAAC4B,OAAV,GAAoB,IAApB;EACD,CAXe,EAYhB,CAACxE,QAAD,EAAWE,QAAX,EAAqB2D,iBAArB,EAAwCnC,QAAxC,EAAkDW,YAAlD,EAAgEhD,KAAhE,CAZgB,CAAlB;EAeA;AACF;AACA;AACA;AACA;AACA;AACA;;EACE,IAAMqF,MAAM,GAAG,IAAAZ,kBAAA,EACb,UAACM,KAAD,EAAQO,GAAR,EAAgB;IACdP,KAAK,CAACQ,cAAN;;IACA,IAAID,GAAG,KAAK,EAAZ,EAAgB;MACd,IAAME,MAAM,GAAG;QAAElF,KAAK,EAAEgF,GAAT;QAAcG,IAAI,EAAE;MAApB,CAAf;MACA,IAAMR,UAAU,8CAAOjF,KAAP,IAAcwF,MAAd,EAAhB;MACAnD,QAAQ,CAAC4C,UAAD,CAAR;MACAT,iBAAiB,CAACS,UAAD,CAAjB;MACArE,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAGmE,KAAH,EAAUS,MAAV,EAAkBP,UAAU,CAAClC,MAAX,GAAoB,CAAtC,CAAL;MACApC,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGoE,KAAH,EAAUE,UAAV,CAAR;IACD;EACF,CAXY,EAYb,CAACrE,KAAD,EAAQD,QAAR,EAAkB6D,iBAAlB,EAAqCnC,QAArC,EAA+CrC,KAA/C,CAZa,CAAf;EAeA,IAAM0F,YAAY,GACfjE,MAAM,KAAKkE,SAAX,IAAwBlE,MAAM,KAAK,SAAnC,IAAgDC,aAAa,KAAKiE,SAAnE,IAAiF,CAACzC,UADpF;EAGA,IAAA0C,gBAAA,EAAU,YAAM;IACd,IAAI,CAACpE,SAAL,EAAgB;MAAA;;MACd,IAAMqE,OAAO,GAAGvC,YAAH,aAAGA,YAAH,gDAAGA,YAAY,CAAE6B,OAAjB,0DAAG,sBAAuBW,QAAvB,CAAgC9C,YAAhC,CAAhB,CADc,CAEd;MACA;;MACA+C,UAAU,CAAC,YAAM;QACf,IAAMC,SAAS,GAAG1C,YAAY,CAAC6B,OAA/B;QACA,IAAI,IAAAc,cAAA,EAAMD,SAAN,CAAJ,EAAsB;QACtBA,SAAS,CAACE,UAAV,GAAuBL,OAAO,GAC1BA,OAAO,CAACM,UAAR,GACAH,SAAS,CAACI,qBAAV,GAAkCC,KAAlC,GAA0C,CAD1C,GAEAR,OAAO,CAACO,qBAAR,GAAgCC,KAAhC,GAAwC,CAHd,GAI1B,CAJJ;MAKD,CARS,EAQP,EARO,CAAV;MAUAR,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAET,KAAT;IACD;EACF,CAjBD,EAiBG,CAAC5D,SAAD,EAAYwB,YAAZ,CAjBH;EAmBA,IAAA4C,gBAAA,EAAU,YAAM;IACd,IAAI,CAACrC,SAAS,CAAC4B,OAAf,EAAwB;MACtBrC,WAAW,CAAC,EAAD,CAAX;MACAG,eAAe,CAACjD,KAAK,CAAC+C,MAAP,CAAf;IACD;;IACDQ,SAAS,CAAC4B,OAAV,GAAoB,KAApB;EACD,CAND,EAMG,CAACnF,KAAD,CANH;EAQA,IAAMsG,SAAS,GAAG,IAAAC,cAAA,GAAlB;EAEA;AACF;AACA;;EACE,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;IACvB/C,gBAAgB,CAAC0B,OAAjB,CAAyBC,KAAzB;EACD,CAFD;;EAIA,IAAMqB,cAAc,GAAG,IAAAhC,kBAAA,EACrB,UAACiC,EAAD,EAAQ;IAAA;;IACN;IACA,IAAMC,MAAM,GAAGC,QAAQ,CAACC,cAAT,CAAwB,IAAAC,YAAA,EAAM9E,SAAN,EAAiB,kBAAjB,CAAxB,CAAf;IACA,OAAO0E,EAAE,IAAI,IAAN,GAAaC,MAAb,aAAaA,MAAb,gDAAaA,MAAM,CAAEI,oBAAR,CAA6B,IAA7B,CAAb,0DAAa,sBAAqCL,EAArC,CAAb,GAAwDC,MAA/D;EACD,CALoB,EAMrB,CAAC3E,SAAD,CANqB,CAAvB;EASA;AACF;AACA;;EACE,IAAMgF,sBAAsB,GAAG,IAAAvC,kBAAA,EAAY,YAAM;IAC/C,IAAI6B,SAAS,CAACnB,OAAd,EAAuB;MACrBtB,mBAAmB,CAAC,IAAD,CAAnB;IACD;EACF,CAJ8B,EAI5B,CAACyC,SAAD,CAJ4B,CAA/B;EAMA;AACF;AACA;;EACE,IAAMW,iBAAiB,GAAG,IAAAxC,kBAAA,EACxB,UAACyC,GAAD,EAAS;IAAA;;IACP,IAAMC,gBAAgB,GAAGrF,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAGoF,GAAH,CAA/C;;IACA,IAAIC,gBAAJ,aAAIA,gBAAJ,qCAAIA,gBAAgB,CAAG,CAAH,CAApB,+CAAI,mBAAuB7G,KAA3B,EAAkC;MAChCuD,mBAAmB,CAACsD,gBAAD,CAAnB;IACD,CAFD,MAEO;MACLH,sBAAsB;IACvB;EACF,CARuB,EASxB,CAACA,sBAAD,EAAyBlF,sBAAzB,CATwB,CAA1B;EAYA;AACF;AACA;;EACE,IAAMsF,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACrC,KAAD,EAAQsC,IAAR,EAAiB;IACjDhC,MAAM,CAACN,KAAD,EAAQsC,IAAI,CAACrH,KAAL,IAAcqH,IAAI,CAAC/G,KAA3B,CAAN,CADiD,CAGjD;;IACAwC,WAAW,CAACuE,IAAI,CAACrH,KAAL,IAAcqH,IAAI,CAAC/G,KAApB,CAAX;IAEAkG,UAAU;IACVQ,sBAAsB;EACvB,CARD;EAUA;AACF;AACA;;;EACE,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACvC,KAAD,EAAW;IACrC,IAAI,IAAAwC,iBAAA,EAAWxC,KAAX,EAAkByC,oBAAA,CAAcC,GAAhC,CAAJ,EAA0C;MACxCT,sBAAsB;MACtBR,UAAU;IACX,CAHD,MAGO,IAAI,IAAAe,iBAAA,EAAWxC,KAAX,EAAkByC,oBAAA,CAAcE,GAAhC,CAAJ,EAA0C;MAC/CV,sBAAsB;IACvB;EACF,CAPD;EASA;AACF;AACA;;;EACE,IAAMW,eAAe,GAAG,IAAAlD,kBAAA,EACtB,UAACM,KAAD,EAAQ6C,KAAR,EAAkB;IAChB9E,WAAW,CAAC8E,KAAD,CAAX;;IAEA,IAAI5D,kBAAJ,EAAwB;MACtB;MACA;MACA;MACA;MACA;MACA;MACAiD,iBAAiB,CAACW,KAAD,CAAjB;IACD;EACF,CAbqB,EActB,CAAC5D,kBAAD,EAAqBiD,iBAArB,CAdsB,CAAxB;EAiBA;AACF;AACA;;EACE,IAAMY,qBAAqB,GAAG,IAAApD,kBAAA,EAC5B,UAACM,KAAD,EAAW;IACT,IAAI,CAACf,kBAAD,IAAuBpC,WAAW,CAACkG,QAAZ,CAAqB/C,KAAK,CAACgD,IAA3B,CAA3B,EAA6D;MAC3D1C,MAAM,CAACN,KAAD,EAAQlC,QAAR,CAAN;IACD;EACF,CAL2B,EAM5B,CAACwC,MAAD,EAASrB,kBAAT,EAA6BpC,WAA7B,EAA0CiB,QAA1C,CAN4B,CAA9B;EASA;AACF;AACA;;EACE,IAAMmF,gBAAgB,GAAG,IAAAvD,kBAAA,EACvB,UAACM,KAAD,EAAW;IAAA;;IACT,IAAIlC,QAAQ,KAAK,EAAjB,EAAqB;MACnB,QAAQkC,KAAK,CAACgD,IAAd;QACE,KAAK,WAAL;UACE9E,eAAe,CAACD,YAAY,GAAG,CAAf,GAAmBA,YAAY,GAAG,CAAlC,GAAsC,CAAvC,CAAf;UACA;;QACF,KAAK,YAAL;UACEC,eAAe,CAACD,YAAY,GAAGhD,KAAK,CAAC+C,MAArB,GAA8BC,YAAY,GAAG,CAA7C,GAAiDhD,KAAK,CAAC+C,MAAxD,CAAf;UACA;;QACF,KAAK,WAAL;UACE,IAAIW,aAAJ,EAAmB;YACjBmB,SAAS,CAAC7B,YAAD,EAAe+B,KAAf,EAAsB,KAAtB,CAAT;UACD,CAFD,MAEO;YACL9B,eAAe,CAACjD,KAAK,CAAC+C,MAAN,GAAe,CAAhB,CAAf;UACD;;UACD;;QACF,KAAK,QAAL;UACE,IAAIW,aAAJ,EAAmB;YACjBmB,SAAS,CAAC7B,YAAD,EAAe+B,KAAf,EAAsB,KAAtB,CAAT;UACD;;UACD;;QACF;UACE;MApBJ;IAsBD,CAvBD,MAuBO;MACL,QAAQA,KAAK,CAACgD,IAAd;QACE,KAAK,WAAL;UACE,mBAAAtB,cAAc,CAAC,CAAD,CAAd,oEAAmBrB,KAAnB;UACA;;QACF;UACE;MALJ;IAOD;EACF,CAlCsB,EAmCvB,CAACP,SAAD,EAAY4B,cAAZ,EAA4B/C,aAA5B,EAA2CV,YAA3C,EAAyDH,QAAzD,EAAmE7C,KAAK,CAAC+C,MAAzE,CAnCuB,CAAzB;EAsCA;AACF;AACA;;EACE,IAAMkF,kBAAkB,GAAG,IAAAxD,kBAAA,EACzB,UAACM,KAAD,EAAQmD,CAAR,EAAc;IACZrD,SAAS,CAACqD,CAAD,EAAInD,KAAJ,EAAW,IAAX,CAAT;IACAtC,kBAAkB,CAACH,yBAAA,CAAiBC,OAAlB,CAAlB;EACD,CAJwB,EAKzB,CAACsC,SAAD,EAAYpC,kBAAZ,CALyB,CAA3B;EAQA;AACF;AACA;;EACE,IAAM0F,uBAAuB,GAAG,IAAA1D,kBAAA,EAAY,YAAM;IAAA;;IAChD,sBAAArB,QAAQ,CAAC+B,OAAT,0EAAkBC,KAAlB;IACAgD,YAAY,CAAC5E,WAAW,CAAC2B,OAAb,CAAZ;IACAlC,eAAe,CAACjD,KAAK,CAAC+C,MAAP,CAAf;EACD,CAJ+B,EAI7B,CAAC/C,KAAK,CAAC+C,MAAP,CAJ6B,CAAhC;;EAMA,IAAMsF,aAAa,GAAG,SAAhBA,aAAgB,CAACC,GAAD,EAAS;IAC7B9E,WAAW,CAAC2B,OAAZ,GAAsBY,UAAU,CAAC,YAAM;MACrC,IAAIlE,YAAJ,EAAkB;QAChBwD,MAAM,CAACiD,GAAD,EAAMzF,QAAN,CAAN;MACD;;MACD/B,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAGwH,GAAH,EAAQzF,QAAR,CAAN;IACD,CAL+B,EAK7B,GAL6B,CAAhC;EAMD,CAPD;;EASA,IAAM0F,cAAc,GAAG,SAAjBA,cAAiB,CAACD,GAAD,EAAS;IAC9BF,YAAY,CAAC5E,WAAW,CAAC2B,OAAb,CAAZ;IACApE,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGuH,GAAH,EAAQzF,QAAR,CAAP;EACD,CAHD;;EAKA,oBACE,6BAAC,eAAD;IACE,EAAE,EAAEhD,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,QAAQ,EAAEK,QAHZ;IAIE,QAAQ,EAAED,QAJZ;IAKE,MAAM,EAAEsC,eALV;IAME,QAAQ,EAAEpC,QANZ;IAOE,MAAM,EAAEiI,aAPV;IAQE,OAAO,EAAEE,cARX;IASE,SAAS,EAAE,IAAAC,aAAA,EAAK7I,OAAO,CAAC8I,IAAb,EAAmB7I,SAAnB,EACWO,QADX,IACRR,OAAO,CAACQ,QADA;EATb,GAaG,CAAC+B,QAAQ,IAAIC,cAAb,kBACC;IAAK,SAAS,EAAExC,OAAO,CAAC+I;EAAxB,GACGxG,QAAQ,iBACP,6BAAC,SAAD;IACE,SAAS,EAAEvC,OAAO,CAACW,KADrB;IAEE,EAAE,EAAE,IAAAwG,YAAA,EAAMjH,EAAN,EAAU,OAAV,CAFN;IAGE,OAAO,EAAE,IAAAiH,YAAA,EAAM9E,SAAN,EAAiB,OAAjB,CAHX;IAIE,KAAK,EAAE3B;EAJT,EAFJ,EAUG8B,cAAc,iBACb,6BAAC,eAAD;IAAe,SAAS,EAAExC,OAAO,CAACc,WAAlC;IAA+C,EAAE,EAAE,IAAAqG,YAAA,EAAM9E,SAAN,EAAiB,aAAjB;EAAnD,GACGvB,WADH,CAXJ,CAdJ,EAgCGkD,UAAU,iBACT,6BAAC,eAAD;IACE,EAAE,EAAE,IAAAmD,YAAA,EAAM9E,SAAN,EAAiB,aAAjB,CADN;IAEE,SAAS,EAAErC,OAAO,CAACgJ,gBAFrB;IAGE,SAAS,EAAEzH,gBAHb;IAIE,mBAAmB,EAAElB,KAAK,CAAC+C,MAJ7B;IAKE,eAAe,EAAE5B;EALnB,GAMMI,cANN,EAjCJ,eA2CE,6BAAC,iBAAD;IACE,SAAS,EAAE,IAAAiH,aAAA,EACT7I,OAAO,CAACiJ,QADC,EAGIpH,SAHJ,GAGTH,SAHS,IAGiB1B,OAAO,CAAC0B,SAHzB,GAKK1B,OAAO,CAACkJ,UALb,EAETnD,YAFS,IAEO/F,OAAO,CAACyE,KAFf,EAITN,cAJS,IAISnE,OAAO,CAACgF,OAJjB,CADb;IAQE,SAAS,EAAEqD,gBARb;IASE,OAAO,EAAEG,uBATX;IAUE,GAAG,EAAE7E;EAVP,GAYGtD,KAAK,IACJA,KAAK,CAAC8I,GAAN,CAAU,UAACC,CAAD,EAAIb,CAAJ,EAAU;IAClB,IAAM5C,GAAG,GACP,OAAOyD,CAAP,KAAa,QAAb,GACI;MACEzI,KAAK,EAAEyI,CADT;MAEEtD,IAAI,EAAE;IAFR,CADJ,GAKIsD,CANN;IAOA,IAAQzI,KAAR,GAAuCgF,GAAvC,CAAQhF,KAAR;IAAA,IAAemF,IAAf,GAAuCH,GAAvC,CAAeG,IAAf;IAAA,IAAwBuD,UAAxB,0CAAuC1D,GAAvC;IACA,oBACE,6BAAC,YAAD,CACE;IADF;MAEE,GAAG,YAAKA,GAAG,CAAChF,KAAT,cAAkB4H,CAAlB,CAFL;MAGE,QAAQ,EAAE,CAAC,CAHb;MAIE,SAAS,EAAE,IAAAM,aAAA,EAAK,CAAChH,SAAN,IAAmB7B,OAAO,CAACkJ,UAA3B,CAJb;MAKE,OAAO,EAAE;QACPI,OAAO,EAAEtJ,OAAO,CAACuJ,eADV;QAEPT,IAAI,EAAE9I,OAAO,CAACwJ;MAFP,CALX;MASE,EAAE,gBAASjB,CAAT;IATJ,gBAWE,6BAAC,OAAD;MACE,KAAK,EAAE5H,KADT;MAEE,SAAS,EAAE,IAAAkI,aAAA,EAAKN,CAAC,KAAKlF,YAAX,IAA2BrD,OAAO,CAACyJ,WAAnC,CAFb;MAGE,OAAO,EAAE;QACPC,QAAQ,EAAE1J,OAAO,CAAC0J;MADX,CAHX;MAME,IAAI,EAAE5D;IANR,GAOO,EAAEvF,QAAQ,IAAIC,QAAZ,IAAwBsF,IAAI,KAAK,aAAnC,KAAqD;MACxD5E,QAAQ,EAAE,kBAACkE,KAAD;QAAA,OAAWkD,kBAAkB,CAAClD,KAAD,EAAQmD,CAAR,CAA7B;MAAA;IAD8C,CAP5D;MAUE,iBAAiB,EAAE;QACjBoB,QAAQ,EAAE,CAAC;MADM;IAVrB,GAaMN,UAbN,EAXF,CADF;EA6BD,CAtCD,CAbJ,EAoDG,EAAE7I,QAAQ,IAAID,QAAd,kBACC,6BAAC,YAAD;IACE,SAAS,EAAE,IAAAsI,aAAA,EAAK,CAAChH,SAAN,IAAmB7B,OAAO,CAACkJ,UAA3B,EAAuC7I,KAAK,CAAC+C,MAAN,KAAiB,CAAxD,IAA4D,OAA5D,CADb;IAEE,OAAO,EAAE;MACP0F,IAAI,EAAE9I,OAAO,CAAC4J,qBADP;MAEPN,OAAO,EAAEtJ,OAAO,CAACuJ;IAFV,CAFX;IAME,EAAE,gBAASlJ,KAAK,CAAC+C,MAAf;EANJ,gBAQE,6BAAC,SAAD;IACE,KAAK,EAAEF,QADT;IAEE,YAAY,MAFd;IAGE,QAAQ,EAAE8E,eAHZ;IAIE,SAAS,EAAEE,qBAJb;IAKE,WAAW,EAAE7H,KAAK,CAAC+C,MAAN,KAAiB,CAAjB,GAAqB/B,WAArB,GAAmC,EALlD;IAME,SAAS,EAAEI,SANb;IAOE,SAAS,EAAE,IAAAoH,aAAA,EAAK,CAAChH,SAAN,IAAmB7B,OAAO,CAACkJ,UAA3B,CAPb;IAQE,OAAO,EAAE;MACPJ,IAAI,EAAE9I,OAAO,CAAC6J,YADP;MAEP5B,KAAK,EAAEjI,OAAO,CAACiI,KAFR;MAGP6B,oBAAoB,EAAE9J,OAAO,CAAC+J,uBAHvB;MAIPC,gBAAgB,EAAEhK,OAAO,CAACiK;IAJnB,CARX;IAcE,QAAQ,EAAEzJ,QAdZ;IAeE,QAAQ,EAAED,QAAQ,IAAIwD,aAfxB;IAgBE,UAAU;MACRmG,GAAG,EAAEpG,gBADG;MAER,cAAclD,SAFN;MAGR,mBAAmBC,cAHX;MAIR,oBACEE,eAAe,IAAI,IAAnB,GACIA,eADJ,GAEID,WAAW,IAAI,IAAAqG,YAAA,EAAM9E,SAAN,EAAiB,aAAjB;IAPb,GASLV,UATK,CAhBZ;IA2BE,QAAQ,EAAE8B;EA3BZ,GA4BMrB,MA5BN,EARF,CArDJ,CA3CF,EAyIGiC,kBAAkB,iBACjB,4DACGC,cAAc,iBAAI;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAEtE,OAAO,CAACmK;EAA5C,EADrB,eAEE,6BAAC,eAAD;IACE,EAAE,EAAE,IAAAhD,YAAA,EAAM9E,SAAN,EAAiB,aAAjB,CADN;IAEE,OAAO,EAAE;MACPyG,IAAI,EAAE9I,OAAO,CAACoK,oBADP;MAEPC,IAAI,EAAErK,OAAO,CAACsK;IAFP,CAFX;IAME,QAAQ,EAAEhG,cANZ;IAOE,QAAQ,EAAEX,YAAF,aAAEA,YAAF,iDAAEA,YAAY,CAAE6B,OAAhB,2DAAE,uBAAuB+E,aAPnC;IAQE,OAAO,EAAElD,sBARX;IASE,SAAS,EAAEM,mBATb;IAUE,oBAAoB,EAAEF,yBAVxB;IAWE,gBAAgB,EAAExD;EAXpB,EAFF,CA1IJ,EA2JG8B,YAAY,iBACX,6BAAC,eAAD;IAAe,EAAE,EAAE,IAAAoB,YAAA,EAAM9E,SAAN,EAAiB,OAAjB,CAAnB;IAA8C,aAAa,MAA3D;IAA4D,SAAS,EAAErC,OAAO,CAACyE;EAA/E,GACG1B,iBADH,CA5JJ,CADF;AAmKD,CA3gBD;;AA6gBA,wCAAAjD,WAAW,CAAC0K,SAAZ,GAAwB;EACtB;AACF;AACA;EACEvK,SAAS,EAAEwK,kBAAA,CAAUC,MAJC;;EAKtB;AACF;AACA;EACE1K,OAAO,EAAEyK,kBAAA,CAAUA,SAAV,CAAoBE,KAApB,CAA0B;IACjC;AACJ;AACA;IACI1C,KAAK,EAAEwC,kBAAA,CAAUC,MAJgB;;IAKjC;AACJ;AACA;IACInB,eAAe,EAAEkB,kBAAA,CAAUC,MARM;;IASjC;AACJ;AACA;IACIlB,YAAY,EAAEiB,kBAAA,CAAUC,MAZS;;IAajC;AACJ;AACA;IACI5B,IAAI,EAAE2B,kBAAA,CAAUC,MAhBiB;;IAiBjC;AACJ;AACA;IACIhB,QAAQ,EAAEe,kBAAA,CAAUC,MApBa;;IAqBjC;AACJ;AACA;IACIlK,QAAQ,EAAEiK,kBAAA,CAAUC,MAxBa;;IAyBjC;AACJ;AACA;IACIhJ,SAAS,EAAE+I,kBAAA,CAAUC,MA5BY;;IA6BjC;AACJ;AACA;IACI1F,OAAO,EAAEyF,kBAAA,CAAUC,MAhCc;;IAiCjC;AACJ;AACA;IACI3B,cAAc,EAAE0B,kBAAA,CAAUC,MApCO;;IAqCjC;AACJ;AACA;IACI/J,KAAK,EAAE8J,kBAAA,CAAUC,MAxCgB;;IAyCjC;AACJ;AACA;IACI5J,WAAW,EAAE2J,kBAAA,CAAUC,MA5CU;;IA6CjC;AACJ;AACA;IACI1B,gBAAgB,EAAEyB,kBAAA,CAAUC,MAhDK;;IAiDjC;AACJ;AACA;IACIzB,QAAQ,EAAEwB,kBAAA,CAAUC,MApDa;;IAqDjC;AACJ;AACA;IACId,qBAAqB,EAAEa,kBAAA,CAAUC,MAxDA;;IAyDjC;AACJ;AACA;IACIb,YAAY,EAAEY,kBAAA,CAAUC,MA5DS;;IA6DjC;AACJ;AACA;IACIjB,WAAW,EAAEgB,kBAAA,CAAUC,MAhEU;;IAiEjC;AACJ;AACA;IACIX,uBAAuB,EAAEU,kBAAA,CAAUC,MApEF;;IAqEjC;AACJ;AACA;IACIT,mBAAmB,EAAEQ,kBAAA,CAAUC,MAxEE;;IAyEjC;AACJ;AACA;IACIxB,UAAU,EAAEuB,kBAAA,CAAUC,MA5EW;;IA6EjC;AACJ;AACA;IACIjG,KAAK,EAAEgG,kBAAA,CAAUC,MAhFgB;;IAiFjC;AACJ;AACA;IACIP,cAAc,EAAEM,kBAAA,CAAUC,MApFO;;IAsFjC;AACJ;AACA;IACIN,oBAAoB,EAAEK,kBAAA,CAAUC,MAzFC;;IA0FjC;AACJ;AACA;IACIJ,cAAc,EAAEG,kBAAA,CAAUC;EA7FO,CAA1B,EA8FNE,UAtGmB;;EAuGtB;AACF;AACA;EACE1K,EAAE,EAAEuK,kBAAA,CAAUC,MA1GQ;;EA2GtB;AACF;AACA;EACEvK,IAAI,EAAEsK,kBAAA,CAAUC,MA9GM;;EA+GtB;AACF;AACA;EACErK,KAAK,EAAEoK,kBAAA,CAAUI,KAlHK;;EAmHtB;AACF;AACA;EACEvK,YAAY,EAAEmK,kBAAA,CAAUI,KAtHF;;EAuHtB;AACF;AACA;AACA;AACA;AACA;EACElK,KAAK,EAAE8J,kBAAA,CAAUK,IA7HK;;EA8HtB;AACF;AACA;EACE,cAAcL,kBAAA,CAAUC,MAjIF;;EAkItB;AACF;AACA;EACE,mBAAmBD,kBAAA,CAAUC,MArIP;;EAsItB;AACF;AACA;EACE5J,WAAW,EAAE2J,kBAAA,CAAUK,IAzID;;EA0ItB;AACF;AACA;EACE,oBAAoBL,kBAAA,CAAUC,MA7IR;;EA8ItB;AACF;AACA;EACElK,QAAQ,EAAEiK,kBAAA,CAAUM,IAjJE;;EAkJtB;AACF;AACA;EACExK,QAAQ,EAAEkK,kBAAA,CAAUM,IArJE;;EAsJtB;AACF;AACA;EACEtK,QAAQ,EAAEgK,kBAAA,CAAUM,IAzJE;;EA0JtB;AACF;AACA;EACE/J,QAAQ,EAAEyJ,kBAAA,CAAUO,IA7JE;;EA8JtB;AACF;AACA;EACE5J,OAAO,EAAEqJ,kBAAA,CAAUO,IAjKG;;EAkKtB;AACF;AACA;EACE7J,MAAM,EAAEsJ,kBAAA,CAAUO,IArKI;;EAsKtB;AACF;AACA;EACE9J,QAAQ,EAAEuJ,kBAAA,CAAUO,IAzKE;;EA0KtB;AACF;AACA;EACE/J,KAAK,EAAEwJ,kBAAA,CAAUO,IA7KK;;EA8KtB;AACF;AACA;EACE3J,WAAW,EAAEoJ,kBAAA,CAAUC,MAjLD;;EAkLtB;AACF;AACA;EACEpJ,WAAW,EAAEmJ,kBAAA,CAAUM,IArLD;;EAsLtB;AACF;AACA;EACExJ,gBAAgB,EAAEkJ,kBAAA,CAAUC,MAzLN;;EA0LtB;AACF;AACA;AACA;EACElJ,eAAe,EAAEiJ,kBAAA,CAAUQ,MA9LL;;EA+LtB;AACF;AACA;EACEtJ,UAAU,EAAE8I,kBAAA,CAAUS,UAAV,CAAqBC,MAArB,CAlMU;;EAmMtB;AACF;AACA;EACE1J,SAAS,EAAEgJ,kBAAA,CAAUM,IAtMC;;EAuMtB;AACF;AACA;EACErJ,SAAS,EAAE+I,kBAAA,CAAUM,IA1MC;;EA2MtB;AACF;AACA;EACEnJ,cAAc,EAAE6I,kBAAA,CAAUS,UAAV,CAAqBC,MAArB,CA9MM;;EA+MtB;AACF;AACA;EACEtJ,SAAS,EAAE4I,kBAAA,CAAUM,IAlNC;;EAmNtB;AACF;AACA;EACEjJ,MAAM,EAAE2I,kBAAA,CAAUC,MAtNI;;EAuNtB;AACF;AACA;EACE3I,aAAa,EAAE0I,kBAAA,CAAUC,MA1NH;;EA4NtB;AACF;AACA;EACE1I,kBAAkB,EAAEyI,kBAAA,CAAUE,KAAV,CAAgB;IAClC;AACJ;AACA;IACIlG,KAAK,EAAEgG,kBAAA,CAAUC,MAJiB;;IAKlC;AACJ;AACA;IACI9F,YAAY,EAAE6F,kBAAA,CAAUC,MARU;;IASlC;AACJ;AACA;IACI/F,YAAY,EAAE8F,kBAAA,CAAUC,MAZU;;IAalC;AACJ;AACA;IACIhG,aAAa,EAAE+F,kBAAA,CAAUC;EAhBS,CAAhB,CA/NE;;EAiPtB;AACF;AACA;AACA;EACEzI,WAAW,EAAEwI,kBAAA,CAAUW,OAAV,CAAkBX,kBAAA,CAAUC,MAA5B,CArPS;;EAsPtB;AACF;AACA;EACExI,YAAY,EAAEuI,kBAAA,CAAUM,IAzPF;;EA0PtB;AACF;AACA;EACE5I,sBAAsB,EAAEsI,kBAAA,CAAUO;AA7PZ,CAAxB;;eAgQe,IAAAK,gBAAA,EAAWC,eAAX,EAAmB;EAAEnL,IAAI,EAAE;AAAR,CAAnB,EAA4CL,WAA5C,C"}

package/dist/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","React","useState","focused","setFocused","isDirty","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","validationTypes","none","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","hasLabel","hasDescription","hasCounter","canShowError","isStateInvalid","errorMessageId","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","styles"],"sources":["../../src/TextArea/TextArea.js"],"sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n  HvFormElement,\n  HvBaseInput,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvCharCounter,\n  useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  validationTypes,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (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\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    autoFocus = false,\n\n    middleCountLabel = \"/\",\n\n    rows = 1,\n    resizable = false,\n    autoScroll = false,\n\n    hideCounter = false,\n\n    validationMessages,\n\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n\n    blockMax = false,\n\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n\n    inputProps = {},\n    countCharProps = {},\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  const inputRefOwn = useRef(null);\n  const inputRef = inputRefProp || inputRefOwn;\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    ]\n  );\n\n  const isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\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      validationTypes.none,\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    inputRef,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    value,\n  ]);\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   *\n   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n  };\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n  const isScrolledDown = useCallback(() => {\n    const el = inputRef.current;\n    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n  }, [inputRef]);\n\n  const scrollDown = useCallback(() => {\n    const el = inputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [inputRef]);\n\n  const addScrollListener = useCallback(() => {\n    const scrollHandler = {\n      handleEvent: () => {\n        setAutoScrolling(isScrolledDown());\n      },\n    };\n    inputRef.current.addEventListener(\"scroll\", scrollHandler);\n  }, [inputRef, isScrolledDown]);\n\n  /**\n   * Validates the text area updating the state and modifying the warning text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\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  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\n    isDirty.current = true;\n\n    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(limitedValue);\n\n    onChange?.(event, limitedValue);\n  };\n\n  useEffect(() => {\n    if (autoScroll) {\n      addScrollListener();\n    }\n  }, [autoScroll, addScrollListener]);\n\n  useEffect(() => {\n    if (autoScrolling) {\n      scrollDown();\n    }\n  }, [valueProp, autoScrolling, scrollDown]);\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  const hasLabel = label != null;\n  const hasDescription = description != null;\n  const hasCounter = maxCharQuantity != null && !hideCounter;\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          validationTypes.none,\n          minCharQuantity,\n          // if blockMax is true maxCharQuantity will never produce an error\n          // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n          maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\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.resizable]: resizable,\n        [classes.disabled]: disabled,\n        [classes.invalid]: isStateInvalid,\n      })}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxCharQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvBaseInput\n        classes={{\n          root: classes.baseInput,\n          input: classes.input,\n          inputResizable: classes.inputResizable,\n        }}\n        id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        invalid={isStateInvalid}\n        resizable={resizable}\n        multiline\n        rows={rows}\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\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRef}\n        {...others}\n      />\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTextArea.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.PropTypes.shape({\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    invalid: PropTypes.string,\n\n    /**\n     * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n     */\n    baseInput: PropTypes.string,\n\n    /**\n     * Style applied on the text area element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: 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 textarea.\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.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\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\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  /**\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   * 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  /**\n   * The number of rows of the text area\n   */\n  rows: PropTypes.number,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll: PropTypes.bool,\n  /**\n   * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n   */\n  blockMax: PropTypes.bool,\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","names":["HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","useUniqueId","inputRefOwn","useRef","React","useState","focused","setFocused","isDirty","useControlled","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","isNil","length","performValidation","useCallback","inputValidity","validateInput","current","validationTypes","none","computeValidationState","computeValidationMessage","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","useEffect","hasLabel","hasDescription","hasCounter","canShowError","hasBuiltInValidations","isStateInvalid","isInvalid","errorMessageId","setId","clsx","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","withStyles","styles"],"sources":["../../src/TextArea/TextArea.js"],"sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n  HvFormElement,\n  HvBaseInput,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvCharCounter,\n  useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  validationTypes,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (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\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    autoFocus = false,\n\n    middleCountLabel = \"/\",\n\n    rows = 1,\n    resizable = false,\n    autoScroll = false,\n\n    hideCounter = false,\n\n    validationMessages,\n\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n\n    blockMax = false,\n\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n\n    inputProps = {},\n    countCharProps = {},\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  const inputRefOwn = useRef(null);\n  const inputRef = inputRefProp || inputRefOwn;\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    ]\n  );\n\n  const isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\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      validationTypes.none,\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    inputRef,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    value,\n  ]);\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   *\n   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n  };\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n  const isScrolledDown = useCallback(() => {\n    const el = inputRef.current;\n    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n  }, [inputRef]);\n\n  const scrollDown = useCallback(() => {\n    const el = inputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [inputRef]);\n\n  const addScrollListener = useCallback(() => {\n    const scrollHandler = {\n      handleEvent: () => {\n        setAutoScrolling(isScrolledDown());\n      },\n    };\n    inputRef.current.addEventListener(\"scroll\", scrollHandler);\n  }, [inputRef, isScrolledDown]);\n\n  /**\n   * Validates the text area updating the state and modifying the warning text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\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  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\n    isDirty.current = true;\n\n    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(limitedValue);\n\n    onChange?.(event, limitedValue);\n  };\n\n  useEffect(() => {\n    if (autoScroll) {\n      addScrollListener();\n    }\n  }, [autoScroll, addScrollListener]);\n\n  useEffect(() => {\n    if (autoScrolling) {\n      scrollDown();\n    }\n  }, [valueProp, autoScrolling, scrollDown]);\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  const hasLabel = label != null;\n  const hasDescription = description != null;\n  const hasCounter = maxCharQuantity != null && !hideCounter;\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          validationTypes.none,\n          minCharQuantity,\n          // if blockMax is true maxCharQuantity will never produce an error\n          // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n          maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\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.resizable]: resizable,\n        [classes.disabled]: disabled,\n        [classes.invalid]: isStateInvalid,\n      })}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxCharQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvBaseInput\n        classes={{\n          root: classes.baseInput,\n          input: classes.input,\n          inputResizable: classes.inputResizable,\n        }}\n        id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        invalid={isStateInvalid}\n        resizable={resizable}\n        multiline\n        rows={rows}\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\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRef}\n        {...others}\n      />\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTextArea.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.PropTypes.shape({\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    invalid: PropTypes.string,\n\n    /**\n     * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n     */\n    baseInput: PropTypes.string,\n\n    /**\n     * Style applied on the text area element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: 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 textarea.\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.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\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\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  /**\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   * 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  /**\n   * The number of rows of the text area\n   */\n  rows: PropTypes.number,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll: PropTypes.bool,\n  /**\n   * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n   */\n  blockMax: PropTypes.bool,\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"mappings":"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"}

package/dist/TimePicker/PeriodPicker/PeriodPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodPicker.js","names":["PeriodPicker","props","classes","period","onChangePeriod","PeriodPickerOptions","AM","currentPeriod","setCurrentPeriod","selectDifferentPeriod","PM","handleChangePeriod","newPeriod","periodContainer","icon","periodToggle","subtractIcon","propTypes","PropTypes","instanceOf","Object","isRequired","func","oneOf"],"sources":["../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { HvToggleButton } from \"../..\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nconst PeriodPicker = (props) => {\n  const { classes, period, onChangePeriod } = props;\n  const [currentPeriod, setCurrentPeriod] = useState(period ?? PeriodPickerOptions.AM);\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  const selectDifferentPeriod = () => {\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  const handleChangePeriod = () => {\n    const newPeriod = selectDifferentPeriod();\n    setCurrentPeriod(newPeriod);\n    onChangePeriod(newPeriod);\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  return (\n    <div className={classes.periodContainer}>\n      <UpIcon className={classes.icon} onClick={handleChangePeriod} />\n      <HvToggleButton\n        className={classes.periodToggle}\n        selected={currentPeriod === PeriodPickerOptions.PM}\n        onClick={handleChangePeriod}\n      >\n        {currentPeriod}\n      </HvToggleButton>\n      <DownIcon className={clsx(classes.icon, classes.subtractIcon)} onClick={handleChangePeriod} />\n    </div>\n  );\n};\n// }\n\nPeriodPicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Callback function called when the period value changes\n   */\n  onChangePeriod: PropTypes.func.isRequired,\n  /**\n   * Default period value\n   */\n  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nexport default PeriodPicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IAAQC,OAAR,GAA4CD,KAA5C,CAAQC,OAAR;EAAA,IAAiBC,MAAjB,GAA4CF,KAA5C,CAAiBE,MAAjB;EAAA,IAAyBC,cAAzB,GAA4CH,KAA5C,CAAyBG,cAAzB;;EACA,gBAA0C,qBAASD,MAAT,aAASA,MAAT,cAASA,MAAT,GAAmBE,2BAAoBC,EAAvC,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;EAEA;AACF;AACA;AACA;AACA;;;EACE,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;IAClC,OAAOF,aAAa,KAAKF,2BAAoBC,EAAtC,GACHD,2BAAoBK,EADjB,GAEHL,2BAAoBC,EAFxB;EAGD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,IAAMK,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;IAC/B,IAAMC,SAAS,GAAGH,qBAAqB,EAAvC;IACAD,gBAAgB,CAACI,SAAD,CAAhB;IACAR,cAAc,CAACQ,SAAD,CAAd;EACD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,oBACE;IAAK,SAAS,EAAEV,OAAO,CAACW;EAAxB,gBACE,6BAAC,yBAAD;IAAQ,SAAS,EAAEX,OAAO,CAACY,IAA3B;IAAiC,OAAO,EAAEH;EAA1C,EADF,eAEE,6BAAC,gBAAD;IACE,SAAS,EAAET,OAAO,CAACa,YADrB;IAEE,QAAQ,EAAER,aAAa,KAAKF,2BAAoBK,EAFlD;IAGE,OAAO,EAAEC;EAHX,GAKGJ,aALH,CAFF,eASE,6BAAC,2BAAD;IAAU,SAAS,EAAE,mBAAKL,OAAO,CAACY,IAAb,EAAmBZ,OAAO,CAACc,YAA3B,CAArB;IAA+D,OAAO,EAAEL;EAAxE,EATF,CADF;AAaD,CA1CD,C,CA2CA;;;AAEA,wCAAAX,YAAY,CAACiB,SAAb,GAAyB;EACvB;AACF;AACA;EACEf,OAAO,EAAEgB,mBAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEjB,cAAc,EAAEc,mBAAUI,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACElB,MAAM,EAAEe,mBAAUK,KAAV,CAAgB,CAAClB,2BAAoBC,EAArB,EAAyBD,2BAAoBK,EAA7C,CAAhB;AAZe,CAAzB;eAeeV,Y"}
+{"version":3,"file":"PeriodPicker.js","names":["PeriodPicker","props","classes","period","onChangePeriod","useState","PeriodPickerOptions","AM","currentPeriod","setCurrentPeriod","selectDifferentPeriod","PM","handleChangePeriod","newPeriod","periodContainer","icon","periodToggle","clsx","subtractIcon","propTypes","PropTypes","instanceOf","Object","isRequired","func","oneOf"],"sources":["../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { HvToggleButton } from \"../..\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nconst PeriodPicker = (props) => {\n  const { classes, period, onChangePeriod } = props;\n  const [currentPeriod, setCurrentPeriod] = useState(period ?? PeriodPickerOptions.AM);\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  const selectDifferentPeriod = () => {\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  const handleChangePeriod = () => {\n    const newPeriod = selectDifferentPeriod();\n    setCurrentPeriod(newPeriod);\n    onChangePeriod(newPeriod);\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  return (\n    <div className={classes.periodContainer}>\n      <UpIcon className={classes.icon} onClick={handleChangePeriod} />\n      <HvToggleButton\n        className={classes.periodToggle}\n        selected={currentPeriod === PeriodPickerOptions.PM}\n        onClick={handleChangePeriod}\n      >\n        {currentPeriod}\n      </HvToggleButton>\n      <DownIcon className={clsx(classes.icon, classes.subtractIcon)} onClick={handleChangePeriod} />\n    </div>\n  );\n};\n// }\n\nPeriodPicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Callback function called when the period value changes\n   */\n  onChangePeriod: PropTypes.func.isRequired,\n  /**\n   * Default period value\n   */\n  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nexport default PeriodPicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IAAQC,OAAR,GAA4CD,KAA5C,CAAQC,OAAR;EAAA,IAAiBC,MAAjB,GAA4CF,KAA5C,CAAiBE,MAAjB;EAAA,IAAyBC,cAAzB,GAA4CH,KAA5C,CAAyBG,cAAzB;;EACA,gBAA0C,IAAAC,eAAA,EAASF,MAAT,aAASA,MAAT,cAASA,MAAT,GAAmBG,0BAAA,CAAoBC,EAAvC,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;EAEA;AACF;AACA;AACA;AACA;;;EACE,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;IAClC,OAAOF,aAAa,KAAKF,0BAAA,CAAoBC,EAAtC,GACHD,0BAAA,CAAoBK,EADjB,GAEHL,0BAAA,CAAoBC,EAFxB;EAGD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,IAAMK,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;IAC/B,IAAMC,SAAS,GAAGH,qBAAqB,EAAvC;IACAD,gBAAgB,CAACI,SAAD,CAAhB;IACAT,cAAc,CAACS,SAAD,CAAd;EACD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,oBACE;IAAK,SAAS,EAAEX,OAAO,CAACY;EAAxB,gBACE,6BAAC,yBAAD;IAAQ,SAAS,EAAEZ,OAAO,CAACa,IAA3B;IAAiC,OAAO,EAAEH;EAA1C,EADF,eAEE,6BAAC,gBAAD;IACE,SAAS,EAAEV,OAAO,CAACc,YADrB;IAEE,QAAQ,EAAER,aAAa,KAAKF,0BAAA,CAAoBK,EAFlD;IAGE,OAAO,EAAEC;EAHX,GAKGJ,aALH,CAFF,eASE,6BAAC,2BAAD;IAAU,SAAS,EAAE,IAAAS,aAAA,EAAKf,OAAO,CAACa,IAAb,EAAmBb,OAAO,CAACgB,YAA3B,CAArB;IAA+D,OAAO,EAAEN;EAAxE,EATF,CADF;AAaD,CA1CD,C,CA2CA;;;AAEA,wCAAAZ,YAAY,CAACmB,SAAb,GAAyB;EACvB;AACF;AACA;EACEjB,OAAO,EAAEkB,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEnB,cAAc,EAAEgB,kBAAA,CAAUI,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACEpB,MAAM,EAAEiB,kBAAA,CAAUK,KAAV,CAAgB,CAACnB,0BAAA,CAAoBC,EAArB,EAAyBD,0BAAA,CAAoBK,EAA7C,CAAhB;AAZe,CAAzB;eAeeX,Y"}

package/dist/TimePicker/PeriodPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["styles","name","PeriodPicker"],"sources":["../../../src/TimePicker/PeriodPicker/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,yBAAWA,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDC,qBAAzD,C"}
+{"version":3,"file":"index.js","names":["withStyles","styles","name","PeriodPicker"],"sources":["../../../src/TimePicker/PeriodPicker/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,mBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDC,qBAAzD,C"}