@hitachivantara/uikit-react-core 5.22.1 → 5.24.0

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { SliderProps } from \"rc-slider\";\n\nimport { clsx } from \"clsx\";\n\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvInputProps } from \"@core/components/Input\";\nimport { HvFormStatus, HvLabel } from \"@core/components/Forms\";\n\nimport sliderClasses, { HvSliderClasses } from \"./sliderClasses\";\nimport {\n  sliderStyles,\n  StyledFormElement,\n  StyledLabelContainer,\n  StyledSlider,\n  StyledSliderContainer,\n  StyledTooltip,\n  StyledTooltipContainer,\n  StyledWarning,\n} from \"./Slider.styles\";\nimport {\n  calculateStepValue,\n  convertStatusToArray,\n  createKnobStyles,\n  createMark,\n  createTrackStyles,\n  ensureValuesConsistency,\n  generateDefaultKnobProperties,\n  isSingleSlider,\n  knobsPositionsToKnobsValues,\n  knobsPositionToScaledValue,\n  knobsValuesToKnobsPositions,\n  scaledValueToKnobsPositionValue,\n  statusArrayToFormStatus,\n} from \"./utils\";\nimport { HvSliderInput } from \"./SliderInput/SliderInput\";\nimport { HvKnobProperty, HvMarkProperty } from \"./types\";\n\nexport interface HvSliderProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\" | \"onBlur\"> {\n  /**\n   * The slider name.\n   */\n  name?: string;\n  /**\n   * The label of the slider.\n   *\n   * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Indicates that the slider is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the slider is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user slider is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * What message to render when the value is required.\n   */\n  requiredMessage?: string;\n  /**\n   * If `true` the input that controls the slider is hidden.\n   */\n  hideInput?: boolean;\n  /**\n   * Attributes applied to the slider element.\n   */\n  sliderProps?: SliderProps;\n  /**\n   * The status of the slider 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 the state.\n   */\n  status?: HvFormStatus | HvFormStatus[];\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The values array to apply to the component\n   */\n  values?: number[];\n  /**\n   * The default values array to apply to the component\n   */\n  defaultValues?: (number | undefined)[];\n  /**\n   * The object used to set the knob properties,\n   * for every item in the array a new knob will be created.\n   */\n  knobProperties?: HvKnobProperty[];\n  /**\n   * The object used to set the mark properties individually.\n   */\n  markProperties?: HvMarkProperty[];\n  /**\n   * The function executed before a change will occur in the slider.\n   */\n  onBeforeChange?: (value: number[]) => void;\n  /**\n   * The function executed while a change is occurring in the slider.\n   */\n  onChange?: (value: number[]) => void;\n  /**\n   * The function executed after a change ocurred in the slider.\n   */\n  onAfterChange?: (value: number[]) => void;\n  /**\n   * The function executed after a blur ocurred in the slider.\n   */\n  onBlur?: (\n    event: React.FocusEvent,\n    knobsValues: number[],\n    status?: HvFormStatus | HvFormStatus[]\n  ) => void;\n  /**\n   * The separation in points between marks.\n   * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n   */\n  markStep?: number;\n  /**\n   * How many subdivisions there are in the slider.\n   */\n  divisionQuantity?: number;\n  /**\n   * The value of the first point in the slider from left to right.\n   */\n  minPointValue?: number;\n  /**\n   * The value of the last point in the slider from left to right.\n   */\n  maxPointValue?: number;\n  /**\n   * The nax number of decimals if no format function is applied\n   */\n  markDigits?: number;\n  /**\n   * A formatting function used to add format to the marks in the track,\n   * the function receives the mark text\n   */\n  formatMark?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * A formatting function used to add format to the tooltip in the track,\n   * the function receives the mark text\n   */\n  formatTooltip?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * If `true` the knobs can't have the same value, if `false` knobs can have the same value.\n   */\n  noOverlap?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: HvInputProps[];\n  /**\n   * Attributes applied to the knob element.\n   */\n  knobProps?: React.HTMLAttributes<HTMLDivElement>[];\n  /**\n   * The classes object to be applied into the root object.\n   */\n  classes?: HvSliderClasses;\n}\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.\n */\nexport const HvSlider = ({\n  id,\n  className,\n  name,\n  label,\n  status,\n  statusMessage,\n  disabled,\n  classes,\n  sliderProps,\n  knobProps,\n  inputProps,\n  requiredMessage = \"The value is required\",\n  noOverlap = true,\n  hideInput = false,\n  required = false,\n  readOnly = false,\n  markProperties = [],\n  defaultValues = [undefined],\n  values: valuesProp = [],\n  knobProperties: knobPropertiesProp,\n  \"aria-errormessage\": ariaErrorMessage,\n  maxPointValue = 100,\n  minPointValue = 0,\n  divisionQuantity = 100,\n  markStep = 20,\n  markDigits = 0,\n  formatMark,\n  onChange,\n  onBlur,\n  onBeforeChange,\n  onAfterChange,\n  formatTooltip,\n  ...others\n}: HvSliderProps) => {\n  // Miscellaneous state\n  const hasLabel = label != null;\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  const elementId = useUniqueId(id, \"hvSlider\");\n\n  const sliderInputId = setId(elementId, \"input\");\n\n  const stepValue: number = useMemo(\n    () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n    [divisionQuantity, maxPointValue, minPointValue]\n  );\n\n  const inverseStepValue: number = 1 / stepValue;\n\n  const marks = useMemo(\n    () =>\n      createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        !!disabled,\n        sliderStyles,\n        formatMark\n      ),\n    [\n      disabled,\n      divisionQuantity,\n      formatMark,\n      markDigits,\n      markProperties,\n      markStep,\n      minPointValue,\n      stepValue,\n    ]\n  );\n\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isSingle: boolean = useMemo(\n    () => isSingleSlider(valuesProp, defaultValues),\n    [defaultValues, valuesProp]\n  );\n\n  const value: number[] | undefined = useMemo(\n    () =>\n      valuesProp?.length > 0\n        ? knobsValuesToKnobsPositions(\n            valuesProp,\n            inverseStepValue,\n            minPointValue\n          )\n        : undefined,\n    [inverseStepValue, minPointValue, valuesProp]\n  );\n\n  const defaultKnobsPositions: number[] = useMemo(\n    () =>\n      knobsValuesToKnobsPositions(\n        defaultValues,\n        inverseStepValue,\n        minPointValue\n      ),\n    [defaultValues, inverseStepValue, minPointValue]\n  );\n\n  const [knobsPositions, setKnobsPositions] = useControlled(\n    value,\n    defaultKnobsPositions\n  );\n\n  // Validation related state\n  const { arrayStatus, arrayDefaultStatus } = useMemo(\n    () => convertStatusToArray(knobsPositions.length, status),\n    [knobsPositions.length, status]\n  );\n\n  const [validationStatus, setValidationState] = useControlled(\n    arrayStatus,\n    arrayDefaultStatus\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [isDraggingTrack, setIsDraggingTrack] = useState<boolean>(false);\n\n  const knobProperties: HvKnobProperty[] = generateDefaultKnobProperties(\n    knobsPositions.length,\n    disabled,\n    knobPropertiesProp\n  );\n\n  const rangesCount = knobProperties.length - 1;\n\n  const trackStyles = createTrackStyles(knobProperties, sliderStyles);\n\n  const knobStyles = createKnobStyles(knobProperties, sliderStyles);\n\n  const performValidation = useCallback(() => {\n    let invalid: boolean = false;\n\n    const newValidationState = knobsPositions.map((position) => {\n      if (position == null || Number.isNaN(position)) {\n        invalid = true;\n        return validationStates.invalid;\n      }\n      return validationStates.valid;\n    });\n\n    setValidationState([...newValidationState]);\n\n    if (invalid) {\n      setValidationMessage(requiredMessage);\n      return;\n    }\n\n    setValidationMessage(\"\");\n  }, [\n    knobsPositions,\n    requiredMessage,\n    setValidationMessage,\n    setValidationState,\n  ]);\n\n  useEffect(() => {\n    const stepVl = calculateStepValue(\n      maxPointValue,\n      minPointValue,\n      divisionQuantity\n    );\n\n    const inverseStepVl = 1 / stepVl;\n\n    if (valuesProp?.length > 0) {\n      setKnobsPositions(\n        knobsValuesToKnobsPositions(\n          valuesProp.length > 0 ? valuesProp : defaultValues,\n          inverseStepVl,\n          minPointValue\n        )\n      );\n    }\n  }, [\n    defaultValues,\n    divisionQuantity,\n    maxPointValue,\n    minPointValue,\n    setKnobsPositions,\n    valuesProp,\n  ]);\n\n  useEffect(() => {\n    if (!isDirty.current) {\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  }, [knobsPositions, requiredMessage, performValidation]);\n\n  const onMouseDownHandler = (event: React.MouseEvent<HTMLDivElement>) => {\n    if ((event.target as HTMLDivElement).className.includes(\"track\")) {\n      setIsDraggingTrack(true);\n    }\n  };\n\n  const onMouseUpHandler = () => {\n    setIsDraggingTrack(false);\n  };\n\n  /**\n   * Generates an object which posses the current value and position of the knobs.\n   *\n   * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n   * @returns {Object} - An object with the positions and values of the knobs.\n   * @memberof HvSlider\n   */\n  const generateKnobsPositionAndValues = (\n    knobsCurrentPosition: number[]\n  ): { knobsPosition: number[]; knobsValues: number[] } => {\n    const newKnobsPosition: number[] = knobsCurrentPosition.slice();\n    const knobsValues: number[] = [];\n\n    let duplicatedValue: number | null = null;\n\n    const findDuplicated: number[] = newKnobsPosition.filter(\n      (item, index) => newKnobsPosition.indexOf(item) !== index\n    );\n\n    if (noOverlap && findDuplicated.length > 0) {\n      [duplicatedValue] = findDuplicated;\n    }\n\n    newKnobsPosition.forEach((position, index, array) => {\n      const newArray: number[] = array;\n      let newPosition: number = position;\n\n      if (noOverlap && newPosition === duplicatedValue) {\n        const previousValue = knobsPositions[index];\n        if (previousValue !== newPosition) {\n          newPosition += newPosition > previousValue ? -1 : 1;\n          newArray[index] = newPosition;\n        }\n      }\n\n      knobsValues[index] = knobsPositionToScaledValue(\n        newPosition,\n        minPointValue,\n        stepValue\n      );\n    }, this);\n\n    return {\n      knobsPosition: newKnobsPosition,\n      knobsValues,\n    };\n  };\n\n  const onBlurHandler = (event: React.FocusEvent) => {\n    const knobs = generateKnobsPositionAndValues(knobsPositions);\n\n    performValidation();\n\n    onBlur?.(event, knobs.knobsValues, status);\n  };\n\n  /**\n   * Function executed while the knobs changes.\n   *\n   * executes the callback provided by the user with the values and position of the knobs,\n   * also lock the value of the knob in case one is fixed.\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onChangeHandler = (knobsPosition: number[]) => {\n    isDirty.current = true;\n\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    knobProperties.forEach((knobProperty, index) => {\n      if (knobProperty.fixed) {\n        knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n          defaultValues[index],\n          minPointValue,\n          inverseStepValue\n        );\n      }\n    });\n\n    if (disabled || readOnly) return;\n\n    onChange?.(knobs.knobsValues);\n\n    setKnobsPositions(knobs.knobsPosition);\n  };\n\n  const onInputChangeHandler = (inputValues: number[], index: number) => {\n    let newKnobPositions = knobsValuesToKnobsPositions(\n      inputValues,\n      inverseStepValue,\n      minPointValue\n    );\n\n    newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\n\n    onChangeHandler(newKnobPositions);\n  };\n\n  /**\n   * Function executed before a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onBeforeChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onBeforeChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function executed after a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onAfterChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onAfterChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function used to create a custom knob for the slider.\n   *\n   * TODO: This should be isolated because is creating a sub component,\n   * but there were some problems regarding the underlying component losing\n   * references of the handlers disabling the focus.\n   *\n   * @param {Object} props - An object containing the properties of the knobs.\n   * @memberof HvSlider\n   */\n  const createKnob = (knobNode, params) => {\n    const { value: knobValue, dragging, index } = params;\n    const { className: knobClassName, style, ...restProps } = knobNode.props;\n    const scaledKnobValue = knobsPositionToScaledValue(\n      knobValue,\n      minPointValue,\n      stepValue\n    ).toFixed(markDigits);\n    if (dragging) {\n      style.backgroundColor = knobProperties[index]?.dragColor;\n    } else {\n      style.backgroundColor = knobProperties[index]?.color;\n    }\n\n    const isEmpty =\n      Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n    const handleId = setId(elementId, \"knob\");\n    const indexedHandleId = setId(handleId, index);\n\n    return (\n      <StyledTooltipContainer\n        key={index}\n        className={clsx(\n          !disabled &&\n            !isEmpty &&\n            clsx(classes?.handleContainer, sliderClasses.handleContainer),\n          disabled &&\n            !isEmpty &&\n            clsx(\n              classes?.handleContainerDisabled,\n              sliderClasses.handleContainerDisabled\n            ),\n          (isEmpty || readOnly) &&\n            clsx(\n              classes?.handleHiddenContainer,\n              sliderClasses.handleHiddenContainer\n            )\n        )}\n        $active={!!(!disabled && !isEmpty)}\n        $disabled={!!(disabled && !isEmpty)}\n        $hidden={isEmpty || readOnly}\n      >\n        <StyledTooltip\n          prefixCls=\"rc-slider-tooltip\"\n          overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n          visible={dragging}\n          placement=\"top\"\n          overlayClassName={clsx(\n            classes?.sliderTooltip,\n            sliderClasses.sliderTooltip\n          )}\n          getTooltipContainer={() =>\n            document.getElementById(indexedHandleId || \"\") as HTMLElement\n          }\n        >\n          <div\n            id={indexedHandleId}\n            style={style}\n            className={clsx(\n              knobClassName,\n              classes?.handle,\n              sliderClasses.handle\n            )}\n            {...restProps}\n            aria-label={`${label}-knob-${index}`}\n            aria-valuenow={knobsPositionToScaledValue(\n              knobValue,\n              minPointValue,\n              stepValue\n            )}\n            aria-valuemin={minPointValue}\n            aria-valuemax={maxPointValue}\n            {...knobProps?.[index]}\n          />\n        </StyledTooltip>\n      </StyledTooltipContainer>\n    );\n  };\n\n  return (\n    <StyledFormElement\n      className={clsx(\n        className,\n        classes?.root,\n        sliderClasses.root,\n        !readOnly &&\n          !disabled &&\n          !isSingle &&\n          isDraggingTrack &&\n          clsx(classes?.trackDragging, sliderClasses.trackDragging),\n        !readOnly &&\n          !disabled &&\n          !isSingle &&\n          !isDraggingTrack &&\n          clsx(classes?.trackStandBy, sliderClasses.trackStandBy),\n        disabled && clsx(classes?.rootDisabled, sliderClasses.rootDisabled)\n      )}\n      $dragging={!readOnly && !disabled && !isSingle && isDraggingTrack}\n      $standBy={!readOnly && !disabled && !isSingle && !isDraggingTrack}\n      $disabled={!!disabled}\n      id={id}\n      name={name}\n      status={statusArrayToFormStatus(validationStatus)}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      onMouseDown={onMouseDownHandler}\n      onMouseUp={onMouseUpHandler}\n      onBlur={onBlurHandler}\n      {...others}\n    >\n      {(hasLabel || !hideInput) && (\n        <StyledLabelContainer\n          className={clsx(\n            classes?.labelContainer,\n            sliderClasses.labelContainer,\n            hasLabel &&\n              clsx(classes?.labelIncluded, sliderClasses.labelIncluded),\n            !hasLabel && clsx(classes?.onlyInput, sliderClasses.onlyInput)\n          )}\n          $hasLabel={hasLabel}\n        >\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={clsx(classes?.label, sliderClasses.label)}\n              htmlFor={setId(elementId, \"slider\")}\n              label={label}\n            />\n          )}\n\n          {!hideInput && (\n            <HvSliderInput\n              id={sliderInputId}\n              label={label}\n              values={knobsPositionsToKnobsValues(\n                knobsPositions,\n                stepValue,\n                minPointValue\n              )}\n              onChange={onInputChangeHandler}\n              status={validationStatus}\n              disabled={disabled}\n              readOnly={readOnly}\n              markDigits={markDigits}\n              inputProps={inputProps}\n            />\n          )}\n        </StyledLabelContainer>\n      )}\n\n      <StyledSliderContainer\n        className={clsx(\n          classes?.sliderBase,\n          sliderClasses.sliderBase,\n          classes?.sliderContainer,\n          sliderClasses.sliderContainer\n        )}\n      >\n        {isSingle && (\n          <StyledSlider\n            handleRender={createKnob}\n            className={clsx(classes?.sliderRoot, sliderClasses.sliderRoot)}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n            allowCross={false}\n            disabled={disabled}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            {...sliderProps}\n          />\n        )}\n        {!isSingle && (\n          <StyledSlider\n            range\n            handleRender={createKnob}\n            className={clsx(\n              classes?.sliderRoot,\n              sliderClasses.sliderRoot,\n              !isSingle && clsx(classes?.rootRange, sliderClasses.rootRange)\n            )}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            disabled={disabled}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n            allowCross={false}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            draggableTrack={!readOnly && !isSingle}\n            {...sliderProps}\n          />\n        )}\n      </StyledSliderContainer>\n\n      {canShowError && (\n        <StyledWarning\n          id={setId(elementId, \"error\")}\n          className={clsx(classes?.error, sliderClasses.error)}\n          disableBorder\n        >\n          {validationMessage}\n        </StyledWarning>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSlider","id","className","name","label","status","statusMessage","disabled","classes","sliderProps","knobProps","inputProps","requiredMessage","noOverlap","hideInput","required","readOnly","markProperties","defaultValues","undefined","values","valuesProp","knobProperties","knobPropertiesProp","ariaErrorMessage","maxPointValue","minPointValue","divisionQuantity","markStep","markDigits","formatMark","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","others","hasLabel","isDirty","useRef","elementId","useUniqueId","sliderInputId","setId","stepValue","useMemo","calculateStepValue","inverseStepValue","marks","createMark","sliderStyles","canShowError","isSingle","isSingleSlider","value","length","knobsValuesToKnobsPositions","defaultKnobsPositions","knobsPositions","setKnobsPositions","useControlled","arrayStatus","arrayDefaultStatus","convertStatusToArray","validationStatus","setValidationState","validationMessage","setValidationMessage","isDraggingTrack","setIsDraggingTrack","useState","generateDefaultKnobProperties","rangesCount","trackStyles","createTrackStyles","knobStyles","createKnobStyles","performValidation","useCallback","invalid","newValidationState","map","position","Number","isNaN","validationStates","valid","useEffect","stepVl","inverseStepVl","current","onMouseDownHandler","event","target","includes","onMouseUpHandler","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPositionToScaledValue","knobsPosition","onBlurHandler","knobs","onChangeHandler","knobProperty","fixed","scaledValueToKnobsPositionValue","onInputChangeHandler","inputValues","newKnobPositions","ensureValuesConsistency","onBeforeChangeHandler","onAfterChangeHandler","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","props","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","indexedHandleId","StyledTooltipContainer","clsx","handleContainer","sliderClasses","handleContainerDisabled","handleHiddenContainer","$active","$disabled","$hidden","children","StyledTooltip","prefixCls","overlay","visible","placement","overlayClassName","sliderTooltip","getTooltipContainer","document","getElementById","handle","StyledFormElement","root","trackDragging","trackStandBy","rootDisabled","$dragging","$standBy","statusArrayToFormStatus","onMouseDown","onMouseUp","StyledLabelContainer","labelContainer","labelIncluded","onlyInput","$hasLabel","_jsx","HvLabel","htmlFor","HvSliderInput","knobsPositionsToKnobsValues","_jsxs","StyledSliderContainer","sliderBase","sliderContainer","StyledSlider","handleRender","sliderRoot","min","max","step","dotStyle","dotDisabled","dot","singleValue","Array","isArray","allowCross","count","railStyle","rail","handleStyle","knobInner","trackStyle","range","rootRange","draggableTrack","StyledWarning","error","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { SliderProps } from \"rc-slider\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvInputProps } from \"@core/components/Input\";\nimport { HvFormStatus, HvLabel } from \"@core/components/Forms\";\n\nimport sliderClasses, { HvSliderClasses } from \"./sliderClasses\";\nimport {\n  sliderStyles,\n  StyledFormElement,\n  StyledLabelContainer,\n  StyledSlider,\n  StyledSliderContainer,\n  StyledTooltip,\n  StyledTooltipContainer,\n  StyledWarning,\n} from \"./Slider.styles\";\nimport {\n  calculateStepValue,\n  convertStatusToArray,\n  createKnobStyles,\n  createMark,\n  createTrackStyles,\n  ensureValuesConsistency,\n  generateDefaultKnobProperties,\n  isSingleSlider,\n  knobsPositionsToKnobsValues,\n  knobsPositionToScaledValue,\n  knobsValuesToKnobsPositions,\n  scaledValueToKnobsPositionValue,\n  statusArrayToFormStatus,\n} from \"./utils\";\nimport { HvSliderInput } from \"./SliderInput/SliderInput\";\nimport { HvKnobProperty, HvMarkProperty } from \"./types\";\n\nexport interface HvSliderProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\" | \"onBlur\"> {\n  /**\n   * The slider name.\n   */\n  name?: string;\n  /**\n   * The label of the slider.\n   *\n   * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Indicates that the slider is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the slider is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user slider is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * What message to render when the value is required.\n   */\n  requiredMessage?: string;\n  /**\n   * If `true` the input that controls the slider is hidden.\n   */\n  hideInput?: boolean;\n  /**\n   * Attributes applied to the slider element.\n   */\n  sliderProps?: SliderProps;\n  /**\n   * The status of the slider 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 the state.\n   */\n  status?: HvFormStatus | HvFormStatus[];\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The values array to apply to the component\n   */\n  values?: number[];\n  /**\n   * The default values array to apply to the component\n   */\n  defaultValues?: (number | undefined)[];\n  /**\n   * The object used to set the knob properties,\n   * for every item in the array a new knob will be created.\n   */\n  knobProperties?: HvKnobProperty[];\n  /**\n   * The object used to set the mark properties individually.\n   */\n  markProperties?: HvMarkProperty[];\n  /**\n   * The function executed before a change will occur in the slider.\n   */\n  onBeforeChange?: (value: number[]) => void;\n  /**\n   * The function executed while a change is occurring in the slider.\n   */\n  onChange?: (value: number[]) => void;\n  /**\n   * The function executed after a change ocurred in the slider.\n   */\n  onAfterChange?: (value: number[]) => void;\n  /**\n   * The function executed after a blur ocurred in the slider.\n   */\n  onBlur?: (\n    event: React.FocusEvent,\n    knobsValues: number[],\n    status?: HvFormStatus | HvFormStatus[]\n  ) => void;\n  /**\n   * The separation in points between marks.\n   * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n   */\n  markStep?: number;\n  /**\n   * How many subdivisions there are in the slider.\n   */\n  divisionQuantity?: number;\n  /**\n   * The value of the first point in the slider from left to right.\n   */\n  minPointValue?: number;\n  /**\n   * The value of the last point in the slider from left to right.\n   */\n  maxPointValue?: number;\n  /**\n   * The nax number of decimals if no format function is applied\n   */\n  markDigits?: number;\n  /**\n   * A formatting function used to add format to the marks in the track,\n   * the function receives the mark text\n   */\n  formatMark?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * A formatting function used to add format to the tooltip in the track,\n   * the function receives the mark text\n   */\n  formatTooltip?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * If `true` the knobs can't have the same value, if `false` knobs can have the same value.\n   */\n  noOverlap?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: HvInputProps[];\n  /**\n   * Attributes applied to the knob element.\n   */\n  knobProps?: React.HTMLAttributes<HTMLDivElement>[];\n  /**\n   * The classes object to be applied into the root object.\n   */\n  classes?: HvSliderClasses;\n}\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.\n */\nexport const HvSlider = (props: HvSliderProps) => {\n  const {\n    id,\n    className,\n    name,\n    label,\n    status,\n    statusMessage,\n    disabled,\n    classes,\n    sliderProps,\n    knobProps,\n    inputProps,\n    requiredMessage = \"The value is required\",\n    noOverlap = true,\n    hideInput = false,\n    required = false,\n    readOnly = false,\n    markProperties = [],\n    defaultValues = [undefined],\n    values: valuesProp = [],\n    knobProperties: knobPropertiesProp,\n    \"aria-errormessage\": ariaErrorMessage,\n    maxPointValue = 100,\n    minPointValue = 0,\n    divisionQuantity = 100,\n    markStep = 20,\n    markDigits = 0,\n    formatMark,\n    onChange,\n    onBlur,\n    onBeforeChange,\n    onAfterChange,\n    formatTooltip,\n    ...others\n  } = useDefaultProps(\"HvSlider\", props);\n\n  // Miscellaneous state\n  const hasLabel = label != null;\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  const elementId = useUniqueId(id, \"hvSlider\");\n\n  const sliderInputId = setId(elementId, \"input\");\n\n  const stepValue: number = useMemo(\n    () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n    [divisionQuantity, maxPointValue, minPointValue]\n  );\n\n  const inverseStepValue: number = 1 / stepValue;\n\n  const marks = useMemo(\n    () =>\n      createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        !!disabled,\n        sliderStyles,\n        formatMark\n      ),\n    [\n      disabled,\n      divisionQuantity,\n      formatMark,\n      markDigits,\n      markProperties,\n      markStep,\n      minPointValue,\n      stepValue,\n    ]\n  );\n\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isSingle: boolean = useMemo(\n    () => isSingleSlider(valuesProp, defaultValues),\n    [defaultValues, valuesProp]\n  );\n\n  const value: number[] | undefined = useMemo(\n    () =>\n      valuesProp?.length > 0\n        ? knobsValuesToKnobsPositions(\n            valuesProp,\n            inverseStepValue,\n            minPointValue\n          )\n        : undefined,\n    [inverseStepValue, minPointValue, valuesProp]\n  );\n\n  const defaultKnobsPositions: number[] = useMemo(\n    () =>\n      knobsValuesToKnobsPositions(\n        defaultValues,\n        inverseStepValue,\n        minPointValue\n      ),\n    [defaultValues, inverseStepValue, minPointValue]\n  );\n\n  const [knobsPositions, setKnobsPositions] = useControlled(\n    value,\n    defaultKnobsPositions\n  );\n\n  // Validation related state\n  const { arrayStatus, arrayDefaultStatus } = useMemo(\n    () => convertStatusToArray(knobsPositions.length, status),\n    [knobsPositions.length, status]\n  );\n\n  const [validationStatus, setValidationState] = useControlled(\n    arrayStatus,\n    arrayDefaultStatus\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [isDraggingTrack, setIsDraggingTrack] = useState<boolean>(false);\n\n  const knobProperties: HvKnobProperty[] = generateDefaultKnobProperties(\n    knobsPositions.length,\n    disabled,\n    knobPropertiesProp\n  );\n\n  const rangesCount = knobProperties.length - 1;\n\n  const trackStyles = createTrackStyles(knobProperties, sliderStyles);\n\n  const knobStyles = createKnobStyles(knobProperties, sliderStyles);\n\n  const performValidation = useCallback(() => {\n    let invalid: boolean = false;\n\n    const newValidationState = knobsPositions.map((position) => {\n      if (position == null || Number.isNaN(position)) {\n        invalid = true;\n        return validationStates.invalid;\n      }\n      return validationStates.valid;\n    });\n\n    setValidationState([...newValidationState]);\n\n    if (invalid) {\n      setValidationMessage(requiredMessage);\n      return;\n    }\n\n    setValidationMessage(\"\");\n  }, [\n    knobsPositions,\n    requiredMessage,\n    setValidationMessage,\n    setValidationState,\n  ]);\n\n  useEffect(() => {\n    const stepVl = calculateStepValue(\n      maxPointValue,\n      minPointValue,\n      divisionQuantity\n    );\n\n    const inverseStepVl = 1 / stepVl;\n\n    if (valuesProp?.length > 0) {\n      setKnobsPositions(\n        knobsValuesToKnobsPositions(\n          valuesProp.length > 0 ? valuesProp : defaultValues,\n          inverseStepVl,\n          minPointValue\n        )\n      );\n    }\n  }, [\n    defaultValues,\n    divisionQuantity,\n    maxPointValue,\n    minPointValue,\n    setKnobsPositions,\n    valuesProp,\n  ]);\n\n  useEffect(() => {\n    if (!isDirty.current) {\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  }, [knobsPositions, requiredMessage, performValidation]);\n\n  const onMouseDownHandler = (event: React.MouseEvent<HTMLDivElement>) => {\n    if ((event.target as HTMLDivElement).className.includes(\"track\")) {\n      setIsDraggingTrack(true);\n    }\n  };\n\n  const onMouseUpHandler = () => {\n    setIsDraggingTrack(false);\n  };\n\n  /**\n   * Generates an object which posses the current value and position of the knobs.\n   *\n   * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n   * @returns {Object} - An object with the positions and values of the knobs.\n   * @memberof HvSlider\n   */\n  const generateKnobsPositionAndValues = (\n    knobsCurrentPosition: number[]\n  ): { knobsPosition: number[]; knobsValues: number[] } => {\n    const newKnobsPosition: number[] = knobsCurrentPosition.slice();\n    const knobsValues: number[] = [];\n\n    let duplicatedValue: number | null = null;\n\n    const findDuplicated: number[] = newKnobsPosition.filter(\n      (item, index) => newKnobsPosition.indexOf(item) !== index\n    );\n\n    if (noOverlap && findDuplicated.length > 0) {\n      [duplicatedValue] = findDuplicated;\n    }\n\n    newKnobsPosition.forEach((position, index, array) => {\n      const newArray: number[] = array;\n      let newPosition: number = position;\n\n      if (noOverlap && newPosition === duplicatedValue) {\n        const previousValue = knobsPositions[index];\n        if (previousValue !== newPosition) {\n          newPosition += newPosition > previousValue ? -1 : 1;\n          newArray[index] = newPosition;\n        }\n      }\n\n      knobsValues[index] = knobsPositionToScaledValue(\n        newPosition,\n        minPointValue,\n        stepValue\n      );\n    }, this);\n\n    return {\n      knobsPosition: newKnobsPosition,\n      knobsValues,\n    };\n  };\n\n  const onBlurHandler = (event: React.FocusEvent) => {\n    const knobs = generateKnobsPositionAndValues(knobsPositions);\n\n    performValidation();\n\n    onBlur?.(event, knobs.knobsValues, status);\n  };\n\n  /**\n   * Function executed while the knobs changes.\n   *\n   * executes the callback provided by the user with the values and position of the knobs,\n   * also lock the value of the knob in case one is fixed.\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onChangeHandler = (knobsPosition: number[]) => {\n    isDirty.current = true;\n\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    knobProperties.forEach((knobProperty, index) => {\n      if (knobProperty.fixed) {\n        knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n          defaultValues[index],\n          minPointValue,\n          inverseStepValue\n        );\n      }\n    });\n\n    if (disabled || readOnly) return;\n\n    onChange?.(knobs.knobsValues);\n\n    setKnobsPositions(knobs.knobsPosition);\n  };\n\n  const onInputChangeHandler = (inputValues: number[], index: number) => {\n    let newKnobPositions = knobsValuesToKnobsPositions(\n      inputValues,\n      inverseStepValue,\n      minPointValue\n    );\n\n    newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\n\n    onChangeHandler(newKnobPositions);\n  };\n\n  /**\n   * Function executed before a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onBeforeChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onBeforeChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function executed after a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onAfterChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onAfterChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function used to create a custom knob for the slider.\n   *\n   * TODO: This should be isolated because is creating a sub component,\n   * but there were some problems regarding the underlying component losing\n   * references of the handlers disabling the focus.\n   *\n   * @param {Object} props - An object containing the properties of the knobs.\n   * @memberof HvSlider\n   */\n  const createKnob = (knobNode, params) => {\n    const { value: knobValue, dragging, index } = params;\n    const { className: knobClassName, style, ...restProps } = knobNode.props;\n    const scaledKnobValue = knobsPositionToScaledValue(\n      knobValue,\n      minPointValue,\n      stepValue\n    ).toFixed(markDigits);\n    if (dragging) {\n      style.backgroundColor = knobProperties[index]?.dragColor;\n    } else {\n      style.backgroundColor = knobProperties[index]?.color;\n    }\n\n    const isEmpty =\n      Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n    const handleId = setId(elementId, \"knob\");\n    const indexedHandleId = setId(handleId, index);\n\n    return (\n      <StyledTooltipContainer\n        key={index}\n        className={clsx(\n          !disabled &&\n            !isEmpty &&\n            clsx(classes?.handleContainer, sliderClasses.handleContainer),\n          disabled &&\n            !isEmpty &&\n            clsx(\n              classes?.handleContainerDisabled,\n              sliderClasses.handleContainerDisabled\n            ),\n          (isEmpty || readOnly) &&\n            clsx(\n              classes?.handleHiddenContainer,\n              sliderClasses.handleHiddenContainer\n            )\n        )}\n        $active={!!(!disabled && !isEmpty)}\n        $disabled={!!(disabled && !isEmpty)}\n        $hidden={isEmpty || readOnly}\n      >\n        <StyledTooltip\n          prefixCls=\"rc-slider-tooltip\"\n          overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n          visible={dragging}\n          placement=\"top\"\n          overlayClassName={clsx(\n            classes?.sliderTooltip,\n            sliderClasses.sliderTooltip\n          )}\n          getTooltipContainer={() =>\n            document.getElementById(indexedHandleId || \"\") as HTMLElement\n          }\n        >\n          <div\n            id={indexedHandleId}\n            style={style}\n            className={clsx(\n              knobClassName,\n              classes?.handle,\n              sliderClasses.handle\n            )}\n            {...restProps}\n            aria-label={`${label}-knob-${index}`}\n            aria-valuenow={knobsPositionToScaledValue(\n              knobValue,\n              minPointValue,\n              stepValue\n            )}\n            aria-valuemin={minPointValue}\n            aria-valuemax={maxPointValue}\n            {...knobProps?.[index]}\n          />\n        </StyledTooltip>\n      </StyledTooltipContainer>\n    );\n  };\n\n  return (\n    <StyledFormElement\n      className={clsx(\n        className,\n        classes?.root,\n        sliderClasses.root,\n        !readOnly &&\n          !disabled &&\n          !isSingle &&\n          isDraggingTrack &&\n          clsx(classes?.trackDragging, sliderClasses.trackDragging),\n        !readOnly &&\n          !disabled &&\n          !isSingle &&\n          !isDraggingTrack &&\n          clsx(classes?.trackStandBy, sliderClasses.trackStandBy),\n        disabled && clsx(classes?.rootDisabled, sliderClasses.rootDisabled)\n      )}\n      $dragging={!readOnly && !disabled && !isSingle && isDraggingTrack}\n      $standBy={!readOnly && !disabled && !isSingle && !isDraggingTrack}\n      $disabled={!!disabled}\n      id={id}\n      name={name}\n      status={statusArrayToFormStatus(validationStatus)}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      onMouseDown={onMouseDownHandler}\n      onMouseUp={onMouseUpHandler}\n      onBlur={onBlurHandler}\n      {...others}\n    >\n      {(hasLabel || !hideInput) && (\n        <StyledLabelContainer\n          className={clsx(\n            classes?.labelContainer,\n            sliderClasses.labelContainer,\n            hasLabel &&\n              clsx(classes?.labelIncluded, sliderClasses.labelIncluded),\n            !hasLabel && clsx(classes?.onlyInput, sliderClasses.onlyInput)\n          )}\n          $hasLabel={hasLabel}\n        >\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={clsx(classes?.label, sliderClasses.label)}\n              htmlFor={setId(elementId, \"slider\")}\n              label={label}\n            />\n          )}\n\n          {!hideInput && (\n            <HvSliderInput\n              id={sliderInputId}\n              label={label}\n              values={knobsPositionsToKnobsValues(\n                knobsPositions,\n                stepValue,\n                minPointValue\n              )}\n              onChange={onInputChangeHandler}\n              status={validationStatus}\n              disabled={disabled}\n              readOnly={readOnly}\n              markDigits={markDigits}\n              inputProps={inputProps}\n            />\n          )}\n        </StyledLabelContainer>\n      )}\n\n      <StyledSliderContainer\n        className={clsx(\n          classes?.sliderBase,\n          sliderClasses.sliderBase,\n          classes?.sliderContainer,\n          sliderClasses.sliderContainer\n        )}\n      >\n        {isSingle && (\n          <StyledSlider\n            handleRender={createKnob}\n            className={clsx(classes?.sliderRoot, sliderClasses.sliderRoot)}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n            allowCross={false}\n            disabled={disabled}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            {...sliderProps}\n          />\n        )}\n        {!isSingle && (\n          <StyledSlider\n            range\n            handleRender={createKnob}\n            className={clsx(\n              classes?.sliderRoot,\n              sliderClasses.sliderRoot,\n              !isSingle && clsx(classes?.rootRange, sliderClasses.rootRange)\n            )}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            disabled={disabled}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n            allowCross={false}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            draggableTrack={!readOnly && !isSingle}\n            {...sliderProps}\n          />\n        )}\n      </StyledSliderContainer>\n\n      {canShowError && (\n        <StyledWarning\n          id={setId(elementId, \"error\")}\n          className={clsx(classes?.error, sliderClasses.error)}\n          disableBorder\n        >\n          {validationMessage}\n        </StyledWarning>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSlider","props","id","className","name","label","status","statusMessage","disabled","classes","sliderProps","knobProps","inputProps","requiredMessage","noOverlap","hideInput","required","readOnly","markProperties","defaultValues","undefined","values","valuesProp","knobProperties","knobPropertiesProp","ariaErrorMessage","maxPointValue","minPointValue","divisionQuantity","markStep","markDigits","formatMark","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","others","useDefaultProps","hasLabel","isDirty","useRef","elementId","useUniqueId","sliderInputId","setId","stepValue","useMemo","calculateStepValue","inverseStepValue","marks","createMark","sliderStyles","canShowError","isSingle","isSingleSlider","value","length","knobsValuesToKnobsPositions","defaultKnobsPositions","knobsPositions","setKnobsPositions","useControlled","arrayStatus","arrayDefaultStatus","convertStatusToArray","validationStatus","setValidationState","validationMessage","setValidationMessage","isDraggingTrack","setIsDraggingTrack","useState","generateDefaultKnobProperties","rangesCount","trackStyles","createTrackStyles","knobStyles","createKnobStyles","performValidation","useCallback","invalid","newValidationState","map","position","Number","isNaN","validationStates","valid","useEffect","stepVl","inverseStepVl","current","onMouseDownHandler","event","target","includes","onMouseUpHandler","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPositionToScaledValue","knobsPosition","onBlurHandler","knobs","onChangeHandler","knobProperty","fixed","scaledValueToKnobsPositionValue","onInputChangeHandler","inputValues","newKnobPositions","ensureValuesConsistency","onBeforeChangeHandler","onAfterChangeHandler","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","indexedHandleId","StyledTooltipContainer","clsx","handleContainer","sliderClasses","handleContainerDisabled","handleHiddenContainer","$active","$disabled","$hidden","children","StyledTooltip","prefixCls","overlay","visible","placement","overlayClassName","sliderTooltip","getTooltipContainer","document","getElementById","handle","StyledFormElement","root","trackDragging","trackStandBy","rootDisabled","$dragging","$standBy","statusArrayToFormStatus","onMouseDown","onMouseUp","StyledLabelContainer","labelContainer","labelIncluded","onlyInput","$hasLabel","_jsx","HvLabel","htmlFor","HvSliderInput","knobsPositionsToKnobsValues","_jsxs","StyledSliderContainer","sliderBase","sliderContainer","StyledSlider","handleRender","sliderRoot","min","max","step","dotStyle","dotDisabled","dot","singleValue","Array","isArray","allowCross","count","railStyle","rail","handleStyle","knobInner","trackStyle","range","rootRange","draggableTrack","StyledWarning","error","disableBorder"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { setId } from "../../utils/setId.js";
 import { useClasses } from "./Snackbar.styles.js";
 import { staticClasses } from "./Snackbar.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { HvSnackbarContent } from "./SnackbarContentWrapper/SnackbarContentWrapper.js";
+import { HvSnackbarContent } from "./SnackbarContent/SnackbarContent.js";
 const transLeft = (props) => /* @__PURE__ */ jsx(Slide, {
   ...props,
   direction: "left"
@@ -36,7 +36,7 @@ const snackBarDirComponent = (direction) => {
   }
 };
 const HvSnackbar = ({
-  classes: classesProp = {},
+  classes: classesProp,
   className,
   id,
   open = false,

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

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { Snackbar as MuiSnackbar } from \"@mui/material\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport { SyntheticEvent } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\n\nimport {\n  HvSnackbarContentProps,\n  HvSnackbarContent,\n} from \"./SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./Snackbar.styles\";\nimport { HvSnackbarVariant } from \"./types\";\n\nexport { staticClasses as snackbarClasses };\n\nexport type HvSnackbarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProps\n  extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** If true, Snackbar is open. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?:\n    | ((\n        event: Event | SyntheticEvent<any, Event>,\n        reason: SnackbarCloseReason\n      ) => void)\n    | undefined;\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n  anchorOrigin?: SnackbarOrigin;\n  /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n  autoHideDuration?: number;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\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  /** Duration of transition in milliseconds. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Custom offset from top/bottom of the page, in px. */\n  offset?: number;\n  /** Others applied to the content of the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarClasses;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n    case \"left\":\n    default:\n      return transLeft;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes: classesProp = {},\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <MuiSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </MuiSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","classesProp","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","useClasses","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","MuiSnackbar","style","capitalize","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;AAwEA,MAAMA,YAAaC,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AACjE,MAAMC,aAAcJ,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAE;AACnE,MAAME,UAAWL,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAE;AAC7D,MAAMG,YAAaN,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AAEjE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EACX;AACF;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEpB;AAAAA,EAAAA,IAAYqB,WAAWpB,WAAW;AAE1C,QAAMqB,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEN;AAAAA,IACV;AAAA,IACAO,oBAAoB;AAAA,MAClBC,QAAS,GAAER;AAAAA,IACb;AAAA,EAAA;AAGF,6BACGS,UAAW;AAAA,IACVC,OACEN,mBAAoB,eAAcO,WAAWtB,aAAaC,QAAQ,GAAG;AAAA,IAEvER;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAc,qBAAqBhC,qBAAqBmB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMW,8BAETC,mBAAiB;AAAA,MAChB7B,IAAI8B,MAAM9B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CACL;AAAA,EAAA,CACU;AAEjB;"}
+{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { Snackbar as MuiSnackbar } from \"@mui/material\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport { SyntheticEvent } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\n\nimport { HvSnackbarContentProps, HvSnackbarContent } from \"./SnackbarContent\";\nimport { staticClasses, useClasses } from \"./Snackbar.styles\";\nimport { HvSnackbarVariant } from \"./types\";\n\nexport { staticClasses as snackbarClasses };\n\nexport type HvSnackbarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProps\n  extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** If true, Snackbar is open. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?:\n    | ((\n        event: Event | SyntheticEvent<any, Event>,\n        reason: SnackbarCloseReason\n      ) => void)\n    | undefined;\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n  anchorOrigin?: SnackbarOrigin;\n  /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n  autoHideDuration?: number;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\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  /** Duration of transition in milliseconds. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Custom offset from top/bottom of the page, in px. */\n  offset?: number;\n  /** Others applied to the content of the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarClasses;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n    case \"left\":\n    default:\n      return transLeft;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes: classesProp,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <MuiSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </MuiSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","classesProp","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","useClasses","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","MuiSnackbar","style","capitalize","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;AAqEA,MAAMA,YAAaC,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AACjE,MAAMC,aAAcJ,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAE;AACnE,MAAME,UAAWL,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAE;AAC7D,MAAMG,YAAaN,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AAEjE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EACX;AACF;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEpB;AAAAA,EAAAA,IAAYqB,WAAWpB,WAAW;AAE1C,QAAMqB,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEN;AAAAA,IACV;AAAA,IACAO,oBAAoB;AAAA,MAClBC,QAAS,GAAER;AAAAA,IACb;AAAA,EAAA;AAGF,6BACGS,UAAW;AAAA,IACVC,OACEN,mBAAoB,eAAcO,WAAWtB,aAAaC,QAAQ,GAAG;AAAA,IAEvER;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAc,qBAAqBhC,qBAAqBmB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMW,8BAETC,mBAAiB;AAAA,MAChB7B,IAAI8B,MAAM9B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CACL;AAAA,EAAA,CACU;AAEjB;"}

package/dist/esm/components/Snackbar/{SnackbarContentWrapper/SnackbarContentWrapper.js → SnackbarContent/SnackbarContent.js}

@@ -3,14 +3,14 @@ import SnackbarContent from "@mui/material/SnackbarContent";
 import { setId } from "../../../utils/setId.js";
 import { iconVariant } from "../../../utils/iconVariant.js";
 import { useTheme } from "../../../hooks/useTheme.js";
-import { useClasses } from "./SnackbarContentWrapper.styles.js";
-import { staticClasses } from "./SnackbarContentWrapper.styles.js";
+import { useClasses } from "./SnackbarContent.styles.js";
+import { staticClasses } from "./SnackbarContent.styles.js";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvActionsGeneric } from "../../ActionsGeneric/ActionsGeneric.js";
 const HvSnackbarContent = forwardRef(({
   className,
   id,
-  classes: classesProp = {},
+  classes: classesProp,
   label,
   variant = "default",
   showIcon,
@@ -63,4 +63,4 @@ export {
   HvSnackbarContent,
   staticClasses as snackbarContentClasses
 };
-//# sourceMappingURL=SnackbarContentWrapper.js.map
+//# sourceMappingURL=SnackbarContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarContent.js","sources":["../../../../../src/components/Snackbar/SnackbarContent/SnackbarContent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\n\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { iconVariant } from \"@core/utils/iconVariant\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport {\n  HvActionsGeneric,\n  HvActionGeneric,\n} from \"@core/components/ActionsGeneric\";\nimport { HvButtonVariant } from \"@core/components/Button\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport { staticClasses, useClasses } from \"./SnackbarContent.styles\";\nimport { HvSnackbarVariant } from \"../types\";\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":";;;;;;;;;AA+CaA,MAAAA,oBAAoBC,WAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC;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/{SnackbarContentWrapper/SnackbarContentWrapper.styles.js → SnackbarContent/SnackbarContent.styles.js}

@@ -37,15 +37,17 @@ const {
     minHeight: "32px"
   },
   messageText: {
-    ...theme.typography.body,
-    padding: `0 ${theme.space.xs}`,
+    paddingLeft: theme.space.xs,
     color: theme.colors.base_dark,
     fontFamily: theme.fontFamily.body,
     maxHeight: "72px",
-    wordBreak: "break-word"
+    wordBreak: "break-word",
+    textWrap: "balance",
+    overflow: "hidden"
   },
   action: {
     textAlign: "right",
+    paddingLeft: theme.space.xs,
     marginLeft: theme.snackbar.actionMarginLeft,
     [`& .${staticClasses$1.button}`]: {
       borderColor: theme.colors.base_dark,
@@ -61,4 +63,4 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=SnackbarContentWrapper.styles.js.map
+//# sourceMappingURL=SnackbarContent.styles.js.map

package/dist/esm/components/Snackbar/SnackbarContent/SnackbarContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarContent.styles.js","sources":["../../../../../src/components/Snackbar/SnackbarContent/SnackbarContent.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\nimport { actionsGenericClasses } from \"@core/components/ActionsGeneric\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvSnackbar-Content\",\n  {\n    root: {\n      width: \"310px\",\n      minHeight: \"52px\",\n      maxHeight: \"92px\",\n      padding: theme.space.xs,\n      boxShadow: \"none\",\n    },\n    success: {\n      backgroundColor: theme.colors.positive_20,\n    },\n    error: {\n      backgroundColor: theme.colors.negative_20,\n    },\n    default: {\n      backgroundColor: theme.colors.neutral_20,\n    },\n    warning: {\n      backgroundColor: theme.colors.warning_20,\n    },\n    message: {\n      padding: 0,\n      width: \"100%\",\n    },\n    messageSpan: {\n      display: \"flex\",\n      alignItems: \"center\",\n      minHeight: \"32px\",\n    },\n    messageText: {\n      paddingLeft: theme.space.xs,\n      color: theme.colors.base_dark,\n      fontFamily: theme.fontFamily.body,\n      maxHeight: \"72px\",\n      wordBreak: \"break-word\",\n      textWrap: \"balance\",\n      overflow: \"hidden\",\n    },\n    action: {\n      textAlign: \"right\",\n      paddingLeft: theme.space.xs,\n      marginLeft: theme.snackbar.actionMarginLeft,\n      [`& .${actionsGenericClasses.button}`]: {\n        borderColor: theme.colors.base_dark,\n        color: theme.colors.base_dark,\n        \"&:hover\": {\n          borderColor: theme.colors.base_dark,\n        },\n      },\n    },\n    iconVariant: {},\n  }\n);\n"],"names":["useClasses","staticClasses","createClasses","root","width","minHeight","maxHeight","padding","theme","space","xs","boxShadow","success","backgroundColor","colors","positive_20","error","negative_20","default","neutral_20","warning","warning_20","message","messageSpan","display","alignItems","messageText","paddingLeft","color","base_dark","fontFamily","body","wordBreak","textWrap","overflow","action","textAlign","marginLeft","snackbar","actionMarginLeft","actionsGenericClasses","button","borderColor","iconVariant"],"mappings":";;;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAC3C,sBACA;AAAA,EACEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASC,MAAMC,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACAC,SAAS;AAAA,IACPC,iBAAiBL,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACAC,OAAO;AAAA,IACLH,iBAAiBL,MAAMM,OAAOG;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPL,iBAAiBL,MAAMM,OAAOK;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPP,iBAAiBL,MAAMM,OAAOO;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPf,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AAAA,EACAmB,aAAa;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZpB,WAAW;AAAA,EACb;AAAA,EACAqB,aAAa;AAAA,IACXC,aAAanB,MAAMC,MAAMC;AAAAA,IACzBkB,OAAOpB,MAAMM,OAAOe;AAAAA,IACpBC,YAAYtB,MAAMsB,WAAWC;AAAAA,IAC7BzB,WAAW;AAAA,IACX0B,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,EACZ;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,IACXT,aAAanB,MAAMC,MAAMC;AAAAA,IACzB2B,YAAY7B,MAAM8B,SAASC;AAAAA,IAC3B,CAAE,MAAKC,gBAAsBC,QAAQ,GAAG;AAAA,MACtCC,aAAalC,MAAMM,OAAOe;AAAAA,MAC1BD,OAAOpB,MAAMM,OAAOe;AAAAA,MACpB,WAAW;AAAA,QACTa,aAAalC,MAAMM,OAAOe;AAAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAAA,EACAc,aAAa,CAAC;AAChB,CACF;"}

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

@@ -5,16 +5,17 @@ import { css } from "@emotion/css";
 import { useClasses } from "./SnackbarProvider.styles.js";
 import { staticClasses } from "./SnackbarProvider.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { HvSnackbarContent } from "../SnackbarContentWrapper/SnackbarContentWrapper.js";
+import { HvSnackbarContent } from "../SnackbarContent/SnackbarContent.js";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const HvNotistackSnackMessage = forwardRef(({
-  id,
-  message,
-  variant = "success",
-  snackbarContentProps
-}, ref) => {
+const HvNotistackSnackMessage = forwardRef((props, ref) => {
+  const {
+    id,
+    message,
+    variant = "success",
+    snackbarContentProps
+  } = props;
   return /* @__PURE__ */ jsx(SnackbarContent, {
     ref,
     children: /* @__PURE__ */ jsx(HvSnackbarContent, {
@@ -64,7 +65,7 @@ const HvSnackbarProvider = ({
     vertical: "top",
     horizontal: "right"
   },
-  classes: classesProp = {},
+  classes: classesProp,
   className,
   ...others
 }) => {
@@ -79,7 +80,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2SG1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHtcbiAgQ29tYmluZWRDbGFzc0tleSxcbiAgU25hY2tiYXJDb250ZW50LFxuICBTbmFja2JhclByb3ZpZGVyLFxuICB1c2VTbmFja2Jhcixcbn0gZnJvbSBcIm5vdGlzdGFja1wiO1xuXG5pbXBvcnQgeyBjbHN4IH0gZnJvbSBcImNsc3hcIjtcblxuaW1wb3J0IHsgU25hY2tiYXJPcmlnaW4gfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhclwiO1xuaW1wb3J0IHsgQ2xhc3NOYW1lTWFwIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuXG5pbXBvcnQgeyBFeHRyYWN0TmFtZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvY2xhc3Nlc1wiO1xuXG5pbXBvcnQgeyBIdlNuYWNrYmFyQ29udGVudCB9IGZyb20gXCIuLi9TbmFja2JhckNvbnRlbnRXcmFwcGVyXCI7XG5pbXBvcnQgeyBIdlNuYWNrYmFyQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1NuYWNrYmFyQ29udGVudFdyYXBwZXIvU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL1NuYWNrYmFyUHJvdmlkZXIuc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlNuYWNrYmFyVmFyaWFudCB9IGZyb20gXCIuLi90eXBlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIHNuYWNrYmFyUHJvdmlkZXJDbGFzc2VzIH07XG5cbmV4cG9ydCB0eXBlIEh2U25hY2tiYXJQcm92aWRlckNsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2U25hY2tiYXJQcm92aWRlclByb3BzIHtcbiAgLyoqIFlvdXIgY29tcG9uZW50IHRyZWUuICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBNYXggdmlzaWJsZSBzbmFja2JhcnMuICovXG4gIG1heFNuYWNrPzogbnVtYmVyO1xuICAvKiogSG93IG11Y2ggdGltZSB0aGUgc25hY2tiYXIgcmVtYWlucyB2aXNpYmxlIGluIG1pbGxpc2Vjb25kcy4gKi9cbiAgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlcjtcbiAgLyoqIFdoZXJlIGlzIHRoZSBzbmFja2JhciBwbGFjZWQuICovXG4gIGFuY2hvck9yaWdpbj86IFNuYWNrYmFyT3JpZ2luO1xuICAvKiogQ2xhc3Mgb2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgbm90aXN0YWNrIGNsYXNzZXMuICovXG4gIG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT86IFBhcnRpYWw8Q2xhc3NOYW1lTWFwPENvbWJpbmVkQ2xhc3NLZXk+PjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2U25hY2tiYXJQcm92aWRlckNsYXNzZXM7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzIHtcbiAgLyoqIElkIHRvIGJlIGFwcGxpZWQgdG8gdGhlIHJvb3Qgbm9kZS4gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDbGFzc25hbWUgdG8gYXBwbHkgb24gdGhlIHJvb3Qgbm9kZSAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIC8qKiBZb3VyIGNvbXBvbmVudCB0cmVlLiAqL1xuICBtZXNzYWdlPzogUmVhY3ROb2RlIHwgc3RyaW5nO1xuICAvKiogVmFyaWFudCBvZiB0aGUgc25hY2tiYXIuICovXG4gIHZhcmlhbnQ/OiBIdlNuYWNrYmFyVmFyaWFudDtcbiAgLyoqIEV4dHJhIHZhbHVlcyB0byBwYXNzIHRvIHRoZSBzbmFja2Jhci4gKi9cbiAgc25hY2tiYXJDb250ZW50UHJvcHM/OiBIdlNuYWNrYmFyQ29udGVudFByb3BzO1xufVxuXG5jb25zdCBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZSA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzXG4+KCh7IGlkLCBtZXNzYWdlLCB2YXJpYW50ID0gXCJzdWNjZXNzXCIsIHNuYWNrYmFyQ29udGVudFByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRlbnQgcmVmPXtyZWZ9PlxuICAgICAgPEh2U25hY2tiYXJDb250ZW50XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgc2hvd0ljb25cbiAgICAgICAgbGFiZWw9e21lc3NhZ2V9XG4gICAgICAgIHJvbGU9XCJub25lXCJcbiAgICAgICAgey4uLnNuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgLz5cbiAgICA8L1NuYWNrYmFyQ29udGVudD5cbiAgKTtcbn0pO1xuXG4vLyBXZSBvdmVycmlkZSBub3Rpc3RhY2sgaG9vayB0byBiZSBhYmxlIHRvIGN1c3RvbWl6ZSB0aGUgc25hY2tiYXIgdGhhdCBzaG91bGQgYmUgY2FsbGVkLlxuZXhwb3J0IGNvbnN0IHVzZUh2U25hY2tiYXIgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZW5xdWV1ZVNuYWNrYmFyOiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIsIGNsb3NlU25hY2tiYXIgfSA9XG4gICAgdXNlU25hY2tiYXIoKTtcbiAgY29uc3QgZW5xdWV1ZVNuYWNrYmFyID0gdXNlQ2FsbGJhY2soXG4gICAgKG1lc3NhZ2U6IFJlYWN0Tm9kZSB8IHN0cmluZyB8IHVuZGVmaW5lZCwgb3B0aW9ucyA9IHt9KSA9PiB7XG4gICAgICBjb25zdCB7XG4gICAgICAgIGlkLFxuICAgICAgICB2YXJpYW50ID0gXCJzdWNjZXNzXCIsXG4gICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIC4uLm90aGVyT3B0aW9uc1xuICAgICAgfTogSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wcyA9IG9wdGlvbnM7XG5cbiAgICAgIHJldHVybiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIoXG4gICAgICAgIDxIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICBtZXNzYWdlPXttZXNzYWdlfVxuICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgc25hY2tiYXJDb250ZW50UHJvcHM9e3NuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgICAvPixcbiAgICAgICAgeyAuLi5vdGhlck9wdGlvbnMsIGNsYXNzTmFtZTogY2xzeChjbGFzc05hbWUpIH1cbiAgICAgICk7XG4gICAgfSxcbiAgICBbZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyXVxuICApO1xuICByZXR1cm4gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgZW5xdWV1ZVNuYWNrYmFyLFxuICAgICAgY2xvc2VTbmFja2JhcixcbiAgICB9KSxcbiAgICBbZW5xdWV1ZVNuYWNrYmFyLCBjbG9zZVNuYWNrYmFyXVxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEh2U25hY2tiYXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUsXG4gIG1heFNuYWNrID0gNSxcbiAgYXV0b0hpZGVEdXJhdGlvbiA9IDUwMDAsXG4gIGFuY2hvck9yaWdpbiA9IHtcbiAgICB2ZXJ0aWNhbDogXCJ0b3BcIixcbiAgICBob3Jpem9udGFsOiBcInJpZ2h0XCIsXG4gIH0sXG4gIGNsYXNzZXM6IGNsYXNzZXNQcm9wID0ge30sXG4gIGNsYXNzTmFtZSxcbiAgLi4ub3RoZXJzXG59OiBIdlNuYWNrYmFyUHJvdmlkZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzZXMsIGN4IH0gPSB1c2VDbGFzc2VzKGNsYXNzZXNQcm9wKTtcblxuICBjb25zdCBub3Rpc3RhY2tDbGFzc2VzOiBQYXJ0aWFsPENsYXNzTmFtZU1hcDxDb21iaW5lZENsYXNzS2V5Pj4gPSB7XG4gICAgY29udGFpbmVyUm9vdDogY3NzKHtcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwiYWxsXCIsXG4gICAgICBcIiYgPiBkaXYgPiBkaXZcIjoge1xuICAgICAgICAvLyBPdmVycmlkZXMgbm90aXN0YWNrIGV4dHJhIHBhZGRpbmdcbiAgICAgICAgcGFkZGluZzogXCIwICFpbXBvcnRhbnRcIixcbiAgICAgICAgdHJhbnNpdGlvbjogXCJhbGwgMHMgZWFzZSAwcyAhaW1wb3J0YW50XCIsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLm5vdGlzdGFja0NsYXNzZXNPdmVycmlkZSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhclByb3ZpZGVyXG4gICAgICBjbGFzc2VzPXtub3Rpc3RhY2tDbGFzc2VzfVxuICAgICAgbWF4U25hY2s9e21heFNuYWNrfVxuICAgICAgYXV0b0hpZGVEdXJhdGlvbj17YXV0b0hpZGVEdXJhdGlvbn1cbiAgICAgIGFuY2hvck9yaWdpbj17YW5jaG9yT3JpZ2luIGFzIFNuYWNrYmFyT3JpZ2lufVxuICAgICAgY2xhc3NOYW1lPXtjeChjbGFzc2VzLnNuYWNrSXRlbVJvb3QsIGNsYXNzTmFtZSl9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1NuYWNrYmFyUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */",
+      map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSW1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHtcbiAgQ29tYmluZWRDbGFzc0tleSxcbiAgT3B0aW9uc09iamVjdCxcbiAgU25hY2tiYXJDb250ZW50LFxuICBTbmFja2JhclByb3ZpZGVyLFxuICBTbmFja2JhclByb3ZpZGVyUHJvcHMsXG4gIHVzZVNuYWNrYmFyLFxufSBmcm9tIFwibm90aXN0YWNrXCI7XG5cbmltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuXG5pbXBvcnQgeyBTbmFja2Jhck9yaWdpbiB9IGZyb20gXCJAbXVpL21hdGVyaWFsL1NuYWNrYmFyXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVNYXAgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmltcG9ydCB7IEV4dHJhY3ROYW1lcyB9IGZyb20gXCJAY29yZS91dGlscy9jbGFzc2VzXCI7XG5cbmltcG9ydCB7IEh2U25hY2tiYXJDb250ZW50LCBIdlNuYWNrYmFyQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1NuYWNrYmFyQ29udGVudFwiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL1NuYWNrYmFyUHJvdmlkZXIuc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlNuYWNrYmFyVmFyaWFudCB9IGZyb20gXCIuLi90eXBlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIHNuYWNrYmFyUHJvdmlkZXJDbGFzc2VzIH07XG5cbmV4cG9ydCB0eXBlIEh2U25hY2tiYXJQcm92aWRlckNsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2U25hY2tiYXJQcm92aWRlclByb3BzIHtcbiAgLyoqIFlvdXIgY29tcG9uZW50IHRyZWUuICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBNYXggdmlzaWJsZSBzbmFja2JhcnMuICovXG4gIG1heFNuYWNrPzogbnVtYmVyO1xuICAvKiogSG93IG11Y2ggdGltZSB0aGUgc25hY2tiYXIgcmVtYWlucyB2aXNpYmxlIGluIG1pbGxpc2Vjb25kcy4gKi9cbiAgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlcjtcbiAgLyoqIFdoZXJlIGlzIHRoZSBzbmFja2JhciBwbGFjZWQuICovXG4gIGFuY2hvck9yaWdpbj86IFNuYWNrYmFyT3JpZ2luO1xuICAvKiogQ2xhc3Mgb2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgbm90aXN0YWNrIGNsYXNzZXMuICovXG4gIG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT86IFBhcnRpYWw8Q2xhc3NOYW1lTWFwPENvbWJpbmVkQ2xhc3NLZXk+PjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2U25hY2tiYXJQcm92aWRlckNsYXNzZXM7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzIGV4dGVuZHMgT3B0aW9uc09iamVjdCB7XG4gIC8qKiBJZCB0byBiZSBhcHBsaWVkIHRvIHRoZSByb290IG5vZGUuICovXG4gIGlkPzogc3RyaW5nO1xuICAvKiogQ2xhc3NuYW1lIHRvIGFwcGx5IG9uIHRoZSByb290IG5vZGUgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKiogWW91ciBjb21wb25lbnQgdHJlZS4gKi9cbiAgbWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqIFZhcmlhbnQgb2YgdGhlIHNuYWNrYmFyLiAqL1xuICB2YXJpYW50PzogSHZTbmFja2JhclZhcmlhbnQ7XG4gIC8qKiBFeHRyYSB2YWx1ZXMgdG8gcGFzcyB0byB0aGUgc25hY2tiYXIuICovXG4gIHNuYWNrYmFyQ29udGVudFByb3BzPzogSHZTbmFja2JhckNvbnRlbnRQcm9wcztcbn1cblxuY29uc3QgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2UgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wc1xuPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGlkLCBtZXNzYWdlLCB2YXJpYW50ID0gXCJzdWNjZXNzXCIsIHNuYWNrYmFyQ29udGVudFByb3BzIH0gPSBwcm9wcztcbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJDb250ZW50IHJlZj17cmVmfT5cbiAgICAgIDxIdlNuYWNrYmFyQ29udGVudFxuICAgICAgICBpZD17aWR9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNob3dJY29uXG4gICAgICAgIGxhYmVsPXttZXNzYWdlfVxuICAgICAgICByb2xlPVwibm9uZVwiXG4gICAgICAgIHsuLi5zbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgIC8+XG4gICAgPC9TbmFja2JhckNvbnRlbnQ+XG4gICk7XG59KTtcblxuLy8gV2Ugb3ZlcnJpZGUgbm90aXN0YWNrIGhvb2sgdG8gYmUgYWJsZSB0byBjdXN0b21pemUgdGhlIHNuYWNrYmFyIHRoYXQgc2hvdWxkIGJlIGNhbGxlZC5cbmV4cG9ydCBjb25zdCB1c2VIdlNuYWNrYmFyID0gKCkgPT4ge1xuICBjb25zdCB7IGVucXVldWVTbmFja2JhcjogZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyLCBjbG9zZVNuYWNrYmFyIH0gPVxuICAgIHVzZVNuYWNrYmFyKCk7XG5cbiAgY29uc3QgZW5xdWV1ZVNuYWNrYmFyID0gdXNlQ2FsbGJhY2soXG4gICAgKG1lc3NhZ2U6IFJlYWN0Tm9kZSwgb3B0aW9uczogSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wcyA9IHt9KSA9PiB7XG4gICAgICBjb25zdCB7XG4gICAgICAgIGlkLFxuICAgICAgICB2YXJpYW50ID0gXCJzdWNjZXNzXCIsXG4gICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIC4uLm90aGVyT3B0aW9uc1xuICAgICAgfSA9IG9wdGlvbnM7XG5cbiAgICAgIHJldHVybiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIoXG4gICAgICAgIDxIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICBtZXNzYWdlPXttZXNzYWdlfVxuICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgc25hY2tiYXJDb250ZW50UHJvcHM9e3NuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgICAvPixcbiAgICAgICAgeyAuLi5vdGhlck9wdGlvbnMsIGNsYXNzTmFtZTogY2xzeChjbGFzc05hbWUpIH1cbiAgICAgICk7XG4gICAgfSxcbiAgICBbZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyXVxuICApO1xuICByZXR1cm4gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgZW5xdWV1ZVNuYWNrYmFyLFxuICAgICAgY2xvc2VTbmFja2JhcixcbiAgICB9KSxcbiAgICBbZW5xdWV1ZVNuYWNrYmFyLCBjbG9zZVNuYWNrYmFyXVxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEh2U25hY2tiYXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUsXG4gIG1heFNuYWNrID0gNSxcbiAgYXV0b0hpZGVEdXJhdGlvbiA9IDUwMDAsXG4gIGFuY2hvck9yaWdpbiA9IHtcbiAgICB2ZXJ0aWNhbDogXCJ0b3BcIixcbiAgICBob3Jpem9udGFsOiBcInJpZ2h0XCIsXG4gIH0sXG4gIGNsYXNzZXM6IGNsYXNzZXNQcm9wLFxuICBjbGFzc05hbWUsXG4gIC4uLm90aGVyc1xufTogSHZTbmFja2JhclByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyBjbGFzc2VzLCBjeCB9ID0gdXNlQ2xhc3NlcyhjbGFzc2VzUHJvcCk7XG5cbiAgY29uc3Qgbm90aXN0YWNrQ2xhc3NlczogU25hY2tiYXJQcm92aWRlclByb3BzW1wiY2xhc3Nlc1wiXSA9IHtcbiAgICBjb250YWluZXJSb290OiBjc3Moe1xuICAgICAgcG9pbnRlckV2ZW50czogXCJhbGxcIixcbiAgICAgIFwiJiA+IGRpdiA+IGRpdlwiOiB7XG4gICAgICAgIC8vIE92ZXJyaWRlcyBub3Rpc3RhY2sgZXh0cmEgcGFkZGluZ1xuICAgICAgICBwYWRkaW5nOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICB0cmFuc2l0aW9uOiBcImFsbCAwcyBlYXNlIDBzICFpbXBvcnRhbnRcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4ubm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFNuYWNrYmFyUHJvdmlkZXJcbiAgICAgIGNsYXNzZXM9e25vdGlzdGFja0NsYXNzZXN9XG4gICAgICBtYXhTbmFjaz17bWF4U25hY2t9XG4gICAgICBhdXRvSGlkZUR1cmF0aW9uPXthdXRvSGlkZUR1cmF0aW9ufVxuICAgICAgYW5jaG9yT3JpZ2luPXthbmNob3JPcmlnaW4gYXMgU25hY2tiYXJPcmlnaW59XG4gICAgICBjbGFzc05hbWU9e2N4KGNsYXNzZXMuc25hY2tJdGVtUm9vdCwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU25hY2tiYXJQcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */",
       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\";\n\nimport {\n  CombinedClassKey,\n  SnackbarContent,\n  SnackbarProvider,\n  useSnackbar,\n} from \"notistack\";\n\nimport { clsx } from \"clsx\";\n\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ClassNameMap } from \"@mui/material\";\n\nimport { css } from \"@emotion/css\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvSnackbarContent } from \"../SnackbarContentWrapper\";\nimport { HvSnackbarContentProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\nimport { HvSnackbarVariant } from \"../types\";\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":";;;;;;;;;;;AAwDA,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\";\n\nimport {\n  CombinedClassKey,\n  OptionsObject,\n  SnackbarContent,\n  SnackbarProvider,\n  SnackbarProviderProps,\n  useSnackbar,\n} from \"notistack\";\n\nimport { clsx } from \"clsx\";\n\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ClassNameMap } from \"@mui/material\";\n\nimport { css } from \"@emotion/css\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvSnackbarContent, HvSnackbarContentProps } from \"../SnackbarContent\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\nimport { HvSnackbarVariant } from \"../types\";\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 extends OptionsObject {\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;\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>((props, ref) => {\n  const { id, message, variant = \"success\", snackbarContentProps } = props;\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\n  const enqueueSnackbar = useCallback(\n    (message: ReactNode, options: HvNotistackSnackMessageProps = {}) => {\n      const {\n        id,\n        variant = \"success\",\n        snackbarContentProps,\n        className,\n        ...otherOptions\n      } = 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: SnackbarProviderProps[\"classes\"] = {\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","props","ref","id","message","variant","snackbarContentProps","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":";;;;;;;;;;;AAyDA,MAAMA,0BAA0BC,WAG9B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IAAEC;AAAAA,IAAIC;AAAAA,IAASC,UAAU;AAAA,IAAWC;AAAAA,EAAyBL,IAAAA;AACnE,6BACGM,iBAAe;AAAA,IAACL;AAAAA,IAASM,8BACvBC,mBAAiB;AAAA,MAChBN;AAAAA,MACAE;AAAAA,MACAK,UAAQ;AAAA,MACRC,OAAOP;AAAAA,MACPQ,MAAK;AAAA,MAAM,GACPN;AAAAA,IAAAA,CACL;AAAA,EAAA,CACc;AAErB,CAAC;AAGM,MAAMO,gBAAgBA,MAAM;AAC3B,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,YAAY;AAEd,QAAMH,kBAAkBI,YACtB,CAACd,SAAoBe,UAAwC,CAAA,MAAO;AAC5D,UAAA;AAAA,MACJhB;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAc;AAAAA,MACA,GAAGC;AAAAA,IACDF,IAAAA;AAEGJ,WAAAA,6CACJhB,yBAAuB;AAAA,MACtBI;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CACD,GACD;AAAA,MAAE,GAAGe;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;AAAAA,EACTZ;AAAAA,EACA,GAAGa;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEF;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,WAAWH,WAAW;AAE9C,QAAMI,mBAAqD;AAAA,IACzDC,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/Stack/Stack.js

@@ -5,6 +5,7 @@ import { clsx } from "clsx";
 import isString from "lodash/isString";
 import isBoolean from "lodash/isBoolean";
 import { useWidth } from "../../hooks/useWidth.js";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { StyledRoot } from "./Stack.styles.js";
 import stackClasses from "./stackClasses.js";
 import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
@@ -19,17 +20,18 @@ const getDirection = (direction, width, breakpoints) => {
   }
   return "column";
 };
-const HvStack = ({
-  classes,
-  className,
-  children,
-  direction = "column",
-  spacing = "sm",
-  divider = false,
-  withNavigation = false,
-  dividerProps = {},
-  ...others
-}) => {
+const HvStack = (props) => {
+  const {
+    classes,
+    className,
+    children,
+    direction = "column",
+    spacing = "sm",
+    divider = false,
+    withNavigation = false,
+    dividerProps = {},
+    ...others
+  } = useDefaultProps("HvStack", props);
   const width = useWidth();
   const containerRef = useRef(null);
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\n\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n  DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\n\nimport { clsx } from \"clsx\";\n\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\n\nimport { useWidth } from \"@core/hooks/useWidth\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvFocus } from \"@core/components/Focus\";\nimport { HvBreakpoints } from \"@core/types/tokens\";\n\nimport { StyledRoot } from \"./Stack.styles\";\nimport stackClasses, { HvStackClasses } from \"./stackClasses\";\n\nexport type HvStackDirection = \"column\" | \"row\" | Partial<HvStackBreakpoints>;\nexport interface HvStackBreakpoints extends Record<HvBreakpoints, string> {}\n\nexport interface HvStackProps extends HvBaseProps {\n  /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n  direction?: HvStackDirection;\n  /** The spacing between elements of the stack. */\n  spacing?: HvBreakpoints;\n  /** The divider component to be used between the stack elements.\n   * - If `true` the Material-UI Divider component will be used.\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider?: boolean | React.ReactNode;\n  /** The properties to pass on to the Material-UI component. */\n  dividerProps?: MuiDividerProps;\n  /** Sets whether or not there should be arrow navigation between the stack elements. */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvStackClasses;\n}\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = ({\n  classes,\n  className,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}: HvStackProps) => {\n  const width = useWidth();\n  const containerRef = useRef(null);\n  const { breakpoints } = useTheme();\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints.keys),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <MuiDivider\n          orientation={\n            processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n          }\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <StyledRoot\n      ref={containerRef}\n      className={clsx(className, stackClasses.root, classes?.root)}\n      $direction={processedDirection}\n      $breakpoint={spacing}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent()}\n            {withNavigation ? (\n              <HvFocus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={\n                  processedDirection === \"column\"\n                    ? 1\n                    : React.Children.count(children) || 0\n                }\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </HvFocus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useWidth","containerRef","useRef","useTheme","processedDirection","useMemo","keys","getDividerComponent","useCallback","isBoolean","MuiDivider","orientation","flexItem","role","StyledRoot","ref","clsx","stackClasses","root","$direction","$breakpoint","React","Children","map","child","_Fragment","_jsx","HvFocus","rootRef","focusDisabled","strategy","navigationJump","count","filterClass"],"mappings":";;;;;;;;;;;AAgDA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,SAASH,SAAS;AAAUA,WAAAA;AAEvBI,WAAAA,IAAIF,YAAYG,QAAQJ,KAAK,GAAGG,KAAK,GAAGA,KAAK,GAAG;AACvD,QAAIJ,UAAUE,YAAYE,CAAC,CAAC,MAAME,QAAW;AACpCN,aAAAA,UAAUE,YAAYE,CAAC,CAAC;AAAA,IACjC;AAAA,EACF;AACO,SAAA;AACT;AAOO,MAAMG,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAV,YAAY;AAAA,EACZW,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,iBAAiB;AAAA,EACjBC,eAAe,CAAC;AAAA,EAChB,GAAGC;AACS,MAAM;AAClB,QAAMd,QAAQe;AACRC,QAAAA,eAAeC,OAAO,IAAI;AAC1B,QAAA;AAAA,IAAEhB;AAAAA,MAAgBiB,SAAS;AAEjC,QAAMC,qBAAqBC,QACzB,MAAMtB,aAAaC,WAAWC,OAAOC,YAAYoB,IAAI,GACrD,CAACtB,WAAWC,OAAOC,WAAW,CAChC;AAOMqB,QAAAA,sBAAsBC,YAAY,MAAM;AACxCC,QAAAA,UAAUb,OAAO,KAAKA,SAAS;AACjC,iCACGc,YAAU;AAAA,QACTC,aACEP,uBAAuB,WAAW,eAAe;AAAA,QAEnDQ,UAAUR,uBAAuB;AAAA,QACjCS,MAAK;AAAA,QAAW,GACZf;AAAAA,MAAAA,CACL;AAAA,IAEL;AACOF,WAAAA;AAAAA,EACN,GAAA,CAACA,SAASE,cAAcM,kBAAkB,CAAC;AAE9C,6BACGU,YAAU;AAAA,IACTC,KAAKd;AAAAA,IACLR,WAAWuB,KAAKvB,WAAWwB,aAAaC,MAAM1B,mCAAS0B,IAAI;AAAA,IAC3DC,YAAYf;AAAAA,IACZgB,aAAazB;AAAAA,IAAQ,GACjBI;AAAAA,IAAML,UAET2B,eAAMC,SAASC,IAAI7B,UAAU,CAAC8B,OAAOpC,MAAM;AAC1C,kCACEqC,UAAA;AAAA,QAAA/B,UACGE,CAAAA,WAAWR,MAAM,KAAKmB,uBACtBV,iBACC6B,oBAACC,SAAO;AAAA,UACNC,SAAS3B;AAAAA,UACT4B,eAAe;AAAA,UACfC,UAAS;AAAA,UACTC,gBACE3B,uBAAuB,WACnB,IACAiB,eAAMC,SAASU,MAAMtC,QAAQ,KAAK;AAAA,UAExCuC,aAAY;AAAA,UAAOvC,8BAEnB,OAAA;AAAA,YAAKD,WAAU;AAAA,YAAOC,UAAE8B;AAAAA,UAAAA,CAAW;AAAA,QAC5B,CAAA,IAETA,KACD;AAAA,MAAA,CACD;AAAA,IAAA,CAEL;AAAA,EAAA,CACS;AAEhB;"}
+{"version":3,"file":"Stack.js","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\n\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n  DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\n\nimport { clsx } from \"clsx\";\n\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\n\nimport { useWidth } from \"@core/hooks/useWidth\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvFocus } from \"@core/components/Focus\";\nimport { HvBreakpoints } from \"@core/types/tokens\";\n\nimport { StyledRoot } from \"./Stack.styles\";\nimport stackClasses, { HvStackClasses } from \"./stackClasses\";\n\nexport type HvStackDirection = \"column\" | \"row\" | Partial<HvStackBreakpoints>;\nexport interface HvStackBreakpoints extends Record<HvBreakpoints, string> {}\n\nexport interface HvStackProps extends HvBaseProps {\n  /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n  direction?: HvStackDirection;\n  /** The spacing between elements of the stack. */\n  spacing?: HvBreakpoints;\n  /** The divider component to be used between the stack elements.\n   * - If `true` the Material-UI Divider component will be used.\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider?: boolean | React.ReactNode;\n  /** The properties to pass on to the Material-UI component. */\n  dividerProps?: MuiDividerProps;\n  /** Sets whether or not there should be arrow navigation between the stack elements. */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvStackClasses;\n}\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = (props: HvStackProps) => {\n  const {\n    classes,\n    className,\n    children,\n    direction = \"column\",\n    spacing = \"sm\",\n    divider = false,\n    withNavigation = false,\n    dividerProps = {},\n    ...others\n  } = useDefaultProps(\"HvStack\", props);\n  const width = useWidth();\n  const containerRef = useRef(null);\n  const { breakpoints } = useTheme();\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints.keys),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <MuiDivider\n          orientation={\n            processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n          }\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <StyledRoot\n      ref={containerRef}\n      className={clsx(className, stackClasses.root, classes?.root)}\n      $direction={processedDirection}\n      $breakpoint={spacing}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent()}\n            {withNavigation ? (\n              <HvFocus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={\n                  processedDirection === \"column\"\n                    ? 1\n                    : React.Children.count(children) || 0\n                }\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </HvFocus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","props","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useDefaultProps","useWidth","containerRef","useRef","useTheme","processedDirection","useMemo","keys","getDividerComponent","useCallback","isBoolean","MuiDivider","orientation","flexItem","role","StyledRoot","ref","clsx","stackClasses","root","$direction","$breakpoint","React","Children","map","child","_Fragment","_jsx","HvFocus","rootRef","focusDisabled","strategy","navigationJump","count","filterClass"],"mappings":";;;;;;;;;;;;AAiDA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,SAASH,SAAS;AAAUA,WAAAA;AAEvBI,WAAAA,IAAIF,YAAYG,QAAQJ,KAAK,GAAGG,KAAK,GAAGA,KAAK,GAAG;AACvD,QAAIJ,UAAUE,YAAYE,CAAC,CAAC,MAAME,QAAW;AACpCN,aAAAA,UAAUE,YAAYE,CAAC,CAAC;AAAA,IACjC;AAAA,EACF;AACO,SAAA;AACT;AAOaG,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAX,YAAY;AAAA,IACZY,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,iBAAiB;AAAA,IACjBC,eAAe,CAAC;AAAA,IAChB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,WAAWT,KAAK;AACpC,QAAMP,QAAQiB;AACRC,QAAAA,eAAeC,OAAO,IAAI;AAC1B,QAAA;AAAA,IAAElB;AAAAA,MAAgBmB,SAAS;AAEjC,QAAMC,qBAAqBC,QACzB,MAAMxB,aAAaC,WAAWC,OAAOC,YAAYsB,IAAI,GACrD,CAACxB,WAAWC,OAAOC,WAAW,CAChC;AAOMuB,QAAAA,sBAAsBC,YAAY,MAAM;AACxCC,QAAAA,UAAUd,OAAO,KAAKA,SAAS;AACjC,iCACGe,YAAU;AAAA,QACTC,aACEP,uBAAuB,WAAW,eAAe;AAAA,QAEnDQ,UAAUR,uBAAuB;AAAA,QACjCS,MAAK;AAAA,QAAW,GACZhB;AAAAA,MAAAA,CACL;AAAA,IAEL;AACOF,WAAAA;AAAAA,EACN,GAAA,CAACA,SAASE,cAAcO,kBAAkB,CAAC;AAE9C,6BACGU,YAAU;AAAA,IACTC,KAAKd;AAAAA,IACLT,WAAWwB,KAAKxB,WAAWyB,aAAaC,MAAM3B,mCAAS2B,IAAI;AAAA,IAC3DC,YAAYf;AAAAA,IACZgB,aAAa1B;AAAAA,IAAQ,GACjBI;AAAAA,IAAML,UAET4B,eAAMC,SAASC,IAAI9B,UAAU,CAAC+B,OAAOtC,MAAM;AAC1C,kCACEuC,UAAA;AAAA,QAAAhC,UACGE,CAAAA,WAAWT,MAAM,KAAKqB,uBACtBX,iBACC8B,oBAACC,SAAO;AAAA,UACNC,SAAS3B;AAAAA,UACT4B,eAAe;AAAA,UACfC,UAAS;AAAA,UACTC,gBACE3B,uBAAuB,WACnB,IACAiB,eAAMC,SAASU,MAAMvC,QAAQ,KAAK;AAAA,UAExCwC,aAAY;AAAA,UAAOxC,8BAEnB,OAAA;AAAA,YAAKD,WAAU;AAAA,YAAOC,UAAE+B;AAAAA,UAAAA,CAAW;AAAA,QAC5B,CAAA,IAETA,KACD;AAAA,MAAA,CACD;AAAA,IAAA,CAEL;AAAA,EAAA,CACS;AAEhB;"}

package/dist/esm/components/Switch/Switch.js

@@ -1,17 +1,19 @@
 import { useCallback } from "react";
-import { clsx } from "clsx";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { useUniqueId } from "../../hooks/useUniqueId.js";
 import { useControlled } from "../../hooks/useControlled.js";
 import { setId } from "../../utils/setId.js";
 import { isInvalid } from "../Forms/FormElement/validationStates.js";
-import { StyledFormElement, StyledLabel, StyledSwitchContainer } from "./Switch.styles.js";
-import switchClasses from "./switchClasses.js";
+import { useClasses } from "./Switch.styles.js";
+import { staticClasses } from "./Switch.styles.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvBaseSwitch } from "../BaseSwitch/BaseSwitch.js";
+import { HvFormElement } from "../Forms/FormElement/FormElement.js";
+import { HvLabel } from "../Forms/Label/Label.js";
 import { HvWarningText } from "../Forms/WarningText/WarningText.js";
 const HvSwitch = (props) => {
   const {
-    classes,
+    classes: classesProp,
     className,
     id,
     name,
@@ -32,7 +34,11 @@ const HvSwitch = (props) => {
     "aria-errormessage": ariaErrorMessage,
     inputProps,
     ...others
-  } = props;
+  } = useDefaultProps("HvSwitch", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const elementId = useUniqueId(id, "hvswitch");
   const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));
   const [validationState, setValidationState] = useControlled(status, "standBy");
@@ -54,23 +60,24 @@ const HvSwitch = (props) => {
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
-  return /* @__PURE__ */ jsxs(StyledFormElement, {
+  return /* @__PURE__ */ jsxs(HvFormElement, {
     id,
     name,
     status: validationState,
     disabled,
     required,
     readOnly,
-    className: clsx(className, switchClasses.root, classes == null ? void 0 : classes.root),
-    children: [label && /* @__PURE__ */ jsx(StyledLabel, {
+    className: cx(classes.root, className),
+    children: [label && /* @__PURE__ */ jsx(HvLabel, {
       id: setId(elementId, "label"),
       htmlFor: setId(elementId, "input"),
       label,
-      className: clsx(switchClasses.label, classes == null ? void 0 : classes.label),
+      className: classes.label,
       ...labelProps
-    }), /* @__PURE__ */ jsx(StyledSwitchContainer, {
-      className: clsx(switchClasses.switchContainer, classes == null ? void 0 : classes.switchContainer, isStateInvalid && clsx(switchClasses.invalidSwitch, classes == null ? void 0 : classes.invalidSwitch)),
-      $invalid: isStateInvalid,
+    }), /* @__PURE__ */ jsx("div", {
+      className: cx(classes.switchContainer, {
+        [classes.invalidSwitch]: isStateInvalid
+      }),
       children: /* @__PURE__ */ jsx(HvBaseSwitch, {
         id: label ? setId(elementId, "input") : setId(id, "input"),
         name,
@@ -92,7 +99,7 @@ const HvSwitch = (props) => {
       })
     }), canShowError && /* @__PURE__ */ jsx(HvWarningText, {
       id: setId(elementId, "error"),
-      className: clsx(switchClasses.error, classes == null ? void 0 : classes.error),
+      className: classes.error,
       disableBorder: true,
       disableAdornment: true,
       hideText: true,
@@ -101,6 +108,7 @@ const HvSwitch = (props) => {
   });
 };
 export {
-  HvSwitch
+  HvSwitch,
+  staticClasses as switchClasses
 };
 //# sourceMappingURL=Switch.js.map