@hitachivantara/uikit-react-core 3.66.2 → 3.67.2

package/dist/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["HvSlider","props","id","className","name","label","status","statusMessage","disabled","required","requiredMessage","readOnly","ariaErrorMessage","classes","hideInput","markProperties","markStep","markDigits","knobPropertiesProp","knobProperties","valuesProp","values","defaultValues","undefined","inputProps","theme","maxPointValue","minPointValue","divisionQuantity","formatMark","noOverlap","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","sliderProps","knobProps","others","styles","stepValue","inverseStepValue","isSingle","defaultKnobsPositions","value","length","knobsPositions","setKnobsPositions","isDraggingTrack","setIsDraggingTrack","isDirty","elementId","hasLabel","arrayStatus","arrayDefaultStatus","validationStatus","setValidationState","validationMessage","setValidationMessage","canShowError","trackStyles","knobStyles","marks","rangesCount","performValidation","invalid","newValidationState","map","position","Number","isNaN","validationStates","valid","stepVl","inverseStepVl","current","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPosition","onChangeHandler","knobs","knobProperty","fixed","onInputChangeHandler","inputValues","newKnobPositions","onBeforeChangeHandler","onAfterChangeHandler","onMouseDownHandler","event","target","includes","onMouseUpHandler","onBlurHandler","sliderInputId","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","handleHiddenContainer","handleContainerDisabled","handleContainer","sliderTooltip","handle","root","trackDragging","trackStandBy","rootDisabled","labelContainer","labelIncluded","onlyInput","sliderContainer","sliderRoot","dotDisabled","dot","singleValue","rail","knobInner","rootRange","error","propTypes","PropTypes","string","node","bool","instanceOf","Object","oneOf","arrayOf","number","shape","hoverColor","trackColor","knobRingColor","defaultValue","hidden","func","knobOuter","knobHidden","knobHiddenLast","track","mark","isRequired","any","styleCreator","withTheme"],"sources":["../../src/Slider/Slider.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport Slider from \"rc-slider\";\nimport Tooltip from \"rc-tooltip\";\nimport \"rc-slider/assets/index.css\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElement, useControlled, useUniqueId, HvLabel, setId, HvWarningText } from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport {\n  knobsPositionToScaledValue,\n  calculateStepValue,\n  createKnobStyles,\n  createTrackStyles,\n  createMark,\n  knobsValuesToKnobsPositions,\n  knobsPositionsToKnobsValues,\n  scaledValueToKnobsPositionValue,\n  generateDefaultKnobProperties,\n  isSingleSlider,\n  ensureValuesConsistency,\n  convertStatusToArray,\n  statusArrayToFormStatus,\n} from \"./utils\";\nimport styleCreator from \"./styles\";\nimport SliderInput from \"./SliderInput\";\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. Still in development\n */\nconst HvSlider = (props) => {\n  const {\n    id,\n    className,\n    name,\n    label,\n    status,\n    statusMessage,\n    disabled,\n    required = false,\n    requiredMessage = \"The value is required\",\n    readOnly = false,\n    \"aria-errormessage\": ariaErrorMessage,\n    classes,\n    hideInput = false,\n    markProperties = [],\n    markStep = 20,\n    markDigits = 0,\n    knobProperties: knobPropertiesProp,\n    values: valuesProp,\n    defaultValues = [undefined],\n    inputProps,\n    theme,\n    maxPointValue = 100,\n    minPointValue = 0,\n    divisionQuantity = 100,\n    formatMark,\n    noOverlap = true,\n    onChange,\n    onBlur,\n    onBeforeChange,\n    onAfterChange,\n    formatTooltip,\n    sliderProps,\n    knobProps,\n    ...others\n  } = props;\n\n  const styles = styleCreator(theme);\n  const stepValue = useMemo(\n    () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n    [divisionQuantity, maxPointValue, minPointValue]\n  );\n  const inverseStepValue = 1 / stepValue;\n  const isSingle = useMemo(\n    () => isSingleSlider(valuesProp, defaultValues),\n    [defaultValues, valuesProp]\n  );\n  const defaultKnobsPositions = useMemo(\n    () => knobsValuesToKnobsPositions(defaultValues, inverseStepValue, minPointValue, isSingle),\n    [defaultValues, inverseStepValue, isSingle, minPointValue]\n  );\n  const value = useMemo(\n    () =>\n      valuesProp?.length > 0\n        ? knobsValuesToKnobsPositions(valuesProp, inverseStepValue, minPointValue, isSingle)\n        : undefined,\n    [inverseStepValue, isSingle, minPointValue, valuesProp]\n  );\n\n  const [knobsPositions, setKnobsPositions] = useControlled(value, defaultKnobsPositions);\n  const [isDraggingTrack, setIsDraggingTrack] = useState(false);\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n  const elementId = useUniqueId(id, \"hvSlider\");\n  // miscellaneous state\n  const hasLabel = label != null;\n  // validation related state\n  const { arrayStatus, arrayDefaultStatus } = useMemo(\n    () => convertStatusToArray(status, knobsPositions.length),\n    [knobsPositions.length, status]\n  );\n  const [validationStatus, setValidationState] = useControlled(arrayStatus, arrayDefaultStatus);\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const knobProperties = generateDefaultKnobProperties(\n    knobPropertiesProp,\n    knobsPositions.length,\n    disabled,\n    theme\n  );\n  const trackStyles = createTrackStyles(knobProperties, styles);\n  const knobStyles = createKnobStyles(knobProperties, styles);\n  const marks = useMemo(\n    () =>\n      createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        formatMark,\n        disabled,\n        styles\n      ),\n    [\n      disabled,\n      divisionQuantity,\n      formatMark,\n      markDigits,\n      markProperties,\n      markStep,\n      minPointValue,\n      stepValue,\n      styles,\n    ]\n  );\n\n  const rangesCount = knobProperties.length - 1;\n\n  const performValidation = useCallback(() => {\n    let invalid = false;\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    setValidationState([...newValidationState]);\n    if (invalid) {\n      setValidationMessage(requiredMessage);\n      return;\n    }\n    setValidationMessage(\"\");\n  }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);\n\n  useEffect(() => {\n    const stepVl = calculateStepValue(maxPointValue, minPointValue, divisionQuantity);\n    const inverseStepVl = 1 / stepVl;\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    performValidation(knobsPositions, requiredMessage);\n  }, [knobsPositions, requiredMessage, performValidation]);\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 = (knobsCurrentPosition) => {\n    const newKnobsPosition = knobsCurrentPosition.slice();\n    const knobsValues = [];\n\n    let duplicatedValue = null;\n\n    const findDuplicated = newKnobsPosition.filter(\n      (item, index) => newKnobsPosition.indexOf(item) !== index\n    );\n\n    if (noOverlap && findDuplicated.length > 0) {\n      [duplicatedValue] = findDuplicated;\n    }\n    newKnobsPosition.forEach((position, index, array) => {\n      const newArray = array;\n      let newPosition = 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(newPosition, minPointValue, stepValue);\n    }, this);\n\n    return {\n      knobsPosition: newKnobsPosition,\n      knobsValues,\n    };\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) => {\n    isDirty.current = true;\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\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    if (disabled || readOnly) return;\n    onChange?.(knobs.knobsValues);\n    setKnobsPositions(knobs.knobsPosition);\n  };\n\n  const onInputChangeHandler = (inputValues, index) => {\n    let newKnobPositions = knobsValuesToKnobsPositions(\n      inputValues,\n      inverseStepValue,\n      minPointValue\n    );\n    newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\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) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\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) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n    onAfterChange?.(knobs.knobsValues);\n  };\n\n  const onMouseDownHandler = (event) => {\n    if (event.target.className.includes(\"track\")) {\n      setIsDraggingTrack(true);\n    }\n  };\n\n  const onMouseUpHandler = () => {\n    setIsDraggingTrack(false);\n  };\n\n  const onBlurHandler = (event) => {\n    const knobs = generateKnobsPositionAndValues(knobsPositions);\n    performValidation(knobsPositions, requiredMessage);\n    onBlur?.(event, knobs.knobsValues, status);\n  };\n  const sliderInputId = setId(elementId, \"input\");\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(knobValue, minPointValue, stepValue).toFixed(\n      markDigits\n    );\n    if (dragging) {\n      style.backgroundColor = knobProperties[index].dragColor;\n    } else {\n      style.backgroundColor = knobProperties[index].color;\n    }\n\n    const isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n    const handleId = setId(elementId, \"knob\");\n    return (\n      <div\n        key={index}\n        className={clsx({\n          [classes.handleContainer]: !disabled && !isEmpty,\n          [classes.handleContainerDisabled]: disabled && !isEmpty,\n          [classes.handleHiddenContainer]: isEmpty || readOnly,\n        })}\n      >\n        <Tooltip\n          prefixCls=\"rc-slider-tooltip\"\n          overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n          visible={dragging}\n          placement=\"top\"\n          overlayClassName={classes.sliderTooltip}\n        >\n          <div\n            id={setId(handleId, index)}\n            style={style}\n            className={clsx(knobClassName, classes.handle)}\n            {...restProps}\n            aria-label={`${label}-knob-${index}`}\n            aria-valuenow={knobsPositionToScaledValue(knobValue, minPointValue, stepValue)}\n            aria-valuemin={minPointValue}\n            aria-valuemax={maxPointValue}\n            {...knobProps?.[index]}\n          />\n        </Tooltip>\n      </div>\n    );\n  };\n\n  return (\n    <HvFormElement\n      className={clsx(className, classes.root, {\n        [classes.trackDragging]: !readOnly && !disabled && !isSingle && isDraggingTrack,\n        [classes.trackStandBy]: !readOnly && !disabled && !isSingle && !isDraggingTrack,\n        [classes.rootDisabled]: disabled,\n      })}\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        <div\n          className={clsx(classes.labelContainer, {\n            [classes.labelIncluded]: hasLabel,\n            [classes.onlyInput]: !hasLabel,\n          })}\n        >\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={classes.label}\n              htmlFor={setId(elementId, \"slider\")}\n              label={label}\n            />\n          )}\n\n          {!hideInput && (\n            <SliderInput\n              id={sliderInputId}\n              label={label}\n              values={knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue)}\n              onChange={onInputChangeHandler}\n              status={validationStatus}\n              disabled={disabled}\n              readOnly={readOnly}\n              markDigits={markDigits}\n              inputProps={inputProps}\n            />\n          )}\n        </div>\n      )}\n      <div className={classes.sliderContainer}>\n        {isSingle && (\n          <Slider\n            id={setId(elementId, \"slider\")}\n            handleRender={createKnob}\n            className={clsx(classes.sliderRoot)}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            dotStyle={disabled ? styles.dotDisabled : styles.dot}\n            onChange={(singleValue) => onChangeHandler([singleValue])}\n            onBeforeChange={(singleValue) => onBeforeChangeHandler([singleValue])}\n            onAfterChange={(singleValue) => onAfterChangeHandler([singleValue])}\n            value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n            allowCross={false}\n            disabled={disabled}\n            count={rangesCount}\n            railStyle={styles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            {...sliderProps}\n          />\n        )}\n        {!isSingle && (\n          <Slider\n            id={setId(elementId, \"slider\")}\n            range\n            handleRender={createKnob}\n            className={clsx(classes.sliderRoot, { [classes.rootRange]: !isSingle })}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            disabled={disabled}\n            dotStyle={disabled ? styles.dotDisabled : styles.dot}\n            onChange={onChangeHandler}\n            onBeforeChange={onBeforeChangeHandler}\n            onAfterChange={onAfterChangeHandler}\n            value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n            allowCross={false}\n            count={rangesCount}\n            railStyle={styles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            draggableTrack={!readOnly && !isSingle}\n            {...sliderProps}\n          />\n        )}\n      </div>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSlider.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the slider root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The slider name.\n   */\n  name: PropTypes.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: PropTypes.node,\n  /**\n   * Indicates that the slider is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the slider is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user slider is required on the form element.\n   */\n  required: PropTypes.bool,\n  /**\n   * What message to render when the value is required.\n   */\n  requiredMessage: PropTypes.string,\n  /**\n   * if `true` the input that controls the slider is hidden.\n   */\n  hideInput: PropTypes.bool,\n  /**\n   * Attributes applied to the slider element.\n   */\n  sliderProps: PropTypes.instanceOf(Object),\n  /**\n   * The status of the slider.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * The values array to apply to the component\n   */\n  values: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The default values array to apply to the component\n   */\n  defaultValues: PropTypes.arrayOf(PropTypes.number),\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: PropTypes.arrayOf(\n    PropTypes.shape({\n      color: PropTypes.string,\n      hoverColor: PropTypes.string,\n      trackColor: PropTypes.string,\n      dragColor: PropTypes.string,\n      knobRingColor: PropTypes.string,\n      defaultValue: PropTypes.number,\n      hidden: PropTypes.bool,\n      fixed: PropTypes.bool,\n    })\n  ),\n  /**\n   * The object used to set the mark properties individually.\n   */\n  markProperties: PropTypes.arrayOf(\n    PropTypes.shape({\n      position: PropTypes.number,\n      label: PropTypes.string,\n    })\n  ),\n  /**\n   * the function executed before a change will occur in the slider.\n   */\n  onBeforeChange: PropTypes.func,\n  /**\n   * the function executed while a change is occurring in the slider.\n   */\n  onChange: PropTypes.func,\n  /**\n   * the function executed after a change ocurred in the slider.\n   */\n  onAfterChange: PropTypes.func,\n  /**\n   * the function executed after a blur ocurred in the slider.\n   */\n  onBlur: PropTypes.func,\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: PropTypes.number,\n  /**\n   * how many subdivisions there are in the slider.\n   */\n  divisionQuantity: PropTypes.number,\n  /**\n   * the value of the first point in the slider from left to right.\n   */\n  minPointValue: PropTypes.number,\n  /**\n   * the value of the last point in the slider from left to right.\n   */\n  maxPointValue: PropTypes.number,\n  /**\n   * the max number of decimals if no format function is applied\n   */\n  markDigits: PropTypes.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: PropTypes.func,\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: PropTypes.func,\n  /**\n   * if `true` the knobs can't have the same value, if `false` knobs can have the same value.\n   */\n  noOverlap: PropTypes.bool,\n  /**\n   * the classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component when in range mode.\n     */\n    rootRange: PropTypes.string,\n    /**\n     * Style applied to the container holding the label.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Style applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the knob.\n     */\n    handle: PropTypes.string,\n    /**\n     * Style applied to the container that has the knob used to move.\n     */\n    handleContainer: PropTypes.string,\n    /**\n     * Style applied to the div where the slider is placed.\n     */\n    sliderRoot: PropTypes.string,\n    /**\n     * Style applied when the user is dragging the range track.\n     */\n    trackDragging: PropTypes.string,\n    /**\n     * Style applied when root container is disabled.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Style applied when the user is not dragging the range track.\n     */\n    trackStandBy: PropTypes.string,\n    /**\n     * Style applied to the warning container.\n     */\n    error: PropTypes.string,\n    /**\n     * Style applied to the handle container when it is hidden.\n     */\n    handleHiddenContainer: PropTypes.string,\n    /**\n     * Style applied to the handle container when it is disabled.\n     */\n    handleContainerDisabled: PropTypes.string,\n    /**\n     * Style applied when the label element is present.\n     */\n    labelIncluded: PropTypes.string,\n    /**\n     * Style applied when only the input element is present.\n     */\n    onlyInput: PropTypes.string,\n    /**\n     * Style applied to the dot.\n     */\n    dot: PropTypes.string,\n    /**\n     * Style applied to the rail.\n     */\n    rail: PropTypes.string,\n    /**\n     * Style applied to the inner of the knob.\n     */\n    knobInner: PropTypes.string,\n    /**\n     * Style applied to the outside of the knob.\n     */\n    knobOuter: PropTypes.string,\n    /**\n     * Style applied when the knob is hidden.\n     */\n    knobHidden: PropTypes.string,\n    /**\n     * Style applied  last hidden knob.\n     */\n    knobHiddenLast: PropTypes.string,\n    /**\n     * Style applied to the track.\n     */\n    track: PropTypes.string,\n    /**\n     * Style applied to the mark.\n     */\n    mark: PropTypes.string,\n    /**\n     * Style applied to the tooltip.\n     */\n    sliderTooltip: PropTypes.string,\n    /**\n     * Style applied to the container of the tooltip.\n     */\n    sliderContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Identifies the element that provides an error message for the slider.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n  /**\n   * Attributes applied to the input element.\n   */\n  knobProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n  /**\n   * Theme object required to style the slider.\n   */\n  theme: PropTypes.any.isRequired,\n};\n\nexport default withStyles(styleCreator, { name: \"HvSlider\", withTheme: true })(HvSlider);\n"],"mappings":"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"}

package/dist/Slider/SliderInput/SliderInput.js

@@ -0,0 +1,194 @@
+"use strict";
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.number.is-nan.js");
+
+require("core-js/modules/es.number.constructor.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _ = require("../..");
+
+var _utils = require("../utils");
+
+var _excluded = ["classes", "className", "id", "label", "values", "inputProps", "status", "onChange", "readOnly", "disabled", "markDigits"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var HvSliderInput = function HvSliderInput(props) {
+  var classes = props.classes,
+      className = props.className,
+      id = props.id,
+      label = props.label,
+      _props$values = props.values,
+      valuesProp = _props$values === void 0 ? [] : _props$values,
+      _props$inputProps = props.inputProps,
+      inputProps = _props$inputProps === void 0 ? [] : _props$inputProps,
+      status = props.status,
+      onChange = props.onChange,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$markDigits = props.markDigits,
+      markDigits = _props$markDigits === void 0 ? 0 : _props$markDigits,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useState = (0, _react.useState)((0, _utils.knobsValuesToString)(valuesProp, markDigits)),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      inputValues = _useState2[0],
+      setInputValues = _useState2[1];
+
+  var handleChange = function handleChange(index) {
+    if (disabled) return;
+    onChange((0, _utils.stringValuesToKnobs)(inputValues), index);
+  };
+
+  (0, _react.useEffect)(function () {
+    setInputValues((0, _utils.knobsValuesToString)(valuesProp, markDigits));
+  }, [markDigits, valuesProp]);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.inputRoot)
+  }, others), inputValues.map(function (value, index) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: (0, _.setId)(id, index),
+      className: (0, _clsx.default)(classes.inputContainer)
+    }, index !== 0 && /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Remove, {
+      color: disabled ? ["atmo4"] : undefined
+    }), /*#__PURE__*/_react.default.createElement(_.HvInput, (0, _extends2.default)({
+      id: (0, _.setId)(id, index),
+      "aria-label": "".concat(label, "-").concat(index),
+      className: classes.input,
+      disabled: disabled,
+      type: "number",
+      value: Number.isNaN(value) || value == null ? "" : value.toString(),
+      onEnter: function onEnter() {
+        return handleChange(index);
+      },
+      onBlur: function onBlur() {
+        return handleChange(index);
+      },
+      onChange: function onChange(e, inputValue) {
+        var newValues = (0, _toConsumableArray2.default)(inputValues);
+        newValues[index] = inputValue;
+        setInputValues(newValues);
+      },
+      status: status[index] || "standBy",
+      readOnly: readOnly,
+      disableClear: true
+    }, inputProps[index])));
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? HvSliderInput.propTypes = {
+  /**
+   * Styles applied from the theme.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the external div containing the whole calendar.
+     */
+    inputRoot: _propTypes.default.string,
+    input: _propTypes.default.string,
+    inputContainer: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Identifier.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Used to generate the aria-label for the inputs
+   */
+  label: _propTypes.default.string,
+  status: _propTypes.default.arrayOf(_propTypes.default.string),
+
+  /**
+   * The class name to add at the root of the single calendar
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The values array to apply to the component
+   */
+  values: _propTypes.default.arrayOf(_propTypes.default.number),
+
+  /**
+   * Callback function to be triggered when the selected date has changed.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Object)),
+
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Indicates that the form element is read only.
+   */
+  readOnly: _propTypes.default.bool,
+
+  /**
+   * Indicates how many decimals to use.
+   */
+  markDigits: _propTypes.default.number
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvSliderInput"
+})(HvSliderInput);
+
+exports.default = _default;
+//# sourceMappingURL=SliderInput.js.map

package/dist/Slider/SliderInput/SliderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderInput.js","names":["HvSliderInput","props","classes","className","id","label","values","valuesProp","inputProps","status","onChange","readOnly","disabled","markDigits","others","inputValues","setInputValues","handleChange","index","inputRoot","map","value","inputContainer","undefined","input","Number","isNaN","toString","e","inputValue","newValues","propTypes","PropTypes","shape","string","isRequired","arrayOf","number","func","instanceOf","Object","bool","styles","name"],"sources":["../../../src/Slider/SliderInput/SliderInput.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Remove } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport styles from \"./styles\";\nimport { HvInput, setId } from \"../..\";\nimport { knobsValuesToString, stringValuesToKnobs } from \"../utils\";\n\nconst HvSliderInput = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    label,\n    values: valuesProp = [],\n    inputProps = [],\n    status,\n    onChange,\n    readOnly = false,\n    disabled = false,\n    markDigits = 0,\n    ...others\n  } = props;\n\n  const [inputValues, setInputValues] = useState(knobsValuesToString(valuesProp, markDigits));\n  const handleChange = (index) => {\n    if (disabled) return;\n    onChange(stringValuesToKnobs(inputValues), index);\n  };\n\n  useEffect(() => {\n    setInputValues(knobsValuesToString(valuesProp, markDigits));\n  }, [markDigits, valuesProp]);\n\n  return (\n    <div className={clsx(className, classes.inputRoot)} {...others}>\n      {inputValues.map((value, index) => (\n        <div key={setId(id, index)} className={clsx(classes.inputContainer)}>\n          {index !== 0 && <Remove color={disabled ? [\"atmo4\"] : undefined} />}\n          <HvInput\n            id={setId(id, index)}\n            aria-label={`${label}-${index}`}\n            className={classes.input}\n            disabled={disabled}\n            type=\"number\"\n            value={Number.isNaN(value) || value == null ? \"\" : value.toString()}\n            onEnter={() => handleChange(index)}\n            onBlur={() => handleChange(index)}\n            onChange={(e, inputValue) => {\n              const newValues = [...inputValues];\n              newValues[index] = inputValue;\n              setInputValues(newValues);\n            }}\n            status={status[index] || \"standBy\"}\n            readOnly={readOnly}\n            disableClear\n            {...inputProps[index]}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nHvSliderInput.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the external div containing the whole calendar.\n     */\n    inputRoot: PropTypes.string,\n    input: PropTypes.string,\n    inputContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Used to generate the aria-label for the inputs\n   */\n  label: PropTypes.string,\n  status: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className: PropTypes.string,\n  /**\n   * The values array to apply to the component\n   */\n  values: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is read only.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates how many decimals to use.\n   */\n  markDigits: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvSliderInput\" })(HvSliderInput);\n"],"mappings":"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"}

package/dist/Slider/SliderInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SliderInput";

package/dist/Slider/SliderInput/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _SliderInput.default;
+  }
+});
+
+var _SliderInput = _interopRequireDefault(require("./SliderInput"));
+//# sourceMappingURL=index.js.map

package/dist/Slider/SliderInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Slider/SliderInput/index.js"],"sourcesContent":["export { default } from \"./SliderInput\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

package/dist/Slider/SliderInput/styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    inputRoot: {
+      display: "flex"
+    },
+    input: {
+      maxWidth: "50px"
+    },
+    inputContainer: {
+      display: "flex"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Slider/SliderInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","inputRoot","display","input","maxWidth","inputContainer"],"sources":["../../../src/Slider/SliderInput/styles.js"],"sourcesContent":["const styles = () => {\n  return {\n    inputRoot: {\n      display: \"flex\",\n    },\n    input: {\n      maxWidth: \"50px\",\n    },\n    inputContainer: {\n      display: \"flex\",\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,GAAM;EACnB,OAAO;IACLC,SAAS,EAAE;MACTC,OAAO,EAAE;IADA,CADN;IAILC,KAAK,EAAE;MACLC,QAAQ,EAAE;IADL,CAJF;IAOLC,cAAc,EAAE;MACdH,OAAO,EAAE;IADK;EAPX,CAAP;AAWD,CAZD;;eAceF,M"}

package/dist/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Slider";
+export * from "./Slider";

package/dist/Slider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Slider.default;
+  }
+});
+
+var _Slider = _interopRequireDefault(require("./Slider"));
+//# sourceMappingURL=index.js.map

package/dist/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Slider/index.js"],"sourcesContent":["export { default } from \"./Slider\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

package/dist/Slider/styles.js

@@ -0,0 +1,239 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  var ring = {
+    width: "32px",
+    height: "32px",
+    borderRadius: "50%",
+    border: "9px solid ".concat(theme.hv.palette.accent.acce1),
+    opacity: "20%",
+    content: "''",
+    position: "absolute",
+    top: "-10px",
+    left: "-10px"
+  };
+  var border = {
+    width: "20px",
+    height: "20px",
+    borderRadius: "50%",
+    border: "2px solid ".concat(theme.hv.palette.atmosphere.atmo1),
+    content: "''",
+    position: "absolute",
+    top: "-4px",
+    left: "-4px"
+  };
+  var dragSquare = {
+    cursor: "grab",
+    width: "calc(100% - 40px)",
+    left: "20px",
+    height: "27px",
+    position: "absolute",
+    top: "-12px",
+    content: "''",
+    background: "transparent",
+    borderTop: "12px solid ".concat(theme.hv.palette.atmosphere.atmo3),
+    borderBottom: "12px solid ".concat(theme.hv.palette.atmosphere.atmo3),
+    zIndex: "-2"
+  };
+  var dot = {
+    position: "absolute",
+    bottom: "-1px",
+    marginLeft: "0px",
+    width: "1px",
+    height: "4px",
+    border: "none",
+    borderRadius: "0%",
+    backgroundColor: theme.hv.palette.atmosphere.atmo4,
+    cursor: "pointer",
+    verticalAlign: "middle",
+    zIndex: "-3"
+  };
+  return {
+    root: {},
+    rootDisabled: {
+      cursor: "not-allowed",
+      "& .rc-slider-disabled": {
+        background: "transparent"
+      }
+    },
+    sliderContainer: {
+      marginBottom: "18px",
+      padding: "0 23px"
+    },
+    error: {
+      padding: "0 8px"
+    },
+    trackDragging: {
+      cursor: "grabbing",
+      "& .rc-slider-track": {
+        "&::before": _objectSpread(_objectSpread({}, dragSquare), {}, {
+          cursor: "grabbing"
+        })
+      }
+    },
+    trackStandBy: {
+      "& .rc-slider-track": {
+        "&:hover": {
+          "&::before": _objectSpread({}, dragSquare)
+        }
+      }
+    },
+    sliderRoot: {
+      zIndex: 0
+    },
+    rootRange: {},
+    handleContainer: {
+      "& .rc-slider-handle": {
+        cursor: "pointer",
+        marginTop: "-8px",
+        opacity: 1,
+        "&:active": {
+          cursor: "grab",
+          "&::before": _objectSpread({}, ring),
+          "&::after": _objectSpread({}, border)
+        },
+        "&:hover": {
+          "&::before": _objectSpread({}, ring),
+          "&::after": _objectSpread({}, border)
+        }
+      }
+    },
+    handle: {},
+    handleContainerDisabled: {
+      "& .rc-slider-handle": {
+        cursor: "not-allowed",
+        marginTop: "-8px",
+        opacity: 1,
+        "&:active": {
+          cursor: "not-allowed"
+        },
+        "&:hover": {
+          cursor: "not-allowed"
+        }
+      }
+    },
+    handleHiddenContainer: {
+      display: "none"
+    },
+    labelContainer: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      marginBottom: "12px",
+      marginLeft: "20px",
+      marginRight: "20px"
+    },
+    labelIncluded: {
+      justifyContent: "space-between"
+    },
+    onlyInput: {
+      justifyContent: "flex-end"
+    },
+    label: {},
+    dot: _objectSpread({}, dot),
+    dotDisabled: _objectSpread(_objectSpread({}, dot), {}, {
+      cursor: "not-allowed"
+    }),
+    rail: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo4,
+      height: "1px",
+      zIndex: "-3"
+    },
+    knobInner: {
+      borderColor: "transparent",
+      boxShadow: "none",
+      backgroundColor: theme.hv.palette.accent.acce1,
+      width: "16px",
+      height: "16px"
+    },
+    knobOuter: {
+      position: "relative",
+      borderColor: "transparent",
+      borderRadius: "50%",
+      boxShadow: "none",
+      backgroundColor: theme.hv.palette.atmosphere.atmo4,
+      width: "32px",
+      height: "32px",
+      top: "-80%",
+      left: "-80%",
+      zIndex: "-1"
+    },
+    knobHidden: {
+      display: "none"
+    },
+    knobHiddenLast: {
+      borderColor: "transparent",
+      height: "3px",
+      width: "2px",
+      marginLeft: "-1px",
+      border: "none",
+      borderRadius: "0",
+      marginTop: "0px",
+      left: "100%",
+      touchAction: "none",
+      cursor: "default"
+    },
+    track: {
+      backgroundColor: theme.hv.palette.accent.acce1,
+      height: "3px",
+      zIndex: "-1",
+      marginTop: "-1px"
+    },
+    mark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
+      fontFamily: theme.hv.typography.fontFamily,
+      top: "-2px"
+    }),
+    disabledMark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
+      fontFamily: theme.hv.typography.fontFamily,
+      color: "".concat(theme.hv.palette.atmosphere.atmo5),
+      cursor: "not-allowed",
+      top: "-2px"
+    }),
+    sliderTooltip: {
+      "& .rc-slider-tooltip-inner": _objectSpread(_objectSpread({
+        background: theme.hv.palette.atmosphere.atmo1,
+        borderRadius: 0,
+        maxWidth: "532px",
+        height: "100%",
+        padding: "".concat(theme.hv.spacing.sm, "px")
+      }, theme.hv.typography.normalText), {}, {
+        fontFamily: theme.hv.typography.fontFamily,
+        boxShadow: "none"
+      }),
+      "& .rc-slider-tooltip-arrow": {
+        visibility: "hidden"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map