chore(deps): update all non-major dependencies #1060

renovate · 2024-12-09T00:09:33Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@angular-devkit/build-angular	`^19.0.0` -> `^19.0.4`
@angular/animations (source)	`^19.0.0` -> `^19.0.3`
@angular/cli	`^19.0.0` -> `^19.0.4`
@angular/common (source)	`^19.0.0` -> `^19.0.3`
@angular/compiler (source)	`^19.0.0` -> `^19.0.3`
@angular/compiler-cli (source)	`^19.0.0` -> `^19.0.3`
@angular/core (source)	`^19.0.0` -> `^19.0.3`
@angular/forms (source)	`^19.0.0` -> `^19.0.3`
@angular/platform-browser (source)	`^19.0.0` -> `^19.0.3`
@angular/platform-browser-dynamic (source)	`^19.0.0` -> `^19.0.3`
@angular/router (source)	`^19.0.0` -> `^19.0.3`
@emotion/react (source)	`11.13.3` -> `11.13.5`
@emotion/styled (source)	`11.13.0` -> `11.13.5`
@eslint-react/eslint-plugin (source)	`^1.17.3` -> `^1.18.0`
@mantine/core (source)	`7.13.5` -> `7.14.3`
@mantine/hooks (source)	`7.13.5` -> `7.14.3`
@mui/material (source)	`5.16.7` -> `5.16.9`
@tanstack/react-query (source)	`^5.59.20` -> `^5.62.3`
@tanstack/react-router (source)	`^1.81.1` -> `^1.87.1`
@tanstack/start (source)	`^1.81.1` -> `^1.87.1`
@testing-library/angular	`^17.3.2` -> `^17.3.4`
@vitejs/plugin-react (source)	`^4.3.3` -> `^4.3.4`
@vitejs/plugin-react-swc	`^3.7.1` -> `^3.7.2`
@vitest/coverage-istanbul (source)	`^2.1.4` -> `^2.1.8`
babel-plugin-react-compiler (source)	`^19.0.0-beta-0dec889-20241115` -> `^19.0.0-beta-df7b47d-20241124`
eslint-plugin-react-compiler (source)	`^19.0.0-beta-0dec889-20241115` -> `^19.0.0-beta-df7b47d-20241124`
next (source)	`15.0.3` -> `15.0.4`
nx (source)	`^20.2.0` -> `^20.2.1`
pnpm (source)	`9.14.4` -> `9.15.0`
postcss (source)	`8.4.48` -> `8.4.49`
typescript54 (source)	`5.4` -> `5.7.2`
typescript55 (source)	`5.5` -> `5.7.2`
valibot (source)	`^1.0.0-beta.5` -> `^1.0.0-beta.9`
vinxi (source)	`^0.4.3` -> `^0.5.1`
vite-tsconfig-paths	`^5.1.2` -> `^5.1.4`
vitest (source)	`^2.1.4` -> `^2.1.8`

Release Notes

angular/angular-cli (@angular-devkit/build-angular)

`v19.0.4`

Compare Source

`v19.0.3`

Compare Source

@angular/cli

Commit	Type	Description
4e82ca180	fix	correctly select package versions in descending order during `ng add`

@schematics/angular

Commit	Type	Description
28a51cc5e	fix	add required type to `CanDeactivate` guard (#29004)

@angular/build

Commit	Type	Description
f26e1b462	fix	add timeout to route extraction
ab4e77c75	fix	allow .json file replacements with application builds
06690d87e	fix	apply define option to JavaScript from scripts option
775e6f780	fix	avoid deploy URL usage on absolute preload links
21f21eda3	fix	ensure correct handling of `index.output` for SSR

@angular/ssr

Commit	Type	Description
75cf47e71	fix	apply HTML transformation to CSR responses
5880a0230	fix	correctly handle serving of prerendered i18n pages
277b8a378	fix	ensure compatibility for `Http2ServerResponse` type

angular/angular (@angular/animations)

`v19.0.3`

Compare Source

`v19.0.2`

Compare Source

compiler-cli

Commit	Type	Description
9f99196d23	fix	account for multiple generated namespace imports in HMR (#58924)

core

Commit	Type	Description
4792db9a6d	fix	Explicitly manage TracingSnapshot lifecycle and dispose of it once it's been used. (#58929)

migrations

Commit	Type	Description
7b5bacc228	fix	class content being deleted in some edge cases (#58959)
d1cbdd6acb	fix	correctly strip away parameters surrounded by comments in inject migration (#58959)
e17ff71c31	fix	don't migrate classes with parameters that can't be injected (#58959)
7c5f990001	fix	inject migration aggressively removing imports (#58959)
4392ccedf9	fix	inject migration dropping code if everything except super is removed (#58959)
9cbebc6dda	fix	preserve type literals and tuples in inject migrations (#58959)

platform-server

Commit	Type	Description
f3c388ecda	fix	remove peer dependency on animations (#58997)

emotion-js/emotion (@emotion/react)

`v11.13.5`

Compare Source

Rel1cx/eslint-react (@eslint-react/eslint-plugin)

`v1.18.0`

Compare Source

✨ New

feat(plugins/x): add no-forward-ref rule by @Rel1cx in https://github.com/Rel1cx/eslint-react/pull/870

🪄 Improvements

perf(plugins/dom): improve performance of no-children-in-void-dom-elements by @Rel1cx

mantinedev/mantine (@mantine/core)

`v7.14.3`

Compare Source

What's Changed

[@mantine/core] Slider: Fix restrictToMarks prop not working with arrow and Home/End keys correctly
[@mantine/core] Checkbox: Fix Checkbox.Card component not working with form.getInputProps
[@mantine/core] Tree: Add checkOnSpace prop support (#7132)
[@mantine/core] ScrollArea: Fix opacity style of thumb being too specific (#7149)
[@mantine/dates] Add withWeekNumbers prop support to all components based on Calendar (#7179)
[@mantine/core] Replace global JSX types with React.JSX to support React 19 types (#7178)

New Contributors

@yesmeck made their first contribution in https://github.com/mantinedev/mantine/pull/7178
@ustun-ed made their first contribution in https://github.com/mantinedev/mantine/pull/7181

Full Changelog: mantinedev/mantine@7.14.2...7.14.3

`v7.14.2`

Compare Source

What's Changed

[@mantine/core] Add onEnterTranstionEnd and onExitTransitionEnd props support to Modal, Drawer and Popover components
[@mantine/charts] DonutChart: Fix valueFormatter prop not working, add labelsType prop support (#7153)
[@mantine/charts] BarChart: Fix incorrect labels positions in some cases (#7160)
[@mantine/core] PasswordInput: Fix visibilityToggleButtonProps.variant prop being ignored (#7144)
[@mantine/core] Improve window.matchMedia usage to support test environments without matchMedia support (#7147)
[@mantine/core] Fix arrow overlaying Popover, Tooltip and HoverCard content in some cases (#7148)
[@mantine/form] Add onSubmitPreventDefault option support (#7142)
[@mantine/core] TypographyStylesProvider: Fix incorrect lists styles
[@mantine/notifications] Fix notifications with bottom-right and top-right positions shifting when modal/drawer is opened
[@mantine/core] FileInput: Add missing placeholder Styles API reference
[@mantine/core] Update floating-ui, react-textarea-autosize and type-fest dependencies to the latest version
[@mantine/modals] Add updateModal and updateContextModal functions (#7104)
[@mantine/tiptap] Fix too specific styles that prevented controls border-radius override without !important
[@mantine/tiptap] Fix disabled controls having hover effects and pointer cursor
[@mantine/core] FileInput: Add missing component prop
[@mantine/core] AngleSlider: Fix page being scrolled when the value is being changed on mobile
[@mantine/core] NumberInput: Fix increment/decrement controls not being visible if the value is number like string
[@mantine/core] NavLink: Fix collapse for nested links being rendered even if there are no child links (#7133)
[@mantine/dates] Fix defaultDate prop being ignore in YearPickerInput and MonthPickerInput components (#7108)
[@mantine/dropzone] Update react-dropzone-esm to the latest version

New Contributors

@lsanwick made their first contribution in https://github.com/mantinedev/mantine/pull/7147
@minosss made their first contribution in https://github.com/mantinedev/mantine/pull/7160
@me-gusta-v made their first contribution in https://github.com/mantinedev/mantine/pull/7153

Full Changelog: mantinedev/mantine@7.14.1...7.14.2

`v7.14.1`

Compare Source

What's Changed

[@mantine/hooks] use-hotkeys: Fix + sign not being supported (syntax: shift+[plus]) (#7123)
[@mantine/core] Popover: Fix styles prop being handled incorrectly (#7120)
[@mantine/charts] Fix valueFormatter not working in point labels of LineChant, AreaChart and CompositeChart components (#6989)
[@mantine/core] Popover: Fix onOpen and onClose callbacks being called on each render (#7022, #7111, #7115)
[@mantine/core] Menu: Fix Blocked aria-hidden warning when an interactive element is clicked outside of the Menu.Dropdown when the Menu is opened (#7035)
[@mantine/core] Fix top style prop not being conveted to rem (#7112)
[@mantine/dates] DateInput: Fix defaultDate prop not working when the value is set to null (#4426)
[@mantine/core] NumberInput: Remove increment/decrement control if value cannot be safely incremented (is larger than Number.MAX_SAFE_INTEGER) (#7033)
[@mantine/core] NumberInput: Fix value being reverted to start value if intial component value is a string
[@mantine/notifications] Fix NotificationData type being too broad (#7097)
[@mantine/core] RingProgress: Add transitionDuration prop support (#7103)
[@mantine/core] TagsInput: Fix incorrect tag remove logic with duplicated tags (#7105)
[@mantine/core] Combobox: Fix incorrect aria-controls attribute being set on the target element when the dropdown is closed (#7114)

New Contributors

@Samy0412 made their first contribution in https://github.com/mantinedev/mantine/pull/7114

Full Changelog: mantinedev/mantine@7.14.0...7.14.1

`v7.14.0`: 💋

Compare Source

View changelog with demos on mantine.dev website

AngleSlider component

New AngleSlider component:

import { AngleSlider, Group } from '@&#8203;mantine/core';

function Demo() {
  return (
    <Group p="lg" gap={50}>
      <AngleSlider
        aria-label="Angle slider"
        formatLabel={(value) => `${value}°`}
        size={100}
        restrictToMarks
        marks={[
          { value: 0 },
          { value: 45 },
          { value: 90 },
          { value: 135 },
          { value: 180 },
          { value: 225 },
          { value: 270 },
          { value: 315 },
        ]}
      />

      <AngleSlider
        aria-label="Angle slider"
        formatLabel={(value) => `${value}°`}
        size={100}
        marks={[
          { value: 0, label: '0°' },
          { value: 45, label: '45°' },
          { value: 90, label: '90°' },
          { value: 135, label: '135°' },
          { value: 180, label: '180°' },
          { value: 225, label: '225°' },
          { value: 270, label: '270°' },
          { value: 315, label: '315°' },
        ]}
      />
    </Group>
  );
}

RadialBarChart component

New RadialBarChart component:

import { RadialBarChart } from '@&#8203;mantine/charts';

const data = [
  { name: '18-24', value: 31.47, color: 'blue.7' },
  { name: '25-29', value: 26.69, color: 'orange.6' },
  { name: '30-34', value: 15.69, color: 'yellow.7' },
  { name: '35-39', value: 8.22, color: 'cyan.6' },
  { name: '40-49', value: 8.63, color: 'green' },
  { name: '50+', value: 2.63, color: 'pink' },
  { name: 'unknown', value: 6.67, color: 'gray' },
];

function Demo() {
  return <RadialBarChart data={data} dataKey="value" h={280} withLabels />;
}

FunnelChart component

New FunnelChart component:

import { FunnelChart } from '@&#8203;mantine/charts';

const data = [
  { name: 'USA', value: 400, color: 'indigo.6' },
  { name: 'India', value: 300, color: 'yellow.6' },
  { name: 'Japan', value: 100, color: 'teal.6' },
  { name: 'Other', value: 200, color: 'gray.6' },
];

function Demo() {
  return <FunnelChart data={data} />;
}

Modal.Stack and Drawer.Stack components

New Modal.Stack and Drawer.Stack components simplify usage of multiple modals/drawers at the same time.

Use Modal.Stack component to render multiple modals at the same time.
Modal.Stack keeps track of opened modals, manages z-index values, focus trapping
and closeOnEscape behavior. Modal.Stack is designed to be used with useModalsStack hook.

Differences from using multiple Modal components:

Modal.Stack manages z-index values – modals that are opened later will always have higher z-index value disregarding their order in the DOM
Modal.Stack disables focus trap and Escape key handling for all modals except the one that is currently opened
Modals that are not currently opened are present in the DOM but are hidden with opacity: 0 and pointer-events: none
Only one overlay is rendered at a time

import { Button, Group, Modal, useModalsStack } from '@&#8203;mantine/core';

function Demo() {
  const stack = useModalsStack(['delete-page', 'confirm-action', 'really-confirm-action']);

  return (
    <>
      <Modal.Stack>
        <Modal {...stack.register('delete-page')} title="Delete this page?">
          Are you sure you want to delete this page? This action cannot be undone.
          <Group mt="lg" justify="flex-end">
            <Button onClick={stack.closeAll} variant="default">
              Cancel
            </Button>
            <Button onClick={() => stack.open('confirm-action')} color="red">
              Delete
            </Button>
          </Group>
        </Modal>

        <Modal {...stack.register('confirm-action')} title="Confirm action">
          Are you sure you want to perform this action? This action cannot be undone. If you are
          sure, press confirm button below.
          <Group mt="lg" justify="flex-end">
            <Button onClick={stack.closeAll} variant="default">
              Cancel
            </Button>
            <Button onClick={() => stack.open('really-confirm-action')} color="red">
              Confirm
            </Button>
          </Group>
        </Modal>

        <Modal {...stack.register('really-confirm-action')} title="Really confirm action">
          Jokes aside. You have confirmed this action. This is your last chance to cancel it. After
          you press confirm button below, action will be performed and cannot be undone. For real
          this time. Are you sure you want to proceed?
          <Group mt="lg" justify="flex-end">
            <Button onClick={stack.closeAll} variant="default">
              Cancel
            </Button>
            <Button onClick={stack.closeAll} color="red">
              Confirm
            </Button>
          </Group>
        </Modal>
      </Modal.Stack>

      <Button onClick={() => stack.open('delete-page')}>Open modal</Button>
    </>
  );
}

useModalsStack/useDrawersStack hooks

useModalsStack hook provides an easy way to control multiple modals at the same time.
It accepts an array of unique modals ids and returns an object with the following properties:

interface ModalStackReturnType<T extends string> {
  // Current opened state of each modal
  state: Record<T, boolean>;

  // Opens modal with the given id
  open: (id: T) => void;

  // Closes modal with the given id
  close: (id: T) => void;

  // Toggles modal with the given id
  toggle: (id: T) => void;

  // Closes all modals within the stack
  closeAll: () => void;

  // Returns props for modal with the given id
  register: (id: T) => {
    opened: boolean;
    onClose: () => void;
    stackId: T;
  };
}

Example of using useModalsStack with Modal component:

import { Modal, useModalsStack } from '@&#8203;mantine/core';

function Demo() {
  const stack = useModalsStack(['first', 'second']);

  return (
    <>
      <Modal {...stack.register('first')}>First</Modal>
      <Modal {...stack.register('second')}>Second</Modal>
      <Button onClick={() => stack.open('first')}>Open first</Button>
    </>
  );
}

Restrict Slider selection to marks

Slider component now supports restrictToMarks prop that restricts slider value to marks only.
Note that in this case step prop is ignored:

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

function Demo() {
  return (
    <Slider
      restrictToMarks
      defaultValue={25}
      marks={Array.from({ length: 5 }).map((_, index) => ({ value: index * 25 }))}
    />
  );
}

BarChart SVG pattern fill

BarChart now can be used with SVG pattern fill:

import { BarChart } from '@&#8203;mantine/charts';
import { data } from './data';

function Demo() {
  return (
    <BarChart
      h={300}
      data={mixedStackData}
      dataKey="month"
      series={[
        { name: 'Smartphones', color: 'url(#crosshatch)', stackId: 'a' },
        { name: 'Laptops', color: 'blue.6', stackId: 'b' },
        { name: 'Tablets', color: 'url(#diagonalStripes)', stackId: 'b' },
      ]}
    >
      <defs>
        <pattern
          id="diagonalStripes"
          patternUnits="userSpaceOnUse"
          width={6}
          height={8}
          patternTransform="rotate(45)"
        >
          <rect
            width="2"
            height="8"
            transform="translate(0,0)"
            fill="color-mix(in lch, var(--mantine-color-teal-6) 70%, rgba(0,0,0,0))"
          />
        </pattern>

        <pattern id="crosshatch" patternUnits="userSpaceOnUse" width={8} height={8}>
          <path
            d="M 0 0 L 8 0 L 8 8 L 0 8 Z"
            fill="none"
            stroke="color-mix(in lch, var(--mantine-color-indigo-6) 70%, rgba(0,0,0,0))"
            strokeWidth="1"
          />
          <path
            d="M 0 0 L 8 8"
            stroke="color-mix(in lch, var(--mantine-color-indigo-6) 70%, rgba(0,0,0,0))"
            strokeWidth="1"
          />
          <path
            d="M 8 0 L 0 8"
            stroke="color-mix(in lch, var(--mantine-color-indigo-6) 70%, rgba(0,0,0,0))"
            strokeWidth="1"
          />
        </pattern>
      </defs>
    </BarChart>
  );
}

Help center updates

New Can I use nested inline styles with Mantine components? question
New Can I use PostCSS function in inline styles? question
New Why my Carousel slides are in vertical orientation? question
New My buttons are transparent and the background is visible only on hover, what is wrong? question
New Can I have different primary color for light and dark color schemes? question
New How can I change body background color? question
New My Popover dropdown closes when I click on the dropdown of nested Popover question

Other changes

useTree hook now accepts onNodeExpand and onNodeCollapse callbacks
useTree hook now returns additional checkAllNodes, uncheckAllNodes and setCheckedState handlers
Tree component now includes getTreeExpandedState to generate expanded state based on the tree data
use-form now supports form.replaceListItem handler to replace list item at given index

mui/material-ui (@mui/material)

`v5.16.9`

Compare Source

A big thanks to the 2 contributors who made this release possible.

`@mui/material@5.16.9`

[Tabs] Cherry pick ScrollbarSize ref being overridden fix (#44595) @DiegoAndai

Core

Ignore browserslist and remove tag latest (#44589) @siriwatknp

All contributors of this release in alphabetical order: @DiegoAndai, @siriwatknp

`v5.16.8`

Compare Source

A

Configuration

📅 Schedule: Branch creation - "* 0-3 * * 1" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR is behind base branch, 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.

nx-cloud · 2024-12-09T00:10:08Z

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 7056302. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

🟥 Failed Commands
`nx affected --targets=test:sherif,test:knip,test:eslint,test:lib,test:types,test:build,build --parallel=3`
`nx run-many --target=build --exclude=examples/**`

Sent with 💌 from NxCloud.

renovate · 2024-12-09T03:42:47Z

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.

chore(deps): update all non-major dependencies

be449ef

renovate bot added the dependencies label Dec 9, 2024

ci: apply automated fixes and generate docs

7056302

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(deps): update all non-major dependencies #1060

chore(deps): update all non-major dependencies #1060

renovate bot commented Dec 9, 2024

nx-cloud bot commented Dec 9, 2024 •

edited

Loading

renovate bot commented Dec 9, 2024

chore(deps): update all non-major dependencies #1060

Are you sure you want to change the base?

chore(deps): update all non-major dependencies #1060

Conversation

renovate bot commented Dec 9, 2024

Release Notes

compiler-cli

core

migrations

platform-server

✨ New

🪄 Improvements

What's Changed

New Contributors

What's Changed

New Contributors

What's Changed

New Contributors

v7.14.0: 💋

AngleSlider component

RadialBarChart component

FunnelChart component

Modal.Stack and Drawer.Stack components

useModalsStack/useDrawersStack hooks

Restrict Slider selection to marks

BarChart SVG pattern fill

Help center updates

Other changes

@mui/material@5.16.9

Core

Configuration

nx-cloud bot commented Dec 9, 2024 • edited Loading

☁️ Nx Cloud Report

renovate bot commented Dec 9, 2024

Edited/Blocked Notification

`v7.14.0`: 💋

`@mui/material@5.16.9`

nx-cloud bot commented Dec 9, 2024 •

edited

Loading