intelicoreact 1.2.37 → 1.2.38

package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js

@@ -53,6 +53,12 @@ var _Object$freeze2 = Object.freeze({
     ASSIGN_TO_LEFT = _Object$freeze2.ASSIGN_TO_LEFT,
     ASSIGN_TO_RIGHT = _Object$freeze2.ASSIGN_TO_RIGHT;
 
+var POINT_VALUE_TYPES = Object.freeze({
+  FROM: 'from',
+  TO: 'to',
+  BOTH: 'both'
+});
+
 function RangeSlider2(_ref) {
   var _ref$min = _ref.min,
       min = _ref$min === void 0 ? 300 : _ref$min,
@@ -60,6 +66,10 @@ function RangeSlider2(_ref) {
       max = _ref$max === void 0 ? 850 : _ref$max,
       _ref$minRange = _ref.minRange,
       minRange = _ref$minRange === void 0 ? 50 : _ref$minRange,
+      _ref$dividersRange = _ref.dividersRange,
+      dividersRange = _ref$dividersRange === void 0 ? 50 : _ref$dividersRange,
+      _ref$pointValueType = _ref.pointValueType,
+      pointValueType = _ref$pointValueType === void 0 ? POINT_VALUE_TYPES.FROM : _ref$pointValueType,
       _ref$precision = _ref.precision,
       precision = _ref$precision === void 0 ? 0 : _ref$precision,
       _ref$step = _ref.step,
@@ -539,6 +549,20 @@ function RangeSlider2(_ref) {
           to = _ref16.to;
       return from <= score && score <= to;
     });
+  };
+
+  var getPointValue = function getPointValue(score) {
+    switch (pointValueType) {
+      case POINT_VALUE_TYPES.FROM:
+        return "".concat(score + 1);
+
+      case POINT_VALUE_TYPES.TO:
+        return "".concat(score);
+
+      case POINT_VALUE_TYPES.BOTH:
+      default:
+        return "".concat(score, " | ").concat(score + 1);
+    }
   }; // EVENTS //
 
 
@@ -781,7 +805,7 @@ function RangeSlider2(_ref) {
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: addTriggerRef,
       className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__point"), (0, _defineProperty2.default)({}, "".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__point--shake"), isCollisionVisible)),
-      "data-point-value": "".concat(score, " | ").concat(score + 1)
+      "data-point-value": getPointValue(score)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, null)), isAddTriggerFixed && renderAddTrackTriggerSettings(), renderCollision({
       isCollisionVisible: isCollisionVisible,
       isLeftCollision: isLeftCollision,
@@ -812,7 +836,7 @@ function RangeSlider2(_ref) {
       onMouseLeave: setMouseLeaveTrigger
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__point"), (0, _defineProperty2.default)({}, "".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__point--shake"), isCollisionVisible)),
-      "data-point-value": "".concat(triggerScore, " | ").concat(triggerScore + 1),
+      "data-point-value": getPointValue(triggerScore),
       onMouseDown: function onMouseDown(e) {
         return onTriggerMouseDown(e, triggerIndex);
       },
@@ -874,7 +898,7 @@ function RangeSlider2(_ref) {
       });
     };
 
-    var dividersCount = parseInt((max - min) / minRange);
+    var dividersCount = parseInt((max - min) / dividersRange);
     var dividers = [];
 
     for (var i = 0; i < dividersCount; ++i) {

package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.scss

@@ -183,7 +183,6 @@ $lineHeight: 4px;
               content: attr(data-point-value);
               position: absolute;
               top: calc(-100% - 13px);
-              left: -100%;
               white-space: nowrap;
               font-family: 'Roboto';
               font-style: normal;
@@ -312,10 +311,12 @@ $lineHeight: 4px;
 
             &:before {
               content: attr(data-point-value);
-              position: relative;
-              top: calc(-100% - 14px);
-              left: -100%;
+              position: absolute;
+              top: calc(-100% - 13px);
+              left: 9px;
+              transform: translateX(-50%);
               white-space: nowrap;
+              width: fit-content;
               font-family: 'Roboto';
               font-style: normal;
               font-weight: 400;

package/package.json

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