@tomaszjarosz/react-visualizers 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,322 @@
+import { default as default_2 } from 'react';
+
+export declare const ArrayDequeVisualizer: default_2.NamedExoticComponent<ArrayDequeVisualizerProps>;
+
+declare interface ArrayDequeVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const ArrayInput: default_2.FC<ArrayInputProps>;
+
+export declare interface ArrayInputProps {
+    array: number[];
+    onArrayChange: (newArray: number[]) => void;
+    disabled?: boolean;
+    maxSize?: number;
+    minSize?: number;
+    maxValue?: number;
+    minValue?: number;
+    accentColor?: 'indigo' | 'orange' | 'green' | 'purple' | 'blue' | 'cyan' | 'red' | 'lime' | 'teal' | 'violet';
+}
+
+export declare const ArrayListVisualizer: default_2.NamedExoticComponent<ArrayListVisualizerProps>;
+
+declare interface ArrayListVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const BinarySearchVisualizer: default_2.NamedExoticComponent<BinarySearchVisualizerProps>;
+
+declare interface BinarySearchVisualizerProps {
+    initialSize?: number;
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const BlockingQueueVisualizer: default_2.NamedExoticComponent<BlockingQueueVisualizerProps>;
+
+declare interface BlockingQueueVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const CodePanel: default_2.FC<CodePanelProps>;
+
+declare interface CodePanelProps {
+    code: string[];
+    activeLine: number;
+    variables?: Record<string, string | number>;
+}
+
+export declare const ConcurrentHashMapVisualizer: default_2.NamedExoticComponent<ConcurrentHashMapVisualizerProps>;
+
+declare interface ConcurrentHashMapVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const ControlPanel: default_2.FC<ControlPanelProps>;
+
+export declare interface ControlPanelProps {
+    isPlaying: boolean;
+    currentStep: number;
+    totalSteps: number;
+    speed: number;
+    onPlayPause: () => void;
+    onStep: () => void;
+    onStepBack: () => void;
+    onReset: () => void;
+    onSpeedChange: (speed: number) => void;
+    onShuffle?: () => void;
+    accentColor?: 'indigo' | 'orange' | 'green' | 'purple' | 'blue' | 'cyan' | 'red' | 'lime' | 'teal' | 'violet';
+    showShuffle?: boolean;
+    shuffleLabel?: string;
+    extraControls?: default_2.ReactNode;
+}
+
+export declare const CopyOnWriteVisualizer: default_2.NamedExoticComponent<CopyOnWriteVisualizerProps>;
+
+declare interface CopyOnWriteVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const DijkstraVisualizer: default_2.NamedExoticComponent<DijkstraVisualizerProps>;
+
+declare interface DijkstraVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const DPVisualizer: default_2.NamedExoticComponent<DPVisualizerProps>;
+
+declare interface DPVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const EnumSetVisualizer: default_2.NamedExoticComponent<EnumSetVisualizerProps>;
+
+declare interface EnumSetVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const GCVisualizer: default_2.NamedExoticComponent<GCVisualizerProps>;
+
+declare interface GCVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const GraphVisualizer: default_2.NamedExoticComponent<GraphVisualizerProps>;
+
+declare interface GraphVisualizerProps {
+    algorithm?: TraversalAlgorithm;
+    showControls?: boolean;
+    showAlgorithmSelector?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const HashMapVisualizer: default_2.NamedExoticComponent<HashMapVisualizerProps>;
+
+declare interface HashMapVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const HashTableVisualizer: default_2.NamedExoticComponent<HashTableVisualizerProps>;
+
+declare interface HashTableVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const HelpPanel: default_2.FC;
+
+export declare const ImmutableCollectionsVisualizer: default_2.NamedExoticComponent<ImmutableCollectionsVisualizerProps>;
+
+declare interface ImmutableCollectionsVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const Legend: default_2.FC<LegendProps>;
+
+export declare interface LegendItem {
+    color: string;
+    label: string;
+    border?: string;
+}
+
+export declare interface LegendProps {
+    items: LegendItem[];
+    showKeyboardHints?: boolean;
+}
+
+export declare const LinkedHashMapVisualizer: default_2.NamedExoticComponent<LinkedHashMapVisualizerProps>;
+
+declare interface LinkedHashMapVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const LinkedListVisualizer: default_2.NamedExoticComponent<LinkedListVisualizerProps>;
+
+declare interface LinkedListVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const PriorityQueueVisualizer: default_2.NamedExoticComponent<PriorityQueueVisualizerProps>;
+
+declare interface PriorityQueueVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+/**
+ * Shared constants for sorting algorithm visualizers.
+ * Centralizes algorithm metadata to avoid duplication.
+ */
+declare type SortingAlgorithm = 'bubble' | 'selection' | 'insertion' | 'quick' | 'merge';
+
+export declare const SortingComparisonVisualizer: default_2.NamedExoticComponent<SortingComparisonVisualizerProps>;
+
+declare interface SortingComparisonVisualizerProps {
+    className?: string;
+}
+
+export declare const SortingVisualizer: default_2.NamedExoticComponent<SortingVisualizerProps>;
+
+declare interface SortingVisualizerProps {
+    algorithm?: SortingAlgorithm;
+    initialSize?: number;
+    showControls?: boolean;
+    showAlgorithmSelector?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const SQLJoinVisualizer: default_2.NamedExoticComponent<SQLJoinVisualizerProps>;
+
+declare interface SQLJoinVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare const StatusPanel: default_2.FC<StatusPanelProps>;
+
+export declare interface StatusPanelProps {
+    description: string;
+    currentStep: number;
+    totalSteps: number;
+    variant?: 'default' | 'success' | 'error' | 'warning';
+}
+
+export declare interface Step {
+    description: string;
+    comparisons?: number;
+    swaps?: number;
+}
+
+export declare const StepHistory: default_2.FC<StepHistoryProps>;
+
+export declare interface StepHistoryProps {
+    steps: Step[];
+    currentStep: number;
+    onStepClick: (stepIndex: number) => void;
+    maxHeight?: string;
+    showStats?: boolean;
+    accentColor?: 'indigo' | 'orange' | 'green' | 'purple' | 'blue' | 'cyan' | 'red' | 'lime' | 'teal' | 'violet';
+    collapsed?: boolean;
+    onToggleCollapse?: () => void;
+}
+
+declare type TraversalAlgorithm = 'dfs' | 'bfs';
+
+export declare const TreeSetVisualizer: default_2.NamedExoticComponent<TreeSetVisualizerProps>;
+
+declare interface TreeSetVisualizerProps {
+    showControls?: boolean;
+    showCode?: boolean;
+    className?: string;
+}
+
+export declare function useUrlState(options?: UseUrlStateOptions): UseUrlStateReturn;
+
+export declare interface UseUrlStateOptions {
+    prefix?: string;
+    enabled?: boolean;
+    scrollToId?: string;
+}
+
+export declare interface UseUrlStateReturn {
+    state: VisualizerState | null;
+    updateUrl: (state: VisualizerState) => void;
+    getShareableUrl: (state: VisualizerState) => string;
+    copyUrlToClipboard: (state: VisualizerState) => Promise<boolean>;
+    clearUrlState: () => void;
+}
+
+export declare function useVisualizerPlayback<T>({ generateSteps, onReset, }: UseVisualizerPlaybackOptions<T>): UseVisualizerPlaybackReturn<T>;
+
+export declare interface UseVisualizerPlaybackOptions<T> {
+    generateSteps: () => T[];
+    onReset?: () => void;
+}
+
+export declare interface UseVisualizerPlaybackReturn<T> {
+    steps: T[];
+    currentStep: number;
+    currentStepData: T | undefined;
+    isPlaying: boolean;
+    speed: number;
+    setSpeed: (speed: number) => void;
+    handlePlayPause: () => void;
+    handleStep: () => void;
+    handleStepBack: () => void;
+    handleReset: () => void;
+    reinitialize: () => void;
+}
+
+/**
+ * Container for visualization content with fixed minimum height
+ * to prevent layout shifts during animation steps.
+ */
+export declare const VisualizationArea: default_2.FC<VisualizationAreaProps>;
+
+export declare interface VisualizationAreaProps {
+    children: default_2.ReactNode;
+    minHeight?: number;
+    className?: string;
+}
+
+export declare interface VisualizerState {
+    array?: number[];
+    algorithm?: string;
+    step?: number;
+    speed?: number;
+}
+
+export { }