chore(deps): update all non-major dependencies

.github/renovate.json

@@ -16,6 +16,11 @@
             "groupName": "@tanstack table",
             "description": "Group @tanstack table packages together because they need to be updated at the same time",
             "matchPackagePrefixes": ["@tanstack/"]
+        },
+        {
+            "groupName": "ui-kit",
+            "description": "Group ui-kit packages together because they need to be updated at the same time",
+            "matchPackagePrefixes": ["@coveo/atomic-react", "@coveo/headless"]
         }
     ],
     "lockFileMaintenance": {

helpers/eslint-config-plasma/package.json

@@ -13,8 +13,8 @@
         "eslint-plugin-import": "2.29.1",
         "eslint-plugin-jsdoc": "46.10.1",
         "eslint-plugin-prefer-arrow": "1.2.3",
-        "eslint-plugin-react": "7.33.2",
-        "eslint-plugin-react-hooks": "4.6.0",
-        "eslint-plugin-unused-imports": "3.1.0"
+        "eslint-plugin-react": "7.34.2",
+        "eslint-plugin-react-hooks": "4.6.2",
+        "eslint-plugin-unused-imports": "3.2.0"
     }
 }

package.json

@@ -59,9 +59,9 @@
     "devDependencies": {
         "@commitlint/cli": "19.3.0",
         "@commitlint/config-conventional": "19.2.2",
-        "@coveo/semantic-monorepo-tools": "2.4.18",
+        "@coveo/semantic-monorepo-tools": "2.4.33",
         "@sindresorhus/slugify": "2.2.1",
-        "aws-sdk": "2.1566.0",
+        "aws-sdk": "2.1634.0",
         "chokidar": "3.6.0",
         "commitizen": "4.3.0",
         "conventional-changelog-angular": "7.0.0",
@@ -70,21 +70,20 @@
         "eslint-config-plasma": "workspace:*",
         "eslint-plugin-prettier": "5.1.3",
         "husky": "9.0.11",
-        "lint-staged": "15.2.2",
+        "lint-staged": "15.2.5",
         "mime-types": "2.1.35",
-        "prettier": "3.2.5",
-        "sort-package-json": "2.8.0",
-        "stylelint": "16.2.1",
-        "stylelint-config-standard-scss": "13.0.0",
-        "turbo": "1.12.4",
+        "prettier": "3.3.0",
+        "sort-package-json": "2.10.0",
+        "stylelint": "16.6.1",
+        "stylelint-config-standard-scss": "13.1.0",
+        "turbo": "1.13.4",
         "underscore": "1.13.6",
         "walkdir": "0.4.1"
     },
     "pnpm": {
         "overrides": {
-            "loader-utils": "2.0.4",
-            "nwsapi": "2.2.4",
-            "@babel/traverse": "^7.23.2"
+            "@babel/traverse": "^7.23.2",
+            "nwsapi": "2.2.10"
         }
     }
 }

packages/components-props-analyzer/package.json

@@ -28,22 +28,21 @@
     },
     "devDependencies": {
         "@swc/cli": "0.3.12",
-        "@swc/core": "1.5.0",
+        "@swc/core": "1.5.24",
         "@types/fs-extra": "11.0.4",
-        "@types/lz-string": "1.3.34",
-        "@types/node": "20.11.29",
-        "@types/react": "18.3.1",
+        "@types/node": "20.14.1",
+        "@types/react": "18.3.3",
         "@types/react-dom": "18.3.0",
-        "@typescript/twoslash": "3.2.4",
-        "@typescript/vfs": "1.5.0",
+        "@typescript/twoslash": "3.2.6",
+        "@typescript/vfs": "1.5.2",
         "cross-fetch": "4.0.0",
         "fs-extra": "11.2.0",
-        "nodemon": "3.1.0",
+        "nodemon": "3.1.3",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "rimraf": "5.0.5",
+        "rimraf": "5.0.7",
         "ts-node": "10.9.2",
-        "tslib": "2.6.2",
-        "typescript": "5.3.3"
+        "tslib": "2.6.3",
+        "typescript": "5.4.5"
     }
 }

packages/mantine/package.json

@@ -44,52 +44,52 @@
         "@dnd-kit/utilities": "3.2.2",
         "@mantine/utils": "6.0.21",
         "@monaco-editor/react": "4.6.0",
-        "@swc/helpers": "0.5.6",
+        "@swc/helpers": "0.5.11",
         "@tanstack/react-table": "8.17.3",
         "@tanstack/table-core": "8.17.3",
-        "clsx": "2.0.0",
-        "dayjs": "1.11.10",
+        "clsx": "2.1.1",
+        "dayjs": "1.11.11",
         "fast-deep-equal": "3.1.3",
         "lodash.debounce": "4.0.8",
         "lodash.defaultsdeep": "4.6.1",
-        "monaco-editor": "0.46.0"
+        "monaco-editor": "0.49.0"
     },
     "devDependencies": {
-        "@mantine/carousel": "7.6.1",
-        "@mantine/code-highlight": "7.6.1",
-        "@mantine/core": "7.6.1",
-        "@mantine/dates": "7.6.1",
-        "@mantine/form": "7.6.1",
-        "@mantine/hooks": "7.6.1",
-        "@mantine/modals": "7.6.1",
-        "@mantine/notifications": "7.6.1",
+        "@mantine/carousel": "7.10.1",
+        "@mantine/code-highlight": "7.10.1",
+        "@mantine/core": "7.10.1",
+        "@mantine/dates": "7.10.1",
+        "@mantine/form": "7.10.1",
+        "@mantine/hooks": "7.10.1",
+        "@mantine/modals": "7.10.1",
+        "@mantine/notifications": "7.10.1",
         "@swc/cli": "0.3.12",
-        "@swc/core": "1.5.0",
-        "@testing-library/jest-dom": "6.4.2",
+        "@swc/core": "1.5.24",
+        "@testing-library/jest-dom": "6.4.5",
         "@testing-library/react": "16.0.0",
         "@testing-library/user-event": "14.5.2",
-        "@types/lodash.debounce": "4.0.7",
+        "@types/lodash.debounce": "4.0.9",
         "@types/lodash.defaultsdeep": "4.6.9",
-        "@types/react": "18.3.1",
+        "@types/react": "18.3.3",
         "@types/react-dom": "18.3.0",
         "embla-carousel-react": "7.1.0",
         "eslint-config-plasma": "workspace:*",
-        "eslint-plugin-testing-library": "6.2.0",
-        "eslint-plugin-vitest": "0.3.22",
-        "eslint-plugin-vitest-globals": "1.4.0",
+        "eslint-plugin-testing-library": "6.2.2",
+        "eslint-plugin-vitest": "0.5.4",
+        "eslint-plugin-vitest-globals": "1.5.0",
         "identity-obj-proxy": "3.0.0",
-        "jsdom": "24.0.0",
-        "postcss": "8.4.32",
+        "jsdom": "24.1.0",
+        "postcss": "8.4.38",
         "postcss-preset-mantine": "^1.11.0",
         "postcss-simple-vars": "^7.0.1",
-        "publint": "0.2.7",
+        "publint": "0.2.8",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "rimraf": "5.0.5",
-        "sass": "1.66.1",
-        "tslib": "2.6.2",
-        "typescript": "5.3.3",
-        "vitest": "1.3.1"
+        "rimraf": "5.0.7",
+        "sass": "1.77.4",
+        "tslib": "2.6.3",
+        "typescript": "5.4.5",
+        "vitest": "1.6.0"
     },
     "peerDependencies": {
         "@mantine/carousel": "^7.6.1",

packages/mantine/src/components/button/__tests__/ButtonWithDisabledTooltip.spec.tsx

@@ -13,7 +13,7 @@ describe('ButtonWithDisabledTooltip', () => {
         expect(button).toBeDisabled();
         expect(screen.queryByRole('tooltip', {name: /tooltip message/i})).not.toBeInTheDocument();
         await user.hover(button);
-        expect(screen.getByRole('tooltip', {name: /tooltip message/i})).toBeInTheDocument();
+        expect(await screen.findByRole('tooltip', {name: /tooltip message/i})).toBeInTheDocument();
     });
 
     it('does not show the tooltip when hovering over the button if it is not disabled', async () => {

packages/mantine/src/components/date-range-picker/__tests__/DateRangePickerPopoverCalendar.spec.tsx

@@ -1,5 +1,5 @@
 import {useForm} from '@mantine/form';
-import {render, screen, userEvent} from '@test-utils';
+import {render, screen, userEvent, waitFor} from '@test-utils';
 import {DateRangePickerValue} from '../DateRangePickerInlineCalendar';
 
 import {DateRangePickerPopoverCalendar} from '../DateRangePickerPopoverCalendar';
@@ -51,12 +51,12 @@ describe('DateRangePickerPopoverCalendar', () => {
 
         await user.click(screen.getByRole('textbox', {name: 'Start'}));
         // click once for the start, once for the end
-        await user.click(screen.getByRole('button', {name: '8 January 2022'}));
+        await user.click(await screen.findByRole('button', {name: '8 January 2022'}));
         await user.click(screen.getByRole('button', {name: '14 February 2022'}));
 
         // hides the calendar when the second date is clicked
-        expect(await screen.findByRole('button', {name: '8 January 2022'})).not.toBeVisible();
-        expect(await screen.findByRole('button', {name: '8 February 2022'})).not.toBeVisible();
+        await waitFor(() => expect(screen.queryByRole('button', {name: '8 January 2022'})).not.toBeVisible());
+        expect(screen.queryByRole('button', {name: '8 February 2022'})).not.toBeVisible();
 
         expect(screen.getByTestId('json')).toHaveTextContent('["2022-01-08T00:00:00.000Z","2022-02-14T00:00:00.000Z"]');
 

packages/mantine/src/components/header/__tests__/Header.spec.tsx

@@ -10,7 +10,7 @@ describe('Header', () => {
         const header = screen.getByRole('heading');
         expect(header).toMatchInlineSnapshot(`
           <h1
-            class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m-8a5d1357 mantine-Title-root"
+            class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m_8a5d1357 mantine-Title-root"
             data-order="1"
             data-variant="primary"
             style="--title-fw: var(--mantine-h1-font-weight); --title-lh: var(--mantine-h1-line-height); --title-fz: var(--mantine-h1-font-size);"

packages/mantine/src/components/header/__tests__/__snapshots__/Header.spec.tsx.snap

@@ -8,45 +8,45 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
     @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
   </style>
   <div
-    class="_root_69e643 mantine-PlasmaHeader-root m-4081bf90 mantine-Group-root"
+    class="_root_69e643 mantine-PlasmaHeader-root m_4081bf90 mantine-Group-root"
     data-variant="primary"
     style="--group-gap: var(--mantine-spacing-md); --group-align: center; --group-justify: space-between; --group-wrap: nowrap;"
   >
     <div
-      class="m-6d731127 mantine-Stack-root"
+      class="m_6d731127 mantine-Stack-root"
       style="--stack-gap: 0rem; --stack-align: stretch; --stack-justify: flex-start;"
     >
       <div
-        class="m-8b3717df mantine-Breadcrumbs-root"
+        class="m_8b3717df mantine-Breadcrumbs-root"
       >
         <a
-          class="mantine-focus-auto _root_a623ec m-849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m-f678d540 mantine-Breadcrumbs-breadcrumb m-b6d8b162 mantine-Text-root mantine-Anchor-root"
+          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
           color="action.6"
           data-underline="hover"
           style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
         >
           One
         </a>
         <div
-          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m-3b8f2208 mantine-Breadcrumbs-separator"
+          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
         >
           /
         </div>
         <a
-          class="mantine-focus-auto _root_a623ec m-849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m-f678d540 mantine-Breadcrumbs-breadcrumb m-b6d8b162 mantine-Text-root mantine-Anchor-root"
+          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
           color="action.6"
           data-underline="hover"
           style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
         >
           Two
         </a>
         <div
-          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m-3b8f2208 mantine-Breadcrumbs-separator"
+          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
         >
           /
         </div>
         <a
-          class="mantine-focus-auto _root_a623ec m-849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m-f678d540 mantine-Breadcrumbs-breadcrumb m-b6d8b162 mantine-Text-root mantine-Anchor-root"
+          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
           color="action.6"
           data-underline="hover"
           style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
@@ -55,15 +55,15 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
         </a>
       </div>
       <h1
-        class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m-8a5d1357 mantine-Title-root"
+        class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m_8a5d1357 mantine-Title-root"
         data-order="1"
         data-variant="primary"
         style="--title-fw: var(--mantine-h1-font-weight); --title-lh: var(--mantine-h1-line-height); --title-fz: var(--mantine-h1-font-size);"
       >
         Title
       </h1>
       <p
-        class="mantine-focus-auto _description_69e643 mantine-PlasmaHeader-description m-b6d8b162 mantine-Text-root"
+        class="mantine-focus-auto _description_69e643 mantine-PlasmaHeader-description m_b6d8b162 mantine-Text-root"
         data-size="md"
         style="--text-fz: var(--mantine-font-size-md); --text-lh: var(--mantine-line-height-md);"
       />

packages/mantine/src/components/inline-confirm/__tests__/InlineConfirm.spec.tsx

@@ -45,7 +45,7 @@ describe('InlineConfirm', () => {
         );
 
         await user.click(screen.getByRole('button', {name: /open menu/i}));
-        await user.click(screen.getByRole('menuitem', {name: /delete/i}));
+        await user.click(await screen.findByRole('menuitem', {name: /delete/i}));
 
         expect(onClickSpy).toHaveBeenCalledTimes(1);
     });
@@ -172,6 +172,6 @@ describe('InlineConfirm', () => {
 
         await user.hover(deleteButton.parentElement);
 
-        expect(screen.getByRole('tooltip', {name: /You shall not pass/i})).toBeInTheDocument();
+        expect(await screen.findByRole('tooltip', {name: /You shall not pass/i})).toBeInTheDocument();
     });
 });

packages/mantine/src/components/table/__tests__/TableColumnsSelector.spec.tsx

@@ -109,7 +109,7 @@ describe('TableColumnsSelector', () => {
         render(<Fixture />);
 
         await user.click(screen.getByRole('button', {name: 'Edit columns'}));
-        const dropdown = screen.getByRole('dialog', {name: 'Edit columns'});
+        const dropdown = await screen.findByRole('dialog', {name: 'Edit columns'});
         const columnsCheckboxes = within(dropdown).getAllByRole('checkbox');
 
         expect(columnsCheckboxes).toHaveLength(4);
@@ -135,7 +135,7 @@ describe('TableColumnsSelector', () => {
 
         await user.click(screen.getByRole('button', {name: 'Edit columns'}));
 
-        expect(screen.getByRole('checkbox', {name: 'Name'})).toBeChecked();
+        expect(await screen.findByRole('checkbox', {name: 'Name'})).toBeChecked();
         expect(screen.getByRole('checkbox', {name: 'Age'})).toBeChecked();
         expect(screen.getByRole('checkbox', {name: 'Email'})).toBeChecked();
         expect(screen.getByRole('checkbox', {name: 'Phone'})).toBeChecked();
@@ -163,7 +163,7 @@ describe('TableColumnsSelector', () => {
 
         await user.click(screen.getByRole('button', {name: 'Edit columns'}));
 
-        expect(screen.queryByRole('checkbox', {name: 'Name'})).toBeChecked();
+        expect(await screen.findByRole('checkbox', {name: 'Name'})).toBeChecked();
         expect(screen.getByRole('checkbox', {name: 'Email'})).toBeChecked();
         expect(screen.getByRole('checkbox', {name: 'Phone'})).toBeChecked();
 
@@ -192,7 +192,7 @@ describe('TableColumnsSelector', () => {
 
         await user.click(screen.getByRole('button', {name: 'Edit columns'}));
 
-        expect(screen.getByRole('checkbox', {name: 'Name'})).toBeChecked();
+        expect(await screen.findByRole('checkbox', {name: 'Name'})).toBeChecked();
         expect(screen.getByRole('checkbox', {name: 'Age'})).toBeChecked();
         expect(screen.getByRole('checkbox', {name: 'Email'})).not.toBeChecked();
         expect(screen.getByRole('checkbox', {name: 'Phone'})).toBeChecked();
@@ -214,7 +214,7 @@ describe('TableColumnsSelector', () => {
 
         await user.click(screen.getByRole('button', {name: 'Edit columns'}));
 
-        const nameCheckBox = screen.getByRole('checkbox', {name: /name/i});
+        const nameCheckBox = await screen.findByRole('checkbox', {name: /name/i});
         const ageCheckBox = screen.getByRole('checkbox', {name: /age/i});
         const emailCheckBox = screen.getByRole('checkbox', {name: /email/i});
         const phoneCheckBox = screen.getByRole('checkbox', {name: /phone/i});
@@ -252,7 +252,7 @@ describe('TableColumnsSelector', () => {
 
         await user.click(screen.getByRole('button', {name: 'Edit columns'}));
 
-        const emailCheckBoxWrapper = screen.getByRole('checkbox', {name: /email/i}).parentElement;
+        const emailCheckBoxWrapper = (await screen.findByRole('checkbox', {name: /email/i})).parentElement;
 
         await user.hover(emailCheckBoxWrapper);