@hitachivantara/uikit-react-lab 3.38.0

package/dist/Slider/Slider.js

@@ -0,0 +1,607 @@
+"use strict";
+
+require("core-js/modules/es.reflect.construct.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.number.to-fixed.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.string.fixed.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _rcSlider = require("rc-slider");
+
+var _rcTooltip = _interopRequireDefault(require("rc-tooltip"));
+
+var _core = require("@material-ui/core");
+
+var _KnobRing = _interopRequireDefault(require("./KnobRing"));
+
+require("rc-slider/assets/index.css");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["value", "dragging", "index", "style"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+/**
+ * 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.
+ */
+var scaledValueToKnobsPositionValue = function scaledValueToKnobsPositionValue(scaledValue, minPointValue, inverseStepValue) {
+  return 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.
+ */
+
+
+var transformKnobsPosition = function transformKnobsPosition(values, inverseStepValue, minPointValue) {
+  var knobsPositions = [];
+  values.forEach(function (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.
+ */
+
+
+var calculateStepValue = function calculateStepValue(maxPointValue, minPointValue, divisionQuantity) {
+  return 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
+ */
+
+
+var HvSlider = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(HvSlider, _React$Component);
+
+  var _super = _createSuper(HvSlider);
+
+  function HvSlider(_props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HvSlider);
+    _this = _super.call(this, _props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "knobsPositionToScaledValue", function (sliderValue, minPointValue, stepValue) {
+      return minPointValue + stepValue * sliderValue;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createMark", function (markProperties, markstep, divisionQuantity, minPointValue, stepValue, markDigits, formatMark, styles) {
+      var marks = {};
+
+      if (markProperties.length > 0) {
+        markProperties.forEach(function (markProperty) {
+          marks[markProperty.position] = {
+            label: "".concat(markProperty.label),
+            style: _objectSpread({}, styles.mark)
+          };
+        });
+      } else {
+        var roundedMarkStep = Math.floor(markstep);
+
+        for (var index = 0; index <= divisionQuantity; index += roundedMarkStep) {
+          var labelValue = _this.knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(markDigits);
+
+          labelValue = formatMark(labelValue);
+          marks[index] = {
+            label: "".concat(labelValue),
+            style: _objectSpread({}, styles.mark)
+          };
+        }
+      }
+
+      return marks;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createTrackStyles", function (knobProperties, styles) {
+      var trackStyles = [];
+
+      if (knobProperties.length > 1) {
+        knobProperties.forEach(function (knobProperty, index) {
+          trackStyles[index] = _objectSpread({}, styles.track);
+
+          if (knobProperty.color) {
+            trackStyles[index].backgroundColor = knobProperty.trackColor;
+          }
+        });
+      }
+
+      return trackStyles;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createKnobStyles", function (knobProperties, styles) {
+      var knobInner = [];
+      var knobOuterStyle = [];
+      var lastItem = knobProperties.length - 1;
+
+      if (knobProperties.length > 1) {
+        knobProperties.forEach(function (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: knobInner,
+        knobOuterStyle: knobOuterStyle
+      };
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "generateKnobsPositionAndValues", function (knobsCurrentPosition) {
+      var newKnobsPosition = knobsCurrentPosition.slice();
+      var knobsValues = [];
+      var _this$props = _this.props,
+          minPointValue = _this$props.minPointValue,
+          noOverlap = _this$props.noOverlap;
+      var _this$state = _this.state,
+          stepValue = _this$state.stepValue,
+          knobsPositions = _this$state.knobsPositions;
+      var duplicatedValue = null;
+      var findDuplicated = newKnobsPosition.filter(function (item, index) {
+        return newKnobsPosition.indexOf(item) !== index;
+      });
+
+      if (noOverlap && findDuplicated.length > 0) {
+        var _findDuplicated = (0, _slicedToArray2.default)(findDuplicated, 1);
+
+        duplicatedValue = _findDuplicated[0];
+      }
+
+      newKnobsPosition.forEach(function (position, index, array) {
+        var newArray = array;
+        var newPosition = position;
+
+        if (noOverlap && newPosition === duplicatedValue) {
+          var previousValue = knobsPositions[index];
+
+          if (previousValue !== newPosition) {
+            newPosition += newPosition > previousValue ? -1 : 1;
+            newArray[index] = newPosition;
+          }
+        }
+
+        knobsValues[index] = _this.knobsPositionToScaledValue(newPosition, minPointValue, stepValue);
+      }, (0, _assertThisInitialized2.default)(_this));
+      return {
+        knobsPosition: newKnobsPosition,
+        knobsValues: knobsValues
+      };
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChangeHandler", function (knobsPosition) {
+      var knobs = _this.generateKnobsPositionAndValues(knobsPosition);
+
+      var _this$props2 = _this.props,
+          knobProperties = _this$props2.knobProperties,
+          onChange = _this$props2.onChange,
+          minPointValue = _this$props2.minPointValue,
+          defaultValues = _this$props2.defaultValues;
+      var inverseStepValue = _this.state.inverseStepValue;
+      knobProperties.forEach(function (knobProperty, index) {
+        if (knobProperty.fixed) {
+          knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(defaultValues[index], minPointValue, inverseStepValue);
+        }
+      });
+      onChange(knobs);
+
+      _this.setState({
+        knobsPositions: knobs.knobsPosition
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBeforeChangeHandler", function (knobsPosition) {
+      var onBeforeChange = _this.props.onBeforeChange;
+
+      var knobs = _this.generateKnobsPositionAndValues(knobsPosition);
+
+      onBeforeChange(knobs);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onAfterChangeHandler", function (knobsPosition) {
+      var onAfterChange = _this.props.onAfterChange;
+
+      var knobs = _this.generateKnobsPositionAndValues(knobsPosition);
+
+      onAfterChange(knobs);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createKnob", function (props) {
+      var _this$props3 = _this.props,
+          minPointValue = _this$props3.minPointValue,
+          markDigits = _this$props3.markDigits,
+          knobProperties = _this$props3.knobProperties,
+          formatTooltip = _this$props3.formatTooltip,
+          classes = _this$props3.classes;
+      var stepValue = _this.state.stepValue;
+      var value = props.value,
+          dragging = props.dragging,
+          index = props.index,
+          style = props.style,
+          restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+      var knobValue = _this.knobsPositionToScaledValue(value, minPointValue, stepValue).toFixed(markDigits);
+
+      if (dragging) {
+        style.backgroundColor = knobProperties[index].dragColor;
+      } else {
+        style.backgroundColor = knobProperties[index].color;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_rcTooltip.default, {
+        prefixCls: "rc-slider-tooltip",
+        overlay: formatTooltip(knobValue),
+        visible: dragging,
+        placement: "top",
+        key: index,
+        overlayClassName: classes.sliderTooltip
+      }, /*#__PURE__*/_react.default.createElement(_rcSlider.Handle, (0, _extends2.default)({
+        value: value,
+        style: style
+      }, restProps), /*#__PURE__*/_react.default.createElement(_KnobRing.default, {
+        hoverColor: knobProperties[index].hoverColor,
+        dragging: dragging
+      })));
+    });
+    var _markProperties = _props.markProperties,
+        markStep = _props.markStep,
+        _markDigits = _props.markDigits,
+        _knobProperties = _props.knobProperties,
+        values = _props.values,
+        _defaultValues = _props.defaultValues,
+        theme = _props.theme,
+        maxPointValue = _props.maxPointValue,
+        _minPointValue = _props.minPointValue,
+        _divisionQuantity = _props.divisionQuantity,
+        _formatMark = _props.formatMark;
+
+    var _styles = (0, _styles2.default)(theme);
+
+    var _stepValue = calculateStepValue(maxPointValue, _minPointValue, _divisionQuantity);
+
+    var _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
+    };
+    return _this;
+  }
+
+  (0, _createClass2.default)(HvSlider, [{
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+          divisionQuantity = _this$props4.divisionQuantity,
+          classes = _this$props4.classes;
+      var _this$state2 = this.state,
+          knobsPositions = _this$state2.knobsPositions,
+          defaultKnobsPositions = _this$state2.defaultKnobsPositions,
+          rangesCount = _this$state2.rangesCount,
+          knobStyles = _this$state2.knobStyles,
+          trackStyles = _this$state2.trackStyles,
+          marks = _this$state2.marks,
+          styles = _this$state2.styles;
+      return /*#__PURE__*/_react.default.createElement(_rcSlider.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
+      });
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var 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.
+     */
+
+  }]);
+  return HvSlider;
+}(_react.default.Component);
+
+HvSlider.propTypes = {
+  /**
+   * The values array to apply to the component
+   */
+  values: _propTypes.default.arrayOf(_propTypes.default.number),
+
+  /**
+   * The default values array to apply to the component
+   */
+  defaultValues: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+
+  /**
+   * The object used to set the knob properties,
+   * for every item in the array a new knob will be created.
+   */
+  knobProperties: _propTypes.default.arrayOf(_propTypes.default.shape({
+    color: _propTypes.default.string,
+    defaultValue: _propTypes.default.number,
+    hidden: _propTypes.default.bool,
+    fixed: _propTypes.default.bool,
+    hoverColor: _propTypes.default.string,
+    trackColor: _propTypes.default.string,
+    dragColor: _propTypes.default.string
+  })).isRequired,
+
+  /**
+   * The object used to set the mark properties individually.
+   */
+  markProperties: _propTypes.default.arrayOf(_propTypes.default.shape({
+    position: _propTypes.default.number,
+    label: _propTypes.default.string
+  })),
+
+  /**
+   * the function executed before a change will ocurr in the slider.
+   * it will receive an object like
+   * {
+   *   knobsPosition: [],
+   *   knobsValues: []
+   * }
+   */
+  onBeforeChange: _propTypes.default.func,
+
+  /**
+   * the function executed while a change is ocurring in the slider.
+   * it will receive an object like
+   * {
+   *   knobsPosition: [],
+   *   knobsValues: []
+   * }
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * the function executed after a change ocurred in the slider.
+   * it will receive an object like
+   * {
+   *   knobsPosition: [],
+   *   knobsValues: []
+   * }
+   */
+  onAfterChange: _propTypes.default.func,
+
+  /**
+   * the separation in points between marks.
+   * example: if 10 divisions and a markstep of 2 there will be 5 marks.
+   */
+  markStep: _propTypes.default.number,
+
+  /**
+   * how many subdivisions there are in the slider.
+   */
+  divisionQuantity: _propTypes.default.number,
+
+  /**
+   * the value of the first point in the slider from left to right.
+   */
+  minPointValue: _propTypes.default.number,
+
+  /**
+   * the value of the last point in the slider from left to right.
+   */
+  maxPointValue: _propTypes.default.number,
+
+  /**
+   * the nax number of decimals if no format function is applied
+   */
+  markDigits: _propTypes.default.number,
+
+  /**
+   * a formatting function used to add format to the marks in the track,
+   * the function receives the mark text
+   */
+  formatMark: _propTypes.default.func,
+
+  /**
+   * a formatting function used to add format to the tooltip in the track,
+   * the function receives the mark text
+   */
+  formatTooltip: _propTypes.default.func,
+
+  /**
+   * if `true` the knobs can't have the same value, if `false` knobs can have the same value.
+   */
+  noOverlap: _propTypes.default.bool,
+
+  /**
+   * the classes object to be applied into the root object.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the dot.
+     */
+    dot: _propTypes.default.string,
+
+    /**
+     * Style applied to the rail.
+     */
+    rail: _propTypes.default.string,
+
+    /**
+     * Style applied to the inner of the knob.
+     */
+    knobInner: _propTypes.default.string,
+
+    /**
+     * Style applied to the outside of the knob.
+     */
+    knobOuter: _propTypes.default.string,
+
+    /**
+     * Style applied when the knob is hidden.
+     */
+    knobHidden: _propTypes.default.string,
+
+    /**
+     * Style applied  last hidden knob.
+     */
+    knobHiddenLast: _propTypes.default.string,
+
+    /**
+     * Style applied to the track.
+     */
+    track: _propTypes.default.string,
+
+    /**
+     * Style applied to the mark.
+     */
+    mark: _propTypes.default.string,
+
+    /**
+     * Style applied to the tooltip.
+     */
+    sliderTooltip: _propTypes.default.string
+  }).isRequired,
+  theme: _propTypes.default.any.isRequired
+};
+HvSlider.defaultProps = {
+  markStep: 1,
+  markDigits: 0,
+  noOverlap: true,
+  values: [],
+  formatMark: function formatMark(mark) {
+    return mark;
+  },
+  formatTooltip: function formatTooltip(mark) {
+    return mark;
+  },
+  markProperties: [],
+  divisionQuantity: 100,
+  minPointValue: 0,
+  maxPointValue: 100,
+  onBeforeChange: function onBeforeChange() {},
+  onChange: function onChange() {},
+  onAfterChange: function onAfterChange() {}
+};
+
+var _default = (0, _core.withStyles)(_styles2.default, {
+  name: "HvSlider",
+  withTheme: true
+})(HvSlider);
+
+exports.default = _default;
+//# sourceMappingURL=Slider.js.map

package/dist/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Slider/Slider.js"],"names":["scaledValueToKnobsPositionValue","scaledValue","minPointValue","inverseStepValue","Math","floor","transformKnobsPosition","values","knobsPositions","forEach","value","index","calculateStepValue","maxPointValue","divisionQuantity","abs","HvSlider","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","createKnob","root","dot","onChangeHandler","onBeforeChangeHandler","onAfterChangeHandler","undefined","rail","React","Component","propTypes","PropTypes","arrayOf","number","isRequired","shape","string","defaultValue","bool","func","any","defaultProps","styleCreator","name","withTheme"],"mappings":"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","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"],"file":"Slider.js"}

package/dist/Slider/index.d.ts

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