@owp/core 2.5.2 → 2.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/_virtual/index11.js +2 -2
  2. package/dist/_virtual/index13.js +2 -2
  3. package/dist/_virtual/index14.js +2 -2
  4. package/dist/_virtual/index15.js +2 -2
  5. package/dist/_virtual/index16.js +4 -4
  6. package/dist/_virtual/index17.js +4 -4
  7. package/dist/_virtual/index18.js +4 -4
  8. package/dist/_virtual/index19.js +4 -4
  9. package/dist/components/{OwpFileUploadButton/OwpFileUploadButton.js → OwpFilePickerButton/OwpFilePickerButton.js} +15 -15
  10. package/dist/components/OwpFilePickerButton/OwpFilePickerButton.js.map +1 -0
  11. package/dist/components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.js.map +1 -1
  12. package/dist/components/OwpMoreActionsButton/OwpMoreActionsButton.js +27 -27
  13. package/dist/components/OwpMoreActionsButton/OwpMoreActionsButton.js.map +1 -1
  14. package/dist/components/OwpMrtTable/OwpMrtTable.js +346 -336
  15. package/dist/components/OwpMrtTable/OwpMrtTable.js.map +1 -1
  16. package/dist/components/OwpSnackbarContent/OwpSnackbarContent.js +166 -0
  17. package/dist/components/OwpSnackbarContent/OwpSnackbarContent.js.map +1 -0
  18. package/dist/components/OwpTable/OwpDataTable.js +333 -283
  19. package/dist/components/OwpTable/OwpDataTable.js.map +1 -1
  20. package/dist/components/OwpTable/OwpFieldTable.js +102 -58
  21. package/dist/components/OwpTable/OwpFieldTable.js.map +1 -1
  22. package/dist/components/OwpTable/OwpTable.js +192 -172
  23. package/dist/components/OwpTable/OwpTable.js.map +1 -1
  24. package/dist/components/OwpTable/internal/treeGridTableStyle.js +77 -0
  25. package/dist/components/OwpTable/internal/treeGridTableStyle.js.map +1 -0
  26. package/dist/components/OwpTreeGrid/OwpTreeGrid.js +199 -171
  27. package/dist/components/OwpTreeGrid/OwpTreeGrid.js.map +1 -1
  28. package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js +172 -131
  29. package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js.map +1 -1
  30. package/dist/components/OwpTreeGrid/internal/treeGridTheme.js +462 -0
  31. package/dist/components/OwpTreeGrid/internal/treeGridTheme.js.map +1 -0
  32. package/dist/components/{OwpTreeGridExcelButton/OwpTreeGridExcelButton.js → OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.js} +7 -7
  33. package/dist/components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.js.map +1 -0
  34. package/dist/configs/defaultConfig.js +67 -44
  35. package/dist/configs/defaultConfig.js.map +1 -1
  36. package/dist/constants/gridTheme.js +78 -0
  37. package/dist/constants/gridTheme.js.map +1 -0
  38. package/dist/constants/tableTheme.js +16 -0
  39. package/dist/constants/tableTheme.js.map +1 -0
  40. package/dist/constants/treeGrid.js +44 -26
  41. package/dist/constants/treeGrid.js.map +1 -1
  42. package/dist/constants.js +21 -20
  43. package/dist/contexts/OwpUiProvider.js +59 -38
  44. package/dist/contexts/OwpUiProvider.js.map +1 -1
  45. package/dist/hooks/useFormDataUploadMutation.js.map +1 -1
  46. package/dist/index.js +105 -104
  47. package/dist/layout/components/toggles/NavigationSearchToggle.js +3 -3
  48. package/dist/layout/components/toolbar/ToolbarLayout.js +5 -4
  49. package/dist/layout/components/toolbar/ToolbarLayout.js.map +1 -1
  50. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/constants.js +1 -1
  51. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/index.js +1 -1
  52. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE39/index.js +1 -1
  53. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE93/index.js +1 -1
  54. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/EAN_UPC/constants.js +1 -1
  55. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/EAN_UPC/index.js +1 -1
  56. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/GenericBarcode/index.js +1 -1
  57. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/constants.js +1 -1
  58. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/index.js +1 -1
  59. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/MSI/index.js +1 -1
  60. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/codabar/index.js +1 -1
  61. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/pharmacode/index.js +1 -1
  62. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/renderers/index.js +1 -1
  63. package/dist/node_modules/.pnpm/react-overlays@5.2.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-overlays/esm/Portal.js +1 -1
  64. package/dist/types/components/{OwpFileUploadButton/OwpFileUploadButton.d.ts → OwpFilePickerButton/OwpFilePickerButton.d.ts} +4 -4
  65. package/dist/types/components/OwpFilePickerButton/index.d.ts +1 -0
  66. package/dist/types/components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.d.ts +1 -1
  67. package/dist/types/components/OwpMoreActionsButton/OwpMoreActionsButton.d.ts +4 -4
  68. package/dist/types/components/OwpSnackbarContent/OwpSnackbarContent.d.ts +2 -0
  69. package/dist/types/components/OwpTable/OwpTable.d.ts +5 -1
  70. package/dist/types/components/OwpTable/internal/treeGridTableStyle.d.ts +105 -0
  71. package/dist/types/components/OwpTreeGrid/internal/treeGridRuntime.d.ts +5 -1
  72. package/dist/types/components/OwpTreeGrid/internal/treeGridTheme.d.ts +20 -0
  73. package/dist/types/components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.d.ts +12 -0
  74. package/dist/types/components/OwpTreeGridExportExcelButton/index.d.ts +1 -0
  75. package/dist/types/configs/defaultConfig.d.ts +22 -0
  76. package/dist/types/constants/gridTheme.d.ts +88 -0
  77. package/dist/types/constants/tableTheme.d.ts +18 -0
  78. package/dist/types/constants/treeGrid.d.ts +5 -0
  79. package/dist/types/hooks/useFormDataUploadMutation.d.ts +4 -3
  80. package/dist/types/index.d.ts +2 -2
  81. package/dist/types/types/OwpGridThemeTypes.d.ts +48 -0
  82. package/dist/types/types/OwpSettingsTypes.d.ts +11 -0
  83. package/dist/types/types/OwpTableThemeTypes.d.ts +16 -0
  84. package/dist/types/types/index.d.ts +3 -1
  85. package/dist/types/utils/treeGridUtil.d.ts +1 -0
  86. package/dist/utils/createFormDataBody.js +19 -14
  87. package/dist/utils/createFormDataBody.js.map +1 -1
  88. package/dist/utils/exceljsBrowser.js +45 -48
  89. package/dist/utils/exceljsBrowser.js.map +1 -1
  90. package/dist/utils/treeGridUtil.js +66 -66
  91. package/dist/utils/treeGridUtil.js.map +1 -1
  92. package/package.json +1 -1
  93. package/dist/components/OwpFileUploadButton/OwpFileUploadButton.js.map +0 -1
  94. package/dist/components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.js.map +0 -1
  95. package/dist/types/components/OwpFileUploadButton/index.d.ts +0 -1
  96. package/dist/types/components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.d.ts +0 -12
  97. package/dist/types/components/OwpTreeGridExcelButton/index.d.ts +0 -1
@@ -1,6 +1,6 @@
1
1
  var p = Object.defineProperty;
2
2
  var a = (f, c) => p(f, "name", { value: c, configurable: !0 });
3
- import { __exports as i } from "../../../../../../../../_virtual/index12.js";
3
+ import { __exports as i } from "../../../../../../../../_virtual/index13.js";
4
4
  import { __require as g } from "../Barcode.js";
5
5
  var h;
6
6
  function w() {
@@ -1,6 +1,6 @@
1
1
  var v = Object.defineProperty;
2
2
  var i = (u, f) => v(u, "name", { value: f, configurable: !0 });
3
- import { __exports as a } from "../../../../../../../../_virtual/index11.js";
3
+ import { __exports as a } from "../../../../../../../../_virtual/index12.js";
4
4
  import { __require as y } from "../Barcode.js";
5
5
  var c;
6
6
  function q() {
@@ -1,6 +1,6 @@
1
1
  var v = Object.defineProperty;
2
2
  var _ = (a, t) => v(a, "name", { value: t, configurable: !0 });
3
- import { __exports as r } from "../../../../../../../_virtual/index15.js";
3
+ import { __exports as r } from "../../../../../../../_virtual/index6.js";
4
4
  import { __require as f } from "./canvas.js";
5
5
  import { __require as q } from "./svg.js";
6
6
  import { __require as c } from "./object.js";
@@ -1,6 +1,6 @@
1
1
  var c = Object.defineProperty;
2
2
  var a = (r, e) => c(r, "name", { value: e, configurable: !0 });
3
- import n from "../../../../../../_virtual/index19.js";
3
+ import n from "../../../../../../_virtual/index16.js";
4
4
  import m from "react-dom";
5
5
  import t from "react";
6
6
  import u from "./useWaitForDOMRef.js";
@@ -1,19 +1,19 @@
1
1
  import { type ButtonProps } from '@mui/material/Button';
2
2
  import { type ChangeEvent, type ReactNode } from 'react';
3
- export interface OwpFileUploadButtonOwnProps {
3
+ export interface OwpFilePickerButtonOwnProps {
4
4
  multiple?: boolean;
5
5
  accept?: string;
6
6
  title?: ReactNode;
7
7
  onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;
8
8
  onCancel?: (evt: Event) => void;
9
9
  }
10
- export type OwpFileUploadButtonProps = OwpFileUploadButtonOwnProps & Omit<ButtonProps, 'title'>;
10
+ export type OwpFilePickerButtonProps = OwpFilePickerButtonOwnProps & Omit<ButtonProps, 'title' | 'onChange' | 'onCancel'>;
11
11
  /**
12
- * OwpFileUploadButton 컴포넌트
12
+ * OwpFilePickerButton 컴포넌트
13
13
  * @param title 제목
14
14
  * @param multiple multiple 값
15
15
  * @param onChange onChange 핸들러
16
16
  * @param onCancel onCancel 핸들러
17
17
  * @param accept accept 값
18
18
  */
19
- export declare function OwpFileUploadButton({ title, multiple, onChange, onCancel, accept, ...restProps }: OwpFileUploadButtonProps): import("react/jsx-runtime").JSX.Element;
19
+ export declare function OwpFilePickerButton({ title, multiple, onChange, onCancel, accept, ...restProps }: OwpFilePickerButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './OwpFilePickerButton';
@@ -2,6 +2,6 @@ import { SelectProps } from '@mui/material/Select';
2
2
  /**
3
3
  * The language switcher.
4
4
  */
5
- export declare function OwpLanguageSwitcherSelect({ label, fullWidth, canRefresh, ...restSelectProps }: Omit<SelectProps, 'value,onChange'> & {
5
+ export declare function OwpLanguageSwitcherSelect({ label, fullWidth, canRefresh, ...restSelectProps }: Omit<SelectProps, 'value' | 'onChange'> & {
6
6
  canRefresh?: boolean;
7
7
  }): import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import type { IconButtonProps } from '@mui/material/IconButton';
2
2
  import type { SxProps, Theme } from '@mui/material/styles';
3
3
  import type { ReactNode } from 'react';
4
4
  import { exportTreeGridToExcelById } from '../../utils/treeGridUtil';
5
- import { type OwpFileUploadButtonProps } from '../OwpFileUploadButton/OwpFileUploadButton';
5
+ import { type OwpFilePickerButtonProps } from '../OwpFilePickerButton/OwpFilePickerButton';
6
6
  export type OwpMoreButtonActionColor = NonNullable<IconButtonProps['color']> | string;
7
7
  type OwpMoreButtonActionBase = {
8
8
  icon?: ReactNode;
@@ -25,9 +25,9 @@ export type OwpMoreButtonClickAction = OwpMoreButtonActionBase & {
25
25
  };
26
26
  export type OwpMoreButtonFileUploadAction = OwpMoreButtonActionBase & {
27
27
  type: 'fileUpload';
28
- fileUploadProps?: Omit<OwpFileUploadButtonProps, 'title' | 'onChange' | 'onCancel'> & {
29
- onChange?: OwpFileUploadButtonProps['onChange'];
30
- onCancel?: OwpFileUploadButtonProps['onCancel'];
28
+ fileUploadProps?: Omit<OwpFilePickerButtonProps, 'title' | 'onChange' | 'onCancel'> & {
29
+ onChange?: OwpFilePickerButtonProps['onChange'];
30
+ onCancel?: OwpFilePickerButtonProps['onCancel'];
31
31
  };
32
32
  };
33
33
  export type OwpMoreButtonTreeGridExportExcelAction = OwpMoreButtonActionBase & {
@@ -0,0 +1,2 @@
1
+ import { type CustomContentProps } from 'notistack';
2
+ export declare const OwpSnackbarContent: import("react").NamedExoticComponent<CustomContentProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,3 +1,5 @@
1
+ import { type OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
2
+ import { type OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';
1
3
  import { type Theme } from '@mui/material';
2
4
  import { type TableProps } from '@mui/material/Table';
3
5
  import { type TableContainerProps } from '@mui/material/TableContainer';
@@ -9,7 +11,9 @@ interface StyledTableProps extends TableProps {
9
11
  canUseTreeGridStyle?: boolean;
10
12
  containerProps?: TableContainerProps;
11
13
  footerSlot?: ReactNode;
14
+ tableTheme?: OwpResolvedTableThemeConfigType;
12
15
  tableLayout?: 'auto' | 'fixed';
16
+ treeGridTheme?: OwpResolvedGridThemeConfigType;
13
17
  title?: string;
14
18
  children: ReactNode;
15
19
  }
@@ -29,7 +33,7 @@ export declare function OwpTableTotalCount({ totalCount }: {
29
33
  * @param footerSlot footer 영역
30
34
  * @param tableLayout tableLayout 값
31
35
  */
32
- export declare const StyledTable: ({ canBodyFullHeight, canUseTreeGridStyle, children, className, containerProps, footerSlot, tableLayout, ...tableProps }: StyledTableProps) => import("react/jsx-runtime").JSX.Element;
36
+ export declare const StyledTable: ({ canBodyFullHeight, canUseTreeGridStyle, children, className, containerProps, footerSlot, tableTheme: tableThemeProp, tableLayout, ...tableProps }: StyledTableProps) => import("react/jsx-runtime").JSX.Element;
33
37
  export declare const StyledTableRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style" | "hover" | "selected" | "className" | "classes" | "children" | "sx"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
34
38
  interface OwpTableProps<T> extends Omit<StyledTableProps, 'children'> {
35
39
  canTotalCountRow?: boolean;
@@ -0,0 +1,105 @@
1
+ import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
2
+ export declare const TREEGRID_TABLE_HEADER_BORDER_COLOR = "#6F7F94";
3
+ export declare const TREEGRID_TABLE_BODY_BORDER_COLOR = "#CDD8E4";
4
+ /**
5
+ * TreeGrid 컨테이너 색상 매핑
6
+ * @param treeGridTheme Grid theme 값
7
+ */
8
+ export declare const getTreeGridContainerSx: (treeGridTheme: OwpResolvedGridThemeConfigType) => {
9
+ backgroundColor: string;
10
+ color: string;
11
+ };
12
+ /**
13
+ * TreeGrid 타이포그래피 매핑
14
+ * @param fontSize 폰트 크기
15
+ * @param fontWeight 폰트 두께
16
+ */
17
+ export declare const getTreeGridTypographySx: (fontSize: number | string, fontWeight?: number | string) => {
18
+ fontFamily: string;
19
+ fontSize: string | number;
20
+ fontWeight: string | number;
21
+ lineHeight: string;
22
+ };
23
+ /**
24
+ * TreeGrid 공통 셀 스타일 매핑
25
+ * @param treeGridTheme Grid theme 값
26
+ */
27
+ export declare const getTreeGridCellBaseSx: (treeGridTheme: OwpResolvedGridThemeConfigType) => {
28
+ boxSizing: string;
29
+ overflow: string;
30
+ textOverflow: string;
31
+ verticalAlign: string;
32
+ whiteSpace: string;
33
+ fontFamily: string;
34
+ fontSize: string | number;
35
+ fontWeight: string | number;
36
+ lineHeight: string;
37
+ };
38
+ /**
39
+ * TreeGrid header 셀 스타일 매핑
40
+ * @param treeGridTheme Grid theme 값
41
+ */
42
+ export declare const getTreeGridHeaderCellSx: (treeGridTheme: OwpResolvedGridThemeConfigType) => {
43
+ backgroundColor: string;
44
+ borderTop: string;
45
+ borderBottom: string;
46
+ borderLeft: number;
47
+ borderRight: string;
48
+ color: string;
49
+ height: string | number;
50
+ minHeight: string | number;
51
+ padding: string;
52
+ fontFamily: string;
53
+ fontSize: string | number;
54
+ fontWeight: string | number;
55
+ lineHeight: string;
56
+ };
57
+ /**
58
+ * TreeGrid body 셀 스타일 매핑
59
+ * @param treeGridTheme Grid theme 값
60
+ */
61
+ export declare const getTreeGridBodyCellSx: (treeGridTheme: OwpResolvedGridThemeConfigType) => {
62
+ backgroundColor: string;
63
+ borderBottom: string;
64
+ borderLeft: number;
65
+ borderRight: string;
66
+ color: string;
67
+ fontSize: string | number;
68
+ padding: string;
69
+ boxSizing: string;
70
+ overflow: string;
71
+ textOverflow: string;
72
+ verticalAlign: string;
73
+ whiteSpace: string;
74
+ fontFamily: string;
75
+ fontWeight: string | number;
76
+ lineHeight: string;
77
+ };
78
+ /**
79
+ * TreeGrid body row 상태 스타일 매핑
80
+ * @param treeGridTheme Grid theme 값
81
+ * @param options hover, selected 여부
82
+ */
83
+ export declare const getTreeGridBodyRowSx: (treeGridTheme: OwpResolvedGridThemeConfigType, options?: {
84
+ canHover?: boolean;
85
+ selected?: boolean;
86
+ }) => {
87
+ '&.Mui-selected > td': {
88
+ backgroundColor: string;
89
+ };
90
+ '&.Mui-selected:hover > td': {
91
+ backgroundColor: string;
92
+ };
93
+ '&:focus-within > td': {
94
+ backgroundColor: string;
95
+ };
96
+ '& > td:focus-within': {
97
+ backgroundColor: string;
98
+ };
99
+ '&:hover > td': {
100
+ backgroundColor: string;
101
+ };
102
+ '& > td': {
103
+ backgroundColor: string;
104
+ };
105
+ };
@@ -17,6 +17,10 @@ export type TreeGridEventBindingOptions<T> = Pick<OwpTreeGridProps<T>, 'id'> & {
17
17
  latestEventHandlersRef: RefObject<TreeGridEventHandlers<T>>;
18
18
  highlightEditableCellsRef: RefObject<boolean>;
19
19
  highlightChangedCellsRef: RefObject<boolean>;
20
+ editableCellBackgroundColorValueRef: RefObject<number | undefined>;
21
+ changedCellBackgroundColorRef: RefObject<string>;
22
+ selectedCellBackgroundColorRef: RefObject<string>;
23
+ hoverCellBackgroundColorRef: RefObject<string>;
20
24
  treeGridInstanceRef: RefObject<TGrid>;
21
25
  treeGridInitStartedAtRef: RefObject<number | null>;
22
26
  latestLayoutOverridesRef: RefObject<OwpTreeGridLayoutConfig | undefined>;
@@ -76,5 +80,5 @@ export declare const replaceTreeGridBodyData: <T>(grid: TGrid, bodyData: OwpTree
76
80
  * TreeGrid 이벤트 바인딩
77
81
  * @param options 이벤트 바인딩 옵션
78
82
  */
79
- export declare const bindTreeGridEvents: <T>({ id, latestEventHandlersRef, highlightEditableCellsRef, highlightChangedCellsRef, treeGridInstanceRef, treeGridInitStartedAtRef, latestLayoutOverridesRef, appliedLayoutOverridesRef, appliedBodyDataPropRef, latestColumnEditRulesRef, latestColumnEditRuleLookupRef, appliedColumnEditRulesRef, columnEditRulesStateRef, hasAppliedInitialLayoutRef, syncHasDisplayDataRows, setIsTreeGridReady, }: TreeGridEventBindingOptions<T>) => void;
83
+ export declare const bindTreeGridEvents: <T>({ id, latestEventHandlersRef, highlightEditableCellsRef, highlightChangedCellsRef, editableCellBackgroundColorValueRef, changedCellBackgroundColorRef, selectedCellBackgroundColorRef, hoverCellBackgroundColorRef, treeGridInstanceRef, treeGridInitStartedAtRef, latestLayoutOverridesRef, appliedLayoutOverridesRef, appliedBodyDataPropRef, latestColumnEditRulesRef, latestColumnEditRuleLookupRef, appliedColumnEditRulesRef, columnEditRulesStateRef, hasAppliedInitialLayoutRef, syncHasDisplayDataRows, setIsTreeGridReady, }: TreeGridEventBindingOptions<T>) => void;
80
84
  export {};
@@ -0,0 +1,20 @@
1
+ import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
2
+ import type { OwpGridThemeConfigType } from '@/types/OwpGridThemeTypes';
3
+ import type { CSSProperties } from 'react';
4
+ 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';
5
+ type TreeGridLayoutDimensionValue = string | number;
6
+ export type TreeGridThemeContainerStyle = CSSProperties & Partial<Record<TreeGridThemeCssVariableName, string>>;
7
+ export declare const TREE_GRID_THEME_WRAPPER_CLASS = "owp-tree-grid-theme";
8
+ export declare const treeGridThemeStyles: Record<string, CSSProperties>;
9
+ /**
10
+ * TreeGrid theme CSS 변수 컨테이너 스타일 생성
11
+ * @param input Grid theme 입력값
12
+ */
13
+ export declare const createTreeGridThemeContainerStyle: ({ width, height, treeGridTheme, gridThemeConfig, containerStyle, }: {
14
+ width: TreeGridLayoutDimensionValue;
15
+ height: TreeGridLayoutDimensionValue;
16
+ treeGridTheme: OwpResolvedGridThemeConfigType;
17
+ gridThemeConfig?: OwpGridThemeConfigType | null;
18
+ containerStyle?: CSSProperties;
19
+ }) => TreeGridThemeContainerStyle;
20
+ export {};
@@ -0,0 +1,12 @@
1
+ import { type ButtonProps } from '@mui/material';
2
+ export interface OwpTreeGridExportExcelButtonProps extends ButtonProps {
3
+ gridId: string;
4
+ exportName?: string;
5
+ }
6
+ /**
7
+ * TreeGrid 엑셀 내보내기 버튼
8
+ * @param gridId TreeGrid 인스턴스 ID
9
+ * @param exportName 다운로드 파일명
10
+ */
11
+ declare const OwpTreeGridExportExcelButton: ({ gridId, exportName, children, loading, loadingPosition, onClick, ...buttonProps }: OwpTreeGridExportExcelButtonProps) => import("react/jsx-runtime").JSX.Element;
12
+ export { OwpTreeGridExportExcelButton };
@@ -0,0 +1 @@
1
+ export * from './OwpTreeGridExportExcelButton';
@@ -1,6 +1,28 @@
1
1
  import type { OwpSettingsConfigType, OwpThemesType } from '@/types/OwpSettingsTypes';
2
2
  import { type ThemeOptions } from '@mui/material/styles';
3
3
  import { PartialDeep } from 'type-fest';
4
+ export declare const defaultSnackbarTheme: {
5
+ default: {
6
+ backgroundColor: string;
7
+ color: string;
8
+ };
9
+ success: {
10
+ backgroundColor: string;
11
+ color: string;
12
+ };
13
+ info: {
14
+ backgroundColor: string;
15
+ color: string;
16
+ };
17
+ warning: {
18
+ backgroundColor: string;
19
+ color: string;
20
+ };
21
+ error: {
22
+ backgroundColor: string;
23
+ color: string;
24
+ };
25
+ };
4
26
  /**
5
27
  * 기본 layout 설정
6
28
  * @param style layout 스타일
@@ -0,0 +1,88 @@
1
+ import type { OwpGridThemeConfigType } from '@/types/OwpGridThemeTypes';
2
+ export type OwpResolvedGridThemeConfigType = {
3
+ header: {
4
+ backgroundColor: string;
5
+ color: string;
6
+ fontSize: number | string;
7
+ fontWeight: number | string;
8
+ height: number | string;
9
+ };
10
+ body: {
11
+ backgroundColor: string;
12
+ color: string;
13
+ fillBackgroundColor: string;
14
+ };
15
+ row: {
16
+ backgroundColor: string;
17
+ solidBackgroundColor: string;
18
+ };
19
+ cell: {
20
+ fontSize: number | string;
21
+ };
22
+ state: {
23
+ hoverRowBackgroundColor: string;
24
+ hoverRowBorderColor: string;
25
+ selectedCellBackgroundColor: string;
26
+ selectedRowBackgroundColor: string;
27
+ focusedRowBackgroundColor: string;
28
+ focusedRowBorderColor: string;
29
+ hoverCellBackgroundColor: string;
30
+ hoverCellBorderColor: string;
31
+ focusedCellBackgroundColor: string;
32
+ focusedCellBorderColor: string;
33
+ editingCellBorderColor: string;
34
+ focusedCellRectBackgroundColor: string;
35
+ };
36
+ editable: {
37
+ backgroundColor: string;
38
+ };
39
+ changed: {
40
+ backgroundColor: string;
41
+ };
42
+ };
43
+ export declare const defaultOwpGridTheme: {
44
+ header: {
45
+ backgroundColor: string;
46
+ color: string;
47
+ fontSize: string;
48
+ fontWeight: string;
49
+ height: number;
50
+ };
51
+ body: {
52
+ backgroundColor: string;
53
+ color: string;
54
+ fillBackgroundColor: string;
55
+ };
56
+ row: {
57
+ backgroundColor: string;
58
+ solidBackgroundColor: string;
59
+ };
60
+ cell: {
61
+ fontSize: string;
62
+ };
63
+ state: {
64
+ hoverRowBackgroundColor: string;
65
+ hoverRowBorderColor: string;
66
+ selectedCellBackgroundColor: string;
67
+ selectedRowBackgroundColor: string;
68
+ focusedRowBackgroundColor: string;
69
+ focusedRowBorderColor: string;
70
+ hoverCellBackgroundColor: string;
71
+ hoverCellBorderColor: string;
72
+ focusedCellBackgroundColor: string;
73
+ focusedCellBorderColor: string;
74
+ editingCellBorderColor: string;
75
+ focusedCellRectBackgroundColor: string;
76
+ };
77
+ editable: {
78
+ backgroundColor: string;
79
+ };
80
+ changed: {
81
+ backgroundColor: string;
82
+ };
83
+ };
84
+ /**
85
+ * Grid theme 토큰 기본값 병합
86
+ * @param gridTheme 앱 theme grid 설정
87
+ */
88
+ export declare const resolveOwpGridTheme: (gridTheme?: OwpGridThemeConfigType | null) => OwpResolvedGridThemeConfigType;
@@ -0,0 +1,18 @@
1
+ import type { OwpTableVariantThemeConfigType } from '@/types/OwpTableThemeTypes';
2
+ export type OwpResolvedTableThemeConfigType = {
3
+ header: {
4
+ backgroundColor: string;
5
+ color: string;
6
+ fontSize: number | string;
7
+ fontWeight: number | string;
8
+ };
9
+ cell: {
10
+ fontSize: number | string;
11
+ };
12
+ };
13
+ /**
14
+ * Table theme 토큰 기본값 병합
15
+ * @param tableTheme 앱 theme table 설정
16
+ * @param fallbackTheme 컴포넌트 기본값
17
+ */
18
+ export declare const resolveOwpTableTheme: (tableTheme: OwpTableVariantThemeConfigType | null | undefined, fallbackTheme: OwpResolvedTableThemeConfigType) => OwpResolvedTableThemeConfigType;
@@ -10,6 +10,11 @@ export declare const getTreeGridAssetBasePath: () => string;
10
10
  export declare const resolveTreeGridAssetUrl: (assetPath: string) => string;
11
11
  /** TreeGrid 다국어 리소스 URL 조회 */
12
12
  export declare const getTreeGridTextResourceUrl: (languageId: string) => string;
13
+ /**
14
+ * TreeGrid 색상 문자열 숫자 변환
15
+ * @param color CSS 색상 문자열
16
+ */
17
+ export declare const resolveTreeGridColorNumber: (color?: string | null) => number;
13
18
  /** TreeGrid 폰트 face 스타일 조회 */
14
19
  export declare const getTreeGridFontFaceStyles: () => {
15
20
  '@font-face': Record<string, string>;
@@ -1,10 +1,11 @@
1
1
  import { createFormDataBody, type FormDataUploadBody, type FormDataUploadParams, type TAdditionalFields } from '@/utils/createFormDataBody';
2
2
  export type { FormDataFieldValue, FormDataUploadBody, FormDataUploadParams, TAdditionalFields, } from '@/utils/createFormDataBody';
3
3
  type FormDataUploadMutationLike = {
4
- mutate: (variables: unknown, options?: unknown) => void;
4
+ mutate: (...args: any[]) => void;
5
5
  };
6
- type FormDataUploadMutationVariables<TMutation extends FormDataUploadMutationLike> = Parameters<TMutation['mutate']>[0];
7
- type FormDataUploadMutateOptions<TMutation extends FormDataUploadMutationLike> = Parameters<TMutation['mutate']>[1];
6
+ type FormDataUploadMutationMutateParameters<TMutation extends FormDataUploadMutationLike> = Parameters<TMutation['mutate']>;
7
+ type FormDataUploadMutationVariables<TMutation extends FormDataUploadMutationLike> = FormDataUploadMutationMutateParameters<TMutation>[0];
8
+ type FormDataUploadMutateOptions<TMutation extends FormDataUploadMutationLike> = FormDataUploadMutationMutateParameters<TMutation>[1];
8
9
  export interface FormDataUploadMutationVariablesArgs<TFields extends TAdditionalFields = TAdditionalFields> {
9
10
  body: FormDataUploadBody<TFields>;
10
11
  formData: FormData;
@@ -11,7 +11,7 @@ export { OwpErrorBoundary } from './components/OwpErrorBoundary';
11
11
  export * from './components/OwpErrorStatusPage';
12
12
  export { OwpEventEmitter } from './components/OwpEventEmitter';
13
13
  export * from './components/OwpFieldHelperText';
14
- export * from './components/OwpFileUploadButton/OwpFileUploadButton';
14
+ export * from './components/OwpFilePickerButton/OwpFilePickerButton';
15
15
  export * from './components/OwpLayout';
16
16
  export * from './components/OwpLoading';
17
17
  export * from './components/OwpMrtTable';
@@ -41,7 +41,7 @@ export * from './components/OwpTable/OwpTable';
41
41
  export * from './components/OwpTable/OwpFieldTable';
42
42
  export * from './components/OwpTextField/OwpTextMaskField';
43
43
  export * from './components/OwpTabs';
44
- export * from './components/OwpTreeGridExcelButton';
44
+ export * from './components/OwpTreeGridExportExcelButton';
45
45
  export * from './components/OwpTreeGridResetChangesButton';
46
46
  export * from './components/OwpTreeGrid';
47
47
  export * from './components/OwpTreeGrid/OwpTreeGridToolbar';
@@ -0,0 +1,48 @@
1
+ export type OwpGridHeaderThemeConfigType = {
2
+ backgroundColor?: string;
3
+ color?: string;
4
+ fontSize?: number | string;
5
+ fontWeight?: number | string;
6
+ height?: number | string;
7
+ };
8
+ export type OwpGridBodyThemeConfigType = {
9
+ backgroundColor?: string;
10
+ color?: string;
11
+ fillBackgroundColor?: string;
12
+ };
13
+ export type OwpGridRowThemeConfigType = {
14
+ backgroundColor?: string;
15
+ solidBackgroundColor?: string;
16
+ };
17
+ export type OwpGridCellThemeConfigType = {
18
+ fontSize?: number | string;
19
+ };
20
+ export type OwpGridStateThemeConfigType = {
21
+ hoverRowBackgroundColor?: string;
22
+ hoverRowBorderColor?: string;
23
+ selectedCellBackgroundColor?: string;
24
+ selectedRowBackgroundColor?: string;
25
+ focusedRowBackgroundColor?: string;
26
+ focusedRowBorderColor?: string;
27
+ hoverCellBackgroundColor?: string;
28
+ hoverCellBorderColor?: string;
29
+ focusedCellBackgroundColor?: string;
30
+ focusedCellBorderColor?: string;
31
+ editingCellBorderColor?: string;
32
+ focusedCellRectBackgroundColor?: string;
33
+ };
34
+ export type OwpGridEditableThemeConfigType = {
35
+ backgroundColor?: string;
36
+ };
37
+ export type OwpGridChangedThemeConfigType = {
38
+ backgroundColor?: string;
39
+ };
40
+ export type OwpGridThemeConfigType = {
41
+ header?: OwpGridHeaderThemeConfigType;
42
+ body?: OwpGridBodyThemeConfigType;
43
+ row?: OwpGridRowThemeConfigType;
44
+ cell?: OwpGridCellThemeConfigType;
45
+ state?: OwpGridStateThemeConfigType;
46
+ editable?: OwpGridEditableThemeConfigType;
47
+ changed?: OwpGridChangedThemeConfigType;
48
+ };
@@ -1,8 +1,18 @@
1
1
  import { themeLayoutDefaultsProps } from '@/layout/themeLayoutConfigs';
2
2
  import type { Palette } from '@mui/material/styles';
3
3
  import { PartialDeep } from 'type-fest';
4
+ import type { OwpGridThemeConfigType } from './OwpGridThemeTypes';
5
+ import type { OwpTableThemeConfigType } from './OwpTableThemeTypes';
6
+ export type OwpSnackbarVariantType = 'default' | 'success' | 'info' | 'warning' | 'error';
7
+ export type OwpSnackbarVariantThemeConfigType = {
8
+ backgroundColor: string;
9
+ color: string;
10
+ };
11
+ export type OwpSnackbarThemeConfigType = Record<OwpSnackbarVariantType, OwpSnackbarVariantThemeConfigType>;
4
12
  export type OwpThemeType = {
5
13
  palette: PartialDeep<Palette>;
14
+ grid?: OwpGridThemeConfigType;
15
+ table?: OwpTableThemeConfigType;
6
16
  };
7
17
  export type OwpThemesType = {
8
18
  [key: string]: OwpThemeType;
@@ -20,6 +30,7 @@ export type OwpSettingsConfigType = {
20
30
  toolbar: OwpThemeType;
21
31
  footer: OwpThemeType;
22
32
  };
33
+ snackbar: OwpSnackbarThemeConfigType;
23
34
  defaultAuth?: string[];
24
35
  loginRedirectUrl: string;
25
36
  };
@@ -0,0 +1,16 @@
1
+ export type OwpTableHeaderThemeConfigType = {
2
+ backgroundColor?: string;
3
+ color?: string;
4
+ fontSize?: number | string;
5
+ fontWeight?: number | string;
6
+ };
7
+ export type OwpTableCellThemeConfigType = {
8
+ fontSize?: number | string;
9
+ };
10
+ export type OwpTableVariantThemeConfigType = {
11
+ header?: OwpTableHeaderThemeConfigType;
12
+ cell?: OwpTableCellThemeConfigType;
13
+ };
14
+ export type OwpTableThemeConfigType = OwpTableVariantThemeConfigType & {
15
+ field?: OwpTableVariantThemeConfigType;
16
+ };
@@ -1,3 +1,5 @@
1
- export type { OwpThemeType, OwpThemesType, OwpSettingsConfigType, } from './OwpSettingsTypes';
1
+ export type { OwpGridBodyThemeConfigType, OwpGridCellThemeConfigType, OwpGridChangedThemeConfigType, OwpGridEditableThemeConfigType, OwpGridHeaderThemeConfigType, OwpGridRowThemeConfigType, OwpGridStateThemeConfigType, OwpGridThemeConfigType, } from './OwpGridThemeTypes';
2
+ export type { OwpTableCellThemeConfigType, OwpTableHeaderThemeConfigType, OwpTableThemeConfigType, OwpTableVariantThemeConfigType, } from './OwpTableThemeTypes';
3
+ export type { OwpSnackbarThemeConfigType, OwpSnackbarVariantThemeConfigType, OwpSnackbarVariantType, OwpThemeType, OwpThemesType, OwpSettingsConfigType, } from './OwpSettingsTypes';
2
4
  export type { OwpFlatNavItemType, OwpNavBadgeType, OwpNavPermission, OwpNavItemType, OwpPermissionFlag, } from './OwpNavigationTypes';
3
5
  export type { AnyFormFieldType, ThemeFormConfigTypes } from './ThemeFormConfigTypes';
@@ -15,6 +15,7 @@ type TreeGridColumnVisibilityOptions = {
15
15
  type TreeGridHighlightTargetOption = {
16
16
  row: TRow;
17
17
  col: string;
18
+ backgroundColor?: string;
18
19
  };
19
20
  /**
20
21
  * TreeGrid 인스턴스 ID 조회
@@ -1,21 +1,26 @@
1
1
  var i = Object.defineProperty;
2
- var n = (r, t) => i(r, "name", { value: t, configurable: !0 });
2
+ var o = (t, e) => i(t, "name", { value: e, configurable: !0 });
3
3
  import { isObject as a } from "../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isObject.js";
4
- import { isArray as m } from "../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
5
- const c = /* @__PURE__ */ n((r) => a(r) && !m(r), "isFormDataUploadBody"), F = /* @__PURE__ */ n((r, t = {}) => {
6
- const { fileNameFieldName: o } = t;
7
- return !o || r[o] != null ? r : {
8
- ...r,
9
- [o]: r.file.name.normalize("NFC")
4
+ import { isArray as c } from "../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
5
+ const f = "FILE_NAME", m = /* @__PURE__ */ o((t) => a(t) && !c(t), "isFormDataUploadBody"), s = /* @__PURE__ */ o((t, e) => {
6
+ if (e)
7
+ return e;
8
+ const r = t.PAGEID, n = t.TABLENAME;
9
+ return typeof r == "string" && r && typeof n == "string" && n ? `${r}_${n}` : f;
10
+ }, "resolveFileNameFieldName"), N = /* @__PURE__ */ o((t, e = {}) => {
11
+ const r = s(t, e.fileNameFieldName);
12
+ return t[r] != null ? t : {
13
+ ...t,
14
+ [r]: t.file.name.normalize("NFC")
10
15
  };
11
- }, "normalizeFormDataUploadParams"), d = /* @__PURE__ */ n((r) => {
12
- const t = new FormData();
13
- return c(r) && Object.entries(r).forEach(([o, e]) => {
14
- e !== void 0 && t.append(o, e instanceof Blob ? e : String(e));
15
- }), t;
16
+ }, "normalizeFormDataUploadParams"), A = /* @__PURE__ */ o((t) => {
17
+ const e = new FormData();
18
+ return m(t) && Object.entries(t).forEach(([r, n]) => {
19
+ n !== void 0 && e.append(r, n instanceof Blob ? n : String(n));
20
+ }), e;
16
21
  }, "createFormDataBody");
17
22
  export {
18
- d as createFormDataBody,
19
- F as normalizeFormDataUploadParams
23
+ A as createFormDataBody,
24
+ N as normalizeFormDataUploadParams
20
25
  };
21
26
  //# sourceMappingURL=createFormDataBody.js.map