@owp/core 2.5.28 → 2.5.30

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-changed-text-color' | '--owp-tree-grid-changed-font-weight' | '--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-header-height' | '--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-error-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";
@@ -11,6 +11,7 @@ export declare const TREE_GRID_SELECT_ALL_CHECKED_CLASS = "owp-tree-grid-select-
 export declare const TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS = "owp-tree-grid-select-all-indeterminate";
 export declare const TREE_GRID_SELECT_ALL_UNCHECKED_CLASS = "owp-tree-grid-select-all-unchecked";
 export declare const TREE_GRID_SELECTED_CHANGED_CELL_CLASS = "owp-tree-grid-selected-changed-cell";
+export declare const TREE_GRID_ERROR_CELL_CLASS = "owp-tree-grid-error-cell";
 export declare const treeGridThemeStyles: Record<string, CSSProperties>;
 /**
  * TreeGrid theme CSS 변수 컨테이너 스타일 생성

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

@@ -31,6 +31,7 @@ export type OwpResolvedGridThemeConfigType = {
         focusedCellBackgroundColor: string;
         focusedCellBorderColor: string;
         editingCellBorderColor: string;
+        errorCellBorderColor: string;
         focusedCellRectBackgroundColor: string;
     };
     editable: {
@@ -74,6 +75,7 @@ export declare const defaultOwpGridTheme: {
         focusedCellBackgroundColor: string;
         focusedCellBorderColor: string;
         editingCellBorderColor: string;
+        errorCellBorderColor: string;
         focusedCellRectBackgroundColor: string;
     };
     editable: {

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

@@ -1,5 +1,6 @@
 export declare const TREEGRID_WARNING_CELL_COLOR = "#f44336";
 export declare const TREEGRID_INPUT_CELL_COLOR = "#ffe0b2";
+export declare const TREEGRID_ERROR_CELL_BORDER_COLOR = "#c00000";
 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";

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

@@ -30,6 +30,7 @@ export declare const defaultGridTheme: {
         focusedCellBackgroundColor: string;
         focusedCellBorderColor: string;
         editingCellBorderColor: string;
+        errorCellBorderColor: string;
         focusedCellRectBackgroundColor: string;
     };
     editable: {

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

@@ -57,6 +57,7 @@ export declare const defaultSettingsConfig: {
                     focusedCellBackgroundColor: string;
                     focusedCellBorderColor: string;
                     editingCellBorderColor: string;
+                    errorCellBorderColor: string;
                     focusedCellRectBackgroundColor: string;
                 };
                 editable: {

package/dist/types/index.d.ts

@@ -15,7 +15,6 @@ export * from './components/OwpFieldHelperText';
 export * from './components/OwpFilePickerButton/OwpFilePickerButton';
 export * from './components/OwpLayout';
 export * from './components/OwpLoading';
-export * from './components/OwpMrtTable';
 export * from './components/OwpMoreActionsButton/OwpMoreActionsButton';
 export * from './components/OwpNumberField';
 export * from './components/OwpOptionSelector';

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

@@ -29,6 +29,7 @@ export type OwpGridStateThemeConfigType = {
     focusedCellBackgroundColor?: string;
     focusedCellBorderColor?: string;
     editingCellBorderColor?: string;
+    errorCellBorderColor?: string;
     focusedCellRectBackgroundColor?: string;
 };
 export type OwpGridEditableThemeConfigType = {

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

@@ -19,6 +19,42 @@ type TreeGridHighlightTargetOption = {
     backgroundColor?: string;
     refresh?: boolean;
 };
+export type TreeGridRequiredCellColumn = string | {
+    key: string;
+    label?: string;
+    message?: string;
+};
+export type TreeGridRequiredCellMessageContext = {
+    grid: TGrid;
+    row: TRow;
+    col: string;
+    key: string;
+    label: string;
+    value: string;
+};
+export type TreeGridRequiredCellValidationError = TreeGridRequiredCellMessageContext & {
+    message: string;
+};
+export type TreeGridRequiredCellTargetRow = 'added' | 'changed' | 'all';
+type TreeGridRequiredCellsValidationBaseOptions = {
+    targetRows?: TreeGridRequiredCellTargetRow | readonly TreeGridRequiredCellTargetRow[];
+    messageFactory?: (context: TreeGridRequiredCellMessageContext) => string;
+    focusFirstError?: boolean;
+    startEditFirstError?: boolean;
+    refresh?: boolean;
+};
+export type TreeGridRequiredCellsValidationOptions = TreeGridRequiredCellsValidationBaseOptions & ({
+    editableOnly: true;
+    columns?: readonly TreeGridRequiredCellColumn[];
+} | {
+    columns: readonly TreeGridRequiredCellColumn[];
+    editableOnly?: boolean;
+});
+export type TreeGridRequiredCellsValidationResult = {
+    valid: boolean;
+    errors: TreeGridRequiredCellValidationError[];
+    firstError?: TreeGridRequiredCellValidationError;
+};
 /**
  * addTreeGridRowById 생성 행 여부
  * @param row 대상 행
@@ -87,6 +123,12 @@ export declare const reloadTreeGridBodyById: (gridId: string, rows: unknown) =>
  * @param options.editableColumns 신규 행 셀 단위 편집 가능 컬럼
  */
 export declare const addTreeGridRowById: <T>(gridId: string, options?: TreeGridAddRowOptions<T>) => void;
+/**
+ * TreeGrid 필수 셀 Error 검증
+ * @param gridId TreeGrid 인스턴스 ID
+ * @param options 필수 검사 옵션
+ */
+export declare const validateTreeGridRequiredCellsById: (gridId: string, options: TreeGridRequiredCellsValidationOptions) => TreeGridRequiredCellsValidationResult;
 /**
  * TreeGrid 추가/수정 데이터 행 조회
  * @param gridId TreeGrid 인스턴스 ID