chore: upgrade packages (#247)

.github/workflows/auto-pr.yml

@@ -0,0 +1,21 @@
+name: Create Pull Request
+on:
+  push:
+    branches:
+      # Create pull requests only for non-master branches
+      - "!master"
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          ref: ${{ github.ref }}
+      - name: Create Pull Request
+        uses: peter-evans/create-pull-request@v3
+        with:
+          commit-message: "Automated Pull Request"
+          title: "Automated Pull Request"
+          branch: ${{ github.ref }}
+          token: ${{ secrets.GITHUB_TOKEN }}

package.json

@@ -16,18 +16,18 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@relative-ci/agent": "^4.1.3",
-    "@sentry/react": "^7.37.2",
-    "@sentry/tracing": "^7.37.2",
+    "@sentry/react": "^7.38.0",
+    "@sentry/tracing": "^7.38.0",
     "@types/bluebird": "^3.5.38",
-    "@types/node": "^18.13.0",
+    "@types/node": "^18.14.0",
     "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.10",
+    "@types/react-dom": "^18.0.11",
     "@typescript-eslint/eslint-plugin": "^5.52.0",
     "@typescript-eslint/parser": "^5.52.0",
     "@vitest/coverage-c8": "^0.28.5",
     "autoprefixer": "^10.4.13",
-    "cssnano": "^5.1.14",
-    "esbuild": "^0.17.8",
+    "cssnano": "^5.1.15",
+    "esbuild": "^0.17.9",
     "eslint": "^8.34.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-import": "2.27.5",
@@ -52,16 +52,16 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remove-files-webpack-plugin": "^1.5.0",
-    "sass": "^1.58.1",
-    "snyk": "^1.1103.0",
-    "stylelint": "15.1.0",
+    "sass": "^1.58.3",
+    "snyk": "^1.1105.0",
+    "stylelint": "15.2.0",
     "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-sass-guidelines": "^9.0.1",
     "stylelint-order": "^6.0.2",
     "stylelint-scss": "^4.4.0",
     "thread-loader": "^3.0.4",
     "ts-toolbelt": "^9.6.0",
-    "turbo": "^1.7.4",
+    "turbo": "^1.8.1",
     "typescript": "^4.9.5",
     "webpack": "^5.75.0",
     "webpack-stats-plugin": "^1.1.1"

packages/documentation/package.json

@@ -42,7 +42,7 @@
     "react-transition-group": "^4.4.5",
     "resize-observer-polyfill": "^1.5.1",
     "use-debounce": "^9.0.3",
-    "vite": "4.1.1"
+    "vite": "4.1.3"
   },
   "devDependencies": {
     "@axe-core/react": "^4.6.0",
@@ -54,29 +54,29 @@
     "@csstools/postcss-sass": "^5.0.1",
     "@playwright/test": "^1.30.0",
     "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.10",
+    "@types/react-dom": "^18.0.11",
     "@types/react-instantsearch-dom": "^6.12.3",
     "@types/react-syntax-highlighter": "^15.5.6",
     "@types/react-transition-group": "^4.4.5",
     "@vitejs/plugin-react": "3.1.0",
     "autoprefixer": "^10.4.13",
-    "cssnano": "^5.1.14",
-    "esbuild": "^0.17.8",
+    "cssnano": "^5.1.15",
+    "esbuild": "^0.17.9",
     "postcss": "^8.4.21",
     "postcss-bem-linter": "^3.3.0",
     "postcss-prefixer": "^2.1.3",
     "postcss-preset-env": "^8.0.1",
     "prettier": "^2.8.4",
     "recoil": "^0.7.6",
     "rimraf": "^4.1.2",
-    "sass": "^1.58.1",
-    "snyk": "^1.1103.0",
-    "stylelint": "15.1.0",
+    "sass": "^1.58.3",
+    "snyk": "^1.1105.0",
+    "stylelint": "15.2.0",
     "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-sass-guidelines": "^9.0.1",
     "stylelint-scss": "^4.4.0",
     "typescript": "^4.9.5",
-    "typescript-plugin-css-modules": "^4.1.1",
+    "typescript-plugin-css-modules": "^4.2.2",
     "use-timer": "^2.0.1",
     "vite-plugin-react-svg": "^0.2.0",
     "vite-plugin-svgr": "^2.4.0"

packages/lib/components/accordion/__tests__/__snapshots__/accordion.test.tsx.snap

@@ -5,10 +5,10 @@ exports[`Accordion > should render snapshot 1`] = `
   class="_accordion_f93c7f _no-border_f93c7f"
 >
   <div
-    aria-controls="accordion-body-Ji4YKQao8N7QwlyJBSSpM"
+    aria-controls="accordion-body-jMN46LMapPFvPaBbZI5tl"
     aria-expanded="false"
     class="_header_c2ceb5 _focusable_c2ceb5 _size_c2ceb5"
-    id="accordion-hziW0bGtT5HXfH6ukp8TW"
+    id="accordion-FW0GiXFL4wlm6QFAYjIFy"
     role="button"
     style="--rc-accordion-header-height: 40px; outline: none; position: relative;"
     tabindex="0"
@@ -40,9 +40,9 @@ exports[`Accordion > should render snapshot 1`] = `
     />
   </div>
   <div
-    aria-labelledby="accordion-hziW0bGtT5HXfH6ukp8TW"
+    aria-labelledby="accordion-FW0GiXFL4wlm6QFAYjIFy"
     class="_body_f93c7f _animate_f93c7f _close_f93c7f"
-    id="accordion-body-Ji4YKQao8N7QwlyJBSSpM"
+    id="accordion-body-jMN46LMapPFvPaBbZI5tl"
     style="--title-color: #000; --transition: cubic-bezier(0.19, 1, 0.22, 1); --max-height: 0px;"
   >
     <div

packages/lib/components/accordion/__tests__/accordion.test.tsx

@@ -5,7 +5,7 @@ import headerStyles from '../accordion-header.module.scss';
 import styles from '../accordion.module.scss';
 
 describe('Accordion', () => {
-  it.concurrent('should render accordion', () => {
+  it('should render accordion', () => {
     const { container } = render(
       <Accordion>
         <p>this is a test</p>
@@ -26,7 +26,7 @@ describe('Accordion', () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  it.concurrent('should toggle content', async () => {
+  it('should toggle content', async () => {
     const { getByRole, container } = render(
       <Accordion>
         <p>this is a test</p>
@@ -40,7 +40,7 @@ describe('Accordion', () => {
     });
   });
 
-  it.concurrent('should call onExpanded', async () => {
+  it('should call onExpanded', async () => {
     const onExpanded = vi.fn();
 
     const { getByRole } = render(
@@ -57,7 +57,7 @@ describe('Accordion', () => {
     expect(onExpanded).toHaveBeenCalled();
   });
 
-  it.concurrent('should render custom sizes', async () => {
+  it('should render custom sizes', async () => {
     const { getByRole } = render(
       <Accordion size="sm">
         <p>this is a test</p>

packages/lib/components/alert/__tests__/alert.test.tsx

@@ -7,36 +7,36 @@ import styles from '../alert.module.scss';
 expect.extend(toHaveNoViolations);
 
 describe('Alert', () => {
-  it.concurrent('should render the alert', async () => {
+  it('should render the alert', async () => {
     const { getByText } = render(<Alert message="test" />);
     expect(getByText('test')).toBeInTheDocument();
   });
 
-  it.concurrent('should render success state correctly', async () => {
+  it('should render success state correctly', async () => {
     const { getByRole } = render(<Alert message="test" state="success" />);
     expect(getByRole('alert')).toBeInTheDocument();
     expect(getByRole('alert')).toHaveClass(styles.alert_success);
   });
 
-  it.concurrent('should render warning state correctly', async () => {
+  it('should render warning state correctly', async () => {
     const { getByRole } = render(<Alert message="test" state="warning" />);
     expect(getByRole('alert')).toBeInTheDocument();
     expect(getByRole('alert')).toHaveClass(styles.alert_warning);
   });
 
-  it.concurrent('should render error state correctly', async () => {
+  it('should render error state correctly', async () => {
     const { getByRole } = render(<Alert message="test" state="error" />);
     expect(getByRole('alert')).toBeInTheDocument();
     expect(getByRole('alert')).toHaveClass(styles.alert_error);
   });
 
-  it.concurrent('should render info state correctly', async () => {
+  it('should render info state correctly', async () => {
     const { getByRole } = render(<Alert message="test" state="info" />);
     expect(getByRole('alert')).toBeInTheDocument();
     expect(getByRole('alert')).toHaveClass(styles.alert_info);
   });
 
-  it.concurrent('should call onDismiss', async () => {
+  it('should call onDismiss', async () => {
     const onDismiss = vi.fn();
     const { getByRole } = render(
       <Alert message="test" state="info" onDismiss={onDismiss} />
@@ -45,7 +45,7 @@ describe('Alert', () => {
     expect(onDismiss).toHaveBeenCalled();
   });
 
-  it.concurrent('should render custom content', async () => {
+  it('should render custom content', async () => {
     const { getByText } = render(
       <Alert message="test" state="info">
         <span>custom content</span>

packages/lib/components/auto-suggest/__tests__/auto-suggest.test.tsx

@@ -17,20 +17,20 @@ const suggestions = [
 }));
 
 describe('AutoSuggest', () => {
-  it.concurrent('should render Auto Suggest', async () => {
+  it('should render Auto Suggest', async () => {
     const { getByTestId } = render(<AutoSuggest suggestions={suggestions} />);
     expect(getByTestId('rc-auto-suggest')).toBeInTheDocument();
   });
 
-  it.concurrent('should render Auto Suggest with placeholder', async () => {
+  it('should render Auto Suggest with placeholder', async () => {
     const { getByTestId, getByPlaceholderText } = render(
       <AutoSuggest suggestions={suggestions} placeholder="placeholder" />
     );
     expect(getByTestId('rc-auto-suggest')).toBeInTheDocument();
     expect(getByPlaceholderText('placeholder')).toBeInTheDocument();
   });
 
-  it.concurrent('should render suggestions', async () => {
+  it('should render suggestions', async () => {
     const { getByPlaceholderText, getByTestId } = render(
       <AutoSuggest suggestions={suggestions} placeholder="enter input" />,
       {
@@ -55,7 +55,7 @@ describe('AutoSuggest', () => {
     );
   });
 
-  it.concurrent('should show the selected item', async () => {
+  it('should show the selected item', async () => {
     const { getByPlaceholderText, getByTestId } = render(
       <AutoSuggest suggestions={suggestions} placeholder="enter input" />,
       {

packages/lib/components/breadcrumb/__tests__/breadcrumb.test.tsx

@@ -3,7 +3,7 @@ import { it, vi } from 'vitest';
 import { BreadCrumb } from '../breadcrumb';
 
 describe('Breadcrumb', () => {
-  it.concurrent('should render', async () => {
+  it('should render', async () => {
     const { getByRole, getByText } = render(
       <BreadCrumb links={['google', 'yahoo', 'amazon']}></BreadCrumb>
     );
@@ -15,7 +15,7 @@ describe('Breadcrumb', () => {
     });
   });
 
-  it.concurrent('should handler is called', async () => {
+  it('should handler is called', async () => {
     const handler = vi.fn();
     const { getByText } = render(
       <BreadCrumb

packages/lib/components/button/__tests__/button.test.tsx

@@ -6,7 +6,7 @@ import styles from '../button.module.scss';
 const handler = vi.fn();
 
 describe('Button', () => {
-  it.concurrent('should render default', async () => {
+  it('should render default', async () => {
     const { container } = render(<Button />);
 
     const button = container.firstChild;
@@ -15,12 +15,12 @@ describe('Button', () => {
     expect(button).toHaveClass(styles.default);
   });
 
-  it.concurrent('should render label', async () => {
+  it('should render label', async () => {
     const { getByText } = render(<Button label="My Button" />);
     expect(getByText('My Button')).toBeInTheDocument();
   });
 
-  it.concurrent('should render size', async () => {
+  it('should render size', async () => {
     const { getByRole } = render(<Button label="My Button" size="lg" />);
     expect(getByRole('button')).toBeInTheDocument();
     expect(getByRole('button')).toHaveClass(styles.lg);
@@ -31,7 +31,7 @@ describe('Button', () => {
     expect(getByRole('button')).toMatchSnapshot();
   });
 
-  it.concurrent('should render disabled button', async () => {
+  it('should render disabled button', async () => {
     const handler = vi.fn();
 
     const { getByRole } = render(
@@ -45,7 +45,7 @@ describe('Button', () => {
     expect(handler).not.toBeCalled();
   });
 
-  it.concurrent('should call handler', async () => {
+  it('should call handler', async () => {
     const { getByText } = render(
       <Button label="My Button" onClick={handler} />,
       {
@@ -58,7 +58,7 @@ describe('Button', () => {
     expect(handler).toBeCalled();
   });
 
-  it.concurrent('should call handler via keyboard action', async () => {
+  it('should call handler via keyboard action', async () => {
     const { getByText } = render(
       <Button label="My Button" onClick={handler} />,
       {
@@ -73,7 +73,7 @@ describe('Button', () => {
     });
   });
 
-  it.concurrent('should have focus', async () => {
+  it('should have focus', async () => {
     const { getByRole } = render(
       <Button label="My Button" onClick={handler} focusable />,
       {

packages/lib/components/card/__tests__/card.test.tsx

@@ -2,13 +2,13 @@ import { render } from '@testing-library/react';
 import { Card } from '../card';
 
 describe('Card', () => {
-  it.concurrent('should render a basic card', async () => {
+  it('should render a basic card', async () => {
     const { container } = render(<Card />);
 
     expect(container.firstChild).toBeInTheDocument();
   });
 
-  it.concurrent('should render header and footer', async () => {
+  it('should render header and footer', async () => {
     const { container, getByText } = render(
       <Card header={<span>header</span>} footer={<span>footer</span>} />
     );

packages/lib/components/carousel/__tests__/carousel-button.test.tsx

@@ -6,7 +6,7 @@ import styles from '../carousel.module.scss';
 const handler = vi.fn();
 
 describe('Carousel Button', () => {
-  it.concurrent('should render with position', async () => {
+  it('should render with position', async () => {
     const { container } = render(
       <CarouselButton
         position="left"
@@ -33,7 +33,7 @@ describe('Carousel Button', () => {
     expect(getByRole('button')).toMatchSnapshot();
   });
 
-  it.concurrent('should call the onClick handler', async () => {
+  it('should call the onClick handler', async () => {
     const { getByRole } = render(
       <CarouselButton
         position="left"

packages/lib/components/carousel/__tests__/carousel-items.test.tsx

@@ -22,7 +22,7 @@ const items: CarouselItemProps[] = [
 ];
 
 describe('Carousel items', () => {
-  it.concurrent('Should render carousel items', async () => {
+  it('Should render carousel items', async () => {
     const { getByRole, getAllByRole } = render(
       <CarouselItems
         carouselItems={items}