This repository has been archived by the owner on Mar 12, 2023. It is now read-only.
Update dependency @mantine/core to v5 - autoclosed #30
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
4.2.12
->5.9.2
Release Notes
mantinedev/mantine
v5.9.2
Compare Source
What's Changed
[@mantine/form]
Fix incorrect values type in validation rules (#3110)[@mantine/core]
ScrollArea: Fix flickering[@mantine/core]
AppShell: Fix zIndex prop not being applied to Navbar and Header components[@mantine/dropzone]
Fix getFilesFromEvent error when files are droppped (#3115)[@mantine/core]
Collapse: Rollback axis prop as it breaks regular Collapse usageFull Changelog: mantinedev/mantine@5.9.1...5.9.2
v5.9.1
Compare Source
What's Changed
[@mantine/styles]
Add access to theme indefaultProps
(#2950)[@mantine/hooks]
use-hotkeys: Add option to specify tags that should be ignored (#3045)[@mantine/form]
Fix incorrect dirty state of the fields calculation after one of list actions was called (#3025)[@mantine/core]
Select: Fixlimit
prop not working when current value matches one of the items fromdata
(#3070)[@mantine/form]
Fix incorrectform.isValid
behavior when nested field has error (#3080)[@mantine/hooks]
use-hash: Fix unexpected rerendering with hash without#
(#3097)[@mantine/core]
AddarrowPosition
prop to Tooltip and Popover components to configure how the arrow is position relative to the target element (#3100)[@mantine/form]
Fix implicit any type in validation rules for strict TS mode (#3101)[@mantine/core]
TypographyStylesProvider: Add borderLeft to blockquote to make component look the same way as Blockquote component (#3103)[@mantine/core]
Table: Fix incorrect styles applied to td/th elements with borders and colspan/rowspan (#3106)[@mantine/spotlight]
Fix theme.defaultRadius not being respected[@mantine/core]
Select: Fix theme.defaultRadius not being respected by default item component[@mantine/core]
Radio: Automatically generate name if it was not provided via prop[@mantine/dropzone]
Add the getFilesFromEvent and validator props (#3053)[@mantine/hooks]
use-media-query: Fix given initialValue not being used (#3085)New Contributors
Full Changelog: mantinedev/mantine@5.9.0...5.9.1
v5.9.0
Compare Source
View changelog with demos on mantine.dev website
use-eye-dropper hook
New use-eye-dropper hook provides an interface to work with EyeDropper API.
It allows to pick color from any pixel on the screen. Currently, the API is supported in Chromium based desktop browsers.
ColorInput eye dropper
ColorInput component now supports
withEyeDropper
prop to display eye dropper icon in the right section.This feature depends on EyeDropper API,
the eye dropper will not be rendered if the API is not supported.
AppShell alt layout
AppShell component now supports placing
Navbar
andAside
components on top ofHeader
andFooter
withlayout="alt"
prop.Responsive Grid gutter
Grid component now supports
gutterXs
,gutterSm
,gutterMd
,gutterLg
,gutterXl
props:Static components default props
All static components now support default props on MantineProvider.
The following example demonstrates how to add default props to
Menu.Item
,Tabs.List
andRichTextEditor.Toolbar
components:Input.Placeholder component
Input.Placeholder
component can be used to add placeholder to Input and InputBase components that are based onbutton
elementor do not support placeholder property natively:
Other changes
maxRange
propcolor
proprightSectionWidth
andiconWidth
propsNew Contributors
Full Changelog: mantinedev/mantine@5.8.4...5.9.0
v5.8.4
Compare Source
What's Changed
[@mantine/tiptap]
Fix emotion warning produced by placeholder styles :first-child selector usage[@mantine/hooks]
use-move: Fix content on the page being selected when cursor moves over the target element (#3069)[@mantine/core]
Drawer: Add missing Styles API selector for body (#3056)[@mantine/carousel]
Carousel: fixed carousel indicator not changing when slidesToScroll value is changed (#3058)[@mantine/core]
Stepper: Fix last item being cut off when used inside flex container (#3062)[@mantine/core]
Fix incorrect arrow position for *-end and *-start positions in Tooltip, Popover, HoverCard and Menu components (#3065)[@mantine/tiptap]
Add ref forwarding (#3068)Full Changelog: mantinedev/mantine@5.8.3...5.8.4
v5.8.3
Compare Source
What's Changed
[@mantine/dropzone]
AddonDropAny
prop to capture both accepted and rejected files (#3010)[@mantine/tiptap]
Fix incorrect content border-radius[@mantine/tiptap]
Fix placeholder extension not working as expected[@mantine/core]
Drawer: Add missingaria-describedby
andaria-labelledby
attributes to the root element (#3027)[@mantine/core]
NumberInput: Fix value not being formatted correctly when precision changes (#3011)New Contributors
Full Changelog: mantinedev/mantine@5.8.2...5.8.3
v5.8.2
What's Changed
[@mantine/tiptap]
Fix incorrect hr control label[@mantine/tiptap]
Fix incorrecteditor
prop type[@mantine/tiptap]
Fix typo in strikethrough label (#3004)[@mantine/prism]
Fix colorScheme prop not being passed to Prism from Prism.Panel component[@mantine/core]
Pagination: Fix incorrect handling of negative and zero total[@mantine/hooks]
use-pagination: Fix incorrect handling of decimal values passed as total (#2979)[@mantine/core]
NumberInput: Fix readOnly prop not working correctly (#2956)[@mantine/hooks]
Allow usage of use-click-outside and use-focus-trap hooks with shadow DOMNew Contributors
Full Changelog: mantinedev/mantine@5.8.0...5.8.2
v5.8.0
Compare Source
View changelog with demos on mantine.dev website
Tiptap rich text editor
New @mantine/tiptap package is a replacement
for @mantine/rte package.
RichTextEditor
component is now based on Tiptap, it supports all of
Tiptap extensions and provides flexible components API.
@mantine/rte package deprecation
Quill based RichTextEditor is now deprecated.
@mantine/rte
package will no longer receive any updates, support for itwill be discontinued when 6.0.0 version is released. We recommend to switch
to Tiptap based editor as soon as possible.
Other changes
display
style prophexa
formatNew Contributors
Full Changelog: mantinedev/mantine@5.7.2...5.8.0
v5.7.2
Compare Source
What's Changed
[@mantine/core]
RangeSlider: Fix incorrect minRange handling for negative values (#2897)[@mantine/core]
Slider: Fix unexpected step behavior when min is set to odd number (#2855)[@mantine/core]
Prevent focus shifting from the input when clear button is pressed in Select and MultiSelect components[@mantine/core]
TypographyStylesProvider: Add mark styles[@mantine/core]
Image: Do not show placeholder when image is loading to avoid issues with ssr and rapidly changing src prop[@mantine/core]
Slider: Fix incorrect marks styles wheninverted
prop is set (#2894)[@mantine/core]
Fix incorrect label alignment in Checkbox, Radio and Switch components when label is a ReactNode (#2881)[@mantine/core]
Modal: Fix incorrect click outside behavior (#2896)[@mantine/core]
Radio: Fix size prop not being respected when used within Radio.Group (#2913)New Contributors
Full Changelog: mantinedev/mantine@5.7.1...5.7.2
v5.7.1
Compare Source
What's Changed
[@mantine/hooks]
use-window-event: Fix event listener not being updated when event type or function changes[@mantine/spotlight]
Allow overriding autoComplete prop with searchInputProps[@mantine/core]
Menu: Allow overriding Menu.Item button type[@mantine/hooks]
use-scroll-into-view: Fix parameters changes being ignored (#2866)[@mantine/hooks]
use-local-storage: Fix incorrect value returned ifdefaultValue
is not specified (#2872)[@mantine/styles]
Add missingright
style prop (#2887)[@mantine/form]
Add missingTransformValues
type tocreateFormContext
(#2893)New Contributors
Full Changelog: mantinedev/mantine@5.7.0...5.7.1
v5.7.0
Compare Source
View changelog with demos on mantine.dev website
Style props
All Mantine components now support responsive style props:
Flex component
Flex component is an alternative to Group and Stack components.
It supports new responsive style props:
Focus ring styles on theme
You can now customize focus ring styles for all components in MantineProvider:
Responsive Header and Footer height
Header and Footer components now support responsive height:
Other changes
axis
prop, it is now possible to animate widthloaderPosition="center"
onSlideChange
proponSubmit
can now be called without form eventwithKeyboardEvents
prop that allows to disable keyboard events handlingNew Contributors
Full Changelog: mantinedev/mantine@5.6.4...5.7.0
v5.6.4
Compare Source
What's Changed
[@mantine/core]
Slider: Fix incorrect min/max values handling (#2839)[@mantine/core]
ScrollArea: Fix incorrect ref usage in demosNew Contributors
Full Changelog: mantinedev/mantine@5.6.3...5.6.4
v5.6.3
Compare Source
What's Changed
[@mantine/core]
Fix incorrect focus ring styles in Chip, SegmentedControl and ColorPicker components (box-shadow was replaced with outline)[@mantine/core]
Drawer: FixtransitionDuration
not being respected for exit transition (#2820)[@mantine/core]
Pagination: Fixtheme.fontFamily
not being respected (#2796)[@mantine/form]
Fix required transform value type in UseFormInput (#2816)[@mantine/styles]
Setcolor-scheme
style in html element (#2808)[@mantine/core]
Add data-checked attribute to Checkbox, Radio and Switch when components are used within groups[@mantine/styles]
Fix incorrect styles params type in strict ts modeNew Contributors
Full Changelog: mantinedev/mantine@5.6.2...5.6.3
v5.6.2
Compare Source
What's Changed
[@mantine/core]
Modal: Fix modal not being centered because of scrollbars offset[@mantine/core]
MultiSelect: Fix poor selected values contrast with light color scheme and filled input variant[@mantine/dropzone]
Fix Dropzone.FullScreen opened when the user selects and drags text on the page[@mantine/core]
NativeSelect: Fix incorrect defaultValue handing in controlled components[@mantine/rte]
Fixtheme.defaultRadius
not being respected by some controls (#2781)[@mantine/styles]
Improve useComponentDefaultProps types (#2065)[@mantine/core]
AddarrowRadius
support to Tooltip and Popover (#2779)New Contributors
Full Changelog: mantinedev/mantine@5.6.1...5.6.2
v5.6.1
Compare Source
What's Changed
[@mantine/core]
Popover: Set default width to max-content to reduce position shift in some cases (#2500)[@mantine/core]
Popover: Add position fallback to reduce postion shift (#2500)[@mantine/core]
Slider: Fix incorrect min/max boundaries handling when step is larger than the difference between current value and min/max (#2656)[@mantine/hooks]
use-idle: Improve types for events (#2704)[@mantine/hooks]
use-focus-trap: Fix incorrect aria-hidden handling (#2735)[@mantine/core]
Popover: Fix infinite loop when component is used with Preact (#2752)[@mantine/core]
Tooltip: Add nested tooltips support (#2768)[@mantine/core]
TransferList: AddtransferIcon
,transferAllIcon
props, controlled search and tuple syntax forseachPlaceholder
andnothingFound
props (#2769)[@mantine/dropzone]
Update react-dropzone to 14.2.3 to fix OS detection issue (#2746)[@mantine/form]
Fix incorrect required second argument in UseFormReturnType (#2758)[@mantine/core]
Rating: Fix count and fractions parameters to accept integers only (#2763)[@mantine/core]
Rating: Fix broken react 17 compatibilityNew Contributors
Full Changelog: mantinedev/mantine@5.6.0...5.6.1
v5.6.0
Compare Source
View changelog with demos on mantine.dev website
Rating component
New Rating component:
Progress sections props
Progress and RingProgress
components now support adding props to sections:
use-favicon hook
New use-favicon hook:
Form index reference in validateInputOnBlur and validateInputOnChange
You can now use
FORM_INDEX
in use-form to validate nested array fields withvalidateInputOnBlur
andvalidateInputOnChange
settings:use-form transformValues
use-form now supports
transformValues
options, it transforms values before they get submitted inonSubmit
handler.For example, it can be used to merge several fields into one or to convert types:
Other changes
readOnly
disabled
propstyles
prop can now usetheme
placement
propNew Contributors
Full Changelog: mantinedev/mantine@5.5.6...5.6.0
v5.5.6
Compare Source
What's Changed
[@mantine/core]
Tooltip: Add position fallback to reduce position shift (#2500)[@mantine/dates]
Remove obsolette props from Calendar and DatePicker components (#2648, #2714)[@mantine/core]
Image: Fix incorrect placeholder size calculation when width/height is not set (#2675)[@mantine/core]
Popover: Fix issue when dropdown could be scrolled pass its target (#2694)[@mantine/core]
Menu: Fix incorrect logic for controlled opened state (#2701)[@mantine/core]
PasswordInput: Fix inputContainer and iconWidth props not workingNew Contributors
Full Changelog: mantinedev/mantine@5.5.5...5.5.6
v5.5.5
Compare Source
What's Changed
[@mantine/core]
NumberInput: FixremoveTrailingZeros
prop not working for initial value (#2638)[@mantine/core]
Modal: Fix issue when it was impossible to interact with scrollbars behind overlay (#2669)[@mantine/styles]
Fix incorrect params handling in DefaultProps type in strict mode[@mantine/core]
Select: Fix component scrolling page when it is focused without any data or nothing found message (#2628)[@mantine/core]
Fix Avatar and ThemeIcon components not respectingtheme.defaultGradient
(#2649)[@mantine/dates]
Calendar: Fix error in console when up/down error is pressed and next/previous date is disabled[@mantine/core]
Menu: Close menu when target changes (#2646)[@mantine/hooks]
use-focus-return: Add preventScroll: true to avoid scrolling to element when dropdown/modal is closed outside of current viewportNew Contributors
Full Changelog: mantinedev/mantine@5.5.4...5.5.5
v5.5.4
Compare Source
What was changed
[@mantine/core]
ColorInput: Prevent dropdown from opening if withPicker={false} and there are no swatches[@mantine/core]
List: Fix styles params not being inherited by List.Item (#2495)[@mantine/core]
Grid: Fix incorrect responsive offsets handling (#2556)[@mantine/core]
Popover: Add option to configure focus returning logic with returnFocus prop[@mantine/core]
Popover: Fix onKeydownCapture prop overriding Escape key handlerFull Changelog: mantinedev/mantine@5.5.2...5.5.4
v5.5.2
Compare Source
What's Changed
[@mantine/core]
List: Fix incorrect list items styles (#2624)[@mantine/core]
NumberInput: Fix incorrect removeTrailingZeros default prop value (#2621)[@mantine/core]
ScrollArea: Fix incorrect thumb hover area (#2610)[@mantine/hooks]
use-focus-trap: Fix incorrect focus trapping logic whensetRef
is called withnull
(#2623)[@mantine/core]
Fix incorrect cursor type on Checkbox, Radio and Switch when cursorType is set on theme[@mantine/core]
Remove unexpected styles from Checkbox, Radio and Switch componentsFull Changelog: mantinedev/mantine@5.5.1...5.5.2
v5.5.1
Compare Source
What's Changed
[@mantine/core]
Fix incorrect selectors used to style Radio, Checkbox and Switch components[@mantine/core]
Input: Fix size not being applied when set from error props and descriptionProps (#2603)[@mantine/core]
Fix incorrect loading state styles in Button and ActionIcon components (#2618)[@mantine/core]
Fix scrollbar appearing in Select, MultiSelect and Autocomplete dropdown when withNormalizeCSS and withGlobalStyles are not set on MantineProvider[@mantine/core]
Revert Collapse axis prop to avoid issues with regular Collapse[@mantine/core]
Fix missing font styles in Select, MultiSelect and Autocomplete dropdown when withGlobalStyles is not set on MantineProvider[@mantine/core]
MultiSelect: fix dropdown flicker and onDropdownClose/onDropdownOpen handlers being called when dropdown isn't visible (#2602)[@mantine/core]
Select: Fix incorrect dropdown opened state when input is clicked (#2605)[@mantine/core]
List: Fix incorrect indentation for nested list items (#2606)[@mantine/core]
SegmentedControl: Fix error with hook call order (#2608)New Contributors
Full Changelog: mantinedev/mantine@5.5.0...5.5.1
v5.5.0
Compare Source
View changelog with demos on mantine.dev website
Global styles on theme
You can now add global styles with
theme.globalStyles
,this way, you will be able to share these styles between different environments (for example, Next.js application and Storybook):
form.setValues partial
form.setValues
can now be used to set multiple values at once, payload will be shallow merged with current values state:Documentation updates
polymorphic
badge next to component name (see Text as reference)Other changes
indeterminate
state now has separate styles for checked and unchecked statessize="auto"
components now support
error
,description
andlabelPosition
propsinverted
propaxis
propwithBorder
andwithColumnBorders
propsremoveTrailingZeros
propdisabled
propcompleteNavigationProgress
handlerNew Contributors
Full Changelog: mantinedev/mantine@5.4.2...5.5.0
v5.4.2
Compare Source
What's Changed
[@mantine/form]
Add options argument support tojoiResolver
(#2562)[@mantine/carousel]
Fix incorrectslidesToScroll
type (#2548)[@mantine/carousel]
Fix wrong carousel size calculation (#2572)[@mantine/core]
Image: Allow src attribute to be null[@mantine/core]
Image: Fix race condition between hydration and image load event (#629)Navbar.Section
,Tabs.Tab
, etc.) for older versions of TypeScriptNew Contributors
Full Changelog: mantinedev/mantine@5.4.1...5.4.2
v5.4.1
Compare Source
What's Changed
[@mantine/core]
Grid: Fix offset={0} not working (#2346)[@mantine/core]
SegmentedControl: Fix colors index reference not working[@mantine/dropzone]
Fix incorrect ref handling[@mantine/core]
Integrate Floating UI tooltip middleware in Tooltip, Popover and other components that are based on Popover (#2521)[@mantine/core]
Fix missing ref type in components with static parts (#2505)[@mantine/core]
Add data-disabled + change color when disabled on label to Switch and Checkbox components (#2508)[@mantine/nprogress]
Add option to add aria-label (#2526)[@mantine/rte]
Fix issue with ImageUploader index null error (#2529)[@mantine/hooks]
use-local-storage: Fix incorrect method called when item is removed from local storage (#2490)New Contributors
Full Changelog: mantinedev/mantine@5.4.0...5.4.1
v5.4.0
Compare Source
View changelog with demos on mantine.dev website
validateInputOnBlur
use-form now supports
validateInputOnBlur
option,it works similar to
validateInputOnChange
: