@owp/core 2.5.9 → 2.5.11

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

@@ -19,9 +19,11 @@ interface StyledTableProps extends TableProps {
 }
 /**
  * 총 row 수 표시 영역
+ * @param borderColor 경계선 색상
  * @param totalCount 전체 row 수
  */
-export declare function OwpTableTotalCount({ totalCount }: {
+export declare function OwpTableTotalCount({ borderColor, totalCount, }: {
+    borderColor?: string;
     totalCount?: number;
 }): import("react/jsx-runtime").JSX.Element;
 /**

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

@@ -0,0 +1,17 @@
+import { type SxProps, type Theme } from '@mui/material';
+interface FieldTableTextValueProps {
+    value?: string | number | null;
+    className?: string;
+    sx?: SxProps<Theme>;
+}
+/** 필드 테이블 문자 값 표시 */
+export declare const FieldTableTextValue: ({ value, className, sx }: FieldTableTextValueProps) => import("react/jsx-runtime").JSX.Element;
+interface FieldTableNumberValueProps {
+    value?: string | number | null;
+    valueDecimals?: number;
+    className?: string;
+    sx?: SxProps<Theme>;
+}
+/** 필드 테이블 숫자 값 표시 */
+export declare const FieldTableNumberValue: ({ value, valueDecimals, className, sx, }: FieldTableNumberValueProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,5 +1,6 @@
 import type { OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';
 export declare const defaultStyledTableTheme: {
+    borderColor: string;
     header: {
         backgroundColor: string;
         color: string;
@@ -15,6 +16,7 @@ export declare const defaultStyledTableTheme: {
 export declare const getDefaultTableCellSx: (tableTheme: OwpResolvedTableThemeConfigType) => {
     readonly fontSize: string | number;
     readonly backgroundColor: string;
+    readonly borderBottomColor: string;
     readonly padding: "7px 10px";
     readonly borderLeft: "none";
     readonly borderRight: "none";
@@ -22,6 +24,7 @@ export declare const getDefaultTableCellSx: (tableTheme: OwpResolvedTableThemeCo
 /** 기본 table header cell sx */
 export declare const getDefaultTableHeaderCellSx: (tableTheme: OwpResolvedTableThemeConfigType, fallbackBackgroundColor?: string) => {
     readonly backgroundColor: string;
+    readonly borderBottomColor: string;
     readonly color: string;
     readonly fontSize: string | number;
     readonly fontWeight: string | number;

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

@@ -34,6 +34,7 @@ export interface OwpTreeGridProps<T> {
     className?: string;
     containerStyle?: CSSProperties;
     containerClassName?: string;
+    toolbarRowBackgroundColor?: CSSProperties['backgroundColor'];
     layoutUrl?: string;
     layoutData?: string;
     dataUrl?: string;
@@ -64,9 +65,10 @@ export interface OwpTreeGridProps<T> {
  * @param id 식별자
  * @param containerStyle containerStyle 값
  * @param containerClassName containerClassName 값
+ * @param toolbarRowBackgroundColor 하단 Toolbar row 배경색
  * @param className CSS 클래스명
  * @param style 스타일 객체
  * @param height height 값
  */
-declare const OwpTreeGrid: <T>({ id, containerStyle, containerClassName, className, style, height, width, layoutUrl, layoutData, dataUrl, layoutOverrides, data, useDataUrl, onSelect, onRowClick, onRowAdd, onRowDelete, onRowUndelete, onRowChange, onClickButton, onSave, onReady, onAfterValueChanged, columnEditRules, highlightEditableCells, highlightChangedCells, loading, showLoading, }: OwpTreeGridProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const OwpTreeGrid: <T>({ id, containerStyle, containerClassName, toolbarRowBackgroundColor, className, style, height, width, layoutUrl, layoutData, dataUrl, layoutOverrides, data, useDataUrl, onSelect, onRowClick, onRowAdd, onRowDelete, onRowUndelete, onRowChange, onClickButton, onSave, onReady, onAfterValueChanged, columnEditRules, highlightEditableCells, highlightChangedCells, loading, showLoading, }: OwpTreeGridProps<T>) => import("react/jsx-runtime").JSX.Element;
 export { OwpTreeGrid };

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-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';
+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';
 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/configs/defaultConfig.d.ts

@@ -254,10 +254,17 @@ export declare const defaultThemeOptions: {
                 shrink: {
                     transform: string;
                 };
-                root: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
                     fontSize: string;
                     transform: string;
-                    '&.Mui-focused': {};
+                    '&.Mui-focused': {
+                        color: string;
+                    };
+                    '&.MuiInputLabel-shrink': {
+                        color: string;
+                    };
                     '&.MuiInputLabel-outlined.MuiInputLabel-shrink': {
                         lineHeight: number;
                         zIndex: number;
@@ -295,6 +302,26 @@ export declare const defaultThemeOptions: {
                 };
             };
         };
+        MuiInput: {
+            defaultProps: {
+                color: string;
+            };
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '&:before': {
+                        borderBottomColor: string;
+                    };
+                    '&:hover:not(.Mui-disabled, .Mui-error):before': {
+                        borderBottomColor: string;
+                    };
+                    '&.Mui-focused:after': {
+                        borderBottomColor: string;
+                    };
+                };
+            };
+        };
         MuiInputBase: {
             styleOverrides: {
                 root: {
@@ -333,7 +360,19 @@ export declare const defaultThemeOptions: {
                 color: string;
             };
             styleOverrides: {
-                root: {};
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .MuiOutlinedInput-notchedOutline': {
+                        borderColor: string;
+                    };
+                    '&:hover .MuiOutlinedInput-notchedOutline': {
+                        borderColor: string;
+                    };
+                    '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+                        borderColor: string;
+                    };
+                };
                 input: {
                     padding: string;
                 };

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

@@ -1,5 +1,6 @@
 import type { OwpTableVariantThemeConfigType } from '@/types/OwpTableThemeTypes';
 export type OwpResolvedTableThemeConfigType = {
+    borderColor: string;
     header: {
         backgroundColor: string;
         color: string;

package/dist/types/features/themePreview/components/ThemePreviewCanvasSections.d.ts

@@ -23,6 +23,13 @@ interface ThemePreviewButtonsSectionProps {
     mainTextSecondary: string;
     previewSectionCardSx: SxProps<Theme>;
 }
+interface ThemePreviewCommonSectionProps {
+    buttonPreviewItems: ThemePreviewButtonPreviewItem[];
+    mainTextSecondary: string;
+    mainThemePreviewStoreState: ThemePreviewStoreState;
+    previewSectionCardSx: SxProps<Theme>;
+}
+export declare const ThemePreviewCommonSection: import("react").NamedExoticComponent<ThemePreviewCommonSectionProps>;
 export declare const ThemePreviewButtonsSection: import("react").NamedExoticComponent<ThemePreviewButtonsSectionProps>;
 interface ThemePreviewSnackbarsSectionProps {
     previewSectionCardSx: SxProps<Theme>;
@@ -38,6 +45,7 @@ interface ThemePreviewSnackbarsSectionProps {
 }
 export declare const ThemePreviewSnackbarsSection: import("react").NamedExoticComponent<ThemePreviewSnackbarsSectionProps>;
 interface ThemePreviewSearchHeaderSectionProps {
+    activeSection: 'main' | 'navbar' | 'toolbar';
     gridPreviewTable: ReactNode;
     mainBackground: string;
     mainPaper: string;

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

@@ -13,7 +13,7 @@ export declare const themePreviewEditableTreeGridId = "ThemePreviewGrid";
 export declare const themePreviewReadonlyTreeGridId = "ThemePreviewReadonlyGrid";
 export declare const gridPreviewBodyBackground = "#ffffff";
 export declare const gridPreviewBodyText = "rgb(17, 24, 39)";
-export declare const defaultPreviewSectionOrder: readonly ["buttons", "searchHeader"];
+export declare const defaultPreviewSectionOrder: readonly ["common", "searchHeader"];
 export declare const gridPreviewColumnLabels: readonly ["부서명", "사용자ID", "성명", "사용여부"];
 export declare const navbarPreviewItems: readonly ["Dashboard", "Theme Preview", "사용자 관리", "권한 그룹"];
 export declare const previewUserNameById: {
@@ -104,8 +104,8 @@ export declare const gridCanvasPreviewRows: ({
 export declare const previewNoop: () => void;
 type ThemePreviewFieldTableCellSx = NonNullable<ComponentProps<typeof OwpFieldTable>['cellSx']>;
 type ThemePreviewFieldTableTitleSx = NonNullable<ComponentProps<typeof OwpFieldTable>['titleSx']>;
-export type ThemePreviewLayoutSectionKey = 'buttons' | 'snackbars' | 'searchHeader' | 'grid' | 'tables';
-export declare const gridPreviewRows: readonly [readonly ["관리부", "admin", "관리자", "사용"], readonly ["생산1팀", "impix", "담당자1", "사용"], readonly ["품질팀", "owp", "담당자2", "미사용"]];
+export type ThemePreviewLayoutSectionKey = 'common' | 'buttons' | 'snackbars' | 'searchHeader' | 'grid' | 'tables';
+export declare const gridPreviewRows: readonly [readonly ["관리부", "admin", "관리자", "사용"], readonly ["생산1팀", "impix", "담당자1", "사용"]];
 export declare function createThemePreviewVersionKey(sourceValue: unknown): string;
 export declare function getPaletteValue(settings: ThemePreviewSettings, sectionKey: ThemePreviewPaletteSectionKey, path: string): string;
 export declare function getThemePreviewStyleValue<T extends number | string | undefined>(value: T): T;

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

@@ -121,6 +121,9 @@ export declare const defaultSettingsConfig: {
                     dark: string;
                     contrastText: string;
                 };
+                inputFocus: {
+                    main: "#212121";
+                };
                 success: {
                     main: string;
                 };
@@ -164,6 +167,9 @@ export declare const defaultSettingsConfig: {
                     main: string;
                     contrastText: string;
                 };
+                inputFocus: {
+                    main: "#212121";
+                };
                 success: {
                     main: string;
                 };
@@ -209,6 +215,9 @@ export declare const defaultSettingsConfig: {
                     main: string;
                     contrastText: string;
                 };
+                inputFocus: {
+                    main: "#212121";
+                };
                 success: {
                     main: string;
                 };
@@ -253,6 +262,9 @@ export declare const defaultSettingsConfig: {
                     dark: string;
                     contrastText: string;
                 };
+                inputFocus: {
+                    main: "#212121";
+                };
                 success: {
                     main: string;
                 };

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

@@ -1,4 +1,4 @@
 export { applyColorPickerValue, canDeriveThemePreviewColor, deriveThemePreviewPaletteGroupValues, getColorAlphaValue, toColorPickerValue, } from './color';
 export { createThemePreviewAppConfigFiles, createThemePreviewExportData } from './themePreviewExport';
 export { themePreviewFieldGroupsBySection, themePreviewSectionOptions } from './themePreviewDefinitions';
-export { isThemePreviewCustomSection, THEME_PREVIEW_CUSTOM_PRESET_KEY, applyThemePreviewPreset, cloneThemePreviewSettings, getThemePreviewDraftSettings, getThemePreviewPaletteValue, getThemePreviewPresetOptions, getThemePreviewPresetOptionsByMode, getThemePreviewResetSettings, resetThemePreviewSessionState, getThemePreviewSectionMode, getThemePreviewSelectionState, setThemePreviewPaletteValues, setThemePreviewPaletteValue, setThemePreviewDraftSettings, setThemePreviewSelectionState, } from './themePreviewSettings';
+export { isThemePreviewCustomSection, THEME_PREVIEW_CUSTOM_PRESET_KEY, applyThemePreviewPreset, cloneThemePreviewSettings, getThemePreviewDraftSettings, getThemePreviewPaletteValue, getThemePreviewMatchedPresetKeys, getThemePreviewPresetOptions, getThemePreviewPresetOptionsByMode, getThemePreviewResetSettings, resetThemePreviewSessionState, getThemePreviewSectionMode, getThemePreviewSelectionState, setThemePreviewPaletteValues, setThemePreviewPaletteValue, setThemePreviewDraftSettings, setThemePreviewSelectionState, } from './themePreviewSettings';

package/dist/types/features/themePreview/utils/themePreviewSettings.d.ts

@@ -36,9 +36,19 @@ export declare function getThemePreviewResetSettings(settings: OwpSettingsConfig
 }): ThemePreviewSettings;
 export declare function getThemePreviewPaletteValue(settings: ThemePreviewSettings, sectionKey: ThemePreviewSectionKey, path: string): string;
 export declare function getThemePreviewSectionMode(settings: OwpSettingsConfigType, sectionKey: ThemePreviewPresetSectionKey): "light" | "dark";
+export declare function getThemePreviewMatchedPresetKeys(settings: OwpSettingsConfigType, presetThemes: ThemePreviewPresetThemes, presetOptions?: {
+    key: string;
+    label: string;
+    mode: ThemePreviewMode;
+    sections: import("..").ThemePreviewPaletteSectionKey[];
+}[]): {
+    main: string;
+    navbar: string;
+    toolbar: string;
+};
 export declare function getThemePreviewDraftSettings(currentSettings: OwpSettingsConfigType): ThemePreviewSettings;
 export declare function setThemePreviewDraftSettings(settings: ThemePreviewSettings): void;
-export declare function getThemePreviewSelectionState(settings: OwpSettingsConfigType, initialPresetKeys: ThemePreviewPresetKeyBySection): ThemePreviewSelectionState;
+export declare function getThemePreviewSelectionState(settings: OwpSettingsConfigType, initialPresetKeys: ThemePreviewPresetKeyBySection, presetThemes: ThemePreviewPresetThemes): ThemePreviewSelectionState;
 export declare function setThemePreviewSelectionState(selectionState: ThemePreviewSelectionState): void;
 export declare function resetThemePreviewSessionState(): void;
 export declare function setThemePreviewPaletteValues(settings: ThemePreviewSettings, sectionKey: ThemePreviewSectionKey, updates: ThemePreviewPaletteValueUpdate[]): ThemePreviewSettings;

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export { DialogsProvider } from '@toolpad/core/useDialogs';
+import './types/OwpMuiThemeTypes';
 export * from './layout/themeLayouts';
 export * from './configs/defaultConfig';
 export * from './components/OwpLanguageSwitcherSelect';

package/dist/types/types/OwpMuiThemeTypes.d.ts

@@ -0,0 +1,9 @@
+declare module '@mui/material/styles' {
+    interface Palette {
+        inputFocus: Palette['primary'];
+    }
+    interface PaletteOptions {
+        inputFocus?: PaletteOptions['primary'];
+    }
+}
+export {};

package/dist/types/types/OwpTableThemeTypes.d.ts

@@ -14,6 +14,7 @@ export type OwpTableRowThemeConfigType = {
     selectedBackgroundColor?: string;
 };
 export type OwpTableVariantThemeConfigType = {
+    borderColor?: string;
     header?: OwpTableHeaderThemeConfigType;
     cell?: OwpTableCellThemeConfigType;
 };

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

@@ -1,3 +1,4 @@
+import './OwpMuiThemeTypes';
 export type { OwpGridBodyThemeConfigType, OwpGridCellThemeConfigType, OwpGridChangedThemeConfigType, OwpGridEditableThemeConfigType, OwpGridHeaderThemeConfigType, OwpGridRowThemeConfigType, OwpGridStateThemeConfigType, OwpGridThemeConfigType, } from './OwpGridThemeTypes';
 export type { OwpTableCellThemeConfigType, OwpTableHeaderThemeConfigType, OwpTableThemeConfigType, OwpTableVariantThemeConfigType, } from './OwpTableThemeTypes';
 export type { OwpSnackbarThemeConfigType, OwpSnackbarVariantThemeConfigType, OwpSnackbarVariantType, OwpThemeType, OwpThemesType, OwpSettingsConfigType, } from './OwpSettingsTypes';

package/package.json

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