@codacy/ui-components 0.65.37 → 0.65.39

package/lib/Checkbox/CheckboxFilterList.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CheckboxFilterList = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ = require("..");
@@ -25,17 +26,39 @@ var CheckboxFilterList = exports.CheckboxFilterList = function CheckboxFilterLis
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'sm' : _ref$size,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var handleCheck = (0, _react.useCallback)(function (key, checked) {
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    prevCheckedBox = _useState2[0],
+    setPrevCheckedBox = _useState2[1];
+  var handleCheck = (0, _react.useCallback)( /* istanbul ignore next */
+  function (key, checked, event) {
     if (onChange) {
       if (checked) {
-        onChange([].concat((0, _toConsumableArray2["default"])(value), [key]));
+        //Single selection
+        if (!event.shiftKey) {
+          onChange([].concat((0, _toConsumableArray2["default"])(value), [key]));
+        }
+        //Range selection
+        else {
+          var range = [items.findIndex(function (i) {
+            return i.key === prevCheckedBox;
+          }), items.findIndex(function (i) {
+            return i.key === key;
+          })].sort();
+          var itemsInRange = items.slice(range[0], range[1] + 1);
+          onChange([].concat((0, _toConsumableArray2["default"])(value), (0, _toConsumableArray2["default"])(itemsInRange.map(function (i) {
+            return i.key;
+          }))));
+        }
+        setPrevCheckedBox(key);
       } else {
         onChange(value.filter(function (i) {
           return i !== key;
         }));
+        setPrevCheckedBox(undefined);
       }
     }
-  }, [value, onChange]);
+  }, [items, onChange, prevCheckedBox, value]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CheckboxListWrap, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
     inline: inline,
     children: items.map(function (item, idx) {
@@ -43,8 +66,8 @@ var CheckboxFilterList = exports.CheckboxFilterList = function CheckboxFilterLis
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Checkbox, {
         size: size,
         checked: isChecked,
-        onChange: function onChange(checked) {
-          return handleCheck(item.key, checked);
+        onChange: function onChange(checked, event) {
+          return handleCheck(item.key, checked, event);
         },
         disabled: disabled || item.disabled || item.count === 0,
         mt: idx === 0 ? 0 : size === 'md' ? 3 : 2,

package/lib/MoreInfo/MoreInfo.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Tooltip = require("../Tooltip");
 var _ = require("..");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["helpContent", "textAlignment", "placement", "tooltipMaxWidth"];
+var _excluded = ["helpContent", "textAlignment", "placement", "tooltipMaxWidth", "selfClose", "withArrow"];
 var HelpIcon = function HelpIcon() {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -43,12 +43,16 @@ var MoreInfo = exports.MoreInfo = function MoreInfo(_ref) {
     textAlignment = _ref.textAlignment,
     placement = _ref.placement,
     tooltipMaxWidth = _ref.tooltipMaxWidth,
+    selfClose = _ref.selfClose,
+    withArrow = _ref.withArrow,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
     content: helpContent,
     textAlignment: textAlignment,
     placement: placement,
     maxWidth: tooltipMaxWidth,
+    selfClose: selfClose,
+    withArrow: withArrow,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, (0, _objectSpread2["default"])({
       icon: HelpIcon,
       color: "icon-enabled",

package/lib/MoreInfo/types.d.ts

@@ -3,4 +3,6 @@ import { IconProps } from '../Icon/Icon.types';
 export interface MoreInfoProps extends TooltipPositionProps, Omit<IconProps, 'icon'> {
     tooltipMaxWidth?: string;
     helpContent: TooltipContentProps['content'];
+    selfClose?: boolean;
+    withArrow?: boolean;
 }

package/lib/Tooltip/Tooltip.js

@@ -77,19 +77,17 @@ var Tooltip = exports.Tooltip = function Tooltip(_ref) {
     styles = _usePopper.styles,
     attributes = _usePopper.attributes;
   var handleEnter = (0, _react.useCallback)(function () {
-    if (!selfClose) {
-      setTimer(function (prevTimer) {
-        if (prevTimer) {
-          clearTimeout(prevTimer);
-        }
-        return setTimeout(function () {
-          setVisible(true);
-        }, Math.max(delay, 500));
-      });
-    }
-  }, [delay, selfClose]);
+    setTimer(function (prevTimer) {
+      if (prevTimer) {
+        clearTimeout(prevTimer);
+      }
+      return setTimeout(function () {
+        setVisible(true);
+      }, Math.max(delay, 500));
+    });
+  }, [delay]);
   var handleOver = (0, _react.useCallback)(function () {
-    if (!selfClose && !visible) {
+    if (!visible) {
       setTimer(function (prevTimer) {
         if (prevTimer) {
           clearTimeout(prevTimer);
@@ -99,19 +97,17 @@ var Tooltip = exports.Tooltip = function Tooltip(_ref) {
         }, Math.max(delay, 500));
       });
     }
-  }, [delay, selfClose, visible]);
+  }, [delay, visible]);
   var handleLeave = (0, _react.useCallback)(function () {
-    if (!selfClose) {
-      setTimer(function (prevTimer) {
-        if (prevTimer) {
-          clearTimeout(prevTimer);
-        }
-        return setTimeout(function () {
-          setVisible(false);
-        }, 500);
-      });
-    }
-  }, [selfClose]);
+    setTimer(function (prevTimer) {
+      if (prevTimer) {
+        clearTimeout(prevTimer);
+      }
+      return setTimeout(function () {
+        setVisible(false);
+      }, 500);
+    });
+  }, []);
   (0, _react.useEffect)(function () {
     if (selfClose) {
       var timer = setTimeout(function () {

package/package.json

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