intelicoreact 0.2.81 → 0.2.82

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js

@@ -15,6 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactFeather = require("react-feather");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
 
 require("./RangeSlider.scss");
@@ -27,7 +29,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function RangeSlider(_ref) {
   var _value$from, _value$to;
 
-  var _ref$min = _ref.min,
+  var required = _ref.required,
+      noTrack = _ref.noTrack,
+      _ref$min = _ref.min,
       min = _ref$min === void 0 ? 0 : _ref$min,
       _ref$max = _ref.max,
       max = _ref$max === void 0 ? 100 : _ref$max,
@@ -61,6 +65,10 @@ function RangeSlider(_ref) {
   var fromTriggerRef = (0, _react.useRef)(0);
   var toTriggerRef = (0, _react.useRef)(0);
 
+  var prepareValue = function prepareValue(value) {
+    return parseInt(parseFloat(value) * Math.pow(10, precision)) / Math.pow(10, precision);
+  };
+
   var _useState5 = (0, _react.useState)((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : min),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       from = _useState6[0],
@@ -128,11 +136,20 @@ function RangeSlider(_ref) {
       extremumWidth = _useState26[0],
       setExtremumWidth = _useState26[1];
 
+  (0, _react.useLayoutEffect)(function () {
+    setFromValue(value.from);
+    setToValue(value.to);
+  }, [value]);
+
   var resetRange = function resetRange() {
     setFrom(min);
     setTo(max);
   };
 
+  var getTrackXByPoints = function getTrackXByPoints(pts) {
+    return (pts - min) / pointsPerPx;
+  };
+
   var getRangeWidth = function getRangeWidth() {
     return getTrackXByPoints(to) - getTrackXByPoints(from);
   };
@@ -149,14 +166,6 @@ function RangeSlider(_ref) {
     return (x - trackPosition) * pointsPerPx + min;
   };
 
-  var getTrackXByPoints = function getTrackXByPoints(pts) {
-    return (pts - min) / pointsPerPx;
-  };
-
-  var prepareValue = function prepareValue(value) {
-    return parseInt(parseFloat(value) * Math.pow(10, precision)) / Math.pow(10, precision);
-  };
-
   var onRangeChange = function onRangeChange(type, value) {
     var validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     if (validate) value = prepareValue(value);
@@ -291,7 +300,9 @@ function RangeSlider(_ref) {
   var renderLabel = function renderLabel() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__label"
-    }, label);
+    }, label, required && /*#__PURE__*/_react.default.createElement("span", {
+      className: "label_isRequired"
+    }, "*"));
   };
 
   var renderSelectedRange = function renderSelectedRange() {
@@ -378,7 +389,9 @@ function RangeSlider(_ref) {
 
   var renderTrack = function renderTrack() {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "range-slider__track",
+      className: (0, _classnames.default)('range-slider__track', {
+        hidden: noTrack
+      }),
       ref: trackRef
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__track__line"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.2.81",
+  "version": "0.2.82",
   "description": "",
   "main": "dist/index.js",
   "files": [