@canplot/react 0.1.0 → 0.1.3

package/dist/types.d.ts

@@ -0,0 +1,86 @@
+export type PlotConfiguration = {
+    padding: PlotPadding;
+    scales: PlotScaleConfig[];
+};
+export type PlotDrawFrame = {
+    ctx: CanvasRenderingContext2D;
+    dpr: number;
+    chartAreaCanvasPX: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    chartAreaCSS: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    padding: PlotPadding;
+    scales: PlotDrawScaleConfig[];
+};
+export type PlotPadding = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+export type PlotScaleLinearConfig = {
+    type: "linear";
+    id: string;
+    min: number;
+    max: number;
+    origin: "x" | "y";
+    axis: null | PlotAxisLinear;
+};
+export type PlotScaleTimeConfig = {
+    type: "time";
+    id: string;
+    min: number;
+    max: number;
+    origin: "x" | "y";
+    axis: null | PlotAxisTime;
+    timeZone: string;
+    locale?: string;
+};
+export type PlotScaleConfig = PlotScaleLinearConfig | PlotScaleTimeConfig;
+export type Rect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type PlotDrawScaleLinearConfig = PlotScaleLinearConfig & {
+    axis: null | (PlotAxisLinear & {
+        cssRect: Rect;
+        canvasRect: Rect;
+    });
+};
+export type PlotDrawScaleTimeConfig = PlotScaleTimeConfig & {
+    axis: null | (PlotAxisTime & {
+        cssRect: Rect;
+        canvasRect: Rect;
+    });
+};
+export type PlotDrawScaleConfig = PlotDrawScaleLinearConfig | PlotDrawScaleTimeConfig;
+export type PlotAxisLinear = {
+    position: "left" | "right" | "top" | "bottom";
+    size: number;
+    tickSpace?: number;
+};
+export type PlotAxisTime = {
+    position: "left" | "right" | "top" | "bottom";
+    size: number;
+    tickSpace?: number;
+    showTimezone?: boolean;
+};
+export type PlotSize = {
+    width: number;
+    height: number;
+};
+export type Style = {
+    fillStyle?: CanvasFillStrokeStyles["fillStyle"];
+    strokeStyle?: CanvasFillStrokeStyles["strokeStyle"];
+} & Partial<Pick<CanvasPathDrawingStyles, "lineCap" | "lineDashOffset" | "lineJoin" | "lineWidth" | "miterLimit">> & Partial<CanvasTextDrawingStyles>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"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"}

package/dist/utils.d.ts

@@ -0,0 +1,7 @@
+export declare const clamp: (val: number, min: number, max: number) => number;
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends (infer U)[] ? DeepPartial<U>[] : T[P] extends Readonly<infer U>[] ? Readonly<DeepPartial<U>>[] : DeepPartial<T[P]>;
+};
+export declare const sum: (input: (number | undefined)[]) => number;
+export declare const findClosestIndex: (arr: number[], val: number) => number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/lib/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WAE1D,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GACrC,WAAW,CAAC,CAAC,CAAC,EAAE,GAChB,CAAC,CAAC,CAAC,CAAC,SAAS,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,GAChC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,GAC1B,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,KAAG,MAEnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,EAAE,EAAE,KAAK,MAAM,WAS1D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canplot/react",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "description": "A high-performance React charting library built on Canvas",
   "author": "jedzej",
   "license": "MIT",
@@ -58,7 +58,8 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "zustand": "^5.0.8"
+    "zustand": "^5.0.8",
+    "react-merge-refs": "^3.0.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.2",