@rokkit/chart 1.0.0-next.144 → 1.0.0-next.146

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/chart",
-  "version": "1.0.0-next.144",
+  "version": "1.0.0-next.146",
   "type": "module",
   "description": "Data-driven chart components",
   "repository": {
@@ -38,9 +38,9 @@
     }
   },
   "dependencies": {
-    "@rokkit/core": "workspace:latest",
-    "@rokkit/data": "workspace:latest",
-    "@rokkit/states": "workspace:latest",
+    "@rokkit/core": "latest",
+    "@rokkit/data": "latest",
+    "@rokkit/states": "latest",
     "d3-array": "^3.2.4",
     "d3-format": "^3.1.2",
     "d3-axis": "^3.0.0",

package/src/lib/brewing/axes.svelte.js

@@ -157,7 +157,12 @@ function yPositionPassthrough(scale, value) {
 export function createYAxis(scales, dimensions, options) {
 	if (!scales.y) return { ticks: [] }
 	const { tickCount, formatter, label } = parseAxisOptions(options)
-	const ticks = mapTicks(scales.y, resolveYTicks(scales.y, tickCount), formatter, yPositionPassthrough)
+	const ticks = mapTicks(
+		scales.y,
+		resolveYTicks(scales.y, tickCount),
+		formatter,
+		yPositionPassthrough
+	)
 	return {
 		ticks,
 		label,

package/src/lib/brewing/bars.svelte.js

@@ -114,7 +114,18 @@ function buildGroupBar(item, scales, ctx) {
  * @returns {BarData|null}
  */
 function buildOneGroupBar(scales, ctx) {
-	const { groupItems, groupField, group, i, yField, colorField, barWidth, padding, dimensions, xPos } = ctx
+	const {
+		groupItems,
+		groupField,
+		group,
+		i,
+		yField,
+		colorField,
+		barWidth,
+		padding,
+		dimensions,
+		xPos
+	} = ctx
 	const item = groupItems.find((d) => d[groupField] === group)
 	if (!item) return null
 	const barX = xPos + i * (barWidth + padding)
@@ -152,8 +163,10 @@ function parseGroupedBarsConfig(fields, options) {
 export function createGroupedBars(data, fields, scales, options) {
 	if (!data || !data.length || !fields.group) return { groups: [], bars: [] }
 
-	const { xField, yField, groupField, colorField, dimensions, padding } =
-		parseGroupedBarsConfig(fields, options)
+	const { xField, yField, groupField, colorField, dimensions, padding } = parseGroupedBarsConfig(
+		fields,
+		options
+	)
 
 	const groups = [...new SvelteSet(data.map((d) => d[groupField]))]
 	const xValues = [...new SvelteSet(data.map((d) => d[xField]))]
@@ -167,7 +180,18 @@ export function createGroupedBars(data, fields, scales, options) {
 		const groupItems = data.filter((d) => d[xField] === xValue)
 		const xPos = xScale(xValue)
 		groups.forEach((group, i) => {
-			const ctx = { groupItems, groupField, group, i, yField, colorField, barWidth, padding, dimensions, xPos }
+			const ctx = {
+				groupItems,
+				groupField,
+				group,
+				i,
+				yField,
+				colorField,
+				barWidth,
+				padding,
+				dimensions,
+				xPos
+			}
 			const bar = buildOneGroupBar(scales, ctx)
 			if (bar) bars.push(bar)
 		})

package/src/lib/context.js

@@ -33,10 +33,8 @@ function createDimensionsStore(config) {
  */
 function createInnerDimensions(dimensions) {
 	return derived(dimensions, ($d) => ({
-		width:
-			$d.width - $d.margin.left - $d.margin.right - $d.padding.left - $d.padding.right,
-		height:
-			$d.height - $d.margin.top - $d.margin.bottom - $d.padding.top - $d.padding.bottom
+		width: $d.width - $d.margin.left - $d.margin.right - $d.padding.left - $d.padding.right,
+		height: $d.height - $d.margin.top - $d.margin.bottom - $d.padding.top - $d.padding.bottom
 	}))
 }
 

package/src/lib/scales.svelte.js

@@ -74,7 +74,10 @@ export function createScales(data, dimensions, options) {
 
 	return {
 		xScale: buildXScale(xValues, dimensions, padding),
-		yScale: scaleLinear().domain([0, max(yValues) * 1.1]).nice().range([dimensions.innerHeight, 0]),
+		yScale: scaleLinear()
+			.domain([0, max(yValues) * 1.1])
+			.nice()
+			.range([dimensions.innerHeight, 0]),
 		colorScale
 	}
 }

package/src/lib/utils.js

@@ -111,10 +111,7 @@ export function formatTooltipContent(d, options = {}) {
 	const { xKey, yKey, xFormat, yFormat } = options
 
 	if (xKey && yKey) {
-		return [
-			formatField(xKey, d[xKey], xFormat),
-			formatField(yKey, d[yKey], yFormat)
-		].join('<br>')
+		return [formatField(xKey, d[xKey], xFormat), formatField(yKey, d[yKey], yFormat)].join('<br>')
 	}
 
 	return Object.entries(d)