velox-grid 0.11.0

package/dist/react/react/VeloxGridReact.d.ts

@@ -0,0 +1,33 @@
+import { VeloxGridReactProps, VeloxGridReactRef } from './types';
+
+/**
+ * VeloxGridReact 컴포넌트
+ *
+ * @example
+ * ```tsx
+ * import { VeloxGridReact } from 'velox-grid/react';
+ *
+ * function App() {
+ *   const gridRef = useRef<VeloxGridReactRef>(null);
+ *
+ *   return (
+ *     <VeloxGridReact
+ *       ref={gridRef}
+ *       columns={[
+ *         { field: 'name', header: 'Name', width: 150 },
+ *         { field: 'age', header: 'Age', type: 'number', width: 80 },
+ *       ]}
+ *       data={[
+ *         { name: 'Alice', age: 30 },
+ *         { name: 'Bob', age: 25 },
+ *       ]}
+ *       height={400}
+ *       editable={true}
+ *       onCellEditEnd={(e) => console.log('Edit:', e)}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare const VeloxGridReact: import('react').ForwardRefExoticComponent<VeloxGridReactProps & import('react').RefAttributes<VeloxGridReactRef>>;
+//# sourceMappingURL=VeloxGridReact.d.ts.map

package/dist/react/react/VeloxGridReact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VeloxGridReact.d.ts","sourceRoot":"","sources":["../../../src/react/VeloxGridReact.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAWH,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA6EtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,cAAc,mHAyN1B,CAAC"}

package/dist/react/react/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * VeloxGrid React Wrapper
+ * @description React component and hook for VeloxGrid
+ * Phase 17: Framework Wrappers (React)
+ */
+export { VeloxGridReact } from './VeloxGridReact';
+export { useVeloxGrid } from './useVeloxGrid';
+export type { VeloxGridReactProps, VeloxGridReactRef } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/react/react/types.d.ts

@@ -0,0 +1,52 @@
+import { GridOptions, GridEvents, VeloxGridInstance } from '../types';
+
+/**
+ * VeloxGridReact 컴포넌트 Props
+ * GridOptions의 모든 옵션을 Props로 전달할 수 있으며,
+ * GridEvents의 모든 이벤트를 콜백 Props로 전달할 수 있습니다.
+ *
+ * @example
+ * ```tsx
+ * <VeloxGridReact
+ *   columns={columns}
+ *   data={data}
+ *   height={400}
+ *   editable={true}
+ *   onCellEditEnd={(e) => console.log(e)}
+ * />
+ * ```
+ */
+export interface VeloxGridReactProps extends GridOptions, GridEvents {
+    /**
+     * 컨테이너에 적용할 CSS 클래스
+     * GridOptions.className과 별개로 wrapper div에 적용됩니다.
+     */
+    wrapperClassName?: string;
+    /**
+     * 컨테이너에 적용할 인라인 스타일
+     */
+    wrapperStyle?: React.CSSProperties;
+}
+/**
+ * VeloxGridReact ref를 통해 접근 가능한 메서드
+ * VeloxGridInstance의 모든 메서드를 포함합니다.
+ *
+ * @example
+ * ```tsx
+ * const gridRef = useRef<VeloxGridReactRef>(null);
+ *
+ * // 데이터 조회
+ * const data = gridRef.current?.getData();
+ *
+ * // 행 추가
+ * gridRef.current?.addRow({ name: 'New', value: 100 });
+ * ```
+ */
+export interface VeloxGridReactRef extends VeloxGridInstance {
+    /**
+     * 내부 VeloxGrid 인스턴스에 직접 접근
+     * 일반적으로 ref 메서드를 사용하되, 고급 시나리오에서 사용
+     */
+    getGridInstance(): VeloxGridInstance | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/react/react/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/react/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE3E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW,EAAE,UAAU;IAClE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D;;;OAGG;IACH,eAAe,IAAI,iBAAiB,GAAG,IAAI,CAAC;CAC7C"}

package/dist/react/react/useVeloxGrid.d.ts

@@ -0,0 +1,23 @@
+import { GridOptions, GridEvents, VeloxGridInstance } from '../types';
+
+type UseVeloxGridOptions = GridOptions & Partial<GridEvents>;
+interface UseVeloxGridReturn {
+    /** 그리드가 마운트될 컨테이너 ref (div에 연결) */
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    /** VeloxGrid 인스턴스 (초기화 전 null) */
+    grid: VeloxGridInstance | null;
+    /** 그리드 초기화 여부 */
+    isReady: boolean;
+}
+/**
+ * useVeloxGrid Hook
+ *
+ * GridOptions + GridEvents를 받아서 VeloxGrid 인스턴스를 생성하고 관리합니다.
+ * containerRef를 div에 연결하면 자동으로 그리드가 초기화됩니다.
+ *
+ * @param options - GridOptions와 GridEvents를 합친 옵션 객체
+ * @returns containerRef, grid 인스턴스, isReady 상태
+ */
+export declare function useVeloxGrid(options: UseVeloxGridOptions): UseVeloxGridReturn;
+export {};
+//# sourceMappingURL=useVeloxGrid.d.ts.map

package/dist/react/react/useVeloxGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVeloxGrid.d.ts","sourceRoot":"","sources":["../../../src/react/useVeloxGrid.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE3E,KAAK,mBAAmB,GAAG,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAE7D,UAAU,kBAAkB;IAC1B,mCAAmC;IACnC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,kCAAkC;IAClC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,iBAAiB;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAkC7E"}