Bump the mantine group across 1 directory with 4 updates

[dependabot]

Bumps the mantine group with 4 updates in the /graylog2-web-interface directory: @mantine/core, @mantine/dropzone, @mantine/hooks and @mantine/notifications.

Updates @mantine/core from 8.3.15 to 9.4.0

Release notes

Sourced from @​mantine/core's releases.

9.4.0 🥵

View changelog with demos on mantine.dev website

Support Mantine development

You can now sponsor Mantine development with OpenCollective. All funds are used to improve Mantine and create new features and components.

ComboboxPopover component

New ComboboxPopover component allows adding a combobox dropdown with selectable options to any button element. Unlike Select and MultiSelect, it does not render an input – you provide your own target element via ComboboxPopover.Target. Supports single and multiple selection modes with the same data format as Select.

import { useState } from 'react';
import { Button, ComboboxPopover } from '@mantine/core';
function Demo() {
const [value, setValue] = useState<string | null>(null);
return (
<ComboboxPopover
data={['React', 'Angular', 'Vue', 'Svelte']}
value={value}
onChange={setValue}
>
<ComboboxPopover.Target>
<Button variant="default" miw={200}>{value || 'Select framework'}</Button>
</ComboboxPopover.Target>
</ComboboxPopover>
);
}

DataList component

New DataList component displays label-value pairs as a semantic description list using dl, dt, and dd HTML elements. Supports vertical and horizontal orientations, dividers between items, and all standard Mantine features like Styles API and size prop.

import { DataList } from '@mantine/core';
const data = [
{ label: 'Name', value: 'John Doe' },
{ label: 'Email', value: 'john@example.com' },
{ label: 'Role', value: 'Software Engineer' },
{ label: 'Location', value: 'San Francisco, CA' },
</tr></table>

... (truncated)

Commits

• 75d5ab5 [release] Version: 9.4.0
• eb99900 Merge pull request #8992 from mantinedev/9.4
• 6d27882 [mantine.dev] Fix typo (#8993)
• 9bddf57 [refactor] Improve ActionIcon tests and docs
• b32870a [refactor] Add missing Accordion tests
• 5f982c2 [mantine.dev] Update stale documentation link, update Accordion props descrip...
• 5ebd57c [@​mantine/core] Accordion: Add better scoped keydown handling to Home and End...
• 2980174 [@​mantine/core] Input: Fix Input.Wrapper incorrectly setting aria-described b...
• 552c3cc [@​mantine/core] Menubar: Fix incorrect escape key handling when used inside M...
• f8792aa [@​mantine/core] Tabs: Fix aria-controls resolving to undefined on initial r...
• Additional commits viewable in compare view

Updates @mantine/dropzone from 8.3.15 to 9.4.0

Release notes

Sourced from @​mantine/dropzone's releases.

9.4.0 🥵

View changelog with demos on mantine.dev website

Support Mantine development

You can now sponsor Mantine development with OpenCollective. All funds are used to improve Mantine and create new features and components.

ComboboxPopover component

New ComboboxPopover component allows adding a combobox dropdown with selectable options to any button element. Unlike Select and MultiSelect, it does not render an input – you provide your own target element via ComboboxPopover.Target. Supports single and multiple selection modes with the same data format as Select.

import { useState } from 'react';
import { Button, ComboboxPopover } from '@mantine/core';
function Demo() {
const [value, setValue] = useState<string | null>(null);
return (
<ComboboxPopover
data={['React', 'Angular', 'Vue', 'Svelte']}
value={value}
onChange={setValue}
>
<ComboboxPopover.Target>
<Button variant="default" miw={200}>{value || 'Select framework'}</Button>
</ComboboxPopover.Target>
</ComboboxPopover>
);
}

DataList component

New DataList component displays label-value pairs as a semantic description list using dl, dt, and dd HTML elements. Supports vertical and horizontal orientations, dividers between items, and all standard Mantine features like Styles API and size prop.

import { DataList } from '@mantine/core';
const data = [
{ label: 'Name', value: 'John Doe' },
{ label: 'Email', value: 'john@example.com' },
{ label: 'Role', value: 'Software Engineer' },
{ label: 'Location', value: 'San Francisco, CA' },
</tr></table>

... (truncated)

Commits

• 75d5ab5 [release] Version: 9.4.0
• 742ccdf [core] Minor dependencies updates
• 73a04e0 [release] Version: 9.3.2
• 33b8c0f [release] Version: 9.3.1
• bf03b9a [release] Version: 9.3.0
• 4685c41 [release] Version: 9.2.2
• cd3bff3 [release] Version: 9.2.1
• c8ac4e4 [refactor] Fix tests
• a73cdec [core] Update minor dependencies version
• 72629c3 [@​mantine/dropzone] Change useFsAccessApi to false by default to make Dropz...
• Additional commits viewable in compare view

Updates @mantine/hooks from 8.3.15 to 9.4.0

Release notes

Sourced from @​mantine/hooks's releases.

9.4.0 🥵

View changelog with demos on mantine.dev website

Support Mantine development

You can now sponsor Mantine development with OpenCollective. All funds are used to improve Mantine and create new features and components.

ComboboxPopover component

New ComboboxPopover component allows adding a combobox dropdown with selectable options to any button element. Unlike Select and MultiSelect, it does not render an input – you provide your own target element via ComboboxPopover.Target. Supports single and multiple selection modes with the same data format as Select.

import { useState } from 'react';
import { Button, ComboboxPopover } from '@mantine/core';
function Demo() {
const [value, setValue] = useState<string | null>(null);
return (
<ComboboxPopover
data={['React', 'Angular', 'Vue', 'Svelte']}
value={value}
onChange={setValue}
>
<ComboboxPopover.Target>
<Button variant="default" miw={200}>{value || 'Select framework'}</Button>
</ComboboxPopover.Target>
</ComboboxPopover>
);
}

DataList component

New DataList component displays label-value pairs as a semantic description list using dl, dt, and dd HTML elements. Supports vertical and horizontal orientations, dividers between items, and all standard Mantine features like Styles API and size prop.

import { DataList } from '@mantine/core';
const data = [
{ label: 'Name', value: 'John Doe' },
{ label: 'Email', value: 'john@example.com' },
{ label: 'Role', value: 'Software Engineer' },
{ label: 'Location', value: 'San Francisco, CA' },
</tr></table>

... (truncated)

Commits

• 75d5ab5 [release] Version: 9.4.0
• d03d4a3 [@​mantine/core] Splitter: Fix inconsistent px mode detection
• 791ac6a [@​mantine/hooks] use-splitter: Fix incorrect handling of overflowing panels w...
• df5b0e4 Merge branch 'master' into 9.4
• 73a04e0 [release] Version: 9.3.2
• ff0782e [refactor] Fix ts errors
• c7267a2 Merge branch 'master' into 9.4
• bb00207 [@​mantine/core] Splitter: Add option to reset on double click (#8957)
• 33b8c0f [release] Version: 9.3.1
• 57dbd5b Merge branch 'master' into 9.4
• Additional commits viewable in compare view

Updates @mantine/notifications from 8.3.15 to 9.4.0

Release notes

Sourced from @​mantine/notifications's releases.

9.4.0 🥵

View changelog with demos on mantine.dev website

Support Mantine development

You can now sponsor Mantine development with OpenCollective. All funds are used to improve Mantine and create new features and components.

ComboboxPopover component

New ComboboxPopover component allows adding a combobox dropdown with selectable options to any button element. Unlike Select and MultiSelect, it does not render an input – you provide your own target element via ComboboxPopover.Target. Supports single and multiple selection modes with the same data format as Select.

import { useState } from 'react';
import { Button, ComboboxPopover } from '@mantine/core';
function Demo() {
const [value, setValue] = useState<string | null>(null);
return (
<ComboboxPopover
data={['React', 'Angular', 'Vue', 'Svelte']}
value={value}
onChange={setValue}
>
<ComboboxPopover.Target>
<Button variant="default" miw={200}>{value || 'Select framework'}</Button>
</ComboboxPopover.Target>
</ComboboxPopover>
);
}

DataList component

New DataList component displays label-value pairs as a semantic description list using dl, dt, and dd HTML elements. Supports vertical and horizontal orientations, dividers between items, and all standard Mantine features like Styles API and size prop.

import { DataList } from '@mantine/core';
const data = [
{ label: 'Name', value: 'John Doe' },
{ label: 'Email', value: 'john@example.com' },
{ label: 'Role', value: 'Software Engineer' },
{ label: 'Location', value: 'San Francisco, CA' },
</tr></table>

... (truncated)

Commits

• 75d5ab5 [release] Version: 9.4.0
• 96446c5 [@​mantine/notifications] Fix cleanNotificationsQueue clearing priority noti...
• 742ccdf [core] Minor dependencies updates
• df5b0e4 Merge branch 'master' into 9.4
• 73a04e0 [release] Version: 9.3.2
• c7267a2 Merge branch 'master' into 9.4
• 33b8c0f [release] Version: 9.3.1
• 9d26915 [@​mantine/notifications] Fix stale DOM nodes references not being cleaned up ...
• 3f09946 [@​mantine/notifications] Add priority queue support
• bf03b9a [release] Version: 9.3.0
• Additional commits viewable in compare view