@edvisor/product-language 0.7.1 → 0.7.2

package/index.js

@@ -9989,7 +9989,7 @@ const FieldContainer = /*#__PURE__*/styled.div.withConfig({
 const HandleContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "handle__HandleContainer",
   componentId: "sc-1ylwh31-0"
-})(["background-color:", ";margin-left:-6px;margin-top:-6px;width:", "px;height:", "px;border:0;border-radius:50%;white-space:nowrap;position:absolute;cursor:pointer;left:", ";"], Actions.Primary.Default, ({
+})(["background-color:", ";margin-left:-6px;margin-top:-6px;width:", "px;height:", "px;border:0;border-radius:50%;white-space:nowrap;position:absolute;z-index:2;cursor:pointer;left:", ";"], Actions.Primary.Default, ({
   thumbHeight
 }) => thumbHeight, ({
   thumbHeight
@@ -10050,7 +10050,7 @@ const RailComponent = /*#__PURE__*/memo(props => {
 const Track = /*#__PURE__*/styled.div.withConfig({
   displayName: "track__Track",
   componentId: "sc-20rwgc-0"
-})(["background-color:", ";height:", "px;position:absolute;pointer-events:none;left:", ";width:", ";"], Actions.Primary.Default, ({
+})(["background-color:", ";height:", "px;position:absolute;z-index:1;pointer-events:none;left:", ";width:", ";"], Actions.Primary.Default, ({
   trackHeight
 }) => trackHeight, ({
   left
@@ -10112,13 +10112,20 @@ const SliderComponent = props => {
     onChange,
     onUpdate
   } = props;
+
+  const handleOnChange = newValues => {
+    if (values.some((val, index) => val !== newValues[index])) {
+      onChange(newValues);
+    }
+  };
+
   return jsxs(Slider$1, Object.assign({
     mode: mode,
     step: 1,
     domain: domain,
     values: values,
     rootStyle: sliderStyle,
-    onChange: onChange,
+    onChange: handleOnChange,
     onUpdate: newValues => {
       onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(newValues);
     }
@@ -10212,23 +10219,43 @@ const SliderInputs = props => {
   const handleOnBlur = (e, valueType) => {
     const intValue = +e.target.value;
     const newValue = getNewValue(intValue, valueType, props);
+    mayCallOnChange(newValue, valueType);
 
     if (type === SliderType.SLIDER) {
-      onChange([newValue]);
       setMaxValue(newValue);
       return;
     }
 
     if (valueType === ValueType.MIN) {
-      onChange([newValue, stateMaxValue]);
       setMinValue(newValue);
       return;
     }
 
-    onChange([stateMinValue, newValue]);
     setMaxValue(newValue);
   };
 
+  const mayCallOnChange = (newValue, valueType) => {
+    if (type === SliderType.SLIDER) {
+      if (newValue !== maxValue) {
+        onChange([newValue]);
+      }
+
+      return;
+    }
+
+    if (valueType === ValueType.MIN) {
+      if (newValue !== minValue) {
+        onChange([newValue, stateMaxValue]);
+      }
+
+      return;
+    }
+
+    if (newValue !== maxValue) {
+      onChange([stateMinValue, newValue]);
+    }
+  };
+
   return type === SliderType.RANGE_SLIDER ? jsxs(Fragment$1, {
     children: [jsx(FieldContainer, Object.assign({
       margin: 'right'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edvisor/product-language",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "license": "MIT",
   "description": "Edvisor.io product-language components",
   "repository": "https://github.com/edvisor-io/front-end/",