@impulse-ui-native/charts 2.0.1 → 2.1.1

package/dist/index.d.mts

@@ -1,3 +1,36 @@
-declare const packageName = "charts";
-
-export { packageName };
+export { Grid } from './components/primitives/grid.mjs';
+export { Label } from './components/primitives/label.mjs';
+export { Line } from './components/primitives/line.mjs';
+export { XAxis } from './components/primitives/x-axis.mjs';
+export { YAxis } from './components/primitives/y-axis.mjs';
+export { LineChart } from './components/line-chart.mjs';
+export { MultiLineChart } from './components/multi-line-chart.mjs';
+export { AxisDefaultLabelGap, AxisDefaultOpacity, AxisDefaultTickLength, AxisDefaultWidth } from './constants/axis.constants.mjs';
+export { GridDefaultOpacity, GridDefaultWidth, GridDefaultXVisible, GridDefaultYVisible } from './constants/grid.constants.mjs';
+export { LabelDefaultHorizontalAlignment, LabelDefaultVerticalAlignment, TabularNumsFeature } from './constants/label.constants.mjs';
+export { LineDefaultCap, LineDefaultColor, LineDefaultColors, LineDefaultCurve, LineDefaultJoin, LineDefaultOpacity, LineDefaultWidth } from './constants/line.constants.mjs';
+export { LineChartDefaultNumericDomain, LineChartDefaultTickCount } from './constants/line-chart.constants.mjs';
+export { useChartCanvas } from './hooks/use-chart-canvas.hook.mjs';
+export { useLineChart } from './hooks/use-line-chart.hook.mjs';
+export { useMultiLineChart } from './hooks/use-multi-line-chart.hook.mjs';
+export { AxisLayout, AxisLineLayout, AxisProps, AxisTick, AxisTickLayout, CreateAxisLayoutProps, CreateYAxisLayoutProps, XAxisProps, YAxisProps } from './types/axis.types.mjs';
+export { ChartAxisLabelOptions, ChartAxisLineOptions, ChartAxisOptions, ChartAxisTickOptions, ChartInsets, ChartLayout, ChartNumericDomain, ChartPoint, ChartRect, ChartScaleType, ChartSize, ChartXAxisOptions, ChartYAxisOptions } from './types/common.types.mjs';
+export { C as ChartGridLineOptions, a as ChartGridOptions, b as ChartXValue, G as GridProps, L as LineChartCommonProps, c as LineChartCoordinate, d as LineChartCurve, e as LineChartLineOptions, f as LineChartPoint, g as LineChartProps, h as LineChartScale, R as ResolvedGridLineOptions } from './line-chart.types-yxru5uWc.mjs';
+export { LabelHorizontalAlignment, LabelProps, LabelVerticalAlignment } from './types/label.types.mjs';
+export { LineProps } from './types/line.types.mjs';
+export { MultiLineChartBodyProps, MultiLineChartProps, MultiLineChartSeries, MultiLineChartSeriesModel } from './types/multi-line-chart.types.mjs';
+export { ChartLabelStyle, ChartStrokeCap, ChartStrokeJoin, ChartStrokeStyle } from './types/style.types.mjs';
+export { LineChartXScaleModel, UseLineChartProps, UseLineChartResult } from './types/use-line-chart.types.mjs';
+export { UseMultiLineChartProps, UseMultiLineChartResult } from './types/use-multi-line-chart.types.mjs';
+export { createAxisTicks, createXAxisLabelRect, createXAxisLayout, createYAxisLabelRect, createYAxisLayout, formatAxisTick } from './utils/axis.util.mjs';
+export { createChartLayout, createInsetRect } from './utils/chart-layout.util.mjs';
+export { createHorizontalGridPath, createVerticalGridPath, resolveGridLineOptions } from './utils/grid.util.mjs';
+export { getLabelTextAlign, getLabelY } from './utils/label.util.mjs';
+export { createLinePath, fitLineCoordinatesToRect } from './utils/line.util.mjs';
+export { createLineChartCoordinates, createLineChartModel } from './utils/line-chart.util.mjs';
+export { createDrawableMultiLineChartSeries } from './utils/multi-line-chart.util.mjs';
+export { createParagraphBuilder } from './utils/paragraph-builder.util.mjs';
+import 'react/jsx-runtime';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+import 'react';

package/dist/index.js

@@ -1,6 +1,7 @@
-// src/index.ts
-var packageName = "charts";
-export {
-  packageName
-};
+export * from "./components";
+export * from "./constants";
+export * from "./hooks";
+export * from "./types";
+export * from "./utils";
+export * from "./contexts";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export const packageName = \"charts\";\r\n"],"mappings":";AAAO,IAAM,cAAc;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./constants\";\nexport * from \"./hooks\";\nexport * from \"./types\";\nexport * from \"./utils\";\nexport * from \"./contexts\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,62 @@
+import { SkTypefaceFontProvider } from '@shopify/react-native-skia';
+import { ChartRect, ChartScaleType, ChartXAxisOptions, ChartYAxisOptions, ChartInsets } from './types/common.types.mjs';
+import { AppTheme } from '@impulse-ui-native/theme';
+import { ChartStrokeStyle, ChartStrokeCap, ChartStrokeJoin } from './types/style.types.mjs';
+
+interface ChartGridLineOptions extends ChartStrokeStyle {
+    visible?: boolean;
+}
+interface ChartGridOptions {
+    x?: boolean | ChartGridLineOptions;
+    y?: boolean | ChartGridLineOptions;
+}
+interface ResolvedGridLineOptions {
+    visible: boolean;
+    color: string;
+    width: number;
+    opacity: number;
+    dash?: readonly number[];
+}
+interface GridProps<X extends ChartXValue = number> {
+    options?: ChartGridOptions;
+    plot: ChartRect;
+    theme: AppTheme;
+    xTicks: readonly X[];
+    xScale: LineChartScale<X>;
+    yTicks: readonly number[];
+    yScale: LineChartScale<number>;
+}
+
+type ChartXValue = number | string | Date;
+type LineChartCurve = "linear" | "monotone";
+type LineChartScale<Value> = (value: Value) => number | undefined;
+interface LineChartPoint<X extends ChartXValue = number> {
+    x: X;
+    y: number | null;
+}
+interface LineChartCoordinate<X extends ChartXValue = number> {
+    datum: LineChartPoint<X>;
+    index: number;
+    x: number | null;
+    y: number | null;
+}
+interface LineChartLineOptions extends ChartStrokeStyle {
+    visible?: boolean;
+    curve?: LineChartCurve;
+    cap?: ChartStrokeCap;
+    join?: ChartStrokeJoin;
+}
+interface LineChartCommonProps<X extends ChartXValue = number> {
+    fontManager?: SkTypefaceFontProvider;
+    grid?: ChartGridOptions;
+    xScaleType?: ChartScaleType;
+    xAxis?: ChartXAxisOptions<X>;
+    yAxis?: ChartYAxisOptions;
+    insets?: Partial<ChartInsets>;
+}
+interface LineChartProps<X extends ChartXValue = number> extends LineChartCommonProps<X> {
+    data: readonly LineChartPoint<X>[];
+    line?: LineChartLineOptions;
+}
+
+export type { ChartGridLineOptions as C, GridProps as G, LineChartCommonProps as L, ResolvedGridLineOptions as R, ChartGridOptions as a, ChartXValue as b, LineChartCoordinate as c, LineChartCurve as d, LineChartLineOptions as e, LineChartPoint as f, LineChartProps as g, LineChartScale as h };

package/dist/types/axis.types.d.mts

@@ -0,0 +1,49 @@
+import { SkTypefaceFontProvider } from '@shopify/react-native-skia';
+import { AppTheme } from '@impulse-ui-native/theme';
+import { ChartPoint, ChartRect, ChartAxisOptions } from './common.types.mjs';
+import { h as LineChartScale, b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import './style.types.mjs';
+
+interface AxisTick<Value> {
+    value: Value;
+    position: number;
+}
+interface AxisLineLayout {
+    start: ChartPoint;
+    end: ChartPoint;
+}
+interface AxisTickLayout<Value> extends AxisTick<Value>, AxisLineLayout {
+    labelRect: ChartRect;
+}
+interface AxisLayout<Value> {
+    line: AxisLineLayout;
+    ticks: readonly AxisTickLayout<Value>[];
+}
+interface CreateAxisLayoutProps<Value> {
+    values: readonly Value[];
+    scale: LineChartScale<Value>;
+    plot: ChartRect;
+    region: ChartRect;
+    tickLength: number;
+    labelGap: number;
+}
+interface CreateYAxisLayoutProps extends CreateAxisLayoutProps<number> {
+    fontSize: number;
+}
+interface AxisProps<Value> {
+    ticks: readonly Value[];
+    scale: LineChartScale<Value>;
+    plot: ChartRect;
+    region: ChartRect;
+    theme: AppTheme;
+    options?: ChartAxisOptions<Value>;
+    fontManager?: SkTypefaceFontProvider;
+    lineVisible?: boolean;
+    tickVisible?: boolean;
+}
+interface XAxisProps<X extends ChartXValue = number> extends AxisProps<X> {
+}
+interface YAxisProps extends AxisProps<number> {
+}
+
+export type { AxisLayout, AxisLineLayout, AxisProps, AxisTick, AxisTickLayout, CreateAxisLayoutProps, CreateYAxisLayoutProps, XAxisProps, YAxisProps };

package/dist/types/axis.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=axis.types.js.map

package/dist/types/axis.types.js.map

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

package/dist/types/common.types.d.mts

@@ -0,0 +1,57 @@
+import { ChartStrokeStyle, ChartLabelStyle } from './style.types.mjs';
+import '@shopify/react-native-skia';
+
+type ChartScaleType = "linear" | "point" | "time";
+type ChartNumericDomain = readonly [minimum: number, maximum: number];
+interface ChartInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+interface ChartSize {
+    width: number;
+    height: number;
+}
+interface ChartPoint {
+    x: number;
+    y: number;
+}
+interface ChartRect extends ChartSize {
+    x: number;
+    y: number;
+}
+interface ChartLayout {
+    size: ChartSize;
+    insets: ChartInsets;
+    plot: ChartRect;
+    xAxis: ChartRect;
+    yAxis: ChartRect;
+}
+interface ChartAxisOptions<Value> {
+    visible?: boolean;
+    tickCount?: number;
+    format?: (value: Value) => string;
+    line?: ChartAxisLineOptions;
+    tick?: ChartAxisTickOptions;
+    label?: ChartAxisLabelOptions;
+}
+interface ChartAxisLineOptions extends ChartStrokeStyle {
+    visible?: boolean;
+}
+interface ChartAxisTickOptions extends ChartStrokeStyle {
+    visible?: boolean;
+    length?: number;
+}
+interface ChartAxisLabelOptions extends ChartLabelStyle {
+    visible?: boolean;
+    gap?: number;
+    rotation?: number;
+}
+interface ChartXAxisOptions<X> extends ChartAxisOptions<X> {
+}
+interface ChartYAxisOptions extends ChartAxisOptions<number> {
+    domain?: ChartNumericDomain;
+}
+
+export type { ChartAxisLabelOptions, ChartAxisLineOptions, ChartAxisOptions, ChartAxisTickOptions, ChartInsets, ChartLayout, ChartNumericDomain, ChartPoint, ChartRect, ChartScaleType, ChartSize, ChartXAxisOptions, ChartYAxisOptions };

package/dist/types/common.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=common.types.js.map

package/dist/types/common.types.js.map

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

package/dist/types/grid.types.d.mts

@@ -0,0 +1,5 @@
+import '@impulse-ui-native/theme';
+import './common.types.mjs';
+export { C as ChartGridLineOptions, a as ChartGridOptions, G as GridProps, R as ResolvedGridLineOptions } from '../line-chart.types-yxru5uWc.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';

package/dist/types/grid.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=grid.types.js.map

package/dist/types/grid.types.js.map

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

package/dist/types/index.d.mts

@@ -0,0 +1,11 @@
+export { AxisLayout, AxisLineLayout, AxisProps, AxisTick, AxisTickLayout, CreateAxisLayoutProps, CreateYAxisLayoutProps, XAxisProps, YAxisProps } from './axis.types.mjs';
+export { ChartAxisLabelOptions, ChartAxisLineOptions, ChartAxisOptions, ChartAxisTickOptions, ChartInsets, ChartLayout, ChartNumericDomain, ChartPoint, ChartRect, ChartScaleType, ChartSize, ChartXAxisOptions, ChartYAxisOptions } from './common.types.mjs';
+export { C as ChartGridLineOptions, a as ChartGridOptions, b as ChartXValue, G as GridProps, L as LineChartCommonProps, c as LineChartCoordinate, d as LineChartCurve, e as LineChartLineOptions, f as LineChartPoint, g as LineChartProps, h as LineChartScale, R as ResolvedGridLineOptions } from '../line-chart.types-yxru5uWc.mjs';
+export { LabelHorizontalAlignment, LabelProps, LabelVerticalAlignment } from './label.types.mjs';
+export { LineProps } from './line.types.mjs';
+export { MultiLineChartBodyProps, MultiLineChartProps, MultiLineChartSeries, MultiLineChartSeriesModel } from './multi-line-chart.types.mjs';
+export { ChartLabelStyle, ChartStrokeCap, ChartStrokeJoin, ChartStrokeStyle } from './style.types.mjs';
+export { LineChartXScaleModel, UseLineChartProps, UseLineChartResult } from './use-line-chart.types.mjs';
+export { UseMultiLineChartProps, UseMultiLineChartResult } from './use-multi-line-chart.types.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';

package/dist/types/index.js

@@ -0,0 +1,11 @@
+export * from "./axis.types";
+export * from "./common.types";
+export * from "./grid.types";
+export * from "./label.types";
+export * from "./line.types";
+export * from "./line-chart.types";
+export * from "./multi-line-chart.types";
+export * from "./style.types";
+export * from "./use-line-chart.types";
+export * from "./use-multi-line-chart.types";
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./axis.types\";\nexport * from \"./common.types\";\nexport * from \"./grid.types\";\nexport * from \"./label.types\";\nexport * from \"./line.types\";\nexport * from \"./line-chart.types\";\nexport * from \"./multi-line-chart.types\";\nexport * from \"./style.types\";\nexport * from \"./use-line-chart.types\";\nexport * from \"./use-multi-line-chart.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/types/label.types.d.mts

@@ -0,0 +1,24 @@
+import { FontWeight, SkTypefaceFontProvider } from '@shopify/react-native-skia';
+import { AppTheme } from '@impulse-ui-native/theme';
+import { ChartRect } from './common.types.mjs';
+import './style.types.mjs';
+
+type LabelHorizontalAlignment = "left" | "center" | "right";
+type LabelVerticalAlignment = "top" | "center" | "bottom";
+interface LabelProps {
+    text: string;
+    rect: ChartRect;
+    theme: AppTheme;
+    horizontalAlign?: LabelHorizontalAlignment;
+    verticalAlign?: LabelVerticalAlignment;
+    color?: string;
+    fontSize?: number;
+    fontFamily?: string;
+    fontWeight?: FontWeight;
+    fontManager?: SkTypefaceFontProvider;
+    maxLines?: number;
+    rotation?: number;
+    tnum?: boolean;
+}
+
+export type { LabelHorizontalAlignment, LabelProps, LabelVerticalAlignment };

package/dist/types/label.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=label.types.js.map

package/dist/types/label.types.js.map

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

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

@@ -0,0 +1,5 @@
+import '@shopify/react-native-skia';
+import './common.types.mjs';
+export { b as ChartXValue, L as LineChartCommonProps, c as LineChartCoordinate, d as LineChartCurve, e as LineChartLineOptions, f as LineChartPoint, g as LineChartProps, h as LineChartScale } from '../line-chart.types-yxru5uWc.mjs';
+import './style.types.mjs';
+import '@impulse-ui-native/theme';

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

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

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

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

package/dist/types/line.types.d.mts

@@ -0,0 +1,11 @@
+import { b as ChartXValue, e as LineChartLineOptions, c as LineChartCoordinate } from '../line-chart.types-yxru5uWc.mjs';
+import '@shopify/react-native-skia';
+import './common.types.mjs';
+import './style.types.mjs';
+import '@impulse-ui-native/theme';
+
+interface LineProps<X extends ChartXValue = number> extends LineChartLineOptions {
+    coordinates: readonly LineChartCoordinate<X>[];
+}
+
+export type { LineProps };

package/dist/types/line.types.js

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

package/dist/types/line.types.js.map

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

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

@@ -0,0 +1,23 @@
+import { AppTheme } from '@impulse-ui-native/theme';
+import { ChartSize } from './common.types.mjs';
+import { b as ChartXValue, L as LineChartCommonProps, f as LineChartPoint, e as LineChartLineOptions, c as LineChartCoordinate } from '../line-chart.types-yxru5uWc.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface MultiLineChartSeries<X extends ChartXValue = number> {
+    id: string;
+    data: readonly LineChartPoint<X>[];
+    line?: LineChartLineOptions;
+}
+interface MultiLineChartSeriesModel<X extends ChartXValue = number> extends MultiLineChartSeries<X> {
+    coordinates: readonly LineChartCoordinate<X>[];
+}
+interface MultiLineChartProps<X extends ChartXValue = number> extends LineChartCommonProps<X> {
+    series: readonly MultiLineChartSeries<X>[];
+}
+interface MultiLineChartBodyProps<X extends ChartXValue = number> extends MultiLineChartProps<X> {
+    size: ChartSize;
+    theme: AppTheme;
+}
+
+export type { MultiLineChartBodyProps, MultiLineChartProps, MultiLineChartSeries, MultiLineChartSeriesModel };

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

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

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

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

package/dist/types/style.types.d.mts

@@ -0,0 +1,19 @@
+import { FontWeight } from '@shopify/react-native-skia';
+
+type ChartStrokeCap = "butt" | "round" | "square";
+type ChartStrokeJoin = "bevel" | "miter" | "round";
+interface ChartStrokeStyle {
+    color?: string;
+    width?: number;
+    opacity?: number;
+    dash?: readonly number[];
+}
+interface ChartLabelStyle {
+    color?: string;
+    fontSize?: number;
+    fontFamily?: string;
+    fontWeight?: FontWeight;
+    maxLines?: number;
+}
+
+export type { ChartLabelStyle, ChartStrokeCap, ChartStrokeJoin, ChartStrokeStyle };

package/dist/types/style.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=style.types.js.map

package/dist/types/style.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-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/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 };