intelicoreact 1.4.83 → 1.4.85

package/dist/Atomic/UI/Table/Table.js

@@ -1,69 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _TdHeader = _interopRequireDefault(require("./Partials/TdHeader"));
-
 var _TdRow = _interopRequireDefault(require("./Partials/TdRow"));
-
 require("./Table.scss");
-
-var Table = function Table(_ref) {
-  var rows = _ref.rows,
-      onChange = _ref.onChange,
-      className = _ref.className,
-      header = _ref.header,
-      onActionClick = _ref.onActionClick,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? "test-table" : _ref$testId;
-
-  var handleArrayChange = function handleArrayChange(value, index) {
+const Table = _ref => {
+  let {
+    rows,
+    onChange,
+    className,
+    header,
+    onActionClick,
+    testId = "test-table"
+  } = _ref;
+  const handleArrayChange = (value, index) => {
     rows[index] = value;
     onChange({
-      header: (0, _toConsumableArray2.default)(header),
-      rows: (0, _toConsumableArray2.default)(rows)
+      header: [...header],
+      rows: [...rows]
     });
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": testId,
-    className: (0, _classnames.default)("simple-table", (0, _defineProperty2.default)({}, "simple-table--".concat(className), className))
-  }, /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, header === null || header === void 0 ? void 0 : header.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_TdHeader.default, {
-      item: item,
-      key: item.key
-    });
-  }))), /*#__PURE__*/_react.default.createElement("tbody", null, rows && rows !== null && rows !== void 0 && rows.length ? rows === null || rows === void 0 ? void 0 : rows.map(function (row, index) {
-    return /*#__PURE__*/_react.default.createElement(_TdRow.default, {
-      onActionClick: onActionClick,
-      rowIndex: index,
-      key: (0, _typeof2.default)(row.id) === "object" ? row.id.value : row.id,
-      item: row,
-      header: header,
-      onChange: function onChange(value) {
-        return handleArrayChange(value, index);
-      }
-    });
-  }) : /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+    className: (0, _classnames.default)("simple-table", {
+      ["simple-table--".concat(className)]: className
+    })
+  }, /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, header === null || header === void 0 ? void 0 : header.map(item => /*#__PURE__*/_react.default.createElement(_TdHeader.default, {
+    item: item,
+    key: item.key
+  })))), /*#__PURE__*/_react.default.createElement("tbody", null, rows && rows !== null && rows !== void 0 && rows.length ? rows === null || rows === void 0 ? void 0 : rows.map((row, index) => /*#__PURE__*/_react.default.createElement(_TdRow.default, {
+    onActionClick: onActionClick,
+    rowIndex: index,
+    key: typeof row.id === "object" ? row.id.value : row.id,
+    item: row,
+    header: header,
+    onChange: value => handleArrayChange(value, index)
+  })) : /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
     className: "row--not-found",
     colSpan: header === null || header === void 0 ? void 0 : header.length
   }, "Not set")))));
 };
-
-var _default = Table;
-exports.default = _default;
+var _default = exports.default = Table;

package/dist/Atomic/UI/Table/TdTypes/TdActions.js

@@ -1,84 +1,58 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TdActions = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var Icons = _interopRequireWildcard(require("react-feather"));
-
 var _Switcher = _interopRequireDefault(require("../../../FormElements/Switcher/Switcher"));
-
 require("./TdTypes.scss");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var TdActions = function TdActions(_ref) {
-  var actions = _ref.actions,
-      onChange = _ref.onChange,
-      onActionClick = _ref.onActionClick,
-      rowItem = _ref.rowItem;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const TdActions = _ref => {
+  let {
+    actions,
+    onChange,
+    onActionClick,
+    rowItem
+  } = _ref;
   if (!actions) return false;
-
-  var _useState = (0, _react.useState)(actions),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var handleArrayChange = function handleArrayChange(value, index, prop) {
+  const [state, setState] = (0, _react.useState)(actions);
+  const handleArrayChange = (value, index, prop) => {
     state[index][prop] = value;
-    setState((0, _toConsumableArray2.default)(state));
+    setState([...state]);
     onChange(state);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "j6"
-  }, actions === null || actions === void 0 ? void 0 : actions.map(function (action, index) {
+  }, actions === null || actions === void 0 ? void 0 : actions.map((action, index) => {
     switch (action.type) {
       case "download":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--download",
-          onClick: function onClick() {}
+          onClick: () => {}
         }, /*#__PURE__*/_react.default.createElement(Icons.Download, null));
-
       case "edit":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--edit",
-          onClick: function onClick() {}
+          onClick: () => {}
         }, /*#__PURE__*/_react.default.createElement(Icons.Edit3, null));
-
       case "delete":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--delete",
-          onClick: function onClick() {
-            return onActionClick("delete", rowItem);
-          }
+          onClick: () => onActionClick("delete", rowItem)
         }, /*#__PURE__*/_react.default.createElement(Icons.Trash2, null));
-
       case "undo":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--undo",
-          onClick: function onClick() {
-            return onActionClick("undo", rowItem);
-          }
+          onClick: () => onActionClick("undo", rowItem)
         }, /*#__PURE__*/_react.default.createElement(Icons.RotateCcw, null));
-
       case "switcher":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
@@ -86,15 +60,11 @@ var TdActions = function TdActions(_ref) {
         }, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
           label: action.label || null,
           isActive: action === null || action === void 0 ? void 0 : action.value,
-          onChange: function onChange(e) {
-            return handleArrayChange(e, index, "value");
-          }
+          onChange: e => handleArrayChange(e, index, "value")
         }));
-
       default:
         return null;
     }
   }));
 };
-
 exports.TdActions = TdActions;

package/dist/Atomic/UI/Table/TdTypes/TdPriority.js

@@ -1,24 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 require("../Table.scss");
-
-var TdPriority = function TdPriority(_ref) {
-  var _onClick = _ref.onClick,
-      rowIndex = _ref.rowIndex,
-      cardLength = _ref.cardLength;
+const TdPriority = _ref => {
+  let {
+    onClick,
+    rowIndex,
+    cardLength
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cards-table__priority"
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -26,21 +22,15 @@ var TdPriority = function TdPriority(_ref) {
   }, rowIndex + 1), /*#__PURE__*/_react.default.createElement("div", {
     className: "df"
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
-    onClick: function onClick() {
-      return _onClick(rowIndex);
-    },
+    onClick: () => onClick(rowIndex),
     className: (0, _classnames.default)("table--icon", {
       disabled: rowIndex + 1 === cardLength
     })
   }), /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
-    onClick: function onClick() {
-      return _onClick(rowIndex, true);
-    },
+    onClick: () => onClick(rowIndex, true),
     className: (0, _classnames.default)("table--icon", {
       disabled: rowIndex === 0
     })
   })));
 };
-
-var _default = TdPriority;
-exports.default = _default;
+var _default = exports.default = TdPriority;

package/dist/Atomic/UI/Table/TdTypes/TdRange.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var TdRange = function TdRange(_ref) {
-  var item = _ref.item;
+const TdRange = _ref => {
+  let {
+    item
+  } = _ref;
   if (!item) return false;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, item.from), /*#__PURE__*/React.createElement("span", null, " - "), /*#__PURE__*/React.createElement("span", null, item.to));
 };
-
-var _default = TdRange;
-exports.default = _default;
+var _default = exports.default = TdRange;

package/dist/Atomic/UI/Table/TdTypes/TdWeight.js

@@ -1,60 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("../../../../Functions/utils");
-
 var _Modal = require("../../Modal/Modal");
-
 require("../Table.scss");
-
-var TdWeight = function TdWeight(_ref) {
-  var value = _ref.value,
-      percent = _ref.percent,
-      onChange = _ref.onChange,
-      className = _ref.className;
-
-  var _useState = (0, _react.useState)(value),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var _useOutsideToggle = (0, _utils.useOutsideToggle)(false),
-      isEdited = _useOutsideToggle.isToggled,
-      unsetIsEdited = _useOutsideToggle.toggleOff,
-      setIsEdited = _useOutsideToggle.toggleOn;
-
-  (0, _react.useEffect)(function () {
+const TdWeight = _ref => {
+  let {
+    value,
+    percent,
+    onChange,
+    className
+  } = _ref;
+  const [state, setState] = (0, _react.useState)(value);
+  const {
+    isToggled: isEdited,
+    toggleOff: unsetIsEdited,
+    toggleOn: setIsEdited
+  } = (0, _utils.useOutsideToggle)(false);
+  (0, _react.useEffect)(() => {
     setState(value);
   }, [value, isEdited]);
-
-  var handleKeyUp = function handleKeyUp(_ref2) {
-    var keyCode = _ref2.keyCode,
-        target = _ref2.target;
-
+  const handleKeyUp = _ref2 => {
+    let {
+      keyCode,
+      target
+    } = _ref2;
     if (keyCode === _Modal.KEY_CODE.ENTER) {
-      var newValue = Number(target.value) || 1;
+      const newValue = Number(target.value) || 1;
       onChange(newValue);
       unsetIsEdited();
     }
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, isEdited ? /*#__PURE__*/React.createElement(Input, {
     value: state,
-    onChange: function onChange(e) {
-      return setState(e);
-    },
+    onChange: e => setState(e),
     onBlur: unsetIsEdited,
     onKeyUp: handleKeyUp,
     autoFocus: true
@@ -65,6 +50,4 @@ var TdWeight = function TdWeight(_ref) {
     className: "ml2 color--grey-gull"
   }, "(", percent, "%)")));
 };
-
-var _default = TdWeight;
-exports.default = _default;
+var _default = exports.default = TdWeight;

package/dist/Atomic/UI/Tag/Tag.js

@@ -1,137 +1,104 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactDom = require("react-dom");
-
 var _reactFeather = require("react-feather");
-
 var _Spinner = _interopRequireDefault(require("./../../Layout/Spinner/Spinner"));
-
 require("./Tag.scss");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Tag = function Tag(_ref) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Tag = _ref => {
   var _tagRef$current$getBo, _tagRef$current;
-
-  var value = _ref.value,
-      className = _ref.className,
-      style = _ref.style,
-      label = _ref.label,
-      warning = _ref.warning,
-      removeItem = _ref.removeItem,
-      name = _ref.name,
-      isPopup = _ref.isPopup,
-      popupInfoContent = _ref.popupInfoContent,
-      popupClassName = _ref.popupClassName,
-      id = _ref.id,
-      _ref$isNoDismiss = _ref.isNoDismiss,
-      isNoDismiss = _ref$isNoDismiss === void 0 ? true : _ref$isNoDismiss,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? "test-tag" : _ref$testId,
-      _ref$testIdRemove = _ref.testIdRemove,
-      testIdRemove = _ref$testIdRemove === void 0 ? "test-tag-remove" : _ref$testIdRemove;
-  var tagRef = (0, _react.useRef)();
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isTagHover = _useState2[0],
-      setIsTagHover = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isTagPopupOpened = _useState4[0],
-      setIsTagPopupOpened = _useState4[1];
-
-  var _ref2 = (_tagRef$current$getBo = tagRef === null || tagRef === void 0 ? void 0 : (_tagRef$current = tagRef.current) === null || _tagRef$current === void 0 ? void 0 : _tagRef$current.getBoundingClientRect()) !== null && _tagRef$current$getBo !== void 0 ? _tagRef$current$getBo : {},
-      x = _ref2.x,
-      y = _ref2.y,
-      height = _ref2.height,
-      width = _ref2.width;
-
-  var _window = window,
-      scrollY = _window.scrollY;
-  var tagPopupStyles = (0, _react.useMemo)(function () {
+  let {
+    value,
+    className,
+    style,
+    label,
+    warning,
+    removeItem,
+    name,
+    isPopup,
+    // popupInfo,
+    popupInfoContent,
+    popupClassName,
+    id,
+    isNoDismiss = true,
+    onClick = () => {},
+    testId = "test-tag",
+    testIdRemove = "test-tag-remove"
+  } = _ref;
+  const tagRef = (0, _react.useRef)();
+  const [isTagHover, setIsTagHover] = (0, _react.useState)(false);
+  const [isTagPopupOpened, setIsTagPopupOpened] = (0, _react.useState)(false);
+  const {
+    x,
+    y,
+    height,
+    width
+  } = (_tagRef$current$getBo = tagRef === null || tagRef === void 0 || (_tagRef$current = tagRef.current) === null || _tagRef$current === void 0 ? void 0 : _tagRef$current.getBoundingClientRect()) !== null && _tagRef$current$getBo !== void 0 ? _tagRef$current$getBo : {};
+  const {
+    scrollY
+  } = window;
+  const tagPopupStyles = (0, _react.useMemo)(() => {
     var _tagRef$current2;
-
     if (!isTagPopupOpened || !(tagRef !== null && tagRef !== void 0 && tagRef.current)) return {};
-
-    var _tagRef$current$getBo2 = tagRef === null || tagRef === void 0 ? void 0 : (_tagRef$current2 = tagRef.current) === null || _tagRef$current2 === void 0 ? void 0 : _tagRef$current2.getBoundingClientRect(),
-        x = _tagRef$current$getBo2.x,
-        y = _tagRef$current$getBo2.y,
-        height = _tagRef$current$getBo2.height,
-        width = _tagRef$current$getBo2.width;
-
+    const {
+      x,
+      y,
+      height,
+      width
+    } = tagRef === null || tagRef === void 0 || (_tagRef$current2 = tagRef.current) === null || _tagRef$current2 === void 0 ? void 0 : _tagRef$current2.getBoundingClientRect();
     return {
       left: "".concat(x, "px"),
       top: "".concat(y + scrollY, "px"),
       transform: "translate(calc(-1 * calc(100% - ".concat(width / 2 + 22, "px)), ").concat(height + 10, "px)")
     };
   }, [isTagPopupOpened, x, y, width, height, scrollY]);
-  var handle = {
-    onTagClick: function onTagClick() {
+  const handle = {
+    onTagClick: () => {
       if (isPopup) {
         setIsTagPopupOpened(!isTagPopupOpened);
       }
-
       onClick(id);
     }
-  }; // закрытие по кликаутсайду
+  };
 
-  var handleClickOutside = function handleClickOutside() {
+  // закрытие по кликаутсайду
+  const handleClickOutside = () => {
     setIsTagPopupOpened(false);
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     document.addEventListener("click", handleClickOutside, true);
-    return function () {
+    return () => {
       document.removeEventListener("click", handleClickOutside, true);
     };
-  }, []); // закрытие по скролу
+  }, []);
 
-  (0, _react.useEffect)(function () {
-    var handleScroll = function handleScroll() {
+  // закрытие по скролу
+  (0, _react.useEffect)(() => {
+    const handleScroll = () => {
       setIsTagPopupOpened(false);
     };
-
     window.addEventListener("scroll", handleScroll, true);
-    return function () {
+    return () => {
       window.removeEventListener("scroll", handleScroll, true);
     };
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
-    onMouseEnter: function onMouseEnter() {
-      return setIsTagHover(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setIsTagHover(false);
-    },
+    onMouseEnter: () => setIsTagHover(true),
+    onMouseLeave: () => setIsTagHover(false),
     "data-testid": testId,
     className: (0, _classnames.default)("tag", className, {
       "tag-warn": warning
     }),
     style: style !== null && style !== void 0 ? style : {},
-    onClick: function onClick() {
-      return handle.onTagClick();
-    },
+    onClick: () => handle.onTagClick(),
     ref: tagRef
   }, warning && typeof warning === "string" && /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
     className: "advanced-tags--warning-icon mr5"
@@ -141,9 +108,9 @@ var Tag = function Tag(_ref) {
     className: "tag__label"
   }, label || name), removeItem && !isNoDismiss && /*#__PURE__*/_react.default.createElement("button", {
     "data-testid": testIdRemove,
-    onClick: function onClick(e) {
-      e === null || e === void 0 ? void 0 : e.preventDefault();
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
+    onClick: e => {
+      e === null || e === void 0 || e.preventDefault();
+      e === null || e === void 0 || e.stopPropagation();
       removeItem(value);
     },
     className: "tag__button"
@@ -157,6 +124,4 @@ var Tag = function Tag(_ref) {
     size: "small"
   }) : popupInfoContent), document.getElementById("app")));
 };
-
-var _default = Tag;
-exports.default = _default;
+var _default = exports.default = Tag;