@owp/core 2.5.20 → 2.5.21

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 (78) hide show
  1. package/dist/_virtual/index16.js +4 -4
  2. package/dist/_virtual/index17.js +4 -4
  3. package/dist/_virtual/index18.js +4 -4
  4. package/dist/_virtual/index19.js +4 -4
  5. package/dist/components/OwpCommonCode/OwpCommonCodeQuerySelector.js +26 -26
  6. package/dist/components/OwpCommonCode/OwpCommonCodeQuerySelector.js.map +1 -1
  7. package/dist/components/OwpCommonCode/OwpCommonCodeSelector.js +29 -29
  8. package/dist/components/OwpCommonCode/OwpCommonCodeSelector.js.map +1 -1
  9. package/dist/components/OwpMrtTable/OwpMrtTable.js +144 -141
  10. package/dist/components/OwpMrtTable/OwpMrtTable.js.map +1 -1
  11. package/dist/components/OwpOptionSelector/OwpOptionSelector.js +20 -20
  12. package/dist/components/OwpOptionSelector/OwpOptionSelector.js.map +1 -1
  13. package/dist/components/OwpPicker/OwpDatePicker.js +218 -236
  14. package/dist/components/OwpPicker/OwpDatePicker.js.map +1 -1
  15. package/dist/components/OwpPicker/OwpTimePicker.js +311 -340
  16. package/dist/components/OwpPicker/OwpTimePicker.js.map +1 -1
  17. package/dist/components/OwpPicker/constants/index.js +21 -6
  18. package/dist/components/OwpPicker/constants/index.js.map +1 -1
  19. package/dist/components/OwpPicker/utils/index.js +22 -0
  20. package/dist/components/OwpPicker/utils/index.js.map +1 -0
  21. package/dist/components/OwpQuerySelector/OwpQuerySelector.js +218 -205
  22. package/dist/components/OwpQuerySelector/OwpQuerySelector.js.map +1 -1
  23. package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js +59 -59
  24. package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js.map +1 -1
  25. package/dist/components/OwpSelectorBase/OwpSelectorSelect.js +88 -85
  26. package/dist/components/OwpSelectorBase/OwpSelectorSelect.js.map +1 -1
  27. package/dist/components/OwpSelectorBase/hooks/useOwpSelectorBase.js +93 -93
  28. package/dist/components/OwpSelectorBase/hooks/useOwpSelectorBase.js.map +1 -1
  29. package/dist/components/OwpTable/OwpDataTable.js +329 -317
  30. package/dist/components/OwpTable/OwpDataTable.js.map +1 -1
  31. package/dist/components/OwpTable/OwpFieldTable.js +78 -72
  32. package/dist/components/OwpTable/OwpFieldTable.js.map +1 -1
  33. package/dist/components/OwpTable/OwpTable.js +66 -219
  34. package/dist/components/OwpTable/OwpTable.js.map +1 -1
  35. package/dist/components/OwpTable/internal/OwpTableBase.js +170 -0
  36. package/dist/components/OwpTable/internal/OwpTableBase.js.map +1 -0
  37. package/dist/components/OwpTable/internal/OwpTableTotalCount.js +23 -0
  38. package/dist/components/OwpTable/internal/OwpTableTotalCount.js.map +1 -0
  39. package/dist/components/OwpTable/internal/defaultTableStyle.js +10 -10
  40. package/dist/components/OwpTable/internal/defaultTableStyle.js.map +1 -1
  41. package/dist/components/OwpTable/utils/tableSx.js +9 -0
  42. package/dist/components/OwpTable/utils/tableSx.js.map +1 -0
  43. package/dist/components/OwpTextField/OwpTextMaskField.js +95 -86
  44. package/dist/components/OwpTextField/OwpTextMaskField.js.map +1 -1
  45. package/dist/components/OwpTreeGrid/internal/hooks/useOwpTreeGridDatePickerEditor.js +158 -172
  46. package/dist/components/OwpTreeGrid/internal/hooks/useOwpTreeGridDatePickerEditor.js.map +1 -1
  47. package/dist/components/OwpYesNoSelector/OwpYesNoSelector.js.map +1 -1
  48. package/dist/features/themePreview/configs/table.js +4 -4
  49. package/dist/features/themePreview/configs/table.js.map +1 -1
  50. package/dist/index.js +91 -94
  51. package/dist/layout/components/toggles/NavigationSearchToggle.js +3 -3
  52. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/constants.js +1 -1
  53. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE93/constants.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/ITF/constants.js +1 -1
  56. 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
  57. package/dist/types/components/OwpCommonCode/OwpCommonCodeQuerySelector.d.ts +3 -3
  58. package/dist/types/components/OwpCommonCode/OwpCommonCodeSelector.d.ts +3 -3
  59. package/dist/types/components/OwpMrtTable/OwpMrtTable.d.ts +1 -0
  60. package/dist/types/components/OwpOptionSelector/OwpOptionSelector.d.ts +2 -2
  61. package/dist/types/components/OwpPicker/OwpDatePicker.d.ts +1 -1
  62. package/dist/types/components/OwpPicker/OwpTimePicker.d.ts +1 -1
  63. package/dist/types/components/OwpPicker/constants/index.d.ts +15 -0
  64. package/dist/types/components/OwpPicker/utils/index.d.ts +6 -0
  65. package/dist/types/components/OwpQuerySelector/OwpQuerySelector.d.ts +1 -1
  66. package/dist/types/components/OwpQuerySelector/types/types.d.ts +1 -0
  67. package/dist/types/components/OwpSelectorBase/hooks/useOwpSelectorBase.d.ts +1 -1
  68. package/dist/types/components/OwpSelectorBase/types/types.d.ts +1 -1
  69. package/dist/types/components/OwpTable/OwpDataTable.d.ts +5 -1
  70. package/dist/types/components/OwpTable/OwpFieldTable.d.ts +7 -1
  71. package/dist/types/components/OwpTable/OwpTable.d.ts +6 -38
  72. package/dist/types/components/OwpTable/internal/OwpTableBase.d.ts +34 -0
  73. package/dist/types/components/OwpTable/internal/OwpTableTotalCount.d.ts +9 -0
  74. package/dist/types/components/OwpTable/internal/defaultTableStyle.d.ts +4 -2
  75. package/dist/types/components/OwpTable/utils/tableSx.d.ts +11 -0
  76. package/dist/types/components/OwpTextField/OwpTextMaskField.d.ts +3 -3
  77. package/dist/types/components/OwpYesNoSelector/OwpYesNoSelector.d.ts +1 -1
  78. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  var n = Object.defineProperty;
2
2
  var G = (r, t) => n(r, "name", { value: t, configurable: !0 });
3
- import { __exports as L } from "../../../../../../../../_virtual/constants.js";
3
+ import { __exports as L } from "../../../../../../../../_virtual/constants2.js";
4
4
  var e;
5
5
  function o() {
6
6
  return e ? L : (e = 1, Object.defineProperty(L, "__esModule", {
@@ -1,6 +1,6 @@
1
1
  var o = Object.defineProperty;
2
2
  var r = (n, s) => o(n, "name", { value: s, configurable: !0 });
3
- import { __exports as e } from "../../../../../../../../_virtual/constants3.js";
3
+ import { __exports as e } from "../../../../../../../../_virtual/constants4.js";
4
4
  var t;
5
5
  function _() {
6
6
  return t ? e : (t = 1, Object.defineProperty(e, "__esModule", {
@@ -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/index16.js";
3
+ import n from "../../../../../../_virtual/index19.js";
4
4
  import m from "react-dom";
5
5
  import t from "react";
6
6
  import u from "./useWaitForDOMRef.js";
@@ -8,7 +8,6 @@ export type OwpCommonCodeQuerySelectorProps = Omit<SelectProps<string>, 'default
8
8
  apiUrl?: string;
9
9
  defaultValue?: string;
10
10
  description?: string;
11
- disableAllValueItem?: boolean;
12
11
  filterOptions?: (commonCode: OwpCommonCodeQueryItem) => boolean;
13
12
  groupId?: string;
14
13
  helperText?: string;
@@ -19,6 +18,7 @@ export type OwpCommonCodeQuerySelectorProps = Omit<SelectProps<string>, 'default
19
18
  queryKeyDeps?: readonly unknown[];
20
19
  responseListKey?: string;
21
20
  selectorType?: OwpSelectorType;
21
+ showAllOption?: boolean;
22
22
  textFieldProps?: Omit<TextFieldProps, 'defaultValue' | 'error' | 'helperText' | 'label' | 'onChange' | 'required' | 'value'>;
23
23
  useValueKeyDescription?: boolean;
24
24
  value?: string;
@@ -27,6 +27,6 @@ export type OwpCommonCodeQuerySelectorProps = Omit<SelectProps<string>, 'default
27
27
  * 원격 조회형 공통코드 선택기
28
28
  * @param props 원격 공통코드 선택기 props
29
29
  */
30
- export declare const OwpCommonCodeQuerySelector: ({ apiUrl, className, defaultValue, description, disableAllValueItem, error, filterOptions, fullWidth, groupId, helperText, label, labelResolver, multiple, onChange, query, queryKeyDeps, required, responseListKey, selectorType, textFieldProps, useValueKeyDescription, value, variant, ...selectProps }: OwpCommonCodeQuerySelectorProps) => import("react/jsx-runtime").JSX.Element;
31
- export declare const CommonCodeQuerySelector: ({ apiUrl, className, defaultValue, description, disableAllValueItem, error, filterOptions, fullWidth, groupId, helperText, label, labelResolver, multiple, onChange, query, queryKeyDeps, required, responseListKey, selectorType, textFieldProps, useValueKeyDescription, value, variant, ...selectProps }: OwpCommonCodeQuerySelectorProps) => import("react/jsx-runtime").JSX.Element;
30
+ export declare const OwpCommonCodeQuerySelector: ({ apiUrl, className, defaultValue, description, error, filterOptions, fullWidth, groupId, helperText, label, labelResolver, multiple, onChange, query, queryKeyDeps, required, responseListKey, selectorType, showAllOption, textFieldProps, useValueKeyDescription, value, variant, ...selectProps }: OwpCommonCodeQuerySelectorProps) => import("react/jsx-runtime").JSX.Element;
31
+ export declare const CommonCodeQuerySelector: ({ apiUrl, className, defaultValue, description, error, filterOptions, fullWidth, groupId, helperText, label, labelResolver, multiple, onChange, query, queryKeyDeps, required, responseListKey, selectorType, showAllOption, textFieldProps, useValueKeyDescription, value, variant, ...selectProps }: OwpCommonCodeQuerySelectorProps) => import("react/jsx-runtime").JSX.Element;
32
32
  export {};
@@ -7,13 +7,13 @@ export type OwpCommonCodeSelectorProps = Omit<SelectProps<string>, 'defaultValue
7
7
  codeId: string;
8
8
  description?: string;
9
9
  useValueKeyDescription?: boolean;
10
- disableAllValueItem?: boolean;
11
10
  helperText?: string;
12
11
  filterOptions?: (commonCode: CommonCode) => boolean;
13
12
  defaultValue?: string;
14
13
  multiple?: boolean;
15
14
  onChange?: CommonCodeSelectChangeHandler;
16
15
  selectorType?: OwpSelectorType;
16
+ showAllOption?: boolean;
17
17
  textFieldProps?: Omit<TextFieldProps, 'defaultValue' | 'error' | 'helperText' | 'label' | 'onChange' | 'required' | 'value'>;
18
18
  value?: string;
19
19
  };
@@ -21,6 +21,6 @@ export type OwpCommonCodeSelectorProps = Omit<SelectProps<string>, 'defaultValue
21
21
  * 공통코드 선택기
22
22
  * @param props 공통코드 선택기 props
23
23
  */
24
- export declare const OwpCommonCodeSelector: ({ className, codeId, defaultValue, description, disableAllValueItem, error, filterOptions, fullWidth, helperText, label, multiple, onChange, required, selectorType, textFieldProps, useValueKeyDescription, value, variant, ...selectProps }: OwpCommonCodeSelectorProps) => import("react/jsx-runtime").JSX.Element;
25
- export declare const CommonCodeSelector: ({ className, codeId, defaultValue, description, disableAllValueItem, error, filterOptions, fullWidth, helperText, label, multiple, onChange, required, selectorType, textFieldProps, useValueKeyDescription, value, variant, ...selectProps }: OwpCommonCodeSelectorProps) => import("react/jsx-runtime").JSX.Element;
24
+ export declare const OwpCommonCodeSelector: ({ className, codeId, defaultValue, description, error, filterOptions, fullWidth, helperText, label, multiple, onChange, required, selectorType, showAllOption, textFieldProps, useValueKeyDescription, value, variant, ...selectProps }: OwpCommonCodeSelectorProps) => import("react/jsx-runtime").JSX.Element;
25
+ export declare const CommonCodeSelector: ({ className, codeId, defaultValue, description, error, filterOptions, fullWidth, helperText, label, multiple, onChange, required, selectorType, showAllOption, textFieldProps, useValueKeyDescription, value, variant, ...selectProps }: OwpCommonCodeSelectorProps) => import("react/jsx-runtime").JSX.Element;
26
26
  export {};
@@ -13,6 +13,7 @@ type DataTableProps<TData extends MRT_RowData> = MaterialReactTableProps<TData>
13
13
  canTotalCountRow?: boolean;
14
14
  canUseTreeGridStyle?: boolean;
15
15
  headerCellStyle?: OwpMrtTableHeaderCellStyle;
16
+ tableBorderRadius?: string | number;
16
17
  totalCount?: number;
17
18
  };
18
19
  export type OwpMrtTableProps<TData extends MRT_RowData> = DataTableProps<TData>;
@@ -8,16 +8,16 @@ export interface OwpOptionSelectorOption {
8
8
  export interface OwpOptionSelectorProps extends Omit<SelectProps<string>, 'defaultValue' | 'multiple' | 'onChange' | 'renderValue' | 'value'> {
9
9
  label?: string;
10
10
  defaultValue?: string;
11
- disableAllValueItem?: boolean;
12
11
  helperText?: string;
13
12
  multiple?: boolean;
14
13
  onChange?: (event: SelectChangeEvent<string>, child: ReactNode) => void;
15
14
  options: OwpOptionSelectorOption[];
15
+ showAllOption?: boolean;
16
16
  value?: string;
17
17
  }
18
18
  /**
19
19
  * 옵션 선택기
20
20
  * @param props 옵션 선택기 props
21
21
  */
22
- declare const OwpOptionSelector: ({ className, defaultValue, disableAllValueItem, error, fullWidth, helperText, label, multiple, onChange, options, required, value, ...selectProps }: OwpOptionSelectorProps) => import("react/jsx-runtime").JSX.Element;
22
+ declare const OwpOptionSelector: ({ className, defaultValue, error, fullWidth, helperText, label, multiple, onChange, options, required, showAllOption, value, ...selectProps }: OwpOptionSelectorProps) => import("react/jsx-runtime").JSX.Element;
23
23
  export { OwpOptionSelector };
@@ -1,4 +1,4 @@
1
- import { TextFieldProps } from '@mui/material';
1
+ import { type TextFieldProps } from '@mui/material';
2
2
  import { DatePickerProps } from 'react-datepicker';
3
3
  export type DatePickerValue = string | Date;
4
4
  interface OwnProps {
@@ -1,4 +1,4 @@
1
- import { TextFieldProps } from '@mui/material';
1
+ import { type TextFieldProps } from '@mui/material';
2
2
  import { type TimePickerProps } from '@mui/x-date-pickers';
3
3
  import { type Dayjs } from 'dayjs';
4
4
  export type OwpTimePickerValue = string | Date | Dayjs;
@@ -2,4 +2,19 @@ export declare const VALUE_YEAR_FORMATTER = "YYYY";
2
2
  export declare const VALUE_MONTH_FORMATTER = "YYYY-MM";
3
3
  export declare const VALUE_DATE_FORMATTER = "YYYY-MM-DD";
4
4
  export declare const VALUE_TIME_FORMATTER = "HH:mm";
5
+ export declare const VALUE_TIME_SECOND_FORMATTER = "HH:mm:ss";
5
6
  export declare const PICKER_INVALID_INPUT_MESSAGE_KEY = "Message.\uC62C\uBC14\uB978 \uD615\uC2DD\uC73C\uB85C \uC785\uB825\uD574\uC8FC\uC138\uC694.";
7
+ export declare const TIME_PICKER_EDITOR_SECTION_WIDTH = 64;
8
+ export declare const TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH = 56;
9
+ export declare const TIME_PICKER_SELECTED_ITEM_SX: {
10
+ '&:hover': {
11
+ backgroundColor: string;
12
+ };
13
+ '&.Mui-selected': {
14
+ backgroundColor: string;
15
+ color: string;
16
+ '&:focus-visible, &:hover': {
17
+ backgroundColor: string;
18
+ };
19
+ };
20
+ };
@@ -0,0 +1,6 @@
1
+ /** focus 가능 요소 여부 */
2
+ export declare const isFocusableElement: (element: Element) => element is HTMLElement;
3
+ /** 루트 기준 인접 focus 요소 */
4
+ export declare const getAdjacentFocusableElement: (rootElement: HTMLElement, isBackward?: boolean) => HTMLElement;
5
+ /** Picker 입력 포맷 기반 IMask 패턴 */
6
+ export declare const getPickerInputMask: (valueFormat: string) => string;
@@ -3,4 +3,4 @@ import type { OwpQuerySelectorProps } from './types';
3
3
  * 원격 조회형 공통 선택기
4
4
  * @param props 원격 선택기 props
5
5
  */
6
- export declare const OwpQuerySelector: ({ apiUrl, asyncSearch, buildRequestQuery, className, disableAllValueItem, filterOptions, multiple, query, queryKeyDeps, responseListKey, selectorType, value, valueKey, valueResolver, labelKey, labelResolver, onChange, defaultValue, textFieldProps, ...selectorBaseProps }: OwpQuerySelectorProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const OwpQuerySelector: ({ apiUrl, asyncSearch, buildRequestQuery, className, filterOptions, forceEmptyOptions, multiple, query, queryKeyDeps, responseListKey, selectorType, value, valueKey, valueResolver, labelKey, labelResolver, onChange, defaultValue, showAllOption, textFieldProps, ...selectorBaseProps }: OwpQuerySelectorProps) => import("react/jsx-runtime").JSX.Element;
@@ -25,6 +25,7 @@ type OwpQuerySelectorSharedProps = Omit<OwpSelectorBaseProps, 'allOptions' | 'al
25
25
  apiUrl: string;
26
26
  buildRequestQuery?: (query: Record<string, unknown>) => Record<string, unknown>;
27
27
  filterOptions?: (items: OwpQuerySelectorItem[]) => OwpQuerySelectorItem[];
28
+ forceEmptyOptions?: boolean;
28
29
  onChange?: (event: OwpSelectorBaseChangeEvent) => void;
29
30
  query: Record<string, unknown>;
30
31
  /** 숨은 요청 조건용 React Query key 추가 deps */
@@ -3,4 +3,4 @@ import { type OwpSelectorBaseHookResult, type OwpSelectorBaseProps } from '../ty
3
3
  * 공통 선택기 상태 훅
4
4
  * @param props 공통 선택기 props
5
5
  */
6
- export declare const useOwpSelectorBase: ({ allOptions, allValueMode, defaultValue, disableAllValueItem, multiple, name, onChange, options, value, }: OwpSelectorBaseProps) => OwpSelectorBaseHookResult;
6
+ export declare const useOwpSelectorBase: ({ allOptions, allValueMode, defaultValue, multiple, name, onChange, options, showAllOption, value, }: OwpSelectorBaseProps) => OwpSelectorBaseHookResult;
@@ -21,7 +21,7 @@ export interface OwpSelectorBaseProps {
21
21
  selectorType?: OwpSelectorType;
22
22
  allValueMode?: OwpSelectorAllValueMode;
23
23
  defaultValue?: string;
24
- disableAllValueItem?: boolean;
24
+ showAllOption?: boolean;
25
25
  disabled?: boolean;
26
26
  disableClientFilter?: boolean;
27
27
  error?: boolean;
@@ -32,7 +32,9 @@ interface OwpDataTableProps<T extends Row = Row> {
32
32
  canSelectingSingle?: boolean;
33
33
  canUseOrderBy?: boolean;
34
34
  canTableRadiusZero?: boolean;
35
+ canUseTableRadius?: boolean;
35
36
  canUseTreeGridStyle?: boolean;
37
+ tableBorderRadius?: string | number;
36
38
  fixedRowCount?: number;
37
39
  }
38
40
  type OwpDataTableBlurEvent = Record<string, unknown> & {
@@ -49,8 +51,10 @@ type OwpDataTableBlurEvent = Record<string, unknown> & {
49
51
  * @param rows 행 데이터 목록
50
52
  * @param selected selected 값
51
53
  * @param canTableRadiusZero 테이블 radius 0 사용 여부
54
+ * @param canUseTableRadius 테이블 radius 사용 여부
52
55
  * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
56
+ * @param tableBorderRadius 테이블 radius 값
53
57
  * @param fixedRowCount 고정 row 수
54
58
  */
55
- export declare function OwpDataTable<T extends Row = Row>({ className, sx, headSx, headCells, rows, selected, canCheckbox, canTotalCountRow, canSelectingSingle, canUseOrderBy, canTableRadiusZero, canUseTreeGridStyle, fixedRowCount, onSelect, onBlur, }: OwpDataTableProps<T>): import("react/jsx-runtime").JSX.Element;
59
+ export declare function OwpDataTable<T extends Row = Row>({ className, sx, headSx, headCells, rows, selected, canCheckbox, canTotalCountRow, canSelectingSingle, canUseOrderBy, canTableRadiusZero, canUseTableRadius, canUseTreeGridStyle, tableBorderRadius, fixedRowCount, onSelect, onBlur, }: OwpDataTableProps<T>): import("react/jsx-runtime").JSX.Element;
56
60
  export {};
@@ -32,7 +32,10 @@ interface OwpFieldTableProps {
32
32
  colGroupSlot?: ReactNode;
33
33
  className?: string;
34
34
  tableLayout?: 'auto' | 'fixed';
35
+ canTableRadiusZero?: boolean;
36
+ canUseTableRadius?: boolean;
35
37
  canUseTreeGridStyle?: boolean;
38
+ tableBorderRadius?: string | number;
36
39
  }
37
40
  /**
38
41
  * OwpFieldTable 컴포넌트
@@ -45,7 +48,10 @@ interface OwpFieldTableProps {
45
48
  * @param colGroupSlot colGroupSlot 값
46
49
  * @param className className 값
47
50
  * @param tableLayout tableLayout 값
51
+ * @param canTableRadiusZero 테이블 radius 0 사용 여부
52
+ * @param canUseTableRadius 테이블 radius 사용 여부
48
53
  * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
54
+ * @param tableBorderRadius 테이블 radius 값
49
55
  */
50
- export declare function OwpFieldTable({ layout, titleWidth, titleSx, treeGridTitleCellSx, cellSx, data, colGroupSlot, className, tableLayout, canUseTreeGridStyle, }: OwpFieldTableProps): import("react/jsx-runtime").JSX.Element;
56
+ export declare function OwpFieldTable({ layout, titleWidth, titleSx, treeGridTitleCellSx, cellSx, data, colGroupSlot, className, tableLayout, canTableRadiusZero, canUseTableRadius, canUseTreeGridStyle, tableBorderRadius, }: OwpFieldTableProps): import("react/jsx-runtime").JSX.Element;
51
57
  export {};
@@ -1,43 +1,7 @@
1
- import { type OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
2
- import { type OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';
3
- import { type Theme } from '@mui/material';
4
- import { type TableProps } from '@mui/material/Table';
5
- import { type TableContainerProps } from '@mui/material/TableContainer';
6
- import { type ReactNode } from 'react';
1
+ import { type OwpTableBaseProps } from './internal/OwpTableBase';
7
2
  type OwpTableCellValue = string | number;
8
3
  type OwpTableHeaderRow = Record<string, OwpTableCellValue>;
9
- interface StyledTableProps extends TableProps {
10
- canBodyFullHeight?: boolean;
11
- canUseTreeGridStyle?: boolean;
12
- containerProps?: TableContainerProps;
13
- footerSlot?: ReactNode;
14
- tableTheme?: OwpResolvedTableThemeConfigType;
15
- tableLayout?: 'auto' | 'fixed';
16
- treeGridTheme?: OwpResolvedGridThemeConfigType;
17
- title?: string;
18
- children: ReactNode;
19
- }
20
- /**
21
- * 총 row 수 표시 영역
22
- * @param borderColor 경계선 색상
23
- * @param totalCount 전체 row 수
24
- */
25
- export declare function OwpTableTotalCount({ borderColor, totalCount, }: {
26
- borderColor?: string;
27
- totalCount?: number;
28
- }): import("react/jsx-runtime").JSX.Element;
29
- /**
30
- * StyledTable 스타일 컴포넌트
31
- * @param canBodyFullHeight body full height 사용 여부
32
- * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
33
- * @param children 하위 콘텐츠
34
- * @param containerProps containerProps props
35
- * @param footerSlot footer 영역
36
- * @param tableLayout tableLayout 값
37
- */
38
- export declare const StyledTable: ({ canBodyFullHeight, canUseTreeGridStyle, children, className, containerProps, footerSlot, tableTheme: tableThemeProp, tableLayout, ...tableProps }: StyledTableProps) => import("react/jsx-runtime").JSX.Element;
39
- 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>, {}, {}>;
40
- interface OwpTableProps<T> extends Omit<StyledTableProps, 'children'> {
4
+ interface OwpTableProps<T> extends Omit<OwpTableBaseProps, 'children'> {
41
5
  canTotalCountRow?: boolean;
42
6
  headers: OwpTableHeaderRow | OwpTableHeaderRow[];
43
7
  rows: T[];
@@ -46,8 +10,12 @@ interface OwpTableProps<T> extends Omit<StyledTableProps, 'children'> {
46
10
  /**
47
11
  * OwpTable 컴포넌트
48
12
  * @param canTotalCountRow 전체 row 수 표시 여부
13
+ * @param canTableRadiusZero 테이블 radius 0 사용 여부
14
+ * @param canUseTableRadius 테이블 radius 사용 여부
15
+ * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
49
16
  * @param headers headers 값
50
17
  * @param rows 행 데이터 목록
18
+ * @param tableBorderRadius 테이블 radius 값
51
19
  * @param totalCount 전체 row 수
52
20
  */
53
21
  export declare function OwpTable<T>({ canTotalCountRow, headers, rows, totalCount, ...restTableProps }: OwpTableProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,34 @@
1
+ import { type OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
2
+ import { type OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';
3
+ import { type TableProps } from '@mui/material/Table';
4
+ import { type TableContainerProps } from '@mui/material/TableContainer';
5
+ import { type ReactNode } from 'react';
6
+ export interface OwpTableBaseProps extends TableProps {
7
+ canBodyFullHeight?: boolean;
8
+ canTableRadiusZero?: boolean;
9
+ canUseTableRadius?: boolean;
10
+ canUseTreeGridStyle?: boolean;
11
+ containerProps?: TableContainerProps;
12
+ footerSlot?: ReactNode;
13
+ tableTheme?: OwpResolvedTableThemeConfigType;
14
+ tableLayout?: 'auto' | 'fixed';
15
+ tableBorderRadius?: string | number;
16
+ treeGridTheme?: OwpResolvedGridThemeConfigType;
17
+ title?: string;
18
+ children: ReactNode;
19
+ }
20
+ /**
21
+ * OWP Table 기반 컨테이너
22
+ * @param canBodyFullHeight body full height 사용 여부
23
+ * @param canTableRadiusZero 테이블 radius 0 사용 여부
24
+ * @param canUseTableRadius 테이블 radius 사용 여부
25
+ * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
26
+ * @param children 하위 콘텐츠
27
+ * @param containerProps containerProps props
28
+ * @param footerSlot footer 영역
29
+ * @param tableLayout tableLayout 값
30
+ * @param tableBorderRadius 테이블 radius 값
31
+ */
32
+ export declare const OwpTableBase: ({ canBodyFullHeight, canTableRadiusZero, canUseTableRadius, canUseTreeGridStyle, children, className, containerProps, footerSlot, tableTheme: tableThemeProp, tableLayout, tableBorderRadius, ...tableProps }: OwpTableBaseProps) => import("react/jsx-runtime").JSX.Element;
33
+ /** OWP Table 기반 row */
34
+ export declare const OwpTableBaseRow: 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<import("@mui/material").Theme>, {}, {}>;
@@ -0,0 +1,9 @@
1
+ /**
2
+ * 총 row 수 표시 영역
3
+ * @param borderColor 경계선 색상
4
+ * @param totalCount 전체 row 수
5
+ */
6
+ export declare function OwpTableTotalCount({ borderColor, totalCount, }: {
7
+ borderColor?: string;
8
+ totalCount?: number;
9
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,6 @@
1
1
  import type { OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';
2
+ export declare const DEFAULT_TABLE_RADIUS = ".8rem";
3
+ export declare const DEFAULT_TABLE_HEADER_BACKGROUND_COLOR = "#f5f5f5";
2
4
  export declare const defaultStyledTableTheme: {
3
5
  borderColor: string;
4
6
  header: {
@@ -16,19 +18,19 @@ export declare const defaultStyledTableTheme: {
16
18
  export declare const getDefaultTableCellSx: (tableTheme: OwpResolvedTableThemeConfigType) => {
17
19
  readonly fontSize: string | number;
18
20
  readonly backgroundColor: string;
19
- readonly borderBottomColor: string;
20
21
  readonly padding: "7px 10px";
22
+ readonly borderBottom: `1px solid ${string}`;
21
23
  readonly borderLeft: "none";
22
24
  readonly borderRight: "none";
23
25
  };
24
26
  /** 기본 table header cell sx */
25
27
  export declare const getDefaultTableHeaderCellSx: (tableTheme: OwpResolvedTableThemeConfigType, fallbackBackgroundColor?: string) => {
26
28
  readonly backgroundColor: string;
27
- readonly borderBottomColor: string;
28
29
  readonly color: string;
29
30
  readonly fontSize: string | number;
30
31
  readonly fontWeight: string | number;
31
32
  readonly padding: "7px 10px";
33
+ readonly borderBottom: `1px solid ${string}`;
32
34
  readonly borderLeft: "none";
33
35
  readonly borderRight: "none";
34
36
  };
@@ -0,0 +1,11 @@
1
+ import type { SxProps, Theme } from '@mui/material';
2
+ /**
3
+ * sx 조건부 배열 병합
4
+ * @param styles sx 목록
5
+ */
6
+ export declare const mergeSx: (...styles: Array<SxProps<Theme> | undefined | false>) => SxProps<Theme>;
7
+ /**
8
+ * table radius CSS 값 변환
9
+ * @param value radius 값
10
+ */
11
+ export declare const toTableRadiusCssValue: (value: number | string) => string;
@@ -2,7 +2,7 @@ import type { FormControlProps } from '@mui/material/FormControl';
2
2
  import type { InputProps as MuiInputProps } from '@mui/material/Input';
3
3
  import { type ReactNode } from 'react';
4
4
  import { type Definitions, type FactoryOpts } from 'imask';
5
- type TextMaskFieldChangeEvent = {
5
+ export type OwpTextMaskFieldChangeEvent = {
6
6
  target: {
7
7
  name: string;
8
8
  value: string;
@@ -11,7 +11,7 @@ type TextMaskFieldChangeEvent = {
11
11
  };
12
12
  type TextMaskValue = FactoryOpts['mask'];
13
13
  interface CustomProps {
14
- onMaskChange: (event: TextMaskFieldChangeEvent) => void;
14
+ onMaskChange: (event: OwpTextMaskFieldChangeEvent) => void;
15
15
  name?: string;
16
16
  mask: TextMaskValue;
17
17
  definitions?: Definitions;
@@ -28,5 +28,5 @@ type OwpTextMaskFieldProps = Omit<MuiInputProps, 'onChange' | 'inputComponent'>
28
28
  * @param definitions 사용자 정의 마스크 정의
29
29
  * @param onChange 마스크 변경 이벤트 핸들러
30
30
  */
31
- export declare function OwpTextMaskField({ className, sx, id: idProp, name, label, value, defaultValue, color, onChange, error, helperText, mask, definitions, variant, fullWidth, disabled, required, placeholder, autoFocus, inputProps, inputRef, }: OwpTextMaskFieldProps): import("react/jsx-runtime").JSX.Element;
31
+ export declare function OwpTextMaskField({ className, sx, id: idProp, name, label, value, defaultValue, color, onChange, error, helperText, mask, definitions, variant, fullWidth, disabled, required, size, placeholder, autoFocus, inputProps, inputRef, ...inputBaseProps }: OwpTextMaskFieldProps): import("react/jsx-runtime").JSX.Element;
32
32
  export {};
@@ -7,10 +7,10 @@ export interface OwpYesNoSelectorProps extends Omit<OwpOptionSelectorProps, 'opt
7
7
  /**
8
8
  * Y/N 선택 Select
9
9
  * @param label 입력 라벨
10
- * @param disableAllValueItem 전체 옵션 노출 여부
11
10
  * @param helperText 하단 안내 문구
12
11
  * @param yesLabel Y 항목 라벨
13
12
  * @param noLabel N 항목 라벨
13
+ * @param showAllOption 전체 옵션 노출 여부
14
14
  */
15
15
  declare const OwpYesNoSelector: ({ yesLabel, noLabel, ...optionSelectorProps }: OwpYesNoSelectorProps) => import("react/jsx-runtime").JSX.Element;
16
16
  export { OwpYesNoSelector };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@owp/core",
3
3
  "private": false,
4
- "version": "2.5.20",
4
+ "version": "2.5.21",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",