@hitachivantara/uikit-react-lab 2.6.18

package/dist/modern/Slider/Slider.js

@@ -0,0 +1,542 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+const _excluded = ["value", "dragging", "index", "style"];
+import "core-js/modules/web.dom-collections.iterator.js";
+
+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) { _defineProperty(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; }
+
+/**
+ * Note: https://github.com/react-component/slider/issues/504
+ * Version must remain in "8.6.3" until this bug is fixed
+ */
+import React from "react";
+import PropTypes from "prop-types";
+import { Range, Handle } from "rc-slider";
+import Tooltip from "rc-tooltip";
+import { withStyles } from "@material-ui/core";
+import KnobRing from "./KnobRing";
+import "rc-slider/assets/index.css";
+import styleCreator from "./styles";
+/**
+ * Transform the scaled values into knobs positions.
+ *
+ * @param {*} scaledValue - the value of the slider to be scaled
+ * @param {*} minPointValue - The value of the first point in
+ * the slider from left to right.
+ * @param {*} inverseStepValue - The inverse of calculated separation between
+ * the value of the points that compose the slider.
+ */
+
+const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => Math.floor((scaledValue - minPointValue) * inverseStepValue);
+/**
+ * Transform the received knobs values into knob positions
+ *
+ * @param {Object} values - The values of the slider.
+ * @param {Number} inverseStepValue - The inverse of calculated separation between
+ * the value of the points that compose the slider.
+ * @param {Integer} minPointValue - The value of the first point in the slider from
+ * left to right.
+ * @returns {Array} - The position of the knobs.
+ */
+
+
+const transformKnobsPosition = (values, inverseStepValue, minPointValue) => {
+  const knobsPositions = [];
+  values.forEach((value, index) => {
+    knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);
+  });
+  return knobsPositions;
+};
+/**
+ * Calculates the separation between each value in the slider.
+ *
+ * @param {*} maxPointValue - The value of the last point in the slider from left to right.
+ * @param {*} minPointValue - The value of the first point in the slider from left to right.
+ * @param {*} divisionQuantity - How many subdivisions there are in the slider.
+ */
+
+
+const calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) => Math.abs(maxPointValue - minPointValue) / divisionQuantity;
+/**
+ * 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
+ */
+
+
+class HvSlider extends React.Component {
+  constructor(_props) {
+    super(_props);
+
+    _defineProperty(this, "knobsPositionToScaledValue", (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue);
+
+    _defineProperty(this, "createMark", (markProperties, markstep, divisionQuantity, minPointValue, stepValue, markDigits, formatMark, styles) => {
+      const marks = {};
+
+      if (markProperties.length > 0) {
+        markProperties.forEach(markProperty => {
+          marks[markProperty.position] = {
+            label: `${markProperty.label}`,
+            style: _objectSpread({}, styles.mark)
+          };
+        });
+      } else {
+        const roundedMarkStep = Math.floor(markstep);
+
+        for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {
+          let labelValue = this.knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(markDigits);
+          labelValue = formatMark(labelValue);
+          marks[index] = {
+            label: `${labelValue}`,
+            style: _objectSpread({}, styles.mark)
+          };
+        }
+      }
+
+      return marks;
+    });
+
+    _defineProperty(this, "createTrackStyles", (knobProperties, styles) => {
+      const trackStyles = [];
+
+      if (knobProperties.length > 1) {
+        knobProperties.forEach((knobProperty, index) => {
+          trackStyles[index] = _objectSpread({}, styles.track);
+
+          if (knobProperty.color) {
+            trackStyles[index].backgroundColor = knobProperty.trackColor;
+          }
+        });
+      }
+
+      return trackStyles;
+    });
+
+    _defineProperty(this, "createKnobStyles", (knobProperties, styles) => {
+      const knobInner = [];
+      const knobOuterStyle = [];
+      const lastItem = knobProperties.length - 1;
+
+      if (knobProperties.length > 1) {
+        knobProperties.forEach((knobProperty, index) => {
+          knobInner[index] = _objectSpread({}, styles.knobInner);
+          knobOuterStyle[index] = _objectSpread({}, styles.knobOuter);
+
+          if (knobProperty.color) {
+            knobInner[index].backgroundColor = knobProperty.color;
+            knobOuterStyle[index].backgroundColor = "transparent";
+          }
+
+          if (knobProperty.hidden) {
+            knobInner[index] = styles.knobHidden;
+
+            if (index === lastItem) {
+              knobInner[index] = _objectSpread({}, styles.knobHiddenLast);
+              knobInner[index].backgroundColor = knobProperty.color;
+              knobOuterStyle[index] = _objectSpread({}, styles.knobHidden);
+              knobOuterStyle[index].backgroundColor = knobProperty.color;
+            }
+          }
+        });
+      }
+
+      return {
+        knobInner,
+        knobOuterStyle
+      };
+    });
+
+    _defineProperty(this, "generateKnobsPositionAndValues", knobsCurrentPosition => {
+      const newKnobsPosition = knobsCurrentPosition.slice();
+      const knobsValues = [];
+      const {
+        minPointValue,
+        noOverlap
+      } = this.props;
+      const {
+        stepValue,
+        knobsPositions
+      } = this.state;
+      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] = this.knobsPositionToScaledValue(newPosition, minPointValue, stepValue);
+      }, this);
+      return {
+        knobsPosition: newKnobsPosition,
+        knobsValues
+      };
+    });
+
+    _defineProperty(this, "onChangeHandler", knobsPosition => {
+      const knobs = this.generateKnobsPositionAndValues(knobsPosition);
+      const {
+        knobProperties,
+        onChange,
+        minPointValue,
+        defaultValues
+      } = this.props;
+      const {
+        inverseStepValue
+      } = this.state;
+      knobProperties.forEach((knobProperty, index) => {
+        if (knobProperty.fixed) {
+          knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(defaultValues[index], minPointValue, inverseStepValue);
+        }
+      });
+      onChange(knobs);
+      this.setState({
+        knobsPositions: knobs.knobsPosition
+      });
+    });
+
+    _defineProperty(this, "onBeforeChangeHandler", knobsPosition => {
+      const {
+        onBeforeChange
+      } = this.props;
+      const knobs = this.generateKnobsPositionAndValues(knobsPosition);
+      onBeforeChange(knobs);
+    });
+
+    _defineProperty(this, "onAfterChangeHandler", knobsPosition => {
+      const {
+        onAfterChange
+      } = this.props;
+      const knobs = this.generateKnobsPositionAndValues(knobsPosition);
+      onAfterChange(knobs);
+    });
+
+    _defineProperty(this, "createKnob", props => {
+      const {
+        minPointValue,
+        markDigits,
+        knobProperties,
+        formatTooltip,
+        classes
+      } = this.props;
+      const {
+        stepValue
+      } = this.state;
+
+      const {
+        value,
+        dragging,
+        index,
+        style
+      } = props,
+            restProps = _objectWithoutProperties(props, _excluded);
+
+      const knobValue = this.knobsPositionToScaledValue(value, minPointValue, stepValue).toFixed(markDigits);
+
+      if (dragging) {
+        style.backgroundColor = knobProperties[index].dragColor;
+      } else {
+        style.backgroundColor = knobProperties[index].color;
+      }
+
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        prefixCls: "rc-slider-tooltip",
+        overlay: formatTooltip(knobValue),
+        visible: dragging,
+        placement: "top",
+        key: index,
+        overlayClassName: classes.sliderTooltip
+      }, /*#__PURE__*/React.createElement(Handle, _extends({
+        value: value,
+        style: style
+      }, restProps), /*#__PURE__*/React.createElement(KnobRing, {
+        hoverColor: knobProperties[index].hoverColor,
+        dragging: dragging
+      })));
+    });
+
+    const {
+      markProperties: _markProperties,
+      markStep,
+      markDigits: _markDigits,
+      knobProperties: _knobProperties,
+      values,
+      defaultValues: _defaultValues,
+      theme,
+      maxPointValue,
+      minPointValue: _minPointValue,
+      divisionQuantity: _divisionQuantity,
+      formatMark: _formatMark
+    } = _props;
+
+    const _styles = styleCreator(theme);
+
+    const _stepValue = calculateStepValue(maxPointValue, _minPointValue, _divisionQuantity);
+
+    const _inverseStepValue = 1 / _stepValue;
+
+    this.state = {
+      knobsPositions: transformKnobsPosition(values.length > 0 ? values : _defaultValues, _inverseStepValue, _minPointValue),
+      trackStyles: this.createTrackStyles(_knobProperties, _styles),
+      knobStyles: this.createKnobStyles(_knobProperties, _styles),
+      rangesCount: _knobProperties.length - 1,
+      marks: this.createMark(_markProperties, markStep, _divisionQuantity, _minPointValue, _stepValue, _markDigits, _formatMark, _styles),
+      defaultKnobsPositions: transformKnobsPosition(_defaultValues, _inverseStepValue, _minPointValue),
+      styles: _styles,
+      stepValue: _stepValue,
+      inverseStepValue: _inverseStepValue
+    };
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    const stepValue = calculateStepValue(props.maxPointValue, props.minPointValue, props.divisionQuantity);
+
+    if (props.values.length > 0) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        knobsPositions: transformKnobsPosition(props.values.length > 0 ? props.values : props.defaultValues, 1 / stepValue, props.minPointValue)
+      });
+    }
+
+    return null;
+  }
+  /**
+   * Transform the scaled values into knobs positions.
+   *
+   * @param {*} sliderValue - the value of the slider to be scaled
+   * @param {*} minPointValue - The value of the first point in the slider from left to right.
+   * @param {*} stepValue - The calculated separation between the values of the slider.
+   */
+
+
+  render() {
+    const {
+      divisionQuantity,
+      classes
+    } = this.props;
+    const {
+      knobsPositions,
+      defaultKnobsPositions,
+      rangesCount,
+      knobStyles,
+      trackStyles,
+      marks,
+      styles
+    } = this.state;
+    return /*#__PURE__*/React.createElement(Range, {
+      handle: this.createKnob,
+      className: classes.root,
+      min: 0,
+      max: divisionQuantity,
+      step: 1,
+      marks: marks,
+      dotStyle: styles.dot,
+      onChange: this.onChangeHandler,
+      onBeforeChange: this.onBeforeChangeHandler,
+      onAfterChange: this.onAfterChangeHandler,
+      value: knobsPositions.length > 0 ? knobsPositions : undefined,
+      allowCross: false,
+      defaultValue: defaultKnobsPositions,
+      count: rangesCount,
+      railStyle: styles.rail,
+      handleStyle: knobStyles.knobInner,
+      trackStyle: trackStyles
+    });
+  }
+
+}
+
+process.env.NODE_ENV !== "production" ? HvSlider.propTypes = {
+  /**
+   * The values array to apply to the component
+   */
+  values: PropTypes.arrayOf(PropTypes.number),
+
+  /**
+   * The default values array to apply to the component
+   */
+  defaultValues: PropTypes.arrayOf(PropTypes.number).isRequired,
+
+  /**
+   * The object used to set the knob properties,
+   * for every item in the array a new knob will be created.
+   */
+  knobProperties: PropTypes.arrayOf(PropTypes.shape({
+    color: PropTypes.string,
+    defaultValue: PropTypes.number,
+    hidden: PropTypes.bool,
+    fixed: PropTypes.bool,
+    hoverColor: PropTypes.string,
+    trackColor: PropTypes.string,
+    dragColor: PropTypes.string
+  })).isRequired,
+
+  /**
+   * The object used to set the mark properties individually.
+   */
+  markProperties: PropTypes.arrayOf(PropTypes.shape({
+    position: PropTypes.number,
+    label: PropTypes.string
+  })),
+
+  /**
+   * the function executed before a change will ocurr in the slider.
+   * it will receive an object like
+   * {
+   *   knobsPosition: [],
+   *   knobsValues: []
+   * }
+   */
+  onBeforeChange: PropTypes.func,
+
+  /**
+   * the function executed while a change is ocurring in the slider.
+   * it will receive an object like
+   * {
+   *   knobsPosition: [],
+   *   knobsValues: []
+   * }
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * the function executed after a change ocurred in the slider.
+   * it will receive an object like
+   * {
+   *   knobsPosition: [],
+   *   knobsValues: []
+   * }
+   */
+  onAfterChange: PropTypes.func,
+
+  /**
+   * the separation in points between marks.
+   * example: if 10 divisions and a markstep of 2 there will be 5 marks.
+   */
+  markStep: PropTypes.number,
+
+  /**
+   * how many subdivisions there are in the slider.
+   */
+  divisionQuantity: PropTypes.number,
+
+  /**
+   * the value of the first point in the slider from left to right.
+   */
+  minPointValue: PropTypes.number,
+
+  /**
+   * the value of the last point in the slider from left to right.
+   */
+  maxPointValue: PropTypes.number,
+
+  /**
+   * the nax number of decimals if no format function is applied
+   */
+  markDigits: PropTypes.number,
+
+  /**
+   * a formatting function used to add format to the marks in the track,
+   * the function receives the mark text
+   */
+  formatMark: PropTypes.func,
+
+  /**
+   * a formatting function used to add format to the tooltip in the track,
+   * the function receives the mark text
+   */
+  formatTooltip: PropTypes.func,
+
+  /**
+   * if `true` the knobs can't have the same value, if `false` knobs can have the same value.
+   */
+  noOverlap: PropTypes.bool,
+
+  /**
+   * the classes object to be applied into the root object.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the dot.
+     */
+    dot: PropTypes.string,
+
+    /**
+     * Style applied to the rail.
+     */
+    rail: PropTypes.string,
+
+    /**
+     * Style applied to the inner of the knob.
+     */
+    knobInner: PropTypes.string,
+
+    /**
+     * Style applied to the outside of the knob.
+     */
+    knobOuter: PropTypes.string,
+
+    /**
+     * Style applied when the knob is hidden.
+     */
+    knobHidden: PropTypes.string,
+
+    /**
+     * Style applied  last hidden knob.
+     */
+    knobHiddenLast: PropTypes.string,
+
+    /**
+     * Style applied to the track.
+     */
+    track: PropTypes.string,
+
+    /**
+     * Style applied to the mark.
+     */
+    mark: PropTypes.string,
+
+    /**
+     * Style applied to the tooltip.
+     */
+    sliderTooltip: PropTypes.string
+  }).isRequired,
+  theme: PropTypes.any.isRequired
+} : void 0;
+HvSlider.defaultProps = {
+  markStep: 1,
+  markDigits: 0,
+  noOverlap: true,
+  values: [],
+  formatMark: mark => mark,
+  formatTooltip: mark => mark,
+  markProperties: [],
+  divisionQuantity: 100,
+  minPointValue: 0,
+  maxPointValue: 100,
+  onBeforeChange: () => {},
+  onChange: () => {},
+  onAfterChange: () => {}
+};
+export default withStyles(styleCreator, {
+  name: "HvSlider",
+  withTheme: true
+})(HvSlider);
+//# sourceMappingURL=Slider.js.map

package/dist/modern/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["React","PropTypes","Range","Handle","Tooltip","withStyles","KnobRing","styleCreator","scaledValueToKnobsPositionValue","scaledValue","minPointValue","inverseStepValue","Math","floor","transformKnobsPosition","values","knobsPositions","forEach","value","index","calculateStepValue","maxPointValue","divisionQuantity","abs","HvSlider","Component","constructor","props","sliderValue","stepValue","markProperties","markstep","markDigits","formatMark","styles","marks","length","markProperty","position","label","style","mark","roundedMarkStep","labelValue","knobsPositionToScaledValue","toFixed","knobProperties","trackStyles","knobProperty","track","color","backgroundColor","trackColor","knobInner","knobOuterStyle","lastItem","knobOuter","hidden","knobHidden","knobHiddenLast","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","noOverlap","state","duplicatedValue","findDuplicated","filter","item","indexOf","array","newArray","newPosition","previousValue","knobsPosition","knobs","generateKnobsPositionAndValues","onChange","defaultValues","fixed","setState","onBeforeChange","onAfterChange","formatTooltip","classes","dragging","restProps","knobValue","dragColor","sliderTooltip","hoverColor","markStep","theme","createTrackStyles","knobStyles","createKnobStyles","rangesCount","createMark","defaultKnobsPositions","getDerivedStateFromProps","render","createKnob","root","dot","onChangeHandler","onBeforeChangeHandler","onAfterChangeHandler","undefined","rail","propTypes","arrayOf","number","isRequired","shape","string","defaultValue","bool","func","any","defaultProps","name","withTheme"],"sources":["../../../src/Slider/Slider.js"],"sourcesContent":["/**\n * Note: https://github.com/react-component/slider/issues/504\n * Version must remain in \"8.6.3\" until this bug is fixed\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Range, Handle } from \"rc-slider\";\nimport Tooltip from \"rc-tooltip\";\nimport { withStyles } from \"@material-ui/core\";\nimport KnobRing from \"./KnobRing\";\nimport \"rc-slider/assets/index.css\";\nimport styleCreator from \"./styles\";\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} scaledValue - the value of the slider to be scaled\n * @param {*} minPointValue - The value of the first point in\n * the slider from left to right.\n * @param {*} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n */\nconst scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) =>\n  Math.floor((scaledValue - minPointValue) * inverseStepValue);\n\n/**\n * Transform the received knobs values into knob positions\n *\n * @param {Object} values - The values of the slider.\n * @param {Number} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nconst transformKnobsPosition = (values, inverseStepValue, minPointValue) => {\n  const knobsPositions = [];\n  values.forEach((value, index) => {\n    knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);\n  });\n  return knobsPositions;\n};\n\n/**\n * Calculates the separation between each value in the slider.\n *\n * @param {*} maxPointValue - The value of the last point in the slider from left to right.\n * @param {*} minPointValue - The value of the first point in the slider from left to right.\n * @param {*} divisionQuantity - How many subdivisions there are in the slider.\n */\nconst calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) =>\n  Math.abs(maxPointValue - minPointValue) / divisionQuantity;\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 */\nclass HvSlider extends React.Component {\n  constructor(props) {\n    super(props);\n\n    const {\n      markProperties,\n      markStep,\n      markDigits,\n      knobProperties,\n      values,\n      defaultValues,\n      theme,\n      maxPointValue,\n      minPointValue,\n      divisionQuantity,\n      formatMark,\n    } = props;\n\n    const styles = styleCreator(theme);\n    const stepValue = calculateStepValue(maxPointValue, minPointValue, divisionQuantity);\n    const inverseStepValue = 1 / stepValue;\n\n    this.state = {\n      knobsPositions: transformKnobsPosition(\n        values.length > 0 ? values : defaultValues,\n        inverseStepValue,\n        minPointValue\n      ),\n      trackStyles: this.createTrackStyles(knobProperties, styles),\n      knobStyles: this.createKnobStyles(knobProperties, styles),\n      rangesCount: knobProperties.length - 1,\n      marks: this.createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        formatMark,\n        styles\n      ),\n      defaultKnobsPositions: transformKnobsPosition(defaultValues, inverseStepValue, minPointValue),\n      styles,\n      stepValue,\n      inverseStepValue,\n    };\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    const stepValue = calculateStepValue(\n      props.maxPointValue,\n      props.minPointValue,\n      props.divisionQuantity\n    );\n\n    if (props.values.length > 0) {\n      return {\n        ...state,\n        knobsPositions: transformKnobsPosition(\n          props.values.length > 0 ? props.values : props.defaultValues,\n          1 / stepValue,\n          props.minPointValue\n        ),\n      };\n    }\n    return null;\n  }\n\n  /**\n   * Transform the scaled values into knobs positions.\n   *\n   * @param {*} sliderValue - the value of the slider to be scaled\n   * @param {*} minPointValue - The value of the first point in the slider from left to right.\n   * @param {*} stepValue - The calculated separation between the values of the slider.\n   */\n  knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) =>\n    minPointValue + stepValue * sliderValue;\n\n  /**\n   * Generates the inline styles used for the track of each knob, applying colors if necessary.\n   *\n   * @param {Object} markProperties - The object provided by the user with\n   * the desired configuration for the marks.\n   * @param {Integer} markstep - The separation between marks.\n   * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.\n   * @param {Integer} minPointValue - The value of the first point in the slider from\n   * left to right.\n   * @param {Integer} stepValue - The calculated separation between the values of the slider.\n   * @param {Integer} markDigits - How many decimals the mark will show.\n   * @param {Function} formatMark - A function provided by the user that is going to\n   * be executed to format the mark text.\n   * @param {Object} styles - the default styles for the marks.\n   * @returns {Object} - An object with the for the marks.\n   * @memberof HvSlider\n   */\n  createMark = (\n    markProperties,\n    markstep,\n    divisionQuantity,\n    minPointValue,\n    stepValue,\n    markDigits,\n    formatMark,\n    styles\n  ) => {\n    const marks = {};\n    if (markProperties.length > 0) {\n      markProperties.forEach((markProperty) => {\n        marks[markProperty.position] = {\n          label: `${markProperty.label}`,\n          style: {\n            ...styles.mark,\n          },\n        };\n      });\n    } else {\n      const roundedMarkStep = Math.floor(markstep);\n      for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {\n        let labelValue = this.knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(\n          markDigits\n        );\n        labelValue = formatMark(labelValue);\n        marks[index] = {\n          label: `${labelValue}`,\n          style: {\n            ...styles.mark,\n          },\n        };\n      }\n    }\n    return marks;\n  };\n\n  /**\n   * Generates the inline styles used for the track of each knob, applying colors if necessary.\n   *\n   * @param {Object} knobProperties - The object provided by the user with\n   * the desired configuration for the knobs.\n   * @param {Object} styles - the default styles for the tracks.\n   * @returns {Object} - An object with the style for each track.\n   * @memberof HvSlider\n   */\n  createTrackStyles = (knobProperties, styles) => {\n    const trackStyles = [];\n    if (knobProperties.length > 1) {\n      knobProperties.forEach((knobProperty, index) => {\n        trackStyles[index] = { ...styles.track };\n        if (knobProperty.color) {\n          trackStyles[index].backgroundColor = knobProperty.trackColor;\n        }\n      });\n    }\n    return trackStyles;\n  };\n\n  /**\n   * Generates the inline styles used for each knob, applying colors if specified.\n   *\n   * @param {Object} knobProperties - The object provided by the user with\n   * the desired configuration for the knobs.\n   * @param {Object} styles - the default styles for the knobs.\n   * @returns {Object} - An object with both the inner and outer styles for the knob.\n   * @memberof HvSlider\n   */\n  createKnobStyles = (knobProperties, styles) => {\n    const knobInner = [];\n    const knobOuterStyle = [];\n\n    const lastItem = knobProperties.length - 1;\n    if (knobProperties.length > 1) {\n      knobProperties.forEach((knobProperty, index) => {\n        knobInner[index] = { ...styles.knobInner };\n        knobOuterStyle[index] = { ...styles.knobOuter };\n\n        if (knobProperty.color) {\n          knobInner[index].backgroundColor = knobProperty.color;\n          knobOuterStyle[index].backgroundColor = \"transparent\";\n        }\n\n        if (knobProperty.hidden) {\n          knobInner[index] = styles.knobHidden;\n          if (index === lastItem) {\n            knobInner[index] = { ...styles.knobHiddenLast };\n            knobInner[index].backgroundColor = knobProperty.color;\n            knobOuterStyle[index] = { ...styles.knobHidden };\n            knobOuterStyle[index].backgroundColor = knobProperty.color;\n          }\n        }\n      });\n    }\n\n    return {\n      knobInner,\n      knobOuterStyle,\n    };\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  generateKnobsPositionAndValues = (knobsCurrentPosition) => {\n    const newKnobsPosition = knobsCurrentPosition.slice();\n    const knobsValues = [];\n    const { minPointValue, noOverlap } = this.props;\n    const { stepValue, knobsPositions } = this.state;\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] = this.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  onChangeHandler = (knobsPosition) => {\n    const knobs = this.generateKnobsPositionAndValues(knobsPosition);\n    const { knobProperties, onChange, minPointValue, defaultValues } = this.props;\n    const { inverseStepValue } = this.state;\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    onChange(knobs);\n\n    this.setState({\n      knobsPositions: knobs.knobsPosition,\n    });\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  onBeforeChangeHandler = (knobsPosition) => {\n    const { onBeforeChange } = this.props;\n    const knobs = this.generateKnobsPositionAndValues(knobsPosition);\n    onBeforeChange(knobs);\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  onAfterChangeHandler = (knobsPosition) => {\n    const { onAfterChange } = this.props;\n    const knobs = this.generateKnobsPositionAndValues(knobsPosition);\n    onAfterChange(knobs);\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  createKnob = (props) => {\n    const { minPointValue, markDigits, knobProperties, formatTooltip, classes } = this.props;\n    const { stepValue } = this.state;\n    const { value, dragging, index, style, ...restProps } = props;\n\n    const knobValue = this.knobsPositionToScaledValue(value, 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    return (\n      <Tooltip\n        prefixCls=\"rc-slider-tooltip\"\n        overlay={formatTooltip(knobValue)}\n        visible={dragging}\n        placement=\"top\"\n        key={index}\n        overlayClassName={classes.sliderTooltip}\n      >\n        <Handle value={value} style={style} {...restProps}>\n          <KnobRing hoverColor={knobProperties[index].hoverColor} dragging={dragging} />\n        </Handle>\n      </Tooltip>\n    );\n  };\n\n  render() {\n    const { divisionQuantity, classes } = this.props;\n\n    const {\n      knobsPositions,\n      defaultKnobsPositions,\n      rangesCount,\n      knobStyles,\n      trackStyles,\n      marks,\n      styles,\n    } = this.state;\n\n    return (\n      <Range\n        handle={this.createKnob}\n        className={classes.root}\n        min={0}\n        max={divisionQuantity}\n        step={1}\n        marks={marks}\n        dotStyle={styles.dot}\n        onChange={this.onChangeHandler}\n        onBeforeChange={this.onBeforeChangeHandler}\n        onAfterChange={this.onAfterChangeHandler}\n        value={knobsPositions.length > 0 ? knobsPositions : undefined}\n        allowCross={false}\n        defaultValue={defaultKnobsPositions}\n        count={rangesCount}\n        railStyle={styles.rail}\n        handleStyle={knobStyles.knobInner}\n        trackStyle={trackStyles}\n      />\n    );\n  }\n}\n\nHvSlider.propTypes = {\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).isRequired,\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      defaultValue: PropTypes.number,\n      hidden: PropTypes.bool,\n      fixed: PropTypes.bool,\n      hoverColor: PropTypes.string,\n      trackColor: PropTypes.string,\n      dragColor: PropTypes.string,\n    })\n  ).isRequired,\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 ocurr in the slider.\n   * it will receive an object like\n   * {\n   *   knobsPosition: [],\n   *   knobsValues: []\n   * }\n   */\n  onBeforeChange: PropTypes.func,\n  /**\n   * the function executed while a change is ocurring in the slider.\n   * it will receive an object like\n   * {\n   *   knobsPosition: [],\n   *   knobsValues: []\n   * }\n   */\n  onChange: PropTypes.func,\n  /**\n   * the function executed after a change ocurred in the slider.\n   * it will receive an object like\n   * {\n   *   knobsPosition: [],\n   *   knobsValues: []\n   * }\n   */\n  onAfterChange: 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 nax 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 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  }).isRequired,\n\n  theme: PropTypes.any.isRequired,\n};\n\nHvSlider.defaultProps = {\n  markStep: 1,\n  markDigits: 0,\n  noOverlap: true,\n  values: [],\n  formatMark: (mark) => mark,\n  formatTooltip: (mark) => mark,\n  markProperties: [],\n  divisionQuantity: 100,\n  minPointValue: 0,\n  maxPointValue: 100,\n  onBeforeChange: () => {},\n  onChange: () => {},\n  onAfterChange: () => {},\n};\n\nexport default withStyles(styleCreator, { name: \"HvSlider\", withTheme: true })(HvSlider);\n"],"mappings":"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"}

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

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

package/dist/modern/Slider/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Slider";
+//# sourceMappingURL=index.js.map

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

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