@coveord/plasma-mantine 60.0.0 → 61.0.0-next.0

package/.turbo/turbo-test.log

@@ -2,96 +2,98 @@ $ cross-env TZ=UTC vitest run --silent
 
  RUN  v4.1.5 /home/runner/work/plasma/plasma/packages/mantine
 
- ✓ src/components/Collection/__tests__/CollectionWithColumns.spec.tsx (17 tests) 813ms
- ✓ src/components/Collection/__tests__/Collection.spec.tsx (18 tests) 1275ms
- ✓ src/components/Table/layouts/__tests__/RowLayout.spec.tsx (17 tests) 1778ms
-     ✓ renders the data using the RowLayout by default  309ms
- ✓ src/components/Table/__tests__/Table.spec.tsx (14 tests) 1465ms
- ✓ src/components/Facet/__tests__/Facet.component.spec.tsx (18 tests) 2222ms
-     ✓ renders the title  340ms
- ✓ src/components/Table/__tests__/TableColumnsSelector.spec.tsx (12 tests) 4238ms
-     ✓ renders the column selector button in the actions column header when rowConfigurable is true  403ms
-     ✓ renders all columns in the dropdown except control columns  588ms
-     ✓ renders all checkboxes checked by default  387ms
-     ✓ hides a column when the user unchecks it  456ms
-     ✓ shows a column when the user checks it  397ms
-     ✓ renders a tooltip when hovering a disabled always visible column checkbox  332ms
-       ✓ does not render a footer when maxSelectableColumns is not set  320ms
-       ✓ enables a disabled column when a visible column is hidden  357ms
- ✓ src/components/Table/__tests__/TablePagination.spec.tsx (7 tests) 829ms
- ✓ src/hooks/__tests__/use-url-synced-state.unit.spec.ts (70 tests) 171ms
- ✓ src/components/Table/__tests__/TableActions.spec.tsx (6 tests) 1478ms
-     ✓ displays the actions when the row is selected  494ms
-     ✓ displays the secondary actions when the row is selected and the user clicks on more  460ms
- ✓ src/components/Table/__tests__/use-persisted-column-visibility.spec.ts (15 tests) 61ms
- ✓ src/components/InlineConfirm/__tests__/InlineConfirm.spec.tsx (8 tests) 663ms
- ✓ src/utils/__tests__/local-storage.spec.ts (25 tests) 19ms
- ✓ src/components/Table/__tests__/TablePerPage.spec.tsx (7 tests) 651ms
- ✓ src/utils/__tests__/groupOptions.unit.spec.ts (12 tests) 9ms
- ✓ src/components/CodeEditor/__tests__/CodeEditor.spec.tsx (10 tests | 1 skipped) 683ms
- ✓ src/components/Table/__tests__/TableFilter.spec.tsx (6 tests) 895ms
- ✓ src/components/DateRangePicker/__tests__/DateRangePicker.spec.tsx (18 tests) 10001ms
-     ✓ calls onChange when a date range is applied  2241ms
-     ✓ applies the selected date range in uncontrolled mode  1942ms
-     ✓ applies the selected date range in controlled mode  1830ms
-       ✓ sets the selected date range in the url  2043ms
- ✓ src/hooks/__tests__/useParentHeight.spec.tsx (4 tests) 60ms
- ✓ src/components/Table/__tests__/TablePredicate.spec.tsx (3 tests) 1324ms
-     ✓ goes back to the first page when changing the predicate  803ms
-       ✓ sets the current predicate value in the url using the predicate id as key  402ms
- ✓ src/components/Header/__tests__/Header.spec.tsx (8 tests) 425ms
- ✓ src/components/DateRangePicker/__tests__/DateRangePickerInlineCalendar.spec.tsx (7 tests | 1 skipped) 4482ms
-     ✓ calls onApply when the user clicks on the apply button  567ms
-     ✓ calls onCancel when the user clicks on the cancel button  308ms
-     ✓ calls onApply with the selected dates when clicking in the calendar  745ms
-     ✓ set end date same as start date if only one date is selected when clicking in the calendar  500ms
-     ✓ calls onApply with the selected dates when typing in the inputs  2262ms
- ✓ src/components/DateRangePicker/__tests__/DateRangePickerPopoverCalendar.spec.tsx (4 tests | 2 skipped) 1176ms
-     ✓ calls onApply with the selected dates when clicking in the calendar  1029ms
- ✓ src/components/Table/__tests__/Th.spec.tsx (4 tests) 556ms
- ✓ src/components/Button/__tests__/Button.spec.tsx (6 tests) 388ms
- ✓ src/components/DateTimeRangePicker/__tests__/DateTimeRangePicker.spec.tsx (3 tests) 1897ms
-     ✓ updates with the selected dates when choosing a preset  445ms
-     ✓ can change the date and time  1308ms
- ✓ src/components/Table/__tests__/TableDateRangePicker.spec.tsx (3 tests) 3853ms
-       ✓ sets the selected date range in the url  3531ms
- ✓ src/components/DateRangePicker/__tests__/EditableDateRangePicker.spec.tsx (3 tests) 2894ms
-     ✓ updates when editing values  1193ms
-     ✓ accepts minDate and maxDate props for start and end inputs  1437ms
- ✓ src/components/Table/__tests__/TableCollapsibleColumn.spec.tsx (2 tests) 422ms
-     ✓ expands the rows when the user clicks on a cell  332ms
- ✓ src/components/Table/__tests__/TableLastUpdated.spec.tsx (3 tests) 366ms
- ✓ src/theme/__tests__/mergeCSSVariablesResolvers.spec.ts (3 tests) 10ms
+ ✓ src/components/Collection/__tests__/CollectionWithColumns.spec.tsx (17 tests) 865ms
+ ✓ src/components/Collection/__tests__/Collection.spec.tsx (18 tests) 1281ms
+ ✓ src/components/Table/layouts/__tests__/RowLayout.spec.tsx (17 tests) 1961ms
+     ✓ renders the data using the RowLayout by default  351ms
+ ✓ src/components/Table/__tests__/Table.spec.tsx (14 tests) 1454ms
+ ✓ src/components/Facet/__tests__/Facet.component.spec.tsx (18 tests) 1921ms
+ ✓ src/components/Table/__tests__/TableColumnsSelector.spec.tsx (12 tests) 3748ms
+     ✓ renders the column selector button in the actions column header when rowConfigurable is true  483ms
+     ✓ renders all columns in the dropdown except control columns  450ms
+     ✓ renders all checkboxes checked by default  328ms
+     ✓ hides a column when the user unchecks it  386ms
+     ✓ shows a column when the user checks it  359ms
+     ✓ renders a tooltip when hovering a disabled always visible column checkbox  310ms
+       ✓ enables a disabled column when a visible column is hidden  345ms
+ ✓ src/components/Table/__tests__/TablePagination.spec.tsx (7 tests) 646ms
+ ✓ src/hooks/__tests__/use-url-synced-state.unit.spec.ts (70 tests) 228ms
+ ✓ src/components/Table/__tests__/TableActions.spec.tsx (6 tests) 1365ms
+     ✓ displays the actions when the row is selected  465ms
+     ✓ displays the secondary actions when the row is selected and the user clicks on more  377ms
+ ✓ src/components/Table/__tests__/use-persisted-column-visibility.spec.ts (15 tests) 48ms
+ ✓ src/components/InlineConfirm/__tests__/InlineConfirm.spec.tsx (8 tests) 727ms
+ ✓ src/utils/__tests__/local-storage.spec.ts (25 tests) 15ms
+ ✓ src/components/Table/__tests__/TablePerPage.spec.tsx (7 tests) 717ms
+ ✓ src/utils/__tests__/groupOptions.unit.spec.ts (12 tests) 14ms
+ ✓ src/components/Table/__tests__/TableFilter.spec.tsx (6 tests) 1060ms
+     ✓ displays the placeholder  319ms
+ ✓ src/components/CodeEditor/__tests__/CodeEditor.spec.tsx (10 tests | 1 skipped) 722ms
+ ✓ src/components/DateRangePicker/__tests__/DateRangePicker.spec.tsx (18 tests) 12258ms
+     ✓ opens popover when input is clicked  304ms
+     ✓ calls onChange when a date range is applied  3022ms
+     ✓ closes popover when Cancel is clicked  348ms
+     ✓ calls onCancel when Cancel button is clicked  322ms
+     ✓ applies the selected date range in uncontrolled mode  2555ms
+     ✓ applies the selected date range in controlled mode  2324ms
+       ✓ sets the selected date range in the url  2208ms
+ ✓ src/components/Table/__tests__/TablePredicate.spec.tsx (3 tests) 1527ms
+     ✓ goes back to the first page when changing the predicate  1015ms
+       ✓ sets the current predicate value in the url using the predicate id as key  354ms
+ ✓ src/hooks/__tests__/useParentHeight.spec.tsx (4 tests) 66ms
+ ✓ src/components/DateRangePicker/__tests__/DateRangePickerInlineCalendar.spec.tsx (7 tests | 1 skipped) 4576ms
+     ✓ calls onApply when the user clicks on the apply button  630ms
+     ✓ calls onApply with the selected dates when clicking in the calendar  789ms
+     ✓ set end date same as start date if only one date is selected when clicking in the calendar  438ms
+     ✓ calls onApply with the selected dates when typing in the inputs  2343ms
+ ✓ src/components/Header/__tests__/Header.spec.tsx (8 tests) 402ms
+ ✓ src/components/DateRangePicker/__tests__/DateRangePickerPopoverCalendar.spec.tsx (4 tests | 2 skipped) 1225ms
+     ✓ calls onApply with the selected dates when clicking in the calendar  1058ms
+ ✓ src/components/Table/__tests__/Th.spec.tsx (4 tests) 613ms
+ ✓ src/components/Button/__tests__/Button.spec.tsx (6 tests) 509ms
+ ✓ src/components/Table/__tests__/TableDateRangePicker.spec.tsx (3 tests) 3918ms
+     ✓ displays the initial dates  336ms
+       ✓ sets the selected date range in the url  3541ms
+ ✓ src/components/DateTimeRangePicker/__tests__/DateTimeRangePicker.spec.tsx (3 tests) 2001ms
+     ✓ updates with the selected dates when choosing a preset  437ms
+     ✓ can change the date and time  1417ms
+ ✓ src/components/DateRangePicker/__tests__/EditableDateRangePicker.spec.tsx (3 tests) 3024ms
+     ✓ renders an input for the start and an input for the end  305ms
+     ✓ updates when editing values  1317ms
+     ✓ accepts minDate and maxDate props for start and end inputs  1397ms
+ ✓ src/components/Table/__tests__/TableCollapsibleColumn.spec.tsx (2 tests) 549ms
+     ✓ expands the rows when the user clicks on a cell  455ms
+ ✓ src/components/Table/__tests__/TableLastUpdated.spec.tsx (3 tests) 376ms
+ ✓ src/components/DateRangePicker/__tests__/DateRangePickerPresetSelect.spec.tsx (2 tests) 477ms
+     ✓ calls onChange when selecting a preset  361ms
+ ✓ src/theme/__tests__/mergeCSSVariablesResolvers.spec.ts (3 tests) 9ms
+ ✓ src/components/RadioCard/__tests__/RadioCard.component.spec.tsx (6 tests) 425ms
  ↓ src/utils/__tests__/overrideComponent.spec.tsx (1 test | 1 skipped)
- ✓ src/components/RadioCard/__tests__/RadioCard.component.spec.tsx (6 tests) 375ms
- ✓ src/components/Button/__tests__/ButtonWithDisabledTooltip.spec.tsx (3 tests | 1 skipped) 338ms
-     ✓ shows a tooltip when hovering over the disabled button  308ms
- ✓ src/components/DateRangePicker/__tests__/DateRangePickerPresetSelect.spec.tsx (2 tests) 432ms
-     ✓ calls onChange when selecting a preset  359ms
- ✓ src/components/LastUpdated/__tests__/LastUpdated.spec.tsx (5 tests) 279ms
- ✓ src/components/ChildForm/__tests__/ChildForm.spec.tsx (5 tests) 324ms
+ ✓ src/components/Button/__tests__/ButtonWithDisabledTooltip.spec.tsx (3 tests | 1 skipped) 360ms
+     ✓ shows a tooltip when hovering over the disabled button  319ms
+ ✓ src/components/ChildForm/__tests__/ChildForm.spec.tsx (5 tests) 352ms
+ ✓ src/components/LastUpdated/__tests__/LastUpdated.spec.tsx (5 tests) 331ms
  ✓ src/theme/__tests__/Plasmantine.spec.tsx (3 tests) 72ms
- ✓ src/hooks/__tests__/useControlledList.spec.tsx (3 tests) 31ms
- ✓ src/components/Prompt/__tests__/Prompt.spec.tsx (6 tests) 467ms
- ✓ src/components/CopyToClipboard/__tests__/CopyToClipboard.spec.tsx (3 tests) 345ms
- ✓ src/components/BrowserPreview/__tests__/BrowserPreview.spec.tsx (4 tests) 304ms
- ✓ src/components/StatusToken/__tests__/StatusToken.component.spec.tsx (10 tests) 265ms
- ✓ src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts (1 test) 7ms
- ✓ src/components/Input/__tests__/Input.spec.tsx (2 tests) 325ms
-     ✓ renders LabelInfo inside the label prop and shows its tooltip content on hover  319ms
- ✓ src/components/PrerequisitesList/__tests__/PrerequisitesList.spec.tsx (1 test) 212ms
- ✓ src/components/Modal/__tests__/Modal.spec.tsx (2 tests) 256ms
- ✓ src/components/Modal/__tests__/ModalFooter.spec.tsx (2 tests) 91ms
- ✓ src/components/Switch/__tests__/Switch.spec.tsx (1 test) 372ms
-     ✓ shows Input.LabelInfo tooltip content when hovering the info token in the label  368ms
- ✓ src/components/Menu/__tests__/Menu.spec.tsx (1 test) 207ms
- ✓ src/components/DateTimeRangePicker/__tests__/EditableDateTimeRangePicker.spec.tsx (1 test) 268ms
- ✓ src/components/CodeEditor/search/__tests__/Search.unit.spec.tsx (1 test) 196ms
- ✓ src/components/StickyFooter/__tests__/StickyFooter.spec.tsx (1 test) 54ms
- ✓ src/components/BlankSlate/__tests__/BlankSlate.spec.tsx (1 test) 52ms
+ ✓ src/hooks/__tests__/useControlledList.spec.tsx (3 tests) 33ms
+ ✓ src/components/Prompt/__tests__/Prompt.spec.tsx (6 tests) 440ms
+ ✓ src/components/CopyToClipboard/__tests__/CopyToClipboard.spec.tsx (3 tests) 334ms
+ ✓ src/components/BrowserPreview/__tests__/BrowserPreview.spec.tsx (4 tests) 343ms
+ ✓ src/components/StatusToken/__tests__/StatusToken.component.spec.tsx (10 tests) 320ms
+ ✓ src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts (1 test) 10ms
+ ✓ src/components/Input/__tests__/Input.spec.tsx (2 tests) 256ms
+ ✓ src/components/PrerequisitesList/__tests__/PrerequisitesList.spec.tsx (1 test) 264ms
+ ✓ src/components/Modal/__tests__/Modal.spec.tsx (2 tests) 247ms
+ ✓ src/components/Modal/__tests__/ModalFooter.spec.tsx (2 tests) 78ms
+ ✓ src/components/Switch/__tests__/Switch.spec.tsx (1 test) 348ms
+     ✓ shows Input.LabelInfo tooltip content when hovering the info token in the label  344ms
+ ✓ src/components/Menu/__tests__/Menu.spec.tsx (1 test) 226ms
+ ✓ src/components/DateTimeRangePicker/__tests__/EditableDateTimeRangePicker.spec.tsx (1 test) 281ms
+ ✓ src/components/CodeEditor/search/__tests__/Search.unit.spec.tsx (1 test) 240ms
+ ✓ src/components/StickyFooter/__tests__/StickyFooter.spec.tsx (1 test) 57ms
+ ✓ src/components/BlankSlate/__tests__/BlankSlate.spec.tsx (1 test) 56ms
 
  Test Files  52 passed | 1 skipped (53)
       Tests  392 passed | 6 skipped (398)
-   Start at  18:48:15
-   Duration  55.66s (transform 2.48s, setup 10.52s, import 46.26s, tests 50.38s, environment 48.09s)
+   Start at  16:01:14
+   Duration  55.35s (transform 2.29s, setup 11.03s, import 39.59s, tests 53.38s, environment 49.57s)
 

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @coveord/plasma-mantine
 
+## 61.0.0-next.0
+
+### Major Changes
+
+- [#4509](https://github.com/coveo/plasma/pull/4509) [`f98660d`](https://github.com/coveo/plasma/commit/f98660da12f7fb514465ec073c94a73e95f16893) Thanks [@GermainBergeron](https://github.com/GermainBergeron)! - Upgrade to Mantine 9
+
+  ## Breaking changes
+
+  ### Peer dependencies
+
+  - All `@mantine/*` peer dependencies now require `^9.0.0`
+  - `react` and `react-dom` peer dependencies now require `>= 19.2.0 < 20.0.0`
+
+  ### ChildForm
+
+  The `in` prop is now `expanded` (inherited from Mantine's `Collapse` component):
+
+  ```diff
+  -<ChildForm in={true} title="Settings">
+  +<ChildForm expanded={true} title="Settings">
+  ```
+
+  ## Internal changes
+
+  - All `factory()` and `polymorphicFactory()` callbacks updated to receive `ref` via props instead of as a second argument (Mantine 9 dropped `forwardRef` internally).
+  - `Collapse` usage in `Table` row layout updated from `in` to `expanded`.
+  - `enhanceWithCollectionProps` type extraction updated to work with `@mantine/form` v9 exports.
+
+  ## Mantine 9 upstream changes
+
+  For the full list of Mantine 9 breaking changes (renamed props, hook changes, etc.), see the [Mantine 8.x → 9.x migration guide](https://mantine.dev/guides/8x-to-9x/).
+
+## 60.0.1
+
+### Patch Changes
+
+- [#4505](https://github.com/coveo/plasma/pull/4505) [`9223822`](https://github.com/coveo/plasma/commit/92238225dba236cfff8e19855b419694b7a0ca40) Thanks [@gdostie](https://github.com/gdostie)! - Fixed CSS cascade ordering in production builds by setting sideEffects to true
+
 ## 60.0.0
 
 ### Major Changes

package/__mocks__/@monaco-editor/react.tsx

@@ -7,12 +7,12 @@ const editor: any = {
     focus: vi
         .fn()
         .mockImplementation(() =>
-            document.querySelector('[data-testid="monaco-editor"]').setAttribute('focus', 'true'),
+            document.querySelector('[data-testid="monaco-editor"]')!.setAttribute('focus', 'true'),
         ),
     trigger: vi
         .fn()
         .mockImplementation(() =>
-            document.querySelector('[data-testid="monaco-editor"]').setAttribute('trigger', 'true'),
+            document.querySelector('[data-testid="monaco-editor"]')!.setAttribute('trigger', 'true'),
         ),
 };
 
@@ -25,7 +25,7 @@ const monaco: any = {
 const MockedEditor: FunctionComponent<EditorProps> = (props) => {
     useEffect(() => {
         props.beforeMount?.(monaco);
-        props.onMount(editor, monaco);
+        props.onMount!(editor, monaco);
     }, []);
     return <div data-testid="monaco-editor" />;
 };

package/__mocks__/monaco-editor.ts

@@ -1,6 +1,6 @@
 const editor = {
     create: () => ({
-        dispose: (): void => null,
+        dispose: () => {},
     }),
 };