@hitachivantara/uikit-react-core 5.19.0 → 5.19.2

package/dist/esm/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  useForkRef,\n} from \"@mui/material\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  ExtractNames,\n  isBrowser,\n  isKeypress,\n  keyboardCodes,\n  setId,\n} from \"@core/utils\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"@core/types\";\nimport {\n  HvAdornment,\n  HvAdornmentProps,\n  HvBaseInput,\n  HvBaseInputProps,\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestion,\n  HvSuggestions,\n  HvSuggestionsProps,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"@core/components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\n\nexport { staticClasses as inputClasses };\n\nexport type HvInputClasses = ExtractNames<typeof useClasses>;\n\ntype InputElement = HTMLInputElement | HTMLTextAreaElement;\n\nexport interface HvInputProps\n  extends HvBaseProps<\n    HTMLElement,\n    \"onChange\" | \"onBlur\" | \"onFocus\" | \"onKeyDown\" | \"color\"\n  > {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\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?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange?: HvBaseInputProps[\"onChange\"];\n  /**\n   * Callback called when the user submits the value by pressing Enter/Return.\n   *\n   * Also called when the search button is clicked (when type is \"search\").\n   */\n  onEnter?: (\n    event: React.KeyboardEvent<InputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<InputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (event: React.FocusEvent<InputElement>, value: string) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<InputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /**\n   * Allows passing a ref to the underlying input\n   * @deprecated Use `ref` directly instead\n   * */\n  inputRef?: HvBaseInputProps[\"inputRef\"];\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  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment is visible. Defaults to `false`.\n   *\n   * Currently, DS specifications define only a positive feedback icon;\n   * errors are signaled through the border style and by displaying the error message.\n   */\n  showValidationIcon?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n}\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n  searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n  isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n  return container != null && container.contains(getFocusedElement(event));\n}\n\n/** Original `input.value` setter (React overrides it). */\nconst setInputValue = Object.getOwnPropertyDescriptor(\n  window.HTMLInputElement.prototype,\n  \"value\"\n)?.set;\n\n/** Changes a given `input`'s `value`, triggering its `onChange` */\nconst changeInputValue = (input: HTMLInputElement | null, value = \"\") => {\n  const event = new Event(\"input\", { bubbles: true });\n  setInputValue?.call(input, value);\n  input?.dispatchEvent(event);\n};\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nexport const HvInput = forwardRef<InputElement, HvInputProps>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    id,\n    name,\n    value: valueProp,\n    defaultValue = \"\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    onChange,\n    onEnter,\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n    type = \"text\",\n    placeholder,\n    autoFocus = false,\n    labels: labelsProp,\n    validationMessages,\n    disableClear = false,\n    disableRevealPassword = false,\n    disableSearchButton = false,\n    endAdornment,\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n    showValidationIcon = false,\n    suggestionListCallback,\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    inputProps = {},\n    ...others\n  } = props;\n  const { classes, cx } = useClasses(classesProp);\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const elementId = useUniqueId(id, \"hvinput\");\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const forkedRef = useForkRef(ref, inputRef, inputRefProp);\n  const suggestionsRef = useRef<HTMLElement>(null);\n\n  const [focused, setFocused] = useState(false);\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // Value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // Validation related state\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n      validationMessages?.typeMismatchError,\n    ]\n  );\n\n  const validationType = useMemo(() => computeValidationType(type), [type]);\n\n  // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationType,\n      validation\n    );\n\n    // This will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // This will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    validationType,\n    value,\n  ]);\n\n  // The error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationType,\n          minCharQuantity,\n          maxCharQuantity,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  // Input type related state\n  const [revealPassword, setRevealPassword] = useState(false);\n\n  const realType = useMemo(() => {\n    if (type === \"password\") {\n      return revealPassword ? \"text\" : \"password\";\n    }\n\n    if (type === \"search\") {\n      return \"search\";\n    }\n\n    return \"text\";\n  }, [revealPassword, type]);\n\n  // Suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  // Miscellaneous state\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    inputRef.current?.focus();\n  };\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = () => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  };\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = (val: string) => {\n    const suggestionsArray = suggestionListCallback?.(val);\n    if (suggestionsArray?.[0]?.label) {\n      setSuggestionValues(suggestionsArray);\n    } else {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    const newValue = item.value || item.label;\n\n    changeInputValue(inputRef.current, newValue);\n\n    focusInput();\n    suggestionClearHandler();\n\n    if (type === \"search\") {\n      // trigger the onEnter callback when the user selects an option in a search box\n      onEnter?.(event, newValue);\n    }\n  };\n\n  const onChangeHandler: HvBaseInputProps[\"onChange\"] = (event, newValue) => {\n    isDirty.current = true;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    if (canShowSuggestions) {\n      // an edge case might be a controlled input whose onChange callback\n      // doesn't change the value (or sets another): the suggestionListCallback\n      // callback will still receive the original rejected value.\n      // a refactor is needed so the suggestionListCallback might be called only\n      // when the input is uncontrolled, providing a way to externally control\n      // the suggestion values.\n      suggestionHandler(newValue);\n    }\n  };\n\n  /**\n   * Validates the input updating the state and modifying the info text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   */\n  const onInputBlurHandler: HvBaseInputProps[\"onBlur\"] = (event) => {\n    // If the blur is executed when choosing an suggestion it should be ignored.\n    if (eventTargetIsInsideContainer(suggestionsRef.current, event)) return;\n\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler: HvBaseInputProps[\"onFocus\"] = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const getSuggestions = (li: number | null) => {\n    // TODO Replace with ref\n    const listEl = document.getElementById(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\n    return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n  };\n\n  const onSuggestionKeyDown: HvSuggestionsProps[\"onKeyDown\"] = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, keyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /** Focus the suggestion list when the arrow down is pressed. */\n  const onKeyDownHandler: HvBaseInputProps[\"onKeyDown\"] = (event) => {\n    if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKeypress(event, keyboardCodes.Enter)) {\n      onEnter?.(event, value);\n    }\n\n    onKeyDown?.(event, value);\n  };\n\n  /** Clears the suggestion list on blur. */\n  const onContainerBlurHandler: HvFormElementProps[\"onBlur\"] = (event) => {\n    if (event.relatedTarget) {\n      setTimeout(() => {\n        const list = getSuggestions(null);\n        if (!list?.contains(document.activeElement)) suggestionClearHandler();\n      }, 10);\n    }\n  };\n\n  const hasOnEnter = onEnter != null;\n\n  // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n  // also, don't show it when the input type is \"search\" and the input is active (standBy)\n  const showClear =\n    !disabled &&\n    !readOnly &&\n    !disableClear &&\n    !isEmptyValue &&\n    (!hasOnEnter ||\n      type !== \"search\" ||\n      disableSearchButton ||\n      validationState !== validationStates.standBy);\n\n  const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n  const showRevealPasswordButton =\n    type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(() => {\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    changeInputValue(inputRef.current, \"\");\n\n    // we want to focus the input when clicked and not active\n    setTimeout(focusInput);\n  }, [setValidationState]);\n\n  const clearButton = useMemo(() => {\n    if (!showClear) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        // Don't control visibility when the search icon is enabled\n        className={cx(classes.adornmentButton, {\n          [classes.iconClear]: !showSearchIcon,\n        })}\n        onClick={handleClear}\n        aria-label={labels?.clearButtonLabel}\n        aria-controls={setId(elementId, \"input\")}\n        icon={<CloseXS />}\n      />\n    );\n  }, [\n    showClear,\n    classes.adornmentButton,\n    classes.iconClear,\n    showSearchIcon,\n    handleClear,\n    labels?.clearButtonLabel,\n    elementId,\n    cx,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback<NonNullable<HvAdornmentProps[\"onClick\"]>>(\n    (event) => {\n      onEnter?.(event, value);\n    },\n    [onEnter, value]\n  );\n\n  const searchButton = useMemo(() => {\n    // If the search icon is not actionable, only show it when the input is empty or active\n    const reallyShowIt =\n      showSearchIcon &&\n      (isEmptyValue ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        className={classes.adornmentButton}\n        onClick={hasOnEnter ? handleSearch : undefined}\n        aria-label={labels?.searchButtonLabel}\n        icon={<Search />}\n      />\n    );\n  }, [\n    showSearchIcon,\n    isEmptyValue,\n    hasOnEnter,\n    validationState,\n    classes.adornmentButton,\n    handleSearch,\n    labels?.searchButtonLabel,\n  ]);\n\n  /**\n   * Changes input type and refocus the input.\n   */\n  const handleRevealPassword = useCallback(() => {\n    setRevealPassword(!revealPassword);\n  }, [revealPassword]);\n\n  const revealPasswordButton = useMemo(() => {\n    if (!showRevealPasswordButton) {\n      return null;\n    }\n\n    return (\n      <HvTooltip\n        disableFocusListener\n        disableTouchListener\n        title={\n          <HvTypography>\n            {revealPassword\n              ? labels?.revealPasswordButtonClickToHideTooltip\n              : labels?.revealPasswordButtonClickToShowTooltip}\n          </HvTypography>\n        }\n      >\n        <HvAdornment\n          className={classes.adornmentButton}\n          onClick={handleRevealPassword}\n          aria-label={labels?.revealPasswordButtonLabel}\n          aria-controls={setId(elementId, \"input\")}\n          icon={revealPassword ? <PreviewOff /> : <Preview />}\n        />\n      </HvTooltip>\n    );\n  }, [\n    showRevealPasswordButton,\n    revealPassword,\n    labels?.revealPasswordButtonClickToHideTooltip,\n    labels?.revealPasswordButtonClickToShowTooltip,\n    labels?.revealPasswordButtonLabel,\n    classes.adornmentButton,\n    handleRevealPassword,\n    elementId,\n  ]);\n\n  const validationIcon = useMemo(() => {\n    if (!showValidationIcon) {\n      return null;\n    }\n\n    if (!isValid(validationState)) {\n      return null;\n    }\n\n    return <Success semantic=\"positive\" className={classes.icon} />;\n  }, [showValidationIcon, validationState, classes.icon]);\n\n  // useMemo to avoid repetitive cloning of the custom icon\n  const customIconEl = useMemo(\n    () =>\n      isValidElement(endAdornment) &&\n      React.cloneElement(endAdornment as React.ReactElement, {\n        className: cx(endAdornment.props.className, classes.icon),\n      }),\n    [classes.icon, endAdornment, cx]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\n      return null;\n\n    // note: specification implies that the custom icon should be hidden when\n    // a validation feedback icon is being shown.\n    return (\n      <div className={classes.adornmentsBox} aria-hidden=\"true\">\n        {clearButton}\n        {revealPasswordButton}\n        {searchButton}\n        {validationIcon || customIconEl}\n      </div>\n    );\n  }, [\n    classes.adornmentsBox,\n    clearButton,\n    customIconEl,\n    revealPasswordButton,\n    searchButton,\n    validationIcon,\n  ]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  const errorMessageId = isStateInvalid\n    ? canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage\n    : undefined;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={cx(className, classes.root, {\n        [classes.hasSuggestions]: hasSuggestions,\n      })}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={classes.label}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={classes.description}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseInput\n        id={\n          hasLabel || showClear || showRevealPasswordButton\n            ? setId(elementId, \"input\")\n            : setId(id, \"input\")\n        }\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDownHandler}\n        onBlur={onInputBlurHandler}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        type={realType}\n        classes={{\n          input: classes.input,\n          inputRoot: classes.inputRoot,\n          inputRootFocused: classes.inputRootFocused,\n          inputRootDisabled: classes.inputRootDisabled,\n          inputRootMultiline: classes.inputRootMultiline,\n          inputBorderContainer: classes.inputBorderContainer,\n        }}\n        invalid={isStateInvalid}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description\n              ? setId(elementId, \"description\")\n              : undefined,\n          \"aria-controls\": canShowSuggestions\n            ? setId(elementId, \"suggestions\")\n            : undefined,\n\n          ref: inputRef,\n\n          // prevent browsers auto-fill/suggestions when we have our own\n          autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={forkedRef}\n        endAdornment={adornments}\n        {...others}\n      />\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && (\n            <div role=\"presentation\" className={classes.inputExtension} />\n          )}\n          <HvSuggestions\n            ref={suggestionsRef}\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: classes.suggestionsContainer,\n              list: classes.suggestionList,\n            }}\n            expanded={hasSuggestions}\n            anchorEl={inputRef.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={classes.error}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n});\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","setInputValue","Object","getOwnPropertyDescriptor","window","HTMLInputElement","prototype","set","changeInputValue","input","value","Event","bubbles","call","dispatchEvent","HvInput","forwardRef","props","ref","classes","classesProp","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","cx","useClasses","useLabels","elementId","useUniqueId","useRef","forkedRef","useForkRef","suggestionsRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementById","setId","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","HvAdornment","adornmentButton","iconClear","onClick","icon","CloseXS","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","Success","semantic","customIconEl","isValidElement","React","cloneElement","adornments","adornmentsBox","useEffect","errorMessageId","HvFormElement","root","labelContainer","HvLabel","htmlFor","HvInfoMessage","HvBaseInput","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","autoComplete","_jsxs","_Fragment","role","inputExtension","HvSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  useForkRef,\n} from \"@mui/material\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  ExtractNames,\n  isBrowser,\n  isKeypress,\n  keyboardCodes,\n  setId,\n} from \"@core/utils\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"@core/types\";\nimport {\n  HvAdornment,\n  HvAdornmentProps,\n  HvBaseInput,\n  HvBaseInputProps,\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestion,\n  HvSuggestions,\n  HvSuggestionsProps,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"@core/components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\n\nexport { staticClasses as inputClasses };\n\nexport type HvInputClasses = ExtractNames<typeof useClasses>;\n\ntype InputElement = HTMLInputElement | HTMLTextAreaElement;\n\nexport interface HvInputProps\n  extends HvBaseProps<\n    HTMLElement,\n    \"onChange\" | \"onBlur\" | \"onFocus\" | \"onKeyDown\" | \"color\"\n  > {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\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?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange?: HvBaseInputProps[\"onChange\"];\n  /**\n   * Callback called when the user submits the value by pressing Enter/Return.\n   *\n   * Also called when the search button is clicked (when type is \"search\").\n   */\n  onEnter?: (\n    event: React.KeyboardEvent<InputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<InputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (event: React.FocusEvent<InputElement>, value: string) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<InputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /**\n   * Allows passing a ref to the underlying input\n   * @deprecated Use `ref` directly instead\n   * */\n  inputRef?: HvBaseInputProps[\"inputRef\"];\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  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment is visible. Defaults to `false`.\n   *\n   * Currently, DS specifications define only a positive feedback icon;\n   * errors are signaled through the border style and by displaying the error message.\n   */\n  showValidationIcon?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n}\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n  searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n  isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n  return container != null && container.contains(getFocusedElement(event));\n}\n\n/** Changes a given `input`'s `value`, triggering its `onChange` */\nconst changeInputValue = (input: HTMLInputElement | null, value = \"\") => {\n  const event = new Event(\"input\", { bubbles: true });\n\n  /** Original `input.value` setter (React overrides it). */\n  const setInputValue = Object.getOwnPropertyDescriptor(\n    window.HTMLInputElement.prototype,\n    \"value\"\n  )?.set;\n\n  setInputValue?.call(input, value);\n  input?.dispatchEvent(event);\n};\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nexport const HvInput = forwardRef<InputElement, HvInputProps>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    id,\n    name,\n    value: valueProp,\n    defaultValue = \"\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    onChange,\n    onEnter,\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n    type = \"text\",\n    placeholder,\n    autoFocus = false,\n    labels: labelsProp,\n    validationMessages,\n    disableClear = false,\n    disableRevealPassword = false,\n    disableSearchButton = false,\n    endAdornment,\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n    showValidationIcon = false,\n    suggestionListCallback,\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    inputProps = {},\n    ...others\n  } = props;\n  const { classes, cx } = useClasses(classesProp);\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const elementId = useUniqueId(id, \"hvinput\");\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const forkedRef = useForkRef(ref, inputRef, inputRefProp);\n  const suggestionsRef = useRef<HTMLElement>(null);\n\n  const [focused, setFocused] = useState(false);\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // Value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // Validation related state\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n      validationMessages?.typeMismatchError,\n    ]\n  );\n\n  const validationType = useMemo(() => computeValidationType(type), [type]);\n\n  // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationType,\n      validation\n    );\n\n    // This will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // This will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    validationType,\n    value,\n  ]);\n\n  // The error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationType,\n          minCharQuantity,\n          maxCharQuantity,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  // Input type related state\n  const [revealPassword, setRevealPassword] = useState(false);\n\n  const realType = useMemo(() => {\n    if (type === \"password\") {\n      return revealPassword ? \"text\" : \"password\";\n    }\n\n    if (type === \"search\") {\n      return \"search\";\n    }\n\n    return \"text\";\n  }, [revealPassword, type]);\n\n  // Suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  // Miscellaneous state\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    inputRef.current?.focus();\n  };\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = () => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  };\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = (val: string) => {\n    const suggestionsArray = suggestionListCallback?.(val);\n    if (suggestionsArray?.[0]?.label) {\n      setSuggestionValues(suggestionsArray);\n    } else {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    const newValue = item.value || item.label;\n\n    changeInputValue(inputRef.current, newValue);\n\n    focusInput();\n    suggestionClearHandler();\n\n    if (type === \"search\") {\n      // trigger the onEnter callback when the user selects an option in a search box\n      onEnter?.(event, newValue);\n    }\n  };\n\n  const onChangeHandler: HvBaseInputProps[\"onChange\"] = (event, newValue) => {\n    isDirty.current = true;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    if (canShowSuggestions) {\n      // an edge case might be a controlled input whose onChange callback\n      // doesn't change the value (or sets another): the suggestionListCallback\n      // callback will still receive the original rejected value.\n      // a refactor is needed so the suggestionListCallback might be called only\n      // when the input is uncontrolled, providing a way to externally control\n      // the suggestion values.\n      suggestionHandler(newValue);\n    }\n  };\n\n  /**\n   * Validates the input updating the state and modifying the info text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   */\n  const onInputBlurHandler: HvBaseInputProps[\"onBlur\"] = (event) => {\n    // If the blur is executed when choosing an suggestion it should be ignored.\n    if (eventTargetIsInsideContainer(suggestionsRef.current, event)) return;\n\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler: HvBaseInputProps[\"onFocus\"] = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const getSuggestions = (li: number | null) => {\n    // TODO Replace with ref\n    const listEl = document.getElementById(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\n    return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n  };\n\n  const onSuggestionKeyDown: HvSuggestionsProps[\"onKeyDown\"] = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, keyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /** Focus the suggestion list when the arrow down is pressed. */\n  const onKeyDownHandler: HvBaseInputProps[\"onKeyDown\"] = (event) => {\n    if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKeypress(event, keyboardCodes.Enter)) {\n      onEnter?.(event, value);\n    }\n\n    onKeyDown?.(event, value);\n  };\n\n  /** Clears the suggestion list on blur. */\n  const onContainerBlurHandler: HvFormElementProps[\"onBlur\"] = (event) => {\n    if (event.relatedTarget) {\n      setTimeout(() => {\n        const list = getSuggestions(null);\n        if (!list?.contains(document.activeElement)) suggestionClearHandler();\n      }, 10);\n    }\n  };\n\n  const hasOnEnter = onEnter != null;\n\n  // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n  // also, don't show it when the input type is \"search\" and the input is active (standBy)\n  const showClear =\n    !disabled &&\n    !readOnly &&\n    !disableClear &&\n    !isEmptyValue &&\n    (!hasOnEnter ||\n      type !== \"search\" ||\n      disableSearchButton ||\n      validationState !== validationStates.standBy);\n\n  const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n  const showRevealPasswordButton =\n    type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(() => {\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    changeInputValue(inputRef.current, \"\");\n\n    // we want to focus the input when clicked and not active\n    setTimeout(focusInput);\n  }, [setValidationState]);\n\n  const clearButton = useMemo(() => {\n    if (!showClear) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        // Don't control visibility when the search icon is enabled\n        className={cx(classes.adornmentButton, {\n          [classes.iconClear]: !showSearchIcon,\n        })}\n        onClick={handleClear}\n        aria-label={labels?.clearButtonLabel}\n        aria-controls={setId(elementId, \"input\")}\n        icon={<CloseXS />}\n      />\n    );\n  }, [\n    showClear,\n    classes.adornmentButton,\n    classes.iconClear,\n    showSearchIcon,\n    handleClear,\n    labels?.clearButtonLabel,\n    elementId,\n    cx,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback<NonNullable<HvAdornmentProps[\"onClick\"]>>(\n    (event) => {\n      onEnter?.(event, value);\n    },\n    [onEnter, value]\n  );\n\n  const searchButton = useMemo(() => {\n    // If the search icon is not actionable, only show it when the input is empty or active\n    const reallyShowIt =\n      showSearchIcon &&\n      (isEmptyValue ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        className={classes.adornmentButton}\n        onClick={hasOnEnter ? handleSearch : undefined}\n        aria-label={labels?.searchButtonLabel}\n        icon={<Search />}\n      />\n    );\n  }, [\n    showSearchIcon,\n    isEmptyValue,\n    hasOnEnter,\n    validationState,\n    classes.adornmentButton,\n    handleSearch,\n    labels?.searchButtonLabel,\n  ]);\n\n  /**\n   * Changes input type and refocus the input.\n   */\n  const handleRevealPassword = useCallback(() => {\n    setRevealPassword(!revealPassword);\n  }, [revealPassword]);\n\n  const revealPasswordButton = useMemo(() => {\n    if (!showRevealPasswordButton) {\n      return null;\n    }\n\n    return (\n      <HvTooltip\n        disableFocusListener\n        disableTouchListener\n        title={\n          <HvTypography>\n            {revealPassword\n              ? labels?.revealPasswordButtonClickToHideTooltip\n              : labels?.revealPasswordButtonClickToShowTooltip}\n          </HvTypography>\n        }\n      >\n        <HvAdornment\n          className={classes.adornmentButton}\n          onClick={handleRevealPassword}\n          aria-label={labels?.revealPasswordButtonLabel}\n          aria-controls={setId(elementId, \"input\")}\n          icon={revealPassword ? <PreviewOff /> : <Preview />}\n        />\n      </HvTooltip>\n    );\n  }, [\n    showRevealPasswordButton,\n    revealPassword,\n    labels?.revealPasswordButtonClickToHideTooltip,\n    labels?.revealPasswordButtonClickToShowTooltip,\n    labels?.revealPasswordButtonLabel,\n    classes.adornmentButton,\n    handleRevealPassword,\n    elementId,\n  ]);\n\n  const validationIcon = useMemo(() => {\n    if (!showValidationIcon) {\n      return null;\n    }\n\n    if (!isValid(validationState)) {\n      return null;\n    }\n\n    return <Success semantic=\"positive\" className={classes.icon} />;\n  }, [showValidationIcon, validationState, classes.icon]);\n\n  // useMemo to avoid repetitive cloning of the custom icon\n  const customIconEl = useMemo(\n    () =>\n      isValidElement(endAdornment) &&\n      React.cloneElement(endAdornment as React.ReactElement, {\n        className: cx(endAdornment.props.className, classes.icon),\n      }),\n    [classes.icon, endAdornment, cx]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\n      return null;\n\n    // note: specification implies that the custom icon should be hidden when\n    // a validation feedback icon is being shown.\n    return (\n      <div className={classes.adornmentsBox} aria-hidden=\"true\">\n        {clearButton}\n        {revealPasswordButton}\n        {searchButton}\n        {validationIcon || customIconEl}\n      </div>\n    );\n  }, [\n    classes.adornmentsBox,\n    clearButton,\n    customIconEl,\n    revealPasswordButton,\n    searchButton,\n    validationIcon,\n  ]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  const errorMessageId = isStateInvalid\n    ? canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage\n    : undefined;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={cx(className, classes.root, {\n        [classes.hasSuggestions]: hasSuggestions,\n      })}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={classes.label}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={classes.description}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseInput\n        id={\n          hasLabel || showClear || showRevealPasswordButton\n            ? setId(elementId, \"input\")\n            : setId(id, \"input\")\n        }\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDownHandler}\n        onBlur={onInputBlurHandler}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        type={realType}\n        classes={{\n          input: classes.input,\n          inputRoot: classes.inputRoot,\n          inputRootFocused: classes.inputRootFocused,\n          inputRootDisabled: classes.inputRootDisabled,\n          inputRootMultiline: classes.inputRootMultiline,\n          inputBorderContainer: classes.inputBorderContainer,\n        }}\n        invalid={isStateInvalid}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description\n              ? setId(elementId, \"description\")\n              : undefined,\n          \"aria-controls\": canShowSuggestions\n            ? setId(elementId, \"suggestions\")\n            : undefined,\n\n          ref: inputRef,\n\n          // prevent browsers auto-fill/suggestions when we have our own\n          autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={forkedRef}\n        endAdornment={adornments}\n        {...others}\n      />\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && (\n            <div role=\"presentation\" className={classes.inputExtension} />\n          )}\n          <HvSuggestions\n            ref={suggestionsRef}\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: classes.suggestionsContainer,\n              list: classes.suggestionList,\n            }}\n            expanded={hasSuggestions}\n            anchorEl={inputRef.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={classes.error}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n});\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","changeInputValue","input","value","Event","bubbles","setInputValue","Object","getOwnPropertyDescriptor","window","HTMLInputElement","prototype","set","call","dispatchEvent","HvInput","forwardRef","props","ref","classes","classesProp","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","cx","useClasses","useLabels","elementId","useUniqueId","useRef","forkedRef","useForkRef","suggestionsRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementById","setId","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","HvAdornment","adornmentButton","iconClear","onClick","icon","CloseXS","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","Success","semantic","customIconEl","isValidElement","React","cloneElement","adornments","adornmentsBox","useEffect","errorMessageId","HvFormElement","root","labelContainer","HvLabel","htmlFor","HvInfoMessage","HvBaseInput","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","autoComplete","_jsxs","_Fragment","role","inputExtension","HvSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwMA,MAAMA,iBAAiB;AAAA,EACrBC,kBAAkB;AAAA,EAClBC,2BAA2B;AAAA,EAC3BC,wCAAwC;AAAA,EACxCC,wCAAwC;AAAA,EACxCC,mBAAmB;AACrB;AAKA,MAAMC,oBAAqBC,CACzBC,UAAAA,UAAU,IAAI,IAAIC,SAASC,gBAAgBH,MAAMI;AAEnD,SAASC,6BAA6BC,WAAWN,OAAO;AACtD,SAAOM,aAAa,QAAQA,UAAUC,SAASR,kBAAkBC,KAAK,CAAC;AACzE;AAGA,MAAMQ,mBAAmBA,CAACC,OAAgCC,QAAQ,OAAO;;AACjEV,QAAAA,QAAQ,IAAIW,MAAM,SAAS;AAAA,IAAEC,SAAS;AAAA,EAAA,CAAM;AAGlD,QAAMC,iBAAgBC,YAAOC,yBAC3BC,OAAOC,iBAAiBC,WACxB,OACF,MAHsBJ,mBAGnBK;AAEYC,iDAAAA,KAAKX,OAAOC;AAC3BD,iCAAOY,cAAcrB;AACvB;AAKO,MAAMsB,UAAUC,WAAuC,CAACC,OAAOC,QAAQ;;AACtE,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACApB,OAAOqB;AAAAA,IACPC,eAAe;AAAA,IACfC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnBC;AAAAA,IACA,oBAAoBC;AAAAA,IACpBC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,qBAAqBC;AAAAA,IACrBC,OAAO;AAAA,IACPC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQC;AAAAA,IACRC;AAAAA,IACAC,eAAe;AAAA,IACfC,wBAAwB;AAAA,IACxBC,sBAAsB;AAAA,IACtBC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,qBAAqB;AAAA,IACrBC;AAAAA,IACAC,UAAUC;AAAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa,CAAC;AAAA,IACd,GAAGC;AAAAA,EACD3C,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,IAAS0C;AAAAA,EAAAA,IAAOC,WAAW1C,WAAW;AACxCsB,QAAAA,SAASqB,UAAU7E,gBAAgByD,UAAU;AAC7CqB,QAAAA,YAAYC,YAAY3C,IAAI,SAAS;AAErCgC,QAAAA,WAAWY,OAAyB,IAAI;AAC9C,QAAMC,YAAYC,WAAWlD,KAAKoC,UAAUC,YAAY;AAClDc,QAAAA,iBAAiBH,OAAoB,IAAI;AAE/C,QAAM,CAACI,SAASC,UAAU,IAAIC,SAAS,KAAK;AAGtCC,QAAAA,UAAUP,OAAO,KAAK;AAG5B,QAAM,CAAC/D,OAAOuE,QAAQ,IAAIC,cAAcnD,WAAWC,YAAY;AAEzDmD,QAAAA,eAAezE,SAAS,QAAQA,UAAU;AAGhD,QAAM,CAAC0E,mBAAiBC,kBAAkB,IAAIH,cAC5CvC,QACA2C,gBAAiBC,OACnB;AAEA,QAAM,CAACC,mBAAmBC,oBAAoB,IAAIP,cAChDtC,eACA,EACF;AAIA,QAAM8C,gBAAgBC;AAAAA,IACpB,OAAO;AAAA,MAAE,GAAGC;AAAAA,MAAwB,GAAGzC;AAAAA,IAAAA;AAAAA;AAAAA,IAEvC,CACEA,yDAAoB0C,OACpB1C,yDAAoB2C,eACpB3C,yDAAoB4C,cACpB5C,yDAAoB6C,cACpB7C,yDAAoB8C,iBAAiB;AAAA,EAAA;AAInCC,QAAAA,iBAAiBP,QAAQ,MAAMQ,sBAAsBrD,IAAI,GAAG,CAACA,IAAI,CAAC;AAIlEsD,QAAAA,oBAAoBC,YAAY,MAAM;AACpCC,UAAAA,gBAAgBC,cACpB1C,SAAS2C,SACT9F,OACAuB,UACAwB,iBACAD,iBACA0C,gBACAxC,UACF;AAGmB+C,uBAAAA,uBAAuBH,eAAenB,YAAY,CAAC;AAIpEuB,yBAAAA,yBAAyBJ,eAAeZ,aAAa,CACvD;AAEOY,WAAAA;AAAAA,EACN,GAAA,CACDZ,eACAP,cACA3B,iBACAC,iBACAxB,UACAwD,sBACAJ,oBACA3B,YACAwC,gBACAxF,KAAK,CACN;AAMD,QAAMiG,eACJ9D,oBAAoB,SAClBF,WAAWiE,UAAahE,kBAAkBgE,UACzCjE,WAAWiE,UACVC,sBACE5E,UACAiE,gBACAzC,iBACAD,iBACAE,YACAQ,UACF;AAEA4C,QAAAA,iBAAiBC,UAAU3B,iBAAe;AAGhD,QAAM,CAAC4B,gBAAgBC,iBAAiB,IAAIlC,SAAS,KAAK;AAEpDmC,QAAAA,WAAWvB,QAAQ,MAAM;AAC7B,QAAI7C,SAAS,YAAY;AACvB,aAAOkE,iBAAiB,SAAS;AAAA,IACnC;AAEA,QAAIlE,SAAS,UAAU;AACd,aAAA;AAAA,IACT;AAEO,WAAA;AAAA,EAAA,GACN,CAACkE,gBAAgBlE,IAAI,CAAC;AAGzB,QAAM,CAACqE,kBAAkBC,mBAAmB,IAAIrC,SAE9C,IAAI;AAEN,QAAMsC,qBAAqBzD,0BAA0B;AAC/C0D,QAAAA,iBAAiB,CAAC,CAACH;AAGzB,QAAMI,WAAWnF,SAAS;AAC1B,QAAMoF,iBAAiBjF,eAAe;AAKtC,QAAMkF,aAAaA,MAAM;;AACvB5D,KAAAA,MAAAA,SAAS2C,YAAT3C,gBAAAA,IAAkB6D;AAAAA,EAAM;AAG1B,QAAMC,YAAYC;AAKlB,QAAMC,yBAAyBA,MAAM;AACnC,QAAIF,UAAUnB,SAAS;AACrBY,0BAAoB,IAAI;AAAA,IAC1B;AAAA,EAAA;AAMIU,QAAAA,oBAAoBA,CAACC,QAAgB;;AACnCC,UAAAA,mBAAmBpE,iEAAyBmE;AAC9CC,SAAAA,MAAAA,qDAAmB,OAAnBA,gBAAAA,IAAuB5F,OAAO;AAChCgF,0BAAoBY,gBAAgB;AAAA,IAAA,OAC/B;AACkB;IACzB;AAAA,EAAA;AAMIC,QAAAA,4BAA4BA,CAACjI,OAAOkI,SAAS;AAC3CC,UAAAA,WAAWD,KAAKxH,SAASwH,KAAK9F;AAEnByB,qBAAAA,SAAS2C,SAAS2B,QAAQ;AAEhC;AACY;AAEvB,QAAIrF,SAAS,UAAU;AAErBJ,yCAAU1C,OAAOmI;AAAAA,IACnB;AAAA,EAAA;AAGIC,QAAAA,kBAAgDA,CAACpI,OAAOmI,aAAa;AACzEnD,YAAQwB,UAAU;AAGlBvB,aAASkD,QAAQ;AAEjB1F,yCAAWzC,OAAOmI;AAElB,QAAId,oBAAoB;AAOtBS,wBAAkBK,QAAQ;AAAA,IAC5B;AAAA,EAAA;AAOF,QAAME,qBAAkDrI,CAAU,UAAA;AAE5DK,QAAAA,6BAA6BuE,eAAe4B,SAASxG,KAAK;AAAG;AAEjE8E,eAAW,KAAK;AAEhB,UAAMwB,gBAAgBF;AAEbpG,qCAAAA,OAAOU,OAAO4F;AAAAA,EAAa;AAOtC,QAAMgC,iBAA+CtI,CAAU,UAAA;AAC7D8E,eAAW,IAAI;AAGfO,uBAAmBC,gBAAiBC,OAAO;AAE3CvB,uCAAUhE,OAAOU;AAAAA,EAAK;AAGlB6H,QAAAA,iBAAiBA,CAACC,OAAsB;;AAE5C,UAAMC,SAASvI,SAASwI,eACtBC,MAAMpE,WAAW,kBAAkB,KAAK,EAC1C;AACA,WAAOiE,MAAM,QAAOC,MAAAA,iCAAQG,qBAAqB,UAA7BH,gBAAAA,IAAqCD,MAAMC;AAAAA,EAAAA;AAGjE,QAAMI,sBAAwD7I,CAAU,UAAA;AACtE,QAAI8I,WAAW9I,OAAO+I,cAAcC,GAAG,GAAG;AACjB;AACZ;IACFF,WAAAA,WAAW9I,OAAO+I,cAAcE,GAAG,GAAG;AACxB;IACzB;AAAA,EAAA;AAIF,QAAMC,mBAAmDlJ,CAAU,UAAA;AACjE,QAAI8I,WAAW9I,OAAO+I,cAAcI,SAAS,KAAK7B,gBAAgB;AAC1DkB,YAAAA,KAAKD,eAAe,CAAC;AAC3BC,+BAAId;AAAAA,IACKoB,WAAAA,WAAW9I,OAAO+I,cAAcK,KAAK,GAAG;AACjD1G,yCAAU1C,OAAOU;AAAAA,IACnB;AAEAuD,2CAAYjE,OAAOU;AAAAA,EAAK;AAI1B,QAAM2I,yBAAwDrJ,CAAU,UAAA;AACtE,QAAIA,MAAMI,eAAe;AACvBkJ,iBAAW,MAAM;AACTC,cAAAA,OAAOhB,eAAe,IAAI;AAChC,YAAI,EAACgB,6BAAMhJ,SAASL,SAASC;AAAuC;SACnE,EAAE;AAAA,IACP;AAAA,EAAA;AAGF,QAAMqJ,aAAa9G,WAAW;AAI9B,QAAM+G,YACJ,CAACtH,YACD,CAACD,YACD,CAACkB,gBACD,CAAC+B,iBACA,CAACqE,cACA1G,SAAS,YACTQ,uBACA8B,sBAAoBE,gBAAiBC;AAEnCmE,QAAAA,iBAAiB5G,SAAS,YAAY,CAACQ;AAEvCqG,QAAAA,2BACJ7G,SAAS,cAAc,CAACO;AAKpBuG,QAAAA,cAAcvD,YAAY,MAAM;AAEpChB,uBAAmBC,gBAAiBC,OAAO;AAE1B1B,qBAAAA,SAAS2C,SAAS,EAAE;AAGrC8C,eAAW7B,UAAU;AAAA,EAAA,GACpB,CAACpC,kBAAkB,CAAC;AAEjBwE,QAAAA,cAAclE,QAAQ,MAAM;AAChC,QAAI,CAAC8D,WAAW;AACP,aAAA;AAAA,IACT;AAGEK,WAAAA;AAAAA,MAACC;AAAAA,MACC;AAAA,QACAnI,WAAWwC,GAAG1C,QAAQsI,iBAAiB;AAAA,UACrC,CAACtI,QAAQuI,SAAS,GAAG,CAACP;AAAAA,QAAAA,CACvB;AAAA,QACDQ,SAASN;AAAAA,QACT,cAAY3G,iCAAQvD;AAAAA,QACpB,iBAAeiJ,MAAMpE,WAAW,OAAO;AAAA,QACvC4F,MAAML,oBAACM,SAAS,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,EAGrB,GAAA,CACDX,WACA/H,QAAQsI,iBACRtI,QAAQuI,WACRP,gBACAE,aACA3G,iCAAQvD,kBACR6E,WACAH,EAAE,CACH;AAKKiG,QAAAA,eAAehE,YAClBrG,CAAU,UAAA;AACT0C,uCAAU1C,OAAOU;AAAAA,EAAK,GAExB,CAACgC,SAAShC,KAAK,CACjB;AAEM4J,QAAAA,eAAe3E,QAAQ,MAAM;AAEjC,UAAM4E,eACJb,mBACCvE,gBACEqE,cAAcpE,sBAAoBE,gBAAiBC;AAExD,QAAI,CAACgF,cAAc;AACV,aAAA;AAAA,IACT;AAEA,+BACGR,aAAW;AAAA,MACVnI,WAAWF,QAAQsI;AAAAA,MACnBE,SAASV,aAAaa,eAAezD;AAAAA,MACrC,cAAY3D,iCAAQnD;AAAAA,MACpBqK,MAAML,oBAACU,QAAQ,EAAA;AAAA,IAAA,CAChB;AAAA,EAEL,GAAG,CACDd,gBACAvE,cACAqE,YACApE,mBACA1D,QAAQsI,iBACRK,cACApH,iCAAQnD,iBAAiB,CAC1B;AAKK2K,QAAAA,uBAAuBpE,YAAY,MAAM;AAC7CY,sBAAkB,CAACD,cAAc;AAAA,EAAA,GAChC,CAACA,cAAc,CAAC;AAEb0D,QAAAA,uBAAuB/E,QAAQ,MAAM;AACzC,QAAI,CAACgE,0BAA0B;AACtB,aAAA;AAAA,IACT;AAEA,+BACGgB,WAAS;AAAA,MACRC,sBAAoB;AAAA,MACpBC,sBAAoB;AAAA,MACpBC,2BACGC,cAAY;AAAA,QAAAC,UACVhE,iBACG/D,iCAAQpD,yCACRoD,iCAAQrD;AAAAA,MAAAA,CACA;AAAA,MACfoL,8BAEAjB,aAAW;AAAA,QACVnI,WAAWF,QAAQsI;AAAAA,QACnBE,SAASO;AAAAA,QACT,cAAYxH,iCAAQtD;AAAAA,QACpB,iBAAegJ,MAAMpE,WAAW,OAAO;AAAA,QACvC4F,MAAMnD,iBAAiB8C,oBAACmB,YAAY,CAAA,CAAA,IAAInB,oBAACoB,SAAS,EAAA;AAAA,MAAA,CACnD;AAAA,IAAA,CACQ;AAAA,EAEZ,GAAA,CACDvB,0BACA3C,gBACA/D,iCAAQpD,wCACRoD,iCAAQrD,wCACRqD,iCAAQtD,2BACR+B,QAAQsI,iBACRS,sBACAlG,SAAS,CACV;AAEK4G,QAAAA,iBAAiBxF,QAAQ,MAAM;AACnC,QAAI,CAAChC,oBAAoB;AAChB,aAAA;AAAA,IACT;AAEI,QAAA,CAACyH,QAAQhG,iBAAe,GAAG;AACtB,aAAA;AAAA,IACT;AAEA,+BAAQiG,SAAO;AAAA,MAACC,UAAS;AAAA,MAAW1J,WAAWF,QAAQyI;AAAAA,IAAAA,CAAO;AAAA,KAC7D,CAACxG,oBAAoByB,mBAAiB1D,QAAQyI,IAAI,CAAC;AAGhDoB,QAAAA,eAAe5F,QACnB,MACE6F,eAAejI,YAAY,KAC3BkI,eAAMC,aAAanI,cAAoC;AAAA,IACrD3B,WAAWwC,GAAGb,aAAa/B,MAAMI,WAAWF,QAAQyI,IAAI;AAAA,EAAA,CACzD,GACH,CAACzI,QAAQyI,MAAM5G,cAAca,EAAE,CACjC;AAEMuH,QAAAA,aAAahG,QAAQ,MAAM;AAE7B,QAAA,CAACkE,eACD,CAACa,wBACD,CAACJ,gBACD,CAACa,kBACD,CAACI;AAEM,aAAA;AAIT,gCACE,OAAA;AAAA,MAAK3J,WAAWF,QAAQkK;AAAAA,MAAe,eAAY;AAAA,MAAMZ,UAAA,CACtDnB,aACAa,sBACAJ,cACAa,kBAAkBI,YAAY;AAAA,IAAA,CAC5B;AAAA,EAAA,GAEN,CACD7J,QAAQkK,eACR/B,aACA0B,cACAb,sBACAJ,cACAa,cAAc,CACf;AAIDU,YAAU,MAAM;AACd,QAAIhH,WAAY,CAACG,QAAQwB,WAAWrB,cAAe;AAGjD;AAAA,IACF;AAEkB;EACjB,GAAA,CAACN,SAASM,cAAciB,iBAAiB,CAAC;AAE7C,QAAM0F,iBAAiBhF,iBACnBH,eACEgC,MAAMpE,WAAW,OAAO,IACxB1B,mBACF+D;AAEJ,8BACGmF,eAAa;AAAA,IACZlK;AAAAA,IACAC;AAAAA,IACAa,QAAQyC;AAAAA,IACRjD;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACAN,WAAWwC,GAAGxC,WAAWF,QAAQsK,MAAM;AAAA,MACrC,CAACtK,QAAQ4F,cAAc,GAAGA;AAAAA,IAAAA,CAC3B;AAAA,IACDvD,QAAQsF;AAAAA,IAAuB2B,YAE7BzD,YAAYC,wCACZ,OAAA;AAAA,MAAK5F,WAAWF,QAAQuK;AAAAA,MAAejB,UACpCzD,CAAAA,YACCuC,oBAACoC,SAAO;AAAA,QACNrK,IAAI8G,MAAMpE,WAAW,OAAO;AAAA,QAC5B3C,WAAWF,QAAQU;AAAAA,QACnB+J,SAASxD,MAAMpE,WAAW,OAAO;AAAA,QACjCnC;AAAAA,MAAAA,CACD,GAGFoF,kBACCsC,oBAACsC,eAAa;AAAA,QACZvK,IAAI8G,MAAMpE,WAAW,aAAa;AAAA,QAClC3C,WAAWF,QAAQa;AAAAA,QAAYyI,UAE9BzI;AAAAA,MAAAA,CACY,CAChB;AAAA,IAAA,CACE,GAEPuH,oBAACuC,aAAW;AAAA,MACVxK,IACE0F,YAAYkC,aAAaE,2BACrBhB,MAAMpE,WAAW,OAAO,IACxBoE,MAAM9G,IAAI,OAAO;AAAA,MAEvBC;AAAAA,MACApB;AAAAA,MACAuB;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAM,UAAU2F;AAAAA,MACVpF;AAAAA,MACAiB,WAAWiF;AAAAA,MACXnF,QAAQsE;AAAAA,MACRrE,SAASsE;AAAAA,MACTvF;AAAAA,MACAD,MAAMoE;AAAAA,MACNxF,SAAS;AAAA,QACPjB,OAAOiB,QAAQjB;AAAAA,QACf6L,WAAW5K,QAAQ4K;AAAAA,QACnBC,kBAAkB7K,QAAQ6K;AAAAA,QAC1BC,mBAAmB9K,QAAQ8K;AAAAA,QAC3BC,oBAAoB/K,QAAQ+K;AAAAA,QAC5BC,sBAAsBhL,QAAQgL;AAAAA,MAChC;AAAA,MACAC,SAAS7F;AAAAA,MACT5C,YAAY;AAAA,QACV,cAAc7B;AAAAA,QACd,mBAAmBC;AAAAA,QACnB,gBAAgBwE,iBAAiB,OAAOF;AAAAA,QACxC,qBAAqBkF;AAAAA,QACrB,oBACEtJ,mBAAmB,OACfA,kBACAD,cACAoG,MAAMpE,WAAW,aAAa,IAC9BqC;AAAAA,QACN,iBAAiBS,qBACbsB,MAAMpE,WAAW,aAAa,IAC9BqC;AAAAA,QAEJnF,KAAKoC;AAAAA;AAAAA,QAGL+I,cAAcvF,qBAAqB,QAAQT;AAAAA,QAE3C,GAAG1C;AAAAA,MACL;AAAA,MACAL,UAAUa;AAAAA,MACVnB,cAAcoI;AAAAA,MAAW,GACrBxH;AAAAA,IAAAA,CACL,GACAkD,sBACCwF,qBAAAC,UAAA;AAAA,MAAA9B,UAAA,CACG1D,kBACCwC,oBAAA,OAAA;AAAA,QAAKiD,MAAK;AAAA,QAAenL,WAAWF,QAAQsL;AAAAA,MAAAA,CAAiB,GAE/DlD,oBAACmD,eAAa;AAAA,QACZxL,KAAKmD;AAAAA,QACL/C,IAAI8G,MAAMpE,WAAW,aAAa;AAAA,QAClC7C,SAAS;AAAA,UACPsK,MAAMtK,QAAQwL;AAAAA,UACd3D,MAAM7H,QAAQyL;AAAAA,QAChB;AAAA,QACAC,UAAU9F;AAAAA,QACV+F,WAAUxJ,cAAS2C,YAAT3C,mBAAkByJ;AAAAA,QAC5BC,SAAS1F;AAAAA,QACT5D,WAAW4E;AAAAA,QACX2E,sBAAsBvF;AAAAA,QACtBd;AAAAA,MAAAA,CACD,CAAC;AAAA,IAAA,CACF,GAEHR,gBACCmD,oBAAC2D,eAAa;AAAA,MACZ5L,IAAI8G,MAAMpE,WAAW,OAAO;AAAA,MAC5BmJ,eAAa;AAAA,MACb9L,WAAWF,QAAQmE;AAAAA,MAAMmF,UAExBxF;AAAAA,IAAAA,CACY,CAChB;AAAA,EAAA,CACY;AAEnB,CAAC;"}

package/dist/esm/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"@core/components\";\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\nimport HvSelect, { Option } from \"./Select\";\nimport { staticClasses, useClasses } from \"./Pagination.styles\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\n\nexport { staticClasses as paginationClasses };\n\nexport type HvPaginationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPaginationLabels {\n  /** The show label. */\n  pageSizePrev?: string;\n  /** Indicate the units of the page size selection. */\n  pageSizeEntryName?: string;\n  /** Used for the aria-label of the selection of number of unit.s */\n  pageSizeSelectorDescription?: string;\n  /** Separator of current page and total pages. */\n  pagesSeparator?: string;\n  /** Title of button `firstPage`. */\n  paginationFirstPageTitle?: string;\n  /** Title of button `previousPage`. */\n  paginationPreviousPageTitle?: string;\n  /** Title of button `nextPage`. */\n  paginationNextPageTitle?: string;\n  /** Title of button `lastPage`. */\n  paginationLastPageTitle?: string;\n  /** Aria-label passed to the page input. */\n  paginationInputLabel?: string;\n  /** Aria-label of the first page button */\n  firstPage?: string;\n  /** Aria-label of the previous page button */\n  previousPage?: string;\n  /** Aria-label of the next page button */\n  nextPage?: string;\n  /** Aria-label of the last page button */\n  lastPage?: string;\n}\n\nexport interface HvPaginationProps extends HvBaseProps {\n  /** The number of pages the component has. */\n  pages?: number;\n  /** The currently selected page (0-indexed). */\n  page?: number;\n  /** Controls whether the left page size mechanism should be visible. */\n  showPageSizeOptions?: boolean;\n  /** The array of possible page sizes for the dropdown. */\n  pageSizeOptions?: number[];\n  /** The currently selected page size. */\n  pageSize?: number;\n  /** Controls whether the central page changing mechanism should be visible. */\n  showPageJump?: boolean;\n  /** Controls whether the previous/first page buttons are enabled. */\n  canPrevious?: boolean;\n  /** Controls whether the next/last page buttons are enabled. */\n  canNext?: boolean;\n  /** Function called when the page changes. */\n  onPageChange?: (page: number) => void;\n  /** Function called when the page size changes. */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** An object containing all the labels for the component. */\n  labels?: HvPaginationLabels;\n  /** Other props to show page component. */\n  showPageProps?: HTMLAttributes<HTMLDivElement>;\n  /** Other props to pagination component. */\n  navigationProps?: HTMLAttributes<HTMLDivElement>;\n  /** Extra properties passed to the input component representing the current pages. */\n  currentPageInputProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvPaginationClasses>;\n}\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\nconst defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n  classes: classesProp = {},\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = defaultPageSizeOptions,\n  pageSize = defaultPageSizeOptions[1],\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}: HvPaginationProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n  const { classes, cx } = useClasses(classesProp);\n\n  const changePage = useCallback(\n    (newPage: number) => {\n      const safePage: number = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externally or when internally committed - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controlling of the `page` property.\n    // fixing it some other way would potentially introduce a breaking change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <div className={classes.pageJump}>\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels?.paginationInputLabel,\n          // We really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: classes?.pageSizeInputContainer,\n          input: classes?.pageSizeInput,\n          inputRoot: classes?.pageSizeInputRoot,\n        }}\n        onChange={(event, value) => handleInputChange(event, Number(value))}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(Number(value) - 1)}\n        onKeyDown={(evt, value) =>\n          isKeypress(evt, Enter) && changePage(Number(value) - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes?.pageSizeTextContainer}\n              >\n                {labels?.pageSizePrev}\n              </HvTypography>\n            </Hidden>\n            <HvSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(_: any, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </HvSelect>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes.pageSizeTextContainer}\n              >\n                {labels?.pageSizeEntryName}\n              </HvTypography>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography component=\"span\" id={setId(id, \"totalPages\")}>\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","defaultPageSizeOptions","HvPagination","classes","classesProp","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","cx","useClasses","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","_jsxs","_Fragment","Hidden","xsDown","HvTypography","component","pageSizeTextContainer","HvSelect","pageSizeOptionsSelect","_","val","map","option","Option","pageNavigator","ButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","pageInfo","Forwards","End"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"@core/components\";\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\nimport HvSelect, { Option } from \"./Select\";\nimport { staticClasses, useClasses } from \"./Pagination.styles\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\n\nexport { staticClasses as paginationClasses };\n\nexport type HvPaginationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPaginationLabels {\n  /** The show label. */\n  pageSizePrev?: string;\n  /** Indicate the units of the page size selection. */\n  pageSizeEntryName?: string;\n  /** Used for the aria-label of the selection of number of unit.s */\n  pageSizeSelectorDescription?: string;\n  /** Separator of current page and total pages. */\n  pagesSeparator?: string;\n  /** Title of button `firstPage`. */\n  paginationFirstPageTitle?: string;\n  /** Title of button `previousPage`. */\n  paginationPreviousPageTitle?: string;\n  /** Title of button `nextPage`. */\n  paginationNextPageTitle?: string;\n  /** Title of button `lastPage`. */\n  paginationLastPageTitle?: string;\n  /** Aria-label passed to the page input. */\n  paginationInputLabel?: string;\n  /** Aria-label of the first page button */\n  firstPage?: string;\n  /** Aria-label of the previous page button */\n  previousPage?: string;\n  /** Aria-label of the next page button */\n  nextPage?: string;\n  /** Aria-label of the last page button */\n  lastPage?: string;\n}\n\nexport interface HvPaginationProps extends HvBaseProps {\n  /** The number of pages the component has. */\n  pages?: number;\n  /** The currently selected page (0-indexed). */\n  page?: number;\n  /** Controls whether the left page size mechanism should be visible. */\n  showPageSizeOptions?: boolean;\n  /** The array of possible page sizes for the dropdown. */\n  pageSizeOptions?: number[];\n  /** The currently selected page size. */\n  pageSize?: number;\n  /** Controls whether the central page changing mechanism should be visible. */\n  showPageJump?: boolean;\n  /** Controls whether the previous/first page buttons are enabled. */\n  canPrevious?: boolean;\n  /** Controls whether the next/last page buttons are enabled. */\n  canNext?: boolean;\n  /** Function called when the page changes. */\n  onPageChange?: (page: number) => void;\n  /** Function called when the page size changes. */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** An object containing all the labels for the component. */\n  labels?: HvPaginationLabels;\n  /** Other props to show page component. */\n  showPageProps?: HTMLAttributes<HTMLDivElement>;\n  /** Other props to pagination component. */\n  navigationProps?: HTMLAttributes<HTMLDivElement>;\n  /** Extra properties passed to the input component representing the current pages. */\n  currentPageInputProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvPaginationClasses;\n}\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\nconst defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n  classes: classesProp = {},\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = defaultPageSizeOptions,\n  pageSize = defaultPageSizeOptions[1],\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}: HvPaginationProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n  const { classes, cx } = useClasses(classesProp);\n\n  const changePage = useCallback(\n    (newPage: number) => {\n      const safePage: number = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externally or when internally committed - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controlling of the `page` property.\n    // fixing it some other way would potentially introduce a breaking change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <div className={classes.pageJump}>\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels?.paginationInputLabel,\n          // We really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: classes?.pageSizeInputContainer,\n          input: classes?.pageSizeInput,\n          inputRoot: classes?.pageSizeInputRoot,\n        }}\n        onChange={(event, value) => handleInputChange(event, Number(value))}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(Number(value) - 1)}\n        onKeyDown={(evt, value) =>\n          isKeypress(evt, Enter) && changePage(Number(value) - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes?.pageSizeTextContainer}\n              >\n                {labels?.pageSizePrev}\n              </HvTypography>\n            </Hidden>\n            <HvSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(_: any, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </HvSelect>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes.pageSizeTextContainer}\n              >\n                {labels?.pageSizeEntryName}\n              </HvTypography>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography component=\"span\" id={setId(id, \"totalPages\")}>\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","defaultPageSizeOptions","HvPagination","classes","classesProp","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","cx","useClasses","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","_jsxs","_Fragment","Hidden","xsDown","HvTypography","component","pageSizeTextContainer","HvSelect","pageSizeOptionsSelect","_","val","map","option","Option","pageNavigator","ButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","pageInfo","Forwards","End"],"mappings":"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"}

package/dist/esm/components/QueryBuilder/QueryBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilder.js","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\n\nimport {\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ExtractNames } from \"@core/utils\";\n\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport { QueryBuilderContext } from \"./Context\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n  AskAction,\n  Attribute,\n  Query,\n  QueryBuilderLabels,\n  QueryCombinator,\n  QueryOperator,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup } from \"./utils\";\nimport reducer from \"./utils/reducer\";\nimport { useClasses, staticClasses } from \"./QueryBuilder.styles\";\n\nexport { staticClasses as queryBuilderClasses };\n\nexport type HvQueryBuilderClasses = Partial<ExtractNames<typeof useClasses>>;\n\nexport interface HvQueryBuilderProps {\n  attributes?: Record<string, Attribute>;\n  /**\n   * The query rules operators by attribute type and combinator.\n   */\n  operators?: Record<string, QueryOperator[]>;\n  /**\n   * The query combinators operands.\n   */\n  combinators?: QueryCombinator[];\n  /**\n   * The initial query representation.\n   */\n  query?: Query;\n  /**\n   * Callback fired when query changes.\n   * @param {Query} value - the query representation.\n   */\n  onChange?: (value: Query) => void;\n  /**\n   * Max depth of nested query groups.\n   */\n  maxDepth?: number;\n  /**\n   * An object containing all the labels.\n   */\n  labels?: QueryBuilderLabels;\n  /**\n   * A flag indicating if the Query Builder is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes?: HvQueryBuilderClasses;\n}\n\n/**\n * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.\n * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.\n */\nexport const HvQueryBuilder = ({\n  attributes,\n  query,\n  onChange,\n  operators,\n  combinators,\n  maxDepth = 1,\n  labels,\n  readOnly = false,\n  classes,\n}: HvQueryBuilderProps) => {\n  const [pendingAction, askAction] = useState<AskAction>();\n  const currentAttributes = useRef<\n    Record<string, Attribute> | undefined | null\n  >(null);\n  const [state, dispatchAction] = useReducer(\n    reducer,\n    query,\n    (initialState) => initialState || emptyGroup()\n  );\n\n  const initialState = query === state;\n  const [prevState, setPrevState] = useState();\n\n  const defaultContext = useContext(QueryBuilderContext);\n\n  const context = useMemo(\n    () => ({\n      dispatchAction,\n      askAction,\n      attributes,\n      /* eslint-disable react/destructuring-assignment */\n      operators: operators ?? defaultContext.operators,\n      combinators: combinators ?? defaultContext.combinators,\n      maxDepth: maxDepth ?? defaultContext.maxDepth,\n      labels: labels ?? defaultContext.labels,\n      initialTouched: initialState,\n      readOnly,\n    }),\n    [\n      attributes,\n      operators,\n      defaultContext.operators,\n      defaultContext.combinators,\n      defaultContext.maxDepth,\n      defaultContext.labels,\n      combinators,\n      maxDepth,\n      labels,\n      readOnly,\n      initialState,\n    ]\n  );\n\n  useEffect(() => {\n    if (currentAttributes.current == null) {\n      // first run, nothing to do\n      currentAttributes.current = attributes;\n    } else if (currentAttributes.current !== attributes) {\n      // attributes changed, the existing query is almost certain invalid, so reset it\n      currentAttributes.current = attributes;\n      dispatchAction({ type: \"reset-query\" });\n    }\n  }, [attributes]);\n\n  // Propagate the change if the query is modified.\n  useEffect(() => {\n    if (!initialState && !isEqual(state, prevState)) {\n      onChange?.(clearNodeIds(state));\n      setPrevState(cloneDeep(state));\n    }\n  }, [state, prevState, initialState, onChange]);\n\n  const onConfirmHandler = () => {\n    if (pendingAction) {\n      askAction(undefined);\n      pendingAction.actions.forEach((action) => dispatchAction(action));\n    }\n  };\n\n  const onCancelHandler = () => {\n    askAction(undefined);\n  };\n\n  return (\n    <QueryBuilderContext.Provider value={context}>\n      <RuleGroup\n        level={0}\n        id={state.id}\n        combinator={state.combinator}\n        rules={state.rules}\n        classes={classes}\n      />\n      <ConfirmationDialog\n        isOpen={pendingAction != null}\n        onConfirm={onConfirmHandler}\n        onCancel={onCancelHandler}\n        title={pendingAction?.dialog.dialogTitle || \"\"}\n        message={pendingAction?.dialog.dialogMessage || \"\"}\n        confirmButtonLabel={pendingAction?.dialog.dialogConfirm || \"\"}\n        cancelButtonLabel={pendingAction?.dialog.dialogCancel || \"\"}\n        closeButtonTooltip={pendingAction?.dialog.dialogCloseTooltip || \"\"}\n      />\n    </QueryBuilderContext.Provider>\n  );\n};\n"],"names":["HvQueryBuilder","attributes","query","onChange","operators","combinators","maxDepth","labels","readOnly","classes","pendingAction","askAction","useState","currentAttributes","useRef","state","dispatchAction","useReducer","reducer","initialState","emptyGroup","prevState","setPrevState","defaultContext","useContext","QueryBuilderContext","context","useMemo","initialTouched","useEffect","current","type","isEqual","clearNodeIds","cloneDeep","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","_jsxs","Provider","value","children","_jsx","RuleGroup","level","id","combinator","rules","ConfirmationDialog","isOpen","onConfirm","onCancel","title","dialog","dialogTitle","message","dialogMessage","confirmButtonLabel","dialogConfirm","cancelButtonLabel","dialogCancel","closeButtonTooltip","dialogCloseTooltip"],"mappings":";;;;;;;;;AA2EO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,WAAW;AAAA,EACXC;AACmB,MAAM;AACzB,QAAM,CAACC,eAAeC,SAAS,IAAIC,SAAoB;AACjDC,QAAAA,oBAAoBC,OAExB,IAAI;AACA,QAAA,CAACC,OAAOC,cAAc,IAAIC,WAC9BC,SACAhB,OACCiB,CAAAA,kBAAiBA,iBAAgBC,WACpC,CAAA;AAEA,QAAMD,eAAejB,UAAUa;AAC/B,QAAM,CAACM,WAAWC,YAAY,IAAIV,SAAS;AAErCW,QAAAA,iBAAiBC,WAAWC,mBAAmB;AAE/CC,QAAAA,UAAUC,QACd,OAAO;AAAA,IACLX;AAAAA,IACAL;AAAAA,IACAV;AAAAA;AAAAA,IAEAG,WAAWA,aAAamB,eAAenB;AAAAA,IACvCC,aAAaA,eAAekB,eAAelB;AAAAA,IAC3CC,UAAUA,YAAYiB,eAAejB;AAAAA,IACrCC,QAAQA,UAAUgB,eAAehB;AAAAA,IACjCqB,gBAAgBT;AAAAA,IAChBX;AAAAA,EAAAA,IAEF,CACEP,YACAG,WACAmB,eAAenB,WACfmB,eAAelB,aACfkB,eAAejB,UACfiB,eAAehB,QACfF,aACAC,UACAC,QACAC,UACAW,YAAY,CAEhB;AAEAU,YAAU,MAAM;AACVhB,QAAAA,kBAAkBiB,WAAW,MAAM;AAErCjB,wBAAkBiB,UAAU7B;AAAAA,IAAAA,WACnBY,kBAAkBiB,YAAY7B,YAAY;AAEnDY,wBAAkBiB,UAAU7B;AACb,qBAAA;AAAA,QAAE8B,MAAM;AAAA,MAAA,CAAe;AAAA,IACxC;AAAA,EAAA,GACC,CAAC9B,UAAU,CAAC;AAGf4B,YAAU,MAAM;AACd,QAAI,CAACV,gBAAgB,CAACa,QAAQjB,OAAOM,SAAS,GAAG;AACpCY,2CAAAA,aAAalB,KAAK;AAChBmB,mBAAAA,UAAUnB,KAAK,CAAC;AAAA,IAC/B;AAAA,KACC,CAACA,OAAOM,WAAWF,cAAchB,QAAQ,CAAC;AAE7C,QAAMgC,mBAAmBA,MAAM;AAC7B,QAAIzB,eAAe;AACjBC,gBAAUyB,MAAS;AACnB1B,oBAAc2B,QAAQC,QAASC,CAAWvB,WAAAA,eAAeuB,MAAM,CAAC;AAAA,IAClE;AAAA,EAAA;AAGF,QAAMC,kBAAkBA,MAAM;AAC5B7B,cAAUyB,MAAS;AAAA,EAAA;AAInBK,SAAAA,qBAAChB,oBAAoBiB,UAAQ;AAAA,IAACC,OAAOjB;AAAAA,IAAQkB,UAAA,CAC3CC,oBAACC,WAAS;AAAA,MACRC,OAAO;AAAA,MACPC,IAAIjC,MAAMiC;AAAAA,MACVC,YAAYlC,MAAMkC;AAAAA,MAClBC,OAAOnC,MAAMmC;AAAAA,MACbzC;AAAAA,IAAAA,CACD,GACDoC,oBAACM,oBAAkB;AAAA,MACjBC,QAAQ1C,iBAAiB;AAAA,MACzB2C,WAAWlB;AAAAA,MACXmB,UAAUd;AAAAA,MACVe,QAAO7C,+CAAe8C,OAAOC,gBAAe;AAAA,MAC5CC,UAAShD,+CAAe8C,OAAOG,kBAAiB;AAAA,MAChDC,qBAAoBlD,+CAAe8C,OAAOK,kBAAiB;AAAA,MAC3DC,oBAAmBpD,+CAAe8C,OAAOO,iBAAgB;AAAA,MACzDC,qBAAoBtD,+CAAe8C,OAAOS,uBAAsB;AAAA,IAAA,CACjE,CAAC;AAAA,EAAA,CAC0B;AAElC;"}
+{"version":3,"file":"QueryBuilder.js","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\n\nimport {\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ExtractNames } from \"@core/utils\";\n\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport { QueryBuilderContext } from \"./Context\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n  AskAction,\n  Attribute,\n  Query,\n  QueryBuilderLabels,\n  QueryCombinator,\n  QueryOperator,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup } from \"./utils\";\nimport reducer from \"./utils/reducer\";\nimport { useClasses, staticClasses } from \"./QueryBuilder.styles\";\n\nexport { staticClasses as queryBuilderClasses };\n\nexport type HvQueryBuilderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvQueryBuilderProps {\n  attributes?: Record<string, Attribute>;\n  /**\n   * The query rules operators by attribute type and combinator.\n   */\n  operators?: Record<string, QueryOperator[]>;\n  /**\n   * The query combinators operands.\n   */\n  combinators?: QueryCombinator[];\n  /**\n   * The initial query representation.\n   */\n  query?: Query;\n  /**\n   * Callback fired when query changes.\n   * @param {Query} value - the query representation.\n   */\n  onChange?: (value: Query) => void;\n  /**\n   * Max depth of nested query groups.\n   */\n  maxDepth?: number;\n  /**\n   * An object containing all the labels.\n   */\n  labels?: QueryBuilderLabels;\n  /**\n   * A flag indicating if the Query Builder is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes?: HvQueryBuilderClasses;\n}\n\n/**\n * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.\n * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.\n */\nexport const HvQueryBuilder = ({\n  attributes,\n  query,\n  onChange,\n  operators,\n  combinators,\n  maxDepth = 1,\n  labels,\n  readOnly = false,\n  classes,\n}: HvQueryBuilderProps) => {\n  const [pendingAction, askAction] = useState<AskAction>();\n  const currentAttributes = useRef<\n    Record<string, Attribute> | undefined | null\n  >(null);\n  const [state, dispatchAction] = useReducer(\n    reducer,\n    query,\n    (initialState) => initialState || emptyGroup()\n  );\n\n  const initialState = query === state;\n  const [prevState, setPrevState] = useState();\n\n  const defaultContext = useContext(QueryBuilderContext);\n\n  const context = useMemo(\n    () => ({\n      dispatchAction,\n      askAction,\n      attributes,\n      /* eslint-disable react/destructuring-assignment */\n      operators: operators ?? defaultContext.operators,\n      combinators: combinators ?? defaultContext.combinators,\n      maxDepth: maxDepth ?? defaultContext.maxDepth,\n      labels: labels ?? defaultContext.labels,\n      initialTouched: initialState,\n      readOnly,\n    }),\n    [\n      attributes,\n      operators,\n      defaultContext.operators,\n      defaultContext.combinators,\n      defaultContext.maxDepth,\n      defaultContext.labels,\n      combinators,\n      maxDepth,\n      labels,\n      readOnly,\n      initialState,\n    ]\n  );\n\n  useEffect(() => {\n    if (currentAttributes.current == null) {\n      // first run, nothing to do\n      currentAttributes.current = attributes;\n    } else if (currentAttributes.current !== attributes) {\n      // attributes changed, the existing query is almost certain invalid, so reset it\n      currentAttributes.current = attributes;\n      dispatchAction({ type: \"reset-query\" });\n    }\n  }, [attributes]);\n\n  // Propagate the change if the query is modified.\n  useEffect(() => {\n    if (!initialState && !isEqual(state, prevState)) {\n      onChange?.(clearNodeIds(state));\n      setPrevState(cloneDeep(state));\n    }\n  }, [state, prevState, initialState, onChange]);\n\n  const onConfirmHandler = () => {\n    if (pendingAction) {\n      askAction(undefined);\n      pendingAction.actions.forEach((action) => dispatchAction(action));\n    }\n  };\n\n  const onCancelHandler = () => {\n    askAction(undefined);\n  };\n\n  return (\n    <QueryBuilderContext.Provider value={context}>\n      <RuleGroup\n        level={0}\n        id={state.id}\n        combinator={state.combinator}\n        rules={state.rules}\n        classes={classes}\n      />\n      <ConfirmationDialog\n        isOpen={pendingAction != null}\n        onConfirm={onConfirmHandler}\n        onCancel={onCancelHandler}\n        title={pendingAction?.dialog.dialogTitle || \"\"}\n        message={pendingAction?.dialog.dialogMessage || \"\"}\n        confirmButtonLabel={pendingAction?.dialog.dialogConfirm || \"\"}\n        cancelButtonLabel={pendingAction?.dialog.dialogCancel || \"\"}\n        closeButtonTooltip={pendingAction?.dialog.dialogCloseTooltip || \"\"}\n      />\n    </QueryBuilderContext.Provider>\n  );\n};\n"],"names":["HvQueryBuilder","attributes","query","onChange","operators","combinators","maxDepth","labels","readOnly","classes","pendingAction","askAction","useState","currentAttributes","useRef","state","dispatchAction","useReducer","reducer","initialState","emptyGroup","prevState","setPrevState","defaultContext","useContext","QueryBuilderContext","context","useMemo","initialTouched","useEffect","current","type","isEqual","clearNodeIds","cloneDeep","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","_jsxs","Provider","value","children","_jsx","RuleGroup","level","id","combinator","rules","ConfirmationDialog","isOpen","onConfirm","onCancel","title","dialog","dialogTitle","message","dialogMessage","confirmButtonLabel","dialogConfirm","cancelButtonLabel","dialogCancel","closeButtonTooltip","dialogCloseTooltip"],"mappings":";;;;;;;;;AA2EO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,WAAW;AAAA,EACXC;AACmB,MAAM;AACzB,QAAM,CAACC,eAAeC,SAAS,IAAIC,SAAoB;AACjDC,QAAAA,oBAAoBC,OAExB,IAAI;AACA,QAAA,CAACC,OAAOC,cAAc,IAAIC,WAC9BC,SACAhB,OACCiB,CAAAA,kBAAiBA,iBAAgBC,WACpC,CAAA;AAEA,QAAMD,eAAejB,UAAUa;AAC/B,QAAM,CAACM,WAAWC,YAAY,IAAIV,SAAS;AAErCW,QAAAA,iBAAiBC,WAAWC,mBAAmB;AAE/CC,QAAAA,UAAUC,QACd,OAAO;AAAA,IACLX;AAAAA,IACAL;AAAAA,IACAV;AAAAA;AAAAA,IAEAG,WAAWA,aAAamB,eAAenB;AAAAA,IACvCC,aAAaA,eAAekB,eAAelB;AAAAA,IAC3CC,UAAUA,YAAYiB,eAAejB;AAAAA,IACrCC,QAAQA,UAAUgB,eAAehB;AAAAA,IACjCqB,gBAAgBT;AAAAA,IAChBX;AAAAA,EAAAA,IAEF,CACEP,YACAG,WACAmB,eAAenB,WACfmB,eAAelB,aACfkB,eAAejB,UACfiB,eAAehB,QACfF,aACAC,UACAC,QACAC,UACAW,YAAY,CAEhB;AAEAU,YAAU,MAAM;AACVhB,QAAAA,kBAAkBiB,WAAW,MAAM;AAErCjB,wBAAkBiB,UAAU7B;AAAAA,IAAAA,WACnBY,kBAAkBiB,YAAY7B,YAAY;AAEnDY,wBAAkBiB,UAAU7B;AACb,qBAAA;AAAA,QAAE8B,MAAM;AAAA,MAAA,CAAe;AAAA,IACxC;AAAA,EAAA,GACC,CAAC9B,UAAU,CAAC;AAGf4B,YAAU,MAAM;AACd,QAAI,CAACV,gBAAgB,CAACa,QAAQjB,OAAOM,SAAS,GAAG;AACpCY,2CAAAA,aAAalB,KAAK;AAChBmB,mBAAAA,UAAUnB,KAAK,CAAC;AAAA,IAC/B;AAAA,KACC,CAACA,OAAOM,WAAWF,cAAchB,QAAQ,CAAC;AAE7C,QAAMgC,mBAAmBA,MAAM;AAC7B,QAAIzB,eAAe;AACjBC,gBAAUyB,MAAS;AACnB1B,oBAAc2B,QAAQC,QAASC,CAAWvB,WAAAA,eAAeuB,MAAM,CAAC;AAAA,IAClE;AAAA,EAAA;AAGF,QAAMC,kBAAkBA,MAAM;AAC5B7B,cAAUyB,MAAS;AAAA,EAAA;AAInBK,SAAAA,qBAAChB,oBAAoBiB,UAAQ;AAAA,IAACC,OAAOjB;AAAAA,IAAQkB,UAAA,CAC3CC,oBAACC,WAAS;AAAA,MACRC,OAAO;AAAA,MACPC,IAAIjC,MAAMiC;AAAAA,MACVC,YAAYlC,MAAMkC;AAAAA,MAClBC,OAAOnC,MAAMmC;AAAAA,MACbzC;AAAAA,IAAAA,CACD,GACDoC,oBAACM,oBAAkB;AAAA,MACjBC,QAAQ1C,iBAAiB;AAAA,MACzB2C,WAAWlB;AAAAA,MACXmB,UAAUd;AAAAA,MACVe,QAAO7C,+CAAe8C,OAAOC,gBAAe;AAAA,MAC5CC,UAAShD,+CAAe8C,OAAOG,kBAAiB;AAAA,MAChDC,qBAAoBlD,+CAAe8C,OAAOK,kBAAiB;AAAA,MAC3DC,oBAAmBpD,+CAAe8C,OAAOO,iBAAgB;AAAA,MACzDC,qBAAoBtD,+CAAe8C,OAAOS,uBAAsB;AAAA,IAAA,CACjE,CAAC;AAAA,EAAA,CAC0B;AAElC;"}

package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContentWrapper.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { ExtractNames, iconVariant, setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  HvActionsGeneric,\n  HvActionGeneric,\n  HvButtonVariant,\n} from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { staticClasses, useClasses } from \"./SnackbarContentWrapper.styles\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\">,\n    HvBaseProps {\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvSnackbarContentClasses>;\n}\n\nexport const HvSnackbarContent = forwardRef<\n  HTMLDivElement,\n  HvSnackbarContentProps\n>(\n  (\n    {\n      className,\n      id,\n      classes: classesProp = {},\n      label,\n      variant = \"default\",\n      showIcon,\n      customIcon,\n      action,\n      actionCallback,\n      ...others\n    },\n    ref\n  ) => {\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n    const innerAction: any = isValidElement(action) ? action : [action];\n\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    return (\n      <SnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: classes.root,\n          message: classes.message,\n        }}\n        className={cx(className, classes?.[variant])}\n        message={\n          <div id={setId(id, \"message\")} className={classes.messageSpan}>\n            {icon && <div className={classes.iconVariant}>{icon}</div>}\n            <div className={classes.messageText}>{label}</div>\n            {action && (\n              <div id={setId(id, \"action\")} className={classes.action}>\n                <HvActionsGeneric\n                  id={id}\n                  category={\n                    activeTheme?.snackbar.actionButtonVariant as HvButtonVariant\n                  }\n                  actions={innerAction}\n                  actionsCallback={actionCallback}\n                />\n              </div>\n            )}\n          </div>\n        }\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvSnackbarContent","forwardRef","className","id","classes","classesProp","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","innerAction","isValidElement","cx","useClasses","activeTheme","useTheme","SnackbarContent","root","message","setId","messageSpan","children","_jsx","messageText","HvActionsGeneric","category","snackbar","actionButtonVariant","actions","actionsCallback"],"mappings":";;;;;;;;;AA0CaA,MAAAA,oBAAoBC,WAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OAAOL,cAAeD,YAAYO,YAAYR,SAAS,WAAW;AACxE,QAAMS,cAAmBC,eAAeP,MAAM,IAAIA,SAAS,CAACA,MAAM;AAE5D,QAAA;AAAA,IAAEN;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,WAAWd,WAAW;AACxC,QAAA;AAAA,IAAEe;AAAAA,MAAgBC,SAAS;AAEjC,6BACGC,iBAAe;AAAA,IACdT;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPmB,MAAMnB,QAAQmB;AAAAA,MACdC,SAASpB,QAAQoB;AAAAA,IACnB;AAAA,IACAtB,WAAWgB,GAAGhB,WAAWE,mCAAUG,QAAQ;AAAA,IAC3CiB,8BACE,OAAA;AAAA,MAAKrB,IAAIsB,MAAMtB,IAAI,SAAS;AAAA,MAAGD,WAAWE,QAAQsB;AAAAA,MAAYC,UAAA,CAC3Db,QAAQc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQW;AAAAA,QAAYY,UAAEb;AAAAA,MAAAA,CAAU,GACzDc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQyB;AAAAA,QAAYF,UAAErB;AAAAA,MAAAA,CAAW,GAChDI,UACCkB,oBAAA,OAAA;AAAA,QAAKzB,IAAIsB,MAAMtB,IAAI,QAAQ;AAAA,QAAGD,WAAWE,QAAQM;AAAAA,QAAOiB,8BACrDG,kBAAgB;AAAA,UACf3B;AAAAA,UACA4B,UACEX,2CAAaY,SAASC;AAAAA,UAExBC,SAASlB;AAAAA,UACTmB,iBAAiBxB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,IACN,GACGC;AAAAA,EAAAA,CACL;AAEL,CACF;"}
+{"version":3,"file":"SnackbarContentWrapper.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { ExtractNames, iconVariant, setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  HvActionsGeneric,\n  HvActionGeneric,\n  HvButtonVariant,\n} from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { staticClasses, useClasses } from \"./SnackbarContentWrapper.styles\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\">,\n    HvBaseProps {\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarContentClasses;\n}\n\nexport const HvSnackbarContent = forwardRef<\n  HTMLDivElement,\n  HvSnackbarContentProps\n>(\n  (\n    {\n      className,\n      id,\n      classes: classesProp = {},\n      label,\n      variant = \"default\",\n      showIcon,\n      customIcon,\n      action,\n      actionCallback,\n      ...others\n    },\n    ref\n  ) => {\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n    const innerAction: any = isValidElement(action) ? action : [action];\n\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    return (\n      <SnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: classes.root,\n          message: classes.message,\n        }}\n        className={cx(className, classes?.[variant])}\n        message={\n          <div id={setId(id, \"message\")} className={classes.messageSpan}>\n            {icon && <div className={classes.iconVariant}>{icon}</div>}\n            <div className={classes.messageText}>{label}</div>\n            {action && (\n              <div id={setId(id, \"action\")} className={classes.action}>\n                <HvActionsGeneric\n                  id={id}\n                  category={\n                    activeTheme?.snackbar.actionButtonVariant as HvButtonVariant\n                  }\n                  actions={innerAction}\n                  actionsCallback={actionCallback}\n                />\n              </div>\n            )}\n          </div>\n        }\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvSnackbarContent","forwardRef","className","id","classes","classesProp","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","innerAction","isValidElement","cx","useClasses","activeTheme","useTheme","SnackbarContent","root","message","setId","messageSpan","children","_jsx","messageText","HvActionsGeneric","category","snackbar","actionButtonVariant","actions","actionsCallback"],"mappings":";;;;;;;;;AA0CaA,MAAAA,oBAAoBC,WAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OAAOL,cAAeD,YAAYO,YAAYR,SAAS,WAAW;AACxE,QAAMS,cAAmBC,eAAeP,MAAM,IAAIA,SAAS,CAACA,MAAM;AAE5D,QAAA;AAAA,IAAEN;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,WAAWd,WAAW;AACxC,QAAA;AAAA,IAAEe;AAAAA,MAAgBC,SAAS;AAEjC,6BACGC,iBAAe;AAAA,IACdT;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPmB,MAAMnB,QAAQmB;AAAAA,MACdC,SAASpB,QAAQoB;AAAAA,IACnB;AAAA,IACAtB,WAAWgB,GAAGhB,WAAWE,mCAAUG,QAAQ;AAAA,IAC3CiB,8BACE,OAAA;AAAA,MAAKrB,IAAIsB,MAAMtB,IAAI,SAAS;AAAA,MAAGD,WAAWE,QAAQsB;AAAAA,MAAYC,UAAA,CAC3Db,QAAQc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQW;AAAAA,QAAYY,UAAEb;AAAAA,MAAAA,CAAU,GACzDc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQyB;AAAAA,QAAYF,UAAErB;AAAAA,MAAAA,CAAW,GAChDI,UACCkB,oBAAA,OAAA;AAAA,QAAKzB,IAAIsB,MAAMtB,IAAI,QAAQ;AAAA,QAAGD,WAAWE,QAAQM;AAAAA,QAAOiB,8BACrDG,kBAAgB;AAAA,UACf3B;AAAAA,UACA4B,UACEX,2CAAaY,SAASC;AAAAA,UAExBC,SAASlB;AAAAA,UACTmB,iBAAiBxB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,IACN,GACGC;AAAAA,EAAAA,CACL;AAEL,CACF;"}

package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js

@@ -79,7 +79,7 @@ const HvSnackbarProvider = ({
     } : {
       name: "tg900f-containerRoot",
       styles: "pointer-events:all;& > div > div{padding:0 !important;transition:all 0s ease 0s !important;};label:containerRoot;",
-      map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SG1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gIENvbWJpbmVkQ2xhc3NLZXksXG4gIFNuYWNrYmFyQ29udGVudCxcbiAgU25hY2tiYXJQcm92aWRlcixcbiAgdXNlU25hY2tiYXIsXG59IGZyb20gXCJub3Rpc3RhY2tcIjtcbmltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHsgU25hY2tiYXJPcmlnaW4gfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhclwiO1xuaW1wb3J0IHsgRXh0cmFjdE5hbWVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVNYXAgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgSHZTbmFja2JhckNvbnRlbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgSHZTbmFja2JhclZhcmlhbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJcIjtcbmltcG9ydCB7IEh2U25hY2tiYXJDb250ZW50UHJvcHMgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyXCI7XG5pbXBvcnQgeyBzdGF0aWNDbGFzc2VzLCB1c2VDbGFzc2VzIH0gZnJvbSBcIi4vU25hY2tiYXJQcm92aWRlci5zdHlsZXNcIjtcblxuZXhwb3J0IHsgc3RhdGljQ2xhc3NlcyBhcyBzbmFja2JhclByb3ZpZGVyQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlNuYWNrYmFyUHJvdmlkZXJDbGFzc2VzID0gRXh0cmFjdE5hbWVzPHR5cGVvZiB1c2VDbGFzc2VzPjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlNuYWNrYmFyUHJvdmlkZXJQcm9wcyB7XG4gIC8qKiBZb3VyIGNvbXBvbmVudCB0cmVlLiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogTWF4IHZpc2libGUgc25hY2tiYXJzLiAqL1xuICBtYXhTbmFjaz86IG51bWJlcjtcbiAgLyoqIEhvdyBtdWNoIHRpbWUgdGhlIHNuYWNrYmFyIHJlbWFpbnMgdmlzaWJsZSBpbiBtaWxsaXNlY29uZHMuICovXG4gIGF1dG9IaWRlRHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKiBXaGVyZSBpcyB0aGUgc25hY2tiYXIgcGxhY2VkLiAqL1xuICBhbmNob3JPcmlnaW4/OiBTbmFja2Jhck9yaWdpbjtcbiAgLyoqIENsYXNzIG9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG5vdGlzdGFjayBjbGFzc2VzLiAqL1xuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU/OiBQYXJ0aWFsPENsYXNzTmFtZU1hcDxDb21iaW5lZENsYXNzS2V5Pj47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBQYXJ0aWFsPEh2U25hY2tiYXJQcm92aWRlckNsYXNzZXM+O1xuXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzIHtcbiAgLyoqIElkIHRvIGJlIGFwcGxpZWQgdG8gdGhlIHJvb3Qgbm9kZS4gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDbGFzc25hbWUgdG8gYXBwbHkgb24gdGhlIHJvb3Qgbm9kZSAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIC8qKiBZb3VyIGNvbXBvbmVudCB0cmVlLiAqL1xuICBtZXNzYWdlPzogUmVhY3ROb2RlIHwgc3RyaW5nO1xuICAvKiogVmFyaWFudCBvZiB0aGUgc25hY2tiYXIuICovXG4gIHZhcmlhbnQ/OiBIdlNuYWNrYmFyVmFyaWFudDtcbiAgLyoqIEV4dHJhIHZhbHVlcyB0byBwYXNzIHRvIHRoZSBzbmFja2Jhci4gKi9cbiAgc25hY2tiYXJDb250ZW50UHJvcHM/OiBIdlNuYWNrYmFyQ29udGVudFByb3BzO1xufVxuXG5jb25zdCBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZSA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzXG4+KCh7IGlkLCBtZXNzYWdlLCB2YXJpYW50ID0gXCJzdWNjZXNzXCIsIHNuYWNrYmFyQ29udGVudFByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRlbnQgcmVmPXtyZWZ9PlxuICAgICAgPEh2U25hY2tiYXJDb250ZW50XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgc2hvd0ljb25cbiAgICAgICAgbGFiZWw9e21lc3NhZ2V9XG4gICAgICAgIHJvbGU9XCJub25lXCJcbiAgICAgICAgey4uLnNuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgLz5cbiAgICA8L1NuYWNrYmFyQ29udGVudD5cbiAgKTtcbn0pO1xuXG4vLyBXZSBvdmVycmlkZSBub3Rpc3RhY2sgaG9vayB0byBiZSBhYmxlIHRvIGN1c3RvbWl6ZSB0aGUgc25hY2tiYXIgdGhhdCBzaG91bGQgYmUgY2FsbGVkLlxuZXhwb3J0IGNvbnN0IHVzZUh2U25hY2tiYXIgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZW5xdWV1ZVNuYWNrYmFyOiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIsIGNsb3NlU25hY2tiYXIgfSA9XG4gICAgdXNlU25hY2tiYXIoKTtcbiAgY29uc3QgZW5xdWV1ZVNuYWNrYmFyID0gdXNlQ2FsbGJhY2soXG4gICAgKG1lc3NhZ2U6IFJlYWN0Tm9kZSB8IHN0cmluZyB8IHVuZGVmaW5lZCwgb3B0aW9ucyA9IHt9KSA9PiB7XG4gICAgICBjb25zdCB7XG4gICAgICAgIGlkLFxuICAgICAgICB2YXJpYW50ID0gXCJzdWNjZXNzXCIsXG4gICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIC4uLm90aGVyT3B0aW9uc1xuICAgICAgfTogSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wcyA9IG9wdGlvbnM7XG5cbiAgICAgIHJldHVybiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIoXG4gICAgICAgIDxIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICBtZXNzYWdlPXttZXNzYWdlfVxuICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgc25hY2tiYXJDb250ZW50UHJvcHM9e3NuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgICAvPixcbiAgICAgICAgeyAuLi5vdGhlck9wdGlvbnMsIGNsYXNzTmFtZTogY2xzeChjbGFzc05hbWUpIH1cbiAgICAgICk7XG4gICAgfSxcbiAgICBbZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyXVxuICApO1xuICByZXR1cm4gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgZW5xdWV1ZVNuYWNrYmFyLFxuICAgICAgY2xvc2VTbmFja2JhcixcbiAgICB9KSxcbiAgICBbZW5xdWV1ZVNuYWNrYmFyLCBjbG9zZVNuYWNrYmFyXVxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEh2U25hY2tiYXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUsXG4gIG1heFNuYWNrID0gNSxcbiAgYXV0b0hpZGVEdXJhdGlvbiA9IDUwMDAsXG4gIGFuY2hvck9yaWdpbiA9IHtcbiAgICB2ZXJ0aWNhbDogXCJ0b3BcIixcbiAgICBob3Jpem9udGFsOiBcInJpZ2h0XCIsXG4gIH0sXG4gIGNsYXNzZXM6IGNsYXNzZXNQcm9wID0ge30sXG4gIGNsYXNzTmFtZSxcbiAgLi4ub3RoZXJzXG59OiBIdlNuYWNrYmFyUHJvdmlkZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzZXMsIGN4IH0gPSB1c2VDbGFzc2VzKGNsYXNzZXNQcm9wKTtcblxuICBjb25zdCBub3Rpc3RhY2tDbGFzc2VzOiBQYXJ0aWFsPENsYXNzTmFtZU1hcDxDb21iaW5lZENsYXNzS2V5Pj4gPSB7XG4gICAgY29udGFpbmVyUm9vdDogY3NzKHtcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwiYWxsXCIsXG4gICAgICBcIiYgPiBkaXYgPiBkaXZcIjoge1xuICAgICAgICAvLyBPdmVycmlkZXMgbm90aXN0YWNrIGV4dHJhIHBhZGRpbmdcbiAgICAgICAgcGFkZGluZzogXCIwICFpbXBvcnRhbnRcIixcbiAgICAgICAgdHJhbnNpdGlvbjogXCJhbGwgMHMgZWFzZSAwcyAhaW1wb3J0YW50XCIsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLm5vdGlzdGFja0NsYXNzZXNPdmVycmlkZSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhclByb3ZpZGVyXG4gICAgICBjbGFzc2VzPXtub3Rpc3RhY2tDbGFzc2VzfVxuICAgICAgbWF4U25hY2s9e21heFNuYWNrfVxuICAgICAgYXV0b0hpZGVEdXJhdGlvbj17YXV0b0hpZGVEdXJhdGlvbn1cbiAgICAgIGFuY2hvck9yaWdpbj17YW5jaG9yT3JpZ2luIGFzIFNuYWNrYmFyT3JpZ2lufVxuICAgICAgY2xhc3NOYW1lPXtjeChjbGFzc2VzLnNuYWNrSXRlbVJvb3QsIGNsYXNzTmFtZSl9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1NuYWNrYmFyUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */",
+      map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1SG1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gIENvbWJpbmVkQ2xhc3NLZXksXG4gIFNuYWNrYmFyQ29udGVudCxcbiAgU25hY2tiYXJQcm92aWRlcixcbiAgdXNlU25hY2tiYXIsXG59IGZyb20gXCJub3Rpc3RhY2tcIjtcbmltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHsgU25hY2tiYXJPcmlnaW4gfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhclwiO1xuaW1wb3J0IHsgRXh0cmFjdE5hbWVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVNYXAgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgSHZTbmFja2JhckNvbnRlbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgSHZTbmFja2JhclZhcmlhbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJcIjtcbmltcG9ydCB7IEh2U25hY2tiYXJDb250ZW50UHJvcHMgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyXCI7XG5pbXBvcnQgeyBzdGF0aWNDbGFzc2VzLCB1c2VDbGFzc2VzIH0gZnJvbSBcIi4vU25hY2tiYXJQcm92aWRlci5zdHlsZXNcIjtcblxuZXhwb3J0IHsgc3RhdGljQ2xhc3NlcyBhcyBzbmFja2JhclByb3ZpZGVyQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlNuYWNrYmFyUHJvdmlkZXJDbGFzc2VzID0gRXh0cmFjdE5hbWVzPHR5cGVvZiB1c2VDbGFzc2VzPjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlNuYWNrYmFyUHJvdmlkZXJQcm9wcyB7XG4gIC8qKiBZb3VyIGNvbXBvbmVudCB0cmVlLiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogTWF4IHZpc2libGUgc25hY2tiYXJzLiAqL1xuICBtYXhTbmFjaz86IG51bWJlcjtcbiAgLyoqIEhvdyBtdWNoIHRpbWUgdGhlIHNuYWNrYmFyIHJlbWFpbnMgdmlzaWJsZSBpbiBtaWxsaXNlY29uZHMuICovXG4gIGF1dG9IaWRlRHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKiBXaGVyZSBpcyB0aGUgc25hY2tiYXIgcGxhY2VkLiAqL1xuICBhbmNob3JPcmlnaW4/OiBTbmFja2Jhck9yaWdpbjtcbiAgLyoqIENsYXNzIG9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG5vdGlzdGFjayBjbGFzc2VzLiAqL1xuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU/OiBQYXJ0aWFsPENsYXNzTmFtZU1hcDxDb21iaW5lZENsYXNzS2V5Pj47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlNuYWNrYmFyUHJvdmlkZXJDbGFzc2VzO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wcyB7XG4gIC8qKiBJZCB0byBiZSBhcHBsaWVkIHRvIHRoZSByb290IG5vZGUuICovXG4gIGlkPzogc3RyaW5nO1xuICAvKiogQ2xhc3NuYW1lIHRvIGFwcGx5IG9uIHRoZSByb290IG5vZGUgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKiogWW91ciBjb21wb25lbnQgdHJlZS4gKi9cbiAgbWVzc2FnZT86IFJlYWN0Tm9kZSB8IHN0cmluZztcbiAgLyoqIFZhcmlhbnQgb2YgdGhlIHNuYWNrYmFyLiAqL1xuICB2YXJpYW50PzogSHZTbmFja2JhclZhcmlhbnQ7XG4gIC8qKiBFeHRyYSB2YWx1ZXMgdG8gcGFzcyB0byB0aGUgc25hY2tiYXIuICovXG4gIHNuYWNrYmFyQ29udGVudFByb3BzPzogSHZTbmFja2JhckNvbnRlbnRQcm9wcztcbn1cblxuY29uc3QgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2UgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wc1xuPigoeyBpZCwgbWVzc2FnZSwgdmFyaWFudCA9IFwic3VjY2Vzc1wiLCBzbmFja2JhckNvbnRlbnRQcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJDb250ZW50IHJlZj17cmVmfT5cbiAgICAgIDxIdlNuYWNrYmFyQ29udGVudFxuICAgICAgICBpZD17aWR9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNob3dJY29uXG4gICAgICAgIGxhYmVsPXttZXNzYWdlfVxuICAgICAgICByb2xlPVwibm9uZVwiXG4gICAgICAgIHsuLi5zbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgIC8+XG4gICAgPC9TbmFja2JhckNvbnRlbnQ+XG4gICk7XG59KTtcblxuLy8gV2Ugb3ZlcnJpZGUgbm90aXN0YWNrIGhvb2sgdG8gYmUgYWJsZSB0byBjdXN0b21pemUgdGhlIHNuYWNrYmFyIHRoYXQgc2hvdWxkIGJlIGNhbGxlZC5cbmV4cG9ydCBjb25zdCB1c2VIdlNuYWNrYmFyID0gKCkgPT4ge1xuICBjb25zdCB7IGVucXVldWVTbmFja2JhcjogZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyLCBjbG9zZVNuYWNrYmFyIH0gPVxuICAgIHVzZVNuYWNrYmFyKCk7XG4gIGNvbnN0IGVucXVldWVTbmFja2JhciA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlOiBSZWFjdE5vZGUgfCBzdHJpbmcgfCB1bmRlZmluZWQsIG9wdGlvbnMgPSB7fSkgPT4ge1xuICAgICAgY29uc3Qge1xuICAgICAgICBpZCxcbiAgICAgICAgdmFyaWFudCA9IFwic3VjY2Vzc1wiLFxuICAgICAgICBzbmFja2JhckNvbnRlbnRQcm9wcyxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAuLi5vdGhlck9wdGlvbnNcbiAgICAgIH06IEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMgPSBvcHRpb25zO1xuXG4gICAgICByZXR1cm4gZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyKFxuICAgICAgICA8SHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbWVzc2FnZT17bWVzc2FnZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzPXtzbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgICAgLz4sXG4gICAgICAgIHsgLi4ub3RoZXJPcHRpb25zLCBjbGFzc05hbWU6IGNsc3goY2xhc3NOYW1lKSB9XG4gICAgICApO1xuICAgIH0sXG4gICAgW2VucXVldWVOb3Rpc3RhY2tTbmFja2Jhcl1cbiAgKTtcbiAgcmV0dXJuIHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGVucXVldWVTbmFja2JhcixcbiAgICAgIGNsb3NlU25hY2tiYXIsXG4gICAgfSksXG4gICAgW2VucXVldWVTbmFja2JhciwgY2xvc2VTbmFja2Jhcl1cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBIdlNuYWNrYmFyUHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlLFxuICBtYXhTbmFjayA9IDUsXG4gIGF1dG9IaWRlRHVyYXRpb24gPSA1MDAwLFxuICBhbmNob3JPcmlnaW4gPSB7XG4gICAgdmVydGljYWw6IFwidG9wXCIsXG4gICAgaG9yaXpvbnRhbDogXCJyaWdodFwiLFxuICB9LFxuICBjbGFzc2VzOiBjbGFzc2VzUHJvcCA9IHt9LFxuICBjbGFzc05hbWUsXG4gIC4uLm90aGVyc1xufTogSHZTbmFja2JhclByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyBjbGFzc2VzLCBjeCB9ID0gdXNlQ2xhc3NlcyhjbGFzc2VzUHJvcCk7XG5cbiAgY29uc3Qgbm90aXN0YWNrQ2xhc3NlczogUGFydGlhbDxDbGFzc05hbWVNYXA8Q29tYmluZWRDbGFzc0tleT4+ID0ge1xuICAgIGNvbnRhaW5lclJvb3Q6IGNzcyh7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcImFsbFwiLFxuICAgICAgXCImID4gZGl2ID4gZGl2XCI6IHtcbiAgICAgICAgLy8gT3ZlcnJpZGVzIG5vdGlzdGFjayBleHRyYSBwYWRkaW5nXG4gICAgICAgIHBhZGRpbmc6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgIHRyYW5zaXRpb246IFwiYWxsIDBzIGVhc2UgMHMgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi5ub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJQcm92aWRlclxuICAgICAgY2xhc3Nlcz17bm90aXN0YWNrQ2xhc3Nlc31cbiAgICAgIG1heFNuYWNrPXttYXhTbmFja31cbiAgICAgIGF1dG9IaWRlRHVyYXRpb249e2F1dG9IaWRlRHVyYXRpb259XG4gICAgICBhbmNob3JPcmlnaW49e2FuY2hvck9yaWdpbiBhcyBTbmFja2Jhck9yaWdpbn1cbiAgICAgIGNsYXNzTmFtZT17Y3goY2xhc3Nlcy5zbmFja0l0ZW1Sb290LCBjbGFzc05hbWUpfVxuICAgICAgey4uLm90aGVyc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TbmFja2JhclByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */",
       toString: _EMOTION_STRINGIFIED_CSS_ERROR__
     }),
     ...notistackClassesOverride

package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.js","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\nimport {\n  CombinedClassKey,\n  SnackbarContent,\n  SnackbarProvider,\n  useSnackbar,\n} from \"notistack\";\nimport { clsx } from \"clsx\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ExtractNames } from \"@core/utils\";\nimport { ClassNameMap } from \"@mui/material\";\nimport { css } from \"@emotion/css\";\nimport { HvSnackbarContent } from \"../SnackbarContentWrapper\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { HvSnackbarContentProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n  /** Your component tree. */\n  children: React.ReactNode;\n  /** Max visible snackbars. */\n  maxSnack?: number;\n  /** How much time the snackbar remains visible in milliseconds. */\n  autoHideDuration?: number;\n  /** Where is the snackbar placed. */\n  anchorOrigin?: SnackbarOrigin;\n  /** Class object used to override notistack classes. */\n  notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvSnackbarProviderClasses>;\n\n  className?: string;\n}\n\nexport interface HvNotistackSnackMessageProps {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Classname to apply on the root node */\n  className?: string;\n  /** Your component tree. */\n  message?: ReactNode | string;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Extra values to pass to the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n  HTMLDivElement,\n  HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n  return (\n    <SnackbarContent ref={ref}>\n      <HvSnackbarContent\n        id={id}\n        variant={variant}\n        showIcon\n        label={message}\n        role=\"none\"\n        {...snackbarContentProps}\n      />\n    </SnackbarContent>\n  );\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nexport const useHvSnackbar = () => {\n  const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n    useSnackbar();\n  const enqueueSnackbar = useCallback(\n    (message: ReactNode | string | undefined, options = {}) => {\n      const {\n        id,\n        variant = \"success\",\n        snackbarContentProps,\n        className,\n        ...otherOptions\n      }: HvNotistackSnackMessageProps = options;\n\n      return enqueueNotistackSnackbar(\n        <HvNotistackSnackMessage\n          id={id}\n          message={message}\n          variant={variant}\n          snackbarContentProps={snackbarContentProps}\n        />,\n        { ...otherOptions, className: clsx(className) }\n      );\n    },\n    [enqueueNotistackSnackbar]\n  );\n  return useMemo(\n    () => ({\n      enqueueSnackbar,\n      closeSnackbar,\n    }),\n    [enqueueSnackbar, closeSnackbar]\n  );\n};\n\nexport const HvSnackbarProvider = ({\n  children,\n  notistackClassesOverride,\n  maxSnack = 5,\n  autoHideDuration = 5000,\n  anchorOrigin = {\n    vertical: \"top\",\n    horizontal: \"right\",\n  },\n  classes: classesProp = {},\n  className,\n  ...others\n}: HvSnackbarProviderProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const notistackClasses: Partial<ClassNameMap<CombinedClassKey>> = {\n    containerRoot: css({\n      pointerEvents: \"all\",\n      \"& > div > div\": {\n        // Overrides notistack extra padding\n        padding: \"0 !important\",\n        transition: \"all 0s ease 0s !important\",\n      },\n    }),\n    ...notistackClassesOverride,\n  };\n\n  return (\n    <SnackbarProvider\n      classes={notistackClasses}\n      maxSnack={maxSnack}\n      autoHideDuration={autoHideDuration}\n      anchorOrigin={anchorOrigin as SnackbarOrigin}\n      className={cx(classes.snackItemRoot, className)}\n      {...others}\n    >\n      {children}\n    </SnackbarProvider>\n  );\n};\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","SnackbarContent","children","HvSnackbarContent","showIcon","label","role","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","classes","classesProp","others","cx","useClasses","notistackClasses","containerRoot","css","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SnackbarProvider","snackItemRoot"],"mappings":";;;;;;;;;;;AAmDA,MAAMA,0BAA0BC,WAG9B,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC,UAAU;AAAA,EAAWC;AAAqB,GAAGC,QAAQ;AACrE,6BACGC,iBAAe;AAAA,IAACD;AAAAA,IAASE,8BACvBC,mBAAiB;AAAA,MAChBP;AAAAA,MACAE;AAAAA,MACAM,UAAQ;AAAA,MACRC,OAAOR;AAAAA,MACPS,MAAK;AAAA,MAAM,GACPP;AAAAA,IAAAA,CACL;AAAA,EAAA,CACc;AAErB,CAAC;AAGM,MAAMQ,gBAAgBA,MAAM;AAC3B,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,YAAY;AACd,QAAMH,kBAAkBI,YACtB,CAACf,SAAyCgB,UAAU,CAAA,MAAO;AACnD,UAAA;AAAA,MACJjB;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAe;AAAAA,MACA,GAAGC;AAAAA,IAC6BF,IAAAA;AAE3BJ,WAAAA,6CACJf,yBAAuB;AAAA,MACtBE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CACD,GACD;AAAA,MAAE,GAAGgB;AAAAA,MAAcD,WAAWE,KAAKF,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA,GAEF,CAACL,wBAAwB,CAC3B;AACA,SAAOQ,QACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CACjC;AACF;AAEO,MAAMQ,qBAAqBA,CAAC;AAAA,EACjChB;AAAAA,EACAiB;AAAAA,EACAC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBZ;AAAAA,EACA,GAAGa;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEF;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,WAAWH,WAAW;AAE9C,QAAMI,mBAA4D;AAAA,IAChEC,eAAeC,oBAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,MAAAC,MAAA;AAAA,MAAAC,QAAA;AAAA,IAAA,IAAA;AAAA,MAAAD,MAAA;AAAA,MAAAC,QAAA;AAAA,MAAAC,KAAA;AAAA,MAAAC,UAAAC;AAAAA,IAAAA,CAOjB;AAAA,IACD,GAAGrB;AAAAA,EAAAA;AAGL,6BACGsB,kBAAgB;AAAA,IACfhB,SAASK;AAAAA,IACTV;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAR,WAAWc,GAAGH,QAAQiB,eAAe5B,SAAS;AAAA,IAAE,GAC5Ca;AAAAA,IAAMzB;AAAAA,EAAAA,CAGM;AAEtB;"}
+{"version":3,"file":"SnackbarProvider.js","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\nimport {\n  CombinedClassKey,\n  SnackbarContent,\n  SnackbarProvider,\n  useSnackbar,\n} from \"notistack\";\nimport { clsx } from \"clsx\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ExtractNames } from \"@core/utils\";\nimport { ClassNameMap } from \"@mui/material\";\nimport { css } from \"@emotion/css\";\nimport { HvSnackbarContent } from \"../SnackbarContentWrapper\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { HvSnackbarContentProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n  /** Your component tree. */\n  children: React.ReactNode;\n  /** Max visible snackbars. */\n  maxSnack?: number;\n  /** How much time the snackbar remains visible in milliseconds. */\n  autoHideDuration?: number;\n  /** Where is the snackbar placed. */\n  anchorOrigin?: SnackbarOrigin;\n  /** Class object used to override notistack classes. */\n  notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarProviderClasses;\n  className?: string;\n}\n\nexport interface HvNotistackSnackMessageProps {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Classname to apply on the root node */\n  className?: string;\n  /** Your component tree. */\n  message?: ReactNode | string;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Extra values to pass to the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n  HTMLDivElement,\n  HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n  return (\n    <SnackbarContent ref={ref}>\n      <HvSnackbarContent\n        id={id}\n        variant={variant}\n        showIcon\n        label={message}\n        role=\"none\"\n        {...snackbarContentProps}\n      />\n    </SnackbarContent>\n  );\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nexport const useHvSnackbar = () => {\n  const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n    useSnackbar();\n  const enqueueSnackbar = useCallback(\n    (message: ReactNode | string | undefined, options = {}) => {\n      const {\n        id,\n        variant = \"success\",\n        snackbarContentProps,\n        className,\n        ...otherOptions\n      }: HvNotistackSnackMessageProps = options;\n\n      return enqueueNotistackSnackbar(\n        <HvNotistackSnackMessage\n          id={id}\n          message={message}\n          variant={variant}\n          snackbarContentProps={snackbarContentProps}\n        />,\n        { ...otherOptions, className: clsx(className) }\n      );\n    },\n    [enqueueNotistackSnackbar]\n  );\n  return useMemo(\n    () => ({\n      enqueueSnackbar,\n      closeSnackbar,\n    }),\n    [enqueueSnackbar, closeSnackbar]\n  );\n};\n\nexport const HvSnackbarProvider = ({\n  children,\n  notistackClassesOverride,\n  maxSnack = 5,\n  autoHideDuration = 5000,\n  anchorOrigin = {\n    vertical: \"top\",\n    horizontal: \"right\",\n  },\n  classes: classesProp = {},\n  className,\n  ...others\n}: HvSnackbarProviderProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const notistackClasses: Partial<ClassNameMap<CombinedClassKey>> = {\n    containerRoot: css({\n      pointerEvents: \"all\",\n      \"& > div > div\": {\n        // Overrides notistack extra padding\n        padding: \"0 !important\",\n        transition: \"all 0s ease 0s !important\",\n      },\n    }),\n    ...notistackClassesOverride,\n  };\n\n  return (\n    <SnackbarProvider\n      classes={notistackClasses}\n      maxSnack={maxSnack}\n      autoHideDuration={autoHideDuration}\n      anchorOrigin={anchorOrigin as SnackbarOrigin}\n      className={cx(classes.snackItemRoot, className)}\n      {...others}\n    >\n      {children}\n    </SnackbarProvider>\n  );\n};\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","SnackbarContent","children","HvSnackbarContent","showIcon","label","role","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","classes","classesProp","others","cx","useClasses","notistackClasses","containerRoot","css","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SnackbarProvider","snackItemRoot"],"mappings":";;;;;;;;;;;AAkDA,MAAMA,0BAA0BC,WAG9B,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC,UAAU;AAAA,EAAWC;AAAqB,GAAGC,QAAQ;AACrE,6BACGC,iBAAe;AAAA,IAACD;AAAAA,IAASE,8BACvBC,mBAAiB;AAAA,MAChBP;AAAAA,MACAE;AAAAA,MACAM,UAAQ;AAAA,MACRC,OAAOR;AAAAA,MACPS,MAAK;AAAA,MAAM,GACPP;AAAAA,IAAAA,CACL;AAAA,EAAA,CACc;AAErB,CAAC;AAGM,MAAMQ,gBAAgBA,MAAM;AAC3B,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,YAAY;AACd,QAAMH,kBAAkBI,YACtB,CAACf,SAAyCgB,UAAU,CAAA,MAAO;AACnD,UAAA;AAAA,MACJjB;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAe;AAAAA,MACA,GAAGC;AAAAA,IAC6BF,IAAAA;AAE3BJ,WAAAA,6CACJf,yBAAuB;AAAA,MACtBE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CACD,GACD;AAAA,MAAE,GAAGgB;AAAAA,MAAcD,WAAWE,KAAKF,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA,GAEF,CAACL,wBAAwB,CAC3B;AACA,SAAOQ,QACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CACjC;AACF;AAEO,MAAMQ,qBAAqBA,CAAC;AAAA,EACjChB;AAAAA,EACAiB;AAAAA,EACAC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBZ;AAAAA,EACA,GAAGa;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEF;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,WAAWH,WAAW;AAE9C,QAAMI,mBAA4D;AAAA,IAChEC,eAAeC,oBAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,MAAAC,MAAA;AAAA,MAAAC,QAAA;AAAA,IAAA,IAAA;AAAA,MAAAD,MAAA;AAAA,MAAAC,QAAA;AAAA,MAAAC,KAAA;AAAA,MAAAC,UAAAC;AAAAA,IAAAA,CAOjB;AAAA,IACD,GAAGrB;AAAAA,EAAAA;AAGL,6BACGsB,kBAAgB;AAAA,IACfhB,SAASK;AAAAA,IACTV;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAR,WAAWc,GAAGH,QAAQiB,eAAe5B,SAAS;AAAA,IAAE,GAC5Ca;AAAAA,IAAMzB;AAAAA,EAAAA,CAGM;AAEtB;"}

package/dist/esm/components/Table/TableCell/TableCell.js

@@ -46,12 +46,12 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
       backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gXCJsb2Rhc2gvY2FwaXRhbGl6ZVwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGRIVE1MQXR0cmlidXRlcyxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIGNoZWNrVmFsaWRIZXhDb2xvclZhbHVlLFxuICBFeHRyYWN0TmFtZXMsXG4gIGdldFZhclZhbHVlLFxuICBoZXhUb1JnYkEsXG59IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGNvcmUvaG9va3NcIjtcbmltcG9ydCB7XG4gIEh2VGFibGVDZWxsQWxpZ24sXG4gIEh2VGFibGVDZWxsVHlwZSxcbiAgSHZUYWJsZUNlbGxWYXJpYW50LFxufSBmcm9tIFwiLi4vVGFibGVcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcbmltcG9ydCB7IHN0YXRpY0NsYXNzZXMsIHVzZUNsYXNzZXMgfSBmcm9tIFwiLi9UYWJsZUNlbGwuc3R5bGVzXCI7XG5cbmV4cG9ydCB7IHN0YXRpY0NsYXNzZXMgYXMgdGFibGVDZWxsQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlQ2VsbENsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVDZWxsUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+LCBcImFsaWduXCI+IHtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGQuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBlbGVtZW50LiAqL1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIC8qKiBTZXQgdGhlIHRleHQtYWxpZ24gb24gdGhlIHRhYmxlIGNlbGwgY29udGVudC4gKi9cbiAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAvKiogU2V0cyB0aGUgY2VsbCdzIHZhcmlhbnQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlQ2VsbFZhcmlhbnQgfCBcImxpc3RjaGVja2JveFwiIHwgXCJsaXN0YWN0aW9uc1wiO1xuICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICB0eXBlPzogSHZUYWJsZUNlbGxUeXBlO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgcGFydCBvZiBhIHNvcnRlZCBjb2x1bW4uICovXG4gIHNvcnRlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIGEgc3RpY2t5IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3Qgc3RpY2t5IHRvIHRoZSByaWdodCBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3QgY29sdW1uIGluIHRoZSBncm91cC4gKi9cbiAgZ3JvdXBDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gIGdyb3VwQ29sdW1uTW9zdFJpZ2h0PzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHJlc2l6YWJsZSAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgYmVpbmcgcmVzaXplZCAqL1xuICByZXNpemluZz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQ2VsbENsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRkXCI7XG5cbmludGVyZmFjZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyB7XG4gICR2YXJpYW50TGlzdDogYm9vbGVhbjtcbiAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbjogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RSaWdodDogYm9vbGVhbjtcbiAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgJHJlc2l6aW5nOiBib29sZWFuO1xuICAkYWxpZ246IHN0cmluZztcbiAgJHZhcmlhbnQ6IHN0cmluZztcbiAgJHR5cGU6IHN0cmluZztcbiAgJHNvcnRlZENvbG9yOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKSgoeyAkc3RpY2t5Q29sdW1uLCAkdHlwZSwgJHNvcnRlZENvbG9yIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgW2AmLiR7c3RhdGljQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc29ydGVkQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgIFtgJi4ke3N0YXRpY0NsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHskc29ydGVkQ29sb3J9LCAkeyRzb3J0ZWRDb2xvcn0pYCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pKTtcblxuY29uc3QgZ2V0U29ydGVkQ29sb3IgPSAoY29sb3I/OiBzdHJpbmcsIGFscGhhPzogc3RyaW5nKSA9PiB7XG4gIHJldHVybiBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShjb2xvcikgJiYgYWxwaGFcbiAgICA/IGhleFRvUmdiQShjb2xvciwgcGFyc2VGbG9hdChhbHBoYSkpXG4gICAgOiBjb2xvcjtcbn07XG5cbi8qKlxuICogYEh2VGFibGVDZWxsYCBhY3RzIGFzIGEgYHRkYCBlbGVtZW50IGFuZCBpbmhlcml0cyBzdHlsZXMgZnJvbSBpdHMgY29udGV4dFxuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZUNlbGwgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlQ2VsbFByb3BzPihcbiAgKHByb3BzLCBleHRlcm5hbFJlZikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgc3R5bGUsXG4gICAgICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgICAgIGFsaWduID0gXCJpbmhlcml0XCIsXG4gICAgICB2YXJpYW50ID0gXCJkZWZhdWx0XCIsXG4gICAgICB0eXBlOiB0eXBlUHJvcCxcbiAgICAgIHN0aWNreUNvbHVtbiA9IGZhbHNlLFxuICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBzb3J0ZWQgPSBmYWxzZSxcbiAgICAgIHJlc2l6YWJsZSA9IGZhbHNlLFxuICAgICAgcmVzaXppbmcgPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB7IGNsYXNzZXMsIGN4IH0gPSB1c2VDbGFzc2VzKGNsYXNzZXNQcm9wKTtcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lLCBzZWxlY3RlZE1vZGUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgW3NvcnRlZENvbG9yVmFsdWUsIHNldFNvcnRlZENvbG9yVmFsdWVdID0gdXNlU3RhdGU8XG4gICAgICBzdHJpbmcgfCB1bmRlZmluZWRcbiAgICA+KCk7XG4gICAgY29uc3QgW3NvcnRlZENvbG9yQWxwaGEsIHNldFNvcnRlZENvbG9yQWxwaGFdID0gdXNlU3RhdGU8XG4gICAgICBzdHJpbmcgfCB1bmRlZmluZWRcbiAgICA+KCk7XG5cbiAgICBjb25zdCB0eXBlID0gdHlwZVByb3AgfHwgdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UZCB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVDZWxsID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZUNlbGwoQ29tcG9uZW50KSwgW0NvbXBvbmVudF0pO1xuXG4gICAgY29uc3QgW3NvcnRlZENvbG9yLCBzZXRTb3J0ZWRDb2xvcl0gPSB1c2VTdGF0ZShcbiAgICAgIGdldFNvcnRlZENvbG9yKHNvcnRlZENvbG9yVmFsdWUsIHNvcnRlZENvbG9yQWxwaGEpXG4gICAgKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRTb3J0ZWRDb2xvclZhbHVlKGdldFZhclZhbHVlKHRoZW1lLnRhYmxlLnJvd1NvcnRlZENvbG9yKSk7XG4gICAgICBzZXRTb3J0ZWRDb2xvckFscGhhKGdldFZhclZhbHVlKHRoZW1lLnRhYmxlLnJvd1NvcnRlZENvbG9yQWxwaGEpKTtcblxuICAgICAgc2V0U29ydGVkQ29sb3IoZ2V0U29ydGVkQ29sb3Ioc29ydGVkQ29sb3JWYWx1ZSwgc29ydGVkQ29sb3JBbHBoYSkpO1xuICAgIH0sIFtcbiAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0sXG4gICAgICBzb3J0ZWRDb2xvclZhbHVlLFxuICAgICAgc29ydGVkQ29sb3JBbHBoYSxcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVDZWxsXG4gICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcImNlbGxcIn1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2N4KGNsYXNzTmFtZSwgY2xhc3Nlcy5yb290LCBjbGFzc2VzW3R5cGVdLCB7XG4gICAgICAgICAgW2NsYXNzZXNbYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXV06IGFsaWduICE9PSBcImluaGVyaXRcIixcbiAgICAgICAgICBbY2xhc3Nlcy52YXJpYW50TGlzdF06IHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIixcbiAgICAgICAgICBbY2xhc3Nlcy52YXJpYW50TGlzdEhlYWRdOlxuICAgICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmIHR5cGUgIT09IFwiYm9keVwiLFxuICAgICAgICAgIFtjbGFzc2VzW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdXTogdmFyaWFudCAhPT0gXCJkZWZhdWx0XCIsXG4gICAgICAgICAgW2NsYXNzZXMuc29ydGVkXTogc29ydGVkLFxuICAgICAgICAgIFtjbGFzc2VzLnN0aWNreUNvbHVtbl06IHN0aWNreUNvbHVtbixcbiAgICAgICAgICBbY2xhc3Nlcy5zdGlja3lDb2x1bW5Nb3N0TGVmdF06IHN0aWNreUNvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgIFtjbGFzc2VzLnN0aWNreUNvbHVtbkxlYXN0UmlnaHRdOiBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgIFtjbGFzc2VzLmdyb3VwQ29sdW1uTW9zdExlZnRdOiBncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgIFtjbGFzc2VzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0XTogZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAgICAgW2NsYXNzZXMucmVzaXphYmxlXTogcmVzaXphYmxlLFxuICAgICAgICAgIFtjbGFzc2VzLnJlc2l6aW5nXTogcmVzaXppbmcsXG4gICAgICAgIH0pfVxuICAgICAgICAkdHlwZT17dHlwZX1cbiAgICAgICAgJHN0aWNreUNvbHVtbj17c3RpY2t5Q29sdW1ufVxuICAgICAgICAkc29ydGVkQ29sb3I9e3NvcnRlZENvbG9yfVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhYmxlQ2VsbD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gXCJsb2Rhc2gvY2FwaXRhbGl6ZVwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGRIVE1MQXR0cmlidXRlcyxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIGNoZWNrVmFsaWRIZXhDb2xvclZhbHVlLFxuICBFeHRyYWN0TmFtZXMsXG4gIGhleFRvUmdiQSxcbiAgZ2V0VmFyVmFsdWUsXG59IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGNvcmUvaG9va3NcIjtcbmltcG9ydCB7XG4gIEh2VGFibGVDZWxsQWxpZ24sXG4gIEh2VGFibGVDZWxsVHlwZSxcbiAgSHZUYWJsZUNlbGxWYXJpYW50LFxufSBmcm9tIFwiLi4vVGFibGVcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcbmltcG9ydCB7IHN0YXRpY0NsYXNzZXMsIHVzZUNsYXNzZXMgfSBmcm9tIFwiLi9UYWJsZUNlbGwuc3R5bGVzXCI7XG5cbmV4cG9ydCB7IHN0YXRpY0NsYXNzZXMgYXMgdGFibGVDZWxsQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlQ2VsbENsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVDZWxsUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+LCBcImFsaWduXCI+IHtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGQuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBlbGVtZW50LiAqL1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIC8qKiBTZXQgdGhlIHRleHQtYWxpZ24gb24gdGhlIHRhYmxlIGNlbGwgY29udGVudC4gKi9cbiAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAvKiogU2V0cyB0aGUgY2VsbCdzIHZhcmlhbnQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlQ2VsbFZhcmlhbnQgfCBcImxpc3RjaGVja2JveFwiIHwgXCJsaXN0YWN0aW9uc1wiO1xuICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICB0eXBlPzogSHZUYWJsZUNlbGxUeXBlO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgcGFydCBvZiBhIHNvcnRlZCBjb2x1bW4uICovXG4gIHNvcnRlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIGEgc3RpY2t5IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3Qgc3RpY2t5IHRvIHRoZSByaWdodCBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3QgY29sdW1uIGluIHRoZSBncm91cC4gKi9cbiAgZ3JvdXBDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gIGdyb3VwQ29sdW1uTW9zdFJpZ2h0PzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHJlc2l6YWJsZSAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgYmVpbmcgcmVzaXplZCAqL1xuICByZXNpemluZz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQ2VsbENsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRkXCI7XG5cbmludGVyZmFjZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyB7XG4gICR2YXJpYW50TGlzdDogYm9vbGVhbjtcbiAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbjogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RSaWdodDogYm9vbGVhbjtcbiAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgJHJlc2l6aW5nOiBib29sZWFuO1xuICAkYWxpZ246IHN0cmluZztcbiAgJHZhcmlhbnQ6IHN0cmluZztcbiAgJHR5cGU6IHN0cmluZztcbiAgJHNvcnRlZENvbG9yOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKSgoeyAkc3RpY2t5Q29sdW1uLCAkdHlwZSwgJHNvcnRlZENvbG9yIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgW2AmLiR7c3RhdGljQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc29ydGVkQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgIFtgJi4ke3N0YXRpY0NsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHskc29ydGVkQ29sb3J9LCAkeyRzb3J0ZWRDb2xvcn0pYCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pKTtcblxuY29uc3QgZ2V0U29ydGVkQ29sb3IgPSAoY29sb3I/OiBzdHJpbmcsIGFscGhhPzogc3RyaW5nKSA9PiB7XG4gIHJldHVybiBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShjb2xvcikgJiYgYWxwaGFcbiAgICA/IGhleFRvUmdiQShjb2xvciwgcGFyc2VGbG9hdChhbHBoYSkpXG4gICAgOiBjb2xvcjtcbn07XG5cbi8qKlxuICogYEh2VGFibGVDZWxsYCBhY3RzIGFzIGEgYHRkYCBlbGVtZW50IGFuZCBpbmhlcml0cyBzdHlsZXMgZnJvbSBpdHMgY29udGV4dFxuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZUNlbGwgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlQ2VsbFByb3BzPihcbiAgKHByb3BzLCBleHRlcm5hbFJlZikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgc3R5bGUsXG4gICAgICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgICAgIGFsaWduID0gXCJpbmhlcml0XCIsXG4gICAgICB2YXJpYW50ID0gXCJkZWZhdWx0XCIsXG4gICAgICB0eXBlOiB0eXBlUHJvcCxcbiAgICAgIHN0aWNreUNvbHVtbiA9IGZhbHNlLFxuICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBzb3J0ZWQgPSBmYWxzZSxcbiAgICAgIHJlc2l6YWJsZSA9IGZhbHNlLFxuICAgICAgcmVzaXppbmcgPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB7IGNsYXNzZXMsIGN4IH0gPSB1c2VDbGFzc2VzKGNsYXNzZXNQcm9wKTtcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lLCByb290SWQgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgW3NvcnRlZENvbG9yVmFsdWUsIHNldFNvcnRlZENvbG9yVmFsdWVdID0gdXNlU3RhdGU8XG4gICAgICBzdHJpbmcgfCB1bmRlZmluZWRcbiAgICA+KCk7XG4gICAgY29uc3QgW3NvcnRlZENvbG9yQWxwaGEsIHNldFNvcnRlZENvbG9yQWxwaGFdID0gdXNlU3RhdGU8XG4gICAgICBzdHJpbmcgfCB1bmRlZmluZWRcbiAgICA+KCk7XG5cbiAgICBjb25zdCB0eXBlID0gdHlwZVByb3AgfHwgdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UZCB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVDZWxsID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZUNlbGwoQ29tcG9uZW50KSwgW0NvbXBvbmVudF0pO1xuXG4gICAgY29uc3QgW3NvcnRlZENvbG9yLCBzZXRTb3J0ZWRDb2xvcl0gPSB1c2VTdGF0ZShcbiAgICAgIGdldFNvcnRlZENvbG9yKHNvcnRlZENvbG9yVmFsdWUsIHNvcnRlZENvbG9yQWxwaGEpXG4gICAgKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRTb3J0ZWRDb2xvclZhbHVlKGdldFZhclZhbHVlKHRoZW1lLnRhYmxlLnJvd1NvcnRlZENvbG9yLCByb290SWQpKTtcbiAgICAgIHNldFNvcnRlZENvbG9yQWxwaGEoZ2V0VmFyVmFsdWUodGhlbWUudGFibGUucm93U29ydGVkQ29sb3JBbHBoYSwgcm9vdElkKSk7XG5cbiAgICAgIHNldFNvcnRlZENvbG9yKGdldFNvcnRlZENvbG9yKHNvcnRlZENvbG9yVmFsdWUsIHNvcnRlZENvbG9yQWxwaGEpKTtcbiAgICB9LCBbXG4gICAgICBhY3RpdmVUaGVtZT8uY29sb3JzLm1vZGVzLnNlbGVjdGVkTW9kZSxcbiAgICAgIHNvcnRlZENvbG9yVmFsdWUsXG4gICAgICBzb3J0ZWRDb2xvckFscGhhLFxuICAgICAgcm9vdElkLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUNlbGxcbiAgICAgICAgcmVmPXtleHRlcm5hbFJlZn1cbiAgICAgICAgcm9sZT17Q29tcG9uZW50ID09PSBkZWZhdWx0Q29tcG9uZW50ID8gbnVsbCA6IFwiY2VsbFwifVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y3goY2xhc3NOYW1lLCBjbGFzc2VzLnJvb3QsIGNsYXNzZXNbdHlwZV0sIHtcbiAgICAgICAgICBbY2xhc3Nlc1tgYWxpZ24ke2NhcGl0YWxpemUoYWxpZ24pfWBdXTogYWxpZ24gIT09IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIFtjbGFzc2VzLnZhcmlhbnRMaXN0XTogdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiLFxuICAgICAgICAgIFtjbGFzc2VzLnZhcmlhbnRMaXN0SGVhZF06XG4gICAgICAgICAgICB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiYgdHlwZSAhPT0gXCJib2R5XCIsXG4gICAgICAgICAgW2NsYXNzZXNbYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF1dOiB2YXJpYW50ICE9PSBcImRlZmF1bHRcIixcbiAgICAgICAgICBbY2xhc3Nlcy5zb3J0ZWRdOiBzb3J0ZWQsXG4gICAgICAgICAgW2NsYXNzZXMuc3RpY2t5Q29sdW1uXTogc3RpY2t5Q29sdW1uLFxuICAgICAgICAgIFtjbGFzc2VzLnN0aWNreUNvbHVtbk1vc3RMZWZ0XTogc3RpY2t5Q29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgW2NsYXNzZXMuc3RpY2t5Q29sdW1uTGVhc3RSaWdodF06IHN0aWNreUNvbHVtbkxlYXN0UmlnaHQsXG4gICAgICAgICAgW2NsYXNzZXMuZ3JvdXBDb2x1bW5Nb3N0TGVmdF06IGdyb3VwQ29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgW2NsYXNzZXMuZ3JvdXBDb2x1bW5Nb3N0UmlnaHRdOiBncm91cENvbHVtbk1vc3RSaWdodCxcbiAgICAgICAgICBbY2xhc3Nlcy5yZXNpemFibGVdOiByZXNpemFibGUsXG4gICAgICAgICAgW2NsYXNzZXMucmVzaXppbmddOiByZXNpemluZyxcbiAgICAgICAgfSl9XG4gICAgICAgICR0eXBlPXt0eXBlfVxuICAgICAgICAkc3RpY2t5Q29sdW1uPXtzdGlja3lDb2x1bW59XG4gICAgICAgICRzb3J0ZWRDb2xvcj17c29ydGVkQ29sb3J9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFibGVDZWxsPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
 const getSortedColor = (color, alpha) => {
   return checkValidHexColorValue(color) && alpha ? fade(color, parseFloat(alpha)) : color;
 };
 const HvTableCell = forwardRef((props, externalRef) => {
-  var _a, _b;
+  var _a;
   const {
     children,
     component,
@@ -77,7 +77,7 @@ const HvTableCell = forwardRef((props, externalRef) => {
   } = useClasses(classesProp);
   const {
     activeTheme,
-    selectedMode
+    rootId
   } = useTheme();
   const tableContext = useContext(TableContext);
   const tableSectionContext = useContext(TableSectionContext);
@@ -88,10 +88,10 @@ const HvTableCell = forwardRef((props, externalRef) => {
   const TableCell = useMemo(() => StyledTableCell(Component), [Component]);
   const [sortedColor, setSortedColor] = useState(getSortedColor(sortedColorValue, sortedColorAlpha));
   useEffect(() => {
-    setSortedColorValue(getVarValue(theme.table.rowSortedColor));
-    setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));
+    setSortedColorValue(getVarValue(theme.table.rowSortedColor, rootId));
+    setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha, rootId));
     setSortedColor(getSortedColor(sortedColorValue, sortedColorAlpha));
-  }, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], sortedColorValue, sortedColorAlpha]);
+  }, [activeTheme == null ? void 0 : activeTheme.colors.modes.selectedMode, sortedColorValue, sortedColorAlpha, rootId]);
   return /* @__PURE__ */ jsx(TableCell, {
     ref: externalRef,
     role: Component === defaultComponent ? null : "cell",

package/dist/esm/components/Table/TableCell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n  checkValidHexColorValue,\n  ExtractNames,\n  getVarValue,\n  hexToRgbA,\n} from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableCell.styles\";\n\nexport { staticClasses as tableCellClasses };\n\nexport type HvTableCellClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n  /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** Whether or not the cell is part of a sorted column. */\n  sorted?: boolean;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n    ...($type === \"body\" && {\n      [`&.${staticClasses.sorted}`]: {\n        backgroundColor: $sortedColor,\n      },\n    }),\n    ...($stickyColumn && {\n      [`&.${staticClasses.sorted}`]: {\n        backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n      },\n    }),\n  }));\n\nconst getSortedColor = (color?: string, alpha?: string) => {\n  return checkValidHexColorValue(color) && alpha\n    ? hexToRgbA(color, parseFloat(alpha))\n    : color;\n};\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (props, externalRef) => {\n    const {\n      children,\n      component,\n      className,\n      style,\n      classes: classesProp,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [sortedColorValue, setSortedColorValue] = useState<\n      string | undefined\n    >();\n    const [sortedColorAlpha, setSortedColorAlpha] = useState<\n      string | undefined\n    >();\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    const [sortedColor, setSortedColor] = useState(\n      getSortedColor(sortedColorValue, sortedColorAlpha)\n    );\n\n    useEffect(() => {\n      setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n      setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n      setSortedColor(getSortedColor(sortedColorValue, sortedColorAlpha));\n    }, [\n      activeTheme?.colors?.modes[selectedMode],\n      sortedColorValue,\n      sortedColorAlpha,\n    ]);\n\n    return (\n      <TableCell\n        ref={externalRef}\n        role={Component === defaultComponent ? null : \"cell\"}\n        style={style}\n        className={cx(className, classes.root, classes[type], {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes.variantList]: tableContext.variant === \"listrow\",\n          [classes.variantListHead]:\n            tableContext.variant === \"listrow\" && type !== \"body\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n          [classes.sorted]: sorted,\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        })}\n        $type={type}\n        $stickyColumn={stickyColumn}\n        $sortedColor={sortedColor}\n        {...others}\n      >\n        {children}\n      </TableCell>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","staticClasses","sorted","backgroundColor","backgroundImage","getSortedColor","color","alpha","checkValidHexColorValue","hexToRgbA","parseFloat","HvTableCell","forwardRef","props","externalRef","children","component","className","style","classes","classesProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","cx","useClasses","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","setSortedColor","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ref","role","root","capitalize","variantList","variantListHead"],"mappings":"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"}
+{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n  checkValidHexColorValue,\n  ExtractNames,\n  hexToRgbA,\n  getVarValue,\n} from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableCell.styles\";\n\nexport { staticClasses as tableCellClasses };\n\nexport type HvTableCellClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n  /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** Whether or not the cell is part of a sorted column. */\n  sorted?: boolean;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n    ...($type === \"body\" && {\n      [`&.${staticClasses.sorted}`]: {\n        backgroundColor: $sortedColor,\n      },\n    }),\n    ...($stickyColumn && {\n      [`&.${staticClasses.sorted}`]: {\n        backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n      },\n    }),\n  }));\n\nconst getSortedColor = (color?: string, alpha?: string) => {\n  return checkValidHexColorValue(color) && alpha\n    ? hexToRgbA(color, parseFloat(alpha))\n    : color;\n};\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (props, externalRef) => {\n    const {\n      children,\n      component,\n      className,\n      style,\n      classes: classesProp,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme, rootId } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [sortedColorValue, setSortedColorValue] = useState<\n      string | undefined\n    >();\n    const [sortedColorAlpha, setSortedColorAlpha] = useState<\n      string | undefined\n    >();\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    const [sortedColor, setSortedColor] = useState(\n      getSortedColor(sortedColorValue, sortedColorAlpha)\n    );\n\n    useEffect(() => {\n      setSortedColorValue(getVarValue(theme.table.rowSortedColor, rootId));\n      setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha, rootId));\n\n      setSortedColor(getSortedColor(sortedColorValue, sortedColorAlpha));\n    }, [\n      activeTheme?.colors.modes.selectedMode,\n      sortedColorValue,\n      sortedColorAlpha,\n      rootId,\n    ]);\n\n    return (\n      <TableCell\n        ref={externalRef}\n        role={Component === defaultComponent ? null : \"cell\"}\n        style={style}\n        className={cx(className, classes.root, classes[type], {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes.variantList]: tableContext.variant === \"listrow\",\n          [classes.variantListHead]:\n            tableContext.variant === \"listrow\" && type !== \"body\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n          [classes.sorted]: sorted,\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        })}\n        $type={type}\n        $stickyColumn={stickyColumn}\n        $sortedColor={sortedColor}\n        {...others}\n      >\n        {children}\n      </TableCell>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","staticClasses","sorted","backgroundColor","backgroundImage","getSortedColor","color","alpha","checkValidHexColorValue","hexToRgbA","parseFloat","HvTableCell","forwardRef","props","externalRef","children","component","className","style","classes","classesProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","cx","useClasses","activeTheme","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","setSortedColor","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","selectedMode","ref","role","root","capitalize","variantList","variantListHead"],"mappings":"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"}