@impulse-ui-native/charts 2.1.0 → 2.1.1

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 };

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.Path.Make();
+  ticks.forEach(({ position }) => {
+    path.moveTo(position, plot.y);
+    path.lineTo(position, plot.y + plot.height);
+  });
+  return path;
+}
+function createHorizontalGridPath(values, scale, plot) {
+  const ticks = createAxisTicks(values, scale);
+  if (ticks.length === 0) {
+    return null;
+  }
+  const path = Skia.Path.Make();
+  ticks.forEach(({ position }) => {
+    path.moveTo(plot.x, position);
+    path.lineTo(plot.x + plot.width, position);
+  });
+  return path;
+}
+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.Path.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;\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.Path.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;\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,KAAK,KAAK;AAE5B,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;AACT;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,KAAK,KAAK;AAE5B,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;AACT;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,17 @@
+export { createAxisTicks, createXAxisLabelRect, createXAxisLayout, createYAxisLabelRect, createYAxisLayout, formatAxisTick } from './axis.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 { 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/label.types.mjs';
+import '../types/use-line-chart.types.mjs';
+import '../types/multi-line-chart.types.mjs';

package/dist/utils/index.js

@@ -0,0 +1,44 @@
+import {
+  createAxisTicks,
+  createXAxisLayout,
+  createXAxisLabelRect,
+  createYAxisLayout,
+  createYAxisLabelRect,
+  formatAxisTick
+} from "./axis.util";
+import { createChartLayout, createInsetRect } from "./chart-layout.util";
+import {
+  createHorizontalGridPath,
+  createVerticalGridPath,
+  resolveGridLineOptions
+} from "./grid.util";
+import { getLabelTextAlign, getLabelY } from "./label.util";
+import { createLinePath, fitLineCoordinatesToRect } from "./line.util";
+import {
+  createLineChartCoordinates,
+  createLineChartModel
+} from "./line-chart.util";
+import { createDrawableMultiLineChartSeries } from "./multi-line-chart.util";
+import { createParagraphBuilder } from "./paragraph-builder.util";
+export {
+  createAxisTicks,
+  createChartLayout,
+  createDrawableMultiLineChartSeries,
+  createHorizontalGridPath,
+  createInsetRect,
+  createLineChartCoordinates,
+  createLineChartModel,
+  createLinePath,
+  createParagraphBuilder,
+  createVerticalGridPath,
+  createXAxisLabelRect,
+  createXAxisLayout,
+  createYAxisLabelRect,
+  createYAxisLayout,
+  fitLineCoordinatesToRect,
+  formatAxisTick,
+  getLabelTextAlign,
+  getLabelY,
+  resolveGridLineOptions
+};
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n  createAxisTicks,\n  createXAxisLayout,\n  createXAxisLabelRect,\n  createYAxisLayout,\n  createYAxisLabelRect,\n  formatAxisTick,\n} from \"./axis.util\";\nexport { createChartLayout, createInsetRect } from \"./chart-layout.util\";\nexport {\n  createHorizontalGridPath,\n  createVerticalGridPath,\n  resolveGridLineOptions,\n} from \"./grid.util\";\nexport { getLabelTextAlign, getLabelY } from \"./label.util\";\nexport { createLinePath, fitLineCoordinatesToRect } from \"./line.util\";\nexport {\n  createLineChartCoordinates,\n  createLineChartModel,\n} from \"./line-chart.util\";\nexport { createDrawableMultiLineChartSeries } from \"./multi-line-chart.util\";\nexport { createParagraphBuilder } from \"./paragraph-builder.util\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,uBAAuB;AACnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,iBAAiB;AAC7C,SAAS,gBAAgB,gCAAgC;AACzD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0CAA0C;AACnD,SAAS,8BAA8B;","names":[]}

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

@@ -0,0 +1,10 @@
+import { TextAlign } from '@shopify/react-native-skia';
+import { ChartRect } from '../types/common.types.mjs';
+import { LabelHorizontalAlignment, LabelVerticalAlignment } from '../types/label.types.mjs';
+import '../types/style.types.mjs';
+import '@impulse-ui-native/theme';
+
+declare function getLabelTextAlign(alignment: LabelHorizontalAlignment): TextAlign;
+declare function getLabelY(rect: ChartRect, paragraphHeight: number, alignment: LabelVerticalAlignment): number;
+
+export { getLabelTextAlign, getLabelY };

package/dist/utils/label.util.js

@@ -0,0 +1,24 @@
+import { TextAlign } from "@shopify/react-native-skia";
+function getLabelTextAlign(alignment) {
+  if (alignment === "center") {
+    return TextAlign.Center;
+  }
+  if (alignment === "right") {
+    return TextAlign.Right;
+  }
+  return TextAlign.Left;
+}
+function getLabelY(rect, paragraphHeight, alignment) {
+  if (alignment === "center") {
+    return rect.y + (rect.height - paragraphHeight) / 2;
+  }
+  if (alignment === "bottom") {
+    return rect.y + rect.height - paragraphHeight;
+  }
+  return rect.y;
+}
+export {
+  getLabelTextAlign,
+  getLabelY
+};
+//# sourceMappingURL=label.util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/label.util.ts"],"sourcesContent":["import { TextAlign } from \"@shopify/react-native-skia\";\n\nimport {\n  ChartRect,\n  LabelHorizontalAlignment,\n  LabelVerticalAlignment,\n} from \"../types\";\n\nexport function getLabelTextAlign(\n  alignment: LabelHorizontalAlignment,\n): TextAlign {\n  if (alignment === \"center\") {\n    return TextAlign.Center;\n  }\n\n  if (alignment === \"right\") {\n    return TextAlign.Right;\n  }\n\n  return TextAlign.Left;\n}\n\nexport function getLabelY(\n  rect: ChartRect,\n  paragraphHeight: number,\n  alignment: LabelVerticalAlignment,\n): number {\n  if (alignment === \"center\") {\n    return rect.y + (rect.height - paragraphHeight) / 2;\n  }\n\n  if (alignment === \"bottom\") {\n    return rect.y + rect.height - paragraphHeight;\n  }\n\n  return rect.y;\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAQnB,SAAS,kBACd,WACW;AACX,MAAI,cAAc,UAAU;AAC1B,WAAO,UAAU;AAAA,EACnB;AAEA,MAAI,cAAc,SAAS;AACzB,WAAO,UAAU;AAAA,EACnB;AAEA,SAAO,UAAU;AACnB;AAEO,SAAS,UACd,MACA,iBACA,WACQ;AACR,MAAI,cAAc,UAAU;AAC1B,WAAO,KAAK,KAAK,KAAK,SAAS,mBAAmB;AAAA,EACpD;AAEA,MAAI,cAAc,UAAU;AAC1B,WAAO,KAAK,IAAI,KAAK,SAAS;AAAA,EAChC;AAEA,SAAO,KAAK;AACd;","names":[]}

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

@@ -0,0 +1,11 @@
+import { b as ChartXValue, f as LineChartPoint, h as LineChartScale, c as LineChartCoordinate } from '../line-chart.types-yxru5uWc.mjs';
+import { UseLineChartProps, UseLineChartResult } from '../types/use-line-chart.types.mjs';
+import '@shopify/react-native-skia';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@impulse-ui-native/theme';
+
+declare function createLineChartModel<X extends ChartXValue>(props: UseLineChartProps<X>): UseLineChartResult<X>;
+declare function createLineChartCoordinates<X extends ChartXValue>(data: readonly LineChartPoint<X>[], xScale: LineChartScale<X>, yScale: LineChartScale<number>): LineChartCoordinate<X>[];
+
+export { createLineChartCoordinates, createLineChartModel };

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

@@ -0,0 +1,133 @@
+import { extent } from "d3-array";
+import { scaleLinear, scalePoint, scaleTime } from "d3-scale";
+import {
+  LineChartDefaultNumericDomain,
+  LineChartDefaultTickCount
+} from "../constants";
+function createLineChartModel(props) {
+  const xTickCount = getTickCount(props.xAxis?.tickCount);
+  const yTickCount = getTickCount(props.yAxis?.tickCount);
+  const xRange = [
+    props.plot.x,
+    props.plot.x + props.plot.width
+  ];
+  const yRange = [
+    props.plot.y + props.plot.height,
+    props.plot.y
+  ];
+  const xModel = createXScale(
+    props.data.map((point) => point.x),
+    props.xScaleType ?? "linear",
+    xRange,
+    xTickCount
+  );
+  const yValues = props.data.reduce((values, point) => {
+    if (point.y !== null && Number.isFinite(point.y)) {
+      values.push(point.y);
+    }
+    return values;
+  }, []);
+  const yDomain = props.yAxis?.domain ?? getNumericDomain(yValues);
+  const d3YScale = scaleLinear().domain(yDomain).range(yRange);
+  if (!props.yAxis?.domain && yTickCount > 0) {
+    d3YScale.nice(yTickCount);
+  }
+  const resolvedYDomain = d3YScale.domain();
+  const yScale = (value) => d3YScale(value);
+  const coordinates = createLineChartCoordinates(
+    props.data,
+    xModel.scale,
+    yScale
+  );
+  return {
+    xDomain: xModel.domain,
+    yDomain: resolvedYDomain,
+    xTicks: xModel.ticks,
+    yTicks: d3YScale.ticks(yTickCount),
+    coordinates,
+    xScale: xModel.scale,
+    yScale
+  };
+}
+function createLineChartCoordinates(data, xScale, yScale) {
+  return data.map((datum, index) => {
+    const x = xScale(datum.x);
+    const y = datum.y === null ? void 0 : yScale(datum.y);
+    return {
+      datum,
+      index,
+      x: isFiniteCoordinate(x) ? x : null,
+      y: isFiniteCoordinate(y) ? y : null
+    };
+  });
+}
+function createXScale(values, scaleType, range, tickCount) {
+  if (scaleType === "point") {
+    const d3Scale2 = scalePoint().domain(values).range(range);
+    const domain = d3Scale2.domain();
+    return {
+      domain,
+      ticks: selectPointTicks(domain, tickCount),
+      scale: (value) => d3Scale2(value)
+    };
+  }
+  if (scaleType === "time") {
+    const dates = values.filter(
+      (value) => value instanceof Date && Number.isFinite(value.getTime())
+    );
+    const [minimum, maximum] = extent(dates);
+    const domain = minimum && maximum ? [minimum, maximum] : [/* @__PURE__ */ new Date(0), /* @__PURE__ */ new Date(1)];
+    const d3Scale2 = scaleTime().domain(domain).range(range);
+    if (tickCount > 0) {
+      d3Scale2.nice(tickCount);
+    }
+    return {
+      domain: d3Scale2.domain(),
+      ticks: d3Scale2.ticks(tickCount),
+      scale: (value) => value instanceof Date && Number.isFinite(value.getTime()) ? d3Scale2(value) : void 0
+    };
+  }
+  const numbers = values.filter(
+    (value) => typeof value === "number" && Number.isFinite(value)
+  );
+  const d3Scale = scaleLinear().domain(getNumericDomain(numbers)).range(range);
+  if (tickCount > 0) {
+    d3Scale.nice(tickCount);
+  }
+  return {
+    domain: d3Scale.domain(),
+    ticks: d3Scale.ticks(tickCount),
+    scale: (value) => typeof value === "number" && Number.isFinite(value) ? d3Scale(value) : void 0
+  };
+}
+function getNumericDomain(values) {
+  const [minimum, maximum] = extent(values);
+  return minimum === void 0 || maximum === void 0 ? LineChartDefaultNumericDomain : [minimum, maximum];
+}
+function getTickCount(tickCount) {
+  return tickCount === void 0 || !Number.isFinite(tickCount) ? LineChartDefaultTickCount : Math.max(0, Math.floor(tickCount));
+}
+function selectPointTicks(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) => {
+    const valueIndex = Math.round(index * lastIndex / (tickCount - 1));
+    return values[valueIndex];
+  });
+}
+function isFiniteCoordinate(value) {
+  return value !== void 0 && Number.isFinite(value);
+}
+export {
+  createLineChartCoordinates,
+  createLineChartModel
+};
+//# sourceMappingURL=line-chart.util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/line-chart.util.ts"],"sourcesContent":["import { extent } from \"d3-array\";\nimport { scaleLinear, scalePoint, scaleTime } from \"d3-scale\";\n\nimport {\n  LineChartDefaultNumericDomain,\n  LineChartDefaultTickCount,\n} from \"../constants\";\nimport {\n  ChartNumericDomain,\n  ChartXValue,\n  LineChartCoordinate,\n  LineChartPoint,\n  LineChartScale,\n  LineChartXScaleModel,\n  UseLineChartProps,\n  UseLineChartResult,\n} from \"../types\";\n\nexport function createLineChartModel<X extends ChartXValue>(\n  props: UseLineChartProps<X>,\n): UseLineChartResult<X> {\n  const xTickCount = getTickCount(props.xAxis?.tickCount);\n  const yTickCount = getTickCount(props.yAxis?.tickCount);\n  const xRange: ChartNumericDomain = [\n    props.plot.x,\n    props.plot.x + props.plot.width,\n  ];\n  const yRange: ChartNumericDomain = [\n    props.plot.y + props.plot.height,\n    props.plot.y,\n  ];\n\n  const xModel = createXScale(\n    props.data.map((point) => point.x),\n    props.xScaleType ?? \"linear\",\n    xRange,\n    xTickCount,\n  );\n\n  const yValues = props.data.reduce<number[]>((values, point) => {\n    if (point.y !== null && Number.isFinite(point.y)) {\n      values.push(point.y);\n    }\n\n    return values;\n  }, []);\n  const yDomain = props.yAxis?.domain ?? getNumericDomain(yValues);\n  const d3YScale = scaleLinear().domain(yDomain).range(yRange);\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  const coordinates = createLineChartCoordinates(\n    props.data,\n    xModel.scale,\n    yScale,\n  );\n\n  return {\n    xDomain: xModel.domain,\n    yDomain: resolvedYDomain,\n    xTicks: xModel.ticks,\n    yTicks: d3YScale.ticks(yTickCount),\n    coordinates,\n    xScale: xModel.scale,\n    yScale,\n  };\n}\n\nexport function createLineChartCoordinates<X extends ChartXValue>(\n  data: readonly LineChartPoint<X>[],\n  xScale: LineChartScale<X>,\n  yScale: LineChartScale<number>,\n): LineChartCoordinate<X>[] {\n  return data.map((datum, index) => {\n    const x = xScale(datum.x);\n    const y = datum.y === null ? undefined : yScale(datum.y);\n\n    return {\n      datum,\n      index,\n      x: isFiniteCoordinate(x) ? x : null,\n      y: isFiniteCoordinate(y) ? y : null,\n    };\n  });\n}\n\nfunction createXScale<X extends ChartXValue>(\n  values: readonly X[],\n  scaleType: UseLineChartProps<X>[\"xScaleType\"],\n  range: ChartNumericDomain,\n  tickCount: number,\n): LineChartXScaleModel<X> {\n  if (scaleType === \"point\") {\n    const d3Scale = scalePoint<X>().domain(values).range(range);\n    const domain = d3Scale.domain();\n\n    return {\n      domain,\n      ticks: selectPointTicks(domain, tickCount),\n      scale: (value) => d3Scale(value),\n    };\n  }\n\n  if (scaleType === \"time\") {\n    const dates = values.filter(\n      (value): value is Extract<X, Date> =>\n        value instanceof Date && Number.isFinite(value.getTime()),\n    );\n    const [minimum, maximum] = extent(dates);\n    const domain =\n      minimum && maximum\n        ? ([minimum, maximum] as const)\n        : ([new Date(0), new Date(1)] as const);\n    const d3Scale = scaleTime().domain(domain).range(range);\n\n    if (tickCount > 0) {\n      d3Scale.nice(tickCount);\n    }\n\n    return {\n      domain: d3Scale.domain() as X[],\n      ticks: d3Scale.ticks(tickCount) as X[],\n      scale: (value) =>\n        value instanceof Date && Number.isFinite(value.getTime())\n          ? d3Scale(value)\n          : undefined,\n    };\n  }\n\n  const numbers = values.filter(\n    (value): value is Extract<X, number> =>\n      typeof value === \"number\" && Number.isFinite(value),\n  );\n  const d3Scale = scaleLinear().domain(getNumericDomain(numbers)).range(range);\n\n  if (tickCount > 0) {\n    d3Scale.nice(tickCount);\n  }\n\n  return {\n    domain: d3Scale.domain() as X[],\n    ticks: d3Scale.ticks(tickCount) as X[],\n    scale: (value) =>\n      typeof value === \"number\" && Number.isFinite(value)\n        ? d3Scale(value)\n        : undefined,\n  };\n}\n\nfunction getNumericDomain(values: readonly number[]): ChartNumericDomain {\n  const [minimum, maximum] = extent(values);\n\n  return minimum === undefined || maximum === undefined\n    ? LineChartDefaultNumericDomain\n    : [minimum, maximum];\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\nfunction selectPointTicks<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({ length: tickCount }, (_, index) => {\n    const valueIndex = Math.round((index * lastIndex) / (tickCount - 1));\n\n    return values[valueIndex]!;\n  });\n}\n\nfunction isFiniteCoordinate(value: number | undefined): value is number {\n  return value !== undefined && Number.isFinite(value);\n}\n"],"mappings":"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","names":["d3Scale"]}

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

@@ -0,0 +1,10 @@
+import { SkPath } from '@shopify/react-native-skia';
+import { ChartRect } from '../types/common.types.mjs';
+import { b as ChartXValue, c as LineChartCoordinate, d as LineChartCurve } from '../line-chart.types-yxru5uWc.mjs';
+import '../types/style.types.mjs';
+import '@impulse-ui-native/theme';
+
+declare function createLinePath<X extends ChartXValue>(coordinates: readonly LineChartCoordinate<X>[], curve: LineChartCurve): SkPath | null;
+declare function fitLineCoordinatesToRect<X extends ChartXValue>(coordinates: readonly LineChartCoordinate<X>[], source: ChartRect, target: ChartRect): LineChartCoordinate<X>[];
+
+export { createLinePath, fitLineCoordinatesToRect };

package/dist/utils/line.util.js

@@ -0,0 +1,36 @@
+import { Skia } from "@shopify/react-native-skia";
+import { line as createD3Line, curveLinear, curveMonotoneX } from "d3-shape";
+function createLinePath(coordinates, curve) {
+  const pathData = createD3Line().defined((coordinate) => coordinate.x !== null && coordinate.y !== null).x((coordinate) => coordinate.x).y((coordinate) => coordinate.y).curve(curve === "monotone" ? curveMonotoneX : curveLinear)(coordinates);
+  return pathData ? Skia.Path.MakeFromSVGString(pathData) : null;
+}
+function fitLineCoordinatesToRect(coordinates, source, target) {
+  return coordinates.map((coordinate) => ({
+    ...coordinate,
+    x: coordinate.x === null ? null : mapCoordinate(
+      coordinate.x,
+      source.x,
+      source.width,
+      target.x,
+      target.width
+    ),
+    y: coordinate.y === null ? null : mapCoordinate(
+      coordinate.y,
+      source.y,
+      source.height,
+      target.y,
+      target.height
+    )
+  }));
+}
+function mapCoordinate(value, sourceStart, sourceLength, targetStart, targetLength) {
+  if (sourceLength <= 0) {
+    return targetStart + targetLength / 2;
+  }
+  return targetStart + (value - sourceStart) / sourceLength * targetLength;
+}
+export {
+  createLinePath,
+  fitLineCoordinatesToRect
+};
+//# sourceMappingURL=line.util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/line.util.ts"],"sourcesContent":["import { Skia, SkPath } from \"@shopify/react-native-skia\";\nimport { line as createD3Line, curveLinear, curveMonotoneX } from \"d3-shape\";\n\nimport {\n  ChartRect,\n  ChartXValue,\n  LineChartCoordinate,\n  LineChartCurve,\n} from \"../types\";\n\nexport function createLinePath<X extends ChartXValue>(\n  coordinates: readonly LineChartCoordinate<X>[],\n  curve: LineChartCurve,\n): SkPath | null {\n  const pathData = createD3Line<LineChartCoordinate<X>>()\n    .defined((coordinate) => coordinate.x !== null && coordinate.y !== null)\n    .x((coordinate) => coordinate.x!)\n    .y((coordinate) => coordinate.y!)\n    .curve(curve === \"monotone\" ? curveMonotoneX : curveLinear)(coordinates);\n\n  return pathData ? Skia.Path.MakeFromSVGString(pathData) : null;\n}\n\nexport function fitLineCoordinatesToRect<X extends ChartXValue>(\n  coordinates: readonly LineChartCoordinate<X>[],\n  source: ChartRect,\n  target: ChartRect,\n): LineChartCoordinate<X>[] {\n  return coordinates.map((coordinate) => ({\n    ...coordinate,\n    x:\n      coordinate.x === null\n        ? null\n        : mapCoordinate(\n            coordinate.x,\n            source.x,\n            source.width,\n            target.x,\n            target.width,\n          ),\n    y:\n      coordinate.y === null\n        ? null\n        : mapCoordinate(\n            coordinate.y,\n            source.y,\n            source.height,\n            target.y,\n            target.height,\n          ),\n  }));\n}\n\nfunction mapCoordinate(\n  value: number,\n  sourceStart: number,\n  sourceLength: number,\n  targetStart: number,\n  targetLength: number,\n): number {\n  if (sourceLength <= 0) {\n    return targetStart + targetLength / 2;\n  }\n\n  return targetStart + ((value - sourceStart) / sourceLength) * targetLength;\n}\n"],"mappings":"AAAA,SAAS,YAAoB;AAC7B,SAAS,QAAQ,cAAc,aAAa,sBAAsB;AAS3D,SAAS,eACd,aACA,OACe;AACf,QAAM,WAAW,aAAqC,EACnD,QAAQ,CAAC,eAAe,WAAW,MAAM,QAAQ,WAAW,MAAM,IAAI,EACtE,EAAE,CAAC,eAAe,WAAW,CAAE,EAC/B,EAAE,CAAC,eAAe,WAAW,CAAE,EAC/B,MAAM,UAAU,aAAa,iBAAiB,WAAW,EAAE,WAAW;AAEzE,SAAO,WAAW,KAAK,KAAK,kBAAkB,QAAQ,IAAI;AAC5D;AAEO,SAAS,yBACd,aACA,QACA,QAC0B;AAC1B,SAAO,YAAY,IAAI,CAAC,gBAAgB;AAAA,IACtC,GAAG;AAAA,IACH,GACE,WAAW,MAAM,OACb,OACA;AAAA,MACE,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACN,GACE,WAAW,MAAM,OACb,OACA;AAAA,MACE,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACR,EAAE;AACJ;AAEA,SAAS,cACP,OACA,aACA,cACA,aACA,cACQ;AACR,MAAI,gBAAgB,GAAG;AACrB,WAAO,cAAc,eAAe;AAAA,EACtC;AAEA,SAAO,eAAgB,QAAQ,eAAe,eAAgB;AAChE;","names":[]}

package/dist/utils/multi-line-chart.util.d.mts

@@ -0,0 +1,10 @@
+import { ChartRect } from '../types/common.types.mjs';
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import { MultiLineChartSeriesModel } from '../types/multi-line-chart.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+
+declare function createDrawableMultiLineChartSeries<X extends ChartXValue>(series: MultiLineChartSeriesModel<X>, index: number, plot: ChartRect): MultiLineChartSeriesModel<X>;
+
+export { createDrawableMultiLineChartSeries };

package/dist/utils/multi-line-chart.util.js

@@ -0,0 +1,23 @@
+import {
+  LineDefaultColor,
+  LineDefaultColors,
+  LineDefaultWidth
+} from "../constants";
+import { createInsetRect } from "./chart-layout.util";
+import { fitLineCoordinatesToRect } from "./line.util";
+function createDrawableMultiLineChartSeries(series, index, plot) {
+  const width = series.line?.width ?? LineDefaultWidth;
+  const linePlot = createInsetRect(plot, width / 2);
+  return {
+    ...series,
+    coordinates: fitLineCoordinatesToRect(series.coordinates, plot, linePlot),
+    line: {
+      ...series.line,
+      color: series.line?.color ?? LineDefaultColors[index % LineDefaultColors.length] ?? LineDefaultColor
+    }
+  };
+}
+export {
+  createDrawableMultiLineChartSeries
+};
+//# sourceMappingURL=multi-line-chart.util.js.map

package/dist/utils/multi-line-chart.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/multi-line-chart.util.ts"],"sourcesContent":["import {\n  LineDefaultColor,\n  LineDefaultColors,\n  LineDefaultWidth,\n} from \"../constants\";\nimport { ChartRect, ChartXValue, MultiLineChartSeriesModel } from \"../types\";\nimport { createInsetRect } from \"./chart-layout.util\";\nimport { fitLineCoordinatesToRect } from \"./line.util\";\n\nexport function createDrawableMultiLineChartSeries<X extends ChartXValue>(\n  series: MultiLineChartSeriesModel<X>,\n  index: number,\n  plot: ChartRect,\n): MultiLineChartSeriesModel<X> {\n  const width = series.line?.width ?? LineDefaultWidth;\n  const linePlot = createInsetRect(plot, width / 2);\n\n  return {\n    ...series,\n    coordinates: fitLineCoordinatesToRect(series.coordinates, plot, linePlot),\n    line: {\n      ...series.line,\n      color:\n        series.line?.color ??\n        LineDefaultColors[index % LineDefaultColors.length] ??\n        LineDefaultColor,\n    },\n  };\n}\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAElC,SAAS,mCACd,QACA,OACA,MAC8B;AAC9B,QAAM,QAAQ,OAAO,MAAM,SAAS;AACpC,QAAM,WAAW,gBAAgB,MAAM,QAAQ,CAAC;AAEhD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,aAAa,yBAAyB,OAAO,aAAa,MAAM,QAAQ;AAAA,IACxE,MAAM;AAAA,MACJ,GAAG,OAAO;AAAA,MACV,OACE,OAAO,MAAM,SACb,kBAAkB,QAAQ,kBAAkB,MAAM,KAClD;AAAA,IACJ;AAAA,EACF;AACF;","names":[]}

package/dist/utils/paragraph-builder.util.d.mts

@@ -0,0 +1,10 @@
+import * as _shopify_react_native_skia from '@shopify/react-native-skia';
+import { SkParagraphStyle, SkTypefaceFontProvider } from '@shopify/react-native-skia';
+
+interface CreateParagraphBuilderProps {
+    paragraphStyle?: SkParagraphStyle;
+    typefaceProvider?: SkTypefaceFontProvider;
+}
+declare function createParagraphBuilder(props: CreateParagraphBuilderProps): _shopify_react_native_skia.SkParagraphBuilder;
+
+export { createParagraphBuilder };

package/dist/utils/paragraph-builder.util.js

@@ -0,0 +1,16 @@
+import {
+  Skia
+} from "@shopify/react-native-skia";
+function createParagraphBuilder(props) {
+  if (props.typefaceProvider) {
+    return Skia.ParagraphBuilder.Make(
+      props.paragraphStyle,
+      props.typefaceProvider
+    );
+  }
+  return Skia.ParagraphBuilder.Make(props.paragraphStyle);
+}
+export {
+  createParagraphBuilder
+};
+//# sourceMappingURL=paragraph-builder.util.js.map