fone-design-system_v2 1.0.332 → 1.0.333

package/dist/components/LineChart/LineChart.d.ts

@@ -0,0 +1,58 @@
+import { default as React } from 'react';
+interface DataItem {
+    [key: string]: string | number | null;
+}
+type CurveType = "catmullRom" | "linear" | "monotoneX" | "monotoneY" | "natural" | "step" | "stepBefore" | "stepAfter";
+export interface LineChartProps {
+    /** 차트에 표시할 데이터 */
+    data: DataItem[];
+    /** 차트의 너비 */
+    width?: number;
+    /** 차트의 높이 */
+    height?: number;
+    /** 데이터 시리즈 설정 */
+    series: {
+        /** 데이터셋에서 값으로 사용할 키 */
+        dataKey: string;
+        /** 시리즈 고유 id */
+        id: string;
+        /** 선 색상 */
+        color?: string;
+        /** 범례/툴팁에 표시할 라벨 */
+        label?: string;
+        /** 라인 아래 영역 채움 여부 (area chart) */
+        area?: boolean;
+        /** 선 보간 방식 */
+        curve?: CurveType;
+        /** 데이터 포인트 마커 표시 여부 */
+        showMark?: boolean;
+        /** 여러 시리즈를 쌓을 때 사용할 그룹 키 */
+        stack?: string;
+        /** 사용할 y축 id */
+        yAxisId?: string;
+        /** 연결 끊긴 데이터(null)를 이어 그릴지 여부 */
+        connectNulls?: boolean;
+    }[];
+    /** x축 설정 */
+    xAxis: any;
+    /** y축 설정 */
+    yAxis?: any;
+    /** 추가 클래스명 */
+    className?: string;
+    /** 차트 여백 설정 */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** 그리드 표시 설정 */
+    grid?: {
+        vertical?: boolean;
+        horizontal?: boolean;
+    };
+    /** 애니메이션 비활성화 여부 */
+    skipAnimation?: boolean;
+}
+export declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/LineChart/index.d.ts

@@ -0,0 +1,2 @@
+import { LineChart, LineChartProps } from './LineChart';
+export { LineChart, LineChartProps };