@vmscloud/moz-ui-grid-react 0.1.19

package/dist/legacy/components/common/Dragging.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+/**
+ * Vue 측 Dragging.vue + draggingEventBus 포팅.
+ *
+ * 컬럼/필드를 드래그할 때 마우스를 따라다니는 ghost element를 렌더링.
+ * 외부에서 emit('start' | 'end') 호출로 표시 토글.
+ */
+type DraggingPayload = {
+    visible: boolean;
+    label?: string;
+    x?: number;
+    y?: number;
+} | null;
+type Listener = (payload: DraggingPayload) => void;
+declare class DraggingEventBus {
+    private listeners;
+    emit(payload: DraggingPayload): void;
+    on(listener: Listener): () => void;
+}
+export declare const draggingEventBus: DraggingEventBus;
+interface DraggingProps {
+    children?: ReactNode;
+}
+/**
+ * 드래그 ghost 컨테이너.
+ *
+ * App root에 한 번 배치. draggingEventBus.emit({visible, label, x, y})로 표시.
+ */
+export declare function Dragging(_props: DraggingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/legacy/components/common/custom-cell/FormulaEngine.d.ts

@@ -0,0 +1,256 @@
+/**
+ * FormulaEngine - 수식 파서 및 평가기
+ *
+ * 컬럼 참조: [컬럼헤더] 또는 $binding
+ * 비교 연산자: =, ==, !=, ≠, <>, <, >, <=, ≤, >=, ≥
+ * 논리 연산자: AND, &&, OR, ||, NOT, !
+ * 산술 연산자: +, -, *, /, %
+ * 문자열 연산자: CONTAINS, NOT_CONTAINS, STARTS_WITH, ENDS_WITH
+ * NULL 체크: IS_EMPTY, IS_NOT_EMPTY
+ * 날짜 리터럴: #2025-09-05# 또는 #2025-09-05 14:30:00#
+ * 함수: ABS(), ROUND(), LEN(), UPPER(), LOWER(), TRIM(), NOW(), TODAY(), DAYS(), IF(), COALESCE()
+ */
+/** Wijmo DataType 호환 상수 */
+declare const DataType: {
+    readonly String: 1;
+    readonly Number: 2;
+    readonly Boolean: 3;
+    readonly Date: 4;
+};
+type DataType = number;
+/** 토큰 타입 */
+export declare enum TokenType {
+    NUMBER = "NUMBER",
+    STRING = "STRING",
+    BOOLEAN = "BOOLEAN",
+    NULL = "NULL",
+    DATE = "DATE",// #2025-09-05# 형식
+    COLUMN_REF = "COLUMN_REF",// [컬럼명]
+    BINDING_REF = "BINDING_REF",// $binding
+    PLUS = "PLUS",// +
+    MINUS = "MINUS",// -
+    MULTIPLY = "MULTIPLY",// *
+    DIVIDE = "DIVIDE",// /
+    MODULO = "MODULO",// % (산술)
+    EQ = "EQ",// =, ==
+    NEQ = "NEQ",// !=, ≠, <>
+    LT = "LT",// <
+    GT = "GT",// >
+    LTE = "LTE",// <=, ≤
+    GTE = "GTE",// >=, ≥
+    AND = "AND",
+    OR = "OR",
+    NOT = "NOT",
+    CONTAINS = "CONTAINS",
+    NOT_CONTAINS = "NOT_CONTAINS",
+    STARTS_WITH = "STARTS_WITH",
+    ENDS_WITH = "ENDS_WITH",
+    LIKE = "LIKE",// SQL LIKE 스타일
+    IS_EMPTY = "IS_EMPTY",
+    IS_NOT_EMPTY = "IS_NOT_EMPTY",
+    LPAREN = "LPAREN",// (
+    RPAREN = "RPAREN",// )
+    COMMA = "COMMA",// ,
+    FUNCTION = "FUNCTION",
+    EOF = "EOF"
+}
+/** 토큰 */
+export interface Token {
+    type: TokenType;
+    value: any;
+    position: number;
+}
+/** AST 노드 타입 */
+export type ASTNode = LiteralNode | ColumnRefNode | BinaryOpNode | UnaryOpNode | FunctionCallNode | PostfixOpNode;
+export interface LiteralNode {
+    type: 'Literal';
+    value: any;
+    dataType: 'number' | 'string' | 'boolean' | 'null' | 'date';
+}
+export interface ColumnRefNode {
+    type: 'ColumnRef';
+    name: string;
+    isBinding: boolean;
+}
+export interface BinaryOpNode {
+    type: 'BinaryOp';
+    operator: string;
+    left: ASTNode;
+    right: ASTNode;
+}
+export interface UnaryOpNode {
+    type: 'UnaryOp';
+    operator: string;
+    operand: ASTNode;
+}
+export interface PostfixOpNode {
+    type: 'PostfixOp';
+    operator: string;
+    operand: ASTNode;
+}
+export interface FunctionCallNode {
+    type: 'FunctionCall';
+    name: string;
+    args: ASTNode[];
+}
+/** 파싱 결과 */
+export interface ParseResult {
+    success: boolean;
+    ast?: ASTNode;
+    error?: string;
+    errorPosition?: number;
+}
+/** 평가 결과 */
+export interface EvaluateResult {
+    success: boolean;
+    value?: any;
+    error?: string;
+}
+/** 컬럼 정보 */
+export interface ColumnInfo {
+    header: string;
+    binding: string;
+    dataType?: DataType;
+}
+export declare class FormulaLexer {
+    private input;
+    private position;
+    private tokens;
+    private static readonly KEYWORDS;
+    private static readonly FUNCTIONS;
+    constructor(input: string);
+    tokenize(): Token[];
+    private skipWhitespace;
+    private peek;
+    private isDigit;
+    private isAlpha;
+    private isAlphaNumeric;
+    private addToken;
+    private readColumnRef;
+    private readBindingRef;
+    private readString;
+    private readDateLiteral;
+    private readNumber;
+    private readIdentifier;
+    private readOperator;
+}
+export declare class FormulaParser {
+    private tokens;
+    private position;
+    constructor(tokens: Token[]);
+    parse(): ASTNode;
+    private current;
+    private advance;
+    private expect;
+    private parseExpression;
+    private parseOrExpr;
+    private parseAndExpr;
+    private parseNotExpr;
+    private parseComparison;
+    private parseStringOp;
+    private parseAdditive;
+    private parseMultiplicative;
+    private parseUnary;
+    private parsePrimary;
+    private parseFunctionCall;
+}
+export declare class FormulaEvaluator {
+    private columnMap;
+    private bindingSet;
+    private columnTypeMap;
+    constructor(columns: ColumnInfo[]);
+    /**
+     * 컬럼 참조 노드에서 데이터 타입 가져오기
+     */
+    private getColumnDataType;
+    /**
+     * 컬럼 타입에 따라 값을 변환
+     * - String 타입: 문자열로 변환
+     * - Number 타입: 숫자로 변환 시도
+     * - Date 타입: 날짜로 변환 시도
+     * - Boolean 타입: 불린으로 변환
+     */
+    private coerceValueByColumnType;
+    evaluate(ast: ASTNode, rowData: Record<string, any>): any;
+    private evaluateColumnRef;
+    private evaluateBinaryOp;
+    private evaluateUnaryOp;
+    private evaluatePostfixOp;
+    private evaluateFunctionCall;
+    private toBoolean;
+    private toNumber;
+    private toDate;
+    /**
+     * Date 객체를 YYYY-MM-DD 형식의 문자열로 변환
+     */
+    private formatDateString;
+    /**
+     * 값을 날짜 문자열로 변환 (Date 객체면 YYYY-MM-DD 형식, 아니면 그대로 String)
+     */
+    private toDateString;
+    /**
+     * 문자열 연산에 사용할 문자열 변환 (Date 객체 또는 Date로 변환 가능한 값은 YYYY-MM-DD 형식)
+     */
+    private toStringForComparison;
+    private isEmpty;
+    private isEqual;
+    private compare;
+    private matchLike;
+}
+export declare class FormulaEngine {
+    private columns;
+    constructor(columns?: ColumnInfo[]);
+    /**
+     * 컬럼 정보 업데이트
+     */
+    setColumns(columns: ColumnInfo[]): void;
+    /**
+     * 수식 파싱
+     */
+    parse(formula: string): ParseResult;
+    /**
+     * 수식 유효성 검사
+     */
+    validate(formula: string): ParseResult;
+    /**
+     * 수식 평가 (단일 행)
+     */
+    evaluate(formula: string, rowData: Record<string, any>): EvaluateResult;
+    /**
+     * AST 직접 평가 (반복 평가 시 파싱 비용 절약)
+     */
+    evaluateAST(ast: ASTNode, rowData: Record<string, any>): EvaluateResult;
+    /**
+     * 수식에서 참조하는 컬럼 목록 추출
+     */
+    getReferencedColumns(formula: string): string[];
+    private validateColumnRefs;
+    /**
+     * 노드의 의미상 타입 추론
+     * - Literal: dataType 기반
+     * - ColumnRef: columns 메타데이터 기반
+     * - 그 외: 보수적으로 'unknown'
+     */
+    private inferNodeType;
+    /**
+     * 타입/연산자 조합 유효성 검사
+     * - 비교/문자열 연산자에 대해서만 보수적으로 체크
+     * - 규칙과 맞지 않는 경우 에러를 던져 상위 validate에서 잡도록 함
+     */
+    private validateOperatorTypes;
+    private collectColumnRefs;
+    private extractPosition;
+    /**
+     * 내부 파서/렉서 에러 메시지를 사용자 친화적인 한글 메시지로 변환
+     */
+    private toFriendlyErrorMessage;
+}
+/**
+ * 수식 파싱 및 평가 (간단한 사용)
+ */
+export declare function evaluateFormula(formula: string, rowData: Record<string, any>, columns?: ColumnInfo[]): EvaluateResult;
+/**
+ * 수식 유효성 검사
+ */
+export declare function validateFormula(formula: string, columns?: ColumnInfo[]): ParseResult;
+export {};

package/dist/legacy/components/common/custom-cell/FormulaInput.d.ts

@@ -0,0 +1,25 @@
+import { ColumnInfo } from './useFormulaAutocomplete';
+export interface FormulaInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onBlur?: () => void;
+    columns: ColumnInfo[];
+    placeholder?: string;
+    hasError?: boolean;
+    rows?: number;
+    disabled?: boolean;
+    /** 포커스 시 자동완성 자동 표시 (기본 true) */
+    showSuggestionsOnFocus?: boolean;
+}
+export interface FormulaInputHandle {
+    focus: () => void;
+}
+/**
+ * Vue 측 FormulaInput.vue 1:1 포팅.
+ *
+ * - textarea 위에 투명 텍스트 + 색상 강조 오버레이 합성으로 구문 강조
+ * - useFormulaAutocomplete로 컨텍스트별 제안 목록 생성, body에 portal로 dropdown 렌더
+ * - Up/Down/Enter/Tab/Escape 키 네비, [/"/' 자동 짝맞춤
+ * - IME 조합(한글) 안전: composing 텍스트로 오버레이/컨텍스트 동기화
+ */
+export declare const FormulaInput: import('react').ForwardRefExoticComponent<FormulaInputProps & import('react').RefAttributes<FormulaInputHandle>>;

package/dist/legacy/components/common/custom-cell/GridCustomCell.d.ts

@@ -0,0 +1,17 @@
+interface GridCustomCellProps {
+    visible: boolean;
+    onVisibleChange: (visible: boolean) => void;
+    gridKey?: string;
+    dateFormat?: string;
+}
+/**
+ * Vue 측 GridCustomCell.vue 1:1 포팅.
+ *
+ * 다중 규칙셋 기반 조건부 셀 스타일 설정 팝업.
+ * - 규칙셋 헤더(우선순위 뱃지/이름/이동/삭제)
+ * - 수식 모드(FormulaInput) + UI 모드(Select+Select+Input by type)
+ * - 적용 컬럼(MultiSelect) + 색상 dropdown(배경/글자색 preset 5개씩 + 커스텀)
+ * - 즉시 적용 체크박스, 행 수 ≥ 10만이면 자동 off
+ */
+export declare function GridCustomCell({ visible, onVisibleChange, dateFormat }: GridCustomCellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/legacy/components/common/custom-cell/useFormulaAutocomplete.d.ts

@@ -0,0 +1,54 @@
+/**
+ * useFormulaAutocomplete - 수식 자동완성 로직 (Vue useFormulaAutocomplete.ts 1:1 포팅).
+ *
+ * 컨텍스트 감지:
+ * - `[` 입력 시 → 컬럼 목록
+ * - 컬럼 뒤 → 연산자 목록 (데이터 타입 기반 필터링)
+ * - 산술 연산자 뒤 → 숫자 힌트, 컬럼
+ * - 비교 연산자 뒤 → 값 입력 힌트, 컬럼
+ * - 값/산술표현식 뒤 → 산술/비교/논리 연산자
+ * - AND/OR 뒤 → 컬럼, NOT
+ */
+export type ParsedTokenType = 'ColumnRef' | 'Number' | 'String' | 'Date' | 'Boolean' | 'ArithmeticOp' | 'ComparisonOp' | 'StringOp' | 'LogicalOp' | 'PostfixOp' | 'OpenParen' | 'CloseParen' | 'Unknown';
+export interface ParsedToken {
+    type: ParsedTokenType;
+    value: string;
+    start: number;
+    end: number;
+}
+export type SuggestionType = 'column' | 'operator' | 'logical' | 'value' | 'function';
+export interface Suggestion {
+    type: SuggestionType;
+    value: string;
+    displayText: string;
+    description?: string;
+    insertText?: string;
+}
+export interface ColumnInfo {
+    header: string;
+    binding: string;
+    dataType?: number;
+}
+export type ContextState = 'start' | 'in_column' | 'after_column' | 'in_operator' | 'after_arithmetic_op' | 'after_comparison_op' | 'after_string_op' | 'after_postfix_op' | 'after_operator' | 'in_value' | 'after_value' | 'after_arithmetic_expr';
+export interface UseFormulaAutocompleteReturn {
+    /** 현재 컨텍스트 상태 */
+    contextState: ContextState;
+    /** 현재 입력 중인 토큰 (필터링용) */
+    currentToken: string;
+    /** 현재 제안 목록 */
+    suggestions: Suggestion[];
+    /** 텍스트/커서 위치 기반으로 컨텍스트 분석 (상태 업데이트) */
+    analyzeContext: (text: string, cursorPosition: number) => void;
+    /** 제안 항목 선택 시 삽입할 텍스트 계산 */
+    getInsertText: (suggestion: Suggestion, currentText: string, cursorPosition: number) => {
+        newText: string;
+        newCursorPosition: number;
+    };
+}
+/**
+ * Vue 측 `useFormulaAutocomplete` 컴포저블의 React 대응.
+ *
+ * 내부 상태(`contextState`, `currentToken`, `tokenStartPosition`)는 `analyzeContext`로
+ * 갱신하고, `suggestions`는 그에 따라 useMemo로 자동 재계산된다.
+ */
+export declare function useFormulaAutocomplete(columns: ColumnInfo[]): UseFormulaAutocompleteReturn;

package/dist/legacy/components/common/excel/ClientExcelUploadPopup.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Vue 측 ClientExcelUploadPopup.vue 포팅 (클라이언트사이드 엑셀 업로드 팝업).
+ *
+ * useClientExcelStore.show(grid)로 활성화. grid.io.importXlsx로 데이터 import.
+ */
+export declare function ClientExcelUploadPopup(): import("react/jsx-runtime").JSX.Element;

package/dist/legacy/components/common/filter/GridFilter.d.ts

@@ -0,0 +1,13 @@
+interface GridFilterProps {
+    visible: boolean;
+    onVisibleChange: (visible: boolean) => void;
+    dateFormat?: string;
+}
+/**
+ * Vue 측 GridFilter.vue 1:1 포팅.
+ *
+ * 다중 조건 필터 팝업. 드래그 우선순위, 컬럼 타입별 입력 컨트롤, AND/OR 논리 연산자,
+ * 바로 적용 체크박스 지원.
+ */
+export declare function GridFilter({ visible, onVisibleChange, dateFormat }: GridFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/legacy/components/common/footer/GridFooter.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+interface GridFooterProps {
+    /** 필터링된 행 수 (외부 주입). 미지정 시 grid의 viewState.visibleRowCount 구독 */
+    filteredRowCount?: number;
+    /** 총 행 수 (외부 주입). 미지정 시 grid의 viewState.totalRowCount 구독 */
+    totalRowCount?: number;
+    /** 우측 슬롯 */
+    children?: ReactNode;
+}
+/**
+ * Vue 측 GridFooter.vue 1:1 포팅.
+ *
+ * 좌측: 총/필터 행 수, 가운데: 선택 영역 집계(AVG/COUNT/MIN/MAX/SUM), 우측: 자식 슬롯.
+ * grid의 selection:changed 이벤트를 구독해 `grid.rows.selectionAggregates()`로 집계 갱신.
+ */
+export declare function GridFooter({ filteredRowCount: extFiltered, totalRowCount: extTotal, children }: GridFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/legacy/components/common/sort/GridSort.d.ts

@@ -0,0 +1,12 @@
+interface GridSortProps {
+    visible: boolean;
+    onVisibleChange: (visible: boolean) => void;
+    width?: number;
+}
+/**
+ * Vue 측 GridSort.vue 1:1 포팅.
+ *
+ * 다중 레벨 정렬 팝업. 드래그앤드롭으로 우선순위 변경, 바로 적용 체크박스 지원.
+ */
+export declare function GridSort({ visible, onVisibleChange, width }: GridSortProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/legacy/components/common/toolbar/GridSearchInput.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Vue 측 GridSearchInput.vue 1:1 포팅.
+ *
+ * Core PureSheet.search() API에 위임. 좌우 prev/next 버튼, 검색 카운트 popup,
+ * 한글 IME 처리, 엔터 키 반복(hold-repeat) 지원.
+ */
+export interface GridSearchInputProps {
+    label?: string | null;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    value?: string;
+    placeholder?: string;
+    showSearchIcon?: boolean;
+    className?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (keyword: string) => void;
+    onNavigate?: (cell: {
+        row: number;
+        col: number;
+    } | null) => void;
+}
+export interface GridSearchInputHandle {
+    resetSearch: () => void;
+}
+export declare const GridSearchInput: import('react').ForwardRefExoticComponent<GridSearchInputProps & import('react').RefAttributes<GridSearchInputHandle>>;

package/dist/legacy/components/grid/CellEditor.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+import { EditorSlotProps, TemplateRegistry } from '../../../types/slots';
+/** Vue 측 CellEditor.ts의 React 대응 */
+export declare class CellEditor {
+    fieldId: string;
+    component: ComponentType<EditorSlotProps>;
+    constructor(fieldId: string, component: ComponentType<EditorSlotProps>);
+    attach(registry: TemplateRegistry): () => void;
+}

package/dist/legacy/components/grid/CellTemplate.d.ts

@@ -0,0 +1,21 @@
+import { ComponentType } from 'react';
+import { CellSlotProps, TemplateRegistry } from '../../../types/slots';
+/**
+ * Vue 측 CellTemplate.ts의 React 대응.
+ *
+ * 컬럼별 셀 렌더링을 React 컴포넌트로 등록하는 helper class.
+ * MozGridReactCore의 templateRegistry에 등록되어 fieldBuilder가 cellRenderer로 변환.
+ *
+ * @example
+ * const registry = useContext(GridTemplateRegistryContext);
+ * useEffect(() => {
+ *   registry.register({ type: 'cell', fieldId: 'status', component: StatusCell });
+ *   return () => registry.unregister('cell', 'status');
+ * }, [registry]);
+ */
+export declare class CellTemplate {
+    fieldId: string;
+    component: ComponentType<CellSlotProps>;
+    constructor(fieldId: string, component: ComponentType<CellSlotProps>);
+    attach(registry: TemplateRegistry): () => void;
+}

package/dist/legacy/components/grid/DetailTemplate.d.ts

@@ -0,0 +1,8 @@
+import { ComponentType } from 'react';
+import { DetailSlotProps, TemplateRegistry } from '../../../types/slots';
+/** Vue 측 DetailTemplate.ts의 React 대응 */
+export declare class DetailTemplate {
+    component: ComponentType<DetailSlotProps>;
+    constructor(component: ComponentType<DetailSlotProps>);
+    attach(registry: TemplateRegistry): () => void;
+}

package/dist/legacy/components/grid/GroupTemplate.d.ts

@@ -0,0 +1,8 @@
+import { ComponentType } from 'react';
+import { GroupSlotProps, TemplateRegistry } from '../../../types/slots';
+/** Vue 측 GroupTemplate.ts의 React 대응 */
+export declare class GroupTemplate {
+    component: ComponentType<GroupSlotProps>;
+    constructor(component: ComponentType<GroupSlotProps>);
+    attach(registry: TemplateRegistry): () => void;
+}

package/dist/legacy/components/grid/HeaderTemplate.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+import { HeaderSlotProps, TemplateRegistry } from '../../../types/slots';
+/** Vue 측 HeaderTemplate.ts의 React 대응 */
+export declare class HeaderTemplate {
+    fieldId: string;
+    component: ComponentType<HeaderSlotProps>;
+    constructor(fieldId: string, component: ComponentType<HeaderSlotProps>);
+    attach(registry: TemplateRegistry): () => void;
+}

package/dist/legacy/components/grid/MozGridReact.d.ts

@@ -0,0 +1,12 @@
+import { MozGridReactCoreHandle } from './MozGridReactCore';
+import { MozGridReactProps } from '../../types/props';
+/**
+ * Vue 측 MozGridVue.vue의 React 대응.
+ *
+ * MozGridReactCore + toolbar(검색/필터/정렬/조건부스타일/설정) + footer + 빈 상태 + 컨텍스트 메뉴.
+ *
+ * ⚠️ GridInstanceContext는 wrapper 레벨에서도 Provider를 둠. 그래야 MozGridReactCore
+ * **외부**에 마운트된 GridToolBox / ColumnPicker / GridFooter 등도 useGridInstance()로
+ * grid에 접근할 수 있음. Vue도 동일한 패턴(`provide(GRID_INSTANCE_KEY, gridInstance)`).
+ */
+export declare const MozGridReact: import('react').ForwardRefExoticComponent<MozGridReactProps & import('react').RefAttributes<MozGridReactCoreHandle>>;

package/dist/legacy/components/grid/MozGridReactCore.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { PureSheet, SortState, FilterState } from '@vmscloud/moz-ui-grid-core';
+import { MozGridReactCoreProps } from '../../types/props';
+/**
+ * Vue 측 MozGridVueCore.vue의 React 대응.
+ *
+ * - PureSheet 인스턴스 생성/소멸
+ * - ReactRenderer를 통한 React 컴포넌트 ↔ DOM 매핑
+ * - templateRegistry 관리
+ * - Context로 하위 트리에 PureSheet/Renderer/Registry 노출
+ * - PureSheet 이벤트 → onXxx 콜백 fan-out
+ */
+export interface MozGridReactCoreHandle {
+    /** PureSheet 인스턴스 직접 접근 */
+    grid: PureSheet | null;
+    /** 그리드 갱신 */
+    refresh: () => Promise<void>;
+    /** 데이터 로드 */
+    loadData: (data: Record<string, unknown>[]) => Promise<void>;
+    /** 정렬 */
+    sort: (sorts: SortState[]) => Promise<void>;
+    /** 필터 */
+    filter: (filters: FilterState[]) => Promise<void>;
+    /** 그리드 소멸 */
+    destroy: () => void;
+}
+export declare const MozGridReactCore: import('react').ForwardRefExoticComponent<MozGridReactCoreProps & import('react').RefAttributes<MozGridReactCoreHandle>>;
+export type { ReactNode };

package/dist/legacy/components/grid/bulk-editor/GridBulkEditor.d.ts

@@ -0,0 +1,11 @@
+interface GridBulkEditorProps {
+    visible: boolean;
+    onVisibleChange: (visible: boolean) => void;
+    /** 일괄 편집 대상 컬럼 이름 (locale.Grid.contextBulkEdit의 {name} 치환에 사용) */
+    columnName?: string;
+}
+/**
+ * Vue 측 GridBulkEditor.vue 포팅 (간단한 일괄 편집 팝업).
+ */
+export declare function GridBulkEditor({ visible, onVisibleChange, columnName }: GridBulkEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/legacy/components/grid/context-menu/GridContextMenu.d.ts

@@ -0,0 +1,22 @@
+import { ContextMenuContext, ContextMenuCallbacks } from '../../../hooks/useContextMenu';
+import { IContextMenuConfig } from '../../../types/toolbar';
+interface GridContextMenuProps extends ContextMenuCallbacks {
+    config?: IContextMenuConfig;
+}
+export interface GridContextMenuHandle {
+    /** 외부 호스트가 직접 메뉴를 띄울 때 */
+    open: (ctx: ContextMenuContext, position: {
+        left: number;
+        top: number;
+    }) => void;
+    close: () => void;
+}
+/**
+ * Vue 측 GridContextMenu.vue 1:1 포팅.
+ *
+ * PureSheet의 'contextmenu' 이벤트를 구독해 우클릭 시 메뉴를 띄우고,
+ * 메뉴 항목을 Vue와 동일한 order 기반(10/20/30/40/50/60) 그룹으로 정렬해 렌더링한다.
+ * 셀/그룹 헤더 구분, 컬럼별 필터·정렬 초기화 활성화 등 Vue 로직을 모두 포팅.
+ */
+export declare const GridContextMenu: import('react').ForwardRefExoticComponent<GridContextMenuProps & import('react').RefAttributes<GridContextMenuHandle>>;
+export {};

package/dist/legacy/components/grid/group-panel/GroupPanel.d.ts

@@ -0,0 +1,5 @@
+interface GroupPanelProps {
+    visible?: boolean;
+}
+export declare function GroupPanel({ visible }: GroupPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/legacy/components/grid/toolbar/ColumnPicker.d.ts

@@ -0,0 +1,18 @@
+interface ColumnPickerProps {
+    visible: boolean;
+    onVisibleChange: (visible: boolean) => void;
+    /** 키 필드들은 토글 비활성화 (그리드 정합성) */
+    keyFields?: string[];
+    dataKey?: string | string[];
+}
+/**
+ * Vue 측 ColumnPicker.vue 1:1 포팅 (열 표시/숨김 팝업).
+ *
+ * - Popup preset='no-footer' (body 안에 actions 영역)
+ * - 전체 선택 체크박스 + 초기화 버튼 (변경 사항 있을 때만 enabled)
+ * - 2-column grid, 드래그앤드롭으로 순서 변경
+ * - keyFields는 체크박스 disabled
+ * - core API: grid.columns.getMap / setHidden / setOrder
+ */
+export declare function ColumnPicker({ visible, onVisibleChange, keyFields, dataKey }: ColumnPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/legacy/components/grid/toolbar/GridOptionModal.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+export interface GridOptionMenuItem {
+    header: string;
+    clicked?: () => void;
+    isVisibleOnGridOption?: boolean;
+}
+export interface GridOptionModalProps {
+    /** popover content이므로 외부 trigger의 open 상태로 제어 */
+    onClose?: () => void;
+    /** 열 표시/숨김 메뉴 노출 */
+    useViewSelectColumn?: boolean;
+    customMenu?: GridOptionMenuItem[];
+    toolbarVisible?: boolean;
+    footerVisible?: boolean;
+    groupPanelVisible?: boolean;
+    onToolbarVisibleChange?: (v: boolean) => void;
+    onFooterVisibleChange?: (v: boolean) => void;
+    onGroupPanelVisibleChange?: (v: boolean) => void;
+    onClickColumnPicker?: () => void;
+    /** 헤더 영역 우측 슬롯 (있으면 close 버튼 옆에 표시) */
+    headerRight?: ReactNode;
+}
+/**
+ * Vue 측 GridOptionModal.vue 1:1 포팅.
+ *
+ * Vue는 ContextMenu의 template slot으로 띄웠지만 React는 GridSetupPopover의
+ * content로 들어가도록 구성됨. 시각 구조는 동일 (헤더 + separator + 토글 3개 +
+ * separator + 열 표시 메뉴 + customMenu).
+ */
+export declare function GridOptionModal(props: GridOptionModalProps): import("react/jsx-runtime").JSX.Element;