-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(deps): update mantine monorepo to v7 (major) #233
base: main
Are you sure you want to change the base?
Conversation
|
Updated dependencies detected. Learn more about Socket for GitHub ↗︎
|
5175bd7
to
c202c09
Compare
8379140
to
92c729c
Compare
f7bbe2c
to
e114e58
Compare
b410886
to
3163dda
Compare
de0ff16
to
ed16dfe
Compare
ed16dfe
to
c28961c
Compare
b1681cd
to
5fd3ae3
Compare
9b4964d
to
24643f9
Compare
15fe8ed
to
6d8cbd6
Compare
75e7bd3
to
cc183fa
Compare
89c6a25
to
54729f6
Compare
b3249ec
to
4c672ef
Compare
0e0e508
to
c13e47c
Compare
d867a67
to
9b54f7a
Compare
31de66d
to
a694d2f
Compare
a694d2f
to
6335ba2
Compare
7b02669
to
aa0ab26
Compare
10cde55
to
ef175c7
Compare
ef175c7
to
c60edbd
Compare
9e04496
to
a71648d
Compare
fd90038
to
0d320cd
Compare
640974b
to
aa0b64e
Compare
b3d961e
to
683223f
Compare
7c54425
to
b638b54
Compare
b638b54
to
1b127e0
Compare
This PR contains the following updates:
6.0.22
->7.13.3
6.0.22
->7.13.3
Release Notes
mantinedev/mantine (@mantine/core)
v7.13.3
Compare Source
v7.13.2
Compare Source
What's Changed
[@mantine/dates]
DateInput: FixonClick
handler passed togetDayProps
not being called[@mantine/core]
Badge: Fix incorrect cursor styles[@mantine/core]
FileInput: AddresetRef
prop support[@mantine/core]
Popover: FixonClose
function being called twice with controlled state[@mantine/spotlight]
Fix selected index not being reset when the spotlight is closed (#6842)[@mantine/core]
Popover: Improve performance of scrolling when large number of closed Popovers are rendered on the same page (#6771)[@mantine/core]
Pagination: FixgetItemProps
not being able to override controlchildren
prop (#6789)[@mantine/core]
ScrollArea: FixonBottomReached
not being called if the viewport has decimal px height value (#6792)[@mantine/hooks]
use-in-viewport: Fix hook not reacting to node changes (#6926)[@mantine/core]
NumberInput: Fix incorrect handling of decimal numbers with more than 15 decimal places (#6823)[@mantine/core]
Slider: Fix marks not being aligned correctly (#6909)[@mantine/hooks]
use-fullscreen: Fix target node changes being ignored (#6923)[@mantine/core]
Badge: Fix incorrect sections alignment forvariant="dot"
[@mantine/core]
TagsInput: Fix incorrect logic of removing duplicate tags (#6922)[@mantine/core]
AppShell: Fix error when Suspense is rendered inside AppShell (#6927)[@mantine/core]
Menu: FixonKeyDown
prop not working in Menu.Dropdown component (#6910)New Contributors
Full Changelog: mantinedev/mantine@7.13.1...7.13.2
v7.13.1
Compare Source
What's Changed
[@mantine/chart]
PieChart: Remove unused CSS (#6903)[@mantine/core]
Menu: FixonKeyDown
not working when passed to Menu.Item (#6906)[@mantine/core]
TagsInput: Fix duplicated tags being deleted when one of tags with the same value is deleted (#6907)[@mantine/dates]
Fix hidden input value not respecting specified timezone (#6881)[@mantine/hooks]
use-hover: Fix events not being reattached when the target node changes (#6782)[@mantine/colors-generator]
Update chroma-js version to support the latest version (#6879)[@mantine/core]
PinInput: Fix incorrectBackspace
key handling on the first input (#6880)[@mantine/hooks]
use-state-history: Addreset
handler support (#6769)[@mantine/core]
ScrollArea: FixonTopReached
prop not being passed down in ScrollArea.Autosize component (#6747)[@mantine/chart]
Fix incorrect types for props passed down to recharts components (#6820)[@mantine/form]
Fix indices over 9 not working in form paths in some cases (#6794)[@mantine/chart]
BarChart: Fix BarLabel logging errors in the console (#6810)[@mantine/chart]
Fix error when chart tooltip label contains period (#6826)[@mantine/core]
Title: Add option to use Text font-size and line-height values withsize
prop (#6833)[@mantine/date]
Calendar: FixnextLabel
andpreviousLabel
props not working (#6847)[@mantine/core]
Fix2xl
and other similar values being treated as CSS value instead of theme value (#6855)[@mantine/core]
Breadcrumbs: Fix component with large number of values not wrapping on small screens (#6863)[@mantine/core]
Table: Fix thead being overlayed to td in some cases (#6860)New Contributors
Full Changelog: mantinedev/mantine@7.13.0...7.13.1
v7.13.0
: 🎇Compare Source
View changelog with demos on mantine.dev website
Container queries support in Grid
You can now use container queries
in 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:
CompositeChart component
New CompositeChart component allows using
Line
,Area
andBar
charts together in a single chart:Points labels
LineChart and AreaChart now support
withPointLabels
prop to display labels on data points:ScatterChart also supports point labels, but also allows to control which axis should display labels with
pointLabels
prop:BarChart: Mixed stacks
You can now control how BarChart series are stacked by setting
stackId
property in series object:BarChart: Minimum bar size
BarChart now supports
minBarSize
prop to set the minimum size of the bar in px:Help Center updates
Other changes
maxBarWidth
prop to set the maximum width of each bar in pxv7.12.2
Compare Source
What's Changed
[@mantine/hooks]
use-idle: Fix idle countdown not starting if the user did non interact with the page (#6683)[@mantine/core]
ScrollArea: FixonBottomReached
prop not being available inScrollArea.Autosize
component[@mantine/core]
Removechildren
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)[@mantine/core]
Badge: Fix unexpected change to block layout, fix incorrect alignment when fixed width is set (#6698, #6680)[@mantine/core]
ScrollArea: Fix pointer-events being left asnone
after interaction with scrollbar (#6681)[@mantine/core]
Tabs: FixkeepMounted
prop being added as attribute toTabs.Panel
DOM element (#6711)[@mantine/core]
Tree: AddinitialCheckedState
support (#6697)[@mantine/spotlight]
FixSpotlightRoot
component not being exported (#6710)[@mantine/dropzone]
Add7z
andrar
mime types exports (#6702)[@mantine/dates]
DatePickerInput: Fix incorrect hovered date logic when the component receives value update with partial selected date range (#6718)[@mantine/dates]
FixvalueFormatter
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)New Contributors
Full Changelog: mantinedev/mantine@7.12.1...7.12.2
v7.12.1
Compare Source
What's Changed
[@mantine/dates]
DateInput: Fix default date being set to the current date whenminDate
is set to the future (#6646)[@mantine/core]
ScrollArea: Fix incorrect thumb::before styles[@mantine/core]
Fix incorrect active styles of buttons used inside disabled fieldset[@mantine/form]
Fixform.watch
callbacks not being fired whenform.initialize
is called (#6639)[@mantine/core]
Switch: Fix Switch shrinking when large label or description is used (#6531)[@mantine/core]
Combobox: FixCombobox.Search
overflow whenScrollArea
is used in the dropdown (#6562)[@mantine/core]
Accordion: Add missingwithProps
function (#6564)[@mantine/core]
Pill: Fix remove icon overflowing pill container if its background color was changed with Styles API (#6565)[@mantine/core]
PinInput: Allow passing props to individual input elements depending on index withgetInputProps
(#6588)[@mantine/charts]
: Fix LineChart Legend and Tooltip to support nested names (#6536)[@mantine/core]
Tooltip: Add missingTooltip.Group.extend
function (#6576)[@mantine/spotlight]
Fixlimit
prop not working correctly with actions groups (#6632)[@mantine/core]
Badge: Fix text overflow not being handled correctly (#6629)[@mantine/core]
SegmentedControl: Adddata-disabled
attribute to the root element to simplify styling with Styles API (#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)[@mantine/core]
TagsInput: FixonKeyDown
prop not working (#6569)[@mantine/charts]
PieChart: FixvalueFormatter
not working on outside labels (#6616)[@mantine/core]
Popover: Fixapply
function ofsize
middleware not being handled correctly (#6598)[@mantine/core]
Chip: Fix incorrect checked padding forsize="xl"
(#6586)[@mantine/dates]
TimeInput: Fix incorrect focus styles of am/pm input (#6579)[@mantine/hook]
use-os: Fix incorrect iPadOS detection (#6535)[@mantine/core]
DatePickerInput: Fix incorrectaria-label
being set on the input element (#6530)[@mantine/core]
Menu: Fix incorrect Escape key handling inside Modal (#6580)New Contributors
Full Changelog: mantinedev/mantine@7.12.0...7.12.1
v7.12.0
: 🌟Compare Source
View changelog with demos on mantine.dev website
Notifications at any position
It is now possible to display notifications at any position on the screen
with @mantine/notifications package:
Subscribe to notifications state
You can now subscribe to notifications state changes with
useNotifications
hook:SemiCircleProgress component
New SemiCircleProgress component:
Tree checked state
Tree component now supports checked state:
Disable specific features in postcss-preset-mantine
You can now disable specific features of the postcss-preset-mantine
by setting them to
false
in the configuration object. This feature is available starting frompostcss-preset-mantine@1.17.0
.Help Center updates
Component.extend
usage in server components.input
selector is not used for actual input element.Text
component.Other changes
autoInvoke
option to start the interval automatically when the component mounts.mode="uncontrolled"
now triggers additional rerender when dirty state changes to allow subscribing to form state changes.onTopReached
andonBottomReached
props. The functions are called when the user scrolls to the top or bottom of the scroll area.onTransitionEnd
prop that is called when the panel animation completes.v7.11.2
Compare Source
v7.11.1
Compare Source
What's Changed
[@mantine/core]
Add option to displaynothingFoundMessage
when data is empty in Select and MultiSelect components (#6477)[@mantine/core]
Tooltip: AdddefaultOpened
prop support (#6466)[@mantine/core]
PinInput: Fix incorrect rtl logic (#6382)[@mantine/core]
Popover: FixfloatingStrategy="fixed"
not havingposition:fixed
styles (#6419)[@mantine/spotlight]
Fix spotlight not working correctly with shadow DOM (#6400)[@mantine/form]
FixonValuesChange
using stale values (#6392)[@mantine/carousel]
FixonSlideChange
using stale props values (#6393)[@mantine/charts]
Fix unexpected padding on the right side of the chart in BarChart, AreaChart and LineChart components (#6467)[@mantine/core]
Select: FixonChange
being called with the already selected if it has been picked from the dropdown (#6468)[@mantine/dates]
DatePickerInput: FixhighlightToday
not working (#6471)[@mantine/core]
NumberInput: Fix incorrect handling of numbers larger than max safe integer on blur (#6407)[@mantine/core]
Tooltip: Fix tooltip arrow being incompatible with headless mode (#6458)[@mantine/core]
ActionIcon: Fix loading styles inconsistency with Button component (#6460)[@mantine/charts]
PieChart: Fix key error for duplicatedname
data (#6067)[@mantine/core]
Modal: FixremoveScrollProps.ref
not being compatible with React 19 (#6446)[@mantine/core]
TagsInput: FixselectFirstOptionOnChange
prop not working (#6337)[@mantine/hooks]
use-eye-dropper: Fix Opera being incorrectly detected as a supported browser (#6307)[@mantine/core]
Fix:host
selector now working correctly incssVariablesSelector
of MantineProvider (#6404)[@mantine/core]
TagsInput: FixonChange
being called twice when Enter key is pressed in some cases (#6416)[@mantine/modals]
Fix Modal overrides type augmentation not working with TypeScript 5.5 (#6443)[@mantine/core]
Tree: FixlevelOffset
prop being added to the root DOM element (#6461)New Contributors
Full Changelog: mantinedev/mantine@7.11.0...7.11.1
v7.11.0
: 👁️Compare Source
View changelog with demos on mantine.dev website
withProps function
All Mantine components now have
withProps
static function that can be used toadd default props to the component:
Avatar initials
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
propto the name of the person, for example,
name="John Doe"
. If the nameis set, you can use
color="initials"
to generate color based on the name:BubbleChart component
New BubbleChart component:
BarChart waterfall type
BarChart component now supports
waterfall
typewhich is useful for visualizing changes in values over time:
LineChart gradient type
LineChart component now supports
gradient
typewhich renders line chart with gradient fill:
Right Y axis
LineChart, BarChart and AreaChart components
now support
rightYAxis
prop which renders additional Y axis on the right side of the chart:RadarChart legend
RadarChart component now supports legend:
TagsInput acceptValueOnBlur
TagsInput component behavior has been changed. Now By default,
if the user types in a value and blurs the input, the value is added to the list.
You can change this behavior by setting
acceptValueOnBlur
tofalse
. In this case, the value is addedonly when the user presses
Enter
or clicks on a suggestion.Transition delay
Transition component now supports
enterDelay
andexitDelay
props to delay transition start:Documentation updates
Progress
component documentationexcludeDate
propOther changes
hideWithOnePage
prop which hides pagination when there is only one pageexpanded
andonExpandedChange
propslineSize
prop to change lines heighthighlightToday
prop to highlight today's datev7.10.2
Compare Source
What's Changed
[@mantine/core]
Select: Fix incorrect state changes handling when bothvalue
andsearchValue
are controlled (#6272)[@mantine/core]
Stepper: FixautoContrast
prop being added to the DOM element[@mantine/charts]
PieChart: Fix inner label not using formatted value (#6328)[@mantine/core]
Fix incorrect color resolving logic in border style prop resolver (#6326)[@mantine/modals]
Fix incorrect styles of the confirmation modal when it is used without any description (#6325)[@mantine/core]
ScrollArea: Fix click events being triggered when scrollbar drag is released over an interactive element in Firefox (#6354)[@mantine/core]
Combobox: Fix clicks on footer and header triggering dropdown close (#6344)[@mantine/core]
PasswordInput: FixwithErrorStyles
prop being passed to the DOM element (#6348)New Contributors
Full Changelog: mantinedev/mantine@7.10.1...7.10.2
v7.10.1
Compare Source
What's Changed
[@mantine/charts]
BarChart: Add waterfall type (#6231)[@mantine/form]
Fixform.setFieldError
called insideform.onSubmit
not working correctly in some cases (#6101)[@mantine/core]
SegmentedControl: Fix false error reported by React 18.3+ for incorrect key prop usage[@mantine/hooks]
use-fetch: Fix incorrect error handling (#6278)[@mantine/core]
Fixbd
style prop not being applied in some components (#6282)[@mantine/core]
NumberInput: Fix incorrect leading zeros handling (#6232)[@mantine/core]
NumberInput: Fix incorrect logic while editing decimal values (#6232)[@mantine/core]
ScrollArea: Fix scrollbar flickering on reveal with hover and scroll types (#6218)[@mantine/hooks]
Update use-throttled-* hooks to emit updates on trailing edges (#6257)[@mantine/core]
Input: AddinputSize
prop to setsize
html attribute on the input elementNew Contributors
Full Changelog: mantinedev/mantine@7.10.0...7.10.1
v7.10.0
: 😎Compare Source
View changelog with demos on mantine.dev website
Tree component
New Tree component:
form.getInputNode
New
form.getInputNode(path)
handler returns input DOM node for the given field path.Form example, it can be used to focus input on form submit if there is an error:
Container queries in SimpleGrid
You can now use container queries
in SimpleGrid component. With container queries, grid columns and spacing
will be 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:
Checkbox and Radio indicators
New Checkbox.Indicator and Radio.Indicator
components look exactly the same as
Checkbox
andRadio
components, but they do nothave any semantic meaning, they are just visual representations of checkbox and radio states.
Checkbox.Indicator
component:Radio.Indicator
component:Checkbox and Radio cards
New Checkbox.Card and Radio.Card
components can be used as replacements for
Checkbox
andRadio
to build custom cards/buttons/etc.that work as checkboxes and radios. Components are accessible by default and support the same
keyboard interactions as
input[type="checkbox"]
andinput[type="radio"]
.Checkbox.Card
component: