@owp/core 2.5.60 → 2.5.61

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 */
@@ -54,6 +64,19 @@ export type OwpResolvedGridThemeConfigType = {
         color: string;
         fontWeight: number | 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: {
@@ -103,6 +126,18 @@ export declare const defaultOwpGridTheme: {
         color: string;
         fontWeight: number;
     };
+    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/features/themePreview/configs/grid.d.ts

@@ -44,4 +44,16 @@ export declare const defaultGridTheme: {
         color: string;
         fontWeight: number;
     };
+    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

@@ -71,6 +71,18 @@ export declare const defaultSettingsConfig: {
                     color: string;
                     fontWeight: number;
                 };
+                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

@@ -97,6 +97,31 @@ export type OwpGridChangedThemeConfigType = {
     /** changed cell font weight */
     fontWeight?: number | 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 설정 묶음
  */
@@ -115,4 +140,6 @@ export type OwpGridThemeConfigType = {
     editable?: OwpGridEditableThemeConfigType;
     /** changed cell theme 설정 */
     changed?: OwpGridChangedThemeConfigType;
+    /** 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';

package/package.json

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