chore(deps): update all dependencies #120

renovate · 2024-08-01T01:37:14Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@babel/core (source)	`7.24.7` -> `7.25.2`
@commitlint/cli (source)	`19.3.0` -> `19.4.0`
@iconify/react (source)	`5.0.1` -> `5.0.2`
@mantine/core (source)	`7.11.1` -> `7.12.1`
@mantine/hooks (source)	`7.11.1` -> `7.12.1`
@playwright/test (source)	`1.45.1` -> `1.46.0`
@reduxjs/toolkit (source)	`2.2.6` -> `2.2.7`
@tanstack/react-query (source)	`5.50.1` -> `5.51.23`
@tanstack/react-query-devtools (source)	`5.50.1` -> `5.51.23`
@typescript-eslint/eslint-plugin (source)	`7.15.0` -> `8.1.0`
@typescript-eslint/parser (source)	`7.15.0` -> `8.1.0`
@vitest/ui (source)	`1.6.0` -> `2.0.5`
autoprefixer	`10.4.19` -> `10.4.20`
axios (source)	`1.7.2` -> `1.7.4`
eslint-plugin-prettier	`5.1.3` -> `5.2.1`
eslint-plugin-react	`7.34.3` -> `7.35.0`
husky	`9.0.11` -> `9.1.4`
lint-staged	`15.2.7` -> `15.2.9`
postcss (source)	`8.4.39` -> `8.4.41`
postcss-preset-mantine	`1.15.0` -> `1.17.0`
prettier (source)	`3.3.2` -> `3.3.3`
prettier-plugin-tailwindcss	`0.6.5` -> `0.6.6`
react-hook-form (source)	`7.52.1` -> `7.52.2`
react-router-dom (source)	`6.24.1` -> `6.26.0`
tailwindcss (source)	`3.4.4` -> `3.4.10`
type-fest	`4.21.0` -> `4.24.0`
typescript (source)	`5.5.3` -> `5.5.4`
vite (source)	`5.3.3` -> `5.4.0`
vitest (source)	`1.6.0` -> `2.0.5`

Release Notes

babel/babel (@babel/core)

`v7.25.2`

Compare Source

🐛 Bug Fix

babel-core, babel-traverse
- #16695 Ensure that requeueComputedKeyAndDecorators is available (@nicolo-ribaudo)

`v7.24.9`

Compare Source

🐛 Bug Fix

babel-core, babel-standalone
- #16639 Avoid require() call in @babel/standalone bundle (@nicolo-ribaudo)
babel-types
- #16638 fix: provide legacy typings for TS < 4.1 (@JLHwung)

💅 Polish

babel-generator, babel-plugin-transform-optional-chaining
- #16617 Avoid extra parens in TS as/satisfies (@nicolo-ribaudo)

🏠 Internal

babel-helper-module-transforms
- #16629 Lazy top-level initializations for module transforms (@guybedford)

`v7.24.8`

Compare Source

👓 Spec Compliance

babel-parser
- #16567 Do not use strict mode in TS declare (@liuxingbaoyu)

🐛 Bug Fix

babel-generator
- #16630 Correctly print parens around in in for heads (@nicolo-ribaudo)
- #16626 Fix printing of comments in await using (@nicolo-ribaudo)
- #16591 fix typescript code generation for yield expression inside type expre… (@SreeXD)
babel-parser
- #16613 Disallow destructuring assignment in using declarations (@H0onnn)
- #16490 fix: do not add .value: undefined to regexp literals (@liuxingbaoyu)
babel-types
- #16615 Remove boolean props from ObjectTypeInternalSlot visitor keys (@nicolo-ribaudo)
babel-plugin-transform-typescript
- #16566 fix: Correctly handle export import x = (@liuxingbaoyu)

💅 Polish

babel-generator
- #16625 Avoid unnecessary parens around async in for await (@nicolo-ribaudo)
babel-traverse
- #16619 Avoid checking Scope.globals multiple times (@liuxingbaoyu)

conventional-changelog/commitlint (@commitlint/cli)

`v19.4.0`

Compare Source

Features

support command line options from a file (#4109) (a20e890)
support linting from the last tag (#4110) (4b204ec)

mantinedev/mantine (@mantine/core)

`v7.12.1`

Compare Source

`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:

import { Button } from '@&#8203;mantine/core';
import { notifications } from '@&#8203;mantine/notifications';

const positions = [
  'top-left',
  'top-right',
  'bottom-left',
  'bottom-right',
  'top-center',
  'bottom-center',
] as const;

function Demo() {
  const buttons = positions.map((position) => (
    <Button
      key={position}
      onClick={() =>
        notifications.show({
          title: `Notification at ${position}`,
          message: `Notification at ${position} message`,
          position,
        })
      }
    >
      {position}
    </Button>
  ));

  return <Group>{buttons}</Group>;
}

Subscribe to notifications state

You can now subscribe to notifications state changes with useNotifications hook:

import { Button } from '@&#8203;mantine/core';
import { notifications } from '@&#8203;mantine/notifications';

function Demo() {
  return (
    <Button
      onClick={() =>
        notifications.show({
          title: 'Default notification',
          message: 'Do not forget to star Mantine on GitHub! 🌟',
        })
      }
    >
      Show notification
    </Button>
  );
}

SemiCircleProgress component

New SemiCircleProgress component:

import { SemiCircleProgress } from '@&#8203;mantine/core';

function Demo() {
  return (
    <SemiCircleProgress
      fillDirection="left-to-right"
      orientation="up"
      filledSegmentColor="blue"
      size={200}
      thickness={12}
      value={40}
      label="Label"
    />
  );
}

Tree checked state

Tree component now supports checked state:

import { IconChevronDown } from '@&#8203;tabler/icons-react';
import { Checkbox, Group, RenderTreeNodePayload, Tree } from '@&#8203;mantine/core';
import { data } from './data';

const renderTreeNode = ({
  node,
  expanded,
  hasChildren,
  elementProps,
  tree,
}: RenderTreeNodePayload) => {
  const checked = tree.isNodeChecked(node.value);
  const indeterminate = tree.isNodeIndeterminate(node.value);

  return (
    <Group gap="xs" {...elementProps}>
      <Checkbox.Indicator
        checked={checked}
        indeterminate={indeterminate}
        onClick={() => (!checked ? tree.checkNode(node.value) : tree.uncheckNode(node.value))}
      />

      <Group gap={5} onClick={() => tree.toggleExpanded(node.value)}>
        <span>{node.label}</span>

        {hasChildren && (
          <IconChevronDown
            size={14}
            style={{ transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)' }}
          />
        )}
      </Group>
    </Group>
  );
};

function Demo() {
  return <Tree data={data} levelOffset={23} expandOnClick={false} renderNode={renderTreeNode} />;
}

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 from
postcss-preset-mantine@1.17.0.

module.exports = {
  'postcss-preset-mantine': {
    features: {
      // Turn off `light-dark` function
      lightDarkFunction: false,

      // Turn off `postcss-nested` plugin
      nested: false,

      // Turn off `lighten`, `darken` and `alpha` functions
      colorMixAlpha: false,

      // Turn off `rem` and `em` functions
      remEmFunctions: false,

      // Turn off `postcss-mixins` plugin
      mixins: false,
    },
  },
};

Help Center updates

Server components guide has been updated to include Component.extend usage in server components.
A guide on applying input focus styles has been updated to work correctly with PasswordInput and other components in which the input selector is not used for actual input element.
The guide on how to disable all inputs in the form now includes additional instructions for use-form.
New Can I have color schemes other than light and dark? guide explains the difference between color scheme and theme and why Mantine does not support custom color schemes.
New Why VSCode cannot autoimport Text component? guide explains why VSCode cannot automatically import Text component.
New Are Mantine components accessible? question
New How can I focus the first input with error with use-form? question
New How to scroll to the top of the form if the form is submitted with errors? question
New Why my notifications are displayed at a wrong position? question
New Why my screen is completely empty after I've added notifications package? question
New Why can I not use value/label data structure with Autocomplete/TagsInput? question
New Why FileButton does not work in Menu? question
New How can I display different elements in light and dark color schemes? question

Other changes

use-interval hook now supports autoInvoke option to start the interval automatically when the component mounts.
use-form with mode="uncontrolled" now triggers additional rerender when dirty state changes to allow subscribing to form state changes.
ScrollArea component now supports onTopReached and onBottomReached props. The functions are called when the user scrolls to the top or bottom of the scroll area.
Accordion.Panel component now supports onTransitionEnd prop that is called when the panel animation completes.

`v7.11.2`

Compare Source

mantinedev/mantine (@mantine/hooks)

`v7.12.1`

Compare Source

`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:

import { Button } from '@&#8203;mantine/core';
import { notifications } from '@&#8203;mantine/notifications';

const positions = [
  'top-left',
  'top-right',
  'bottom-left',
  'bottom-right',
  'top-center',
  'bottom-center',
] as const;

function Demo() {
  const buttons = positions.map((position) => (
    <Button
      key={position}
      onClick={() =>
        notifications.show({
          title: `Notification at ${position}`,
          message: `Notification at ${position} message`,
          position,
        })
      }
    >
      {position}
    </Button>
  ));

  return <Group>{buttons}</Group>;
}

Subscribe to notifications state

You can now subscribe to notifications state changes with useNotifications hook:

import { Button } from '@&#8203;mantine/core';
import { notifications } from '@&#8203;mantine/notifications';

function Demo() {
  return (
    <Button
      onClick={() =>
        notifications.show({
          title: 'Default notification',
          message: 'Do not forget to star Mantine on GitHub! 🌟',
        })
      }
    >
      Show notification
    </Button>
  );
}

SemiCircleProgress component

New SemiCircleProgress component:

import { SemiCircleProgress } from '@&#8203;mantine/core';

function Demo() {
  return (
    <SemiCircleProgress
      fillDirection="left-to-right"
      orientation="up"
      filledSegmentColor="blue"
      size={200}
      thickness={12}
      value={40}
      label="Label"
    />
  );
}

Tree checked state

Tree component now supports checked state:

import { IconChevronDown } from '@&#8203;tabler/icons-react';
import { Checkbox, Group, RenderTreeNodePayload, Tree } from '@&#8203;mantine/core';
import { data } from './data';

const renderTreeNode = ({
  node,
  expanded,
  hasChildren,
  elementProps,
  tree,
}: RenderTreeNodePayload) => {
  const checked = tree.isNodeChecked(node.value);
  const indeterminate = tree.isNodeIndeterminate(node.value);

  return (
    <Group gap="xs" {...elementProps}>
      <Checkbox.Indicator
        checked={checked}
        indeterminate={indeterminate}
        onClick={() => (!checked ? tree.checkNode(node.value) : tree.uncheckNode(node.value))}
      />

      <Group gap={5} onClick={() => tree.toggleExpanded(node.value)}>
        <span>{node.label}</span>

        {hasChildren && (
          <IconChevronDown
            size={14}
            style={{ transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)' }}
          />
        )}
      </Group>
    </Group>
  );
};

function Demo() {
  return <Tree data={data} levelOffset={23} expandOnClick={false} renderNode={renderTreeNode} />;
}

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 from
postcss-preset-mantine@1.17.0.

module.exports = {
  'postcss-preset-mantine': {
    features: {
      // Turn off `light-dark` function
      lightDarkFunction: false,

      // Turn off `postcss-nested` plugin
      nested: false,

      // Turn off `lighten`, `darken` and `alpha` functions
      colorMixAlpha: false,

      // Turn off `rem` and `em` functions
      remEmFunctions: false,

      // Turn off `postcss-mixins` plugin
      mixins: false,
    },
  },
};

Help Center updates

Server components guide has been updated to include Component.extend usage in server components.
A guide on applying input focus styles has been updated to work correctly with PasswordInput and other components in which the input selector is not used for actual input element.
The guide on how to disable all inputs in the form now includes additional instructions for use-form.
New Can I have color schemes other than light and dark? guide explains the difference between color scheme and theme and why Mantine does not support custom color schemes.
New Why VSCode cannot autoimport Text component? guide explains why VSCode cannot automatically import Text component.
New Are Mantine components accessible? question
New How can I focus the first input with error with use-form? question
New How to scroll to the top of the form if the form is submitted with errors? question
New Why my notifications are displayed at a wrong position? question
New Why my screen is completely empty after I've added notifications package? question
New Why can I not use value/label data structure with Autocomplete/TagsInput? question
New Why FileButton does not work in Menu? question
New How can I display different elements in light and dark color schemes? question

Other changes

use-interval hook now supports autoInvoke option to start the interval automatically when the component mounts.
use-form with mode="uncontrolled" now triggers additional rerender when dirty state changes to allow subscribing to form state changes.
ScrollArea component now supports onTopReached and onBottomReached props. The functions are called when the user scrolls to the top or bottom of the scroll area.
Accordion.Panel component now supports onTransitionEnd prop that is called when the panel animation completes.

`v7.11.2`

Compare Source

microsoft/playwright (@playwright/test)

reduxjs/redux-toolkit (@reduxjs/toolkit)

`v2.2.7`

Compare Source

This bugfix release fixes issues with "TS type portability" errors, improves build artifact tree shaking behavior, and exports some additional TS types.

Changelog

TS Type Portability

We've had a slew of issues reported around "TS type portability" errors, such as:

The error messages are typically along the lines of:

Type error: The inferred type of 'configureStore' cannot be named without a reference to '@reduxjs/toolkit/node_modules/redux'. This is likely not portable. A type annotation is necessary.

@aryaemami59 did some deep investigation and concluded these were due to a mixture of using interface instead of type in most places, not pre-bundling our TS typedefs, and not exporting some of the unique symbols we use internally.

Arya put together a highly detailed writeup and set of fixes in #4467: Fix: TypeScript Type Portability Issues, and that appears to resolve all of those issues we've seen. Thank you!

Other Changes

Arya also did significant work to improve RTK's treeshaking, tweaking internal definitions to let bundlers better separate out unused code.

We've exported additional types like UpdateDefinitions and RetryOptions, per request.

listenerMiddleware.withTypes() methods now allow passing in an ExtraArgument generic.

What's Changed

Fix: TypeScript Type Portability Issues by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4467
Export UpdateDefinitions from toolkit/query by @joekrill in https://github.com/reduxjs/redux-toolkit/pull/4519
feat: Adds ExtraArgument to withTypes for listenerMiddleware. by @antondalgren in https://github.com/reduxjs/redux-toolkit/pull/4517
Improve treeshakeability of build artifacts by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4435
Export RetryOptions by @markerikson in https://github.com/reduxjs/redux-toolkit/pull/4529

Full Changelog: reduxjs/redux-toolkit@v2.2.6...v2.2.7

TanStack/query (@tanstack/react-query)

`v5.51.23`

Compare Source

Version 5.51.23 - 8/8/24, 8:02 AM

Changes

Fix

react-query: ensure we have a gcTime of at least 1 second when using suspense (#7860) (c744f99) by Dominik Dorfmeister

Docs

Fix typo (#7865) (1fc6124) by Navin Khadka

Packages

@tanstack/react-query @5.51.23
@tanstack/react-query-devtools @5.51.23
@tanstack/react-query-persist-client @5.51.23
@tanstack/react-query-next-experimental @5.51.23

`v5.51.21`

Compare Source

Version 5.51.21 - 8/2/24, 6:43 PM

Changes

Fix

query-core: make CancelledError extend Error (#7843) (35c086f) by Dominik Dorfmeister

Packages

@tanstack/query-core @5.51.21
@tanstack/react-query @5.51.21
@tanstack/query-broadcast-client-experimental @5.51.21
@tanstack/query-persist-client-core @5.51.21
@tanstack/query-sync-storage-persister @5.51.21
@tanstack/react-query-devtools @5.51.21
@tanstack/react-query-persist-client @5.51.21
@tanstack/react-query-next-experimental @5.51.21
@tanstack/solid-query @5.51.21
@tanstack/solid-query-devtools @5.51.21
@tanstack/solid-query-persist-client @5.51.21
@tanstack/svelte-query @5.51.21
@tanstack/svelte-query-devtools @5.51.21
@tanstack/svelte-query-persist-client @5.51.21
@tanstack/vue-query @5.51.21
@tanstack/vue-query-devtools @5.51.21
@tanstack/angular-query-experimental @5.51.21
@tanstack/query-async-storage-persister @5.51.21
@tanstack/angular-query-devtools-experimental @5.51.21

`v5.51.18`

Compare Source

Version 5.51.18 - 8/1/24, 1:38 PM

Changes

Fix

query-options: allow returning undefined in initialData function (#7351) (fdb8ce1) by Shahar Har-Shuv

Packages

@tanstack/react-query @5.51.18
@tanstack/angular-query-experimental @5.51.18
@tanstack/react-query-devtools @5.51.18
@tanstack/react-query-persist-client @5.51.18
@tanstack/react-query-next-experimental @5.51.18
@tanstack/angular-query-devtools-experimental @5.51.18

`v5.51.17`

Compare Source

Version 5.51.17 - 8/1/24, 1:21 PM

Changes

Fix

core: query should reset to default state even when created from hydration (#7837) (bbb2244) by Dominik Dorfmeister

Chore

deps: lock file maintenance (c7245c9) by renovate[bot]

Packages

@tanstack/query-core @5.51.17
@tanstack/query-broadcast-client-experimental @5.51.17
@tanstack/query-persist-client-core @5.51.17
@tanstack/query-sync-storage-persister @5.51.17
@tanstack/react-query @5.51.17
@tanstack/react-query-devtools @5.51.17
@tanstack/react-query-persist-client @5.51.17
@tanstack/react-query-next-experimental @5.51.17
@tanstack/solid-query @5.51.17
@tanstack/solid-query-devtools @5.51.17
@tanstack/solid-query-persist-client @5.51.17
@tanstack/svelte-query @5.51.17
@tanstack/svelte-query-devtools @5.51.17
@tanstack/svelte-query-persist-client @5.51.17
@tanstack/vue-query @5.51.17
@tanstack/vue-query-devtools @5.51.17
@tanstack/angular-query-experimental @5.51.17
@tanstack/query-async-storage-persister @5.51.17
@tanstack/angular-query-devtools-experimental @5.51.17

`v5.51.16`

Compare Source

`v5.51.15`

Compare Source

Version 5.51.15 - 7/26/24, 11:47 AM (Manual Release)

Changes

Other

(cd68280) by Ryan Kuruppu

Packages

@tanstack/eslint-plugin-query @5.51.15
@tanstack/query-async-storage-persister @5.51.15
@tanstack/query-broadcast-client-experimental @5.51.15
@tanstack/query-core @5.51.15
@tanstack/query-devtools @5.51.15
@tanstack/query-persist-client-core @5.51.15
@tanstack/query-sync-storage-persister @5.51.15
@tanstack/react-query @5.51.15
@tanstack/react-query-devtools @5.51.15
@tanstack/react-query-persist-client @5.51.15
@tanstack/react-query-next-experimental @5.51.15
@tanstack/solid-query @5.51.15
@tanstack/solid-query-devtools @5.51.15
@tanstack/solid-query-persist-client @5.51.15
@tanstack/svelte-query @5.51.15
@tanstack/svelte-query-devtools @5.51.15
@tanstack/svelte-query-persist-client @5.51.15
@tanstack/vue-query @5.51.15
@tanstack/vue-query-devtools @5.51.15
[@t

Configuration

📅 Schedule: Branch creation - "before 4am on the first day of the month" (UTC), 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.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

netlify · 2024-08-01T01:37:29Z

✅ Deploy Preview for my-react-template ready!

Name	Link
🔨 Latest commit	`706422d`
🔍 Latest deploy log	https://app.netlify.com/sites/my-react-template/deploys/66bbeeea758a95000753acb0
😎 Deploy Preview	https://deploy-preview-120--my-react-template.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

renovate bot force-pushed the renovate/all branch 12 times, most recently from 9842e92 to 78170c4 Compare August 8, 2024 14:20

renovate bot force-pushed the renovate/all branch 4 times, most recently from 2a7ad9d to e7313a2 Compare August 13, 2024 06:50

chore(deps): update all dependencies

706422d

renovate bot force-pushed the renovate/all branch from e7313a2 to 706422d Compare August 13, 2024 23:40

DuckyMomo20012 merged commit fbccd2f into main Aug 15, 2024
5 checks passed

DuckyMomo20012 deleted the renovate/all branch August 15, 2024 01:07

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(deps): update all dependencies #120

chore(deps): update all dependencies #120

renovate bot commented Aug 1, 2024 •

edited

Loading

netlify bot commented Aug 1, 2024 •

edited

Loading

chore(deps): update all dependencies #120

chore(deps): update all dependencies #120

Conversation

renovate bot commented Aug 1, 2024 • edited Loading

Release Notes

🐛 Bug Fix

🐛 Bug Fix

💅 Polish

🏠 Internal

👓 Spec Compliance

🐛 Bug Fix

💅 Polish

Features

v7.12.0: 🌟

Notifications at any position

Subscribe to notifications state

SemiCircleProgress component

Tree checked state

Disable specific features in postcss-preset-mantine

Help Center updates

Other changes

v7.12.0: 🌟

Notifications at any position

Subscribe to notifications state

SemiCircleProgress component

Tree checked state

Disable specific features in postcss-preset-mantine

Help Center updates

Other changes

Changelog

TS Type Portability

Other Changes

What's Changed

Changes

Fix

Docs

Packages

Changes

Fix

Packages

Changes

Fix

Packages

Changes

Fix

Chore

Packages

Changes

Other

Packages

Configuration

netlify bot commented Aug 1, 2024 • edited Loading

✅ Deploy Preview for my-react-template ready!

renovate bot commented Aug 1, 2024 •

edited

Loading

`v7.12.0`: 🌟

`v7.12.0`: 🌟

netlify bot commented Aug 1, 2024 •

edited

Loading