@coveord/plasma-mantine 53.0.1 → 53.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "53.0.1",
+  "version": "53.1.2",
   "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",
+    "@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.0.0",
-    "@coveord/plasma-tokens": "53.0.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/sticky-footer/StickyFooter.module.css

@@ -4,6 +4,15 @@
     z-index: 10;
     background-color: white;
     padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
+
+    &[data-variant='modal-footer'] {
+        border-top: 1px solid var(--mantine-color-gray-3);
+        padding-bottom: 0;
+        margin-top: var(--mb-padding);
+        margin-bottom: calc(var(--mantine-spacing-md) - var(--mb-padding));
+        margin-left: calc(-1 * var(--mb-padding));
+        margin-right: calc(-1 * var(--mb-padding));
+    }
 }
 
 .border {

package/src/components/sticky-footer/StickyFooter.tsx

@@ -4,7 +4,7 @@ import {ReactNode} from 'react';
 import classes from './StickyFooter.module.css';
 
 export interface StickyFooterProps
-    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars'>,
+    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'>,
         StylesApiProps<StickyFooterFactory> {
     /**
      * Whether a border is render on top of the footer
@@ -14,6 +14,13 @@ export interface StickyFooterProps
      * Footer's children, usually buttons
      */
     children?: ReactNode;
+    /**
+     * Use variant 'modal-footer' when rendering the `StickyFooter` inside `Modal`.
+     *
+     * The 'modal-footer' removes the modal's default padding so that the footer properly hugs the bottom of the modal.
+     * It also adds a border on top of the footer.
+     */
+    variant?: 'default' | 'modal-footer';
 }
 
 export type StickyFooterStylesNames = 'root';

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-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) {