@codacy/ui-components 0.66.64 → 0.66.66

package/lib/Checkbox/CheckboxFilterList.js

@@ -22,9 +22,10 @@ export const CheckboxFilterList = ({
         }
         //Range selection
         else {
-          const range = [items.findIndex(i => i.key === prevCheckedBox), items.findIndex(i => i.key === key)].sort();
+          const range = [items.findIndex(i => i.key === prevCheckedBox), items.findIndex(i => i.key === key)].sort((a, b) => a - b);
           const itemsInRange = items.slice(range[0], range[1] + 1);
-          onChange([...value, ...itemsInRange.map(i => i.key)]);
+          const newKeys = itemsInRange.map(i => i.key).filter(k => !value.includes(k));
+          onChange([...value, ...newKeys]);
         }
         setPrevCheckedBox(key);
       } else {

package/lib/Input/Input.js

@@ -10,12 +10,19 @@ const InputIcon = ({
   onClick
 }) => {
   const IconComponent = toRight ? RightIcon : LeftIcon;
+
+  // hack: basically, without stopping propagation, the onClick event will be triggered twice due to
+  // handleSurroundings on the dropdown hooks file
+  const handleClick = React.useCallback(e => {
+    e.stopPropagation();
+    onClick === null || onClick === void 0 || onClick(e);
+  }, [onClick]);
   return icon.hasOwnProperty('icon') ? /*#__PURE__*/React.createElement(IconComponent, {
     isClickable: !!onClick,
-    onClick: onClick
+    onClick: handleClick
   }, /*#__PURE__*/React.createElement(Icon, icon)) : /*#__PURE__*/React.createElement(IconComponent, {
     isClickable: !!onClick,
-    onClick: onClick
+    onClick: handleClick
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     color: "input-icon-enabled"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.66.64",
+  "version": "0.66.66",
   "description": "",
   "license": "ISC",
   "author": "",