@hitachivantara/uikit-react-core 5.0.2 → 5.1.1

package/dist/cjs/components/Slider/Slider.cjs

@@ -0,0 +1,299 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
+const React = require("react");
+const validationStates = require("../Forms/FormElement/validationStates.cjs");
+const sliderClasses = require("./sliderClasses.cjs");
+const Slider_styles = require("./Slider.styles.cjs");
+const utils = require("./utils.cjs");
+const SliderInput = require("./SliderInput/SliderInput.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const setId = require("../../utils/setId.cjs");
+const useControlled = require("../../hooks/useControlled.cjs");
+const Label = require("../Forms/Label/Label.cjs");
+const HvSlider = ({
+  id,
+  className,
+  name,
+  label,
+  status,
+  statusMessage,
+  disabled,
+  classes,
+  sliderProps,
+  knobProps,
+  inputProps,
+  requiredMessage = "The value is required",
+  noOverlap = true,
+  hideInput = false,
+  required = false,
+  readOnly = false,
+  markProperties = [],
+  defaultValues = [void 0],
+  values: valuesProp = [],
+  knobProperties: knobPropertiesProp,
+  "aria-errormessage": ariaErrorMessage,
+  maxPointValue = 100,
+  minPointValue = 0,
+  divisionQuantity = 100,
+  markStep = 20,
+  markDigits = 0,
+  formatMark,
+  onChange,
+  onBlur,
+  onBeforeChange,
+  onAfterChange,
+  formatTooltip,
+  ...others
+}) => {
+  const hasLabel = label != null;
+  const isDirty = React.useRef(false);
+  const elementId = useUniqueId.default(id, "hvSlider");
+  const sliderInputId = setId.setId(elementId, "input");
+  const stepValue = React.useMemo(() => utils.calculateStepValue(maxPointValue, minPointValue, divisionQuantity), [divisionQuantity, maxPointValue, minPointValue]);
+  const inverseStepValue = 1 / stepValue;
+  const marks = React.useMemo(() => utils.createMark(markProperties, markStep, divisionQuantity, minPointValue, stepValue, markDigits, !!disabled, Slider_styles.sliderStyles, formatMark), [disabled, divisionQuantity, formatMark, markDigits, markProperties, markStep, minPointValue, stepValue, Slider_styles.sliderStyles]);
+  const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
+  const isSingle = React.useMemo(() => utils.isSingleSlider(valuesProp, defaultValues), [defaultValues, valuesProp]);
+  const value = React.useMemo(() => (valuesProp == null ? void 0 : valuesProp.length) > 0 ? utils.knobsValuesToKnobsPositions(valuesProp, inverseStepValue, minPointValue) : void 0, [inverseStepValue, minPointValue, valuesProp]);
+  const defaultKnobsPositions = React.useMemo(() => utils.knobsValuesToKnobsPositions(defaultValues, inverseStepValue, minPointValue), [defaultValues, inverseStepValue, minPointValue]);
+  const [knobsPositions, setKnobsPositions] = useControlled.useControlled(value, defaultKnobsPositions);
+  const {
+    arrayStatus,
+    arrayDefaultStatus
+  } = React.useMemo(() => utils.convertStatusToArray(knobsPositions.length, status), [knobsPositions.length, status]);
+  const [validationStatus, setValidationState] = useControlled.useControlled(arrayStatus, arrayDefaultStatus);
+  const [validationMessage, setValidationMessage] = useControlled.useControlled(statusMessage, "");
+  const [isDraggingTrack, setIsDraggingTrack] = React.useState(false);
+  const knobProperties = utils.generateDefaultKnobProperties(knobsPositions.length, disabled, knobPropertiesProp);
+  const rangesCount = knobProperties.length - 1;
+  const trackStyles = utils.createTrackStyles(knobProperties, Slider_styles.sliderStyles);
+  const knobStyles = utils.createKnobStyles(knobProperties, Slider_styles.sliderStyles);
+  const performValidation = React.useCallback(() => {
+    let invalid = false;
+    const newValidationState = knobsPositions.map((position) => {
+      if (position == null || Number.isNaN(position)) {
+        invalid = true;
+        return validationStates.default.invalid;
+      }
+      return validationStates.default.valid;
+    });
+    setValidationState([...newValidationState]);
+    if (invalid) {
+      setValidationMessage(requiredMessage);
+      return;
+    }
+    setValidationMessage("");
+  }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);
+  React.useEffect(() => {
+    const stepVl = utils.calculateStepValue(maxPointValue, minPointValue, divisionQuantity);
+    const inverseStepVl = 1 / stepVl;
+    if ((valuesProp == null ? void 0 : valuesProp.length) > 0) {
+      setKnobsPositions(utils.knobsValuesToKnobsPositions(valuesProp.length > 0 ? valuesProp : defaultValues, inverseStepVl, minPointValue));
+    }
+  }, [defaultValues, divisionQuantity, maxPointValue, minPointValue, setKnobsPositions, valuesProp]);
+  React.useEffect(() => {
+    if (!isDirty.current) {
+      return;
+    }
+    performValidation();
+  }, [knobsPositions, requiredMessage, performValidation]);
+  const onMouseDownHandler = (event) => {
+    if (event.target.className.includes("track")) {
+      setIsDraggingTrack(true);
+    }
+  };
+  const onMouseUpHandler = () => {
+    setIsDraggingTrack(false);
+  };
+  const generateKnobsPositionAndValues = (knobsCurrentPosition) => {
+    const newKnobsPosition = knobsCurrentPosition.slice();
+    const knobsValues = [];
+    let duplicatedValue = null;
+    const findDuplicated = newKnobsPosition.filter((item, index) => newKnobsPosition.indexOf(item) !== index);
+    if (noOverlap && findDuplicated.length > 0) {
+      [duplicatedValue] = findDuplicated;
+    }
+    newKnobsPosition.forEach((position, index, array) => {
+      const newArray = array;
+      let newPosition = position;
+      if (noOverlap && newPosition === duplicatedValue) {
+        const previousValue = knobsPositions[index];
+        if (previousValue !== newPosition) {
+          newPosition += newPosition > previousValue ? -1 : 1;
+          newArray[index] = newPosition;
+        }
+      }
+      knobsValues[index] = utils.knobsPositionToScaledValue(newPosition, minPointValue, stepValue);
+    }, void 0);
+    return {
+      knobsPosition: newKnobsPosition,
+      knobsValues
+    };
+  };
+  const onBlurHandler = (event) => {
+    const knobs = generateKnobsPositionAndValues(knobsPositions);
+    performValidation();
+    onBlur == null ? void 0 : onBlur(event, knobs.knobsValues, status);
+  };
+  const onChangeHandler = (knobsPosition) => {
+    isDirty.current = true;
+    const knobs = generateKnobsPositionAndValues(knobsPosition);
+    knobProperties.forEach((knobProperty, index) => {
+      if (knobProperty.fixed) {
+        knobs.knobsPosition[index] = utils.scaledValueToKnobsPositionValue(defaultValues[index], minPointValue, inverseStepValue);
+      }
+    });
+    if (disabled || readOnly)
+      return;
+    onChange == null ? void 0 : onChange(knobs.knobsValues);
+    setKnobsPositions(knobs.knobsPosition);
+  };
+  const onInputChangeHandler = (inputValues, index) => {
+    let newKnobPositions = utils.knobsValuesToKnobsPositions(inputValues, inverseStepValue, minPointValue);
+    newKnobPositions = utils.ensureValuesConsistency(newKnobPositions, index);
+    onChangeHandler(newKnobPositions);
+  };
+  const onBeforeChangeHandler = (knobsPosition) => {
+    const knobs = generateKnobsPositionAndValues(knobsPosition);
+    onBeforeChange == null ? void 0 : onBeforeChange(knobs.knobsValues);
+  };
+  const onAfterChangeHandler = (knobsPosition) => {
+    const knobs = generateKnobsPositionAndValues(knobsPosition);
+    onAfterChange == null ? void 0 : onAfterChange(knobs.knobsValues);
+  };
+  const createKnob = (knobNode, params) => {
+    var _a, _b;
+    const {
+      value: knobValue,
+      dragging,
+      index
+    } = params;
+    const {
+      className: knobClassName,
+      style,
+      ...restProps
+    } = knobNode.props;
+    const scaledKnobValue = utils.knobsPositionToScaledValue(knobValue, minPointValue, stepValue).toFixed(markDigits);
+    if (dragging) {
+      style.backgroundColor = (_a = knobProperties[index]) == null ? void 0 : _a.dragColor;
+    } else {
+      style.backgroundColor = (_b = knobProperties[index]) == null ? void 0 : _b.color;
+    }
+    const isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;
+    const handleId = setId.setId(elementId, "knob");
+    const indexedHandleId = setId.setId(handleId, index);
+    return /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledTooltipContainer, {
+      className: clsx.clsx(!disabled && !isEmpty && clsx.clsx(classes == null ? void 0 : classes.handleContainer, sliderClasses.default.handleContainer), disabled && !isEmpty && clsx.clsx(classes == null ? void 0 : classes.handleContainerDisabled, sliderClasses.default.handleContainerDisabled), (isEmpty || readOnly) && clsx.clsx(classes == null ? void 0 : classes.handleHiddenContainer, sliderClasses.default.handleHiddenContainer)),
+      $active: !!(!disabled && !isEmpty),
+      $disabled: !!(disabled && !isEmpty),
+      $hidden: isEmpty || readOnly,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledTooltip, {
+        prefixCls: "rc-slider-tooltip",
+        overlay: (formatTooltip == null ? void 0 : formatTooltip(scaledKnobValue)) || scaledKnobValue,
+        visible: dragging,
+        placement: "top",
+        overlayClassName: clsx.clsx(classes == null ? void 0 : classes.sliderTooltip, sliderClasses.default.sliderTooltip),
+        getTooltipContainer: () => document.getElementById(indexedHandleId || ""),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+          id: indexedHandleId,
+          style,
+          className: clsx.clsx(knobClassName, classes == null ? void 0 : classes.handle, sliderClasses.default.handle),
+          ...restProps,
+          "aria-label": `${label}-knob-${index}`,
+          "aria-valuenow": utils.knobsPositionToScaledValue(knobValue, minPointValue, stepValue),
+          "aria-valuemin": minPointValue,
+          "aria-valuemax": maxPointValue,
+          ...knobProps == null ? void 0 : knobProps[index]
+        })
+      })
+    }, index);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Slider_styles.StyledFormElement, {
+    className: clsx.clsx(className, classes == null ? void 0 : classes.root, sliderClasses.default.root, !readOnly && !disabled && !isSingle && isDraggingTrack && clsx.clsx(classes == null ? void 0 : classes.trackDragging, sliderClasses.default.trackDragging), !readOnly && !disabled && !isSingle && !isDraggingTrack && clsx.clsx(classes == null ? void 0 : classes.trackStandBy, sliderClasses.default.trackStandBy), disabled && clsx.clsx(classes == null ? void 0 : classes.rootDisabled, sliderClasses.default.rootDisabled)),
+    $dragging: !readOnly && !disabled && !isSingle && isDraggingTrack,
+    $standBy: !readOnly && !disabled && !isSingle && !isDraggingTrack,
+    $disabled: !!disabled,
+    id,
+    name,
+    status: utils.statusArrayToFormStatus(validationStatus),
+    disabled,
+    required,
+    readOnly,
+    onMouseDown: onMouseDownHandler,
+    onMouseUp: onMouseUpHandler,
+    onBlur: onBlurHandler,
+    ...others,
+    children: [(hasLabel || !hideInput) && /* @__PURE__ */ jsxRuntime.jsxs(Slider_styles.StyledLabelContainer, {
+      className: clsx.clsx(classes == null ? void 0 : classes.labelContainer, sliderClasses.default.labelContainer, hasLabel && clsx.clsx(classes == null ? void 0 : classes.labelIncluded, sliderClasses.default.labelIncluded), !hasLabel && clsx.clsx(classes == null ? void 0 : classes.onlyInput, sliderClasses.default.onlyInput)),
+      $hasLabel: hasLabel,
+      children: [hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
+        id: setId.setId(elementId, "label"),
+        className: clsx.clsx(classes == null ? void 0 : classes.label, sliderClasses.default.label),
+        htmlFor: setId.setId(elementId, "slider"),
+        label
+      }), !hideInput && /* @__PURE__ */ jsxRuntime.jsx(SliderInput.HvSliderInput, {
+        id: sliderInputId,
+        label,
+        values: utils.knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue),
+        onChange: onInputChangeHandler,
+        status: validationStatus,
+        disabled,
+        readOnly,
+        markDigits,
+        inputProps
+      })]
+    }), /* @__PURE__ */ jsxRuntime.jsxs(Slider_styles.StyledSliderContainer, {
+      className: clsx.clsx(classes == null ? void 0 : classes.sliderBase, sliderClasses.default.sliderBase, classes == null ? void 0 : classes.sliderContainer, sliderClasses.default.sliderContainer),
+      children: [isSingle && /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledSlider, {
+        handleRender: createKnob,
+        className: clsx.clsx(classes == null ? void 0 : classes.sliderRoot, sliderClasses.default.sliderRoot),
+        min: 0,
+        max: divisionQuantity,
+        step: 1,
+        marks,
+        dotStyle: disabled ? Slider_styles.sliderStyles.dotDisabled : Slider_styles.sliderStyles.dot,
+        onChange: (singleValue) => onChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        onBeforeChange: (singleValue) => onBeforeChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        onAfterChange: (singleValue) => onAfterChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        value: knobsPositions.length > 0 ? knobsPositions[0] : void 0,
+        allowCross: false,
+        disabled,
+        count: rangesCount,
+        railStyle: Slider_styles.sliderStyles.rail,
+        handleStyle: knobStyles.knobInner,
+        trackStyle: trackStyles,
+        ...sliderProps
+      }), !isSingle && /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledSlider, {
+        range: true,
+        handleRender: createKnob,
+        className: clsx.clsx(classes == null ? void 0 : classes.sliderRoot, sliderClasses.default.sliderRoot, !isSingle && clsx.clsx(classes == null ? void 0 : classes.rootRange, sliderClasses.default.rootRange)),
+        min: 0,
+        max: divisionQuantity,
+        step: 1,
+        marks,
+        disabled,
+        dotStyle: disabled ? Slider_styles.sliderStyles.dotDisabled : Slider_styles.sliderStyles.dot,
+        onChange: (singleValue) => onChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        onBeforeChange: (singleValue) => onBeforeChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        onAfterChange: (singleValue) => onAfterChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        value: knobsPositions.length > 0 ? [...knobsPositions] : void 0,
+        allowCross: false,
+        count: rangesCount,
+        railStyle: Slider_styles.sliderStyles.rail,
+        handleStyle: knobStyles.knobInner,
+        trackStyle: trackStyles,
+        draggableTrack: !readOnly && !isSingle,
+        ...sliderProps
+      })]
+    }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledWarning, {
+      id: setId.setId(elementId, "error"),
+      className: clsx.clsx(classes == null ? void 0 : classes.error, sliderClasses.default.error),
+      disableBorder: true,
+      children: validationMessage
+    })]
+  });
+};
+exports.HvSlider = HvSlider;
+//# sourceMappingURL=Slider.cjs.map

package/dist/cjs/components/Slider/Slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { SliderProps } from \"rc-slider\";\nimport { clsx } from \"clsx\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvFormStatus, HvLabel, HvInputProps } from \"@core/components\";\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\";\n\nexport interface HvKnobProperty {\n  color?: string;\n  defaultValue?: number;\n  hidden?: boolean;\n  fixed?: boolean;\n  hoverColor?: string;\n  trackColor?: string;\n  dragColor?: string;\n}\n\nexport interface HvMarkProperty {\n  position?: number;\n  label?: string;\n}\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      sliderStyles,\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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"}