@expcat/tigercat-react 0.1.8 → 0.2.0

package/dist/components/Tooltip.d.ts

@@ -1,13 +1,23 @@
 import React from 'react';
-import { TooltipProps as TooltipProps$1 } from '@expcat/tigercat-core';
+import { TooltipProps as TooltipProps$1, FloatingPlacement } from '@expcat/tigercat-core';
 
-type TooltipProps = Omit<TooltipProps$1, 'content' | 'style'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style' | 'content'> & {
+type TooltipProps = Omit<TooltipProps$1, 'content' | 'style' | 'placement'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style' | 'content'> & {
     children?: React.ReactNode;
     content?: React.ReactNode;
     /** @deprecated Use `content` (supports ReactNode). */
     contentContent?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
+    /**
+     * Tooltip placement relative to trigger
+     * @default 'top'
+     */
+    placement?: FloatingPlacement;
+    /**
+     * Offset distance from trigger (in pixels)
+     * @default 8
+     */
+    offset?: number;
     onVisibleChange?: (visible: boolean) => void;
 };
 declare const Tooltip: React.FC<TooltipProps>;

package/dist/components/Tooltip.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunkWK5HN4OH_js = require('../chunk-WK5HN4OH.js');
+var chunkQY6I7LU5_js = require('../chunk-QY6I7LU5.js');
+require('../chunk-ZYPEO2KY.js');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkWK5HN4OH_js.Tooltip; }
+  get: function () { return chunkQY6I7LU5_js.Tooltip; }
 });

package/dist/components/Tooltip.mjs

@@ -1 +1,2 @@
-export { Tooltip } from '../chunk-G6FSHN2I.mjs';
+export { Tooltip } from '../chunk-GW4EWT2K.mjs';
+import '../chunk-WLIFEALE.mjs';

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import { ChartLegendPosition, ChartLegendItem } from '@expcat/tigercat-core';
 export * from '@expcat/tigercat-core';
 export { ConfigProvider, useTigerConfig } from './components/ConfigProvider.mjs';
 export { Button, ButtonProps } from './components/Button.mjs';
@@ -63,9 +64,104 @@ export { Loading, LoadingProps } from './components/Loading.mjs';
 export { Popconfirm, PopconfirmProps } from './components/Popconfirm.mjs';
 export { Popover, PopoverProps } from './components/Popover.mjs';
 export { Tooltip, TooltipProps } from './components/Tooltip.mjs';
+export { default as ChartCanvas, ChartCanvasProps } from './components/ChartCanvas.mjs';
+export { default as ChartAxis, ChartAxisProps } from './components/ChartAxis.mjs';
+export { default as ChartGrid, ChartGridProps } from './components/ChartGrid.mjs';
+export { default as ChartSeries, ChartSeriesProps } from './components/ChartSeries.mjs';
+export { default as BarChart, BarChartProps } from './components/BarChart.mjs';
+export { default as ScatterChart, ScatterChartProps } from './components/ScatterChart.mjs';
+export { default as PieChart, PieChartProps } from './components/PieChart.mjs';
+export { default as DonutChart, DonutChartProps } from './components/DonutChart.mjs';
+export { default as RadarChart, RadarChartProps } from './components/RadarChart.mjs';
+export { default as LineChart, LineChartProps } from './components/LineChart.mjs';
+export { default as AreaChart, AreaChartProps } from './components/AreaChart.mjs';
+export { default as ChartLegend, ChartLegendProps } from './components/ChartLegend.mjs';
+export { default as ChartTooltip, ChartTooltipProps } from './components/ChartTooltip.mjs';
 import 'react';
 import 'react/jsx-runtime';
 
+/**
+ * Options for useChartInteraction hook
+ */
+interface UseChartInteractionOptions<T = unknown> {
+    /** Enable hover highlight */
+    hoverable: boolean;
+    /** Controlled hovered index from props */
+    hoveredIndexProp?: number | null;
+    /** Enable click selection */
+    selectable: boolean;
+    /** Controlled selected index from props */
+    selectedIndexProp?: number | null;
+    /** Opacity for active element */
+    activeOpacity: number;
+    /** Opacity for inactive elements */
+    inactiveOpacity: number;
+    /** Legend position for wrapper classes */
+    legendPosition?: ChartLegendPosition;
+    /** Callback when hover changes */
+    onHoveredIndexChange?: (index: number | null) => void;
+    /** Callback when selection changes */
+    onSelectedIndexChange?: (index: number | null) => void;
+    /** Get data item by index */
+    getData?: (index: number) => T | undefined;
+    /** Custom callbacks */
+    callbacks?: {
+        onHover?: (index: number | null, datum: T | null) => void;
+        onClick?: (index: number, datum: T) => void;
+    };
+}
+/**
+ * Return type for useChartInteraction
+ */
+interface UseChartInteractionReturn {
+    /** Local hovered index state */
+    localHoveredIndex: number | null;
+    /** Local selected index state */
+    localSelectedIndex: number | null;
+    /** Tooltip position state */
+    tooltipPosition: {
+        x: number;
+        y: number;
+    };
+    /** Resolved hovered index (controlled or uncontrolled) */
+    resolvedHoveredIndex: number | null;
+    /** Resolved selected index (controlled or uncontrolled) */
+    resolvedSelectedIndex: number | null;
+    /** Current active index for highlighting */
+    activeIndex: number | null;
+    /** Get element opacity based on active state */
+    getElementOpacity: (index: number) => number | undefined;
+    /** Handle mouse enter on chart element */
+    handleMouseEnter: (index: number, event: React.MouseEvent) => void;
+    /** Handle mouse move for tooltip */
+    handleMouseMove: (event: React.MouseEvent) => void;
+    /** Handle mouse leave */
+    handleMouseLeave: () => void;
+    /** Handle click on chart element */
+    handleClick: (index: number) => void;
+    /** Handle keydown for accessibility */
+    handleKeyDown: (event: React.KeyboardEvent, index: number) => void;
+    /** Handle legend item click */
+    handleLegendClick: (index: number) => void;
+    /** Handle legend item hover */
+    handleLegendHover: (index: number) => void;
+    /** Handle legend item leave */
+    handleLegendLeave: () => void;
+    /** Wrapper classes for legend layout */
+    wrapperClasses: string;
+    /** Create legend items from data */
+    createLegendItems: (items: Array<{
+        label?: string;
+        color?: string;
+        x?: unknown;
+    }>, palette: string[], labelFormatter?: (item: unknown, index: number) => string) => ChartLegendItem[];
+}
+/**
+ * Hook for chart interaction state and handlers
+ * Extracts common interaction logic from high-level chart components
+ */
+declare function useChartInteraction<T = unknown>(options: UseChartInteractionOptions<T>): UseChartInteractionReturn;
+
 /**
  * Tigercat React
  *
@@ -74,4 +170,4 @@ import 'react/jsx-runtime';
 
 declare const version = "0.0.1";
 
-export { version };
+export { type UseChartInteractionOptions, type UseChartInteractionReturn, useChartInteraction, version };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { ChartLegendPosition, ChartLegendItem } from '@expcat/tigercat-core';
 export * from '@expcat/tigercat-core';
 export { ConfigProvider, useTigerConfig } from './components/ConfigProvider.js';
 export { Button, ButtonProps } from './components/Button.js';
@@ -63,9 +64,104 @@ export { Loading, LoadingProps } from './components/Loading.js';
 export { Popconfirm, PopconfirmProps } from './components/Popconfirm.js';
 export { Popover, PopoverProps } from './components/Popover.js';
 export { Tooltip, TooltipProps } from './components/Tooltip.js';
+export { default as ChartCanvas, ChartCanvasProps } from './components/ChartCanvas.js';
+export { default as ChartAxis, ChartAxisProps } from './components/ChartAxis.js';
+export { default as ChartGrid, ChartGridProps } from './components/ChartGrid.js';
+export { default as ChartSeries, ChartSeriesProps } from './components/ChartSeries.js';
+export { default as BarChart, BarChartProps } from './components/BarChart.js';
+export { default as ScatterChart, ScatterChartProps } from './components/ScatterChart.js';
+export { default as PieChart, PieChartProps } from './components/PieChart.js';
+export { default as DonutChart, DonutChartProps } from './components/DonutChart.js';
+export { default as RadarChart, RadarChartProps } from './components/RadarChart.js';
+export { default as LineChart, LineChartProps } from './components/LineChart.js';
+export { default as AreaChart, AreaChartProps } from './components/AreaChart.js';
+export { default as ChartLegend, ChartLegendProps } from './components/ChartLegend.js';
+export { default as ChartTooltip, ChartTooltipProps } from './components/ChartTooltip.js';
 import 'react';
 import 'react/jsx-runtime';
 
+/**
+ * Options for useChartInteraction hook
+ */
+interface UseChartInteractionOptions<T = unknown> {
+    /** Enable hover highlight */
+    hoverable: boolean;
+    /** Controlled hovered index from props */
+    hoveredIndexProp?: number | null;
+    /** Enable click selection */
+    selectable: boolean;
+    /** Controlled selected index from props */
+    selectedIndexProp?: number | null;
+    /** Opacity for active element */
+    activeOpacity: number;
+    /** Opacity for inactive elements */
+    inactiveOpacity: number;
+    /** Legend position for wrapper classes */
+    legendPosition?: ChartLegendPosition;
+    /** Callback when hover changes */
+    onHoveredIndexChange?: (index: number | null) => void;
+    /** Callback when selection changes */
+    onSelectedIndexChange?: (index: number | null) => void;
+    /** Get data item by index */
+    getData?: (index: number) => T | undefined;
+    /** Custom callbacks */
+    callbacks?: {
+        onHover?: (index: number | null, datum: T | null) => void;
+        onClick?: (index: number, datum: T) => void;
+    };
+}
+/**
+ * Return type for useChartInteraction
+ */
+interface UseChartInteractionReturn {
+    /** Local hovered index state */
+    localHoveredIndex: number | null;
+    /** Local selected index state */
+    localSelectedIndex: number | null;
+    /** Tooltip position state */
+    tooltipPosition: {
+        x: number;
+        y: number;
+    };
+    /** Resolved hovered index (controlled or uncontrolled) */
+    resolvedHoveredIndex: number | null;
+    /** Resolved selected index (controlled or uncontrolled) */
+    resolvedSelectedIndex: number | null;
+    /** Current active index for highlighting */
+    activeIndex: number | null;
+    /** Get element opacity based on active state */
+    getElementOpacity: (index: number) => number | undefined;
+    /** Handle mouse enter on chart element */
+    handleMouseEnter: (index: number, event: React.MouseEvent) => void;
+    /** Handle mouse move for tooltip */
+    handleMouseMove: (event: React.MouseEvent) => void;
+    /** Handle mouse leave */
+    handleMouseLeave: () => void;
+    /** Handle click on chart element */
+    handleClick: (index: number) => void;
+    /** Handle keydown for accessibility */
+    handleKeyDown: (event: React.KeyboardEvent, index: number) => void;
+    /** Handle legend item click */
+    handleLegendClick: (index: number) => void;
+    /** Handle legend item hover */
+    handleLegendHover: (index: number) => void;
+    /** Handle legend item leave */
+    handleLegendLeave: () => void;
+    /** Wrapper classes for legend layout */
+    wrapperClasses: string;
+    /** Create legend items from data */
+    createLegendItems: (items: Array<{
+        label?: string;
+        color?: string;
+        x?: unknown;
+    }>, palette: string[], labelFormatter?: (item: unknown, index: number) => string) => ChartLegendItem[];
+}
+/**
+ * Hook for chart interaction state and handlers
+ * Extracts common interaction logic from high-level chart components
+ */
+declare function useChartInteraction<T = unknown>(options: UseChartInteractionOptions<T>): UseChartInteractionReturn;
+
 /**
  * Tigercat React
  *
@@ -74,4 +170,4 @@ import 'react/jsx-runtime';
 
 declare const version = "0.0.1";
 
-export { version };
+export { type UseChartInteractionOptions, type UseChartInteractionReturn, useChartInteraction, version };