@impulse-ui-native/charts 2.1.1 → 2.3.0

package/dist/constants/index.d.mts

@@ -1,11 +1,14 @@
 export { AxisDefaultLabelGap, AxisDefaultOpacity, AxisDefaultTickLength, AxisDefaultWidth } from './axis.constants.mjs';
+export { BarDefaultColor, BarDefaultColors, BarDefaultOpacity, BarDefaultRadius } from './bar.constants.mjs';
+export { BarChartDefaultCategoryPadding, MultiBarChartDefaultSeriesPadding } from './bar-chart.constants.mjs';
 export { GridDefaultOpacity, GridDefaultWidth, GridDefaultXVisible, GridDefaultYVisible } from './grid.constants.mjs';
 export { LabelDefaultHorizontalAlignment, LabelDefaultVerticalAlignment, TabularNumsFeature } from './label.constants.mjs';
 export { LineDefaultCap, LineDefaultColor, LineDefaultColors, LineDefaultCurve, LineDefaultJoin, LineDefaultOpacity, LineDefaultWidth } from './line.constants.mjs';
 export { LineChartDefaultNumericDomain, LineChartDefaultTickCount } from './line-chart.constants.mjs';
+export { MultiPieDefaultRingPadding, PieDefaultColor, PieDefaultColors, PieDefaultCornerRadius, PieDefaultEndAngle, PieDefaultInnerRadius, PieDefaultOpacity, PieDefaultOuterRadius, PieDefaultPadAngle, PieDefaultStartAngle, PieDefaultStrokeWidth } from './pie.constants.mjs';
+import '@impulse-ui-native/theme';
 import '@shopify/react-native-skia';
 import '../types/label.types.mjs';
-import '@impulse-ui-native/theme';
 import '../types/common.types.mjs';
 import '../types/style.types.mjs';
 import '../line-chart.types-yxru5uWc.mjs';

package/dist/constants/index.js

@@ -1,6 +1,9 @@
 export * from "./axis.constants";
+export * from "./bar.constants";
+export * from "./bar-chart.constants";
 export * from "./grid.constants";
 export * from "./label.constants";
 export * from "./line.constants";
 export * from "./line-chart.constants";
+export * from "./pie.constants";
 //# sourceMappingURL=index.js.map

package/dist/constants/index.js.map

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

package/dist/constants/pie.constants.d.mts

@@ -0,0 +1,15 @@
+import * as _impulse_ui_native_theme from '@impulse-ui-native/theme';
+
+declare const PieDefaultColors: _impulse_ui_native_theme.ChartColorPalette;
+declare const PieDefaultColor: string;
+declare const PieDefaultOpacity = 1;
+declare const PieDefaultInnerRadius = 0;
+declare const PieDefaultOuterRadius = 1;
+declare const PieDefaultPadAngle = 0;
+declare const PieDefaultStartAngle = 0;
+declare const PieDefaultEndAngle = 360;
+declare const PieDefaultCornerRadius = 0;
+declare const PieDefaultStrokeWidth = 0;
+declare const MultiPieDefaultRingPadding = 2;
+
+export { MultiPieDefaultRingPadding, PieDefaultColor, PieDefaultColors, PieDefaultCornerRadius, PieDefaultEndAngle, PieDefaultInnerRadius, PieDefaultOpacity, PieDefaultOuterRadius, PieDefaultPadAngle, PieDefaultStartAngle, PieDefaultStrokeWidth };

package/dist/constants/pie.constants.js

@@ -0,0 +1,26 @@
+import { ChartColorTokens } from "@impulse-ui-native/theme";
+const PieDefaultColors = ChartColorTokens;
+const PieDefaultColor = ChartColorTokens[0];
+const PieDefaultOpacity = 1;
+const PieDefaultInnerRadius = 0;
+const PieDefaultOuterRadius = 1;
+const PieDefaultPadAngle = 0;
+const PieDefaultStartAngle = 0;
+const PieDefaultEndAngle = 360;
+const PieDefaultCornerRadius = 0;
+const PieDefaultStrokeWidth = 0;
+const MultiPieDefaultRingPadding = 2;
+export {
+  MultiPieDefaultRingPadding,
+  PieDefaultColor,
+  PieDefaultColors,
+  PieDefaultCornerRadius,
+  PieDefaultEndAngle,
+  PieDefaultInnerRadius,
+  PieDefaultOpacity,
+  PieDefaultOuterRadius,
+  PieDefaultPadAngle,
+  PieDefaultStartAngle,
+  PieDefaultStrokeWidth
+};
+//# sourceMappingURL=pie.constants.js.map

package/dist/constants/pie.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/pie.constants.ts"],"sourcesContent":["import { ChartColorTokens } from \"@impulse-ui-native/theme\";\n\nexport const PieDefaultColors = ChartColorTokens;\nexport const PieDefaultColor = ChartColorTokens[0];\nexport const PieDefaultOpacity = 1;\nexport const PieDefaultInnerRadius = 0;\nexport const PieDefaultOuterRadius = 1;\nexport const PieDefaultPadAngle = 0;\nexport const PieDefaultStartAngle = 0;\nexport const PieDefaultEndAngle = 360;\nexport const PieDefaultCornerRadius = 0;\nexport const PieDefaultStrokeWidth = 0;\nexport const MultiPieDefaultRingPadding = 2;\n"],"mappings":"AAAA,SAAS,wBAAwB;AAE1B,MAAM,mBAAmB;AACzB,MAAM,kBAAkB,iBAAiB,CAAC;AAC1C,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAC9B,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAC3B,MAAM,yBAAyB;AAC/B,MAAM,wBAAwB;AAC9B,MAAM,6BAA6B;","names":[]}

package/dist/hooks/index.d.mts

@@ -1,12 +1,25 @@
 export { useChartCanvas } from './use-chart-canvas.hook.mjs';
+export { useChartLayout } from './use-chart-layout.hook.mjs';
+export { useBarChart } from './use-bar-chart.hook.mjs';
 export { useLineChart } from './use-line-chart.hook.mjs';
+export { useMultiBarChart } from './use-multi-bar-chart.hook.mjs';
 export { useMultiLineChart } from './use-multi-line-chart.hook.mjs';
+export { useMultiPieChart } from './use-multi-pie-chart.hook.mjs';
+export { usePieChart } from './use-pie-chart.hook.mjs';
 import 'react';
 import '@shopify/react-native-skia';
-import '../line-chart.types-yxru5uWc.mjs';
 import '../types/common.types.mjs';
 import '../types/style.types.mjs';
+import '../line-chart.types-yxru5uWc.mjs';
 import '@impulse-ui-native/theme';
+import '../types/use-bar-chart.types.mjs';
+import '../types/bar-chart.types.mjs';
 import '../types/use-line-chart.types.mjs';
+import '../types/use-multi-bar-chart.types.mjs';
+import '../types/multi-bar-chart.types.mjs';
 import '../types/use-multi-line-chart.types.mjs';
 import '../types/multi-line-chart.types.mjs';
+import '../types/use-multi-pie-chart.types.mjs';
+import '../types/multi-pie-chart.types.mjs';
+import '../types/pie-chart.types.mjs';
+import '../types/use-pie-chart.types.mjs';

package/dist/hooks/index.js

@@ -1,9 +1,19 @@
 import { useChartCanvas } from "./use-chart-canvas.hook";
+import { useChartLayout } from "./use-chart-layout.hook";
+import { useBarChart } from "./use-bar-chart.hook";
 import { useLineChart } from "./use-line-chart.hook";
+import { useMultiBarChart } from "./use-multi-bar-chart.hook";
 import { useMultiLineChart } from "./use-multi-line-chart.hook";
+import { useMultiPieChart } from "./use-multi-pie-chart.hook";
+import { usePieChart } from "./use-pie-chart.hook";
 export {
+  useBarChart,
   useChartCanvas,
+  useChartLayout,
   useLineChart,
-  useMultiLineChart
+  useMultiBarChart,
+  useMultiLineChart,
+  useMultiPieChart,
+  usePieChart
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useChartCanvas } from \"./use-chart-canvas.hook\";\nexport { useLineChart } from \"./use-line-chart.hook\";\nexport { useMultiLineChart } from \"./use-multi-line-chart.hook\";\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;","names":[]}
+{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useChartCanvas } from \"./use-chart-canvas.hook\";\nexport { useChartLayout } from \"./use-chart-layout.hook\";\nexport { useBarChart } from \"./use-bar-chart.hook\";\nexport { useLineChart } from \"./use-line-chart.hook\";\nexport { useMultiBarChart } from \"./use-multi-bar-chart.hook\";\nexport { useMultiLineChart } from \"./use-multi-line-chart.hook\";\nexport { useMultiPieChart } from \"./use-multi-pie-chart.hook\";\nexport { usePieChart } from \"./use-pie-chart.hook\";\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;","names":[]}

package/dist/hooks/use-bar-chart.hook.d.mts

@@ -0,0 +1,11 @@
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import { UseBarChartProps, UseBarChartResult } from '../types/use-bar-chart.types.mjs';
+import '@shopify/react-native-skia';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@impulse-ui-native/theme';
+import '../types/bar-chart.types.mjs';
+
+declare function useBarChart<X extends ChartXValue = string>(props: UseBarChartProps<X>): UseBarChartResult<X>;
+
+export { useBarChart };

package/dist/hooks/use-bar-chart.hook.js

@@ -0,0 +1,13 @@
+import { useMemo } from "react";
+import { createBarChartModel } from "../utils";
+function useBarChart(props) {
+  const { categoryPadding, data, plot, xAxis, yAxis } = props;
+  return useMemo(
+    () => createBarChartModel({ categoryPadding, data, plot, xAxis, yAxis }),
+    [categoryPadding, data, plot, xAxis, yAxis]
+  );
+}
+export {
+  useBarChart
+};
+//# sourceMappingURL=use-bar-chart.hook.js.map

package/dist/hooks/use-bar-chart.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-bar-chart.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { ChartXValue, UseBarChartProps, UseBarChartResult } from \"../types\";\nimport { createBarChartModel } from \"../utils\";\n\nexport function useBarChart<X extends ChartXValue = string>(\n  props: UseBarChartProps<X>,\n): UseBarChartResult<X> {\n  const { categoryPadding, data, plot, xAxis, yAxis } = props;\n\n  return useMemo(\n    () => createBarChartModel({ categoryPadding, data, plot, xAxis, yAxis }),\n    [categoryPadding, data, plot, xAxis, yAxis],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,SAAS,2BAA2B;AAE7B,SAAS,YACd,OACsB;AACtB,QAAM,EAAE,iBAAiB,MAAM,MAAM,OAAO,MAAM,IAAI;AAEtD,SAAO;AAAA,IACL,MAAM,oBAAoB,EAAE,iBAAiB,MAAM,MAAM,OAAO,MAAM,CAAC;AAAA,IACvE,CAAC,iBAAiB,MAAM,MAAM,OAAO,KAAK;AAAA,EAC5C;AACF;","names":[]}

package/dist/hooks/use-chart-layout.hook.d.mts

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

package/dist/hooks/use-chart-layout.hook.js

@@ -0,0 +1,9 @@
+import { useMemo } from "react";
+import { createChartLayout } from "../utils/chart-layout.util";
+function useChartLayout(size, insets) {
+  return useMemo(() => createChartLayout(size, insets), [insets, size]);
+}
+export {
+  useChartLayout
+};
+//# sourceMappingURL=use-chart-layout.hook.js.map

package/dist/hooks/use-chart-layout.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-chart-layout.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { ChartInsets, ChartLayout, ChartSize } from \"../types\";\nimport { createChartLayout } from \"../utils/chart-layout.util\";\n\nexport function useChartLayout(\n  size: ChartSize,\n  insets?: Partial<ChartInsets>,\n): ChartLayout {\n  return useMemo(() => createChartLayout(size, insets), [insets, size]);\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,SAAS,yBAAyB;AAE3B,SAAS,eACd,MACA,QACa;AACb,SAAO,QAAQ,MAAM,kBAAkB,MAAM,MAAM,GAAG,CAAC,QAAQ,IAAI,CAAC;AACtE;","names":[]}

package/dist/hooks/use-multi-bar-chart.hook.d.mts

@@ -0,0 +1,13 @@
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import { UseMultiBarChartProps, UseMultiBarChartResult } from '../types/use-multi-bar-chart.types.mjs';
+import '@shopify/react-native-skia';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@impulse-ui-native/theme';
+import '../types/multi-bar-chart.types.mjs';
+import '../types/bar-chart.types.mjs';
+import '../types/use-bar-chart.types.mjs';
+
+declare function useMultiBarChart<X extends ChartXValue = string>(props: UseMultiBarChartProps<X>): UseMultiBarChartResult<X>;
+
+export { useMultiBarChart };

package/dist/hooks/use-multi-bar-chart.hook.js

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+import { createMultiBarChartModel } from "../utils";
+function useMultiBarChart(props) {
+  const { categoryPadding, plot, series, seriesPadding, xAxis, yAxis } = props;
+  return useMemo(
+    () => createMultiBarChartModel({
+      categoryPadding,
+      plot,
+      series,
+      seriesPadding,
+      xAxis,
+      yAxis
+    }),
+    [categoryPadding, plot, series, seriesPadding, xAxis, yAxis]
+  );
+}
+export {
+  useMultiBarChart
+};
+//# sourceMappingURL=use-multi-bar-chart.hook.js.map

package/dist/hooks/use-multi-bar-chart.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-multi-bar-chart.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport {\n  ChartXValue,\n  UseMultiBarChartProps,\n  UseMultiBarChartResult,\n} from \"../types\";\nimport { createMultiBarChartModel } from \"../utils\";\n\nexport function useMultiBarChart<X extends ChartXValue = string>(\n  props: UseMultiBarChartProps<X>,\n): UseMultiBarChartResult<X> {\n  const { categoryPadding, plot, series, seriesPadding, xAxis, yAxis } = props;\n\n  return useMemo(\n    () =>\n      createMultiBarChartModel({\n        categoryPadding,\n        plot,\n        series,\n        seriesPadding,\n        xAxis,\n        yAxis,\n      }),\n    [categoryPadding, plot, series, seriesPadding, xAxis, yAxis],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAOxB,SAAS,gCAAgC;AAElC,SAAS,iBACd,OAC2B;AAC3B,QAAM,EAAE,iBAAiB,MAAM,QAAQ,eAAe,OAAO,MAAM,IAAI;AAEvE,SAAO;AAAA,IACL,MACE,yBAAyB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,iBAAiB,MAAM,QAAQ,eAAe,OAAO,KAAK;AAAA,EAC7D;AACF;","names":[]}

package/dist/hooks/use-multi-pie-chart.hook.d.mts

@@ -0,0 +1,10 @@
+import { UseMultiPieChartProps, UseMultiPieChartResult } from '../types/use-multi-pie-chart.types.mjs';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+import '../types/multi-pie-chart.types.mjs';
+import '../types/pie-chart.types.mjs';
+
+declare function useMultiPieChart(props: UseMultiPieChartProps): UseMultiPieChartResult;
+
+export { useMultiPieChart };

package/dist/hooks/use-multi-pie-chart.hook.js

@@ -0,0 +1,40 @@
+import { useMemo } from "react";
+import { createMultiPieChartModel } from "../utils";
+function useMultiPieChart(props) {
+  const {
+    endAngle,
+    innerRadius,
+    outerRadius,
+    padAngle,
+    plot,
+    ringPadding,
+    series,
+    startAngle
+  } = props;
+  return useMemo(
+    () => createMultiPieChartModel({
+      endAngle,
+      innerRadius,
+      outerRadius,
+      padAngle,
+      plot,
+      ringPadding,
+      series,
+      startAngle
+    }),
+    [
+      endAngle,
+      innerRadius,
+      outerRadius,
+      padAngle,
+      plot,
+      ringPadding,
+      series,
+      startAngle
+    ]
+  );
+}
+export {
+  useMultiPieChart
+};
+//# sourceMappingURL=use-multi-pie-chart.hook.js.map

package/dist/hooks/use-multi-pie-chart.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-multi-pie-chart.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { UseMultiPieChartProps, UseMultiPieChartResult } from \"../types\";\nimport { createMultiPieChartModel } from \"../utils\";\n\nexport function useMultiPieChart(\n  props: UseMultiPieChartProps,\n): UseMultiPieChartResult {\n  const {\n    endAngle,\n    innerRadius,\n    outerRadius,\n    padAngle,\n    plot,\n    ringPadding,\n    series,\n    startAngle,\n  } = props;\n\n  return useMemo(\n    () =>\n      createMultiPieChartModel({\n        endAngle,\n        innerRadius,\n        outerRadius,\n        padAngle,\n        plot,\n        ringPadding,\n        series,\n        startAngle,\n      }),\n    [\n      endAngle,\n      innerRadius,\n      outerRadius,\n      padAngle,\n      plot,\n      ringPadding,\n      series,\n      startAngle,\n    ],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,SAAS,gCAAgC;AAElC,SAAS,iBACd,OACwB;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SAAO;AAAA,IACL,MACE,yBAAyB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/hooks/use-pie-chart.hook.d.mts

@@ -0,0 +1,9 @@
+import { UsePieChartProps, UsePieChartResult } from '../types/use-pie-chart.types.mjs';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+import '../types/pie-chart.types.mjs';
+
+declare function usePieChart(props: UsePieChartProps): UsePieChartResult;
+
+export { usePieChart };

package/dist/hooks/use-pie-chart.hook.js

@@ -0,0 +1,29 @@
+import { useMemo } from "react";
+import { createPieChartModel } from "../utils";
+function usePieChart(props) {
+  const {
+    data,
+    endAngle,
+    innerRadius,
+    outerRadius,
+    padAngle,
+    plot,
+    startAngle
+  } = props;
+  return useMemo(
+    () => createPieChartModel({
+      data,
+      endAngle,
+      innerRadius,
+      outerRadius,
+      padAngle,
+      plot,
+      startAngle
+    }),
+    [data, endAngle, innerRadius, outerRadius, padAngle, plot, startAngle]
+  );
+}
+export {
+  usePieChart
+};
+//# sourceMappingURL=use-pie-chart.hook.js.map

package/dist/hooks/use-pie-chart.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-pie-chart.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { UsePieChartProps, UsePieChartResult } from \"../types\";\nimport { createPieChartModel } from \"../utils\";\n\nexport function usePieChart(props: UsePieChartProps): UsePieChartResult {\n  const {\n    data,\n    endAngle,\n    innerRadius,\n    outerRadius,\n    padAngle,\n    plot,\n    startAngle,\n  } = props;\n\n  return useMemo(\n    () =>\n      createPieChartModel({\n        data,\n        endAngle,\n        innerRadius,\n        outerRadius,\n        padAngle,\n        plot,\n        startAngle,\n      }),\n    [data, endAngle, innerRadius, outerRadius, padAngle, plot, startAngle],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,SAAS,2BAA2B;AAE7B,SAAS,YAAY,OAA4C;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SAAO;AAAA,IACL,MACE,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,MAAM,UAAU,aAAa,aAAa,UAAU,MAAM,UAAU;AAAA,EACvE;AACF;","names":[]}

package/dist/index.d.mts

@@ -1,36 +1,65 @@
+export { Bar } from './components/primitives/bar.mjs';
 export { Grid } from './components/primitives/grid.mjs';
 export { Label } from './components/primitives/label.mjs';
 export { Line } from './components/primitives/line.mjs';
+export { Pie } from './components/primitives/pie.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 { BarChart } from './components/bar-chart/bar-chart.mjs';
+export { LineChart } from './components/line-chart/line-chart.mjs';
+export { MultiBarChart } from './components/multi-bar-chart/multi-bar-chart.mjs';
+export { MultiLineChart } from './components/multi-line-chart/multi-line-chart.mjs';
+export { MultiPieChart } from './components/multi-pie-chart/multi-pie-chart.mjs';
+export { PieChart } from './components/pie-chart/pie-chart.mjs';
 export { AxisDefaultLabelGap, AxisDefaultOpacity, AxisDefaultTickLength, AxisDefaultWidth } from './constants/axis.constants.mjs';
+export { BarDefaultColor, BarDefaultColors, BarDefaultOpacity, BarDefaultRadius } from './constants/bar.constants.mjs';
+export { BarChartDefaultCategoryPadding, MultiBarChartDefaultSeriesPadding } from './constants/bar-chart.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 { MultiPieDefaultRingPadding, PieDefaultColor, PieDefaultColors, PieDefaultCornerRadius, PieDefaultEndAngle, PieDefaultInnerRadius, PieDefaultOpacity, PieDefaultOuterRadius, PieDefaultPadAngle, PieDefaultStartAngle, PieDefaultStrokeWidth } from './constants/pie.constants.mjs';
 export { useChartCanvas } from './hooks/use-chart-canvas.hook.mjs';
+export { useChartLayout } from './hooks/use-chart-layout.hook.mjs';
+export { useBarChart } from './hooks/use-bar-chart.hook.mjs';
 export { useLineChart } from './hooks/use-line-chart.hook.mjs';
+export { useMultiBarChart } from './hooks/use-multi-bar-chart.hook.mjs';
 export { useMultiLineChart } from './hooks/use-multi-line-chart.hook.mjs';
+export { useMultiPieChart } from './hooks/use-multi-pie-chart.hook.mjs';
+export { usePieChart } from './hooks/use-pie-chart.hook.mjs';
 export { AxisLayout, AxisLineLayout, AxisProps, AxisTick, AxisTickLayout, CreateAxisLayoutProps, CreateYAxisLayoutProps, XAxisProps, YAxisProps } from './types/axis.types.mjs';
+export { BarProps } from './types/bar.types.mjs';
+export { BarChartBarOptions, BarChartCommonProps, BarChartCoordinate, BarChartPoint, BarChartProps } from './types/bar-chart.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 { MultiBarChartProps, MultiBarChartSeries, MultiBarChartSeriesModel } from './types/multi-bar-chart.types.mjs';
 export { MultiLineChartBodyProps, MultiLineChartProps, MultiLineChartSeries, MultiLineChartSeriesModel } from './types/multi-line-chart.types.mjs';
+export { MultiPieChartProps, MultiPieChartSeries, MultiPieChartSeriesModel } from './types/multi-pie-chart.types.mjs';
+export { PieProps } from './types/pie.types.mjs';
+export { PieChartCommonProps, PieChartCoordinate, PieChartModel, PieChartPoint, PieChartProps, PieChartSliceOptions } from './types/pie-chart.types.mjs';
 export { ChartLabelStyle, ChartStrokeCap, ChartStrokeJoin, ChartStrokeStyle } from './types/style.types.mjs';
+export { UseBarChartProps, UseBarChartResult } from './types/use-bar-chart.types.mjs';
 export { LineChartXScaleModel, UseLineChartProps, UseLineChartResult } from './types/use-line-chart.types.mjs';
+export { UseMultiBarChartProps, UseMultiBarChartResult } from './types/use-multi-bar-chart.types.mjs';
 export { UseMultiLineChartProps, UseMultiLineChartResult } from './types/use-multi-line-chart.types.mjs';
+export { UseMultiPieChartProps, UseMultiPieChartResult } from './types/use-multi-pie-chart.types.mjs';
+export { UsePieChartProps, UsePieChartResult } from './types/use-pie-chart.types.mjs';
 export { createAxisTicks, createXAxisLabelRect, createXAxisLayout, createYAxisLabelRect, createYAxisLayout, formatAxisTick } from './utils/axis.util.mjs';
+export { createBarChartCoordinates, createBarChartModel } from './utils/bar-chart.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 { createDrawableMultiBarChartSeries, createMultiBarChartModel } from './utils/multi-bar-chart.util.mjs';
 export { createParagraphBuilder } from './utils/paragraph-builder.util.mjs';
+export { createMultiPieChartModel } from './utils/multi-pie-chart.util.mjs';
+export { createPieChartModel, createPieChartRadii, normalizeRadiusRatio } from './utils/pie-chart.util.mjs';
+export { createPieSlicePath } from './utils/pie.util.mjs';
 import 'react/jsx-runtime';
-import '@shopify/react-native-skia';
 import '@impulse-ui-native/theme';
+import '@shopify/react-native-skia';
 import 'react';

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

@@ -0,0 +1,38 @@
+import { SkTypefaceFontProvider } from '@shopify/react-native-skia';
+import { ChartXAxisOptions, ChartYAxisOptions, ChartInsets } from './common.types.mjs';
+import { b as ChartXValue, a as ChartGridOptions } from '../line-chart.types-yxru5uWc.mjs';
+import './style.types.mjs';
+import '@impulse-ui-native/theme';
+
+interface BarChartPoint<X extends ChartXValue = string> {
+    x: X;
+    y: number | null;
+}
+interface BarChartCoordinate<X extends ChartXValue = string> {
+    datum: BarChartPoint<X>;
+    index: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface BarChartBarOptions {
+    visible?: boolean;
+    color?: string;
+    opacity?: number;
+    radius?: number;
+}
+interface BarChartCommonProps<X extends ChartXValue = string> {
+    fontManager?: SkTypefaceFontProvider;
+    grid?: ChartGridOptions;
+    xAxis?: ChartXAxisOptions<X>;
+    yAxis?: ChartYAxisOptions;
+    insets?: Partial<ChartInsets>;
+    categoryPadding?: number;
+}
+interface BarChartProps<X extends ChartXValue = string> extends BarChartCommonProps<X> {
+    data: readonly BarChartPoint<X>[];
+    bar?: BarChartBarOptions;
+}
+
+export type { BarChartBarOptions, BarChartCommonProps, BarChartCoordinate, BarChartPoint, BarChartProps };

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

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

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

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

package/dist/types/bar.types.d.mts

@@ -0,0 +1,12 @@
+import { BarChartBarOptions, BarChartCoordinate } from './bar-chart.types.mjs';
+import { b as ChartXValue } 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 BarProps<X extends ChartXValue = string> extends BarChartBarOptions {
+    coordinates: readonly BarChartCoordinate<X>[];
+}
+
+export type { BarProps };

package/dist/types/bar.types.js

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

package/dist/types/bar.types.js.map

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

package/dist/types/index.d.mts

@@ -1,11 +1,21 @@
 export { AxisLayout, AxisLineLayout, AxisProps, AxisTick, AxisTickLayout, CreateAxisLayoutProps, CreateYAxisLayoutProps, XAxisProps, YAxisProps } from './axis.types.mjs';
+export { BarProps } from './bar.types.mjs';
+export { BarChartBarOptions, BarChartCommonProps, BarChartCoordinate, BarChartPoint, BarChartProps } from './bar-chart.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 { MultiBarChartProps, MultiBarChartSeries, MultiBarChartSeriesModel } from './multi-bar-chart.types.mjs';
 export { MultiLineChartBodyProps, MultiLineChartProps, MultiLineChartSeries, MultiLineChartSeriesModel } from './multi-line-chart.types.mjs';
+export { MultiPieChartProps, MultiPieChartSeries, MultiPieChartSeriesModel } from './multi-pie-chart.types.mjs';
+export { PieProps } from './pie.types.mjs';
+export { PieChartCommonProps, PieChartCoordinate, PieChartModel, PieChartPoint, PieChartProps, PieChartSliceOptions } from './pie-chart.types.mjs';
 export { ChartLabelStyle, ChartStrokeCap, ChartStrokeJoin, ChartStrokeStyle } from './style.types.mjs';
+export { UseBarChartProps, UseBarChartResult } from './use-bar-chart.types.mjs';
 export { LineChartXScaleModel, UseLineChartProps, UseLineChartResult } from './use-line-chart.types.mjs';
+export { UseMultiBarChartProps, UseMultiBarChartResult } from './use-multi-bar-chart.types.mjs';
 export { UseMultiLineChartProps, UseMultiLineChartResult } from './use-multi-line-chart.types.mjs';
+export { UseMultiPieChartProps, UseMultiPieChartResult } from './use-multi-pie-chart.types.mjs';
+export { UsePieChartProps, UsePieChartResult } from './use-pie-chart.types.mjs';
 import '@shopify/react-native-skia';
 import '@impulse-ui-native/theme';

package/dist/types/index.js

@@ -1,11 +1,21 @@
 export * from "./axis.types";
+export * from "./bar.types";
+export * from "./bar-chart.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-bar-chart.types";
 export * from "./multi-line-chart.types";
+export * from "./multi-pie-chart.types";
+export * from "./pie.types";
+export * from "./pie-chart.types";
 export * from "./style.types";
+export * from "./use-bar-chart.types";
 export * from "./use-line-chart.types";
+export * from "./use-multi-bar-chart.types";
 export * from "./use-multi-line-chart.types";
+export * from "./use-multi-pie-chart.types";
+export * from "./use-pie-chart.types";
 //# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -1 +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":[]}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./axis.types\";\nexport * from \"./bar.types\";\nexport * from \"./bar-chart.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-bar-chart.types\";\nexport * from \"./multi-line-chart.types\";\nexport * from \"./multi-pie-chart.types\";\nexport * from \"./pie.types\";\nexport * from \"./pie-chart.types\";\nexport * from \"./style.types\";\nexport * from \"./use-bar-chart.types\";\nexport * from \"./use-line-chart.types\";\nexport * from \"./use-multi-bar-chart.types\";\nexport * from \"./use-multi-line-chart.types\";\nexport * from \"./use-multi-pie-chart.types\";\nexport * from \"./use-pie-chart.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,21 @@
+import { BarChartCommonProps, BarChartPoint, BarChartBarOptions, BarChartCoordinate } from './bar-chart.types.mjs';
+import { b as ChartXValue } 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 MultiBarChartSeries<X extends ChartXValue = string> {
+    id: string;
+    data: readonly BarChartPoint<X>[];
+    bar?: BarChartBarOptions;
+}
+interface MultiBarChartSeriesModel<X extends ChartXValue = string> extends MultiBarChartSeries<X> {
+    coordinates: readonly BarChartCoordinate<X>[];
+}
+interface MultiBarChartProps<X extends ChartXValue = string> extends BarChartCommonProps<X> {
+    series: readonly MultiBarChartSeries<X>[];
+    seriesPadding?: number;
+}
+
+export type { MultiBarChartProps, MultiBarChartSeries, MultiBarChartSeriesModel };

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { PieChartCommonProps, PieChartPoint, PieChartSliceOptions, PieChartCoordinate } from './pie-chart.types.mjs';
+import './common.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface MultiPieChartSeries {
+    id: string;
+    data: readonly PieChartPoint[];
+    slice?: PieChartSliceOptions;
+}
+interface MultiPieChartSeriesModel extends MultiPieChartSeries {
+    coordinates: readonly PieChartCoordinate[];
+    total: number;
+}
+interface MultiPieChartProps extends PieChartCommonProps {
+    series: readonly MultiPieChartSeries[];
+    ringPadding?: number;
+}
+
+export type { MultiPieChartProps, MultiPieChartSeries, MultiPieChartSeriesModel };

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

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

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

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