chore(deps): update dependency layerchart to v2.0.0-next.56#745
Merged
baseplate-admin merged 1 commit intomainfrom Apr 17, 2026
Merged
chore(deps): update dependency layerchart to v2.0.0-next.56#745baseplate-admin merged 1 commit intomainfrom
baseplate-admin merged 1 commit intomainfrom
Conversation
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
This PR contains the following updates:
2.0.0-next.54→2.0.0-next.56Release Notes
techniq/layerchart (layerchart)
v2.0.0-next.56Compare Source
Minor Changes
feat(Circle, Ellipse): Support pattern/gradient
fillvalues on the<Html>layer by switching frombackground-colorto thebackgroundshorthand (withbackground-origin: border-boxto keep patterns aligned under the border). Accepts values produced by<Pattern>/<LinearGradient>in HTML mode. (#449)feat(Pattern): Support
<Html>layer by producing CSSrepeating-linear-gradient(lines) andradial-gradient(circles) values usable as abackground/fill. Gradient-valuedbackground(e.g.<Pattern background={gradient}>) is also supported. (#449)Patch Changes
fix(Pattern): Restore canvas layer support by registering as a
groupnode so snippet children (e.g.<Rect fill={pattern}>) render correctly (#449)fix(Rect): On the
<Html>layer, setbackground-origin: border-boxso fills/patterns start at the outer edge — previously the CSSbackgroundshorthand reset origin topadding-box, shifting patterns inward byborder-widthwhen a stroke was applied. (#449)fix(Rect, Circle, Ellipse): Apply
box-sizing: border-boxon the<Html>layer so the visual extent equalswidth×height(orr * 2,rx * 2×ry * 2) — the border is drawn within that extent instead of added to it, matching SVG bounds. (#449)fix(Rect, Circle, Ellipse): On the
<Html>layer, defaultborder-widthto1pxwhenstrokeis set without an explicitstrokeWidth, matching SVG's implicitstroke-width: 1. Also ensures Circle/Ellipseborder-widthgets the requiredpxunit. (#449)v2.0.0-next.55Compare Source
Minor Changes
feat(Bar, Bars): Support
<Html>layer (#449)Bar/Bars now render in
<Html>layers in addition to<Svg>and<Canvas>, including per-cornerroundedvariants (top,bottom,left,right,edge, and individual corners). Previously, any non-uniformroundedvalue fell through to a<Path>and was SVG-only.feat(ClipPath, RectClipPath, CircleClipPath, GeoClipPath): HTML layer support + unified
pathAPI (#449)ClipPathnow accepts a singlepath: string(SVG pathdsyntax) that drives all three layers:<path d={path}>inside the<clipPath>element.Path2Dand applied viactx.clip(...).clip-path: path("${path}")on a wrapper<div>covering the chart container.This replaces the previous
canvasClip/canvasClipDepscallbacks (and skipped HTML entirely) with a single declarative value. Theclipsnippet is still accepted for advanced/custom SVG content.RectClipPath,CircleClipPath, andGeoClipPathare rewritten on top of this — they each compute a path string (d3-geo-path already emits one natively) and pass it through. All three now support<Html>layers in addition to<Svg>and<Canvas>.Note:
clip-path: path()requires Chrome 88+, Safari 13.1+, Firefox 118+.feat(ClipPath, RectClipPath, CircleClipPath, GeoClipPath): Add
invertprop to render content outside the clip shape (cutouts/masks) across SVG, Canvas, and HTML layers (#449)feat(Line, Rect, Circle, Text): Multi-layer compatible
dashArrayand inline color props (#449)dashArrayprop toLine,Rect, andCircle. Accepts a number, array, or SVG-style string and maps tostroke-dasharray(SVG),setLineDash(Canvas), and eitherrepeating-linear-gradient(HTML lines) orborder-style: dashed(HTML borders). Previously dashed styling was SVG-only when applied via CSS class or attribute.TextandLineHTML branches now honor thefill/strokeprops as inlinecolor/background, so prop-based colors work across all three layers (not just SVG/Canvas).Grid.x/Grid.yandAxis.gridnow acceptstroke,strokeWidth,opacity, anddashArrayin their object form, matching the props forwarded to the underlying line.Rulealready forwarded arbitrary Line props via spread;dashArraynow works there unchanged.parseDashArrayanddashArrayToGradienthelpers frompathutils.feat(Tree, Link, Connector): Add radial support (#831)
Treenow detects<Chart radial>and lays out withd3.tree().size([2π, min(width, height)/2])plus radial separation. Nodes emit polar coords (x= angle,y= radius).Connectorgains aradialprop (defaults toctx.radial) that interpretssource/targetas polar and dispatches to newgetConnectorRadialPresetPath/getConnectorRadialD3Pathhelpers. Radial behavior per connectortype:straight— straight cartesian linesquare— radial → arc at midR → radialbeveled— chord at source radius with chamfered corner (controlled byradius)rounded— visx LinkRadialCurve Bezierd3—d3.linkRadialby default; with acurveprop,curveStep/curveStepBefore/curveStepAftermap to polar arcs/radials, other curves go throughd3.lineRadialLinkforwardsradialtoConnectorautomatically when inside a radial<Chart>.feat(Rect): Add
cornersprop for per-corner rounding (#449)New
cornersprop accepts either a number (equivalent torx), a[topLeft, topRight, bottomRight, bottomLeft]tuple, or{ topLeft, topRight, bottomRight, bottomLeft }. Works across<Svg>,<Canvas>, and<Html>layers — Svg renders a<rect>when corners are uniform and a<path>when they differ, Canvas usesroundRect's per-corner radii, and Html uses the 4-valueborder-radiusshorthand.Also exports a shared
roundedRectPath(x, y, width, height, [tl, tr, br, bl])helper frompathutils for building per-corner rounded-rect path data.Patch Changes
fix(canvas): Compose globalAlpha multiplicatively so Group opacity propagates to children (#831)
Canvas
renderPathDatawas overwritingctx.globalAlphawith absolute values for element opacity, fill opacity, and stroke opacity. This meant a parent<Group opacity={0.2}>had no effect on child marks rendered on canvas — the child's own opacity (defaulting to 1) would replace the inherited value.Now all three sites multiply against the current
globalAlpha, which correctly composes with ancestor Group opacity set viasave()/restore()scoping. Also removes double-application of elementopacityinside the fill/stroke blocks (it's already applied at the element level).Configuration
📅 Schedule: (UTC)
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR was generated by Mend Renovate. View the repository job log.