@owp/core 2.5.17 → 2.5.19

package/dist/types/components/OwpPicker/internal/DatePickerInput.d.ts

@@ -1,4 +1,8 @@
+import { TextFieldProps } from '@mui/material';
+import { type Ref } from 'react';
 type DatePickerValue = string | Date;
+type TextFieldFocusEventHandler = NonNullable<TextFieldProps['onFocus']>;
+type TextFieldKeyDownEventHandler = NonNullable<TextFieldProps['onKeyDown']>;
 interface OwnProps {
     valueFormatter?: string;
     value?: DatePickerValue;
@@ -9,6 +13,9 @@ interface OwnProps {
     reset?: () => void;
     onInputAreaClick?: VoidFunction;
     onIconClick?: VoidFunction;
+    inputElementRef?: Ref<HTMLInputElement>;
+    onInputFocus?: TextFieldFocusEventHandler;
+    onInputKeyDown?: TextFieldKeyDownEventHandler;
 }
 /**
  * DatePickerInput 컴포넌트

package/dist/types/components/OwpSection/OwpSection.d.ts

@@ -11,6 +11,7 @@ interface OwpSectionProps {
     centerSlot?: ReactNode;
     children?: ReactNode;
     iconSize?: IconProps['fontSize'];
+    loading?: boolean;
 }
 /**
  * OwpSection 컴포넌트
@@ -22,6 +23,7 @@ interface OwpSectionProps {
  * @param leftSlot leftSlot 값
  * @param centerSlot centerSlot 값
  * @param actions 액션 영역
+ * @param loading 로딩 상태
  */
-declare const OwpSection: ({ className, title, disableTitleIcon, headerProps, usePageTitle, actions, leftSlot, centerSlot, children, iconSize, }: OwpSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const OwpSection: ({ className, title, disableTitleIcon, headerProps, usePageTitle, actions, leftSlot, centerSlot, children, iconSize, loading, }: OwpSectionProps) => import("react/jsx-runtime").JSX.Element;
 export { OwpSection };

package/dist/types/components/OwpTreeGrid/OwpTreeGrid.d.ts

@@ -15,14 +15,15 @@ export type OwpTreeGridData<T> = OwpTreeGridBodyData<T>;
 export type TData<T> = OwpTreeGridBodyData<T>;
 export type OwpTreeGridRowModel<T> = TRow & T;
 export type OwpTreeGridSelectedRows<T> = OwpTreeGridRowModel<T>[];
-export type OwpTreeGridColumnEditPreset = 'hourMinute';
-export interface OwpTreeGridColumnEditRule {
-    columns: readonly string[];
-    preset: OwpTreeGridColumnEditPreset;
+export interface OwpTreeGridDatePickerEditorColumnOption {
+    baseYear?: string;
+    baseYearMonth?: string;
 }
 export interface OwpTreeGridDatePickerEditorConfig {
     enabled?: boolean;
     columns?: readonly string[];
+    allowInput?: boolean;
+    columnOptions?: Record<string, OwpTreeGridDatePickerEditorColumnOption>;
     showTimeInput?: boolean;
     showTimeSelect?: boolean;
     timeIntervals?: number;
@@ -63,7 +64,6 @@ export interface OwpTreeGridProps<T> {
     onRowClick?: OwpTreeGridRowClickHandler<T>;
     onSave?: OwpTreeGridSaveHandler<T>;
     onAfterValueChanged?: OwpTreeGridAfterValueChangedHandler<T>;
-    columnEditRules?: readonly OwpTreeGridColumnEditRule[];
     datePickerEditor?: OwpTreeGridDatePickerEditorConfig;
     highlightEditableCells?: boolean;
     highlightChangedCells?: boolean;
@@ -84,5 +84,5 @@ export interface OwpTreeGridProps<T> {
  * @param canUseTableRadius TreeGrid 내부 테이블 radius 사용 여부
  * @param tableBorderRadius TreeGrid 내부 테이블 radius 값
  */
-declare const OwpTreeGrid: <T>({ id, containerStyle, containerClassName, toolbarRowBackgroundColor, className, style, height, width, canUseTableRadius, tableBorderRadius, layoutUrl, layoutData, dataUrl, layoutOverrides, data, useDataUrl, onSelect, onRowClick, onRowAdd, onRowDelete, onRowUndelete, onRowChange, onClickButton, onSave, onReady, onAfterValueChanged, columnEditRules, datePickerEditor, highlightEditableCells, highlightChangedCells, syncDeletedRowCanEdit, confirmDeletedRowRemoval, loading, showLoading, }: OwpTreeGridProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const OwpTreeGrid: <T>({ id, containerStyle, containerClassName, toolbarRowBackgroundColor, className, style, height, width, canUseTableRadius, tableBorderRadius, layoutUrl, layoutData, dataUrl, layoutOverrides, data, useDataUrl, onSelect, onRowClick, onRowAdd, onRowDelete, onRowUndelete, onRowChange, onClickButton, onSave, onReady, onAfterValueChanged, datePickerEditor, highlightEditableCells, highlightChangedCells, syncDeletedRowCanEdit, confirmDeletedRowRemoval, loading, showLoading, }: OwpTreeGridProps<T>) => import("react/jsx-runtime").JSX.Element;
 export { OwpTreeGrid };

package/dist/types/components/OwpTreeGrid/internal/hooks/useOwpTreeGridDatePickerEditor.d.ts

@@ -9,6 +9,9 @@ interface UseOwpTreeGridDatePickerEditorParams<T> {
 /** OwpTreeGrid Date 셀 React DatePicker editor */
 export declare const useOwpTreeGridDatePickerEditor: <T>({ config, treeGridInstanceRef, isTreeGridReady, onValueChange, }: UseOwpTreeGridDatePickerEditorParams<T>) => {
     datePickerEditorElement: import("react/jsx-runtime").JSX.Element;
+    handleDatePickerEditorButtonClick: (grid: TGrid, row: OwpTreeGridRowModel<T>, col: string, event: Event) => 1;
     handleDatePickerEditorCellClick: (grid: TGrid, row: OwpTreeGridRowModel<T>, col: string, _x: number, _y: number, event: Event) => 1;
+    handleDatePickerEditorKeyDown: (grid: TGrid, key: string, event: Event) => 1;
+    handleDatePickerEditorStartEdit: (grid: TGrid, row: OwpTreeGridRowModel<T>, col: string) => true;
 };
 export {};

package/dist/types/components/OwpTreeGrid/internal/treeGridRuntime.d.ts

@@ -1,6 +1,5 @@
 import { type Dispatch, type RefObject, type SetStateAction } from 'react';
-import type { OwpTreeGridBodyData, OwpTreeGridColumnEditRule, OwpTreeGridLayoutConfig, OwpTreeGridProps, OwpTreeGridRowModel } from '../OwpTreeGrid';
-import { type TreeGridColumnEditRuleLookup, type TreeGridColumnEditRulesState } from './treeGridColumnEditRules';
+import type { OwpTreeGridBodyData, OwpTreeGridLayoutConfig, OwpTreeGridProps, OwpTreeGridRowModel } from '../OwpTreeGrid';
 export declare const TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS = 300;
 type TreeGridInitializationInput<T> = {
     id: string;
@@ -16,9 +15,15 @@ type TreeGridInitializationInput<T> = {
 type TreeGridBeforeRowUndeleteAction = 'cancel' | 'remove' | 'undelete';
 type TreeGridBeforeRowUndeleteHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => TreeGridBeforeRowUndeleteAction | undefined | Promise<TreeGridBeforeRowUndeleteAction | undefined>;
 type TreeGridInternalCellClickHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>, col: string, x: number, y: number, event: Event) => boolean | number | undefined;
+type TreeGridInternalButtonClickHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>, col: string, event: Event) => boolean | number | undefined;
+type TreeGridInternalKeyDownHandler = (grid: TGrid, key: string, event: Event, name: string, prefix: string) => boolean | number | undefined;
+type TreeGridInternalStartEditHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>, col: string) => boolean | number | undefined;
 export type TreeGridEventHandlers<T> = Pick<OwpTreeGridProps<T>, 'onSelect' | 'onRowClick' | 'onRowAdd' | 'onRowDelete' | 'onRowUndelete' | 'onRowChange' | 'onClickButton' | 'onSave' | 'onReady' | 'onAfterValueChanged'> & {
     onBeforeRowUndelete?: TreeGridBeforeRowUndeleteHandler<T>;
+    onInternalButtonClick?: TreeGridInternalButtonClickHandler<T>;
     onInternalCellClick?: TreeGridInternalCellClickHandler<T>;
+    onInternalKeyDown?: TreeGridInternalKeyDownHandler;
+    onInternalStartEdit?: TreeGridInternalStartEditHandler<T>;
 };
 export type TreeGridEventBindingOptions<T> = Pick<OwpTreeGridProps<T>, 'id'> & {
     latestEventHandlersRef: RefObject<TreeGridEventHandlers<T>>;
@@ -30,19 +35,17 @@ export type TreeGridEventBindingOptions<T> = Pick<OwpTreeGridProps<T>, 'id'> & {
     changedCellBackgroundColorRef: RefObject<string>;
     selectedCellBackgroundColorRef: RefObject<string>;
     hoverCellBackgroundColorRef: RefObject<string>;
+    changedCellBaselineRef: RefObject<TreeGridCellBaselineMap>;
     treeGridInstanceRef: RefObject<TGrid>;
     treeGridInitStartedAtRef: RefObject<number | null>;
     latestLayoutOverridesRef: RefObject<OwpTreeGridLayoutConfig | undefined>;
     appliedLayoutOverridesRef: RefObject<OwpTreeGridLayoutConfig | undefined>;
     appliedBodyDataPropRef: RefObject<OwpTreeGridBodyData<T>>;
-    latestColumnEditRulesRef: RefObject<readonly OwpTreeGridColumnEditRule[] | undefined>;
-    latestColumnEditRuleLookupRef: RefObject<TreeGridColumnEditRuleLookup | undefined>;
-    appliedColumnEditRulesRef: RefObject<readonly OwpTreeGridColumnEditRule[] | undefined>;
-    columnEditRulesStateRef: RefObject<TreeGridColumnEditRulesState>;
     hasAppliedInitialLayoutRef: RefObject<boolean>;
     syncHasDisplayDataRows: (grid: TGrid | null) => void;
     setIsTreeGridReady: Dispatch<SetStateAction<boolean>>;
 };
+export type TreeGridCellBaselineMap = WeakMap<TRow, Map<string, string>>;
 /**
  * TreeGrid 레이아웃 Enter 동작 명시 여부
  * @param layoutData 레이아웃 문자열
@@ -82,6 +85,29 @@ export declare const buildTreeGridInitializationOptions: <T>({ id, layoutUrl, la
  * @param bodyData TreeGrid Body 데이터
  */
 export declare const getTreeGridBodyDataCount: <T>(bodyData: OwpTreeGridBodyData<T>) => number;
+/**
+ * TreeGrid 변경 비교 기준값 저장
+ * @param grid TreeGrid 인스턴스
+ * @param baselineMap 셀 기준값 저장소
+ */
+export declare const captureTreeGridChangeBaselines: (grid: TGrid | null | undefined, baselineMap: TreeGridCellBaselineMap) => void;
+/**
+ * TreeGrid 셀 변경 하이라이트 동기화
+ * @param gridId TreeGrid 인스턴스 ID
+ * @param grid TreeGrid 인스턴스
+ * @param row 대상 행
+ * @param col 대상 컬럼
+ * @param backgroundColor 변경 하이라이트 배경색
+ * @param baselineMap 셀 기준값 저장소
+ */
+export declare const syncTreeGridChangedCellHighlight: ({ gridId, grid, row, col, backgroundColor, baselineMap, }: {
+    gridId: string;
+    grid: TGrid;
+    row: TRow;
+    col: string;
+    backgroundColor: string;
+    baselineMap: TreeGridCellBaselineMap;
+}) => void;
 /**
  * TreeGrid 표시 데이터 행 존재 여부
  * @param grid TreeGrid 인스턴스
@@ -98,5 +124,5 @@ export declare const replaceTreeGridBodyData: <T>(grid: TGrid, bodyData: OwpTree
  * TreeGrid 이벤트 바인딩
  * @param options 이벤트 바인딩 옵션
  */
-export declare const bindTreeGridEvents: <T>({ id, latestEventHandlersRef, layoutHasExplicitEnterModeRef, highlightEditableCellsRef, highlightChangedCellsRef, syncDeletedRowCanEditRef, editableCellBackgroundColorValueRef, changedCellBackgroundColorRef, selectedCellBackgroundColorRef, hoverCellBackgroundColorRef, treeGridInstanceRef, treeGridInitStartedAtRef, latestLayoutOverridesRef, appliedLayoutOverridesRef, appliedBodyDataPropRef, latestColumnEditRulesRef, latestColumnEditRuleLookupRef, appliedColumnEditRulesRef, columnEditRulesStateRef, hasAppliedInitialLayoutRef, syncHasDisplayDataRows, setIsTreeGridReady, }: TreeGridEventBindingOptions<T>) => void;
+export declare const bindTreeGridEvents: <T>({ id, latestEventHandlersRef, layoutHasExplicitEnterModeRef, highlightEditableCellsRef, highlightChangedCellsRef, syncDeletedRowCanEditRef, editableCellBackgroundColorValueRef, changedCellBackgroundColorRef, selectedCellBackgroundColorRef, hoverCellBackgroundColorRef, changedCellBaselineRef, treeGridInstanceRef, treeGridInitStartedAtRef, latestLayoutOverridesRef, appliedLayoutOverridesRef, appliedBodyDataPropRef, hasAppliedInitialLayoutRef, syncHasDisplayDataRows, setIsTreeGridReady, }: TreeGridEventBindingOptions<T>) => void;
 export {};

package/dist/types/components/OwpTreeGrid/internal/treeGridTheme.d.ts

@@ -1,7 +1,7 @@
 import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
 import type { OwpGridThemeConfigType } from '@/types/OwpGridThemeTypes';
 import type { CSSProperties } from 'react';
-type TreeGridThemeCssVariableName = '--owp-tree-grid-body-background-color' | '--owp-tree-grid-body-color' | '--owp-tree-grid-body-fill-background-color' | '--owp-tree-grid-row-background-color' | '--owp-tree-grid-row-solid-background-color' | '--owp-tree-grid-toolbar-row-background-color' | '--owp-tree-grid-header-background-color' | '--owp-tree-grid-header-color' | '--owp-tree-grid-header-font-size' | '--owp-tree-grid-header-font-weight' | '--owp-tree-grid-cell-font-size' | '--owp-tree-grid-hover-row-background-color' | '--owp-tree-grid-hover-row-border-color' | '--owp-tree-grid-selected-cell-background-color' | '--owp-tree-grid-selected-row-background-color' | '--owp-tree-grid-focused-row-background-color' | '--owp-tree-grid-focused-row-border-color' | '--owp-tree-grid-hover-cell-background-color' | '--owp-tree-grid-hover-cell-border-color' | '--owp-tree-grid-focused-cell-background-color' | '--owp-tree-grid-focused-cell-border-color' | '--owp-tree-grid-editing-cell-border-color' | '--owp-tree-grid-focused-cell-rect-background-color' | '--owp-tree-grid-changed-background-color' | '--owp-tree-grid-table-border-radius';
+type TreeGridThemeCssVariableName = '--owp-tree-grid-body-background-color' | '--owp-tree-grid-body-color' | '--owp-tree-grid-body-fill-background-color' | '--owp-tree-grid-row-background-color' | '--owp-tree-grid-row-solid-background-color' | '--owp-tree-grid-toolbar-row-background-color' | '--owp-tree-grid-header-background-color' | '--owp-tree-grid-header-color' | '--owp-tree-grid-header-font-size' | '--owp-tree-grid-header-font-weight' | '--owp-tree-grid-cell-font-size' | '--owp-tree-grid-hover-row-background-color' | '--owp-tree-grid-hover-row-border-color' | '--owp-tree-grid-selected-cell-background-color' | '--owp-tree-grid-selected-row-background-color' | '--owp-tree-grid-focused-row-background-color' | '--owp-tree-grid-focused-row-border-color' | '--owp-tree-grid-hover-cell-background-color' | '--owp-tree-grid-hover-cell-border-color' | '--owp-tree-grid-focused-cell-background-color' | '--owp-tree-grid-focused-cell-border-color' | '--owp-tree-grid-editing-cell-border-color' | '--owp-tree-grid-focused-cell-rect-background-color' | '--owp-tree-grid-changed-background-color' | '--owp-tree-grid-changed-text-color' | '--owp-tree-grid-changed-font-weight' | '--owp-tree-grid-table-border-radius';
 type TreeGridLayoutDimensionValue = string | number;
 export type TreeGridThemeContainerStyle = CSSProperties & Partial<Record<TreeGridThemeCssVariableName, string>>;
 export declare const TREE_GRID_THEME_WRAPPER_CLASS = "owp-tree-grid-theme";

package/dist/types/constants/gridTheme.d.ts

@@ -38,6 +38,8 @@ export type OwpResolvedGridThemeConfigType = {
     };
     changed: {
         backgroundColor: string;
+        color: string;
+        fontWeight: number | string;
     };
 };
 export declare const defaultOwpGridTheme: {
@@ -79,6 +81,8 @@ export declare const defaultOwpGridTheme: {
     };
     changed: {
         backgroundColor: string;
+        color: string;
+        fontWeight: number;
     };
 };
 /**

package/dist/types/constants/treeGrid.d.ts

@@ -1,7 +1,9 @@
 export declare const TREEGRID_WARNING_CELL_COLOR = "#f44336";
 export declare const TREEGRID_INPUT_CELL_COLOR = "#ffe0b2";
-export declare const TREEGRID_CELL_HIGHLIGHT_CLASS = "text-white text-xl font-semibold";
+export declare const TREEGRID_CELL_CHANGED_CLASS = "OwpTreeGridChangedCell";
 export declare const TREEGRID_CELL_HIGHLIGHT_COLOR = "#ffa726";
+export declare const TREEGRID_CELL_HIGHLIGHT_TEXT_COLOR = "#ffffff";
+export declare const TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT = 600;
 export declare const TREEGRID_FONT_FAMILY = "RobotoLight";
 export declare const TREEGRID_FONT_FAMILY_STACK: string;
 /** TreeGrid 자산 base path 조회 */

package/dist/types/features/themePreview/configs/grid.d.ts

@@ -37,5 +37,7 @@ export declare const defaultGridTheme: {
     };
     changed: {
         backgroundColor: string;
+        color: string;
+        fontWeight: number;
     };
 };

package/dist/types/features/themePreview/configs/settings.d.ts

@@ -64,6 +64,8 @@ export declare const defaultSettingsConfig: {
                 };
                 changed: {
                     backgroundColor: string;
+                    color: string;
+                    fontWeight: number;
                 };
             };
             table: {

package/dist/types/types/OwpGridThemeTypes.d.ts

@@ -36,6 +36,8 @@ export type OwpGridEditableThemeConfigType = {
 };
 export type OwpGridChangedThemeConfigType = {
     backgroundColor?: string;
+    color?: string;
+    fontWeight?: number | string;
 };
 export type OwpGridThemeConfigType = {
     header?: OwpGridHeaderThemeConfigType;

package/dist/types/utils/index.d.ts

@@ -16,7 +16,6 @@ export * from './getStartPagePath';
 export * from './getTrimmedValue';
 export * from './isEnterKeyEvent';
 export * from './language';
-export * from './normalizeTimeToHourMinute';
 export * from './preloadOnIdle';
 export * from './qrCodeUtil';
 export * from './rebuildValue';

package/dist/types/utils/treeGridUtil.d.ts

@@ -1,5 +1,5 @@
-import { TREEGRID_CELL_HIGHLIGHT_CLASS, TREEGRID_CELL_HIGHLIGHT_COLOR, TREEGRID_INPUT_CELL_COLOR, TREEGRID_WARNING_CELL_COLOR } from '@/constants/treeGrid';
-export { TREEGRID_CELL_HIGHLIGHT_CLASS, TREEGRID_CELL_HIGHLIGHT_COLOR, TREEGRID_INPUT_CELL_COLOR, TREEGRID_WARNING_CELL_COLOR, };
+import { TREEGRID_CELL_CHANGED_CLASS, TREEGRID_CELL_HIGHLIGHT_COLOR, TREEGRID_INPUT_CELL_COLOR, TREEGRID_WARNING_CELL_COLOR } from '@/constants/treeGrid';
+export { TREEGRID_CELL_CHANGED_CLASS, TREEGRID_CELL_HIGHLIGHT_COLOR, TREEGRID_INPUT_CELL_COLOR, TREEGRID_WARNING_CELL_COLOR, };
 type TreeGridInsertPosition = 'above' | 'below' | 'top' | 'last';
 type TreeGridAddRowOptions<T> = {
     canSelect?: boolean;
@@ -19,6 +19,7 @@ type TreeGridHighlightTargetOption = {
 };
 export declare const TREEGRID_ADDED_ROW_BY_ID_FLAG = "__owpAddedByAddTreeGridRowById";
 export declare const TREEGRID_ADDED_ROW_HIGHLIGHT_COLUMNS_KEY = "__owpAddedRowHighlightColumns";
+export declare const TREEGRID_ADDED_ROW_BASELINE_VALUES_KEY = "__owpAddedRowBaselineValues";
 /**
  * addTreeGridRowById 생성 행 마킹
  * @param row 대상 행
@@ -35,11 +36,42 @@ export declare const isTreeGridRowAddedById: (row: TRow | null | undefined) => b
  * @param col 대상 컬럼
  */
 export declare const appendTreeGridAddedRowHighlightColumn: (row: TRow | null | undefined, col: string) => void;
+/**
+ * addTreeGridRowById 생성 행 하이라이트 컬럼 제거
+ * @param row 대상 행
+ * @param col 대상 컬럼
+ */
+export declare const removeTreeGridAddedRowHighlightColumn: (row: TRow | null | undefined, col: string) => void;
 /**
  * addTreeGridRowById 생성 행 하이라이트 컬럼 조회
  * @param row 대상 행
  */
 export declare const getTreeGridAddedRowHighlightColumns: (row: TRow | null | undefined) => string[];
+/**
+ * TreeGrid 셀 비교 값 조회
+ * @param grid TreeGrid 인스턴스
+ * @param row 대상 행
+ * @param col 대상 컬럼
+ */
+export declare const getTreeGridCellComparableValue: (grid: TGrid, row: TRow, col: string) => string;
+/**
+ * addTreeGridRowById 생성 행 기준값 조회
+ * @param row 대상 행
+ * @param col 대상 컬럼
+ */
+export declare const getTreeGridAddedRowBaselineValue: (row: TRow | null | undefined, col: string) => string;
+/**
+ * TreeGrid 외부 반환 행 Date 시간 값 정규화
+ * @param grid TreeGrid 인스턴스
+ * @param row 대상 행
+ */
+export declare const normalizeTreeGridExternalRow: <T>(grid: TGrid, row: TRow & T) => TRow & T;
+/**
+ * TreeGrid 외부 반환 행 목록 Date 시간 값 정규화
+ * @param grid TreeGrid 인스턴스
+ * @param rows 대상 행 목록
+ */
+export declare const normalizeTreeGridExternalRows: <T>(grid: TGrid, rows: Array<TRow & T>) => (TRow & T)[];
 /**
  * TreeGrid 인스턴스 ID 조회
  * @param gridId TreeGrid 인스턴스 ID
@@ -49,7 +81,7 @@ export declare const getTreeGridById: (gridId: string) => TTGrid;
  * TreeGrid 데이터 행 목록 조회
  * @param gridId TreeGrid 인스턴스 ID
  */
-export declare const getTreeGridDataRowsById: <T>(gridId: string) => T;
+export declare const getTreeGridDataRowsById: <T>(gridId: string) => any[] | T;
 /**
  * TreeGrid Body 데이터 교체 후 재로드
  * @param gridId TreeGrid 인스턴스 ID
@@ -99,6 +131,13 @@ export declare const setTreeGridColumnVisibilityById: (gridId: string, options:
  * @param targetOption.col 강조할 대상 컬럼
  */
 export declare const highlightTreeGridCellById: (gridId: string, targetOption: TreeGridHighlightTargetOption) => void;
+/**
+ * 특정 셀 강조 스타일 제거
+ * @param gridId TreeGrid 인스턴스 ID
+ * @param targetOption.row 강조 해제 대상 행
+ * @param targetOption.col 강조 해제 대상 컬럼
+ */
+export declare const clearTreeGridCellHighlightById: (gridId: string, targetOption: Pick<TreeGridHighlightTargetOption, "row" | "col">) => void;
 /**
  * TreeGrid 현재 선택 상태 전체 해제
  * @param gridId TreeGrid 인스턴스 ID