@mw-kit/mw-ui 1.7.56 → 1.7.58

package/dist/components/Input/components/Range/styles/Input/index.d.ts

@@ -1,2 +1,4 @@
-declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
+    $activeBullet: boolean;
+}, never>;
 export default Input;

package/dist/index.js

@@ -200,20 +200,9 @@ var keys = function keys(value) {
 var notEmptyString = function notEmptyString(value) {
   return typeof value === 'string' && value.trim() !== '';
 };
-var isNumber = function isNumber(value) {
-  return typeof value === 'number' && isFinite(value);
-};
-var isNumeric = function isNumeric(value) {
-  if (isNumber(value)) return true;
-  if (!isString(value)) return false;
-  return !isNaN(parseFloat(value));
-};
 var isBoolean = function isBoolean(value) {
   return typeof value === 'boolean';
 };
-var isNumericString = function isNumericString(value) {
-  return notEmptyString(value) && isNumeric(value);
-};
 var isString = function isString(value) {
   return typeof value === 'string';
 };
@@ -335,11 +324,6 @@ var filterObject = function filterObject(object, remove, inital) {
   }, inital);
   return r;
 };
-var numberOrDefault = function numberOrDefault(value, defaultValue) {
-  if (isNumber(value)) return value;
-  if (isNumericString(value)) return parseFloat(value);
-  return defaultValue;
-};
 var isoStringToDate = function isoStringToDate(value) {
   var _value$split = value.split(' '),
       d = _value$split[0],
@@ -15640,11 +15624,10 @@ var bullet = styled.css(_templateObject$q || (_templateObject$q = _taggedTemplat
 }, function (_ref3) {
   var theme = _ref3.theme;
   return theme.getColor('black', 10);
-}, function (props) {
-  var theme = props.theme;
-  var min = numberOrDefault(props.min, 0);
-  var value = numberOrDefault(props.value, 0);
-  return theme.colors[min > 0 || value > min ? 'blue' : 'white'];
+}, function (_ref4) {
+  var theme = _ref4.theme,
+      activeBullet = _ref4.$activeBullet;
+  return theme.colors[activeBullet ? 'blue' : 'white'];
 });
 var Input$2 = styled__default.input(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n  appearance: none;\n  width: 100%;\n  height: 10px;\n  background-color: transparent;\n  outline: none;\n  position: relative;\n  z-index: 3;\n  margin: 0;\n\n  :not(:disabled) {\n    cursor: pointer;\n  }\n\n  /** firefox */\n  ::-moz-range-thumb {\n    ", "\n  }\n  /** ie */\n  ::-ms-thumb {\n    ", "\n  }\n  /** chrome */\n  ::-webkit-slider-thumb {\n    ", "\n  }\n"])), bullet, bullet, bullet);
 
@@ -15887,6 +15870,7 @@ var Range = React__default.forwardRef(function (props, ref) {
     var value = typeof v === 'number' ? v : parseFloat(v);
     return value;
   };
+  var currentValue = getValue(value);
 
   var _onChange = props.onChange || function (_event, value) {
     return setValue(value);
@@ -15961,33 +15945,35 @@ var Range = React__default.forwardRef(function (props, ref) {
     invalid: invalid ? 1 : 0
   }, markers.length > 0 && React__default.createElement(MarkersContainer, null, markers.map(function (marker, index) {
     var left = getMarkerLeft(markers.length, range, index, marker.value, min, strict);
-    var bullet = marker.value > value ? 1 : 0;
+    var bullet = marker.value > currentValue ? 1 : 0;
     return React__default.createElement(Marker, {
-      key: marker.value,
+      key: index,
       left: left,
       bullet: bullet
     }, marker.label);
   })), React__default.createElement("div", null, React__default.createElement(Input$2, Object.assign({
     ref: ref
-  }, inputProps)), React__default.createElement(NavBar, {
+  }, inputProps, {
+    "$activeBullet": (strict === true ? markers[value].value : value) !== 0
+  })), React__default.createElement(NavBar, {
     position: position
   }, React__default.createElement("div", {
     style: {
-      left: getBarLeft(100, value * 100 / max)
+      left: getBarLeft(100, (value - min) * 100 / (max - min))
     }
   }, React__default.createElement(Icon, {
     type: 'feather',
     icon: 'minus_circle',
     color: 'white',
     onClick: canDecrement ? decrement : undefined
-  }), getValue(value), React__default.createElement(Icon, {
+  }), currentValue, React__default.createElement(Icon, {
     type: 'feather',
     icon: 'plus_circle',
     color: 'white',
     onClick: canIncrement ? increment : undefined
   })), React__default.createElement("div", {
     style: {
-      left: getIndicatorLeft(14, value * 100 / max)
+      left: getIndicatorLeft(14, (value - min) * 100 / (max - min))
     }
   })), React__default.createElement(SelectedArea, {
     percent: percent