@impulse-ui-native/charts 2.1.0 → 2.2.0

package/dist/types/use-bar-chart.types.d.mts

@@ -0,0 +1,26 @@
+import { BarChartPoint, BarChartCoordinate } from './bar-chart.types.mjs';
+import { ChartRect, ChartXAxisOptions, ChartYAxisOptions, ChartNumericDomain } from './common.types.mjs';
+import { b as ChartXValue, h as LineChartScale } from '../line-chart.types-yxru5uWc.mjs';
+import '@shopify/react-native-skia';
+import './style.types.mjs';
+import '@impulse-ui-native/theme';
+
+interface UseBarChartProps<X extends ChartXValue = string> {
+    data: readonly BarChartPoint<X>[];
+    plot: ChartRect;
+    xAxis?: ChartXAxisOptions<X>;
+    yAxis?: ChartYAxisOptions;
+    categoryPadding?: number;
+}
+interface UseBarChartResult<X extends ChartXValue = string> {
+    xDomain: readonly X[];
+    yDomain: ChartNumericDomain;
+    xTicks: readonly X[];
+    yTicks: readonly number[];
+    coordinates: readonly BarChartCoordinate<X>[];
+    xScale: LineChartScale<X>;
+    yScale: LineChartScale<number>;
+    bandwidth: number;
+}
+
+export type { UseBarChartProps, UseBarChartResult };

package/dist/types/use-bar-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-bar-chart.types.js.map

package/dist/types/use-bar-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-line-chart.types.d.mts

@@ -0,0 +1,29 @@
+import { ChartRect, ChartScaleType, ChartXAxisOptions, ChartYAxisOptions, ChartNumericDomain } from './common.types.mjs';
+import { b as ChartXValue, h as LineChartScale, f as LineChartPoint, c as LineChartCoordinate } from '../line-chart.types-yxru5uWc.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+
+interface UseLineChartProps<X extends ChartXValue = number> {
+    data: readonly LineChartPoint<X>[];
+    plot: ChartRect;
+    xScaleType?: ChartScaleType;
+    xAxis?: ChartXAxisOptions<X>;
+    yAxis?: ChartYAxisOptions;
+}
+interface UseLineChartResult<X extends ChartXValue = number> {
+    xDomain: readonly X[];
+    yDomain: ChartNumericDomain;
+    xTicks: readonly X[];
+    yTicks: readonly number[];
+    coordinates: readonly LineChartCoordinate<X>[];
+    xScale: LineChartScale<X>;
+    yScale: LineChartScale<number>;
+}
+interface LineChartXScaleModel<X extends ChartXValue> {
+    domain: readonly X[];
+    ticks: readonly X[];
+    scale: LineChartScale<X>;
+}
+
+export type { LineChartXScaleModel, UseLineChartProps, UseLineChartResult };

package/dist/types/use-line-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-line-chart.types.js.map

package/dist/types/use-line-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-multi-bar-chart.types.d.mts

@@ -0,0 +1,17 @@
+import { ChartRect } from './common.types.mjs';
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import { MultiBarChartProps, MultiBarChartSeriesModel } from './multi-bar-chart.types.mjs';
+import { UseBarChartResult } from './use-bar-chart.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+import './bar-chart.types.mjs';
+
+interface UseMultiBarChartProps<X extends ChartXValue = string> extends Pick<MultiBarChartProps<X>, "categoryPadding" | "series" | "seriesPadding" | "xAxis" | "yAxis"> {
+    plot: ChartRect;
+}
+interface UseMultiBarChartResult<X extends ChartXValue = string> extends Omit<UseBarChartResult<X>, "coordinates"> {
+    series: readonly MultiBarChartSeriesModel<X>[];
+}
+
+export type { UseMultiBarChartProps, UseMultiBarChartResult };

package/dist/types/use-multi-bar-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-multi-bar-chart.types.js.map

package/dist/types/use-multi-bar-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-multi-line-chart.types.d.mts

@@ -0,0 +1,16 @@
+import { ChartRect } from './common.types.mjs';
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import { MultiLineChartProps, MultiLineChartSeriesModel } from './multi-line-chart.types.mjs';
+import { UseLineChartResult } from './use-line-chart.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+
+interface UseMultiLineChartProps<X extends ChartXValue = number> extends Pick<MultiLineChartProps<X>, "series" | "xAxis" | "xScaleType" | "yAxis"> {
+    plot: ChartRect;
+}
+interface UseMultiLineChartResult<X extends ChartXValue = number> extends Omit<UseLineChartResult<X>, "coordinates"> {
+    series: readonly MultiLineChartSeriesModel<X>[];
+}
+
+export type { UseMultiLineChartProps, UseMultiLineChartResult };

package/dist/types/use-multi-line-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-multi-line-chart.types.js.map

package/dist/types/use-multi-line-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/axis.util.d.mts

@@ -0,0 +1,15 @@
+import { AxisTick, CreateAxisLayoutProps, AxisLayout, CreateYAxisLayoutProps } from '../types/axis.types.mjs';
+import { ChartRect } from '../types/common.types.mjs';
+import { h as LineChartScale } from '../line-chart.types-yxru5uWc.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+import '../types/style.types.mjs';
+
+declare function createAxisTicks<Value>(values: readonly Value[], scale: LineChartScale<Value>): AxisTick<Value>[];
+declare function createXAxisLayout<Value>(props: CreateAxisLayoutProps<Value>): AxisLayout<Value>;
+declare function createYAxisLayout(props: CreateYAxisLayoutProps): AxisLayout<number>;
+declare function createXAxisLabelRect(ticks: readonly AxisTick<unknown>[], index: number, region: ChartRect, offset: number): ChartRect;
+declare function createYAxisLabelRect(position: number, region: ChartRect, width: number, fontSize: number): ChartRect;
+declare function formatAxisTick<Value>(value: Value, format?: (value: Value) => string): string;
+
+export { createAxisTicks, createXAxisLabelRect, createXAxisLayout, createYAxisLabelRect, createYAxisLayout, formatAxisTick };

package/dist/utils/axis.util.js

@@ -0,0 +1,82 @@
+function createAxisTicks(values, scale) {
+  return values.reduce((ticks, value) => {
+    const position = scale(value);
+    if (position !== void 0 && Number.isFinite(position)) {
+      ticks.push({ value, position });
+    }
+    return ticks;
+  }, []);
+}
+function createXAxisLayout(props) {
+  const ticks = createAxisTicks(props.values, props.scale);
+  const axisY = props.plot.y + props.plot.height;
+  const labelOffset = props.tickLength + props.labelGap;
+  return {
+    line: {
+      start: { x: props.plot.x, y: axisY },
+      end: { x: props.plot.x + props.plot.width, y: axisY }
+    },
+    ticks: ticks.map((tick, index) => ({
+      ...tick,
+      start: { x: tick.position, y: axisY },
+      end: { x: tick.position, y: axisY + props.tickLength },
+      labelRect: createXAxisLabelRect(ticks, index, props.region, labelOffset)
+    }))
+  };
+}
+function createYAxisLayout(props) {
+  const ticks = createAxisTicks(props.values, props.scale);
+  const axisX = props.plot.x;
+  const labelWidth = props.region.width - props.tickLength - props.labelGap;
+  return {
+    line: {
+      start: { x: axisX, y: props.plot.y },
+      end: { x: axisX, y: props.plot.y + props.plot.height }
+    },
+    ticks: ticks.map((tick) => ({
+      ...tick,
+      start: { x: axisX - props.tickLength, y: tick.position },
+      end: { x: axisX, y: tick.position },
+      labelRect: createYAxisLabelRect(
+        tick.position,
+        props.region,
+        labelWidth,
+        props.fontSize
+      )
+    }))
+  };
+}
+function createXAxisLabelRect(ticks, index, region, offset) {
+  const tick = ticks[index];
+  const previous = ticks[index - 1];
+  const next = ticks[index + 1];
+  const previousSpacing = previous ? Math.abs(tick.position - previous.position) : next ? Math.abs(next.position - tick.position) : region.width;
+  const nextSpacing = next ? Math.abs(next.position - tick.position) : previous ? Math.abs(tick.position - previous.position) : region.width;
+  const width = Math.max(0, Math.min(previousSpacing, nextSpacing));
+  return {
+    x: tick.position - width / 2,
+    y: region.y + offset,
+    width,
+    height: Math.max(0, region.height - offset)
+  };
+}
+function createYAxisLabelRect(position, region, width, fontSize) {
+  return {
+    x: region.x,
+    y: position - fontSize,
+    width: Math.max(0, width),
+    height: fontSize * 2
+  };
+}
+function formatAxisTick(value, format) {
+  return format ? format(value) : String(value);
+}
+export {
+  createAxisTicks,
+  createXAxisLabelRect,
+  createXAxisLayout,
+  createYAxisLabelRect,
+  createYAxisLayout,
+  formatAxisTick
+};
+//# sourceMappingURL=axis.util.js.map

package/dist/utils/axis.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/axis.util.ts"],"sourcesContent":["import {\n  AxisLayout,\n  AxisTick,\n  ChartRect,\n  CreateAxisLayoutProps,\n  CreateYAxisLayoutProps,\n  LineChartScale,\n} from \"../types\";\n\nexport function createAxisTicks<Value>(\n  values: readonly Value[],\n  scale: LineChartScale<Value>,\n): AxisTick<Value>[] {\n  return values.reduce<AxisTick<Value>[]>((ticks, value) => {\n    const position = scale(value);\n\n    if (position !== undefined && Number.isFinite(position)) {\n      ticks.push({ value, position });\n    }\n\n    return ticks;\n  }, []);\n}\n\nexport function createXAxisLayout<Value>(\n  props: CreateAxisLayoutProps<Value>,\n): AxisLayout<Value> {\n  const ticks = createAxisTicks(props.values, props.scale);\n  const axisY = props.plot.y + props.plot.height;\n  const labelOffset = props.tickLength + props.labelGap;\n\n  return {\n    line: {\n      start: { x: props.plot.x, y: axisY },\n      end: { x: props.plot.x + props.plot.width, y: axisY },\n    },\n    ticks: ticks.map((tick, index) => ({\n      ...tick,\n      start: { x: tick.position, y: axisY },\n      end: { x: tick.position, y: axisY + props.tickLength },\n      labelRect: createXAxisLabelRect(ticks, index, props.region, labelOffset),\n    })),\n  };\n}\n\nexport function createYAxisLayout(\n  props: CreateYAxisLayoutProps,\n): AxisLayout<number> {\n  const ticks = createAxisTicks(props.values, props.scale);\n  const axisX = props.plot.x;\n  const labelWidth = props.region.width - props.tickLength - props.labelGap;\n\n  return {\n    line: {\n      start: { x: axisX, y: props.plot.y },\n      end: { x: axisX, y: props.plot.y + props.plot.height },\n    },\n    ticks: ticks.map((tick) => ({\n      ...tick,\n      start: { x: axisX - props.tickLength, y: tick.position },\n      end: { x: axisX, y: tick.position },\n      labelRect: createYAxisLabelRect(\n        tick.position,\n        props.region,\n        labelWidth,\n        props.fontSize,\n      ),\n    })),\n  };\n}\n\nexport function createXAxisLabelRect(\n  ticks: readonly AxisTick<unknown>[],\n  index: number,\n  region: ChartRect,\n  offset: number,\n): ChartRect {\n  const tick = ticks[index]!;\n  const previous = ticks[index - 1];\n  const next = ticks[index + 1];\n  const previousSpacing = previous\n    ? Math.abs(tick.position - previous.position)\n    : next\n      ? Math.abs(next.position - tick.position)\n      : region.width;\n  const nextSpacing = next\n    ? Math.abs(next.position - tick.position)\n    : previous\n      ? Math.abs(tick.position - previous.position)\n      : region.width;\n  const width = Math.max(0, Math.min(previousSpacing, nextSpacing));\n\n  return {\n    x: tick.position - width / 2,\n    y: region.y + offset,\n    width,\n    height: Math.max(0, region.height - offset),\n  };\n}\n\nexport function createYAxisLabelRect(\n  position: number,\n  region: ChartRect,\n  width: number,\n  fontSize: number,\n): ChartRect {\n  return {\n    x: region.x,\n    y: position - fontSize,\n    width: Math.max(0, width),\n    height: fontSize * 2,\n  };\n}\n\nexport function formatAxisTick<Value>(\n  value: Value,\n  format?: (value: Value) => string,\n): string {\n  return format ? format(value) : String(value);\n}\n"],"mappings":"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","names":[]}

package/dist/utils/bar-chart.util.d.mts

@@ -0,0 +1,25 @@
+import { ChartNumericDomain } from '../types/common.types.mjs';
+import { b as ChartXValue, h as LineChartScale } from '../line-chart.types-yxru5uWc.mjs';
+import { BarChartPoint, BarChartCoordinate } from '../types/bar-chart.types.mjs';
+import { UseBarChartProps, UseBarChartResult } from '../types/use-bar-chart.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+
+interface BarChartScaleModel<X extends ChartXValue> {
+    xDomain: readonly X[];
+    yDomain: ChartNumericDomain;
+    xTicks: readonly X[];
+    yTicks: readonly number[];
+    xScale: LineChartScale<X>;
+    xStartScale: LineChartScale<X>;
+    yScale: LineChartScale<number>;
+    bandwidth: number;
+    baseline: number;
+}
+declare function createBarChartModel<X extends ChartXValue>(props: UseBarChartProps<X>): UseBarChartResult<X>;
+declare function createBarChartCoordinates<X extends ChartXValue>(data: readonly BarChartPoint<X>[], xStartScale: LineChartScale<X>, yScale: LineChartScale<number>, baseline: number, width: number, offset?: number): BarChartCoordinate<X>[];
+declare function createBarChartScaleModel<X extends ChartXValue>(props: UseBarChartProps<X>): BarChartScaleModel<X>;
+declare function normalizeBarChartPadding(value: number | undefined, fallback: number): number;
+
+export { type BarChartScaleModel, createBarChartCoordinates, createBarChartModel, createBarChartScaleModel, normalizeBarChartPadding };

package/dist/utils/bar-chart.util.js

@@ -0,0 +1,145 @@
+import { extent } from "d3-array";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { BarChartDefaultCategoryPadding } from "../constants/bar-chart.constants";
+import {
+  LineChartDefaultNumericDomain,
+  LineChartDefaultTickCount
+} from "../constants/line-chart.constants";
+function createBarChartModel(props) {
+  const model = createBarChartScaleModel(props);
+  return {
+    xDomain: model.xDomain,
+    yDomain: model.yDomain,
+    xTicks: model.xTicks,
+    yTicks: model.yTicks,
+    xScale: model.xScale,
+    yScale: model.yScale,
+    bandwidth: model.bandwidth,
+    coordinates: createBarChartCoordinates(
+      props.data,
+      model.xStartScale,
+      model.yScale,
+      model.baseline,
+      model.bandwidth
+    )
+  };
+}
+function createBarChartCoordinates(data, xStartScale, yScale, baseline, width, offset = 0) {
+  const baselineY = yScale(baseline);
+  if (!isFiniteCoordinate(baselineY) || width <= 0) {
+    return [];
+  }
+  return data.reduce((coordinates, datum, index) => {
+    const x = xStartScale(datum.x);
+    const valueY = datum.y === null ? void 0 : yScale(datum.y);
+    if (!isFiniteCoordinate(x) || !isFiniteCoordinate(valueY)) {
+      return coordinates;
+    }
+    coordinates.push({
+      datum,
+      index,
+      x: x + offset,
+      y: Math.min(valueY, baselineY),
+      width,
+      height: Math.abs(baselineY - valueY)
+    });
+    return coordinates;
+  }, []);
+}
+function createBarChartScaleModel(props) {
+  const xTickCount = getTickCount(props.xAxis?.tickCount);
+  const yTickCount = getTickCount(props.yAxis?.tickCount);
+  const categoryPadding = normalizeBarChartPadding(
+    props.categoryPadding,
+    BarChartDefaultCategoryPadding
+  );
+  const xBandScale = scaleBand().domain(
+    props.data.map((point) => point.x).filter((value) => isValidXValue(value))
+  ).range([props.plot.x, props.plot.x + props.plot.width]).paddingInner(categoryPadding).paddingOuter(categoryPadding / 2);
+  const xDomain = xBandScale.domain();
+  const bandwidth = xDomain.length === 0 ? 0 : xBandScale.bandwidth();
+  const xStartScale = (value) => xBandScale(value);
+  const xScale = (value) => {
+    const start = xBandScale(value);
+    return start === void 0 ? void 0 : start + bandwidth / 2;
+  };
+  const values = props.data.reduce((result, point) => {
+    if (point.y !== null && Number.isFinite(point.y)) {
+      result.push(point.y);
+    }
+    return result;
+  }, []);
+  const yDomain = props.yAxis?.domain ?? getBarNumericDomain(values);
+  const d3YScale = scaleLinear().domain(yDomain).range([props.plot.y + props.plot.height, props.plot.y]);
+  if (!props.yAxis?.domain && yTickCount > 0) {
+    d3YScale.nice(yTickCount);
+  }
+  const resolvedYDomain = d3YScale.domain();
+  const yScale = (value) => d3YScale(value);
+  return {
+    xDomain,
+    yDomain: resolvedYDomain,
+    xTicks: selectTicks(xDomain, xTickCount),
+    yTicks: d3YScale.ticks(yTickCount),
+    xScale,
+    xStartScale,
+    yScale,
+    bandwidth,
+    baseline: getBaseline(resolvedYDomain)
+  };
+}
+function getBarNumericDomain(values) {
+  const [minimum, maximum] = extent(values);
+  if (minimum === void 0 || maximum === void 0) {
+    return LineChartDefaultNumericDomain;
+  }
+  const domain = [Math.min(0, minimum), Math.max(0, maximum)];
+  return domain[0] === domain[1] ? LineChartDefaultNumericDomain : domain;
+}
+function getBaseline(domain) {
+  const minimum = Math.min(...domain);
+  const maximum = Math.max(...domain);
+  if (minimum > 0) {
+    return minimum;
+  }
+  if (maximum < 0) {
+    return maximum;
+  }
+  return 0;
+}
+function getTickCount(tickCount) {
+  return tickCount === void 0 || !Number.isFinite(tickCount) ? LineChartDefaultTickCount : Math.max(0, Math.floor(tickCount));
+}
+function normalizeBarChartPadding(value, fallback) {
+  const padding = value === void 0 || !Number.isFinite(value) ? fallback : value;
+  return Math.min(1, Math.max(0, padding));
+}
+function selectTicks(values, tickCount) {
+  if (tickCount <= 0 || values.length === 0) {
+    return [];
+  }
+  if (values.length <= tickCount) {
+    return [...values];
+  }
+  if (tickCount === 1) {
+    return [values[0]];
+  }
+  const lastIndex = values.length - 1;
+  return Array.from(
+    { length: tickCount },
+    (_, index) => values[Math.round(index * lastIndex / (tickCount - 1))]
+  );
+}
+function isFiniteCoordinate(value) {
+  return value !== void 0 && Number.isFinite(value);
+}
+function isValidXValue(value) {
+  return value instanceof Date ? Number.isFinite(value.getTime()) : typeof value === "string" || Number.isFinite(value);
+}
+export {
+  createBarChartCoordinates,
+  createBarChartModel,
+  createBarChartScaleModel,
+  normalizeBarChartPadding
+};
+//# sourceMappingURL=bar-chart.util.js.map

package/dist/utils/bar-chart.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/bar-chart.util.ts"],"sourcesContent":["import { extent } from \"d3-array\";\nimport { scaleBand, scaleLinear } from \"d3-scale\";\n\nimport { BarChartDefaultCategoryPadding } from \"../constants/bar-chart.constants\";\nimport {\n  LineChartDefaultNumericDomain,\n  LineChartDefaultTickCount,\n} from \"../constants/line-chart.constants\";\nimport {\n  BarChartCoordinate,\n  BarChartPoint,\n  ChartNumericDomain,\n  ChartXValue,\n  LineChartScale,\n  UseBarChartProps,\n  UseBarChartResult,\n} from \"../types\";\n\nexport interface BarChartScaleModel<X extends ChartXValue> {\n  xDomain: readonly X[];\n  yDomain: ChartNumericDomain;\n  xTicks: readonly X[];\n  yTicks: readonly number[];\n  xScale: LineChartScale<X>;\n  xStartScale: LineChartScale<X>;\n  yScale: LineChartScale<number>;\n  bandwidth: number;\n  baseline: number;\n}\n\nexport function createBarChartModel<X extends ChartXValue>(\n  props: UseBarChartProps<X>,\n): UseBarChartResult<X> {\n  const model = createBarChartScaleModel(props);\n\n  return {\n    xDomain: model.xDomain,\n    yDomain: model.yDomain,\n    xTicks: model.xTicks,\n    yTicks: model.yTicks,\n    xScale: model.xScale,\n    yScale: model.yScale,\n    bandwidth: model.bandwidth,\n    coordinates: createBarChartCoordinates(\n      props.data,\n      model.xStartScale,\n      model.yScale,\n      model.baseline,\n      model.bandwidth,\n    ),\n  };\n}\n\nexport function createBarChartCoordinates<X extends ChartXValue>(\n  data: readonly BarChartPoint<X>[],\n  xStartScale: LineChartScale<X>,\n  yScale: LineChartScale<number>,\n  baseline: number,\n  width: number,\n  offset = 0,\n): BarChartCoordinate<X>[] {\n  const baselineY = yScale(baseline);\n\n  if (!isFiniteCoordinate(baselineY) || width <= 0) {\n    return [];\n  }\n\n  return data.reduce<BarChartCoordinate<X>[]>((coordinates, datum, index) => {\n    const x = xStartScale(datum.x);\n    const valueY = datum.y === null ? undefined : yScale(datum.y);\n\n    if (!isFiniteCoordinate(x) || !isFiniteCoordinate(valueY)) {\n      return coordinates;\n    }\n\n    coordinates.push({\n      datum,\n      index,\n      x: x + offset,\n      y: Math.min(valueY, baselineY),\n      width,\n      height: Math.abs(baselineY - valueY),\n    });\n\n    return coordinates;\n  }, []);\n}\n\nexport function createBarChartScaleModel<X extends ChartXValue>(\n  props: UseBarChartProps<X>,\n): BarChartScaleModel<X> {\n  const xTickCount = getTickCount(props.xAxis?.tickCount);\n  const yTickCount = getTickCount(props.yAxis?.tickCount);\n  const categoryPadding = normalizeBarChartPadding(\n    props.categoryPadding,\n    BarChartDefaultCategoryPadding,\n  );\n  const xBandScale = scaleBand<X>()\n    .domain(\n      props.data\n        .map((point) => point.x)\n        .filter((value) => isValidXValue(value)),\n    )\n    .range([props.plot.x, props.plot.x + props.plot.width])\n    .paddingInner(categoryPadding)\n    .paddingOuter(categoryPadding / 2);\n  const xDomain = xBandScale.domain();\n  const bandwidth = xDomain.length === 0 ? 0 : xBandScale.bandwidth();\n  const xStartScale: LineChartScale<X> = (value) => xBandScale(value);\n  const xScale: LineChartScale<X> = (value) => {\n    const start = xBandScale(value);\n\n    return start === undefined ? undefined : start + bandwidth / 2;\n  };\n  const values = props.data.reduce<number[]>((result, point) => {\n    if (point.y !== null && Number.isFinite(point.y)) {\n      result.push(point.y);\n    }\n\n    return result;\n  }, []);\n  const yDomain = props.yAxis?.domain ?? getBarNumericDomain(values);\n  const d3YScale = scaleLinear()\n    .domain(yDomain)\n    .range([props.plot.y + props.plot.height, props.plot.y]);\n\n  if (!props.yAxis?.domain && yTickCount > 0) {\n    d3YScale.nice(yTickCount);\n  }\n\n  const resolvedYDomain = d3YScale.domain() as [number, number];\n  const yScale: LineChartScale<number> = (value) => d3YScale(value);\n\n  return {\n    xDomain,\n    yDomain: resolvedYDomain,\n    xTicks: selectTicks(xDomain, xTickCount),\n    yTicks: d3YScale.ticks(yTickCount),\n    xScale,\n    xStartScale,\n    yScale,\n    bandwidth,\n    baseline: getBaseline(resolvedYDomain),\n  };\n}\n\nfunction getBarNumericDomain(values: readonly number[]): ChartNumericDomain {\n  const [minimum, maximum] = extent(values);\n\n  if (minimum === undefined || maximum === undefined) {\n    return LineChartDefaultNumericDomain;\n  }\n\n  const domain = [Math.min(0, minimum), Math.max(0, maximum)] as const;\n\n  return domain[0] === domain[1] ? LineChartDefaultNumericDomain : domain;\n}\n\nfunction getBaseline(domain: ChartNumericDomain): number {\n  const minimum = Math.min(...domain);\n  const maximum = Math.max(...domain);\n\n  if (minimum > 0) {\n    return minimum;\n  }\n\n  if (maximum < 0) {\n    return maximum;\n  }\n\n  return 0;\n}\n\nfunction getTickCount(tickCount: number | undefined): number {\n  return tickCount === undefined || !Number.isFinite(tickCount)\n    ? LineChartDefaultTickCount\n    : Math.max(0, Math.floor(tickCount));\n}\n\nexport function normalizeBarChartPadding(\n  value: number | undefined,\n  fallback: number,\n): number {\n  const padding =\n    value === undefined || !Number.isFinite(value) ? fallback : value;\n\n  return Math.min(1, Math.max(0, padding));\n}\n\nfunction selectTicks<X>(values: readonly X[], tickCount: number): X[] {\n  if (tickCount <= 0 || values.length === 0) {\n    return [];\n  }\n\n  if (values.length <= tickCount) {\n    return [...values];\n  }\n\n  if (tickCount === 1) {\n    return [values[0]!];\n  }\n\n  const lastIndex = values.length - 1;\n\n  return Array.from(\n    { length: tickCount },\n    (_, index) => values[Math.round((index * lastIndex) / (tickCount - 1))]!,\n  );\n}\n\nfunction isFiniteCoordinate(value: number | undefined): value is number {\n  return value !== undefined && Number.isFinite(value);\n}\n\nfunction isValidXValue<X extends ChartXValue>(value: X): boolean {\n  return value instanceof Date\n    ? Number.isFinite(value.getTime())\n    : typeof value === \"string\" || Number.isFinite(value);\n}\n"],"mappings":"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","names":[]}

package/dist/utils/chart-layout.util.d.mts

@@ -0,0 +1,8 @@
+import { ChartSize, ChartInsets, ChartLayout, ChartRect } from '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+
+declare function createChartLayout(size: ChartSize, insets?: Partial<ChartInsets>): ChartLayout;
+declare function createInsetRect(rect: ChartRect, amount: number): ChartRect;
+
+export { createChartLayout, createInsetRect };

package/dist/utils/chart-layout.util.js

@@ -0,0 +1,55 @@
+function createChartLayout(size, insets = {}) {
+  const resolvedInsets = {
+    top: insets.top ?? 0,
+    right: insets.right ?? 0,
+    bottom: insets.bottom ?? 0,
+    left: insets.left ?? 0
+  };
+  const plotWidth = Math.max(
+    0,
+    size.width - resolvedInsets.left - resolvedInsets.right
+  );
+  const plotHeight = Math.max(
+    0,
+    size.height - resolvedInsets.top - resolvedInsets.bottom
+  );
+  const plot = {
+    x: resolvedInsets.left,
+    y: resolvedInsets.top,
+    width: plotWidth,
+    height: plotHeight
+  };
+  return {
+    size,
+    insets: resolvedInsets,
+    plot,
+    xAxis: {
+      x: plot.x,
+      y: plot.y + plot.height,
+      width: plot.width,
+      height: resolvedInsets.bottom
+    },
+    yAxis: {
+      x: 0,
+      y: plot.y,
+      width: resolvedInsets.left,
+      height: plot.height
+    }
+  };
+}
+function createInsetRect(rect, amount) {
+  const inset = Math.max(0, amount);
+  const horizontalInset = Math.min(inset, rect.width / 2);
+  const verticalInset = Math.min(inset, rect.height / 2);
+  return {
+    x: rect.x + horizontalInset,
+    y: rect.y + verticalInset,
+    width: Math.max(0, rect.width - horizontalInset * 2),
+    height: Math.max(0, rect.height - verticalInset * 2)
+  };
+}
+export {
+  createChartLayout,
+  createInsetRect
+};
+//# sourceMappingURL=chart-layout.util.js.map

package/dist/utils/chart-layout.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/chart-layout.util.ts"],"sourcesContent":["import { ChartInsets, ChartLayout, ChartRect, ChartSize } from \"../types\";\n\nexport function createChartLayout(\n  size: ChartSize,\n  insets: Partial<ChartInsets> = {},\n): ChartLayout {\n  const resolvedInsets: ChartInsets = {\n    top: insets.top ?? 0,\n    right: insets.right ?? 0,\n    bottom: insets.bottom ?? 0,\n    left: insets.left ?? 0,\n  };\n\n  const plotWidth = Math.max(\n    0,\n    size.width - resolvedInsets.left - resolvedInsets.right,\n  );\n  const plotHeight = Math.max(\n    0,\n    size.height - resolvedInsets.top - resolvedInsets.bottom,\n  );\n\n  const plot = {\n    x: resolvedInsets.left,\n    y: resolvedInsets.top,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  return {\n    size,\n    insets: resolvedInsets,\n    plot,\n    xAxis: {\n      x: plot.x,\n      y: plot.y + plot.height,\n      width: plot.width,\n      height: resolvedInsets.bottom,\n    },\n    yAxis: {\n      x: 0,\n      y: plot.y,\n      width: resolvedInsets.left,\n      height: plot.height,\n    },\n  };\n}\n\nexport function createInsetRect(rect: ChartRect, amount: number): ChartRect {\n  const inset = Math.max(0, amount);\n  const horizontalInset = Math.min(inset, rect.width / 2);\n  const verticalInset = Math.min(inset, rect.height / 2);\n\n  return {\n    x: rect.x + horizontalInset,\n    y: rect.y + verticalInset,\n    width: Math.max(0, rect.width - horizontalInset * 2),\n    height: Math.max(0, rect.height - verticalInset * 2),\n  };\n}\n"],"mappings":"AAEO,SAAS,kBACd,MACA,SAA+B,CAAC,GACnB;AACb,QAAM,iBAA8B;AAAA,IAClC,KAAK,OAAO,OAAO;AAAA,IACnB,OAAO,OAAO,SAAS;AAAA,IACvB,QAAQ,OAAO,UAAU;AAAA,IACzB,MAAM,OAAO,QAAQ;AAAA,EACvB;AAEA,QAAM,YAAY,KAAK;AAAA,IACrB;AAAA,IACA,KAAK,QAAQ,eAAe,OAAO,eAAe;AAAA,EACpD;AACA,QAAM,aAAa,KAAK;AAAA,IACtB;AAAA,IACA,KAAK,SAAS,eAAe,MAAM,eAAe;AAAA,EACpD;AAEA,QAAM,OAAO;AAAA,IACX,GAAG,eAAe;AAAA,IAClB,GAAG,eAAe;AAAA,IAClB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,GAAG,KAAK;AAAA,MACR,GAAG,KAAK,IAAI,KAAK;AAAA,MACjB,OAAO,KAAK;AAAA,MACZ,QAAQ,eAAe;AAAA,IACzB;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG,KAAK;AAAA,MACR,OAAO,eAAe;AAAA,MACtB,QAAQ,KAAK;AAAA,IACf;AAAA,EACF;AACF;AAEO,SAAS,gBAAgB,MAAiB,QAA2B;AAC1E,QAAM,QAAQ,KAAK,IAAI,GAAG,MAAM;AAChC,QAAM,kBAAkB,KAAK,IAAI,OAAO,KAAK,QAAQ,CAAC;AACtD,QAAM,gBAAgB,KAAK,IAAI,OAAO,KAAK,SAAS,CAAC;AAErD,SAAO;AAAA,IACL,GAAG,KAAK,IAAI;AAAA,IACZ,GAAG,KAAK,IAAI;AAAA,IACZ,OAAO,KAAK,IAAI,GAAG,KAAK,QAAQ,kBAAkB,CAAC;AAAA,IACnD,QAAQ,KAAK,IAAI,GAAG,KAAK,SAAS,gBAAgB,CAAC;AAAA,EACrD;AACF;","names":[]}

package/dist/utils/grid.util.d.mts

@@ -0,0 +1,11 @@
+import { SkPath } from '@shopify/react-native-skia';
+import { ChartRect } from '../types/common.types.mjs';
+import { h as LineChartScale, C as ChartGridLineOptions, R as ResolvedGridLineOptions } from '../line-chart.types-yxru5uWc.mjs';
+import '../types/style.types.mjs';
+import '@impulse-ui-native/theme';
+
+declare function createVerticalGridPath<Value>(values: readonly Value[], scale: LineChartScale<Value>, plot: ChartRect): SkPath | null;
+declare function createHorizontalGridPath<Value>(values: readonly Value[], scale: LineChartScale<Value>, plot: ChartRect): SkPath | null;
+declare function resolveGridLineOptions(options: boolean | ChartGridLineOptions | undefined, defaultVisible: boolean, defaultColor: string): ResolvedGridLineOptions;
+
+export { createHorizontalGridPath, createVerticalGridPath, resolveGridLineOptions };

package/dist/utils/grid.util.js

@@ -0,0 +1,56 @@
+import { Skia } from "@shopify/react-native-skia";
+import { GridDefaultOpacity, GridDefaultWidth } from "../constants";
+import { createAxisTicks } from "./axis.util";
+function createVerticalGridPath(values, scale, plot) {
+  const ticks = createAxisTicks(values, scale);
+  if (ticks.length === 0) {
+    return null;
+  }
+  const path = Skia.PathBuilder.Make();
+  ticks.forEach(({ position }) => {
+    path.moveTo(position, plot.y);
+    path.lineTo(position, plot.y + plot.height);
+  });
+  return path.detach();
+}
+function createHorizontalGridPath(values, scale, plot) {
+  const ticks = createAxisTicks(values, scale);
+  if (ticks.length === 0) {
+    return null;
+  }
+  const path = Skia.PathBuilder.Make();
+  ticks.forEach(({ position }) => {
+    path.moveTo(plot.x, position);
+    path.lineTo(plot.x + plot.width, position);
+  });
+  return path.detach();
+}
+function resolveGridLineOptions(options, defaultVisible, defaultColor) {
+  if (typeof options === "boolean") {
+    return {
+      visible: options,
+      color: defaultColor,
+      width: GridDefaultWidth,
+      opacity: GridDefaultOpacity
+    };
+  }
+  return {
+    visible: isGridLineVisible(options, defaultVisible),
+    color: options?.color ?? defaultColor,
+    width: options?.width ?? GridDefaultWidth,
+    opacity: options?.opacity ?? GridDefaultOpacity,
+    dash: options?.dash
+  };
+}
+function isGridLineVisible(options, defaultVisible) {
+  if (typeof options === "boolean") {
+    return options;
+  }
+  return options?.visible ?? defaultVisible;
+}
+export {
+  createHorizontalGridPath,
+  createVerticalGridPath,
+  resolveGridLineOptions
+};
+//# sourceMappingURL=grid.util.js.map

package/dist/utils/grid.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/grid.util.ts"],"sourcesContent":["import { Skia, SkPath } from \"@shopify/react-native-skia\";\n\nimport { GridDefaultOpacity, GridDefaultWidth } from \"../constants\";\nimport {\n  ChartGridLineOptions,\n  ChartRect,\n  LineChartScale,\n  ResolvedGridLineOptions,\n} from \"../types\";\nimport { createAxisTicks } from \"./axis.util\";\n\nexport function createVerticalGridPath<Value>(\n  values: readonly Value[],\n  scale: LineChartScale<Value>,\n  plot: ChartRect,\n): SkPath | null {\n  const ticks = createAxisTicks(values, scale);\n\n  if (ticks.length === 0) {\n    return null;\n  }\n\n  const path = Skia.PathBuilder.Make();\n\n  ticks.forEach(({ position }) => {\n    path.moveTo(position, plot.y);\n    path.lineTo(position, plot.y + plot.height);\n  });\n\n  return path.detach();\n}\n\nexport function createHorizontalGridPath<Value>(\n  values: readonly Value[],\n  scale: LineChartScale<Value>,\n  plot: ChartRect,\n): SkPath | null {\n  const ticks = createAxisTicks(values, scale);\n\n  if (ticks.length === 0) {\n    return null;\n  }\n\n  const path = Skia.PathBuilder.Make();\n\n  ticks.forEach(({ position }) => {\n    path.moveTo(plot.x, position);\n    path.lineTo(plot.x + plot.width, position);\n  });\n\n  return path.detach();\n}\n\nexport function resolveGridLineOptions(\n  options: boolean | ChartGridLineOptions | undefined,\n  defaultVisible: boolean,\n  defaultColor: string,\n): ResolvedGridLineOptions {\n  if (typeof options === \"boolean\") {\n    return {\n      visible: options,\n      color: defaultColor,\n      width: GridDefaultWidth,\n      opacity: GridDefaultOpacity,\n    };\n  }\n\n  return {\n    visible: isGridLineVisible(options, defaultVisible),\n    color: options?.color ?? defaultColor,\n    width: options?.width ?? GridDefaultWidth,\n    opacity: options?.opacity ?? GridDefaultOpacity,\n    dash: options?.dash,\n  };\n}\n\nfunction isGridLineVisible(\n  options: boolean | ChartGridLineOptions | undefined,\n  defaultVisible: boolean,\n): boolean {\n  if (typeof options === \"boolean\") {\n    return options;\n  }\n\n  return options?.visible ?? defaultVisible;\n}\n"],"mappings":"AAAA,SAAS,YAAoB;AAE7B,SAAS,oBAAoB,wBAAwB;AAOrD,SAAS,uBAAuB;AAEzB,SAAS,uBACd,QACA,OACA,MACe;AACf,QAAM,QAAQ,gBAAgB,QAAQ,KAAK;AAE3C,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,KAAK,YAAY,KAAK;AAEnC,QAAM,QAAQ,CAAC,EAAE,SAAS,MAAM;AAC9B,SAAK,OAAO,UAAU,KAAK,CAAC;AAC5B,SAAK,OAAO,UAAU,KAAK,IAAI,KAAK,MAAM;AAAA,EAC5C,CAAC;AAED,SAAO,KAAK,OAAO;AACrB;AAEO,SAAS,yBACd,QACA,OACA,MACe;AACf,QAAM,QAAQ,gBAAgB,QAAQ,KAAK;AAE3C,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,KAAK,YAAY,KAAK;AAEnC,QAAM,QAAQ,CAAC,EAAE,SAAS,MAAM;AAC9B,SAAK,OAAO,KAAK,GAAG,QAAQ;AAC5B,SAAK,OAAO,KAAK,IAAI,KAAK,OAAO,QAAQ;AAAA,EAC3C,CAAC;AAED,SAAO,KAAK,OAAO;AACrB;AAEO,SAAS,uBACd,SACA,gBACA,cACyB;AACzB,MAAI,OAAO,YAAY,WAAW;AAChC,WAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,SAAS,kBAAkB,SAAS,cAAc;AAAA,IAClD,OAAO,SAAS,SAAS;AAAA,IACzB,OAAO,SAAS,SAAS;AAAA,IACzB,SAAS,SAAS,WAAW;AAAA,IAC7B,MAAM,SAAS;AAAA,EACjB;AACF;AAEA,SAAS,kBACP,SACA,gBACS;AACT,MAAI,OAAO,YAAY,WAAW;AAChC,WAAO;AAAA,EACT;AAEA,SAAO,SAAS,WAAW;AAC7B;","names":[]}

package/dist/utils/index.d.mts

@@ -0,0 +1,23 @@
+export { createAxisTicks, createXAxisLabelRect, createXAxisLayout, createYAxisLabelRect, createYAxisLayout, formatAxisTick } from './axis.util.mjs';
+export { createBarChartCoordinates, createBarChartModel } from './bar-chart.util.mjs';
+export { createChartLayout, createInsetRect } from './chart-layout.util.mjs';
+export { createHorizontalGridPath, createVerticalGridPath, resolveGridLineOptions } from './grid.util.mjs';
+export { getLabelTextAlign, getLabelY } from './label.util.mjs';
+export { createLinePath, fitLineCoordinatesToRect } from './line.util.mjs';
+export { createLineChartCoordinates, createLineChartModel } from './line-chart.util.mjs';
+export { createDrawableMultiLineChartSeries } from './multi-line-chart.util.mjs';
+export { createDrawableMultiBarChartSeries, createMultiBarChartModel } from './multi-bar-chart.util.mjs';
+export { createParagraphBuilder } from './paragraph-builder.util.mjs';
+import '../types/axis.types.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '../line-chart.types-yxru5uWc.mjs';
+import '../types/bar-chart.types.mjs';
+import '../types/use-bar-chart.types.mjs';
+import '../types/label.types.mjs';
+import '../types/use-line-chart.types.mjs';
+import '../types/multi-line-chart.types.mjs';
+import '../types/multi-bar-chart.types.mjs';
+import '../types/use-multi-bar-chart.types.mjs';