@coveord/plasma-mantine 53.1.0 → 53.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "53.1.0",
+  "version": "53.1.4",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -27,26 +27,26 @@
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "dependencies": {
-    "@dnd-kit/core": "6.0.8",
+    "@dnd-kit/core": "6.1.0",
     "@dnd-kit/modifiers": "7.0.0",
     "@dnd-kit/sortable": "8.0.0",
-    "@dnd-kit/utilities": "3.2.1",
+    "@dnd-kit/utilities": "3.2.2",
     "@mantine/utils": "6.0.21",
-    "@monaco-editor/react": "4.5.1",
-    "@swc/helpers": "0.5.1",
-    "@tanstack/react-table": "8.16.0",
-    "@tanstack/table-core": "8.16.0",
+    "@monaco-editor/react": "4.6.0",
+    "@swc/helpers": "0.5.6",
+    "@tanstack/react-table": "8.15.0",
+    "@tanstack/table-core": "8.14.0",
     "clsx": "2.0.0",
-    "dayjs": "1.11.9",
+    "dayjs": "1.11.10",
     "fast-deep-equal": "3.1.3",
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
-    "monaco-editor": "0.41.0",
-    "@coveord/plasma-react-icons": "53.1.0",
-    "@coveord/plasma-tokens": "53.1.0"
+    "monaco-editor": "0.46.0",
+    "@coveord/plasma-react-icons": "53.1.2",
+    "@coveord/plasma-tokens": "53.1.1"
   },
   "devDependencies": {
-    "@emotion/react": "11.11.1",
+    "@emotion/react": "11.11.3",
     "@mantine/carousel": "7.6.1",
     "@mantine/code-highlight": "7.6.1",
     "@mantine/core": "7.6.1",
@@ -55,40 +55,40 @@
     "@mantine/hooks": "7.6.1",
     "@mantine/modals": "7.6.1",
     "@mantine/notifications": "7.6.1",
-    "@swc/cli": "0.1.62",
-    "@swc/core": "1.3.78",
+    "@swc/cli": "0.3.12",
+    "@swc/core": "1.5.0",
     "@swc/jest": "0.2.29",
-    "@testing-library/jest-dom": "6.0.1",
-    "@testing-library/react": "14.0.0",
-    "@testing-library/user-event": "14.4.3",
-    "@types/jest": "29.5.3",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.2.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/jest": "29.5.12",
     "@types/lodash.debounce": "^4.0.7",
-    "@types/lodash.defaultsdeep": "4.6.7",
-    "@types/react": "18.2.20",
-    "@types/react-dom": "18.2.7",
+    "@types/lodash.defaultsdeep": "4.6.9",
+    "@types/react": "18.2.60",
+    "@types/react-dom": "18.2.19",
     "@types/testing-library__jest-dom": "5.14.9",
-    "csstype": "3.1.2",
+    "csstype": "3.1.3",
     "embla-carousel-react": "7.1.0",
-    "eslint-plugin-testing-library": "6.0.0",
-    "eslint-plugin-vitest": "0.2.8",
+    "eslint-plugin-testing-library": "6.2.0",
+    "eslint-plugin-vitest": "0.3.22",
     "eslint-plugin-vitest-globals": "1.4.0",
     "identity-obj-proxy": "3.0.0",
-    "jest": "29.6.3",
-    "jest-environment-jsdom": "29.6.3",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
     "jest-junit": "16.0.0",
     "npm-run-all2": "5.0.0",
     "postcss": "8.4.32",
     "postcss-preset-mantine": "^1.11.0",
     "postcss-simple-vars": "^7.0.1",
-    "publint": "0.2.2",
+    "publint": "0.2.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rimraf": "5.0.1",
+    "rimraf": "5.0.5",
     "sass": "1.66.1",
     "tslib": "2.6.2",
-    "typescript": "5.2.2",
-    "vitest": "1.0.1",
-    "eslint-config-plasma": "52.16.0"
+    "typescript": "5.3.3",
+    "vitest": "1.3.1",
+    "eslint-config-plasma": "53.1.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.0",

package/src/__tests__/VitestSetup.ts

@@ -1,5 +1,5 @@
 import type {TestingLibraryMatchers} from '@testing-library/jest-dom/matchers';
-import matchers from '@testing-library/jest-dom/matchers';
+import * as matchers from '@testing-library/jest-dom/matchers';
 import {cleanup} from '@testing-library/react';
 import {expect} from 'vitest';
 

package/src/components/code-editor/CodeEditor.tsx

@@ -230,7 +230,7 @@ export const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {
         <Stack
             justify="flex-start"
             gap={0}
-            style={{height: Math.max(parentHeight, minHeight), maxHeight}}
+            h={{height: Math.max(parentHeight, minHeight), maxHeight}}
             ref={ref}
             {...others}
         >

package/src/components/table/__tests__/TablePagination.spec.tsx

@@ -137,6 +137,28 @@ describe('Table.Pagination', () => {
         expect(screen.getByTestId('table-footer')).toBeEmptyDOMElement();
     });
 
+    it('renders nothing if pages is null', () => {
+        render(
+            <Table data={[]} columns={columns} initialState={{globalFilter: 'filter'}}>
+                <Table.Footer data-testid="table-footer">
+                    <Table.Pagination totalPages={null} />
+                </Table.Footer>
+            </Table>,
+        );
+        expect(screen.getByTestId('table-footer')).toBeEmptyDOMElement();
+    });
+
+    it('renders nothing if pages is undefined', () => {
+        render(
+            <Table data={[]} columns={columns} initialState={{globalFilter: 'filter'}}>
+                <Table.Footer data-testid="table-footer">
+                    <Table.Pagination totalPages={undefined} />
+                </Table.Footer>
+            </Table>,
+        );
+        expect(screen.getByTestId('table-footer')).toBeEmptyDOMElement();
+    });
+
     it('changes page when the current page is greater than the total number of pages', async () => {
         const user = userEvent.setup();
         const onChangePage = vi.fn();

package/src/components/table/table-column/TableSelectableColumn.tsx

@@ -15,7 +15,7 @@ export const TableSelectableColumn: ColumnDef<unknown> = {
                     checked={table.getIsAllPageRowsSelected()}
                     indeterminate={table.getIsSomePageRowsSelected()}
                     onChange={table.getToggleAllPageRowsSelectedHandler()}
-                    style={{display: 'flex'}}
+                    flex={1}
                     aria-label={label}
                 />
             </Tooltip>
@@ -26,7 +26,7 @@ export const TableSelectableColumn: ColumnDef<unknown> = {
             checked={row.getIsSelected()}
             indeterminate={row.getIsSomeSelected()}
             onChange={row.getToggleSelectedHandler()}
-            style={{display: 'flex'}}
+            flex={1}
             aria-label="Select row"
         />
     ),

package/src/components/table/table-pagination/TablePagination.tsx

@@ -17,7 +17,7 @@ export const TablePagination: FunctionComponent<TablePaginationProps> = ({totalP
         containerRef.current.scrollIntoView({behavior: 'smooth'});
     };
 
-    const total = totalPages === null ? getPageCount() : totalPages;
+    const total = totalPages == null ? getPageCount() : totalPages;
 
     useDidUpdate(() => {
         if (state.pagination.pageIndex + 1 > total && total > 0) {