Update dependency @mantine/hooks to v5.6.2 - autoclosed #5
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:
^5.0.2
->5.6.2
Release Notes
mantinedev/mantine
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
:Non-linear Slider scale
Slider and RangeSlider components now support non-linear scale:
Switch.Group component
New Switch.Group component lets you organize
Switch
components the same way asCheckbox.Group
andRadio.Group
:Controlled Select/MultiSelect search value
Select and MultiSelect search value can now be controlled:
Controlled PasswordInput visibility
PasswordInput now supports controlled visibility state with
visible
andonVisibilityChange
props, for example, the props can be used to sync visibility state between two inputs:New Mantine UI components
10 new components were added to Mantine UI, view changelog here
Other changes
localStorage
disabled
proponChangeEnd
callbackclassName
to childrenuseFsAccessApi
propverticalSpacing
propvariant="default"
New Contributors
Full Changelog: mantinedev/mantine@5.3.3...5.4.0
v5.3.3
Compare Source
What's Changed
[@mantine/core]
Modal: Fix closeOnClickOutside not working (#2458)[@mantine/dropzone]
Upgrade react-dropzone version to fix mime types issue (#2476)[@mantine/core]
PasswordInput: Fix incorrect selection styles (#2473)[@mantine/modals]
Fix closeModal not working correctly when called inside nested modals (#2436)New Contributors
Full Changelog: mantinedev/mantine@5.3.2...5.3.3
v5.3.2
Compare Source
What's Changed
[@mantine/rte]
Update react-quill to 2.0.0 to avoid dependencies collisions with React 18 (#2449)[@mantine/core]
SegmetedControl: Fix floating indicator being invisible in uncontrolled component (#2454)[@mantine/core]
Fix Button and ActionIcon not being disabled when rendered inside disabled fieldset (#2440)[@mantine/core]
Modal: Prevent overlay from sitting on top of scrollbar (#2445)New Contributors
Full Changelog: mantinedev/mantine@5.3.1...5.3.2
v5.3.1
Compare Source
What's Changed
[@mantine/core]
Indicator: Fix incorrect default props that prevented indicator from showing without label[@mantine/Prism]
Fix lines highlight color not respecting colorScheme prop (#2404)[@mantine/core]
SegmentedControl: Fix incorrect empty string value handling (#2400)[@mantine/rte]
Fix incorrect props types (#2420)[@mantine/core]
Indicator: Disable processing animation on disabled state (#2410)New Contributors
Full Changelog: mantinedev/mantine@5.3.0...5.3.1
v5.3.0
Compare Source
View changelog with demos on mantine.dev
Form context
@mantine/form
package now exportscreateFormContext
function to create provider component,hook to get form object from context and use-form hook with predefined type:
New features
precessing
propthumbIcon
prop and any React node can now be used ononLabel
andoffLabel
propsauto
andcontent
:use-previous hook
use-previous hook stores the previous value of a state in a ref,
it returns undefined on initial render and the previous value of a state after rerender:
Other changes
withShadow
propname
prop to set name on every child Radio componenthidden
prop to hide Header, Footer, Navbar and Aside componentsskipSnaps
andcontainScroll
propstype
can now be changedtarget
prop to set Portal targetNew Contributors
Full Changelog: mantinedev/mantine@5.2.7...5.3.0
v5.2.7
Compare Source
What's Changed
[@mantine/core]
ScrollArea: Fix offsetScrollbarsprop not working for horizontal scrollbars[@mantine/core]
Select: Fix Space key causing page to scroll when used to open dropdown[@mantine/hooks]
use-focus-trap: Fix scrolling of animated elements (#1753)[@mantine/carousel]
Remove margin from the last slide (#2336)New Contributors
Full Changelog: mantinedev/mantine@5.2.6...5.2.7
v5.2.6
Compare Source
What's Changed
[@mantine/core]
Drawer: FixwithOverlay={false}
not letting click-through (#2351)[@mantine/core]
PasswordInput: Fix inputWrapperOrder prop not working[@mantine/core]
Modal: Fix content shifting in full screen modal (#2348)[@mantine/notifications]
Remove unexpectedmessage
prop on notification root element (#2327)[@mantine/styles]
Set prepend: true on default emotion cache to fix styles overriding issuesNew Contributors
Full Changelog: mantinedev/mantine@5.2.5...5.2.6
v5.2.5
Compare Source
What's Changed
[@mantine/core]
ActionIcon: Fix broken styles for loading state (#2281)[@mantine/dropzone]
Fix Dropzone.Fullscreen not disappearing when mouse is moved slowly outside its wrapper (#2305)[@mantine/dates]
TimeInput: Hide clear button when input is disabled (#2321)[@mantine/styles]
Removeprepend: true
from default emotion cache (#1734)[@mantine/core]
Autocomplete: Fix options grouping with dynamic data (#2297)[@mantine/core]
Fix disabled styles for gradient variants of Button and ActionIcon (#2277)[@mantine/core]
Autocomplete: Fix outdated styles api selectors (#2269)[@mantine/core]
Tabs: Add items wrapping to Tabs.List to avoid horizontal scroll[@mantine/carousel]
Fix incorrect type in useAnimationOffsetEffect hookNew Contributors
Full Changelog: mantinedev/mantine@5.2.4...5.2.5
v5.2.4
Compare Source
What's Changed
[@mantine/hooks]
use-focus-return: Allow shouldReturnFocus to be dynamic (#770)[@mantine/core]
Tooltip: Remove extra markup from disabled Tooltip.Floating (#2220)[@mantine/core]
TypographyStylesProvider: Fix code tag styles when it is nested within pre tag (#2219)[@mantine/prism]
Fix copy icon interfering with code (#2171)[@mantine/core]
Remove hardcodded padding from Select, MultiSelect and Autocomplete dropdowns (#2108)[@​mantine/dropzone]
Change onDrop type from File to FileWithPath (#2250)[@mantine/core]
Image: Changefit
prop type to include all possible object-fit values (#2245)New Contributors
Full Changelog: mantinedev/mantine@5.2.3...5.2.4
v5.2.3
Compare Source
order
prop not being appliedv5.2.2
What's Changed
[@mantine/hooks]
use-focus-within: Fix incorrect useEffect dependencies (#2178)[@mantine/core]
Grid: Fix offset and order responsive props (#2163)[@mantine/core]
Title: Fixinline
prop being ignored (#2182)[@mantine/carousel]
Remove strict requirement for embla-carousel-react dependency (#2200)[@mantine/core]
NumberInput: Fix onKeyDown and onKeyUp events not workingNew Contributors
Full Changelog: mantinedev/mantine@5.2.0...5.2.2
v5.2.0
Compare Source
View changelog with demos on documentation website
Styled components support
You can now use styled components syntax with @emotion/styled package:
@mantine/next
,@mantine/remix
andgatsby-plugin-mantine
packages)@emotion/styled
will use Mantine's emotion cachewithAsterisk prop
All inputs that are based on Input and Input.Wrapper components now
support
withAsterisk
prop, it allows to display required asterisk without addingrequired
attributeto the input element. It is useful when you do not need browser validation in your forms but still want
to display the asterisk.
Progress and RingProgress tooltips
Progress and RingProgress components
now support floating tooltips in sections:
Title component changes
Title now supports setting
size
different fromorder
:It also now supports all Text component props:
@mantine/form changes
New
form.isValid
handler performs form validation with given validation functions, rules object or schema, but unlikeform.validate
it does not setform.errors
and just returns boolean value that indicates whether form is valid.form.resetDirty
will now memoize form values and compare all next changes with stored values instead ofinitialValues
:Form rules now receive rule path as third argument:
Custom prism themes
Prism component now supports custom themes with
getPrismTheme
prop:Other changes
gradient
variantvariant
propheight="100%"
order
prop, it can be used to reorder columns when certain breakpoint is reachedkeepMounted
prop. If it is set tofalse
then components rendered insideTabs.Panel
will be unmounted when tab is not active.withinPortal
prop set tofalse
by default to match other componentsNew Contributors
Full Changelog: mantinedev/mantine@5.1.7...5.2.0
v5.1.7
Compare Source
What's Changed
[@mantine/core]
Add optConfiguration
📅 Schedule: Branch creation - At any time (no schedule defined), 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.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Mend Renovate. View repository job log here.