@dcg-overseas/number-line 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -0,0 +1,63 @@
+import { default as default_2 } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare function NumberLine({ className }: {
+    className?: string;
+}): JSX_2.Element;
+
+export declare interface NumberLineContextValue {
+    svgRef: default_2.RefObject<SVGSVGElement>;
+    viewWidth: number;
+    containerWidth: number;
+    svgCursor: string;
+    min: number;
+    max: number;
+    groupSize: number;
+    groupCount: number;
+    tickStep: number;
+    arcColors?: string[];
+    tool: Tool;
+    strokes: Stroke[];
+    liveStroke: Stroke | null;
+    selectedArcIndices: Set<number>;
+    deletedArcIndices: Set<number>;
+    onPointerDown: (e: default_2.PointerEvent<SVGSVGElement>) => void;
+    onPointerMove: (e: default_2.PointerEvent<SVGSVGElement>) => void;
+    onPointerUp: () => void;
+    onStrokeClick: (id: string, e: default_2.PointerEvent) => void;
+    onArcClick: (groupIndex: number, e: default_2.PointerEvent) => void;
+    canDelete: boolean;
+    canUndo: boolean;
+    onTogglePen: () => void;
+    onToggleEraser: () => void;
+    onDelete: () => void;
+    onReset: () => void;
+    onUndo: () => void;
+}
+
+export declare interface NumberLineProps {
+    min: number;
+    max: number;
+    groupSize: number;
+    groupCount: number;
+    tickStep: number;
+    arcColors?: string[];
+}
+
+export declare function NumberLineProvider({ min, max, groupSize, groupCount, tickStep, arcColors, children, }: NumberLineProviderProps): JSX_2.Element;
+
+declare interface NumberLineProviderProps extends NumberLineProps {
+    children: default_2.ReactNode;
+}
+
+declare interface Stroke {
+    id: string;
+    d: string;
+    selected: boolean;
+}
+
+declare type Tool = 'none' | 'pen' | 'eraser';
+
+export declare function useNumberLineContext(): NumberLineContextValue;
+
+export { }