👷 Update all non-major dependencies

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@mantine/core (source)	7.11.2 -> 7.12.0
@mantine/hooks (source)	7.11.2 -> 7.12.0
@types/node (source)	22.0.0 -> 22.1.0
@typescript-eslint/eslint-plugin (source)	7.17.0 -> 7.18.0
@typescript-eslint/parser (source)	7.17.0 -> 7.18.0
@wdio/browserstack-service (source)	8.39.1 -> 8.40.0
@wdio/cli (source)	8.39.1 -> 8.40.0
@wdio/jasmine-framework (source)	8.39.1 -> 8.40.0
@wdio/junit-reporter (source)	8.39.0 -> 8.40.0
@wdio/local-runner (source)	8.39.1 -> 8.40.0
eslint-plugin-jsdoc	48.9.2 -> 48.11.0
karma (source)	6.4.3 -> 6.4.4
lerna (source)	8.1.7 -> 8.1.8
puppeteer (source)	22.14.0 -> 22.15.0
react-router-dom (source)	6.25.1 -> 6.26.0
webdriverio (source)	8.39.1 -> 8.40.0
yarn (source)	4.3.1 -> 4.4.0

---

Release Notes

mantinedev/mantine (@​mantine/core)

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 '@​mantine/core';
import { notifications } from '@​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 '@​mantine/core';
import { notifications } from '@​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 '@​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 '@​tabler/icons-react';
import { Checkbox, Group, RenderTreeNodePayload, Tree } from '@​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
[email protected].

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.

typescript-eslint/typescript-eslint (@​typescript-eslint/eslint-plugin)

v7.18.0

Compare Source

🩹 Fixes

• eslint-plugin: [no-unnecessary-type-assertion] prevent runtime error when asserting a variable declared in default TS lib

• eslint-plugin: [unbound-method] report on destructuring in function parameters

• eslint-plugin: [no-duplicate-type-constituents] shouldn't report on error types

• eslint-plugin: [strict-boolean-expressions] support branded booleans

❤️ Thank You

• auvred
• Oliver Salzburg
• Vinccool96
• Yukihiro Hasegawa

You can read about our versioning strategy and releases on our website.

typescript-eslint/typescript-eslint (@​typescript-eslint/parser)

v7.18.0

Compare Source

This was a version bump only for parser to align it with other projects, there were no code changes.

You can read about our versioning strategy and releases on our website.

webdriverio/webdriverio (@​wdio/browserstack-service)

v8.40.0

Compare Source

v8.40.0 (2024-08-05)

🐛 Bug Fix

• devtools, wdio-devtools-service, webdriverio
  • #​13256 fix(webdriverio): update puppeteer-core (@​christian-bromann)
• wdio-appium-service
  • #​13179 fix-v8(@​wdio/appium-service): add port to appium start command (@​vparlah)
• wdio-config
  • #​12888 Dedupe Capabilities (@​EdmundasD)
• wdio-utils
  • #​13208 fix(@​wdio/utils): Don't download chromedriver with CHROMEDRIVER_PATH (v8 backport) (@​johnp)
• wdio-browserstack-service
  • #​13118 Support app inside appium options (v8) (@​sriteja777)

💅 Polish

• webdriver
  • #​13084 Fix reloadSession subsequent commands (@​ccharnkij)

Committers: 7

• Chanatan Charnkijtawarush (@​ccharnkij)
• Christian Bromann (@​christian-bromann)
• Edmundas Daunoras (@​EdmundasD)
• Jochen (@​jochen-testingbot)
• Johannes Pfrang (@​johnp)
• Sriteja Sugoor (@​sriteja777)
• Volodymyr Parlah (@​vparlah)

gajus/eslint-plugin-jsdoc (eslint-plugin-jsdoc)

v48.11.0

Compare Source

v48.10.2

Compare Source

Bug Fixes

• check-template-names: check for param and returns tags; fixes #​1286 (12fca71)

v48.10.1

Compare Source

Bug Fixes

• add espree as dependency; fixes #​1284 (31e0a35)

v48.10.0

Compare Source

Features

• require-template, check-template-names: add support ClassDeclaration (31d3255)
• require-template, check-template-names: add support FunctionDeclaration (28bc1cb)
• require-template, check-template-names: add support TSInterfaceDeclaration (320a1eb)

v48.9.3

Compare Source

Bug Fixes

• getJsdocProcessorPlugin: ensure package.json file is consistently located (87a1270)

karma-runner/karma (karma)

v6.4.4

Compare Source

lerna/lerna (lerna)

v8.1.8

Compare Source

Bug Fixes

• publish: upgrade @​npmcli/arborist to 7.5.4 (#​4058) (89de0eb)

puppeteer/puppeteer (puppeteer)

v22.15.0

Compare Source

remix-run/react-router (react-router-dom)

v6.26.0

Compare Source

Minor Changes

• Add a new replace(url, init?) alternative to redirect(url, init?) that performs a history.replaceState instead of a history.pushState on client-side navigation redirects (#​11811)

Patch Changes

• Fix initial hydration behavior when using future.v7_partialHydration along with unstable_patchRoutesOnMiss (#​11838)
  • During initial hydration, router.state.matches will now include any partial matches so that we can render ancestor HydrateFallback components
• Updated dependencies:
  • @remix-run/[email protected]
  • [email protected]

yarnpkg/berry (yarn)

v4.4.0

Compare Source

---

Configuration

📅 Schedule: Branch creation - "every weekend" (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.

[cit-pr-commenter]

Bundles Sizes Evolution

📦 Bundle Name	Base Size	Local Size	𝚫	𝚫%	Status
Rum	158.91 KiB	158.91 KiB	0 B	0.00%	✅
Logs	55.93 KiB	55.93 KiB	0 B	0.00%	✅
Rum Slim	107.52 KiB	107.52 KiB	0 B	0.00%	✅
Worker	25.21 KiB	25.21 KiB	0 B	0.00%	✅

🚀 CPU Performance

Action Name	Base Average Cpu Time (ms)	Local Average Cpu Time (ms)	𝚫
addglobalcontext	0.002	0.001	-0.001
addaction	0.040	0.041	0.001
addtiming	0.001	0.001	-0.000
adderror	0.043	0.042	-0.001
startstopsessionreplayrecording	1.145	0.991	-0.154
startview	1.068	0.990	-0.078
logmessage	0.027	0.021	-0.006

🧠 Memory Performance

Action Name	Base Consumption Memory (bytes)	Local Consumption Memory (bytes)	𝚫 (bytes)
addglobalcontext	19.63 KiB	17.57 KiB	-2107 B
addaction	70.87 KiB	65.80 KiB	-5196 B
addtiming	16.39 KiB	15.22 KiB	-1199 B
adderror	85.83 KiB	82.97 KiB	-2937 B
startstopsessionreplayrecording	13.91 KiB	10.60 KiB	-3389 B
startview	345.90 KiB	349.05 KiB	3.15 KiB
logmessage	69.89 KiB	67.46 KiB	-2487 B

🔗 RealWorld

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 93.49%. Comparing base (7d77b57) to head (0742450).

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2920      +/-   ##
==========================================
- Coverage   93.50%   93.49%   -0.02%     
==========================================
  Files         270      270              
  Lines        7594     7594              
  Branches     1692     1692              
==========================================
- Hits         7101     7100       -1     
- Misses        493      494       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[renovate]

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.

[BenoitZugmeyer]

👏 praise: ‏TIL! We usually solve this by changing the type to beforeMouseUp?: (...) => void but this:void sounds nice too