@impulse-ui-native/charts 2.1.0 → 2.1.1

package/dist/components/primitives/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/primitives/line.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { DashPathEffect, Path } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\n\nimport {\n  LineDefaultCap,\n  LineDefaultColor,\n  LineDefaultCurve,\n  LineDefaultJoin,\n  LineDefaultOpacity,\n  LineDefaultWidth,\n} from \"../../constants\";\nimport { ChartXValue, LineProps } from \"../../types\";\nimport { createLinePath } from \"../../utils\";\n\nexport const Line = memo(function Line<X extends ChartXValue = number>(\n  props: LineProps<X>,\n) {\n  const {\n    cap = LineDefaultCap,\n    color = LineDefaultColor,\n    coordinates,\n    curve = LineDefaultCurve,\n    dash,\n    join = LineDefaultJoin,\n    opacity = LineDefaultOpacity,\n    visible = true,\n    width = LineDefaultWidth,\n  } = props;\n\n  const path = useMemo(\n    () => createLinePath(coordinates, curve),\n    [coordinates, curve],\n  );\n\n  if (!visible || !path) {\n    return null;\n  }\n\n  return (\n    <Path\n      path={path}\n      color={color}\n      opacity={opacity}\n      strokeWidth={width}\n      style=\"stroke\"\n      strokeCap={cap}\n      strokeJoin={join}\n    >\n      {dash?.length ? <DashPathEffect intervals={[...dash]} /> : null}\n    </Path>\n  );\n});\n"],"mappings":"AAkDsB;AAlDtB,SAAS,eAAe;AACxB,SAAS,gBAAgB,YAAY;AAErC,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,sBAAsB;AAExB,MAAM,OAAO,KAAK,SAASA,MAChC,OACA;AACA,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,IAAI;AAEJ,QAAM,OAAO;AAAA,IACX,MAAM,eAAe,aAAa,KAAK;AAAA,IACvC,CAAC,aAAa,KAAK;AAAA,EACrB;AAEA,MAAI,CAAC,WAAW,CAAC,MAAM;AACrB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,OAAM;AAAA,MACN,WAAW;AAAA,MACX,YAAY;AAAA,MAEX,gBAAM,SAAS,oBAAC,kBAAe,WAAW,CAAC,GAAG,IAAI,GAAG,IAAK;AAAA;AAAA,EAC7D;AAEJ,CAAC;","names":["Line"]}

package/dist/components/primitives/x-axis.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { XAxisProps } from '../../types/axis.types.mjs';
+import { b as ChartXValue } from '../../line-chart.types-yxru5uWc.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
+
+declare const XAxis: <X extends ChartXValue = number>(props: XAxisProps<X>) => react_jsx_runtime.JSX.Element;
+
+export { XAxis };

package/dist/components/primitives/x-axis.js

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, useMemo } from "react";
+import {
+  DashPathEffect,
+  Group,
+  Line as SkiaLine
+} from "@shopify/react-native-skia";
+import { memo } from "@impulse-ui-native/core";
+import {
+  AxisDefaultLabelGap,
+  AxisDefaultOpacity,
+  AxisDefaultTickLength,
+  AxisDefaultWidth
+} from "../../constants";
+import { createXAxisLayout, formatAxisTick } from "../../utils";
+import { Label } from "./label";
+const XAxis = memo(function XAxis2(props) {
+  const {
+    fontManager,
+    lineVisible = true,
+    options,
+    plot,
+    region,
+    scale,
+    theme,
+    ticks,
+    tickVisible = true
+  } = props;
+  const line = options?.line;
+  const tick = options?.tick;
+  const label = options?.label;
+  const tickLength = tick?.length ?? AxisDefaultTickLength;
+  const labelGap = label?.gap ?? AxisDefaultLabelGap;
+  const fontSize = label?.fontSize ?? theme.fontSize.xs;
+  const layout = useMemo(
+    () => createXAxisLayout({
+      values: ticks,
+      scale,
+      plot,
+      region,
+      tickLength,
+      labelGap
+    }),
+    [labelGap, plot, region, scale, tickLength, ticks]
+  );
+  return /* @__PURE__ */ jsxs(Group, { children: [
+    lineVisible && line?.visible !== false ? /* @__PURE__ */ jsx(
+      SkiaLine,
+      {
+        p1: layout.line.start,
+        p2: layout.line.end,
+        color: line?.color ?? theme.colors.border.default.value,
+        opacity: line?.opacity ?? AxisDefaultOpacity,
+        strokeWidth: line?.width ?? AxisDefaultWidth,
+        children: line?.dash?.length ? /* @__PURE__ */ jsx(DashPathEffect, { intervals: [...line.dash] }) : null
+      }
+    ) : null,
+    layout.ticks.map((tick2, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      tickVisible && options?.tick?.visible !== false ? /* @__PURE__ */ jsx(
+        SkiaLine,
+        {
+          p1: tick2.start,
+          p2: tick2.end,
+          color: options?.tick?.color ?? theme.colors.border.default.value,
+          opacity: options?.tick?.opacity ?? AxisDefaultOpacity,
+          strokeWidth: options?.tick?.width ?? AxisDefaultWidth,
+          children: options?.tick?.dash?.length ? /* @__PURE__ */ jsx(DashPathEffect, { intervals: [...options.tick.dash] }) : null
+        }
+      ) : null,
+      label?.visible !== false ? /* @__PURE__ */ jsx(
+        Label,
+        {
+          text: formatAxisTick(tick2.value, options?.format),
+          rect: tick2.labelRect,
+          horizontalAlign: "center",
+          color: label?.color,
+          fontSize,
+          fontFamily: label?.fontFamily,
+          fontWeight: label?.fontWeight,
+          fontManager,
+          maxLines: label?.maxLines,
+          rotation: label?.rotation,
+          theme,
+          tnum: typeof tick2.value === "number"
+        }
+      ) : null
+    ] }, `${String(tick2.value)}-${index}`))
+  ] });
+});
+export {
+  XAxis
+};
+//# sourceMappingURL=x-axis.js.map

package/dist/components/primitives/x-axis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/primitives/x-axis.tsx"],"sourcesContent":["import { Fragment, useMemo } from \"react\";\nimport {\n  DashPathEffect,\n  Group,\n  Line as SkiaLine,\n} from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\n\nimport {\n  AxisDefaultLabelGap,\n  AxisDefaultOpacity,\n  AxisDefaultTickLength,\n  AxisDefaultWidth,\n} from \"../../constants\";\nimport { ChartXValue, XAxisProps } from \"../../types\";\nimport { createXAxisLayout, formatAxisTick } from \"../../utils\";\nimport { Label } from \"./label\";\n\nexport const XAxis = memo(function XAxis<X extends ChartXValue = number>(\n  props: XAxisProps<X>,\n) {\n  const {\n    fontManager,\n    lineVisible = true,\n    options,\n    plot,\n    region,\n    scale,\n    theme,\n    ticks,\n    tickVisible = true,\n  } = props;\n\n  const line = options?.line;\n  const tick = options?.tick;\n  const label = options?.label;\n  const tickLength = tick?.length ?? AxisDefaultTickLength;\n  const labelGap = label?.gap ?? AxisDefaultLabelGap;\n  const fontSize = label?.fontSize ?? theme.fontSize.xs;\n\n  const layout = useMemo(\n    () =>\n      createXAxisLayout({\n        values: ticks,\n        scale,\n        plot,\n        region,\n        tickLength,\n        labelGap,\n      }),\n    [labelGap, plot, region, scale, tickLength, ticks],\n  );\n\n  return (\n    <Group>\n      {lineVisible && line?.visible !== false ? (\n        <SkiaLine\n          p1={layout.line.start}\n          p2={layout.line.end}\n          color={line?.color ?? theme.colors.border.default.value}\n          opacity={line?.opacity ?? AxisDefaultOpacity}\n          strokeWidth={line?.width ?? AxisDefaultWidth}\n        >\n          {line?.dash?.length ? (\n            <DashPathEffect intervals={[...line.dash]} />\n          ) : null}\n        </SkiaLine>\n      ) : null}\n\n      {layout.ticks.map((tick, index) => (\n        <Fragment key={`${String(tick.value)}-${index}`}>\n          {tickVisible && options?.tick?.visible !== false ? (\n            <SkiaLine\n              p1={tick.start}\n              p2={tick.end}\n              color={options?.tick?.color ?? theme.colors.border.default.value}\n              opacity={options?.tick?.opacity ?? AxisDefaultOpacity}\n              strokeWidth={options?.tick?.width ?? AxisDefaultWidth}\n            >\n              {options?.tick?.dash?.length ? (\n                <DashPathEffect intervals={[...options.tick.dash]} />\n              ) : null}\n            </SkiaLine>\n          ) : null}\n          {label?.visible !== false ? (\n            <Label\n              text={formatAxisTick(tick.value, options?.format)}\n              rect={tick.labelRect}\n              horizontalAlign=\"center\"\n              color={label?.color}\n              fontSize={fontSize}\n              fontFamily={label?.fontFamily}\n              fontWeight={label?.fontWeight}\n              fontManager={fontManager}\n              maxLines={label?.maxLines}\n              rotation={label?.rotation}\n              theme={theme}\n              tnum={typeof tick.value === \"number\"}\n            />\n          ) : null}\n        </Fragment>\n      ))}\n    </Group>\n  );\n});\n"],"mappings":"AAiEY,cAMJ,YANI;AAjEZ,SAAS,UAAU,eAAe;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,OACH;AAEP,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mBAAmB,sBAAsB;AAClD,SAAS,aAAa;AAEf,MAAM,QAAQ,KAAK,SAASA,OACjC,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB,IAAI;AAEJ,QAAM,OAAO,SAAS;AACtB,QAAM,OAAO,SAAS;AACtB,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,MAAM,UAAU;AACnC,QAAM,WAAW,OAAO,OAAO;AAC/B,QAAM,WAAW,OAAO,YAAY,MAAM,SAAS;AAEnD,QAAM,SAAS;AAAA,IACb,MACE,kBAAkB;AAAA,MAChB,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,UAAU,MAAM,QAAQ,OAAO,YAAY,KAAK;AAAA,EACnD;AAEA,SACE,qBAAC,SACE;AAAA,mBAAe,MAAM,YAAY,QAChC;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,OAAO,KAAK;AAAA,QAChB,IAAI,OAAO,KAAK;AAAA,QAChB,OAAO,MAAM,SAAS,MAAM,OAAO,OAAO,QAAQ;AAAA,QAClD,SAAS,MAAM,WAAW;AAAA,QAC1B,aAAa,MAAM,SAAS;AAAA,QAE3B,gBAAM,MAAM,SACX,oBAAC,kBAAe,WAAW,CAAC,GAAG,KAAK,IAAI,GAAG,IACzC;AAAA;AAAA,IACN,IACE;AAAA,IAEH,OAAO,MAAM,IAAI,CAACC,OAAM,UACvB,qBAAC,YACE;AAAA,qBAAe,SAAS,MAAM,YAAY,QACzC;AAAA,QAAC;AAAA;AAAA,UACC,IAAIA,MAAK;AAAA,UACT,IAAIA,MAAK;AAAA,UACT,OAAO,SAAS,MAAM,SAAS,MAAM,OAAO,OAAO,QAAQ;AAAA,UAC3D,SAAS,SAAS,MAAM,WAAW;AAAA,UACnC,aAAa,SAAS,MAAM,SAAS;AAAA,UAEpC,mBAAS,MAAM,MAAM,SACpB,oBAAC,kBAAe,WAAW,CAAC,GAAG,QAAQ,KAAK,IAAI,GAAG,IACjD;AAAA;AAAA,MACN,IACE;AAAA,MACH,OAAO,YAAY,QAClB;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,eAAeA,MAAK,OAAO,SAAS,MAAM;AAAA,UAChD,MAAMA,MAAK;AAAA,UACX,iBAAgB;AAAA,UAChB,OAAO,OAAO;AAAA,UACd;AAAA,UACA,YAAY,OAAO;AAAA,UACnB,YAAY,OAAO;AAAA,UACnB;AAAA,UACA,UAAU,OAAO;AAAA,UACjB,UAAU,OAAO;AAAA,UACjB;AAAA,UACA,MAAM,OAAOA,MAAK,UAAU;AAAA;AAAA,MAC9B,IACE;AAAA,SA7BS,GAAG,OAAOA,MAAK,KAAK,CAAC,IAAI,KAAK,EA8B7C,CACD;AAAA,KACH;AAEJ,CAAC;","names":["XAxis","tick"]}

package/dist/components/primitives/y-axis.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { YAxisProps } from '../../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';
+
+declare const YAxis: (props: YAxisProps) => react_jsx_runtime.JSX.Element;
+
+export { YAxis };

package/dist/components/primitives/y-axis.js

@@ -0,0 +1,95 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, useMemo } from "react";
+import {
+  DashPathEffect,
+  Group,
+  Line as SkiaLine
+} from "@shopify/react-native-skia";
+import { memo } from "@impulse-ui-native/core";
+import {
+  AxisDefaultLabelGap,
+  AxisDefaultOpacity,
+  AxisDefaultTickLength,
+  AxisDefaultWidth
+} from "../../constants";
+import { createYAxisLayout, formatAxisTick } from "../../utils";
+import { Label } from "./label";
+const YAxis = memo(function YAxis2(props) {
+  const {
+    fontManager,
+    lineVisible = true,
+    options,
+    plot,
+    region,
+    scale,
+    theme,
+    ticks,
+    tickVisible = true
+  } = props;
+  const line = options?.line;
+  const tick = options?.tick;
+  const label = options?.label;
+  const tickLength = tick?.length ?? AxisDefaultTickLength;
+  const labelGap = label?.gap ?? AxisDefaultLabelGap;
+  const fontSize = label?.fontSize ?? theme.fontSize.xs;
+  const layout = useMemo(
+    () => createYAxisLayout({
+      values: ticks,
+      scale,
+      plot,
+      region,
+      tickLength,
+      labelGap,
+      fontSize
+    }),
+    [fontSize, labelGap, plot, region, scale, tickLength, ticks]
+  );
+  return /* @__PURE__ */ jsxs(Group, { children: [
+    lineVisible && line?.visible !== false ? /* @__PURE__ */ jsx(
+      SkiaLine,
+      {
+        p1: layout.line.start,
+        p2: layout.line.end,
+        color: line?.color ?? theme.colors.border.default.value,
+        opacity: line?.opacity ?? AxisDefaultOpacity,
+        strokeWidth: line?.width ?? AxisDefaultWidth,
+        children: line?.dash?.length ? /* @__PURE__ */ jsx(DashPathEffect, { intervals: [...line.dash] }) : null
+      }
+    ) : null,
+    layout.ticks.map((tick2, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      tickVisible && options?.tick?.visible !== false ? /* @__PURE__ */ jsx(
+        SkiaLine,
+        {
+          p1: tick2.start,
+          p2: tick2.end,
+          color: options?.tick?.color ?? theme.colors.border.default.value,
+          opacity: options?.tick?.opacity ?? AxisDefaultOpacity,
+          strokeWidth: options?.tick?.width ?? AxisDefaultWidth,
+          children: options?.tick?.dash?.length ? /* @__PURE__ */ jsx(DashPathEffect, { intervals: [...options.tick.dash] }) : null
+        }
+      ) : null,
+      label?.visible !== false ? /* @__PURE__ */ jsx(
+        Label,
+        {
+          text: formatAxisTick(tick2.value, options?.format),
+          rect: tick2.labelRect,
+          horizontalAlign: "right",
+          verticalAlign: "center",
+          color: label?.color,
+          fontSize,
+          fontFamily: label?.fontFamily,
+          fontWeight: label?.fontWeight,
+          fontManager,
+          maxLines: label?.maxLines,
+          rotation: label?.rotation,
+          theme,
+          tnum: true
+        }
+      ) : null
+    ] }, `${tick2.value}-${index}`))
+  ] });
+});
+export {
+  YAxis
+};
+//# sourceMappingURL=y-axis.js.map

package/dist/components/primitives/y-axis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/primitives/y-axis.tsx"],"sourcesContent":["import { Fragment, useMemo } from \"react\";\nimport {\n  DashPathEffect,\n  Group,\n  Line as SkiaLine,\n} from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\n\nimport {\n  AxisDefaultLabelGap,\n  AxisDefaultOpacity,\n  AxisDefaultTickLength,\n  AxisDefaultWidth,\n} from \"../../constants\";\nimport { YAxisProps } from \"../../types\";\nimport { createYAxisLayout, formatAxisTick } from \"../../utils\";\nimport { Label } from \"./label\";\n\nexport const YAxis = memo(function YAxis(props: YAxisProps) {\n  const {\n    fontManager,\n    lineVisible = true,\n    options,\n    plot,\n    region,\n    scale,\n    theme,\n    ticks,\n    tickVisible = true,\n  } = props;\n\n  const line = options?.line;\n  const tick = options?.tick;\n  const label = options?.label;\n  const tickLength = tick?.length ?? AxisDefaultTickLength;\n  const labelGap = label?.gap ?? AxisDefaultLabelGap;\n  const fontSize = label?.fontSize ?? theme.fontSize.xs;\n\n  const layout = useMemo(\n    () =>\n      createYAxisLayout({\n        values: ticks,\n        scale,\n        plot,\n        region,\n        tickLength,\n        labelGap,\n        fontSize,\n      }),\n    [fontSize, labelGap, plot, region, scale, tickLength, ticks],\n  );\n\n  return (\n    <Group>\n      {lineVisible && line?.visible !== false ? (\n        <SkiaLine\n          p1={layout.line.start}\n          p2={layout.line.end}\n          color={line?.color ?? theme.colors.border.default.value}\n          opacity={line?.opacity ?? AxisDefaultOpacity}\n          strokeWidth={line?.width ?? AxisDefaultWidth}\n        >\n          {line?.dash?.length ? (\n            <DashPathEffect intervals={[...line.dash]} />\n          ) : null}\n        </SkiaLine>\n      ) : null}\n\n      {layout.ticks.map((tick, index) => (\n        <Fragment key={`${tick.value}-${index}`}>\n          {tickVisible && options?.tick?.visible !== false ? (\n            <SkiaLine\n              p1={tick.start}\n              p2={tick.end}\n              color={options?.tick?.color ?? theme.colors.border.default.value}\n              opacity={options?.tick?.opacity ?? AxisDefaultOpacity}\n              strokeWidth={options?.tick?.width ?? AxisDefaultWidth}\n            >\n              {options?.tick?.dash?.length ? (\n                <DashPathEffect intervals={[...options.tick.dash]} />\n              ) : null}\n            </SkiaLine>\n          ) : null}\n          {label?.visible !== false ? (\n            <Label\n              text={formatAxisTick(tick.value, options?.format)}\n              rect={tick.labelRect}\n              horizontalAlign=\"right\"\n              verticalAlign=\"center\"\n              color={label?.color}\n              fontSize={fontSize}\n              fontFamily={label?.fontFamily}\n              fontWeight={label?.fontWeight}\n              fontManager={fontManager}\n              maxLines={label?.maxLines}\n              rotation={label?.rotation}\n              theme={theme}\n              tnum\n            />\n          ) : null}\n        </Fragment>\n      ))}\n    </Group>\n  );\n});\n"],"mappings":"AAgEY,cAMJ,YANI;AAhEZ,SAAS,UAAU,eAAe;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,OACH;AAEP,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mBAAmB,sBAAsB;AAClD,SAAS,aAAa;AAEf,MAAM,QAAQ,KAAK,SAASA,OAAM,OAAmB;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB,IAAI;AAEJ,QAAM,OAAO,SAAS;AACtB,QAAM,OAAO,SAAS;AACtB,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,MAAM,UAAU;AACnC,QAAM,WAAW,OAAO,OAAO;AAC/B,QAAM,WAAW,OAAO,YAAY,MAAM,SAAS;AAEnD,QAAM,SAAS;AAAA,IACb,MACE,kBAAkB;AAAA,MAChB,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,UAAU,UAAU,MAAM,QAAQ,OAAO,YAAY,KAAK;AAAA,EAC7D;AAEA,SACE,qBAAC,SACE;AAAA,mBAAe,MAAM,YAAY,QAChC;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,OAAO,KAAK;AAAA,QAChB,IAAI,OAAO,KAAK;AAAA,QAChB,OAAO,MAAM,SAAS,MAAM,OAAO,OAAO,QAAQ;AAAA,QAClD,SAAS,MAAM,WAAW;AAAA,QAC1B,aAAa,MAAM,SAAS;AAAA,QAE3B,gBAAM,MAAM,SACX,oBAAC,kBAAe,WAAW,CAAC,GAAG,KAAK,IAAI,GAAG,IACzC;AAAA;AAAA,IACN,IACE;AAAA,IAEH,OAAO,MAAM,IAAI,CAACC,OAAM,UACvB,qBAAC,YACE;AAAA,qBAAe,SAAS,MAAM,YAAY,QACzC;AAAA,QAAC;AAAA;AAAA,UACC,IAAIA,MAAK;AAAA,UACT,IAAIA,MAAK;AAAA,UACT,OAAO,SAAS,MAAM,SAAS,MAAM,OAAO,OAAO,QAAQ;AAAA,UAC3D,SAAS,SAAS,MAAM,WAAW;AAAA,UACnC,aAAa,SAAS,MAAM,SAAS;AAAA,UAEpC,mBAAS,MAAM,MAAM,SACpB,oBAAC,kBAAe,WAAW,CAAC,GAAG,QAAQ,KAAK,IAAI,GAAG,IACjD;AAAA;AAAA,MACN,IACE;AAAA,MACH,OAAO,YAAY,QAClB;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,eAAeA,MAAK,OAAO,SAAS,MAAM;AAAA,UAChD,MAAMA,MAAK;AAAA,UACX,iBAAgB;AAAA,UAChB,eAAc;AAAA,UACd,OAAO,OAAO;AAAA,UACd;AAAA,UACA,YAAY,OAAO;AAAA,UACnB,YAAY,OAAO;AAAA,UACnB;AAAA,UACA,UAAU,OAAO;AAAA,UACjB,UAAU,OAAO;AAAA,UACjB;AAAA,UACA,MAAI;AAAA;AAAA,MACN,IACE;AAAA,SA9BS,GAAGA,MAAK,KAAK,IAAI,KAAK,EA+BrC,CACD;AAAA,KACH;AAEJ,CAAC;","names":["YAxis","tick"]}

package/dist/constants/axis.constants.d.mts

@@ -0,0 +1,6 @@
+declare const AxisDefaultWidth = 1;
+declare const AxisDefaultOpacity = 1;
+declare const AxisDefaultTickLength = 4;
+declare const AxisDefaultLabelGap = 4;
+
+export { AxisDefaultLabelGap, AxisDefaultOpacity, AxisDefaultTickLength, AxisDefaultWidth };

package/dist/constants/axis.constants.js

@@ -0,0 +1,11 @@
+const AxisDefaultWidth = 1;
+const AxisDefaultOpacity = 1;
+const AxisDefaultTickLength = 4;
+const AxisDefaultLabelGap = 4;
+export {
+  AxisDefaultLabelGap,
+  AxisDefaultOpacity,
+  AxisDefaultTickLength,
+  AxisDefaultWidth
+};
+//# sourceMappingURL=axis.constants.js.map

package/dist/constants/axis.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/axis.constants.ts"],"sourcesContent":["export const AxisDefaultWidth = 1;\nexport const AxisDefaultOpacity = 1;\nexport const AxisDefaultTickLength = 4;\nexport const AxisDefaultLabelGap = 4;\n"],"mappings":"AAAO,MAAM,mBAAmB;AACzB,MAAM,qBAAqB;AAC3B,MAAM,wBAAwB;AAC9B,MAAM,sBAAsB;","names":[]}

package/dist/constants/grid.constants.d.mts

@@ -0,0 +1,6 @@
+declare const GridDefaultWidth = 1;
+declare const GridDefaultOpacity = 1;
+declare const GridDefaultXVisible = true;
+declare const GridDefaultYVisible = true;
+
+export { GridDefaultOpacity, GridDefaultWidth, GridDefaultXVisible, GridDefaultYVisible };

package/dist/constants/grid.constants.js

@@ -0,0 +1,11 @@
+const GridDefaultWidth = 1;
+const GridDefaultOpacity = 1;
+const GridDefaultXVisible = true;
+const GridDefaultYVisible = true;
+export {
+  GridDefaultOpacity,
+  GridDefaultWidth,
+  GridDefaultXVisible,
+  GridDefaultYVisible
+};
+//# sourceMappingURL=grid.constants.js.map

package/dist/constants/grid.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/grid.constants.ts"],"sourcesContent":["export const GridDefaultWidth = 1;\nexport const GridDefaultOpacity = 1;\nexport const GridDefaultXVisible = true;\nexport const GridDefaultYVisible = true;\n"],"mappings":"AAAO,MAAM,mBAAmB;AACzB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;","names":[]}

package/dist/constants/index.d.mts

@@ -0,0 +1,11 @@
+export { AxisDefaultLabelGap, AxisDefaultOpacity, AxisDefaultTickLength, AxisDefaultWidth } from './axis.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';
+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

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

package/dist/constants/index.js.map

@@ -0,0 +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":[]}

package/dist/constants/label.constants.d.mts

@@ -0,0 +1,11 @@
+import { SkTextFontFeatures } from '@shopify/react-native-skia';
+import { LabelHorizontalAlignment, LabelVerticalAlignment } from '../types/label.types.mjs';
+import '@impulse-ui-native/theme';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+
+declare const TabularNumsFeature: SkTextFontFeatures;
+declare const LabelDefaultHorizontalAlignment: LabelHorizontalAlignment;
+declare const LabelDefaultVerticalAlignment: LabelVerticalAlignment;
+
+export { LabelDefaultHorizontalAlignment, LabelDefaultVerticalAlignment, TabularNumsFeature };

package/dist/constants/label.constants.js

@@ -0,0 +1,12 @@
+const TabularNumsFeature = {
+  name: "tnum",
+  value: 1
+};
+const LabelDefaultHorizontalAlignment = "left";
+const LabelDefaultVerticalAlignment = "top";
+export {
+  LabelDefaultHorizontalAlignment,
+  LabelDefaultVerticalAlignment,
+  TabularNumsFeature
+};
+//# sourceMappingURL=label.constants.js.map

package/dist/constants/label.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/label.constants.ts"],"sourcesContent":["import { SkTextFontFeatures } from \"@shopify/react-native-skia\";\n\nimport { LabelHorizontalAlignment, LabelVerticalAlignment } from \"../types\";\n\nexport const TabularNumsFeature: SkTextFontFeatures = {\n  name: \"tnum\",\n  value: 1,\n};\n\nexport const LabelDefaultHorizontalAlignment: LabelHorizontalAlignment = \"left\";\nexport const LabelDefaultVerticalAlignment: LabelVerticalAlignment = \"top\";\n"],"mappings":"AAIO,MAAM,qBAAyC;AAAA,EACpD,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAM,kCAA4D;AAClE,MAAM,gCAAwD;","names":[]}

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

@@ -0,0 +1,8 @@
+import { ChartNumericDomain } from '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+
+declare const LineChartDefaultTickCount = 5;
+declare const LineChartDefaultNumericDomain: ChartNumericDomain;
+
+export { LineChartDefaultNumericDomain, LineChartDefaultTickCount };

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

@@ -0,0 +1,7 @@
+const LineChartDefaultTickCount = 5;
+const LineChartDefaultNumericDomain = [0, 1];
+export {
+  LineChartDefaultNumericDomain,
+  LineChartDefaultTickCount
+};
+//# sourceMappingURL=line-chart.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/line-chart.constants.ts"],"sourcesContent":["import { ChartNumericDomain } from \"../types\";\n\nexport const LineChartDefaultTickCount = 5;\n\nexport const LineChartDefaultNumericDomain: ChartNumericDomain = [0, 1];\n"],"mappings":"AAEO,MAAM,4BAA4B;AAElC,MAAM,gCAAoD,CAAC,GAAG,CAAC;","names":[]}

package/dist/constants/line.constants.d.mts

@@ -0,0 +1,15 @@
+import * as _impulse_ui_native_theme from '@impulse-ui-native/theme';
+import { ChartStrokeCap, ChartStrokeJoin } from '../types/style.types.mjs';
+import { d as LineChartCurve } from '../line-chart.types-yxru5uWc.mjs';
+import '@shopify/react-native-skia';
+import '../types/common.types.mjs';
+
+declare const LineDefaultColor: string;
+declare const LineDefaultColors: _impulse_ui_native_theme.ChartColorPalette;
+declare const LineDefaultWidth = 2;
+declare const LineDefaultOpacity = 1;
+declare const LineDefaultCurve: LineChartCurve;
+declare const LineDefaultCap: ChartStrokeCap;
+declare const LineDefaultJoin: ChartStrokeJoin;
+
+export { LineDefaultCap, LineDefaultColor, LineDefaultColors, LineDefaultCurve, LineDefaultJoin, LineDefaultOpacity, LineDefaultWidth };

package/dist/constants/line.constants.js

@@ -0,0 +1,18 @@
+import { ChartColorTokens } from "@impulse-ui-native/theme";
+const LineDefaultColor = ChartColorTokens[0];
+const LineDefaultColors = ChartColorTokens;
+const LineDefaultWidth = 2;
+const LineDefaultOpacity = 1;
+const LineDefaultCurve = "linear";
+const LineDefaultCap = "round";
+const LineDefaultJoin = "round";
+export {
+  LineDefaultCap,
+  LineDefaultColor,
+  LineDefaultColors,
+  LineDefaultCurve,
+  LineDefaultJoin,
+  LineDefaultOpacity,
+  LineDefaultWidth
+};
+//# sourceMappingURL=line.constants.js.map

package/dist/constants/line.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/line.constants.ts"],"sourcesContent":["import { ChartColorTokens } from \"@impulse-ui-native/theme\";\n\nimport { ChartStrokeCap, ChartStrokeJoin, LineChartCurve } from \"../types\";\n\nexport const LineDefaultColor = ChartColorTokens[0];\nexport const LineDefaultColors = ChartColorTokens;\nexport const LineDefaultWidth = 2;\nexport const LineDefaultOpacity = 1;\nexport const LineDefaultCurve: LineChartCurve = \"linear\";\nexport const LineDefaultCap: ChartStrokeCap = \"round\";\nexport const LineDefaultJoin: ChartStrokeJoin = \"round\";\n"],"mappings":"AAAA,SAAS,wBAAwB;AAI1B,MAAM,mBAAmB,iBAAiB,CAAC;AAC3C,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AACzB,MAAM,qBAAqB;AAC3B,MAAM,mBAAmC;AACzC,MAAM,iBAAiC;AACvC,MAAM,kBAAmC;","names":[]}

package/dist/contexts/index.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/contexts/index.js

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

package/dist/contexts/index.js.map

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

package/dist/hooks/index.d.mts

@@ -0,0 +1,12 @@
+export { useChartCanvas } from './use-chart-canvas.hook.mjs';
+export { useLineChart } from './use-line-chart.hook.mjs';
+export { useMultiLineChart } from './use-multi-line-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 '@impulse-ui-native/theme';
+import '../types/use-line-chart.types.mjs';
+import '../types/use-multi-line-chart.types.mjs';
+import '../types/multi-line-chart.types.mjs';

package/dist/hooks/index.js

@@ -0,0 +1,9 @@
+import { useChartCanvas } from "./use-chart-canvas.hook";
+import { useLineChart } from "./use-line-chart.hook";
+import { useMultiLineChart } from "./use-multi-line-chart.hook";
+export {
+  useChartCanvas,
+  useLineChart,
+  useMultiLineChart
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +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":[]}

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

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as _shopify_react_native_skia from '@shopify/react-native-skia';
+
+declare function useChartCanvas(): {
+    ref: react.RefObject<_shopify_react_native_skia.CanvasRef | null>;
+    size: _shopify_react_native_skia.SkSize;
+};
+
+export { useChartCanvas };

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

@@ -0,0 +1,10 @@
+import { useCanvasRef, useCanvasSize } from "@shopify/react-native-skia";
+function useChartCanvas() {
+  const ref = useCanvasRef();
+  const { size } = useCanvasSize(ref);
+  return { ref, size };
+}
+export {
+  useChartCanvas
+};
+//# sourceMappingURL=use-chart-canvas.hook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-chart-canvas.hook.ts"],"sourcesContent":["import { useCanvasRef, useCanvasSize } from \"@shopify/react-native-skia\";\n\nexport function useChartCanvas() {\n  const ref = useCanvasRef();\n  const { size } = useCanvasSize(ref);\n\n  return { ref, size };\n}\n"],"mappings":"AAAA,SAAS,cAAc,qBAAqB;AAErC,SAAS,iBAAiB;AAC/B,QAAM,MAAM,aAAa;AACzB,QAAM,EAAE,KAAK,IAAI,cAAc,GAAG;AAElC,SAAO,EAAE,KAAK,KAAK;AACrB;","names":[]}

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

@@ -0,0 +1,10 @@
+import { b as ChartXValue } 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 useLineChart<X extends ChartXValue = number>(props: UseLineChartProps<X>): UseLineChartResult<X>;
+
+export { useLineChart };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-line-chart.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { ChartXValue, UseLineChartProps, UseLineChartResult } from \"../types\";\nimport { createLineChartModel } from \"../utils\";\n\nexport function useLineChart<X extends ChartXValue = number>(\n  props: UseLineChartProps<X>,\n): UseLineChartResult<X> {\n  const { data, plot, xAxis, xScaleType, yAxis } = props;\n\n  return useMemo(\n    () => createLineChartModel({ data, plot, xAxis, xScaleType, yAxis }),\n    [data, plot, xAxis, xScaleType, yAxis],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,SAAS,4BAA4B;AAE9B,SAAS,aACd,OACuB;AACvB,QAAM,EAAE,MAAM,MAAM,OAAO,YAAY,MAAM,IAAI;AAEjD,SAAO;AAAA,IACL,MAAM,qBAAqB,EAAE,MAAM,MAAM,OAAO,YAAY,MAAM,CAAC;AAAA,IACnE,CAAC,MAAM,MAAM,OAAO,YAAY,KAAK;AAAA,EACvC;AACF;","names":[]}

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

@@ -0,0 +1,12 @@
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import { UseMultiLineChartProps, UseMultiLineChartResult } from '../types/use-multi-line-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-line-chart.types.mjs';
+import '../types/use-line-chart.types.mjs';
+
+declare function useMultiLineChart<X extends ChartXValue = number>(props: UseMultiLineChartProps<X>): UseMultiLineChartResult<X>;
+
+export { useMultiLineChart };

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

@@ -0,0 +1,44 @@
+import { useMemo } from "react";
+import { createLineChartCoordinates } from "../utils";
+import { useLineChart } from "./use-line-chart.hook";
+function useMultiLineChart(props) {
+  const { plot, series, xAxis, xScaleType, yAxis } = props;
+  const data = useMemo(
+    () => series.flatMap((currentSeries) => currentSeries.data),
+    [series]
+  );
+  const { xDomain, xScale, xTicks, yDomain, yScale, yTicks } = useLineChart({
+    data,
+    plot,
+    xAxis,
+    xScaleType,
+    yAxis
+  });
+  const seriesModels = useMemo(
+    () => series.map((currentSeries) => ({
+      ...currentSeries,
+      coordinates: createLineChartCoordinates(
+        currentSeries.data,
+        xScale,
+        yScale
+      )
+    })),
+    [series, xScale, yScale]
+  );
+  return useMemo(
+    () => ({
+      series: seriesModels,
+      xDomain,
+      xScale,
+      xTicks,
+      yDomain,
+      yScale,
+      yTicks
+    }),
+    [seriesModels, xDomain, xScale, xTicks, yDomain, yScale, yTicks]
+  );
+}
+export {
+  useMultiLineChart
+};
+//# sourceMappingURL=use-multi-line-chart.hook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-multi-line-chart.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport {\n  ChartXValue,\n  UseMultiLineChartProps,\n  UseMultiLineChartResult,\n} from \"../types\";\nimport { createLineChartCoordinates } from \"../utils\";\nimport { useLineChart } from \"./use-line-chart.hook\";\n\nexport function useMultiLineChart<X extends ChartXValue = number>(\n  props: UseMultiLineChartProps<X>,\n): UseMultiLineChartResult<X> {\n  const { plot, series, xAxis, xScaleType, yAxis } = props;\n\n  const data = useMemo(\n    () => series.flatMap((currentSeries) => currentSeries.data),\n    [series],\n  );\n\n  const { xDomain, xScale, xTicks, yDomain, yScale, yTicks } = useLineChart({\n    data,\n    plot,\n    xAxis,\n    xScaleType,\n    yAxis,\n  });\n\n  const seriesModels = useMemo(\n    () =>\n      series.map((currentSeries) => ({\n        ...currentSeries,\n        coordinates: createLineChartCoordinates(\n          currentSeries.data,\n          xScale,\n          yScale,\n        ),\n      })),\n    [series, xScale, yScale],\n  );\n\n  return useMemo(\n    () => ({\n      series: seriesModels,\n      xDomain,\n      xScale,\n      xTicks,\n      yDomain,\n      yScale,\n      yTicks,\n    }),\n    [seriesModels, xDomain, xScale, xTicks, yDomain, yScale, yTicks],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAOxB,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAEtB,SAAS,kBACd,OAC4B;AAC5B,QAAM,EAAE,MAAM,QAAQ,OAAO,YAAY,MAAM,IAAI;AAEnD,QAAM,OAAO;AAAA,IACX,MAAM,OAAO,QAAQ,CAAC,kBAAkB,cAAc,IAAI;AAAA,IAC1D,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,QAAQ,QAAQ,SAAS,QAAQ,OAAO,IAAI,aAAa;AAAA,IACxE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,eAAe;AAAA,IACnB,MACE,OAAO,IAAI,CAAC,mBAAmB;AAAA,MAC7B,GAAG;AAAA,MACH,aAAa;AAAA,QACX,cAAc;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,IACF,EAAE;AAAA,IACJ,CAAC,QAAQ,QAAQ,MAAM;AAAA,EACzB;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,cAAc,SAAS,QAAQ,QAAQ,SAAS,QAAQ,MAAM;AAAA,EACjE;AACF;","names":[]}