@hitachivantara/uikit-react-core 3.58.1 → 3.60.0

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.60.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.59.0...@hitachivantara/uikit-react-core@3.60.0) (2022-03-29)
+
+
+### Features
+
+* **TagsInput:** add suggestions functionality ([#2694](https://github.com/lumada-design/hv-uikit-react/issues/2694)) ([fdfb00e](https://github.com/lumada-design/hv-uikit-react/commit/fdfb00ef4718eaf4c4b0242e590b6eb6c03affbc))
+
+
+
+
+
+# [3.59.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.58.2...@hitachivantara/uikit-react-core@3.59.0) (2022-03-25)
+
+
+### Features
+
+* **TagsInput:** add suggestions functionality ([#2694](https://github.com/lumada-design/hv-uikit-react/issues/2694)) ([fdfb00e](https://github.com/lumada-design/hv-uikit-react/commit/fdfb00ef4718eaf4c4b0242e590b6eb6c03affbc))
+
+
+
+
+
+## [3.58.2](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.58.1...@hitachivantara/uikit-react-core@3.58.2) (2022-03-17)
+
+
+### Bug Fixes
+
+* updated material-ui to 4.12.3 ([2649c1e](https://github.com/lumada-design/hv-uikit-react/commit/2649c1ea9d2fddacc5cf247465ae05d7aebef87b))
+
+
+
+
+
 ## 3.58.1 (2022-03-11)
 
 

package/dist/TagsInput/TagsInput.d.ts

@@ -6,6 +6,12 @@ import { HvFormStatus } from "../Forms/FormElement";
 import { HvInputProps } from "..";
 import { HvBaseInputValidationMessagesProps } from "../BaseInput";
 
+export interface TagSuggestion {
+  id: string;
+  label: string;
+  value: string;
+}
+
 export type HvTagsInputClassKey =
   | "root"
   | "disabled"
@@ -15,7 +21,10 @@ export type HvTagsInputClassKey =
   | "label"
   | "characterCounter"
   | "description"
-  | "error";
+  | "error"
+  | "inputExtension"
+  | "suggestionsContainer"
+  | "suggestionList";
 
 export interface HvTagsInputProps
   extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
@@ -173,6 +182,10 @@ export interface HvTagsInputProps
    * If `true` the tag will be commited when the blur event occurs.
    */
   commitOnBlur?: boolean;
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback?: (value: string) => TagSuggestion[];
 }
 
 export default function HvTagsInput(props: HvTagsInputProps): JSX.Element | null;

package/dist/TagsInput/TagsInput.js

@@ -75,7 +75,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", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages", "commitTagOn", "commitOnBlur"],
+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", "commitTagOn", "commitOnBlur", "suggestionListCallback"],
     _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); }
@@ -90,6 +90,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * A tags input is a single or multiline control that allows the input of tags.
  */
 var HvTagsInput = function HvTagsInput(props) {
+  var _containerRef$current2;
+
   var classes = props.classes,
       className = props.className,
       id = props.id,
@@ -136,6 +138,7 @@ var HvTagsInput = function HvTagsInput(props) {
       commitTagOn = _props$commitTagOn === void 0 ? ["Enter"] : _props$commitTagOn,
       _props$commitOnBlur = props.commitOnBlur,
       commitOnBlur = _props$commitOnBlur === void 0 ? false : _props$commitOnBlur,
+      suggestionListCallback = props.suggestionListCallback,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var elementId = (0, _.useUniqueId)(id, "hvTagsInput");
   var hasLabel = textAreaLabel != null;
@@ -175,11 +178,20 @@ var HvTagsInput = function HvTagsInput(props) {
   var containerRef = (0, _react.useRef)();
   var skipReset = (0, _react.useRef)(false);
   var blurTimeout = (0, _react.useRef)();
+  var materialInputRef = (0, _react.useRef)(null);
   var isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
-  var hasCounter = maxTagsQuantity != null && !hideCounter;
+  var hasCounter = maxTagsQuantity != null && !hideCounter; // suggestions related state
+
+  var _useState7 = (0, _react.useState)(null),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      suggestionValues = _useState8[0],
+      setSuggestionValues = _useState8[1];
+
   var isStateInvalid = (0, _react.useMemo)(function () {
     return hasCounter && value.length > maxTagsQuantity;
   }, [hasCounter, maxTagsQuantity, value.length]);
+  var canShowSuggestions = suggestionListCallback != null;
+  var hasSuggestions = !!suggestionValues;
   var errorMessages = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, _validations.DEFAULT_ERROR_MESSAGES), validationMessages);
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -217,6 +229,14 @@ var HvTagsInput = function HvTagsInput(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
     skipReset.current = true;
   }, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
+  /**
+   * Adds a Tag to the array of tags.
+   * Also executes the user provided onAdd and onDelete events.
+   *
+   * @param {Event}   event  - whatever event triggered adding a tag
+   * @param {string}  tag    - the string for the tag
+   */
+
   var addTag = (0, _react.useCallback)(function (event, tag) {
     event.preventDefault();
 
@@ -256,27 +276,104 @@ var HvTagsInput = function HvTagsInput(props) {
 
     skipReset.current = false;
   }, [value]);
+  var isMounted = (0, _.useIsMounted)();
+  /**
+   * Looks for the node that represent the input inside the material tree and focus it.
+   */
+
+  var focusInput = function focusInput() {
+    materialInputRef.current.focus();
+  };
+
+  var getSuggestions = (0, _react.useCallback)(function (li) {
+    var _listEl$getElementsBy;
+
+    // TODO Replace with ref
+    var listEl = document.getElementById((0, _utils.setId)(elementId, "suggestions-list"));
+    return li != null ? listEl === null || listEl === void 0 ? void 0 : (_listEl$getElementsBy = listEl.getElementsByTagName("li")) === null || _listEl$getElementsBy === void 0 ? void 0 : _listEl$getElementsBy[li] : listEl;
+  }, [elementId]);
+  /**
+   * Clears the suggestion array.
+   */
+
+  var suggestionClearHandler = (0, _react.useCallback)(function () {
+    if (isMounted.current) {
+      setSuggestionValues(null);
+    }
+  }, [isMounted]);
+  /**
+   * Fills of the suggestion array.
+   */
+
+  var suggestionHandler = (0, _react.useCallback)(function (val) {
+    var _suggestionsArray$;
+
+    var suggestionsArray = suggestionListCallback === null || suggestionListCallback === void 0 ? void 0 : suggestionListCallback(val);
+
+    if (suggestionsArray !== null && suggestionsArray !== void 0 && (_suggestionsArray$ = suggestionsArray[0]) !== null && _suggestionsArray$ !== void 0 && _suggestionsArray$.label) {
+      setSuggestionValues(suggestionsArray);
+    } else {
+      suggestionClearHandler();
+    }
+  }, [suggestionClearHandler, suggestionListCallback]);
+  /**
+   * Executes the user callback adds the selection to the state and clears the suggestions.
+   */
+
+  var suggestionSelectedHandler = function suggestionSelectedHandler(event, item) {
+    addTag(event, item.value || item.label); // set the input value (only when value is uncontrolled)
+
+    setTagInput(item.value || item.label);
+    focusInput();
+    suggestionClearHandler();
+  };
+  /**
+   * Handler for the `onKeyDown` event on the suggestions component
+   */
+
+
+  var onSuggestionKeyDown = function onSuggestionKeyDown(event) {
+    if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Esc)) {
+      suggestionClearHandler();
+      focusInput();
+    } else if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Tab)) {
+      suggestionClearHandler();
+    }
+  };
   /**
    * Handler for the `onChange` event on the tag input
    */
 
+
   var onChangeHandler = (0, _react.useCallback)(function (event, input) {
     setTagInput(input);
-  }, []);
+
+    if (canShowSuggestions) {
+      // an edge case might be a controlled input whose onChange callback
+      // doesn't change the value (or sets another): the suggestionListCallback
+      // callback will still receive the original rejected value.
+      // a refactor is needed so the suggestionListCallback might be called only
+      // when the input is uncontrolled, providing a way to externally control
+      // the suggestion values.
+      suggestionHandler(input);
+    }
+  }, [canShowSuggestions, suggestionHandler]);
   /**
    * Handler for the `onKeyDown` event on the form element
    */
 
   var onInputKeyDownHandler = (0, _react.useCallback)(function (event) {
-    if (commitTagOn.includes(event.code)) {
+    if (!canShowSuggestions && commitTagOn.includes(event.code)) {
       addTag(event, tagInput);
     }
-  }, [addTag, commitTagOn, tagInput]);
+  }, [addTag, canShowSuggestions, commitTagOn, tagInput]);
   /**
    * Handler for the `onKeyDown` event on the list container.
    */
 
   var onKeyDownHandler = (0, _react.useCallback)(function (event) {
+    var _getSuggestions;
+
     if (tagInput === "") {
       switch (event.code) {
         case "ArrowLeft":
@@ -303,11 +400,20 @@ var HvTagsInput = function HvTagsInput(props) {
 
           break;
 
+        default:
+          break;
+      }
+    } else {
+      switch (event.code) {
+        case "ArrowDown":
+          (_getSuggestions = getSuggestions(0)) === null || _getSuggestions === void 0 ? void 0 : _getSuggestions.focus();
+          break;
+
         default:
           break;
       }
     }
-  }, [deleteTag, isTagSelected, tagCursorPos, tagInput, value.length]);
+  }, [deleteTag, getSuggestions, isTagSelected, tagCursorPos, tagInput, value.length]);
   /**
    * Handler for the `onDelete` event on the tag component
    */
@@ -432,12 +538,28 @@ var HvTagsInput = function HvTagsInput(props) {
     disabled: disabled,
     readOnly: readOnly || isTagSelected,
     inputProps: _objectSpread({
+      ref: materialInputRef,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && (0, _utils.setId)(elementId, "description")
     }, inputProps),
     inputRef: inputRef
-  }, others)))), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
+  }, others)))), canShowSuggestions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasSuggestions && /*#__PURE__*/_react.default.createElement("div", {
+    role: "presentation",
+    className: classes.inputExtension
+  }), /*#__PURE__*/_react.default.createElement(_.HvSuggestions, {
+    id: (0, _utils.setId)(elementId, "suggestions"),
+    classes: {
+      root: classes.suggestionsContainer,
+      list: classes.suggestionList
+    },
+    expanded: hasSuggestions,
+    anchorEl: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.parentElement,
+    onClose: suggestionClearHandler,
+    onKeyDown: onSuggestionKeyDown,
+    onSuggestionSelected: suggestionSelectedHandler,
+    suggestionValues: suggestionValues
+  })), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
     id: (0, _utils.setId)(elementId, "error"),
     disableBorder: true,
     className: classes.error
@@ -552,7 +674,22 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
     /**
      * Styles applied to the tags list when an error occurred.
      */
-    error: _propTypes.default.string
+    error: _propTypes.default.string,
+
+    /**
+     * Styles applied to the input extension shown when the suggestions list is visible.
+     */
+    inputExtension: _propTypes.default.string,
+
+    /**
+     * Styles applied to the container of the suggestions list.
+     */
+    suggestionsContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the suggestions list.
+     */
+    suggestionList: _propTypes.default.string
   }).isRequired,
 
   /**
@@ -733,7 +870,12 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
   /**
    * If `true` the tag will be commited when the blur event occurs.
    */
-  commitOnBlur: _propTypes.default.bool
+  commitOnBlur: _propTypes.default.bool,
+
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback: _propTypes.default.func
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/TagsInput/TagsInput.js.map

@@ -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","onBlur","onFocus","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","commitTagOn","commitOnBlur","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","addTag","tag","preventDefault","newTag","type","canShowError","undefined","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onChangeHandler","input","onInputKeyDownHandler","includes","code","onKeyDownHandler","onDeleteTagHandler","i","onContainerClickHandler","clearTimeout","onBlurHandler","evt","onFocusHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","PropTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","arrayOf","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    commitTagOn = [\"Enter\"],\n    commitOnBlur = false,\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 addTag = useCallback(\n    (event, tag) => {\n      event.preventDefault();\n      if (tag !== \"\") {\n        const newTag = { label: tag, type: \"semantic\" };\n        const newTagsArr = [...value, newTag];\n        setValue(newTagsArr);\n        performValidation(newTagsArr);\n        onAdd?.(event, newTag, newTagsArr.length - 1);\n        onChange?.(event, newTagsArr);\n      }\n    },\n    [onAdd, onChange, performValidation, setValue, value]\n  );\n\n  const canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n  useEffect(() => {\n    if (!multiline) {\n      const element = containerRef?.current?.children[tagCursorPos];\n      // this setTimeout is a workaround for Firefox not properly dealing\n      // with setting the scrollLeft value.\n      setTimeout(() => {\n        const container = containerRef.current;\n        if (isNil(container)) return;\n        container.scrollLeft = element\n          ? element.offsetLeft -\n            container.getBoundingClientRect().width / 2 +\n            element.getBoundingClientRect().width / 2\n          : 0;\n      }, 50);\n\n      element?.focus();\n    }\n  }, [multiline, tagCursorPos]);\n\n  useEffect(() => {\n    if (!skipReset.current) {\n      setTagInput(\"\");\n      setTagCursorPos(value.length);\n    }\n    skipReset.current = false;\n  }, [value]);\n\n  /**\n   * Handler for the `onChange` event on the tag input\n   */\n  const onChangeHandler = useCallback((event, input) => {\n    setTagInput(input);\n  }, []);\n\n  /**\n   * Handler for the `onKeyDown` event on the form element\n   */\n  const onInputKeyDownHandler = useCallback(\n    (event) => {\n      if (commitTagOn.includes(event.code)) {\n        addTag(event, tagInput);\n      }\n    },\n    [addTag, commitTagOn, tagInput]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the list container.\n   */\n  const onKeyDownHandler = useCallback(\n    (event) => {\n      if (tagInput === \"\") {\n        switch (event.code) {\n          case \"ArrowLeft\":\n            setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n            break;\n          case \"ArrowRight\":\n            setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n            break;\n          case \"Backspace\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            } else {\n              setTagCursorPos(value.length - 1);\n            }\n            break;\n          case \"Delete\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            }\n            break;\n          default:\n            break;\n        }\n      }\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      if (commitOnBlur) {\n        addTag(evt, tagInput);\n      }\n      onBlur?.(evt, tagInput);\n    }, 250);\n  };\n\n  const onFocusHandler = (evt) => {\n    clearTimeout(blurTimeout.current);\n    onFocus?.(evt, tagInput);\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={validationState}\n      required={required}\n      onBlur={onBlurHandler}\n      onFocus={onFocusHandler}\n      className={clsx(classes.root, className, {\n        [classes.disabled]: disabled,\n      })}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={textAreaLabel}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxTagsQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvListContainer\n        className={clsx(\n          classes.tagsList,\n          canShowError && classes.error,\n          resizable && multiline && classes.resizable,\n          isStateInvalid && classes.invalid,\n          !multiline && classes.singleLine\n        )}\n        onKeyDown={onKeyDownHandler}\n        onClick={onContainerClickHandler}\n        ref={containerRef}\n      >\n        {value &&\n          value.map((t, i) => {\n            const tag =\n              typeof t === \"string\"\n                ? {\n                    label: t,\n                    type: \"semantic\",\n                  }\n                : t;\n            const { label, type, ...otherProps } = tag;\n            return (\n              <HvListItem\n                // eslint-disable-next-line react/no-array-index-key\n                key={`${tag.label}-${i}`}\n                tabIndex={-1}\n                className={clsx(!multiline && classes.singleLine)}\n                classes={{\n                  gutters: classes.listItemGutters,\n                  root: classes.listItemRoot,\n                }}\n                id={`tag-${i}`}\n              >\n                <HvTag\n                  label={label}\n                  className={clsx(i === tagCursorPos && classes.tagSelected)}\n                  classes={{\n                    chipRoot: classes.chipRoot,\n                  }}\n                  type={type}\n                  {...(!(readOnly || disabled || type === \"categorical\") && {\n                    onDelete: (event) => onDeleteTagHandler(event, i),\n                  })}\n                  deleteButtonProps={{\n                    tabIndex: -1,\n                  }}\n                  {...otherProps}\n                />\n              </HvListItem>\n            );\n          })}\n        {!(disabled || readOnly) && (\n          <HvListItem\n            className={clsx(!multiline && classes.singleLine)}\n            classes={{\n              root: classes.tagInputContainerRoot,\n              gutters: classes.listItemGutters,\n            }}\n            id={`tag-${value.length}`}\n          >\n            <HvInput\n              value={tagInput}\n              disableClear\n              onChange={onChangeHandler}\n              onKeyDown={onInputKeyDownHandler}\n              placeholder={value.length === 0 ? placeholder : \"\"}\n              autoFocus={autoFocus}\n              className={clsx(!multiline && classes.singleLine)}\n              classes={{\n                root: classes.tagInputRoot,\n                input: classes.input,\n                inputBorderContainer: classes.tagInputBorderContainer,\n                inputRootFocused: classes.tagInputRootFocused,\n              }}\n              disabled={disabled}\n              readOnly={readOnly || isTagSelected}\n              inputProps={{\n                \"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   * An array of strings that represent the character used to input a tag.\n   * This character is the string representation of the event.code from the input event.\n   */\n  commitTagOn: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * If `true` the tag will be commited when the blur event occurs.\n   */\n  commitOnBlur: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}
+{"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","commitTagOn","commitOnBlur","suggestionListCallback","others","elementId","hasLabel","hasDescription","setValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","materialInputRef","isTagSelected","hasCounter","suggestionValues","setSuggestionValues","isStateInvalid","canShowSuggestions","hasSuggestions","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","addTag","tag","preventDefault","newTag","type","canShowError","undefined","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","isMounted","focusInput","getSuggestions","li","listEl","document","getElementById","getElementsByTagName","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","onSuggestionKeyDown","KeyboardCodes","Esc","Tab","onChangeHandler","input","onInputKeyDownHandler","includes","code","onKeyDownHandler","onDeleteTagHandler","i","onContainerClickHandler","clearTimeout","onBlurHandler","evt","onFocusHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","ref","inputExtension","suggestionsContainer","list","suggestionList","parentElement","propTypes","PropTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","arrayOf","styles"],"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, isKeypress, KeyboardCodes } from \"../utils\";\nimport {\n  HvFormElement,\n  HvListContainer,\n  HvListItem,\n  HvTag,\n  HvInput,\n  HvLabel,\n  HvInfoMessage,\n  HvCharCounter,\n  HvSuggestions,\n  HvWarningText,\n  useUniqueId,\n  useIsMounted,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = [],\n\n    readOnly = false,\n    disabled = false,\n    required = false,\n\n    label: textAreaLabel,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onAdd,\n    onDelete,\n    onBlur,\n    onFocus,\n\n    placeholder,\n\n    hideCounter = false,\n    middleCountLabel = \"/\",\n    maxTagsQuantity,\n\n    autoFocus = false,\n    resizable = true,\n\n    inputProps = {},\n    countCharProps = {},\n\n    multiline = false,\n\n    status,\n    statusMessage,\n\n    validationMessages,\n\n    commitTagOn = [\"Enter\"],\n    commitOnBlur = false,\n\n    suggestionListCallback,\n\n    ...others\n  } = props;\n  const elementId = useUniqueId(id, \"hvTagsInput\");\n\n  const hasLabel = textAreaLabel != null;\n  const hasDescription = description != null;\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  const [tagInput, setTagInput] = useState(\"\");\n  const [tagCursorPos, setTagCursorPos] = useState(value.length);\n  const [stateValid, setStateValid] = useState(true);\n\n  const inputRef = useRef();\n  const containerRef = useRef();\n  const skipReset = useRef(false);\n  const blurTimeout = useRef();\n  const materialInputRef = useRef(null);\n\n  const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n  const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n  // suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState(null);\n\n  const isStateInvalid = useMemo(() => {\n    return hasCounter && value.length > maxTagsQuantity;\n  }, [hasCounter, maxTagsQuantity, value.length]);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n    ]\n  );\n\n  const performValidation = useCallback(\n    (currValue) => {\n      if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n        setValidationState(validationStates.invalid);\n        setValidationMessage(errorMessages.maxCharError);\n        setStateValid(false);\n      } else {\n        setValidationState(validationStates.valid);\n        setValidationMessage(\"\");\n        setStateValid(true);\n      }\n    },\n    [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n  );\n\n  /**\n   * Deletes a Tag from the array of tags and sets the new position for the tag cursor.\n   * Also executes the user provided onDelete and onChange events.\n   *\n   * @param {number}  tagPos - the position at which to remove the tag\n   * @param {Event}   event  - the event associated with the delete\n   * @param {boolean} end    - whether or not to set the cursor at the end of the array\n   */\n  const deleteTag = useCallback(\n    (tagPos, event, end) => {\n      const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];\n      setValue(newTagsArr);\n      // eslint-disable-next-line no-nested-ternary\n      setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n      inputRef.current?.focus();\n      performValidation(newTagsArr);\n      onDelete?.(event, value[tagPos], tagPos);\n      onChange?.(event, newTagsArr);\n      skipReset.current = true;\n    },\n    [onChange, onDelete, performValidation, setValue, tagCursorPos, value]\n  );\n\n  /**\n   * Adds a Tag to the array of tags.\n   * Also executes the user provided onAdd and onDelete events.\n   *\n   * @param {Event}   event  - whatever event triggered adding a tag\n   * @param {string}  tag    - the string for the tag\n   */\n  const addTag = useCallback(\n    (event, tag) => {\n      event.preventDefault();\n      if (tag !== \"\") {\n        const newTag = { label: tag, type: \"semantic\" };\n        const newTagsArr = [...value, newTag];\n        setValue(newTagsArr);\n        performValidation(newTagsArr);\n        onAdd?.(event, newTag, newTagsArr.length - 1);\n        onChange?.(event, newTagsArr);\n      }\n    },\n    [onAdd, onChange, performValidation, setValue, value]\n  );\n\n  const canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n  useEffect(() => {\n    if (!multiline) {\n      const element = containerRef?.current?.children[tagCursorPos];\n      // this setTimeout is a workaround for Firefox not properly dealing\n      // with setting the scrollLeft value.\n      setTimeout(() => {\n        const container = containerRef.current;\n        if (isNil(container)) return;\n        container.scrollLeft = element\n          ? element.offsetLeft -\n            container.getBoundingClientRect().width / 2 +\n            element.getBoundingClientRect().width / 2\n          : 0;\n      }, 50);\n\n      element?.focus();\n    }\n  }, [multiline, tagCursorPos]);\n\n  useEffect(() => {\n    if (!skipReset.current) {\n      setTagInput(\"\");\n      setTagCursorPos(value.length);\n    }\n    skipReset.current = false;\n  }, [value]);\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    materialInputRef.current.focus();\n  };\n\n  const getSuggestions = useCallback(\n    (li) => {\n      // TODO Replace with ref\n      const listEl = document.getElementById(setId(elementId, \"suggestions-list\"));\n      return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n    },\n    [elementId]\n  );\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = useCallback(() => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  }, [isMounted]);\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = useCallback(\n    (val) => {\n      const suggestionsArray = suggestionListCallback?.(val);\n      if (suggestionsArray?.[0]?.label) {\n        setSuggestionValues(suggestionsArray);\n      } else {\n        suggestionClearHandler();\n      }\n    },\n    [suggestionClearHandler, suggestionListCallback]\n  );\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    addTag(event, item.value || item.label);\n\n    // set the input value (only when value is uncontrolled)\n    setTagInput(item.value || item.label);\n\n    focusInput();\n    suggestionClearHandler();\n  };\n\n  /**\n   * Handler for the `onKeyDown` event on the suggestions component\n   */\n  const onSuggestionKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, KeyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Handler for the `onChange` event on the tag input\n   */\n  const onChangeHandler = useCallback(\n    (event, input) => {\n      setTagInput(input);\n\n      if (canShowSuggestions) {\n        // an edge case might be a controlled input whose onChange callback\n        // doesn't change the value (or sets another): the suggestionListCallback\n        // callback will still receive the original rejected value.\n        // a refactor is needed so the suggestionListCallback might be called only\n        // when the input is uncontrolled, providing a way to externally control\n        // the suggestion values.\n        suggestionHandler(input);\n      }\n    },\n    [canShowSuggestions, suggestionHandler]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the form element\n   */\n  const onInputKeyDownHandler = useCallback(\n    (event) => {\n      if (!canShowSuggestions && commitTagOn.includes(event.code)) {\n        addTag(event, tagInput);\n      }\n    },\n    [addTag, canShowSuggestions, commitTagOn, tagInput]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the list container.\n   */\n  const onKeyDownHandler = useCallback(\n    (event) => {\n      if (tagInput === \"\") {\n        switch (event.code) {\n          case \"ArrowLeft\":\n            setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n            break;\n          case \"ArrowRight\":\n            setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n            break;\n          case \"Backspace\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            } else {\n              setTagCursorPos(value.length - 1);\n            }\n            break;\n          case \"Delete\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            }\n            break;\n          default:\n            break;\n        }\n      } else {\n        switch (event.code) {\n          case \"ArrowDown\":\n            getSuggestions(0)?.focus();\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [deleteTag, getSuggestions, isTagSelected, tagCursorPos, tagInput, value.length]\n  );\n\n  /**\n   * Handler for the `onDelete` event on the tag component\n   */\n  const onDeleteTagHandler = useCallback(\n    (event, i) => {\n      deleteTag(i, event, true);\n      setValidationState(validationStates.standBy);\n    },\n    [deleteTag, setValidationState]\n  );\n\n  /**\n   * Handler for the `onClick` event on the list container\n   */\n  const onContainerClickHandler = useCallback(() => {\n    inputRef.current?.focus();\n    clearTimeout(blurTimeout.current);\n    setTagCursorPos(value.length);\n  }, [value.length]);\n\n  const onBlurHandler = (evt) => {\n    blurTimeout.current = setTimeout(() => {\n      if (commitOnBlur) {\n        addTag(evt, tagInput);\n      }\n      onBlur?.(evt, tagInput);\n    }, 250);\n  };\n\n  const onFocusHandler = (evt) => {\n    clearTimeout(blurTimeout.current);\n    onFocus?.(evt, tagInput);\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={validationState}\n      required={required}\n      onBlur={onBlurHandler}\n      onFocus={onFocusHandler}\n      className={clsx(classes.root, className, {\n        [classes.disabled]: disabled,\n      })}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={textAreaLabel}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxTagsQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvListContainer\n        className={clsx(\n          classes.tagsList,\n          canShowError && classes.error,\n          resizable && multiline && classes.resizable,\n          isStateInvalid && classes.invalid,\n          !multiline && classes.singleLine\n        )}\n        onKeyDown={onKeyDownHandler}\n        onClick={onContainerClickHandler}\n        ref={containerRef}\n      >\n        {value &&\n          value.map((t, i) => {\n            const tag =\n              typeof t === \"string\"\n                ? {\n                    label: t,\n                    type: \"semantic\",\n                  }\n                : t;\n            const { label, type, ...otherProps } = tag;\n            return (\n              <HvListItem\n                // eslint-disable-next-line react/no-array-index-key\n                key={`${tag.label}-${i}`}\n                tabIndex={-1}\n                className={clsx(!multiline && classes.singleLine)}\n                classes={{\n                  gutters: classes.listItemGutters,\n                  root: classes.listItemRoot,\n                }}\n                id={`tag-${i}`}\n              >\n                <HvTag\n                  label={label}\n                  className={clsx(i === tagCursorPos && classes.tagSelected)}\n                  classes={{\n                    chipRoot: classes.chipRoot,\n                  }}\n                  type={type}\n                  {...(!(readOnly || disabled || type === \"categorical\") && {\n                    onDelete: (event) => onDeleteTagHandler(event, i),\n                  })}\n                  deleteButtonProps={{\n                    tabIndex: -1,\n                  }}\n                  {...otherProps}\n                />\n              </HvListItem>\n            );\n          })}\n        {!(disabled || readOnly) && (\n          <HvListItem\n            className={clsx(!multiline && classes.singleLine)}\n            classes={{\n              root: classes.tagInputContainerRoot,\n              gutters: classes.listItemGutters,\n            }}\n            id={`tag-${value.length}`}\n          >\n            <HvInput\n              value={tagInput}\n              disableClear\n              onChange={onChangeHandler}\n              onKeyDown={onInputKeyDownHandler}\n              placeholder={value.length === 0 ? placeholder : \"\"}\n              autoFocus={autoFocus}\n              className={clsx(!multiline && classes.singleLine)}\n              classes={{\n                root: classes.tagInputRoot,\n                input: classes.input,\n                inputBorderContainer: classes.tagInputBorderContainer,\n                inputRootFocused: classes.tagInputRootFocused,\n              }}\n              disabled={disabled}\n              readOnly={readOnly || isTagSelected}\n              inputProps={{\n                ref: materialInputRef,\n                \"aria-label\": ariaLabel,\n                \"aria-labelledby\": ariaLabelledBy,\n                \"aria-describedby\":\n                  ariaDescribedBy != null\n                    ? ariaDescribedBy\n                    : description && setId(elementId, \"description\"),\n\n                ...inputProps,\n              }}\n              inputRef={inputRef}\n              {...others}\n            />\n          </HvListItem>\n        )}\n      </HvListContainer>\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && <div role=\"presentation\" className={classes.inputExtension} />}\n          <HvSuggestions\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: classes.suggestionsContainer,\n              list: classes.suggestionList,\n            }}\n            expanded={hasSuggestions}\n            anchorEl={containerRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTagsInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Styles applied to the input element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the list item gutters.\n     */\n    listItemGutters: PropTypes.string,\n    /**\n     * Styles applied to the list item element.\n     */\n    listItemRoot: PropTypes.string,\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     *\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the tags list container element.\n     */\n    tagsList: PropTypes.string,\n    /**\n     * Styles applied to the tag input container element.\n     */\n    tagInputContainerRoot: PropTypes.string,\n    /**\n     * Styles applied to the tag input element.\n     */\n    tagInputRoot: PropTypes.string,\n    /**\n     * Styles applied to a tag element when selected\n     */\n    tagSelected: PropTypes.string,\n    /**\n     * Styles applied to the input element border.\n     */\n    tagInputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the input element when focused.\n     */\n    tagInputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to the container when in single line mode.\n     */\n    singleLine: PropTypes.string,\n    /**\n     * Styles applied to the tags list when an error occurred.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the input extension shown when the suggestions list is visible.\n     */\n    inputExtension: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the suggestions list.\n     */\n    suggestionsContainer: PropTypes.string,\n    /**\n     * Styles applied to the suggestions list.\n     */\n    suggestionList: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   */\n  value: PropTypes.array,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.array,\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The function that will be executed when the element is focused.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The function that will be executed when the element is blurred.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is deleted.\n   */\n  onDelete: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is added.\n   */\n  onAdd: PropTypes.func,\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxTagsQuantity: PropTypes.number,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the component is in multiline mode.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * The status of the form element.\n   */\n  status: PropTypes.string,\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages: PropTypes.shape({\n    /**\n     * The value when a validation fails.\n     */\n    error: PropTypes.string,\n    /**\n     * The message that appears when there are too many characters.\n     */\n    maxCharError: PropTypes.string,\n    /**\n     * The message that appears when there are too few characters.\n     */\n    minCharError: PropTypes.string,\n    /**\n     * The message that appears when the input is empty and required.\n     */\n    requiredError: PropTypes.string,\n  }),\n  /**\n   * An array of strings that represent the character used to input a tag.\n   * This character is the string representation of the event.code from the input event.\n   */\n  commitTagOn: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * If `true` the tag will be commited when the blur event occurs.\n   */\n  commitOnBlur: PropTypes.bool,\n  /**\n   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion\n   */\n  suggestionListCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}

package/dist/TagsInput/styles.js

@@ -155,7 +155,24 @@ var styles = function styles(theme) {
       border: "none",
       background: "none"
     },
-    singleLine: {}
+    singleLine: {},
+    // suggestions
+    suggestionsContainer: {
+      width: "100%",
+      position: "relative",
+      top: 45
+    },
+    suggestionList: {
+      // ensure more specificity than .HvSuggestions-root .HvSuggestions-list
+      "$root $suggestionsContainer &": {
+        width: "100%"
+      }
+    },
+    inputExtension: {
+      height: theme.hv.spacing.xs,
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      boxShadow: "0px 8px 0px ".concat(theme.hv.palette.atmosphere.atmo1, ", 0px 0px 9px 0px rgba(65,65,65,.12)")
+    }
   };
 };
 

package/dist/TagsInput/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TagsInput/styles.js"],"names":["styles","theme","root","display","maxWidth","chipRoot","resizable","width","resize","overflow","disabled","error","float","invalid","border","hv","palette","semantic","sema4","input","marginLeft","marginRight","flex","minWidth","height","lineHeight","padding","listItemGutters","listItemRoot","marginBottom","paddingTop","labelContainer","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","backgroundColor","atmosphere","atmo1","atmo4","borderRadius","cursor","accent","acce1","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","atmo3","overflowX","overflowY","paddingLeft","tagInputContainerRoot","flexGrow","verticalAlign","tagInputRoot","background","tagInputRootFocused","outline","tagSelected","tagInputBorderContainer","singleLine"],"mappings":"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","sourcesContent":["const styles = (theme) => {\n  return {\n    root: {\n      display: \"inline-block\",\n      maxWidth: \"100%\",\n    },\n    chipRoot: {\n      maxWidth: \"none\",\n    },\n    resizable: {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    },\n    disabled: {},\n    error: {\n      float: \"left\",\n    },\n    invalid: {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}!important`,\n    },\n    input: {\n      marginLeft: 0,\n      marginRight: 0,\n      width: 0,\n      flex: \"1 1 auto\",\n      minWidth: 48,\n      height: 24,\n      lineHeight: \"24px\",\n      padding: 0,\n    },\n    listItemGutters: {\n      padding: \"0 5px\",\n    },\n    listItemRoot: {\n      marginBottom: 2,\n      height: 24,\n      lineHeight: \"24px\",\n      \"&:not(:last-child)\": {\n        marginBottom: 2,\n      },\n      \"&$singleLine\": {\n        display: \"table-cell\",\n        paddingTop: 2,\n      },\n    },\n    labelContainer: {\n      float: \"left\",\n      display: \"flex\",\n      alignItems: \"flex-start\",\n    },\n    label: {\n      display: \"block\",\n      float: \"left\",\n      paddingBottom: \"6px\",\n    },\n    description: {\n      display: \"block\",\n      float: \"left\",\n    },\n    characterCounter: {\n      display: \"block\",\n      float: \"right\",\n      textAlign: \"right\",\n      marginBottom: \"6px\",\n    },\n    tagsList: {\n      display: \"flex\",\n      alignContent: \"flex-start\",\n      float: \"left\",\n      clear: \"both\",\n      width: \"100%\",\n      maxWidth: \"100%\",\n      height: \"100%\",\n      padding: 5,\n      overflow: \"auto\",\n      position: \"relative\",\n\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n\n      \"&:hover\": {\n        cursor: \"text\",\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n\n      \"&:focus, &:focus-within, &:focus-visible\": {\n        outlineColor: \"#52A8EC\",\n        outlineStyle: \"solid\",\n        outlineWidth: \"0px\",\n        outlineOffset: \"-1px\",\n        boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n      },\n\n      \"&$disabled\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n        \"&:focus-within, &:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n\n      \"&$singleLine\": {\n        overflowX: \"hidden\",\n        overflowY: \"hidden\",\n        height: 32,\n        display: \"table-row\",\n        paddingTop: 0,\n        paddingLeft: 4,\n      },\n\n      \"&$error\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n    },\n    tagInputContainerRoot: {\n      display: \"flex\",\n      flexGrow: 1,\n      height: 24,\n      lineHeight: \"24px\",\n      \"&$singleLine\": {\n        display: \"table-cell\",\n        minWidth: 100,\n        width: \"100%\",\n        paddingTop: 3,\n        verticalAlign: \"middle\",\n      },\n    },\n    tagInputRoot: {\n      width: \"100%\",\n      \"&:hover $tagInputBorderContainer\": {\n        background: \"none\",\n      },\n      \"&:focus-within $tagInputBorderContainer\": {\n        background: \"none\",\n      },\n      \"&$singleLine\": {},\n    },\n    tagInputRootFocused: {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    tagSelected: {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    },\n    tagInputBorderContainer: {\n      border: \"none\",\n      background: \"none\",\n    },\n    singleLine: {},\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../src/TagsInput/styles.js"],"names":["styles","theme","root","display","maxWidth","chipRoot","resizable","width","resize","overflow","disabled","error","float","invalid","border","hv","palette","semantic","sema4","input","marginLeft","marginRight","flex","minWidth","height","lineHeight","padding","listItemGutters","listItemRoot","marginBottom","paddingTop","labelContainer","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","backgroundColor","atmosphere","atmo1","atmo4","borderRadius","cursor","accent","acce1","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","atmo3","overflowX","overflowY","paddingLeft","tagInputContainerRoot","flexGrow","verticalAlign","tagInputRoot","background","tagInputRootFocused","outline","tagSelected","tagInputBorderContainer","singleLine","suggestionsContainer","top","suggestionList","inputExtension","spacing","xs"],"mappings":"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","sourcesContent":["const styles = (theme) => {\n  return {\n    root: {\n      display: \"inline-block\",\n      maxWidth: \"100%\",\n    },\n    chipRoot: {\n      maxWidth: \"none\",\n    },\n    resizable: {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    },\n    disabled: {},\n    error: {\n      float: \"left\",\n    },\n    invalid: {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}!important`,\n    },\n    input: {\n      marginLeft: 0,\n      marginRight: 0,\n      width: 0,\n      flex: \"1 1 auto\",\n      minWidth: 48,\n      height: 24,\n      lineHeight: \"24px\",\n      padding: 0,\n    },\n    listItemGutters: {\n      padding: \"0 5px\",\n    },\n    listItemRoot: {\n      marginBottom: 2,\n      height: 24,\n      lineHeight: \"24px\",\n      \"&:not(:last-child)\": {\n        marginBottom: 2,\n      },\n      \"&$singleLine\": {\n        display: \"table-cell\",\n        paddingTop: 2,\n      },\n    },\n    labelContainer: {\n      float: \"left\",\n      display: \"flex\",\n      alignItems: \"flex-start\",\n    },\n    label: {\n      display: \"block\",\n      float: \"left\",\n      paddingBottom: \"6px\",\n    },\n    description: {\n      display: \"block\",\n      float: \"left\",\n    },\n    characterCounter: {\n      display: \"block\",\n      float: \"right\",\n      textAlign: \"right\",\n      marginBottom: \"6px\",\n    },\n    tagsList: {\n      display: \"flex\",\n      alignContent: \"flex-start\",\n      float: \"left\",\n      clear: \"both\",\n      width: \"100%\",\n      maxWidth: \"100%\",\n      height: \"100%\",\n      padding: 5,\n      overflow: \"auto\",\n      position: \"relative\",\n\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n\n      \"&:hover\": {\n        cursor: \"text\",\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n\n      \"&:focus, &:focus-within, &:focus-visible\": {\n        outlineColor: \"#52A8EC\",\n        outlineStyle: \"solid\",\n        outlineWidth: \"0px\",\n        outlineOffset: \"-1px\",\n        boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n      },\n\n      \"&$disabled\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n        \"&:focus-within, &:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n\n      \"&$singleLine\": {\n        overflowX: \"hidden\",\n        overflowY: \"hidden\",\n        height: 32,\n        display: \"table-row\",\n        paddingTop: 0,\n        paddingLeft: 4,\n      },\n\n      \"&$error\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n    },\n    tagInputContainerRoot: {\n      display: \"flex\",\n      flexGrow: 1,\n      height: 24,\n      lineHeight: \"24px\",\n      \"&$singleLine\": {\n        display: \"table-cell\",\n        minWidth: 100,\n        width: \"100%\",\n        paddingTop: 3,\n        verticalAlign: \"middle\",\n      },\n    },\n    tagInputRoot: {\n      width: \"100%\",\n      \"&:hover $tagInputBorderContainer\": {\n        background: \"none\",\n      },\n      \"&:focus-within $tagInputBorderContainer\": {\n        background: \"none\",\n      },\n      \"&$singleLine\": {},\n    },\n    tagInputRootFocused: {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    tagSelected: {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    },\n    tagInputBorderContainer: {\n      border: \"none\",\n      background: \"none\",\n    },\n    singleLine: {},\n\n    // suggestions\n    suggestionsContainer: {\n      width: \"100%\",\n      position: \"relative\",\n      top: 45,\n    },\n    suggestionList: {\n      // ensure more specificity than .HvSuggestions-root .HvSuggestions-list\n      \"$root $suggestionsContainer &\": {\n        width: \"100%\",\n      },\n    },\n\n    inputExtension: {\n      height: theme.hv.spacing.xs,\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n    },\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}