Various bugfixes after 0.12 (#178)

* fix: deps in mods

* Create eleven-geckos-protect.md

Co-authored-by: Sergey Garin <sergey.garin@cube.dev>

Author: MrFlashAccount

.changeset/eleven-geckos-protect.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Fixed bug in button when `isLoading` prop didn't affect on mods 

src/components/actions/Button/Button.tsx

@@ -346,7 +346,7 @@ export const Button = forwardRef(
         'single-icon-only': singleIcon,
         ...mods,
       }),
-      [mods],
+      [mods, isDisabled, isLoading, isSelected, singleIcon],
     );
 
     return (

src/components/actions/Button/button.test.tsx

@@ -0,0 +1,42 @@
+import { render, screen } from '../../../test';
+import { Button } from './Button';
+
+describe('<Button />', () => {
+  it('should add data-qa', () => {
+    render(<Button data-qa="test">label</Button>);
+
+    expect(screen.getByTestId('test')).toBeInTheDocument();
+  });
+
+  it('should have data-is-loading', () => {
+    render(
+      <Button isLoading data-qa="ApplyDbConnection">
+        Apply
+      </Button>,
+    );
+
+    expect(screen.getByTestId('ApplyDbConnection')).toHaveAttribute(
+      'data-is-loading',
+      '',
+    );
+  });
+
+  it('should have data-is-loading after rerender', () => {
+    const { rerender } = render(
+      <Button isLoading={false} data-qa="ApplyDbConnection">
+        Apply
+      </Button>,
+    );
+
+    rerender(
+      <Button isLoading data-qa="ApplyDbConnection">
+        Apply
+      </Button>,
+    );
+
+    expect(screen.getByTestId('ApplyDbConnection')).toHaveAttribute(
+      'data-is-loading',
+      '',
+    );
+  });
+});