Update all dependencies

This PR contains the following updates:

Package	Change	Type	Update
@mantine/hooks (source)	`^6.0.13` -> `^7.0.0`	dependencies	major
@prisma/client (source)	`^4.14.1` -> `^5.0.0`	dependencies	major
@tanstack/react-query (source)	`^4.29.11` -> `^5.0.0`	dependencies	major
@types/node (source)	`20.2.5` -> `22.7.6`	dependencies	major
@types/react (source)	`18.2.18` -> `18.3.11`	dependencies	minor
@types/react-dom (source)	`18.2.7` -> `18.3.1`	dependencies	minor
@uploadthing/react	`^4.0.0` -> `^7.0.0`	dependencies	major
autoprefixer	`10.4.14` -> `10.4.20`	dependencies	patch
cmdk	`^0.2.0` -> `^1.0.0`	dependencies	major
date-fns	`^2.30.0` -> `^4.0.0`	dependencies	major
eslint (source)	`8.46.0` -> `9.12.0`	dependencies	major
eslint-config-next (source)	`13.4.4` -> `14.2.15`	dependencies	major
lucide-react (source)	`^0.263.0` -> `^0.453.0`	dependencies	minor
nanoid	`^4.0.2` -> `^5.0.0`	dependencies	major
node (source)	`16.15.0` -> `20.18.0`		major
prisma (source)	`^4.14.1` -> `^5.0.0`	dependencies	major
react (source)	`18.2.0` -> `18.3.1`	dependencies	minor
react-dom (source)	`18.2.0` -> `18.3.1`	dependencies	minor
tailwind-merge	`^1.12.0` -> `^2.0.0`	dependencies	major
tailwindcss (source)	`3.3.3` -> `3.4.14`	dependencies	minor
typescript (source)	`5.1.6` -> `5.6.3`	dependencies	minor
uploadthing	`^4.0.0` -> `^7.0.0`	dependencies	major

Release Notes

mantinedev/mantine (@mantine/hooks)

### [`v7.13.3`](https://redirect.github.com/mantinedev/mantine/compare/7.13.2...ebad0e1aa4a8364d6c23270bd0934ddb863ae4f7) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.13.2...ebad0e1aa4a8364d6c23270bd0934ddb863ae4f7) ### [`v7.13.2`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.13.2) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.13.1...7.13.2) ##### What's Changed - `[@mantine/dates]` DateInput: Fix `onClick` handler passed to `getDayProps` not being called - `[@mantine/core]` Badge: Fix incorrect cursor styles - `[@mantine/core]` FileInput: Add `resetRef` prop support - `[@mantine/core]` Popover: Fix `onClose` function being called twice with controlled state - `[@mantine/spotlight]` Fix selected index not being reset when the spotlight is closed ([#6842](https://redirect.github.com/mantinedev/mantine/issues/6842)) - `[@mantine/core]` Popover: Improve performance of scrolling when large number of closed Popovers are rendered on the same page ([#6771](https://redirect.github.com/mantinedev/mantine/issues/6771)) - `[@mantine/core]` Pagination: Fix `getItemProps` not being able to override control `children` prop ([#6789](https://redirect.github.com/mantinedev/mantine/issues/6789)) - `[@mantine/core]` ScrollArea: Fix `onBottomReached` not being called if the viewport has decimal px height value ([#6792](https://redirect.github.com/mantinedev/mantine/issues/6792)) - `[@mantine/hooks]` use-in-viewport: Fix hook not reacting to node changes ([#6926](https://redirect.github.com/mantinedev/mantine/issues/6926)) - `[@mantine/core]` NumberInput: Fix incorrect handling of decimal numbers with more than 15 decimal places ([#6823](https://redirect.github.com/mantinedev/mantine/issues/6823)) - `[@mantine/core]` Slider: Fix marks not being aligned correctly ([#6909](https://redirect.github.com/mantinedev/mantine/issues/6909)) - `[@mantine/hooks]` use-fullscreen: Fix target node changes being ignored ([#6923](https://redirect.github.com/mantinedev/mantine/issues/6923)) - `[@mantine/core]` Badge: Fix incorrect sections alignment for `variant="dot"` - `[@mantine/core]` TagsInput: Fix incorrect logic of removing duplicate tags ([#6922](https://redirect.github.com/mantinedev/mantine/issues/6922)) - `[@mantine/core]` AppShell: Fix error when Suspense is rendered inside AppShell ([#6927](https://redirect.github.com/mantinedev/mantine/issues/6927)) - `[@mantine/core]` Menu: Fix `onKeyDown` prop not working in Menu.Dropdown component ([#6910](https://redirect.github.com/mantinedev/mantine/issues/6910)) ##### New Contributors - [@RabeeAbuBaker](https://redirect.github.com/RabeeAbuBaker) made their first contribution in [https://github.com/mantinedev/mantine/pull/6927](https://redirect.github.com/mantinedev/mantine/pull/6927) - [@linspw](https://redirect.github.com/linspw) made their first contribution in [https://github.com/mantinedev/mantine/pull/6923](https://redirect.github.com/mantinedev/mantine/pull/6923) - [@fellmann](https://redirect.github.com/fellmann) made their first contribution in [https://github.com/mantinedev/mantine/pull/6926](https://redirect.github.com/mantinedev/mantine/pull/6926) - [@maclementED](https://redirect.github.com/maclementED) made their first contribution in [https://github.com/mantinedev/mantine/pull/6842](https://redirect.github.com/mantinedev/mantine/pull/6842) **Full Changelog**: https://github.com/mantinedev/mantine/compare/7.13.1...7.13.2 ### [`v7.13.1`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.13.1) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.13.0...7.13.1) ##### What's Changed - `[@mantine/chart]` PieChart: Remove unused CSS ([#6903](https://redirect.github.com/mantinedev/mantine/issues/6903)) - `[@mantine/core]` Menu: Fix `onKeyDown` not working when passed to Menu.Item ([#6906](https://redirect.github.com/mantinedev/mantine/issues/6906)) - `[@mantine/core]` TagsInput: Fix duplicated tags being deleted when one of tags with the same value is deleted ([#6907](https://redirect.github.com/mantinedev/mantine/issues/6907)) - `[@mantine/dates]` Fix hidden input value not respecting specified timezone ([#6881](https://redirect.github.com/mantinedev/mantine/issues/6881)) - `[@mantine/hooks]` use-hover: Fix events not being reattached when the target node changes ([#6782](https://redirect.github.com/mantinedev/mantine/issues/6782)) - `[@mantine/colors-generator]` Update chroma-js version to support the latest version ([#6879](https://redirect.github.com/mantinedev/mantine/issues/6879)) - `[@mantine/core]` PinInput: Fix incorrect `Backspace` key handling on the first input ([#6880](https://redirect.github.com/mantinedev/mantine/issues/6880)) - `[@mantine/hooks]` use-state-history: Add `reset` handler support ([#6769](https://redirect.github.com/mantinedev/mantine/issues/6769)) - `[@mantine/core]` ScrollArea: Fix `onTopReached` prop not being passed down in ScrollArea.Autosize component ([#6747](https://redirect.github.com/mantinedev/mantine/issues/6747)) - `[@mantine/chart]` Fix incorrect types for props passed down to recharts components ([#6820](https://redirect.github.com/mantinedev/mantine/issues/6820)) - `[@mantine/form]` Fix indices over 9 not working in form paths in some cases ([#6794](https://redirect.github.com/mantinedev/mantine/issues/6794)) - `[@mantine/chart]` BarChart: Fix BarLabel logging errors in the console ([#6810](https://redirect.github.com/mantinedev/mantine/issues/6810)) - `[@mantine/chart]` Fix error when chart tooltip label contains period ([#6826](https://redirect.github.com/mantinedev/mantine/issues/6826)) - `[@mantine/core]` Title: Add option to use Text font-size and line-height values with `size` prop ([#6833](https://redirect.github.com/mantinedev/mantine/issues/6833)) - `[@mantine/date]` Calendar: Fix `nextLabel` and `previousLabel` props not working ([#6847](https://redirect.github.com/mantinedev/mantine/issues/6847)) - `[@mantine/core]` Fix `2xl` and other similar values being treated as CSS value instead of theme value ([#6855](https://redirect.github.com/mantinedev/mantine/issues/6855)) - `[@mantine/core]` Breadcrumbs: Fix component with large number of values not wrapping on small screens ([#6863](https://redirect.github.com/mantinedev/mantine/issues/6863)) - `[@mantine/core]` Table: Fix thead being overlayed to td in some cases ([#6860](https://redirect.github.com/mantinedev/mantine/issues/6860)) ##### New Contributors - [@ozantekin](https://redirect.github.com/ozantekin) made their first contribution in [https://github.com/mantinedev/mantine/pull/6863](https://redirect.github.com/mantinedev/mantine/pull/6863) - [@Vakarva](https://redirect.github.com/Vakarva) made their first contribution in [https://github.com/mantinedev/mantine/pull/6811](https://redirect.github.com/mantinedev/mantine/pull/6811) - [@zrll12](https://redirect.github.com/zrll12) made their first contribution in [https://github.com/mantinedev/mantine/pull/6747](https://redirect.github.com/mantinedev/mantine/pull/6747) - [@AdhamMoussa](https://redirect.github.com/AdhamMoussa) made their first contribution in [https://github.com/mantinedev/mantine/pull/6769](https://redirect.github.com/mantinedev/mantine/pull/6769) - [@GZTimeWalker](https://redirect.github.com/GZTimeWalker) made their first contribution in [https://github.com/mantinedev/mantine/pull/6879](https://redirect.github.com/mantinedev/mantine/pull/6879) - [@max-degterev](https://redirect.github.com/max-degterev) made their first contribution in [https://github.com/mantinedev/mantine/pull/6782](https://redirect.github.com/mantinedev/mantine/pull/6782) - [@ctdunc](https://redirect.github.com/ctdunc) made their first contribution in [https://github.com/mantinedev/mantine/pull/6907](https://redirect.github.com/mantinedev/mantine/pull/6907) **Full Changelog**: https://github.com/mantinedev/mantine/compare/7.13.0...7.13.1 ### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.13.0): 🎇 [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...7.13.0) [View changelog with demos on mantine.dev website](https://mantine.dev/changelog/7-13-0) ##### Container queries support in Grid You can now use [container queries](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries) in [Grid](https://mantine.dev/core/grid) component. With container queries, all responsive values are adjusted based on the container width, not the viewport width. Example of using container queries. To see how the grid changes, resize the root element of the demo with the resize handle located at the bottom right corner of the demo: ```tsx import { Grid } from '@mantine/core'; function Demo() { return ( // Wrapper div is added for demonstration purposes only, // it is not required in real projects

1 2 3 4

); } ``` ##### CompositeChart component New [CompositeChart](https://mantine.dev/charts/composite-chart) component allows using `Line`, `Area` and `Bar` charts together in a single chart: ```tsx import { CompositeChart } from '@mantine/charts'; import { data } from './data'; function Demo() { return ( ); } ``` ##### Points labels [LineChart](https://mantine.dev/charts/line-chart) and [AreaChart](https://mantine.dev/charts/area-chart) now support `withPointLabels` prop to display labels on data points: ```tsx import { LineChart } from '@mantine/charts'; import { data } from './data'; function Demo() { return ( ); } ``` [ScatterChart](https://mantine.dev/charts/scatter-chart) also supports point labels, but also allows to control which axis should display labels with `pointLabels` prop: ```tsx import { ScatterChart } from '@mantine/charts'; import { data } from './data'; function Demo() { return ( ); } ``` ##### BarChart: Mixed stacks You can now control how [BarChart](https://mantine.dev/charts/bar-chart) series are stacked by setting `stackId` property in series object: ```tsx import { BarChart } from '@mantine/charts'; import { data } from './data'; function Demo() { return ( ); } ``` ##### BarChart: Minimum bar size [BarChart](https://mantine.dev/charts/bar-chart) now supports `minBarSize` prop to set the minimum size of the bar in px: ```tsx import { BarChart } from '@mantine/charts'; import { data } from './data'; function Demo() { return ( ); } ``` ##### Help Center updates - New [How to integrate custom input with use-form hook?](https://help.mantine.dev/q/custom-input-use-form) question - New [Can I remove MultiSelect placeholder when the component has selected values?](https://help.mantine.dev/q/multiselect-value-placeholder) question - New [How can I load fonts in Remix?](https://help.mantine.dev/q/remix-load-fonts) question - New [My styles are overridden by Mantine components styles, what should I do?](https://help.mantine.dev/q/styles-order) question - New [Why I cannot use one polymorphic component in component prop of another polymorphic component?](https://help.mantine.dev/q/polymorphic-in-polymorphic) question - New [Can I use an array of strings as a list in use-form?](https://help.mantine.dev/q/list-of-strings-in-use-form) question ##### Other changes - New demo has been added to [Chip](https://mantine.dev/core/chip) component with an example of how to deselect radio chip - [BarChart](https://mantine.dev/charts/bar-chart) now supports `maxBarWidth` prop to set the maximum width of each bar in px ### [`v7.12.2`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.12.2) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.1...7.12.2) ##### What's Changed - `[@mantine/hooks]` use-idle: Fix idle countdown not starting if the user did non interact with the page ([#6683](https://redirect.github.com/mantinedev/mantine/issues/6683)) - `[@mantine/core]` ScrollArea: Fix `onBottomReached` prop not being available in `ScrollArea.Autosize` component - `[@mantine/core]` Remove `children` from Checkbox, Radio and Switch types to avoid accidental errors - `[@mantine/core]` TypographyStylesProvider: Fix incorrect table styles in dark color scheme - `[@mantine/form]` Fix error thrown for nullable values dirty status check ([#6672](https://redirect.github.com/mantinedev/mantine/issues/6672)) - `[@mantine/core]` Badge: Fix unexpected change to block layout, fix incorrect alignment when fixed width is set ([#6698](https://redirect.github.com/mantinedev/mantine/issues/6698), [#6680](https://redirect.github.com/mantinedev/mantine/issues/6680)) - `[@mantine/core]` ScrollArea: Fix pointer-events being left as `none` after interaction with scrollbar ([#6681](https://redirect.github.com/mantinedev/mantine/issues/6681)) - `[@mantine/core]` Tabs: Fix `keepMounted` prop being added as attribute to `Tabs.Panel` DOM element ([#6711](https://redirect.github.com/mantinedev/mantine/issues/6711)) - `[@mantine/core]` Tree: Add `initialCheckedState` support ([#6697](https://redirect.github.com/mantinedev/mantine/issues/6697)) - `[@mantine/spotlight]` Fix `SpotlightRoot` component not being exported ([#6710](https://redirect.github.com/mantinedev/mantine/issues/6710)) - `[@mantine/dropzone]` Add `7z` and `rar` mime types exports ([#6702](https://redirect.github.com/mantinedev/mantine/issues/6702)) - `[@mantine/dates]` DatePickerInput: Fix incorrect hovered date logic when the component receives value update with partial selected date range ([#6718](https://redirect.github.com/mantinedev/mantine/issues/6718)) - `[@mantine/dates]` Fix `valueFormatter` prop being added to DateTimePicker types - `[@mantine/core]` Badge: Fix right/left sections height affecting the alignment of the label - `[@mantine/core]` Menu: Fix accessibility warning in devtools when the Menu is opened ([#6644](https://redirect.github.com/mantinedev/mantine/issues/6644)) ##### New Contributors - [@timesince](https://redirect.github.com/timesince) made their first contribution in [https://github.com/mantinedev/mantine/pull/6654](https://redirect.github.com/mantinedev/mantine/pull/6654) - [@tokyojack](https://redirect.github.com/tokyojack) made their first contribution in [https://github.com/mantinedev/mantine/pull/6718](https://redirect.github.com/mantinedev/mantine/pull/6718) - [@Streusel](https://redirect.github.com/Streusel) made their first contribution in [https://github.com/mantinedev/mantine/pull/6702](https://redirect.github.com/mantinedev/mantine/pull/6702) - [@fredgig](https://redirect.github.com/fredgig) made their first contribution in [https://github.com/mantinedev/mantine/pull/6697](https://redirect.github.com/mantinedev/mantine/pull/6697) - [@chimericdream](https://redirect.github.com/chimericdream) made their first contribution in [https://github.com/mantinedev/mantine/pull/6683](https://redirect.github.com/mantinedev/mantine/pull/6683) - [@Aybrea](https://redirect.github.com/Aybrea) made their first contribution in [https://github.com/mantinedev/mantine/pull/6724](https://redirect.github.com/mantinedev/mantine/pull/6724) **Full Changelog**: https://github.com/mantinedev/mantine/compare/7.12.1...7.12.2 ### [`v7.12.1`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.12.1) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.0...7.12.1) ##### What's Changed - `[@mantine/dates]` DateInput: Fix default date being set to the current date when `minDate` is set to the future ([#6646](https://redirect.github.com/mantinedev/mantine/issues/6646)) - `[@mantine/core]` ScrollArea: Fix incorrect thumb::before styles - `[@mantine/core]` Fix incorrect active styles of buttons used inside disabled fieldset - `[@mantine/form]` Fix `form.watch` callbacks not being fired when `form.initialize` is called ([#6639](https://redirect.github.com/mantinedev/mantine/issues/6639)) - `[@mantine/core]` Switch: Fix Switch shrinking when large label or description is used ([#6531](https://redirect.github.com/mantinedev/mantine/issues/6531)) - `[@mantine/core]` Combobox: Fix `Combobox.Search` overflow when `ScrollArea` is used in the dropdown ([#6562](https://redirect.github.com/mantinedev/mantine/issues/6562)) - `[@mantine/core]` Accordion: Add missing `withProps` function ([#6564](https://redirect.github.com/mantinedev/mantine/issues/6564)) - `[@mantine/core]` Pill: Fix remove icon overflowing pill container if its background color was changed with Styles API ([#6565](https://redirect.github.com/mantinedev/mantine/issues/6565)) - `[@mantine/core]` PinInput: Allow passing props to individual input elements depending on index with `getInputProps` ([#6588](https://redirect.github.com/mantinedev/mantine/issues/6588)) - `[@mantine/charts]`: Fix LineChart Legend and Tooltip to support nested names ([#6536](https://redirect.github.com/mantinedev/mantine/issues/6536)) - `[@mantine/core]` Tooltip: Add missing `Tooltip.Group.extend` function ([#6576](https://redirect.github.com/mantinedev/mantine/issues/6576)) - `[@mantine/spotlight]` Fix `limit` prop not working correctly with actions groups ([#6632](https://redirect.github.com/mantinedev/mantine/issues/6632)) - `[@mantine/core]` Badge: Fix text overflow not being handled correctly ([#6629](https://redirect.github.com/mantinedev/mantine/issues/6629)) - `[@mantine/core]` SegmentedControl: Add `data-disabled` attribute to the root element to simplify styling with Styles API ([#6625](https://redirect.github.com/mantinedev/mantine/issues/6625)) - `[@mantine/core]` SegmentedControl: Fix initial position of indicator being broken when the component is used inside other element that has transitions on mount ([#6622](https://redirect.github.com/mantinedev/mantine/issues/6622)) - `[@mantine/core]` TagsInput: Fix `onKeyDown` prop not working ([#6569](https://redirect.github.com/mantinedev/mantine/issues/6569)) - `[@mantine/charts]` PieChart: Fix `valueFormatter` not working on outside labels ([#6616](https://redirect.github.com/mantinedev/mantine/issues/6616)) - `[@mantine/core]` Popover: Fix `apply` function of `size` middleware not being handled correctly ([#6598](https://redirect.github.com/mantinedev/mantine/issues/6598)) - `[@mantine/core]` Chip: Fix incorrect checked padding for `size="xl"` ([#6586](https://redirect.github.com/mantinedev/mantine/issues/6586)) - `[@mantine/dates]` TimeInput: Fix incorrect focus styles of am/pm input ([#6579](https://redirect.github.com/mantinedev/mantine/issues/6579)) - `[@mantine/hook]` use-os: Fix incorrect iPadOS detection ([#6535](https://redirect.github.com/mantinedev/mantine/issues/6535)) - `[@mantine/core]` DatePickerInput: Fix incorrect `aria-label` being set on the input element ([#6530](https://redirect.github.com/mantinedev/mantine/issues/6530)) - `[@mantine/core]` Menu: Fix incorrect Escape key handling inside Modal ([#6580](https://redirect.github.com/mantinedev/mantine/issues/6580)) ##### New Contributors - [@vorant94](https://redirect.github.com/vorant94) made their first contribution in [https://github.com/mantinedev/mantine/pull/6530](https://redirect.github.com/mantinedev/mantine/pull/6530) - [@hajimism](https://redirect.github.com/hajimism) made their first contribution in [https://github.com/mantinedev/mantine/pull/6539](https://redirect.github.com/mantinedev/mantine/pull/6539) - [@ziimakc](https://redirect.github.com/ziimakc) made their first contribution in [https://github.com/mantinedev/mantine/pull/6561](https://redirect.github.com/mantinedev/mantine/pull/6561) - [@th3fallen](https://redirect.github.com/th3fallen) made their first contribution in [https://github.com/mantinedev/mantine/pull/6579](https://redirect.github.com/mantinedev/mantine/pull/6579) - [@david-szabo97](https://redirect.github.com/david-szabo97) made their first contribution in [https://github.com/mantinedev/mantine/pull/6586](https://redirect.github.com/mantinedev/mantine/pull/6586) - [@bastiankistner](https://redirect.github.com/bastiankistner) made their first contribution in [https://github.com/mantinedev/mantine/pull/6607](https://redirect.github.com/mantinedev/mantine/pull/6607) - [@inx-fldu](https://redirect.github.com/inx-fldu) made their first contribution in [https://github.com/mantinedev/mantine/pull/6569](https://redirect.github.com/mantinedev/mantine/pull/6569) - [@michaelperros](https://redirect.github.com/michaelperros) made their first contribution in [https://github.com/mantinedev/mantine/pull/6622](https://redirect.github.com/mantinedev/mantine/pull/6622) - [@risen228](https://redirect.github.com/risen228) made their first contribution in [https://github.com/mantinedev/mantine/pull/6625](https://redirect.github.com/mantinedev/mantine/pull/6625) - [@ddoemonn](https://redirect.github.com/ddoemonn) made their first contribution in [https://github.com/mantinedev/mantine/pull/6629](https://redirect.github.com/mantinedev/mantine/pull/6629) - [@yorkeJohn](https://redirect.github.com/yorkeJohn) made their first contribution in [https://github.com/mantinedev/mantine/pull/6632](https://redirect.github.com/mantinedev/mantine/pull/6632) - [@raulfpl](https://redirect.github.com/raulfpl) made their first contribution in [https://github.com/mantinedev/mantine/pull/6639](https://redirect.github.com/mantinedev/mantine/pull/6639) - [@uriFrischman](https://redirect.github.com/uriFrischman) made their first contribution in [https://github.com/mantinedev/mantine/pull/6645](https://redirect.github.com/mantinedev/mantine/pull/6645) **Full Changelog**: https://github.com/mantinedev/mantine/compare/7.12.0...7.12.1 ### [`v7.12.0`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.12.0): 🌟 [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.11.2...7.12.0) [View changelog with demos on mantine.dev website](https://mantine.dev/changelog/7-12-0) #### Notifications at any position It is now possible to display notifications at any position on the screen with [@mantine/notifications package](https://mantine.dev/x/notifications): ```tsx import { Button } from '@mantine/core'; import { notifications } from '@mantine/notifications'; const positions = [ 'top-left', 'top-right', 'bottom-left', 'bottom-right', 'top-center', 'bottom-center', ] as const; function Demo() { const buttons = positions.map((position) => ( )); return {buttons}; } ``` #### Subscribe to notifications state You can now subscribe to notifications state changes with `useNotifications` hook: ```tsx import { Button } from '@mantine/core'; import { notifications } from '@mantine/notifications'; function Demo() { return ( ); } ``` #### SemiCircleProgress component New [SemiCircleProgress](https://mantine.dev/core/semi-circle-progress) component: ```tsx import { SemiCircleProgress } from '@mantine/core'; function Demo() { return ( ); } ``` #### Tree checked state [Tree](https://mantine.dev/core/tree) component now supports checked state: ```tsx import { IconChevronDown } from '@tabler/icons-react'; import { Checkbox, Group, RenderTreeNodePayload, Tree } from '@mantine/core'; import { data } from './data'; const renderTreeNode = ({ node, expanded, hasChildren, elementProps, tree, }: RenderTreeNodePayload) => { const checked = tree.isNodeChecked(node.value); const indeterminate = tree.isNodeIndeterminate(node.value); return ( (!checked ? tree.checkNode(node.value) : tree.uncheckNode(node.value))} /> tree.toggleExpanded(node.value)}> {node.label} {hasChildren && ( )} ); }; function Demo() { return ; } ``` #### Disable specific features in postcss-preset-mantine You can now disable specific features of the [postcss-preset-mantine](https://mantine.dev/styles/postcss-preset) by setting them to `false` in the configuration object. This feature is available starting from `postcss-preset-mantine@1.17.0`. ```tsx module.exports = { 'postcss-preset-mantine': { features: { // Turn off `light-dark` function lightDarkFunction: false, // Turn off `postcss-nested` plugin nested: false, // Turn off `lighten`, `darken` and `alpha` functions colorMixAlpha: false, // Turn off `rem` and `em` functions remEmFunctions: false, // Turn off `postcss-mixins` plugin mixins: false, }, }, }; ``` #### Help Center updates - [Server components guide](https://help.mantine.dev/q/server-components) has been updated to include `Component.extend` usage in server components. - [A guide on applying input focus styles](https://help.mantine.dev/q/input-focus-styles) has been updated to work correctly with [PasswordInput](https://mantine.dev/core/password-input) and other components in which the `input` selector is not used for actual input element. - The guide on [how to disable all inputs in the form](https://help.mantine.dev/q/disable-all-inputs-in-form) now includes additional instructions for [use-form](https://mantine.dev/form/use-form). - New [Can I have color schemes other than light and dark?](https://help.mantine.dev/q/light-dark-is-not-enough) guide explains the difference between color scheme and theme and why Mantine does not support custom color schemes. - New [Why VSCode cannot autoimport Text component?](https://help.mantine.dev/q/why-vscode-cannot-autoimport-text) guide explains why VSCode cannot automatically import `Text` component. - New [Are Mantine components accessible?](https://help.mantine.dev/q/are-mantine-components-accessible) question - New [How can I focus the first input with error with use-form?](https://help.mantine.dev/q/focus-first-input-with-error) question - New [How to scroll to the top of the form if the form is submitted with errors?](https://help.mantine.dev/q/scroll-to-the-top-of-the-form) question - New [Why my notifications are displayed at a wrong position?](https://help.mantine.dev/q/notifications-missing-styles) question - New [Why my screen is completely empty after I've added notifications package?](https://help.mantine.dev/q/notifications-empty-screen) question - New [Why can I not use value/label data structure with Autocomplete/TagsInput?](https://help.mantine.dev/q/autocomplete-value-label) question - New [Why FileButton does not work in Menu?](https://help.mantine.dev/q/file-button-in-menu) question - New [How can I display different elements in light and dark color schemes?](https://help.mantine.dev/q/light-dark-elements) question #### Other changes - [use-interval](https://mantine.dev/hooks/use-interval) hook now supports `autoInvoke` option to start the interval automatically when the component mounts. - [use-form](https://mantine.dev/form/use-form) with `mode="uncontrolled"` now triggers additional rerender when dirty state changes to allow subscribing to form state changes. - [ScrollArea](https://mantine.dev/core/scroll-area) component now supports `onTopReached` and `onBottomReached` props. The functions are called when the user scrolls to the top or bottom of the scroll area. - [Accordion.Panel](https://mantine.dev/core/accordion) component now supports `onTransitionEnd` prop that is called when the panel animation completes. ### [`v7.11.2`](https://redirect.github.com/mantinedev/mantine/compare/7.11.1...b27d64babc72a6f82384216aa8010cb395d62ad8) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.11.1...7.11.2) ### [`v7.11.1`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.11.1) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.11.0...7.11.1) ##### What's Changed - `[@mantine/core]` Add option to display `nothingFoundMessage` when data is empty in Select and MultiSelect components ([#6477](https://redirect.github.com/mantinedev/mantine/issues/6477)) - `[@mantine/core]` Tooltip: Add `defaultOpened` prop support ([#6466](https://redirect.github.com/mantinedev/mantine/issues/6466)) - `[@mantine/core]` PinInput: Fix incorrect rtl logic ([#6382](https://redirect.github.com/mantinedev/mantine/issues/6382)) - `[@mantine/core]` Popover: Fix `floatingStrategy="fixed"` not having `position:fixed` styles ([#6419](https://redirect.github.com/mantinedev/mantine/issues/6419)) - `[@mantine/spotlight]` Fix spotlight not working correctly with shadow DOM ([#6400](https://redirect.github.com/mantinedev/mantine/issues/6400)) - `[@mantine/form]` Fix `onValuesChange` using stale values ([#6392](https://redirect.github.com/mantinedev/mantine/issues/6392)) - `[@mantine/carousel]` Fix `onSlideChange` using stale props values ([#6393](https://redirect.github.com/mantinedev/mantine/issues/6393)) - `[@mantine/charts]` Fix unexpected padding on the right side of the chart in BarChart, AreaChart and LineChart components ([#6467](https://redirect.github.com/mantinedev/mantine/issues/6467)) - `[@mantine/core]` Select: Fix `onChange` being called with the already selected if it has been picked from the dropdown ([#6468](https://redirect.github.com/mantinedev/mantine/issues/6468)) - `[@mantine/dates]` DatePickerInput: Fix `highlightToday` not working ([#6471](https://redirect.github.com/mantinedev/mantine/issues/6471)) - `[@mantine/core]` NumberInput: Fix incorrect handling of numbers larger than max safe integer on blur ([#6407](https://redirect.github.com/mantinedev/mantine/issues/6407)) - `[@mantine/core]` Tooltip: Fix tooltip arrow being incompatible with headless mode ([#6458](https://redirect.github.com/mantinedev/mantine/issues/6458)) - `[@mantine/core]` ActionIcon: Fix loading styles inconsistency with Button component ([#6460](https://redirect.github.com/mantinedev/mantine/issues/6460)) - `[@mantine/charts]` PieChart: Fix key error for duplicated `name` data ([#6067](https://redirect.github.com/mantinedev/mantine/issues/6067)) - `[@mantine/core]` Modal: Fix `removeScrollProps.ref` not being compatible with React 19 ([#6446](https://redirect.github.com/mantinedev/mantine/issues/6446)) - `[@mantine/core]` TagsInput: Fix `selectFirstOptionOnChange` prop not working ([#6337](https://redirect.github.com/mantinedev/mantine/issues/6337)) - `[@mantine/hooks]` use-eye-dropper: Fix Opera being incorrectly detected as a supported browser ([#6307](https://redirect.github.com/mantinedev/mantine/issues/6307)) - `[@mantine/core]` Fix `:host` selector now working correctly in `cssVariablesSelector` of MantineProvider ([#6404](https://redirect.github.com/mantinedev/mantine/issues/6404)) - `[@mantine/core]` TagsInput: Fix `onChange` being called twice when Enter key is pressed in some cases ([#6416](https://redirect.github.com/mantinedev/mantine/issues/6416)) - `[@mantine/modals]` Fix Modal overrides type augmentation not working with TypeScript 5.5 ([#6443](https://redirect.github.com/mantinedev/mantine/issues/6443)) - `[@mantine/core]` Tree: Fix `levelOffset` prop being added to the root DOM element ([#6461](https://redirect.github.com/mantinedev/mantine/issues/6461)) ##### New Contributors - [@bsl-zcs](https://redirect.github.com/bsl-zcs) made their first contribution in [https://github.com/mantinedev/mantine/pull/6461](https://redirect.github.com/mantinedev/mantine/pull/6461) - [@florisdg](https://redirect.github.com/florisdg) made their first contribution in [https://github.com/mantinedev/mantine/pull/6443](https://redirect.github.com/mantinedev/mantine/pull/6443) - [@snlacks](https://redirect.github.com/snlacks) made their first contribution in [https://github.com/mantinedev/mantine/pull/6425](https://redirect.github.com/mantinedev/mantine/pull/6425) - [@lid0a](https://redirect.github.com/lid0a) made their first contribution in [https://github.com/mantinedev/mantine/pull/6415](https://redirect.github.com/mantinedev/mantine/pull/6415) - [@Knamer95](https://redirect.github.com/Knamer95) made their first contribution in [https://github.com/mantinedev/mantine/pull/6416](https://redirect.github.com/mantinedev/mantine/pull/6416) - [@yyytae0](https://redirect.github.com/yyytae0) made their first contribution in [https://github.com/mantinedev/mantine/pull/6404](https://redirect.github.com/mantinedev/mantine/pull/6404) - [@toanxyz](https://redirect.github.com/toanxyz) made their first contribution in [https://github.com/mantinedev/mantine/pull/6388](https://redirect.github.com/mantinedev/mantine/pull/6388) - [@viktorkasap](https://redirect.github.com/viktorkasap) made their first contribution in [https://github.com/mantinedev/mantine/pull/6307](https://redirect.github.com/mantinedev/mantine/pull/6307) - [@alexlapp](https://redirect.github.com/alexlapp) made their first contribution in [https://github.com/mantinedev/mantine/pull/6337](https://redirect.github.com/mantinedev/mantine/pull/6337) - [@brycefranzen](https://redirect.github.com/brycefranzen) made their first contribution in [https://github.com/mantinedev/mantine/pull/6446](https://redirect.github.com/mantinedev/mantine/pull/6446) - [@marcobiedermann](https://redirect.github.com/marcobiedermann) made their first contribution in [https://github.com/mantinedev/mantine/pull/6442](https://redirect.github.com/mantinedev/mantine/pull/6442) - [@mullwar](https://redirect.github.com/mullwar) made their first contribution in [https://github.com/mantinedev/mantine/pull/6067](https://redirect.github.com/mantinedev/mantine/pull/6067) - [@gruschis](https://redirect.github.com/gruschis) made their first contribution in [https://github.com/mantinedev/mantine/pull/6400](https://redirect.github.com/mantinedev/mantine/pull/6400) - [@jpranays](https://redirect.github.com/jpranays) made their first contribution in [https://github.com/mantinedev/mantine/pull/6466](https://redirect.github.com/mantinedev/mantine/pull/6466) **Full Changelog**: https://github.com/mantinedev/mantine/compare/7.11.0...7.11.1 ### [`v7.11.0`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.11.0): 👁️ [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.10.2...7.11.0) [View changelog with demos on mantine.dev website](https://mantine.dev/changelog/7-11-0) ##### withProps function All Mantine components now have `withProps` static function that can be used to add default props to the component: ```tsx import { IMaskInput } from 'react-imask'; import { Button, InputBase } from '@mantine/core'; const LinkButton = Button.withProps({ component: 'a', target: '_blank', rel: 'noreferrer', variant: 'subtle', }); const PhoneInput = InputBase.withProps({ mask: '+7 (000) 000-0000', component: IMaskInput, label: 'Your phone number', placeholder: 'Your phone number', }); function Demo() { return ( <> {/* You can pass additional props to components created with `withProps` */} Mantine website {/* Component props override default props defined in `withProps` */} ); } ``` ##### Avatar initials [Avatar](https://mantine.dev/core/avatar) component now supports displaying initials with auto generated color based on the given `name` value. To display initials instead of the default placeholder, set `name` prop to the name of the person, for example, `name="John Doe"`. If the name is set, you can use `color="initials"` to generate color based on the name: ```tsx import { Avatar, Group } from '@mantine/core'; const names = [ 'John Doe', 'Jane Mol', 'Alex Lump', 'Sarah Condor', 'Mike Johnson', 'Kate Kok', 'Tom Smith', ]; function Demo() { const avatars = names.map((name) => ); return {avatars}; } ``` ##### BubbleChart component New [BubbleChart](https://mantine.dev/charts/bubble-chart) component: ```tsx import { BubbleChart } from '@mantine/charts'; import { data } from './data'; function Demo() { return ( ); } ``` ##### BarChart waterfall type [BarChart](https://mantine.dev/charts/bar-chart) component now supports `waterfall` type which is useful for visualizing changes in values over time: ```tsx import { BarChart } from '@mantine/charts'; import { data } from './data'; function Demo() { return ( ); } ``` ##### LineChart gradient type [LineChart](https://mantine.dev/charts/lin

Configuration

📅 Schedule: Branch creation - "before 4am on the first day of the month" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

[ ] If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

john2796 / redditclone

Update all dependencies #40

Release Notes

Configuration

⚠ Artifact update problem

File name: package-lock.json