[Snyk] Upgrade @mantine/core from 7.9.1 to 7.10.1

[thearyadev]

This PR was automatically created by Snyk using the credentials of a real user.


Snyk has created this PR to upgrade @mantine/core from 7.9.1 to 7.10.1.

:information_source: 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 **3 versions** ahead of your current version. - The recommended version was released on **23 days ago**.

Release notes

Package name: @mantine/core

• 7.10.1 - 2024-05-30
  

  What's Changed

  • [@ mantine/charts] BarChart: Add waterfall type (#6231)
  • [@ mantine/form] Fix form.setFieldError called inside form.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] Fix bd 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: Add inputSize prop to set size html attribute on the input element

  New Contributors

  • @ a-kon made their first contribution in #6265
  • @ dfaust made their first contribution in #6257
  • @ ElTupac made their first contribution in #6278

  Full Changelog: 7.10.0...7.10.1

• 7.10.0 - 2024-05-23
  

  View changelog with demos on mantine.dev website

  Tree component

  New Tree component:

  <div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import { IconFolder, IconFolderOpen } from '@ tabler/icons-react'; import { Group, RenderTreeNodePayload, Tree } from '@ mantine/core'; import { CssIcon, NpmIcon, TypeScriptCircleIcon } from '@ mantinex/dev-icons'; import { data, dataCode } from './data'; import classes from './Demo.module.css';

  interface FileIconProps { name: string; isFolder: boolean; expanded: boolean; }

  function FileIcon({ name, isFolder, expanded }: FileIconProps) { if (name.endsWith('package.json')) { return <NpmIcon size={14} />; }

  if (name.endsWith('.ts') || name.endsWith('.tsx') || name.endsWith('tsconfig.json')) { return <TypeScriptCircleIcon size={14} />; }

  if (name.endsWith('.css')) { return <CssIcon size={14} />; }

  if (isFolder) { return expanded ? ( <IconFolderOpen color="var(--mantine-color-yellow-9)" size={14} stroke={2.5} /> ) : ( <IconFolder color="var(--mantine-color-yellow-9)" size={14} stroke={2.5} /> ); }

  return null; }

  function Leaf({ node, expanded, hasChildren, elementProps }: RenderTreeNodePayload) { return ( <Group gap={5} {...elementProps}> <FileIcon name={node.value} isFolder={hasChildren} expanded={expanded} /> <span>{node.label}</span> </Group> ); }

  function Demo() { return ( <Tree classNames={classes} selectOnClick clearSelectionOnOutsideClick data={data} renderNode={(payload) => <Leaf {...payload} />} /> ); }">

  import { IconFolder, IconFolderOpen } from '@ tabler/icons-react';
  import { Group, RenderTreeNodePayload, Tree } from '@ mantine/core';
  import { CssIcon, NpmIcon, TypeScriptCircleIcon } from '@ mantinex/dev-icons';
  import { data, dataCode } from './data';
  import classes from './Demo.module.css';
  
  interface FileIconProps {
  name: string;
  isFolder: boolean;
  expanded: boolean;
  }
  function FileIcon({ name, isFolder, expanded }: FileIconProps) {
  if (name.endsWith('package.json')) {
  return <NpmIcon size={14} />;
  }
  if (name.endsWith('.ts') || name.endsWith('.tsx') || name.endsWith('tsconfig.json')) {
  return <TypeScriptCircleIcon size={14} />;
  }
  if (name.endsWith('.css')) {
  return <CssIcon size={14} />;
  }
  if (isFolder) {
  return expanded ? (
  <IconFolderOpen color="var(--mantine-color-yellow-9)" size={14} stroke={2.5} />
  ) : (
  <IconFolder color="var(--mantine-color-yellow-9)" size={14} stroke={2.5} />
  );
  }
  return null;
  }
  function Leaf({ node, expanded, hasChildren, elementProps }: RenderTreeNodePayload) {
  return (
  <Group gap={5} {...elementProps}>
  <FileIcon name={node.value} isFolder={hasChildren} expanded={expanded} />
  <span>{node.label}</span>
  </Group>
  );
  }
  function Demo() {
  return (
  <Tree
  classNames={classes}
  selectOnClick
  clearSelectionOnOutsideClick
  data={data}
  renderNode={(payload) => <Leaf {...payload} />}
  />
  );
  }

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
top500-aggregator	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 22, 2024 6:51am