[Snyk] Upgrade @mantine/hooks from 5.9.2 to 7.11.2 #3
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Snyk has created this PR to upgrade @mantine/hooks from 5.9.2 to 7.11.2. See this package in npm: @mantine/hooks See this project in Snyk: https://app.snyk.io/org/okeamah/project/a76bcb3b-1117-426c-a2ab-69167043c268?utm_source=github&utm_medium=referral&page=upgrade-pr
![sourcery-ai[bot]](https://avatars.githubusercontent.com/in/48477?s=60&v=4){kind=small}
There was a problem hiding this comment.
We have skipped reviewing this pull request. Here's why:
- It seems to have been created by a bot ('[Snyk]' found in title). We assume it knows what it's doing!
- We don't review packaging changes - Let us know if you'd like us to change this.
|
New and removed dependencies detected. Learn more about Socket for GitHub ↗︎
🚮 Removed packages: npm/@mantine/hooks@5.9.2 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Snyk has created this PR to upgrade @mantine/hooks from 5.9.2 to 7.11.2.
ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.
The recommended version is 122 versions ahead of your current version.
The recommended version was released on a month ago.
Release notes
Package name: @mantine/hooks
What's Changed
[@ mantine/core]Combobox: Fix inconsistent horizontal dropdown padding[@ mantine/core]Drawer: Fix content overflowing horizontally on mobile whenoffsetis set[@ mantine/core]Drawer: Fix double scrollbar appearing whenoffsetandscrollAreaComponentprops are set[@ mantine/carousel]Fix responsiveslideSizevalues working differently from other style props[@ mantine/hooks]use-interval: AddautoInvokeoption support[@ mantine/hooks]use-interval: Fix updates to the function and interval timeout being ignored[@ mantine/core]Anchor: FixlineClampprop not working[@ mantine/core]Anchor: Fix text-decoration styles being inconsistent withvariant="gradient"[@ mantine/dates]DateInput: Fix value flickering with custom timezone (#6517)[@ mantine/core]Burger: FixlineSizebeing passed to the DOM node (#6520)[@ mantine/charts]Add support for nested properties indataKey(#5886)[@ mantine/core]Fix Modal/Drawer headers overlaying custom scrollbar (#6175)[@ mantine/charts]Sparkline: Fix incorrectdataprop type (#6352)[@ mantine/charts]FixstrokeColorprop being passed to the DOM element (#6507)[@ mantine/core]FocusTrap: Improve compatibility with React 19 (#6492)[@ mantine/hooks]use-os: Fix iOS being reported as MacOS in several cases (#6511)[@ mantine/emotion]Fix incorrect types ofcreateStylesclasses (#6490)[@ mantine/core]Tooltip: FixfloatingStrategy="fixed"not working (#6502)New Contributors
Full Changelog: 7.11.1...7.11.2
What's Changed
[@ mantine/core]Add option to displaynothingFoundMessagewhen data is empty in Select and MultiSelect components (#6477)[@ mantine/core]Tooltip: AdddefaultOpenedprop support (#6466)[@ mantine/core]PinInput: Fix incorrect rtl logic (#6382)[@ mantine/core]Popover: FixfloatingStrategy="fixed"not havingposition:fixedstyles (#6419)[@ mantine/spotlight]Fix spotlight not working correctly with shadow DOM (#6400)[@ mantine/form]FixonValuesChangeusing stale values (#6392)[@ mantine/carousel]FixonSlideChangeusing 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: FixonChangebeing called with the already selected if it has been picked from the dropdown (#6468)[@ mantine/dates]DatePickerInput: FixhighlightTodaynot 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 duplicatednamedata (#6067)[@ mantine/core]Modal: FixremoveScrollProps.refnot being compatible with React 19 (#6446)[@ mantine/core]TagsInput: FixselectFirstOptionOnChangeprop not working (#6337)[@ mantine/hooks]use-eye-dropper: Fix Opera being incorrectly detected as a supported browser (#6307)[@ mantine/core]Fix:hostselector now working correctly incssVariablesSelectorof MantineProvider (#6404)[@ mantine/core]TagsInput: FixonChangebeing 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: FixlevelOffsetprop being added to the root DOM element (#6461)New Contributors
Full Changelog: 7.11.0...7.11.1
View changelog with demos on mantine.dev website
withProps function
All Mantine components now have
withPropsstatic 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
namevalue.To display initials instead of the default placeholder, set
namepropto 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:const names = [
'John Doe',
'Jane Mol',
'Alex Lump',
'Sarah Condor',
'Mike Johnson',
'Kate Kok',
'Tom Smith',
];
function Demo() {
const avatars = names.map((name) => <Avatar key={name} name={name} color="initials" />);
return <Group>{avatars}</Group>;
}
BubbleChart component
New BubbleChart component:
import { data } from './data';
function Demo() {
return (
<BubbleChart
h={60}
data={data}
range={[16, 225]}
label="Sales/hour"
color="lime.6"
dataKey={{ x: 'hour', y: 'index', z: 'value' }}
/>
);
}
BarChart waterfall type
BarChart component now supports
waterfalltypewhich is useful for visualizing changes in values over time:
import { data } from './data';
function Demo() {
return (
<BarChart
h={300}
data={data}
dataKey="item"
type="waterfall"
series={[{ name: 'Effective tax rate in %', color: 'blue' }]}
withLegend
/>
);
}
LineChart gradient type
LineChart component now supports
gradienttypewhich renders line chart with gradient fill:
import { data } from './data';
function Demo() {
return (
<LineChart
h={300}
data={data}
series={[{ name: 'temperature', label: 'Avg. Temperature' }]}
dataKey="date"
type="gradient"
gradientStops={[
{ offset: 0, color: 'red.6' },
{ offset: 20, color: 'orange.6' },
{ offset: 40, color: 'yellow.5' },
{ offset: 70, color: 'lime.5' },
{ offset: 80, color: 'cyan.5' },
{ offset: 100, color: 'blue.5' },
]}
strokeWidth={5}
curveType="natural"
yAxisProps={{ domain: [-25, 40] }}
valueFormatter={(value) =>
<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">value</span><span class="pl-kos">}</span></span>°C}/>
);
}
Right Y axis
LineChart, BarChart and AreaChart components
now support
rightYAxisprop which renders additional Y axis on the right side of the chart:import { data } from './data';
function Demo() {
return (
<LineChart
h={300}
data={data}
dataKey="name"
withRightYAxis
yAxisLabel="uv"
rightYAxisLabel="pv"
series={[
{ name: 'uv', color: 'pink.6' },
{ name: 'pv', color: 'cyan.6', yAxisId: 'right' },
]}
/>
);
}
RadarChart legend
RadarChart component now supports legend:
import { data } from './data';
function Demo() {
return (
<RadarChart
h={300}
data={data}
dataKey="product"
withPolarRadiusAxis
withLegend
series={[
{ name: 'Sales January', color: 'blue.6', opacity: 0.2 },
{ name: 'Sales February', color: 'orange.6', opacity: 0.2 },
]}
/>
);
}
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
acceptValueOnBlurtofalse. In this case, the value is addedonly when the user presses
Enteror clicks on a suggestion.function Demo() {
return (
<>
<TagsInput
label="Value IS accepted on blur"
placeholder="Enter text, then blur the field"
data={['React', 'Angular', 'Svelte']}
acceptValueOnBlur
/>
<TagsInput
label="Value IS NOT accepted on blur"
placeholder="Enter text, then blur the field"
data={['React', 'Angular', 'Svelte']}
acceptValueOnBlur={false}
mt="md"
/>
</>
);
}
Transition delay
Transition component now supports
enterDelayandexitDelayprops to delay transition start:import { Button, Flex, Paper, Transition } from '@ mantine/core';
export function Demo() {
const [opened, setOpened] = useState(false);
return (
<Flex maw={200} pos="relative" justify="center" m="auto">
<Button onClick={() => setOpened(true)}>Open dropdown</Button>
);
}
Documentation updates
Progresscomponent documentationexcludeDatepropOther changes
hideWithOnePageprop which hides pagination when there is only one pageexpandedandonExpandedChangepropslineSizeprop to change lines heighthighlightTodayprop to highlight today's dateWhat's Changed
[@ mantine/core]Select: Fix incorrect state changes handling when bothvalueandsearchValueare controlled (#6272)[@ mantine/core]Stepper: FixautoContrastprop being added to the DOM elem...