@owp/core 2.5.60 → 2.5.62

package/dist/types/configs/defaultConfig.d.ts

@@ -159,10 +159,76 @@ export declare const defaultThemeOptions: {
             defaultProps: {
                 variant: string;
                 color: string;
+                loadingIndicator: import("react").FunctionComponentElement<import("@mui/material").CircularProgressProps>;
             };
             styleOverrides: {
                 root: {
                     textTransform: string;
+                    variants: ({
+                        props: {
+                            loading: boolean;
+                            variant: string;
+                            color: "error" | "primary" | "secondary" | "info" | "success" | "warning";
+                        };
+                        style: ({ theme }: {
+                            theme: any;
+                        }) => {
+                            '&.Mui-disabled': {
+                                backgroundColor: any;
+                            };
+                        };
+                    } | {
+                        props: {
+                            loading: boolean;
+                            variant: string;
+                            color: string;
+                        };
+                        style: ({ theme }: {
+                            theme: any;
+                        }) => {
+                            '&.Mui-disabled': {
+                                backgroundColor: string;
+                            };
+                        };
+                    } | {
+                        props: ({ color, loading, variant }: {
+                            color: any;
+                            loading: any;
+                            variant: any;
+                        }) => boolean;
+                        style: ({ theme }: {
+                            theme: any;
+                        }) => {
+                            '&.Mui-disabled': {
+                                backgroundColor: string;
+                            };
+                        };
+                    })[];
+                };
+                loadingIndicator: {
+                    variants: ({
+                        props: {
+                            loading: boolean;
+                            variant: string;
+                            color: string;
+                        };
+                        style: ({ theme }: {
+                            theme: any;
+                        }) => {
+                            color: any;
+                        };
+                    } | {
+                        props: ({ color, loading, variant }: {
+                            color: any;
+                            loading: any;
+                            variant: any;
+                        }) => boolean;
+                        style: ({ theme }: {
+                            theme: any;
+                        }) => {
+                            color: any;
+                        };
+                    })[];
                 };
                 sizeMedium: {
                     borderRadius: number;

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

@@ -1,4 +1,14 @@
 import type { OwpGridThemeConfigType } from '@/types/OwpGridThemeTypes';
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_BACKGROUND_COLOR = "#FFFFFF";
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_HOVER_BACKGROUND_COLOR = "#F1F1F1";
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_BORDER_COLOR = "#E2E2E2";
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_THUMB_COLOR = "#E2E2E2";
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_THUMB_HOVER_COLOR = "#D2D2D2";
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_ARROW_COLOR = "#7A8899";
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_HORIZONTAL_THUMB_HEIGHT = "7px";
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_HORIZONTAL_LARGE_THUMB_HEIGHT = "13px";
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_VERTICAL_THUMB_WIDTH = "7px";
+export declare const OWP_GRID_SCROLLBAR_DEFAULT_VERTICAL_LARGE_THUMB_WIDTH = "13px";
 /** Grid theme option과 기본값을 모두 병합한 resolved token 구조 */
 export type OwpResolvedGridThemeConfigType = {
     /** TreeGrid header 영역 색상/typography/height */
@@ -33,6 +43,7 @@ export type OwpResolvedGridThemeConfigType = {
         selectedCellBackgroundColor: string;
         selectedRowBackgroundColor: string;
         focusedRowBackgroundColor: string;
+        /** @deprecated focused row border는 focused row background와 동일하게 적용된다. */
         focusedRowBorderColor: string;
         hoverCellBackgroundColor: string;
         hoverCellBorderColor: string;
@@ -47,6 +58,14 @@ export type OwpResolvedGridThemeConfigType = {
     editable: {
         backgroundColor: string;
     };
+    /** 신규 row 표시 token */
+    added: {
+        rowBackgroundColor: string;
+    };
+    /** 삭제 row 표시 token */
+    deleted: {
+        rowBackgroundColor: string;
+    };
     /** changed cell highlight token */
     changed: {
         rowBackgroundColor: string;
@@ -54,6 +73,24 @@ export type OwpResolvedGridThemeConfigType = {
         color: string;
         fontWeight: number | string;
     };
+    /** Enum dropdown menu 표시 token */
+    enumMenu: {
+        hoverBackgroundColor: string;
+        selectedBackgroundColor: string;
+    };
+    /** TreeGrid scrollbar 표시 token */
+    scrollbar: {
+        backgroundColor: string;
+        hoverBackgroundColor: string;
+        borderColor: string;
+        thumbColor: string;
+        thumbHoverColor: string;
+        arrowColor: string;
+        horizontalThumbHeight: number | string;
+        horizontalLargeThumbHeight: number | string;
+        verticalThumbWidth: number | string;
+        verticalLargeThumbWidth: number | string;
+    };
 };
 /** OWP Grid theme 기본 resolved token */
 export declare const defaultOwpGridTheme: {
@@ -97,12 +134,34 @@ export declare const defaultOwpGridTheme: {
     editable: {
         backgroundColor: string;
     };
+    added: {
+        rowBackgroundColor: string;
+    };
+    deleted: {
+        rowBackgroundColor: string;
+    };
     changed: {
         rowBackgroundColor: string;
         backgroundColor: string;
         color: string;
         fontWeight: number;
     };
+    enumMenu: {
+        hoverBackgroundColor: string;
+        selectedBackgroundColor: string;
+    };
+    scrollbar: {
+        backgroundColor: string;
+        hoverBackgroundColor: string;
+        borderColor: string;
+        thumbColor: string;
+        thumbHoverColor: string;
+        arrowColor: string;
+        horizontalThumbHeight: string;
+        horizontalLargeThumbHeight: string;
+        verticalThumbWidth: string;
+        verticalLargeThumbWidth: string;
+    };
 };
 /**
  * Grid theme token 기본값 병합

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

@@ -22,10 +22,14 @@ export declare const TREEGRID_DEFAULT_HOVER_BORDER_COLOR = "#e0e0e0";
 export declare const TREEGRID_DEFAULT_SELECTED_CELL_BACKGROUND_COLOR = "#FFFFA6";
 /** TreeGrid 기본 selected row 배경색 */
 export declare const TREEGRID_DEFAULT_SELECTED_ROW_BACKGROUND_COLOR = "#EEE";
+/** TreeGrid Enum menu hover 항목 배경색 */
+export declare const TREEGRID_DEFAULT_ENUM_MENU_HOVER_BACKGROUND_COLOR = "#f5f5f5";
+/** TreeGrid Enum menu 선택 항목 배경색 */
+export declare const TREEGRID_DEFAULT_ENUM_MENU_SELECTED_BACKGROUND_COLOR = "#e0e0e0";
 /** TreeGrid 기본 focused row 배경색 */
 export declare const TREEGRID_DEFAULT_FOCUSED_ROW_BACKGROUND_COLOR = "#EEE";
 /** TreeGrid 기본 focused row border 색상 */
-export declare const TREEGRID_DEFAULT_FOCUSED_ROW_BORDER_COLOR = "#f5f5f5";
+export declare const TREEGRID_DEFAULT_FOCUSED_ROW_BORDER_COLOR = "#EEE";
 /** TreeGrid 기본 focused cell 배경색 */
 export declare const TREEGRID_DEFAULT_FOCUSED_CELL_BACKGROUND_COLOR = "#FFFFFE";
 /** TreeGrid 기본 focused cell border 색상 */
@@ -39,7 +43,9 @@ export declare const TREEGRID_DEFAULT_FOCUSED_CELL_RECT_BACKGROUND_COLOR = "#D7F
 /** TreeGrid 입력 가능 cell 표시 색상 */
 export declare const TREEGRID_INPUT_CELL_COLOR = "#ffe0b2";
 /** TreeGrid 신규 행 배경색 */
-export declare const TREEGRID_ADDED_ROW_BACKGROUND_COLOR = "#D7FFD7";
+export declare const TREEGRID_ADDED_ROW_BACKGROUND_COLOR = "#c8e6c9";
+/** TreeGrid 삭제 행 배경색 */
+export declare const TREEGRID_DELETED_ROW_BACKGROUND_COLOR = "#ffcdd2";
 /** TreeGrid error cell border 색상 */
 export declare const TREEGRID_ERROR_CELL_BORDER_COLOR = "#c00000";
 /** TreeGrid changed row 배경색 */

package/dist/types/features/themePreview/components/themePreviewCanvas.shared.d.ts

@@ -111,8 +111,17 @@ export declare const gridCanvasPreviewRows: ({
     'OWP_THEME_PREVIEW.USER_ID': string;
     'OWP_THEME_PREVIEW.WEIGHT': number;
     'OWP_THEME_PREVIEW.WORK_DATE': string;
+    'OWP_THEME_PREVIEW.C': string;
+    'OWP_THEME_PREVIEW.LOCATION': string;
+    'OWP_THEME_PREVIEW.LOT_NO': string;
+    'OWP_THEME_PREVIEW.PROCESS': string;
+    'OWP_THEME_PREVIEW.INSPECTOR': string;
+    'OWP_THEME_PREVIEW.QC_RESULT': string;
+    'OWP_THEME_PREVIEW.DUE_DATE': string;
+    'OWP_THEME_PREVIEW.ORDER_NO': string;
+    Added: number;
     CanSelect: number;
-    Selected: number;
+    Deleted?: undefined;
 } | {
     'OWP_THEME_PREVIEW.ITEM_NAME': string;
     'OWP_THEME_PREVIEW.REMARK': string;
@@ -120,8 +129,35 @@ export declare const gridCanvasPreviewRows: ({
     'OWP_THEME_PREVIEW.USER_ID': string;
     'OWP_THEME_PREVIEW.WEIGHT': number;
     'OWP_THEME_PREVIEW.WORK_DATE': string;
+    'OWP_THEME_PREVIEW.C': string;
+    'OWP_THEME_PREVIEW.LOCATION': string;
+    'OWP_THEME_PREVIEW.LOT_NO': string;
+    'OWP_THEME_PREVIEW.PROCESS': string;
+    'OWP_THEME_PREVIEW.INSPECTOR': string;
+    'OWP_THEME_PREVIEW.QC_RESULT': string;
+    'OWP_THEME_PREVIEW.DUE_DATE': string;
+    'OWP_THEME_PREVIEW.ORDER_NO': string;
+    Added: number;
+    Deleted: number;
     CanSelect: number;
-    Selected?: undefined;
+} | {
+    'OWP_THEME_PREVIEW.ITEM_NAME': string;
+    'OWP_THEME_PREVIEW.REMARK': string;
+    'OWP_THEME_PREVIEW.STATUS': string;
+    'OWP_THEME_PREVIEW.USER_ID': string;
+    'OWP_THEME_PREVIEW.WEIGHT': number;
+    'OWP_THEME_PREVIEW.WORK_DATE': string;
+    'OWP_THEME_PREVIEW.C': string;
+    'OWP_THEME_PREVIEW.LOCATION': string;
+    'OWP_THEME_PREVIEW.LOT_NO': string;
+    'OWP_THEME_PREVIEW.PROCESS': string;
+    'OWP_THEME_PREVIEW.INSPECTOR': string;
+    'OWP_THEME_PREVIEW.QC_RESULT': string;
+    'OWP_THEME_PREVIEW.DUE_DATE': string;
+    'OWP_THEME_PREVIEW.ORDER_NO': string;
+    CanSelect: number;
+    Added?: undefined;
+    Deleted?: undefined;
 })[];
 /** Preview control에서 사용하는 no-op callback */
 export declare const previewNoop: () => void;

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

@@ -24,10 +24,14 @@ export declare const defaultGridTheme: {
     state: {
         hoverBackgroundColor: string;
         hoverBorderColor: string;
+        hoverRowBackgroundColor: string;
+        hoverRowBorderColor: string;
         selectedCellBackgroundColor: string;
         selectedRowBackgroundColor: string;
         focusedRowBackgroundColor: string;
         focusedRowBorderColor: string;
+        hoverCellBackgroundColor: string;
+        hoverCellBorderColor: string;
         focusedCellBackgroundColor: string;
         focusedCellBorderColor: string;
         editingCellBorderColor: string;
@@ -38,10 +42,32 @@ export declare const defaultGridTheme: {
     editable: {
         backgroundColor: string;
     };
+    added: {
+        rowBackgroundColor: string;
+    };
+    deleted: {
+        rowBackgroundColor: string;
+    };
     changed: {
         rowBackgroundColor: string;
         backgroundColor: string;
         color: string;
         fontWeight: number;
     };
+    enumMenu: {
+        hoverBackgroundColor: string;
+        selectedBackgroundColor: string;
+    };
+    scrollbar: {
+        backgroundColor: string;
+        hoverBackgroundColor: string;
+        borderColor: string;
+        thumbColor: string;
+        thumbHoverColor: string;
+        arrowColor: string;
+        horizontalThumbHeight: string;
+        horizontalLargeThumbHeight: string;
+        verticalThumbWidth: string;
+        verticalLargeThumbWidth: string;
+    };
 };

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

@@ -51,10 +51,14 @@ export declare const defaultSettingsConfig: {
                 state: {
                     hoverBackgroundColor: string;
                     hoverBorderColor: string;
+                    hoverRowBackgroundColor: string;
+                    hoverRowBorderColor: string;
                     selectedCellBackgroundColor: string;
                     selectedRowBackgroundColor: string;
                     focusedRowBackgroundColor: string;
                     focusedRowBorderColor: string;
+                    hoverCellBackgroundColor: string;
+                    hoverCellBorderColor: string;
                     focusedCellBackgroundColor: string;
                     focusedCellBorderColor: string;
                     editingCellBorderColor: string;
@@ -65,12 +69,34 @@ export declare const defaultSettingsConfig: {
                 editable: {
                     backgroundColor: string;
                 };
+                added: {
+                    rowBackgroundColor: string;
+                };
+                deleted: {
+                    rowBackgroundColor: string;
+                };
                 changed: {
                     rowBackgroundColor: string;
                     backgroundColor: string;
                     color: string;
                     fontWeight: number;
                 };
+                enumMenu: {
+                    hoverBackgroundColor: string;
+                    selectedBackgroundColor: string;
+                };
+                scrollbar: {
+                    backgroundColor: string;
+                    hoverBackgroundColor: string;
+                    borderColor: string;
+                    thumbColor: string;
+                    thumbHoverColor: string;
+                    arrowColor: string;
+                    horizontalThumbHeight: string;
+                    horizontalLargeThumbHeight: string;
+                    verticalThumbWidth: string;
+                    verticalLargeThumbWidth: string;
+                };
             };
             table: {
                 borderRadius: string;

package/dist/types/types/OwpDialogTypes.d.ts

@@ -3,6 +3,10 @@ import type { ComponentType, ReactNode } from 'react';
  * dialog open 공통 옵션
  */
 export interface OpenDialogOptions<TResult = void> {
+    /** lazy dialog load와 enter transition 대기 상태 변경 callback */
+    onOpeningChange?: (opening: boolean) => void;
+    /** dialog enter transition 완료 callback */
+    onEntered?: () => void;
     /** dialog close 결과를 받을 callback */
     onClose?: (result?: TResult) => Promise<void> | void;
 }
@@ -54,6 +58,15 @@ export interface DialogProps<TPayload = void, TResult = void> {
  * `useOwpDialogs.open`으로 render할 dialog component 타입
  */
 export type DialogComponent<TPayload = void, TResult = void> = ComponentType<DialogProps<TPayload, TResult>>;
+/**
+ * `useOwpDialogs.open`에서 dialog module을 비동기로 로드하는 descriptor
+ */
+export interface DialogLoaderDescriptor<TModule, TPayload = void, TResult = void> {
+    /** dialog module을 로드하는 함수 */
+    loader: () => Promise<TModule>;
+    /** 로드된 module에서 dialog component를 선택하는 함수 */
+    component: (module: TModule) => DialogComponent<TPayload, TResult>;
+}
 /**
  * Dialog component에서 payload 타입 추출
  */
@@ -93,6 +106,7 @@ export interface OpenPromptDialog {
  */
 export interface OpenDialog {
     <TPayload = void, TResult = void>(Component: DialogComponent<TPayload, TResult>, payload?: TPayload, options?: OpenDialogOptions<TResult>): Promise<TResult | undefined>;
+    <TModule, TPayload = void, TResult = void>(descriptor: DialogLoaderDescriptor<TModule, TPayload, TResult>, payload?: TPayload, options?: OpenDialogOptions<TResult>): Promise<TResult | undefined>;
 }
 /**
  * 열린 dialog promise를 결과값으로 닫는 함수 타입

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

@@ -58,7 +58,7 @@ export type OwpGridStateThemeConfigType = {
     selectedRowBackgroundColor?: string;
     /** focused row 배경색 */
     focusedRowBackgroundColor?: string;
-    /** focused row border 색상 */
+    /** @deprecated focused row border는 focused row background와 동일하게 적용된다. */
     focusedRowBorderColor?: string;
     /** hover cell 배경색 */
     hoverCellBackgroundColor?: string;
@@ -84,6 +84,20 @@ export type OwpGridEditableThemeConfigType = {
     /** editable cell 배경색 */
     backgroundColor?: string;
 };
+/**
+ * OWP grid added row theme 설정
+ */
+export type OwpGridAddedThemeConfigType = {
+    /** added row 배경색 */
+    rowBackgroundColor?: string;
+};
+/**
+ * OWP grid deleted row theme 설정
+ */
+export type OwpGridDeletedThemeConfigType = {
+    /** deleted row 배경색 */
+    rowBackgroundColor?: string;
+};
 /**
  * OWP grid changed cell theme 설정
  */
@@ -97,6 +111,40 @@ export type OwpGridChangedThemeConfigType = {
     /** changed cell font weight */
     fontWeight?: number | string;
 };
+/**
+ * OWP grid Enum menu theme 설정
+ */
+export type OwpGridEnumMenuThemeConfigType = {
+    /** Enum menu hover 항목 배경색 */
+    hoverBackgroundColor?: string;
+    /** Enum menu 선택 항목 배경색 */
+    selectedBackgroundColor?: string;
+};
+/**
+ * OWP grid scrollbar theme 설정
+ */
+export type OwpGridScrollbarThemeConfigType = {
+    /** scrollbar track과 arrow button 배경색 */
+    backgroundColor?: string;
+    /** scrollbar arrow hover 배경색 */
+    hoverBackgroundColor?: string;
+    /** scrollbar 외곽선 색상 */
+    borderColor?: string;
+    /** scrollbar thumb 색상 */
+    thumbColor?: string;
+    /** scrollbar thumb hover 색상 */
+    thumbHoverColor?: string;
+    /** scrollbar arrow 색상 */
+    arrowColor?: string;
+    /** horizontal scrollbar thumb 높이 */
+    horizontalThumbHeight?: number | string;
+    /** large horizontal scrollbar thumb 높이 */
+    horizontalLargeThumbHeight?: number | string;
+    /** vertical scrollbar thumb 너비 */
+    verticalThumbWidth?: number | string;
+    /** large vertical scrollbar thumb 너비 */
+    verticalLargeThumbWidth?: number | string;
+};
 /**
  * OWP grid theme 설정 묶음
  */
@@ -113,6 +161,14 @@ export type OwpGridThemeConfigType = {
     state?: OwpGridStateThemeConfigType;
     /** editable cell theme 설정 */
     editable?: OwpGridEditableThemeConfigType;
+    /** added row theme 설정 */
+    added?: OwpGridAddedThemeConfigType;
+    /** deleted row theme 설정 */
+    deleted?: OwpGridDeletedThemeConfigType;
     /** changed cell theme 설정 */
     changed?: OwpGridChangedThemeConfigType;
+    /** Enum menu theme 설정 */
+    enumMenu?: OwpGridEnumMenuThemeConfigType;
+    /** scrollbar theme 설정 */
+    scrollbar?: OwpGridScrollbarThemeConfigType;
 };

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

@@ -1,6 +1,6 @@
 import './OwpMuiThemeTypes';
 export type { OwpApiListResponse, OwpApiMutationResponse, OwpApiResponse, OwpApiSingleResponse, } from './OwpApiTypes';
-export type { AlertDialogPayload, AlertDialogProps, AlertOptions, CloseDialog, ConfirmDialogPayload, ConfirmDialogProps, ConfirmOptions, DialogComponent, DialogHook, DialogOpenResultOf, DialogPayloadOf, DialogProviderProps, DialogProps, DialogResultOf, OpenAlertDialog, OpenConfirmDialog, OpenDialog, OpenDialogOptions, OpenPromptDialog, PromptDialogPayload, PromptDialogProps, PromptOptions, } from './OwpDialogTypes';
+export type { AlertDialogPayload, AlertDialogProps, AlertOptions, CloseDialog, ConfirmDialogPayload, ConfirmDialogProps, ConfirmOptions, DialogComponent, DialogHook, DialogLoaderDescriptor, DialogOpenResultOf, DialogPayloadOf, DialogProviderProps, DialogProps, DialogResultOf, OpenAlertDialog, OpenConfirmDialog, OpenDialog, OpenDialogOptions, OpenPromptDialog, PromptDialogPayload, PromptDialogProps, PromptOptions, } from './OwpDialogTypes';
 export type { OwpExcelJSBrowserModule } from './OwpExcelTypes';
 export type { OwpGridBodyThemeConfigType, OwpGridCellThemeConfigType, OwpGridChangedThemeConfigType, OwpGridEditableThemeConfigType, OwpGridHeaderThemeConfigType, OwpGridRowThemeConfigType, OwpGridStateThemeConfigType, OwpGridThemeConfigType, } from './OwpGridThemeTypes';
 export type { OwpTableCellThemeConfigType, OwpTableHeaderThemeConfigType, OwpTableThemeConfigType, OwpTableVariantThemeConfigType, } from './OwpTableThemeTypes';