npm - @hitachivantara/uikit-react-core - Versions diffs - 3.55.3 → 3.56.0 - Mend

@hitachivantara/uikit-react-core 3.55.3 → 3.56.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/CHANGELOG.md +19 -0
package/dist/TagsInput/TagsInput.d.ts +17 -1
package/dist/TagsInput/TagsInput.js +29 -1
package/dist/TagsInput/TagsInput.js.map +1 -1
package/dist/legacy/TagsInput/TagsInput.d.ts +17 -1
package/dist/legacy/TagsInput/TagsInput.js +29 -1
package/dist/legacy/TagsInput/TagsInput.js.map +1 -1
package/dist/modern/TagsInput/TagsInput.d.ts +17 -1
package/dist/modern/TagsInput/TagsInput.js +29 -1
package/dist/modern/TagsInput/TagsInput.js.map +1 -1
package/package.json +2 -2

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [3.56.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.55.3...@hitachivantara/uikit-react-core@3.56.0) (2022-02-16)
+### Bug Fixes
+* **asset-inventory:** bulk actions triggering onSelection callback. HVUIKIT-6315 ([1f69da8](https://github.com/lumada-design/hv-uikit-react/commit/1f69da8829a38178264d57679db4d3281bbe7ed3))
+* **BarChart:** fix tooltip displaying when hovering outside of the chart bars ([54a279a](https://github.com/lumada-design/hv-uikit-react/commit/54a279ac91c78ce4d55aeef5a9a51a23be337f50))
+* **tags-input:** input should be clean when tags change. ([#2672](https://github.com/lumada-design/hv-uikit-react/issues/2672)) ([2ffbbf2](https://github.com/lumada-design/hv-uikit-react/commit/2ffbbf25893a8b297a2ef89259e8a9fd92da7c13))
+* **TagsInput:** fix reset input on value change ([d4f2df1](https://github.com/lumada-design/hv-uikit-react/commit/d4f2df1f83b6eb7aa2a22556c2a33001a667ab23))
+### Features
+* **tag-input:** adding on blur callback ([458cbad](https://github.com/lumada-design/hv-uikit-react/commit/458cbadbe9ed19fc98f6d4999389c7c67dc79920))
 ## [3.55.3](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.55.2...@hitachivantara/uikit-react-core@3.55.3) (2022-02-15)

package/dist/TagsInput/TagsInput.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ export type HvTagsInputClassKey =
   | "error";
 export interface HvTagsInputProps
-  extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"> {
+  extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
   /**
    * The label of the form element.
    *
@@ -140,6 +140,22 @@ export interface HvTagsInputProps
     value: HvTagProps[]
   ) => void;
+  /**
+   * The function that will be executed when the input is blurred.
+   */
+   onBlur?: (
+    event: React.FocusEvent<HTMLInputElement>,
+    value: string
+  ) => void;
+  /**
+   * The function that will be executed when the input is focused.
+   */
+   onFocus?: (
+    event: React.FocusEvent<HTMLInputElement>,
+    value: string
+  ) => void;
   /**
    * The status of the form element.
    */

package/dist/TagsInput/TagsInput.js CHANGED Viewed

@@ -71,7 +71,7 @@ var _validations = require("../BaseInput/validations");
 var _styles = _interopRequireDefault(require("./styles"));
-var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
+var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
     _excluded2 = ["label", "type"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -107,6 +107,8 @@ var HvTagsInput = function HvTagsInput(props) {
       onChange = props.onChange,
       onAdd = props.onAdd,
       onDelete = props.onDelete,
+      onBlur = props.onBlur,
+      onFocus = props.onFocus,
       placeholder = props.placeholder,
       _props$hideCounter = props.hideCounter,
       hideCounter = _props$hideCounter === void 0 ? false : _props$hideCounter,
@@ -164,6 +166,7 @@ var HvTagsInput = function HvTagsInput(props) {
   var inputRef = (0, _react.useRef)();
   var containerRef = (0, _react.useRef)();
   var skipReset = (0, _react.useRef)(false);
+  var blurTimeout = (0, _react.useRef)();
   var isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
   var hasCounter = maxTagsQuantity != null && !hideCounter;
   var isStateInvalid = (0, _react.useMemo)(function () {
@@ -308,8 +311,21 @@ var HvTagsInput = function HvTagsInput(props) {
     var _inputRef$current2;
     (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    clearTimeout(blurTimeout.current);
     setTagCursorPos(value.length);
   }, [value.length]);
+  var onBlurHandler = function onBlurHandler(evt) {
+    blurTimeout.current = setTimeout(function () {
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt, tagInput);
+    }, 250);
+  };
+  var onFocusHandler = function onFocusHandler(evt) {
+    clearTimeout(blurTimeout.current);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt, tagInput);
+  };
   return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
     id: id,
     name: name,
@@ -317,6 +333,8 @@ var HvTagsInput = function HvTagsInput(props) {
     readOnly: readOnly,
     status: validationState,
     required: required,
+    onBlur: onBlurHandler,
+    onFocus: onFocusHandler,
     className: (0, _clsx.default)(classes.root, className, disabled && classes.disabled)
   }, (hasLabel || hasDescription) && /*#__PURE__*/_react.default.createElement("div", {
     className: classes.labelContainer
@@ -588,6 +606,16 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
    */
   onChange: _propTypes.default.func,
+  /**
+   * The function that will be executed when the element is focused.
+   */
+  onFocus: _propTypes.default.func,
+  /**
+   * The function that will be executed when the element is blurred.
+   */
+  onBlur: _propTypes.default.func,
   /**
    * The function that will be executed when a tag is deleted.
    */

package/dist/TagsInput/TagsInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/TagsInput/TagsInput.js"],"names":["HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","isTagSelected","hasCounter","isStateInvalid","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","onDeleteTagHandler","i","onContainerClickHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","PropTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","styles"],"mappings":"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","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 } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\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\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 ...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\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\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 const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) \|\| !stateValid;\n\n /\n Handler for the `onChange` event on the tag input\n /\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\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 /\n Handler for the `onEnter` event on the tag input\n /\n const onEnterHandler = 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 /\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 }\n },\n [deleteTag, 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 setTagCursorPos(value.length);\n }, [value.length]);\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n status={validationState}\n required={required}\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)}\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 onEnter={onEnterHandler}\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 \"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 {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 }).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 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\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}
1	+ {"version":3,"sources":["../../src/TagsInput/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","others","elementId","hasLabel","hasDescription","setValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","isTagSelected","hasCounter","isStateInvalid","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","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","propTypes","PropTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","styles"],"mappings":"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","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 } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\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 ...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\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\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 const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) \|\| !stateValid;\n\n /\n Handler for the `onChange` event on the tag input\n /\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\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 /\n Handler for the `onEnter` event on the tag input\n /\n const onEnterHandler = 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 /\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 }\n },\n [deleteTag, 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 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)}\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 onEnter={onEnterHandler}\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 \"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 {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 }).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\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}

package/dist/legacy/TagsInput/TagsInput.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ export type HvTagsInputClassKey =
   | "error";
 export interface HvTagsInputProps
-  extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"> {
+  extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
   /**
    * The label of the form element.
    *
@@ -140,6 +140,22 @@ export interface HvTagsInputProps
     value: HvTagProps[]
   ) => void;
+  /**
+   * The function that will be executed when the input is blurred.
+   */
+   onBlur?: (
+    event: React.FocusEvent<HTMLInputElement>,
+    value: string
+  ) => void;
+  /**
+   * The function that will be executed when the input is focused.
+   */
+   onFocus?: (
+    event: React.FocusEvent<HTMLInputElement>,
+    value: string
+  ) => void;
   /**
    * The status of the form element.
    */

package/dist/legacy/TagsInput/TagsInput.js CHANGED Viewed

@@ -9,7 +9,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
+var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
     _excluded2 = ["label", "type"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -58,6 +58,8 @@ var HvTagsInput = function HvTagsInput(props) {
       onChange = props.onChange,
       onAdd = props.onAdd,
       onDelete = props.onDelete,
+      onBlur = props.onBlur,
+      onFocus = props.onFocus,
       placeholder = props.placeholder,
       _props$hideCounter = props.hideCounter,
       hideCounter = _props$hideCounter === void 0 ? false : _props$hideCounter,
@@ -116,6 +118,7 @@ var HvTagsInput = function HvTagsInput(props) {
   var inputRef = useRef();
   var containerRef = useRef();
   var skipReset = useRef(false);
+  var blurTimeout = useRef();
   var isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
   var hasCounter = maxTagsQuantity != null && !hideCounter;
   var isStateInvalid = useMemo(function () {
@@ -260,8 +263,21 @@ var HvTagsInput = function HvTagsInput(props) {
     var _inputRef$current2;
     (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    clearTimeout(blurTimeout.current);
     setTagCursorPos(value.length);
   }, [value.length]);
+  var onBlurHandler = function onBlurHandler(evt) {
+    blurTimeout.current = setTimeout(function () {
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt, tagInput);
+    }, 250);
+  };
+  var onFocusHandler = function onFocusHandler(evt) {
+    clearTimeout(blurTimeout.current);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt, tagInput);
+  };
   return /*#__PURE__*/React.createElement(HvFormElement, {
     id: id,
     name: name,
@@ -269,6 +285,8 @@ var HvTagsInput = function HvTagsInput(props) {
     readOnly: readOnly,
     status: validationState,
     required: required,
+    onBlur: onBlurHandler,
+    onFocus: onFocusHandler,
     className: clsx(classes.root, className, disabled && classes.disabled)
   }, (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
     className: classes.labelContainer
@@ -542,6 +560,16 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
    */
   onChange: PropTypes.func,
+  /**
+   * The function that will be executed when the element is focused.
+   */
+  onFocus: PropTypes.func,
+  /**
+   * The function that will be executed when the element is blurred.
+   */
+  onBlur: PropTypes.func,
   /**
    * The function that will be executed when a tag is deleted.
    */

package/dist/legacy/TagsInput/TagsInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","onDeleteTagHandler","i","onContainerClickHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","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 } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\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\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 ...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\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\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 const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) \|\| !stateValid;\n\n /\n Handler for the `onChange` event on the tag input\n /\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\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 /\n Handler for the `onEnter` event on the tag input\n /\n const onEnterHandler = 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 /\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 }\n },\n [deleteTag, 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 setTagCursorPos(value.length);\n }, [value.length]);\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n status={validationState}\n required={required}\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)}\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 onEnter={onEnterHandler}\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 \"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 {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 }).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 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\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}
1	+ {"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","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","others","elementId","hasLabel","hasDescription","setValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","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","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","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 } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\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 ...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\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\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 const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) \|\| !stateValid;\n\n /\n Handler for the `onChange` event on the tag input\n /\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\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 /\n Handler for the `onEnter` event on the tag input\n /\n const onEnterHandler = 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 /\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 }\n },\n [deleteTag, 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 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)}\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 onEnter={onEnterHandler}\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 \"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 {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 }).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\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}

package/dist/modern/TagsInput/TagsInput.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ export type HvTagsInputClassKey =
   | "error";
 export interface HvTagsInputProps
-  extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"> {
+  extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
   /**
    * The label of the form element.
    *
@@ -140,6 +140,22 @@ export interface HvTagsInputProps
     value: HvTagProps[]
   ) => void;
+  /**
+   * The function that will be executed when the input is blurred.
+   */
+   onBlur?: (
+    event: React.FocusEvent<HTMLInputElement>,
+    value: string
+  ) => void;
+  /**
+   * The function that will be executed when the input is focused.
+   */
+   onFocus?: (
+    event: React.FocusEvent<HTMLInputElement>,
+    value: string
+  ) => void;
   /**
    * The status of the form element.
    */

package/dist/modern/TagsInput/TagsInput.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
+const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
       _excluded2 = ["label", "type"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -42,6 +42,8 @@ const HvTagsInput = props => {
     onChange,
     onAdd,
     onDelete,
+    onBlur,
+    onFocus,
     placeholder,
     hideCounter = false,
     middleCountLabel = "/",
@@ -69,6 +71,7 @@ const HvTagsInput = props => {
   const inputRef = useRef();
   const containerRef = useRef();
   const skipReset = useRef(false);
+  const blurTimeout = useRef();
   const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
   const hasCounter = maxTagsQuantity != null && !hideCounter;
   const isStateInvalid = useMemo(() => {
@@ -211,8 +214,21 @@ const HvTagsInput = props => {
     var _inputRef$current2;
     (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    clearTimeout(blurTimeout.current);
     setTagCursorPos(value.length);
   }, [value.length]);
+  const onBlurHandler = evt => {
+    blurTimeout.current = setTimeout(() => {
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt, tagInput);
+    }, 250);
+  };
+  const onFocusHandler = evt => {
+    clearTimeout(blurTimeout.current);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt, tagInput);
+  };
   return /*#__PURE__*/React.createElement(HvFormElement, {
     id: id,
     name: name,
@@ -220,6 +236,8 @@ const HvTagsInput = props => {
     readOnly: readOnly,
     status: validationState,
     required: required,
+    onBlur: onBlurHandler,
+    onFocus: onFocusHandler,
     className: clsx(classes.root, className, disabled && classes.disabled)
   }, (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
     className: classes.labelContainer
@@ -493,6 +511,16 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
    */
   onChange: PropTypes.func,
+  /**
+   * The function that will be executed when the element is focused.
+   */
+  onFocus: PropTypes.func,
+  /**
+   * The function that will be executed when the element is blurred.
+   */
+  onBlur: PropTypes.func,
   /**
    * The function that will be executed when a tag is deleted.
    */

package/dist/modern/TagsInput/TagsInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","value","valueProp","defaultValue","readOnly","disabled","required","label","textAreaLabel","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","validationState","setValidationState","standBy","validationMessage","setValidationMessage","tagInput","setTagInput","tagCursorPos","setTagCursorPos","length","stateValid","setStateValid","inputRef","containerRef","skipReset","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","onDeleteTagHandler","i","onContainerClickHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","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 } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\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\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 ...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\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\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 const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) \|\| !stateValid;\n\n /\n Handler for the `onChange` event on the tag input\n /\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\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 /\n Handler for the `onEnter` event on the tag input\n /\n const onEnterHandler = 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 /\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 }\n },\n [deleteTag, 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 setTagCursorPos(value.length);\n }, [value.length]);\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n status={validationState}\n required={required}\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)}\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 onEnter={onEnterHandler}\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 \"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 {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 }).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 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\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}
1	+ {"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","value","valueProp","defaultValue","readOnly","disabled","required","label","textAreaLabel","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","onBlur","onFocus","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","validationState","setValidationState","standBy","validationMessage","setValidationMessage","tagInput","setTagInput","tagCursorPos","setTagCursorPos","length","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","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","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","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 } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\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 ...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\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\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 const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) \|\| !stateValid;\n\n /\n Handler for the `onChange` event on the tag input\n /\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\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 /\n Handler for the `onEnter` event on the tag input\n /\n const onEnterHandler = 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 /\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 }\n },\n [deleteTag, 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 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)}\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 onEnter={onEnterHandler}\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 \"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 {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 }).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\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.55.3",
+  "version": "3.56.0",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -104,5 +104,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "01f03467114458cb683ac42927d7faa7396ba5a0"
+  "gitHead": "9f12e1cd68edd434f8c37746968d64ca8dacd8d3"
 }