@octanejs/visx 0.1.46 → 0.1.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/visx",
-  "version": "0.1.46",
+  "version": "0.1.47",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -104,9 +104,7 @@
     "d3-array": "3.2.1",
     "d3-chord": "^1.0.6",
     "d3-cloud": "^1.2.9",
-    "d3-color": "3.1.0",
     "d3-delaunay": "6.0.2",
-    "d3-format": "3.1.0",
     "d3-geo": "3.1.0",
     "d3-hierarchy": "^1.1.9",
     "d3-interpolate": "3.0.1",
@@ -117,9 +115,7 @@
     "d3-scale": "4.0.2",
     "d3-shape": "3.2.0",
     "d3-time": "3.1.0",
-    "d3-time-format": "4.1.0",
     "d3-voronoi": "^1.1.4",
-    "internmap": "2.0.3",
     "mitt": "^2.1.0",
     "reduce-css-calc": "^1.3.0",
     "svg-path-properties": "2.0.2",
@@ -149,7 +145,7 @@
     "react-dom": "^19.2.7",
     "typescript": "^5.9.3",
     "vitest": "^4.1.10",
-    "octane": "0.2.0"
+    "octane": "0.2.3"
   },
   "scripts": {
     "compile:check": "node scripts/check-tsrx-compile.mjs",

package/src/chord/Ribbon.tsrx

@@ -2,6 +2,7 @@ import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import type { Chord, ChordSubgroup } from 'd3-chord';
 import { ribbon as d3ribbon } from 'd3-chord';
+import setNumberOrNumberAccessor from '../internal/setNumberOrNumberAccessor';
 
 type NumAccessor = (d: ChordSubgroup) => number;
 
@@ -28,15 +29,6 @@ export type RibbonProps = {
 	className?: string;
 };
 
-/** This is a workaround for TypeScript not inferring the correct method overload */
-function setNumberOrNumberAccessor(
-	func: (d: number | NumAccessor) => void,
-	value: number | NumAccessor,
-) {
-	if (typeof value === 'number') func(value);
-	else func(value);
-}
-
 export default function Ribbon({
 	chord,
 	source,

package/src/hierarchy/hierarchies/Treemap.tsrx

@@ -5,7 +5,7 @@ import { Group } from '@octanejs/visx/group';
 import type { HierarchyRectangularNode, HierarchyNode } from 'd3-hierarchy';
 import { treemap as d3treemap } from 'd3-hierarchy';
 import HierarchyDefaultRectNode from '../HierarchyDefaultRectNode.tsrx';
-import setNumberOrNumberAccessor from '../utils/setNumOrNumAccessor';
+import setNumberOrNumberAccessor from '../../internal/setNumberOrNumberAccessor';
 import type { TileMethod } from '../types';
 
 export type NodeComponentProps<Datum> = { node: HierarchyRectangularNode<Datum> };

package/src/internal/setNumberOrNumberAccessor.ts

@@ -0,0 +1,11 @@
+/**
+ * Work around TypeScript not narrowing the overloaded setter signatures used
+ * by several D3 packages.
+ */
+export default function setNumberOrNumberAccessor<NumAccessor>(
+	setter: (value: number | NumAccessor) => void,
+	value: number | NumAccessor,
+) {
+	if (typeof value === 'number') setter(value);
+	else setter(value);
+}

package/src/shape/shapes/AreaClosed.tsrx

@@ -1,6 +1,6 @@
 import cx from 'classnames';
 import type { PositionScale, AddSVGProps, BaseAreaProps } from '../types';
-import setNumOrAccessor from '../util/setNumberOrNumberAccessor';
+import setNumOrAccessor from '../../internal/setNumberOrNumberAccessor';
 import { area } from '../util/D3ShapeFactories';
 
 export type AreaClosedProps<Datum> = BaseAreaProps<Datum> & {

package/src/shape/shapes/BarStack.tsrx

@@ -13,7 +13,7 @@ import type {
 } from '../types';
 import { getFirstItem, getSecondItem } from '../util/accessors';
 import getBandwidth from '../util/getBandwidth';
-import setNumOrAccessor from '../util/setNumberOrNumberAccessor';
+import setNumOrAccessor from '../../internal/setNumberOrNumberAccessor';
 import stackOrder from '../util/stackOrder';
 import stackOffset from '../util/stackOffset';
 import Bar from './Bar.tsrx';

package/src/shape/shapes/BarStackHorizontal.tsrx

@@ -6,7 +6,7 @@ import type { ScaleInput } from '@octanejs/visx/scale';
 import type { AddSVGProps, PositionScale, BaseBarStackProps, StackKey, Accessor } from '../types';
 import { getFirstItem, getSecondItem } from '../util/accessors';
 import getBandwidth from '../util/getBandwidth';
-import setNumOrAccessor from '../util/setNumberOrNumberAccessor';
+import setNumOrAccessor from '../../internal/setNumberOrNumberAccessor';
 import stackOrder from '../util/stackOrder';
 import stackOffset from '../util/stackOffset';
 import Bar from './Bar.tsrx';

package/src/shape/util/D3ShapeFactories.ts

@@ -6,7 +6,7 @@ import {
 	radialLine as d3RadialLine,
 	stack as d3Stack,
 } from 'd3-shape';
-import setNumberOrNumberAccessor from './setNumberOrNumberAccessor';
+import setNumberOrNumberAccessor from '../../internal/setNumberOrNumberAccessor';
 import type {
 	ArcPathConfig,
 	AreaPathConfig,

package/src/xychart/components/series/private/AnimatedPath.tsrx.d.ts

@@ -1,4 +1,8 @@
 // Generated by scripts/generate-tsrx-types.mjs.
 import type { Octane } from 'octane/jsx-runtime';
-declare const _default: import("octane").ComponentBody<Omit<Octane.SVGProps<SVGPathElement>, "ref">, any>;
+declare function AnimatedPath({ d, stroke, fill, ...lineProps }: Omit<Octane.SVGProps<SVGPathElement>, 'ref'>): import("react").JSX.Element;
+declare const _default: typeof AnimatedPath & {
+    readonly type: typeof AnimatedPath;
+    displayName?: string;
+};
 export default _default;

package/src/hierarchy/utils/setNumOrNumAccessor.ts

@@ -1,11 +0,0 @@
-/**
- * This is a workaround for TypeScript not inferring the correct
- * method overload/signature for some d3 shape methods.
- */
-export default function setNumberOrNumberAccessor<NumAccessor>(
-	func: (d: number | NumAccessor) => void,
-	value: number | NumAccessor,
-) {
-	if (typeof value === 'number') func(value);
-	else func(value);
-}

package/src/shape/util/getOrCreateMeasurementElement.ts

@@ -1,28 +0,0 @@
-const SVG_NAMESPACE_URL = 'http://www.w3.org/2000/svg';
-
-export default function getOrCreateMeasurementElement(elementId: string) {
-	let pathElement = document.getElementById(elementId) as SVGPathElement | null;
-
-	// create a single path element if not done already
-	if (!pathElement) {
-		const svg = document.createElementNS(SVG_NAMESPACE_URL, 'svg');
-
-		// not visible
-		svg.setAttribute('aria-hidden', 'true');
-		svg.style.opacity = '0';
-		svg.style.width = '0';
-		svg.style.height = '0';
-		// off screen
-		svg.style.position = 'absolute';
-		svg.style.top = '-100%';
-		svg.style.left = '-100%';
-		// no mouse events
-		svg.style.pointerEvents = 'none';
-		pathElement = document.createElementNS(SVG_NAMESPACE_URL, 'path');
-		pathElement.setAttribute('id', elementId);
-		svg.appendChild(pathElement);
-		document.body.appendChild(svg);
-	}
-
-	return pathElement;
-}

package/src/shape/util/setNumberOrNumberAccessor.ts

@@ -1,11 +0,0 @@
-/**
- * This is a workaround for TypeScript not inferring the correct
- * method overload/signature for some d3 shape methods.
- */
-export default function setNumberOrNumberAccessor<NumAccessor>(
-	func: (d: number | NumAccessor) => void,
-	value: number | NumAccessor,
-) {
-	if (typeof value === 'number') func(value);
-	else func(value);
-}

package/src/xychart/utils/findNearestDatumXY.ts

@@ -1,42 +0,0 @@
-import type { AxisScale } from '@octanejs/visx/axis';
-import { voronoi } from '@octanejs/visx/voronoi';
-import type { NearestDatumArgs, NearestDatumReturnType } from '../types';
-
-/* finds the datum nearest to svgMouseX/Y using a voronoi */
-export default function findNearestDatumXY<
-	XScale extends AxisScale,
-	YScale extends AxisScale,
-	Datum extends object,
->({
-	width,
-	height,
-	xScale,
-	yScale,
-	xAccessor,
-	yAccessor,
-	point,
-	data,
-}: NearestDatumArgs<XScale, YScale, Datum>): NearestDatumReturnType<Datum> {
-	if (!point) return null;
-
-	const scaledX = (d: Datum) => Number(xScale(xAccessor(d)));
-	const scaledY = (d: Datum) => Number(yScale(yAccessor(d)));
-
-	// Create a voronoi for each datum's x,y coordinate
-	const voronoiInstance = voronoi({
-		x: scaledX,
-		y: scaledY,
-		width,
-		height,
-	});
-
-	const nearestDatum = voronoiInstance(data).find(point.x, point.y);
-
-	if (!nearestDatum) return null;
-
-	const { data: datum, index } = nearestDatum;
-	const distanceX = Math.abs(scaledX(datum) - point.x);
-	const distanceY = Math.abs(scaledY(datum) - point.y);
-
-	return { datum, index, distanceX, distanceY };
-}