@impulse-ui-native/charts 2.1.1 → 2.3.0

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

@@ -0,0 +1,59 @@
+import { MultiPieDefaultRingPadding } from "../constants";
+import { createPieChartModel, createPieChartRadii } from "./pie-chart.util";
+function createMultiPieChartModel(props) {
+  const { innerRadius, outerRadius } = createPieChartRadii(
+    props.plot,
+    props.innerRadius,
+    props.outerRadius
+  );
+  const ringCount = props.series.length;
+  const radialSpan = outerRadius - innerRadius;
+  const ringPadding = ringCount <= 1 ? 0 : Math.min(
+    normalizeRingPadding(props.ringPadding),
+    radialSpan / (ringCount - 1)
+  );
+  const availableWidth = Math.max(
+    0,
+    radialSpan - ringPadding * Math.max(0, ringCount - 1)
+  );
+  const ringWidth = ringCount === 0 ? 0 : availableWidth / ringCount;
+  const maximumRadius = Math.max(
+    0,
+    Math.min(props.plot.width, props.plot.height) / 2
+  );
+  const series = props.series.map(
+    (currentSeries, index) => {
+      const seriesOuterRadius = outerRadius - index * (ringWidth + ringPadding);
+      const seriesInnerRadius = Math.max(
+        innerRadius,
+        seriesOuterRadius - ringWidth
+      );
+      const model = createPieChartModel({
+        data: currentSeries.data,
+        plot: props.plot,
+        startAngle: props.startAngle,
+        endAngle: props.endAngle,
+        padAngle: props.padAngle,
+        innerRadius: maximumRadius === 0 ? 0 : seriesInnerRadius / maximumRadius,
+        outerRadius: maximumRadius === 0 ? 0 : seriesOuterRadius / maximumRadius
+      });
+      return {
+        ...currentSeries,
+        ...model,
+        coordinates: model.coordinates.map((coordinate) => ({
+          ...coordinate,
+          padRadius: outerRadius
+        }))
+      };
+    }
+  );
+  return { series };
+}
+function normalizeRingPadding(value) {
+  const padding = value === void 0 || !Number.isFinite(value) ? MultiPieDefaultRingPadding : value;
+  return Math.max(0, padding);
+}
+export {
+  createMultiPieChartModel
+};
+//# sourceMappingURL=multi-pie-chart.util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/multi-pie-chart.util.ts"],"sourcesContent":["import { MultiPieDefaultRingPadding } from \"../constants\";\nimport {\n  MultiPieChartSeriesModel,\n  UseMultiPieChartProps,\n  UseMultiPieChartResult,\n} from \"../types\";\nimport { createPieChartModel, createPieChartRadii } from \"./pie-chart.util\";\n\nexport function createMultiPieChartModel(\n  props: UseMultiPieChartProps,\n): UseMultiPieChartResult {\n  const { innerRadius, outerRadius } = createPieChartRadii(\n    props.plot,\n    props.innerRadius,\n    props.outerRadius,\n  );\n  const ringCount = props.series.length;\n  const radialSpan = outerRadius - innerRadius;\n  const ringPadding =\n    ringCount <= 1\n      ? 0\n      : Math.min(\n          normalizeRingPadding(props.ringPadding),\n          radialSpan / (ringCount - 1),\n        );\n  const availableWidth = Math.max(\n    0,\n    radialSpan - ringPadding * Math.max(0, ringCount - 1),\n  );\n  const ringWidth = ringCount === 0 ? 0 : availableWidth / ringCount;\n  const maximumRadius = Math.max(\n    0,\n    Math.min(props.plot.width, props.plot.height) / 2,\n  );\n\n  const series: MultiPieChartSeriesModel[] = props.series.map(\n    (currentSeries, index) => {\n      const seriesOuterRadius = outerRadius - index * (ringWidth + ringPadding);\n      const seriesInnerRadius = Math.max(\n        innerRadius,\n        seriesOuterRadius - ringWidth,\n      );\n      const model = createPieChartModel({\n        data: currentSeries.data,\n        plot: props.plot,\n        startAngle: props.startAngle,\n        endAngle: props.endAngle,\n        padAngle: props.padAngle,\n        innerRadius:\n          maximumRadius === 0 ? 0 : seriesInnerRadius / maximumRadius,\n        outerRadius:\n          maximumRadius === 0 ? 0 : seriesOuterRadius / maximumRadius,\n      });\n\n      return {\n        ...currentSeries,\n        ...model,\n        coordinates: model.coordinates.map((coordinate) => ({\n          ...coordinate,\n          padRadius: outerRadius,\n        })),\n      };\n    },\n  );\n\n  return { series };\n}\n\nfunction normalizeRingPadding(value: number | undefined): number {\n  const padding =\n    value === undefined || !Number.isFinite(value)\n      ? MultiPieDefaultRingPadding\n      : value;\n\n  return Math.max(0, padding);\n}\n"],"mappings":"AAAA,SAAS,kCAAkC;AAM3C,SAAS,qBAAqB,2BAA2B;AAElD,SAAS,yBACd,OACwB;AACxB,QAAM,EAAE,aAAa,YAAY,IAAI;AAAA,IACnC,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACA,QAAM,YAAY,MAAM,OAAO;AAC/B,QAAM,aAAa,cAAc;AACjC,QAAM,cACJ,aAAa,IACT,IACA,KAAK;AAAA,IACH,qBAAqB,MAAM,WAAW;AAAA,IACtC,cAAc,YAAY;AAAA,EAC5B;AACN,QAAM,iBAAiB,KAAK;AAAA,IAC1B;AAAA,IACA,aAAa,cAAc,KAAK,IAAI,GAAG,YAAY,CAAC;AAAA,EACtD;AACA,QAAM,YAAY,cAAc,IAAI,IAAI,iBAAiB;AACzD,QAAM,gBAAgB,KAAK;AAAA,IACzB;AAAA,IACA,KAAK,IAAI,MAAM,KAAK,OAAO,MAAM,KAAK,MAAM,IAAI;AAAA,EAClD;AAEA,QAAM,SAAqC,MAAM,OAAO;AAAA,IACtD,CAAC,eAAe,UAAU;AACxB,YAAM,oBAAoB,cAAc,SAAS,YAAY;AAC7D,YAAM,oBAAoB,KAAK;AAAA,QAC7B;AAAA,QACA,oBAAoB;AAAA,MACtB;AACA,YAAM,QAAQ,oBAAoB;AAAA,QAChC,MAAM,cAAc;AAAA,QACpB,MAAM,MAAM;AAAA,QACZ,YAAY,MAAM;AAAA,QAClB,UAAU,MAAM;AAAA,QAChB,UAAU,MAAM;AAAA,QAChB,aACE,kBAAkB,IAAI,IAAI,oBAAoB;AAAA,QAChD,aACE,kBAAkB,IAAI,IAAI,oBAAoB;AAAA,MAClD,CAAC;AAED,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa,MAAM,YAAY,IAAI,CAAC,gBAAgB;AAAA,UAClD,GAAG;AAAA,UACH,WAAW;AAAA,QACb,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,OAAO;AAClB;AAEA,SAAS,qBAAqB,OAAmC;AAC/D,QAAM,UACJ,UAAU,UAAa,CAAC,OAAO,SAAS,KAAK,IACzC,6BACA;AAEN,SAAO,KAAK,IAAI,GAAG,OAAO;AAC5B;","names":[]}

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

@@ -0,0 +1,18 @@
+import { ChartRect } from '../types/common.types.mjs';
+import { PieChartModel } from '../types/pie-chart.types.mjs';
+import { UsePieChartProps } from '../types/use-pie-chart.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+
+declare function createPieChartModel(props: UsePieChartProps): PieChartModel;
+declare function createPieChartRadii(plot: ChartRect, innerRadiusRatio?: number, outerRadiusRatio?: number): {
+    center: {
+        x: number;
+        y: number;
+    };
+    innerRadius: number;
+    outerRadius: number;
+};
+declare function normalizeRadiusRatio(value: number): number;
+
+export { createPieChartModel, createPieChartRadii, normalizeRadiusRatio };

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

@@ -0,0 +1,82 @@
+import { pie } from "d3-shape";
+import {
+  PieDefaultEndAngle,
+  PieDefaultInnerRadius,
+  PieDefaultOuterRadius,
+  PieDefaultPadAngle,
+  PieDefaultStartAngle
+} from "../constants/pie.constants";
+const DegreesToRadians = Math.PI / 180;
+function createPieChartModel(props) {
+  const data = props.data.filter(isValidPieChartPoint);
+  const total = data.reduce((sum, datum) => sum + datum.value, 0);
+  const { center, innerRadius, outerRadius } = createPieChartRadii(
+    props.plot,
+    props.innerRadius,
+    props.outerRadius
+  );
+  if (data.length === 0 || outerRadius <= 0) {
+    return { coordinates: [], total: 0 };
+  }
+  const startAngle = degreesToRadians(
+    normalizeAngle(props.startAngle, PieDefaultStartAngle)
+  );
+  const endAngle = degreesToRadians(
+    normalizeAngle(props.endAngle, PieDefaultEndAngle)
+  );
+  const padAngle = Math.max(
+    0,
+    degreesToRadians(normalizeAngle(props.padAngle, PieDefaultPadAngle))
+  );
+  const arcs = pie().value((datum) => datum.value).sort(null).startAngle(startAngle).endAngle(endAngle).padAngle(padAngle)(data);
+  const coordinates = arcs.map((currentArc) => ({
+    datum: currentArc.data,
+    index: currentArc.index,
+    center,
+    startAngle: currentArc.startAngle,
+    endAngle: currentArc.endAngle,
+    padAngle: currentArc.padAngle,
+    padRadius: outerRadius,
+    innerRadius,
+    outerRadius
+  }));
+  return { coordinates, total };
+}
+function createPieChartRadii(plot, innerRadiusRatio = PieDefaultInnerRadius, outerRadiusRatio = PieDefaultOuterRadius) {
+  const maximumRadius = Math.max(0, Math.min(plot.width, plot.height) / 2);
+  const resolvedOuterRatio = normalizeRadiusRatio(
+    Number.isFinite(outerRadiusRatio) ? outerRadiusRatio : PieDefaultOuterRadius
+  );
+  const resolvedInnerRatio = Math.min(
+    normalizeRadiusRatio(
+      Number.isFinite(innerRadiusRatio) ? innerRadiusRatio : PieDefaultInnerRadius
+    ),
+    resolvedOuterRatio
+  );
+  return {
+    center: {
+      x: plot.x + plot.width / 2,
+      y: plot.y + plot.height / 2
+    },
+    innerRadius: maximumRadius * resolvedInnerRatio,
+    outerRadius: maximumRadius * resolvedOuterRatio
+  };
+}
+function normalizeRadiusRatio(value) {
+  return Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;
+}
+function degreesToRadians(value) {
+  return value * DegreesToRadians;
+}
+function normalizeAngle(value, fallback) {
+  return value === void 0 || !Number.isFinite(value) ? fallback : value;
+}
+function isValidPieChartPoint(datum) {
+  return Number.isFinite(datum.value) && datum.value > 0;
+}
+export {
+  createPieChartModel,
+  createPieChartRadii,
+  normalizeRadiusRatio
+};
+//# sourceMappingURL=pie-chart.util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/pie-chart.util.ts"],"sourcesContent":["import { pie } from \"d3-shape\";\n\nimport {\n  PieDefaultEndAngle,\n  PieDefaultInnerRadius,\n  PieDefaultOuterRadius,\n  PieDefaultPadAngle,\n  PieDefaultStartAngle,\n} from \"../constants/pie.constants\";\nimport {\n  ChartRect,\n  PieChartCoordinate,\n  PieChartModel,\n  PieChartPoint,\n  UsePieChartProps,\n} from \"../types\";\n\nconst DegreesToRadians = Math.PI / 180;\n\nexport function createPieChartModel(props: UsePieChartProps): PieChartModel {\n  const data = props.data.filter(isValidPieChartPoint);\n  const total = data.reduce((sum, datum) => sum + datum.value, 0);\n  const { center, innerRadius, outerRadius } = createPieChartRadii(\n    props.plot,\n    props.innerRadius,\n    props.outerRadius,\n  );\n\n  if (data.length === 0 || outerRadius <= 0) {\n    return { coordinates: [], total: 0 };\n  }\n\n  const startAngle = degreesToRadians(\n    normalizeAngle(props.startAngle, PieDefaultStartAngle),\n  );\n  const endAngle = degreesToRadians(\n    normalizeAngle(props.endAngle, PieDefaultEndAngle),\n  );\n  const padAngle = Math.max(\n    0,\n    degreesToRadians(normalizeAngle(props.padAngle, PieDefaultPadAngle)),\n  );\n  const arcs = pie<PieChartPoint>()\n    .value((datum) => datum.value)\n    .sort(null)\n    .startAngle(startAngle)\n    .endAngle(endAngle)\n    .padAngle(padAngle)(data);\n  const coordinates: PieChartCoordinate[] = arcs.map((currentArc) => ({\n    datum: currentArc.data,\n    index: currentArc.index,\n    center,\n    startAngle: currentArc.startAngle,\n    endAngle: currentArc.endAngle,\n    padAngle: currentArc.padAngle,\n    padRadius: outerRadius,\n    innerRadius,\n    outerRadius,\n  }));\n\n  return { coordinates, total };\n}\n\nexport function createPieChartRadii(\n  plot: ChartRect,\n  innerRadiusRatio = PieDefaultInnerRadius,\n  outerRadiusRatio = PieDefaultOuterRadius,\n) {\n  const maximumRadius = Math.max(0, Math.min(plot.width, plot.height) / 2);\n  const resolvedOuterRatio = normalizeRadiusRatio(\n    Number.isFinite(outerRadiusRatio)\n      ? outerRadiusRatio\n      : PieDefaultOuterRadius,\n  );\n  const resolvedInnerRatio = Math.min(\n    normalizeRadiusRatio(\n      Number.isFinite(innerRadiusRatio)\n        ? innerRadiusRatio\n        : PieDefaultInnerRadius,\n    ),\n    resolvedOuterRatio,\n  );\n\n  return {\n    center: {\n      x: plot.x + plot.width / 2,\n      y: plot.y + plot.height / 2,\n    },\n    innerRadius: maximumRadius * resolvedInnerRatio,\n    outerRadius: maximumRadius * resolvedOuterRatio,\n  };\n}\n\nexport function normalizeRadiusRatio(value: number): number {\n  return Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;\n}\n\nfunction degreesToRadians(value: number): number {\n  return value * DegreesToRadians;\n}\n\nfunction normalizeAngle(value: number | undefined, fallback: number): number {\n  return value === undefined || !Number.isFinite(value) ? fallback : value;\n}\n\nfunction isValidPieChartPoint(datum: PieChartPoint): boolean {\n  return Number.isFinite(datum.value) && datum.value > 0;\n}\n"],"mappings":"AAAA,SAAS,WAAW;AAEpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASP,MAAM,mBAAmB,KAAK,KAAK;AAE5B,SAAS,oBAAoB,OAAwC;AAC1E,QAAM,OAAO,MAAM,KAAK,OAAO,oBAAoB;AACnD,QAAM,QAAQ,KAAK,OAAO,CAAC,KAAK,UAAU,MAAM,MAAM,OAAO,CAAC;AAC9D,QAAM,EAAE,QAAQ,aAAa,YAAY,IAAI;AAAA,IAC3C,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAEA,MAAI,KAAK,WAAW,KAAK,eAAe,GAAG;AACzC,WAAO,EAAE,aAAa,CAAC,GAAG,OAAO,EAAE;AAAA,EACrC;AAEA,QAAM,aAAa;AAAA,IACjB,eAAe,MAAM,YAAY,oBAAoB;AAAA,EACvD;AACA,QAAM,WAAW;AAAA,IACf,eAAe,MAAM,UAAU,kBAAkB;AAAA,EACnD;AACA,QAAM,WAAW,KAAK;AAAA,IACpB;AAAA,IACA,iBAAiB,eAAe,MAAM,UAAU,kBAAkB,CAAC;AAAA,EACrE;AACA,QAAM,OAAO,IAAmB,EAC7B,MAAM,CAAC,UAAU,MAAM,KAAK,EAC5B,KAAK,IAAI,EACT,WAAW,UAAU,EACrB,SAAS,QAAQ,EACjB,SAAS,QAAQ,EAAE,IAAI;AAC1B,QAAM,cAAoC,KAAK,IAAI,CAAC,gBAAgB;AAAA,IAClE,OAAO,WAAW;AAAA,IAClB,OAAO,WAAW;AAAA,IAClB;AAAA,IACA,YAAY,WAAW;AAAA,IACvB,UAAU,WAAW;AAAA,IACrB,UAAU,WAAW;AAAA,IACrB,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACF,EAAE;AAEF,SAAO,EAAE,aAAa,MAAM;AAC9B;AAEO,SAAS,oBACd,MACA,mBAAmB,uBACnB,mBAAmB,uBACnB;AACA,QAAM,gBAAgB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,OAAO,KAAK,MAAM,IAAI,CAAC;AACvE,QAAM,qBAAqB;AAAA,IACzB,OAAO,SAAS,gBAAgB,IAC5B,mBACA;AAAA,EACN;AACA,QAAM,qBAAqB,KAAK;AAAA,IAC9B;AAAA,MACE,OAAO,SAAS,gBAAgB,IAC5B,mBACA;AAAA,IACN;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,GAAG,KAAK,IAAI,KAAK,QAAQ;AAAA,MACzB,GAAG,KAAK,IAAI,KAAK,SAAS;AAAA,IAC5B;AAAA,IACA,aAAa,gBAAgB;AAAA,IAC7B,aAAa,gBAAgB;AAAA,EAC/B;AACF;AAEO,SAAS,qBAAqB,OAAuB;AAC1D,SAAO,OAAO,SAAS,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,CAAC,IAAI;AACpE;AAEA,SAAS,iBAAiB,OAAuB;AAC/C,SAAO,QAAQ;AACjB;AAEA,SAAS,eAAe,OAA2B,UAA0B;AAC3E,SAAO,UAAU,UAAa,CAAC,OAAO,SAAS,KAAK,IAAI,WAAW;AACrE;AAEA,SAAS,qBAAqB,OAA+B;AAC3D,SAAO,OAAO,SAAS,MAAM,KAAK,KAAK,MAAM,QAAQ;AACvD;","names":[]}

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

@@ -0,0 +1,8 @@
+import { SkPath } from '@shopify/react-native-skia';
+import { PieChartCoordinate } from '../types/pie-chart.types.mjs';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+
+declare function createPieSlicePath(coordinate: PieChartCoordinate, cornerRadius?: number): SkPath | null;
+
+export { createPieSlicePath };

package/dist/utils/pie.util.js

@@ -0,0 +1,19 @@
+import { Skia } from "@shopify/react-native-skia";
+import { arc } from "d3-shape";
+function createPieSlicePath(coordinate, cornerRadius = 0) {
+  const pathData = arc().cornerRadius(Math.max(0, cornerRadius)).padRadius(coordinate.padRadius)({
+    innerRadius: coordinate.innerRadius,
+    outerRadius: coordinate.outerRadius,
+    startAngle: coordinate.startAngle,
+    endAngle: coordinate.endAngle,
+    padAngle: coordinate.padAngle
+  });
+  if (!pathData) {
+    return null;
+  }
+  return Skia.Path.MakeFromSVGString(pathData);
+}
+export {
+  createPieSlicePath
+};
+//# sourceMappingURL=pie.util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/pie.util.ts"],"sourcesContent":["import { Skia, SkPath } from \"@shopify/react-native-skia\";\nimport { arc } from \"d3-shape\";\n\nimport { PieChartCoordinate } from \"../types\";\n\nexport function createPieSlicePath(\n  coordinate: PieChartCoordinate,\n  cornerRadius = 0,\n): SkPath | null {\n  const pathData = arc()\n    .cornerRadius(Math.max(0, cornerRadius))\n    .padRadius(coordinate.padRadius)({\n    innerRadius: coordinate.innerRadius,\n    outerRadius: coordinate.outerRadius,\n    startAngle: coordinate.startAngle,\n    endAngle: coordinate.endAngle,\n    padAngle: coordinate.padAngle,\n  });\n\n  if (!pathData) {\n    return null;\n  }\n\n  return Skia.Path.MakeFromSVGString(pathData);\n}\n"],"mappings":"AAAA,SAAS,YAAoB;AAC7B,SAAS,WAAW;AAIb,SAAS,mBACd,YACA,eAAe,GACA;AACf,QAAM,WAAW,IAAI,EAClB,aAAa,KAAK,IAAI,GAAG,YAAY,CAAC,EACtC,UAAU,WAAW,SAAS,EAAE;AAAA,IACjC,aAAa,WAAW;AAAA,IACxB,aAAa,WAAW;AAAA,IACxB,YAAY,WAAW;AAAA,IACvB,UAAU,WAAW;AAAA,IACrB,UAAU,WAAW;AAAA,EACvB,CAAC;AAED,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,KAAK,kBAAkB,QAAQ;AAC7C;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/charts",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "source": "src/index.ts",
   "module": "dist/index.js",
   "types": "dist/index.d.mts",
@@ -25,9 +25,9 @@
     "d3-shape": "3.2.0",
     "d3-time": "3.1.0",
     "d3-time-format": "4.1.0",
-    "@impulse-ui-native/theme": "2.1.1",
-    "@impulse-ui-native/primitives": "2.1.1",
-    "@impulse-ui-native/core": "2.1.1"
+    "@impulse-ui-native/primitives": "2.1.3",
+    "@impulse-ui-native/core": "2.1.3",
+    "@impulse-ui-native/theme": "2.1.3"
   },
   "devDependencies": {
     "@shopify/react-native-skia": "2.6.2",
@@ -43,8 +43,8 @@
     "react": "19.2.3",
     "react-native": "0.86.2",
     "typescript": "~6.0.3",
-    "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {

package/dist/components/line-chart-body.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/line-chart-body.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Group } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\nimport { AppTheme } from \"@impulse-ui-native/theme\";\n\nimport { LineDefaultWidth } from \"../constants\";\nimport { useLineChart } from \"../hooks\";\nimport { ChartSize, ChartXValue, LineChartProps } from \"../types\";\nimport {\n  createChartLayout,\n  createInsetRect,\n  fitLineCoordinatesToRect,\n} from \"../utils\";\nimport { Grid, Line, XAxis, YAxis } from \"./primitives\";\n\ninterface LineChartBodyProps<X extends ChartXValue> extends LineChartProps<X> {\n  size: ChartSize;\n  theme: AppTheme;\n}\n\nexport const LineChartBody = memo(function LineChartBodyComponent<\n  X extends ChartXValue = number,\n>(props: LineChartBodyProps<X>) {\n  const {\n    data,\n    fontManager,\n    grid,\n    insets,\n    line,\n    size,\n    theme,\n    xAxis,\n    xScaleType,\n    yAxis,\n  } = props;\n\n  const layout = useMemo(() => createChartLayout(size, insets), [insets, size]);\n\n  const { coordinates, xScale, xTicks, yScale, yTicks } = useLineChart({\n    data,\n    plot: layout.plot,\n    xAxis,\n    xScaleType,\n    yAxis,\n  });\n\n  const linePlot = useMemo(\n    () => createInsetRect(layout.plot, (line?.width ?? LineDefaultWidth) / 2),\n    [layout.plot, line?.width],\n  );\n\n  const lineCoordinates = useMemo(\n    () => fitLineCoordinatesToRect(coordinates, layout.plot, linePlot),\n    [coordinates, layout.plot, linePlot],\n  );\n\n  const isGridStyle = grid !== undefined;\n\n  return (\n    <>\n      {isGridStyle ? (\n        <Grid\n          options={grid}\n          plot={layout.plot}\n          theme={theme}\n          xTicks={xTicks}\n          xScale={xScale}\n          yTicks={yTicks}\n          yScale={yScale}\n        />\n      ) : null}\n\n      {xAxis?.visible !== false ? (\n        <XAxis\n          ticks={xTicks}\n          scale={xScale}\n          plot={layout.plot}\n          region={layout.xAxis}\n          theme={theme}\n          options={xAxis}\n          fontManager={fontManager}\n          lineVisible={!isGridStyle}\n          tickVisible={!isGridStyle}\n        />\n      ) : null}\n\n      {yAxis?.visible !== false ? (\n        <YAxis\n          ticks={yTicks}\n          scale={yScale}\n          plot={layout.plot}\n          region={layout.yAxis}\n          theme={theme}\n          options={yAxis}\n          fontManager={fontManager}\n          lineVisible={!isGridStyle}\n          tickVisible={!isGridStyle}\n        />\n      ) : null}\n\n      <Group clip={layout.plot}>\n        <Line coordinates={lineCoordinates} {...line} />\n      </Group>\n    </>\n  );\n});\n"],"mappings":"AA4DI,mBAEI,KAFJ;AA5DJ,SAAS,eAAe;AACxB,SAAS,aAAa;AAEtB,SAAS,YAAY;AAGrB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,MAAM,OAAO,aAAa;AAOlC,MAAM,gBAAgB,KAAK,SAAS,uBAEzC,OAA8B;AAC9B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,SAAS,QAAQ,MAAM,kBAAkB,MAAM,MAAM,GAAG,CAAC,QAAQ,IAAI,CAAC;AAE5E,QAAM,EAAE,aAAa,QAAQ,QAAQ,QAAQ,OAAO,IAAI,aAAa;AAAA,IACnE;AAAA,IACA,MAAM,OAAO;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,WAAW;AAAA,IACf,MAAM,gBAAgB,OAAO,OAAO,MAAM,SAAS,oBAAoB,CAAC;AAAA,IACxE,CAAC,OAAO,MAAM,MAAM,KAAK;AAAA,EAC3B;AAEA,QAAM,kBAAkB;AAAA,IACtB,MAAM,yBAAyB,aAAa,OAAO,MAAM,QAAQ;AAAA,IACjE,CAAC,aAAa,OAAO,MAAM,QAAQ;AAAA,EACrC;AAEA,QAAM,cAAc,SAAS;AAE7B,SACE,iCACG;AAAA,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,MAAM,OAAO;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IACE;AAAA,IAEH,OAAO,YAAY,QAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,OAAO;AAAA,QACb,QAAQ,OAAO;AAAA,QACf;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,aAAa,CAAC;AAAA,QACd,aAAa,CAAC;AAAA;AAAA,IAChB,IACE;AAAA,IAEH,OAAO,YAAY,QAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,OAAO;AAAA,QACb,QAAQ,OAAO;AAAA,QACf;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,aAAa,CAAC;AAAA,QACd,aAAa,CAAC;AAAA;AAAA,IAChB,IACE;AAAA,IAEJ,oBAAC,SAAM,MAAM,OAAO,MAClB,8BAAC,QAAK,aAAa,iBAAkB,GAAG,MAAM,GAChD;AAAA,KACF;AAEJ,CAAC;","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/line-chart.tsx"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { Canvas } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\nimport { useTheme } from \"@impulse-ui-native/theme\";\n\nimport { useChartCanvas } from \"../hooks\";\nimport { ChartXValue, LineChartProps } from \"../types\";\nimport { LineChartBody } from \"./line-chart-body\";\n\nexport const LineChart = memo(function LineChart<\n  X extends ChartXValue = number,\n>(props: LineChartProps<X>) {\n  const theme = useTheme();\n\n  const { ref, size } = useChartCanvas();\n\n  return (\n    <Canvas ref={ref} style={styles.container}>\n      <LineChartBody {...props} size={size} theme={theme} />\n    </Canvas>\n  );\n});\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"],"mappings":"AAmBM;AAnBN,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEvB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAEvB,MAAM,YAAY,KAAK,SAASA,WAErC,OAA0B;AAC1B,QAAM,QAAQ,SAAS;AAEvB,QAAM,EAAE,KAAK,KAAK,IAAI,eAAe;AAErC,SACE,oBAAC,UAAO,KAAU,OAAO,OAAO,WAC9B,8BAAC,iBAAe,GAAG,OAAO,MAAY,OAAc,GACtD;AAEJ,CAAC;AAED,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;","names":["LineChart"]}

package/dist/components/multi-line-chart-body.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/multi-line-chart-body.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Group } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\n\nimport { useMultiLineChart } from \"../hooks\";\nimport { ChartXValue, MultiLineChartBodyProps } from \"../types\";\nimport {\n  createChartLayout,\n  createDrawableMultiLineChartSeries,\n} from \"../utils\";\nimport { Grid, Line, XAxis, YAxis } from \"./primitives\";\n\nexport const MultiLineChartBody = memo(function MultiLineChartBodyComponent<\n  X extends ChartXValue = number,\n>(props: MultiLineChartBodyProps<X>) {\n  const {\n    fontManager,\n    grid,\n    insets,\n    series,\n    size,\n    theme,\n    xAxis,\n    xScaleType,\n    yAxis,\n  } = props;\n\n  const layout = useMemo(() => createChartLayout(size, insets), [insets, size]);\n\n  const {\n    series: seriesModels,\n    xScale,\n    xTicks,\n    yScale,\n    yTicks,\n  } = useMultiLineChart({\n    plot: layout.plot,\n    series,\n    xAxis,\n    xScaleType,\n    yAxis,\n  });\n\n  const drawableSeries = useMemo(\n    () =>\n      seriesModels.map((currentSeries, index) =>\n        createDrawableMultiLineChartSeries(currentSeries, index, layout.plot),\n      ),\n    [layout.plot, seriesModels],\n  );\n\n  const isGridStyle = grid !== undefined;\n\n  return (\n    <>\n      {isGridStyle ? (\n        <Grid\n          options={grid}\n          plot={layout.plot}\n          theme={theme}\n          xTicks={xTicks}\n          xScale={xScale}\n          yTicks={yTicks}\n          yScale={yScale}\n        />\n      ) : null}\n\n      {xAxis?.visible !== false ? (\n        <XAxis\n          ticks={xTicks}\n          scale={xScale}\n          plot={layout.plot}\n          region={layout.xAxis}\n          theme={theme}\n          options={xAxis}\n          fontManager={fontManager}\n          lineVisible={!isGridStyle}\n          tickVisible={!isGridStyle}\n        />\n      ) : null}\n\n      {yAxis?.visible !== false ? (\n        <YAxis\n          ticks={yTicks}\n          scale={yScale}\n          plot={layout.plot}\n          region={layout.yAxis}\n          theme={theme}\n          options={yAxis}\n          fontManager={fontManager}\n          lineVisible={!isGridStyle}\n          tickVisible={!isGridStyle}\n        />\n      ) : null}\n\n      <Group clip={layout.plot}>\n        {drawableSeries.map((currentSeries) => (\n          <Line\n            key={currentSeries.id}\n            coordinates={currentSeries.coordinates}\n            {...currentSeries.line}\n          />\n        ))}\n      </Group>\n    </>\n  );\n});\n"],"mappings":"AAuDI,mBAEI,KAFJ;AAvDJ,SAAS,eAAe;AACxB,SAAS,aAAa;AAEtB,SAAS,YAAY;AAErB,SAAS,yBAAyB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,MAAM,OAAO,aAAa;AAElC,MAAM,qBAAqB,KAAK,SAAS,4BAE9C,OAAmC;AACnC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,SAAS,QAAQ,MAAM,kBAAkB,MAAM,MAAM,GAAG,CAAC,QAAQ,IAAI,CAAC;AAE5E,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB;AAAA,IACpB,MAAM,OAAO;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB;AAAA,IACrB,MACE,aAAa;AAAA,MAAI,CAAC,eAAe,UAC/B,mCAAmC,eAAe,OAAO,OAAO,IAAI;AAAA,IACtE;AAAA,IACF,CAAC,OAAO,MAAM,YAAY;AAAA,EAC5B;AAEA,QAAM,cAAc,SAAS;AAE7B,SACE,iCACG;AAAA,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,MAAM,OAAO;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IACE;AAAA,IAEH,OAAO,YAAY,QAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,OAAO;AAAA,QACb,QAAQ,OAAO;AAAA,QACf;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,aAAa,CAAC;AAAA,QACd,aAAa,CAAC;AAAA;AAAA,IAChB,IACE;AAAA,IAEH,OAAO,YAAY,QAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,OAAO;AAAA,QACb,QAAQ,OAAO;AAAA,QACf;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,aAAa,CAAC;AAAA,QACd,aAAa,CAAC;AAAA;AAAA,IAChB,IACE;AAAA,IAEJ,oBAAC,SAAM,MAAM,OAAO,MACjB,yBAAe,IAAI,CAAC,kBACnB;AAAA,MAAC;AAAA;AAAA,QAEC,aAAa,cAAc;AAAA,QAC1B,GAAG,cAAc;AAAA;AAAA,MAFb,cAAc;AAAA,IAGrB,CACD,GACH;AAAA,KACF;AAEJ,CAAC;","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/multi-line-chart.tsx"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { Canvas } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\nimport { useTheme } from \"@impulse-ui-native/theme\";\n\nimport { useChartCanvas } from \"../hooks\";\nimport { ChartXValue, MultiLineChartProps } from \"../types\";\nimport { MultiLineChartBody } from \"./multi-line-chart-body\";\n\nexport const MultiLineChart = memo(function MultiLineChart<\n  X extends ChartXValue = number,\n>(props: MultiLineChartProps<X>) {\n  const theme = useTheme();\n\n  const { ref, size } = useChartCanvas();\n\n  return (\n    <Canvas ref={ref} style={styles.container}>\n      <MultiLineChartBody {...props} size={size} theme={theme} />\n    </Canvas>\n  );\n});\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"],"mappings":"AAmBM;AAnBN,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEvB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AAE5B,MAAM,iBAAiB,KAAK,SAASA,gBAE1C,OAA+B;AAC/B,QAAM,QAAQ,SAAS;AAEvB,QAAM,EAAE,KAAK,KAAK,IAAI,eAAe;AAErC,SACE,oBAAC,UAAO,KAAU,OAAO,OAAO,WAC9B,8BAAC,sBAAoB,GAAG,OAAO,MAAY,OAAc,GAC3D;AAEJ,CAAC;AAED,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;","names":["MultiLineChart"]}