@owp/core 2.5.35 → 2.5.37

package/dist/types/components/OwpTable/internal/treeGridTableStyle.d.ts

@@ -1,66 +1,7 @@
-import { TREEGRID_TABLE_BODY_BORDER_COLOR, TREEGRID_TABLE_HEADER_BORDER_COLOR } from '@/constants/treeGrid';
 import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
-export { TREEGRID_TABLE_BODY_BORDER_COLOR, TREEGRID_TABLE_HEADER_BORDER_COLOR };
+export declare const TREEGRID_TABLE_HEADER_BORDER_COLOR = "#6F7F94";
+export declare const TREEGRID_TABLE_BODY_BORDER_COLOR = "#CDD8E4";
 export declare const TREEGRID_TABLE_FONT_FAMILY_STACK: string;
-/**
- * TreeGrid header 외곽선 border 조회
- * @param treeGridTheme Grid theme 값
- */
-export declare const getTreeGridHeaderEdgeBorder: (treeGridTheme: OwpResolvedGridThemeConfigType) => string;
-/**
- * TreeGrid header 외곽선 head 매핑
- * @param treeGridTheme Grid theme 값
- */
-export declare const getTreeGridHeaderEdgeHeadSx: (treeGridTheme: OwpResolvedGridThemeConfigType) => {
-    borderLeft: string;
-    borderRight: string;
-    borderTop: string;
-    boxShadow: string;
-    position: string;
-    zIndex: number;
-};
-/**
- * TreeGrid header 외곽선 table selector 매핑
- * @param treeGridTheme Grid theme 값
- */
-export declare const getTreeGridHeaderEdgeTableSx: (treeGridTheme: OwpResolvedGridThemeConfigType) => {
-    '&&& .MuiTableHead-root': {
-        borderLeft: string;
-        borderRight: string;
-        borderTop: string;
-        boxShadow: string;
-        position: string;
-        zIndex: number;
-    };
-};
-/**
- * TreeGrid header cell 외곽선 매핑
- * @param treeGridTheme Grid theme 값
- * @param options 적용 edge
- */
-export declare const getTreeGridHeaderEdgeCellSx: (treeGridTheme: OwpResolvedGridThemeConfigType, options: {
-    top?: boolean;
-    left?: boolean;
-    right?: boolean;
-}) => {
-    borderRight: string;
-    borderLeft: string;
-    borderTop: string;
-};
-/** TreeGrid header 하단선 body border 매핑 */
-export declare const getTreeGridHeaderBottomBodyBorderSx: () => {
-    borderBottom: string;
-};
-/**
- * TreeGrid radius container 외곽선 매핑
- * @param treeGridTheme Grid theme 값
- * @param headerRowCount header row 수
- */
-export declare const getTreeGridRadiusContainerFrameSx: (treeGridTheme: OwpResolvedGridThemeConfigType, headerRowCount?: number) => {
-    background: string;
-    backgroundClip: string;
-    border: string;
-};
 /**
  * TreeGrid 컨테이너 색상 매핑
  * @param treeGridTheme Grid theme 값

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

@@ -1,11 +1,10 @@
 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-edge-border-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-header-frame-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 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-added-row-box-color' | '--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";
-export declare const TREE_GRID_THEME_READY_CLASS = "owp-tree-grid-ready";
 export declare const TREE_GRID_THEME_TABLE_RADIUS_CLASS = "owp-tree-grid-table-radius";
 export declare const TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS = "owp-tree-grid-panel-checkbox-select";
 export declare const TREE_GRID_SELECT_ALL_CHECKED_CLASS = "owp-tree-grid-select-all-checked";
@@ -13,6 +12,9 @@ export declare const TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS = "owp-tree-grid-s
 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 TREE_GRID_ADDED_ROW_BOX_CELL_CLASS = "owp-tree-grid-added-row-box-cell";
+export declare const TREE_GRID_ADDED_ROW_BOX_START_CLASS = "owp-tree-grid-added-row-box-start";
+export declare const TREE_GRID_ADDED_ROW_BOX_END_CLASS = "owp-tree-grid-added-row-box-end";
 export declare const treeGridThemeStyles: Record<string, CSSProperties>;
 /**
  * TreeGrid theme CSS 변수 컨테이너 스타일 생성

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

@@ -4,3 +4,4 @@ export * from './localStorageKeys';
 export * from './storageKeys';
 export * from './table';
 export * from './treeGrid';
+export { TREEGRID_TABLE_BODY_BORDER_COLOR, TREEGRID_TABLE_HEADER_BORDER_COLOR, } from '../components/OwpTable/internal/treeGridTableStyle';

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

@@ -1,13 +1,12 @@
 export declare const TREEGRID_WARNING_CELL_COLOR = "#f44336";
 export declare const TREEGRID_INPUT_CELL_COLOR = "#ffe0b2";
+export declare const TREEGRID_ADDED_ROW_BACKGROUND_COLOR = "#D7FFD7";
 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";
 export declare const TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT = 600;
 export declare const TREEGRID_FONT_FAMILY = "RobotoLight";
-export declare const TREEGRID_TABLE_HEADER_BORDER_COLOR = "#6F7F94";
-export declare const TREEGRID_TABLE_BODY_BORDER_COLOR = "#CDD8E4";
 export declare const TREEGRID_FONT_FAMILY_STACK: string;
 /** TreeGrid 자산 base path 조회 */
 export declare const getTreeGridAssetBasePath: () => string;
@@ -20,13 +19,6 @@ export declare const getTreeGridTextResourceUrl: (languageId: string) => string;
  * @param color CSS 색상 문자열
  */
 export declare const resolveTreeGridColorNumber: (color?: string | null) => number;
-/**
- * TreeGrid header 외곽선 색상 조회
- * @param headerBackgroundColor header 배경색
- * @param headerBorderColor header 기본 border 색상
- * @param fallbackBorderColor 유사 색상이 아닐 때 사용할 border 색상
- */
-export declare const getTreeGridHeaderEdgeBorderColor: (headerBackgroundColor: string, headerBorderColor?: string, fallbackBorderColor?: string) => string;
 /** TreeGrid 폰트 face 스타일 조회 */
 export declare const getTreeGridFontFaceStyles: () => {
     '@font-face': Record<string, string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@owp/core",
   "private": false,
-  "version": "2.5.35",
+  "version": "2.5.37",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",