lint: change eslint

Author: orrgottlieb

src/components/AttentionBox/AttentionBox.jsx

@@ -32,7 +32,7 @@ const AttentionBox = ({
             `${classNameWithType}__title-container__icon`
           )}
           ignoreFocusStyle
-          iconSize={"24"}
+          iconSize="24"
         />
         <span
           className={cx(

src/components/AttentionBox/AttentionBoxConstants.js

@@ -4,5 +4,5 @@ export const ATTENTION_BOX_TYPES = {
   PRIMARY: "primary",
   SUCCESS: "success",
   DANGER: "danger",
-  DARK: "dark",
+  DARK: "dark"
 };

src/components/Button/Button.jsx

@@ -157,7 +157,9 @@ const Button = forwardRef(
       marginRight,
       marginLeft,
       noSidePadding,
-      preventClickAnimation
+      preventClickAnimation,
+      leftFlat,
+      rightFlat
     ]);
 
     const mergedRef = useMergeRefs({ refs: [ref, buttonRef] });
@@ -193,7 +195,8 @@ const Button = forwardRef(
       ariaLabel,
       loading,
       onFocus,
-      onBlur
+      onBlur,
+      mergedRef
     ]);
 
     if (loading) {

src/components/Dialog/Dialog.jsx

@@ -324,7 +324,7 @@ export default class Dialog extends PureComponent {
               }
             ]}
           >
-            {({ placement, style, ref, arrowProps, ...props }) => {
+            {({ placement, style, ref, arrowProps }) => {
               if (!this.isShown() && placement) {
                 return null;
               }

src/components/Icon/CustomSvgIcon.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-props-no-spreading */
 import React from "react";
 import PropTypes from "prop-types";
 import cx from "classnames";

src/components/Icon/hooks/useIconProps.js

@@ -5,7 +5,12 @@ import useEventListener from "../../../hooks/useEventListener";
 import useKeyEvent from "../../../hooks/useKeyEvent";
 import { keyCodes } from "../../../constants/KeyCodes";
 
-export default function useIconProps({ onClick, className, clickable, ignoreFocusStyle }) {
+export default function useIconProps({
+  onClick,
+  className,
+  clickable,
+  ignoreFocusStyle
+}) {
   const iconRef = useRef(null);
   const onEnterCallback = useCallback(
     event => {
@@ -27,7 +32,7 @@ export default function useIconProps({ onClick, className, clickable, ignoreFocu
       "icon_component--clickable": clickable,
       "icon_component--no-focus-style": ignoreFocusStyle
     });
-  }, [clickable, className]);
+  }, [clickable, className, ignoreFocusStyle]);
 
   useEventListener({
     eventName: "mousedown",

src/components/SplitButton/SplitButton.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-props-no-spreading */
 // Libraries import
 import React, { useCallback, useMemo, useRef, useState } from "react";
 import cx from "classnames";
@@ -14,7 +15,7 @@ import { isInsideClass } from "../../utils/dom-utils";
 import useKeyEvent from "../../hooks/useKeyEvent";
 
 // Components import
-import Button, { BUTTON_PROP_TYPES } from "../Button/Button";
+import Button from "../Button/Button";
 import Dialog from "../Dialog/Dialog";
 import useEventListener from "../../hooks/useEventListener";
 import DropdownChevronDown from "../Icon/Icons/components/DropdownChevronDown";
@@ -86,15 +87,15 @@ const SplitButton = ({
       if (!shouldSetActive(e)) return;
       setIsActive(true);
     },
-    [setIsActive, disabled]
+    [setIsActive, shouldSetActive]
   );
   const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);
   const setActiveOnEnter = useCallback(
     e => {
       if (!shouldSetActive(e)) return;
       setIsActive(true);
     },
-    [setIsActive, disabled]
+    [setIsActive, shouldSetActive]
   );
 
   const showDialog = useCallback(() => {