@owp/core 2.5.20 → 2.5.22

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

@@ -3,8 +3,10 @@ import type { HTMLAttributes, ReactNode } from 'react';
 interface OwpSectionProps {
     className?: string;
     headerProps?: HTMLAttributes<HTMLDivElement>;
+    titleContainerClassName?: string;
+    titleIconClassName?: string;
+    titleTextClassName?: string;
     disableTitleIcon?: boolean;
-    usePageTitle?: boolean;
     title?: ReactNode;
     actions?: ReactNode;
     leftSlot?: ReactNode;
@@ -12,6 +14,7 @@ interface OwpSectionProps {
     children?: ReactNode;
     iconSize?: IconProps['fontSize'];
     loading?: boolean;
+    showDivider?: boolean;
 }
 /**
  * OwpSection 컴포넌트
@@ -19,11 +22,14 @@ interface OwpSectionProps {
  * @param title 제목
  * @param disableTitleIcon disableTitleIcon 값
  * @param headerProps headerProps props
- * @param usePageTitle usePageTitle 값
+ * @param titleContainerClassName 제목 영역 CSS 클래스명
+ * @param titleIconClassName 제목 아이콘 CSS 클래스명
+ * @param titleTextClassName 제목 텍스트 CSS 클래스명
  * @param leftSlot leftSlot 값
  * @param centerSlot centerSlot 값
  * @param actions 액션 영역
  * @param loading 로딩 상태
+ * @param showDivider 구분선 표시 여부
  */
-declare const OwpSection: ({ className, title, disableTitleIcon, headerProps, usePageTitle, actions, leftSlot, centerSlot, children, iconSize, loading, }: OwpSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const OwpSection: ({ className, title, disableTitleIcon, headerProps, titleContainerClassName, titleIconClassName, titleTextClassName, actions, leftSlot, centerSlot, children, iconSize, loading, showDivider, }: OwpSectionProps) => import("react/jsx-runtime").JSX.Element;
 export { OwpSection };

package/dist/types/components/OwpSelectorBase/hooks/useOwpSelectorBase.d.ts

@@ -3,4 +3,4 @@ import { type OwpSelectorBaseHookResult, type OwpSelectorBaseProps } from '../ty
  * 공통 선택기 상태 훅
  * @param props 공통 선택기 props
  */
-export declare const useOwpSelectorBase: ({ allOptions, allValueMode, defaultValue, disableAllValueItem, multiple, name, onChange, options, value, }: OwpSelectorBaseProps) => OwpSelectorBaseHookResult;
+export declare const useOwpSelectorBase: ({ allOptions, allValueMode, defaultValue, multiple, name, onChange, options, showAllOption, value, }: OwpSelectorBaseProps) => OwpSelectorBaseHookResult;

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

@@ -21,7 +21,7 @@ export interface OwpSelectorBaseProps {
     selectorType?: OwpSelectorType;
     allValueMode?: OwpSelectorAllValueMode;
     defaultValue?: string;
-    disableAllValueItem?: boolean;
+    showAllOption?: boolean;
     disabled?: boolean;
     disableClientFilter?: boolean;
     error?: boolean;

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

@@ -32,7 +32,9 @@ interface OwpDataTableProps<T extends Row = Row> {
     canSelectingSingle?: boolean;
     canUseOrderBy?: boolean;
     canTableRadiusZero?: boolean;
+    canUseTableRadius?: boolean;
     canUseTreeGridStyle?: boolean;
+    tableBorderRadius?: string | number;
     fixedRowCount?: number;
 }
 type OwpDataTableBlurEvent = Record<string, unknown> & {
@@ -49,8 +51,10 @@ type OwpDataTableBlurEvent = Record<string, unknown> & {
  * @param rows 행 데이터 목록
  * @param selected selected 값
  * @param canTableRadiusZero 테이블 radius 0 사용 여부
+ * @param canUseTableRadius 테이블 radius 사용 여부
  * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
+ * @param tableBorderRadius 테이블 radius 값
  * @param fixedRowCount 고정 row 수
  */
-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;
+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;
 export {};

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

@@ -32,7 +32,10 @@ interface OwpFieldTableProps {
     colGroupSlot?: ReactNode;
     className?: string;
     tableLayout?: 'auto' | 'fixed';
+    canTableRadiusZero?: boolean;
+    canUseTableRadius?: boolean;
     canUseTreeGridStyle?: boolean;
+    tableBorderRadius?: string | number;
 }
 /**
  * OwpFieldTable 컴포넌트
@@ -45,7 +48,10 @@ interface OwpFieldTableProps {
  * @param colGroupSlot colGroupSlot 값
  * @param className className 값
  * @param tableLayout tableLayout 값
+ * @param canTableRadiusZero 테이블 radius 0 사용 여부
+ * @param canUseTableRadius 테이블 radius 사용 여부
  * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
+ * @param tableBorderRadius 테이블 radius 값
  */
-export declare function OwpFieldTable({ layout, titleWidth, titleSx, treeGridTitleCellSx, cellSx, data, colGroupSlot, className, tableLayout, canUseTreeGridStyle, }: OwpFieldTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function OwpFieldTable({ layout, titleWidth, titleSx, treeGridTitleCellSx, cellSx, data, colGroupSlot, className, tableLayout, canTableRadiusZero, canUseTableRadius, canUseTreeGridStyle, tableBorderRadius, }: OwpFieldTableProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,43 +1,7 @@
-import { type OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
-import { type OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';
-import { type Theme } from '@mui/material';
-import { type TableProps } from '@mui/material/Table';
-import { type TableContainerProps } from '@mui/material/TableContainer';
-import { type ReactNode } from 'react';
+import { type OwpTableBaseProps } from './internal/OwpTableBase';
 type OwpTableCellValue = string | number;
 type OwpTableHeaderRow = Record<string, OwpTableCellValue>;
-interface StyledTableProps extends TableProps {
-    canBodyFullHeight?: boolean;
-    canUseTreeGridStyle?: boolean;
-    containerProps?: TableContainerProps;
-    footerSlot?: ReactNode;
-    tableTheme?: OwpResolvedTableThemeConfigType;
-    tableLayout?: 'auto' | 'fixed';
-    treeGridTheme?: OwpResolvedGridThemeConfigType;
-    title?: string;
-    children: ReactNode;
-}
-/**
- * 총 row 수 표시 영역
- * @param borderColor 경계선 색상
- * @param totalCount 전체 row 수
- */
-export declare function OwpTableTotalCount({ borderColor, totalCount, }: {
-    borderColor?: string;
-    totalCount?: number;
-}): import("react/jsx-runtime").JSX.Element;
-/**
- * StyledTable 스타일 컴포넌트
- * @param canBodyFullHeight body full height 사용 여부
- * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
- * @param children 하위 콘텐츠
- * @param containerProps containerProps props
- * @param footerSlot footer 영역
- * @param tableLayout tableLayout 값
- */
-export declare const StyledTable: ({ canBodyFullHeight, canUseTreeGridStyle, children, className, containerProps, footerSlot, tableTheme: tableThemeProp, tableLayout, ...tableProps }: StyledTableProps) => import("react/jsx-runtime").JSX.Element;
-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>, {}, {}>;
-interface OwpTableProps<T> extends Omit<StyledTableProps, 'children'> {
+interface OwpTableProps<T> extends Omit<OwpTableBaseProps, 'children'> {
     canTotalCountRow?: boolean;
     headers: OwpTableHeaderRow | OwpTableHeaderRow[];
     rows: T[];
@@ -46,8 +10,12 @@ interface OwpTableProps<T> extends Omit<StyledTableProps, 'children'> {
 /**
  * OwpTable 컴포넌트
  * @param canTotalCountRow 전체 row 수 표시 여부
+ * @param canTableRadiusZero 테이블 radius 0 사용 여부
+ * @param canUseTableRadius 테이블 radius 사용 여부
+ * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
  * @param headers headers 값
  * @param rows 행 데이터 목록
+ * @param tableBorderRadius 테이블 radius 값
  * @param totalCount 전체 row 수
  */
 export declare function OwpTable<T>({ canTotalCountRow, headers, rows, totalCount, ...restTableProps }: OwpTableProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,34 @@
+import { type OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
+import { type OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';
+import { type TableProps } from '@mui/material/Table';
+import { type TableContainerProps } from '@mui/material/TableContainer';
+import { type ReactNode } from 'react';
+export interface OwpTableBaseProps extends TableProps {
+    canBodyFullHeight?: boolean;
+    canTableRadiusZero?: boolean;
+    canUseTableRadius?: boolean;
+    canUseTreeGridStyle?: boolean;
+    containerProps?: TableContainerProps;
+    footerSlot?: ReactNode;
+    tableTheme?: OwpResolvedTableThemeConfigType;
+    tableLayout?: 'auto' | 'fixed';
+    tableBorderRadius?: string | number;
+    treeGridTheme?: OwpResolvedGridThemeConfigType;
+    title?: string;
+    children: ReactNode;
+}
+/**
+ * OWP Table 기반 컨테이너
+ * @param canBodyFullHeight body full height 사용 여부
+ * @param canTableRadiusZero 테이블 radius 0 사용 여부
+ * @param canUseTableRadius 테이블 radius 사용 여부
+ * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
+ * @param children 하위 콘텐츠
+ * @param containerProps containerProps props
+ * @param footerSlot footer 영역
+ * @param tableLayout tableLayout 값
+ * @param tableBorderRadius 테이블 radius 값
+ */
+export declare const OwpTableBase: ({ canBodyFullHeight, canTableRadiusZero, canUseTableRadius, canUseTreeGridStyle, children, className, containerProps, footerSlot, tableTheme: tableThemeProp, tableLayout, tableBorderRadius, ...tableProps }: OwpTableBaseProps) => import("react/jsx-runtime").JSX.Element;
+/** OWP Table 기반 row */
+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>, {}, {}>;

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

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

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

@@ -1,4 +1,6 @@
 import type { OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';
+export declare const DEFAULT_TABLE_RADIUS = "0.5rem";
+export declare const DEFAULT_TABLE_HEADER_BACKGROUND_COLOR = "#f5f5f5";
 export declare const defaultStyledTableTheme: {
     borderColor: string;
     header: {
@@ -16,19 +18,19 @@ 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 borderBottom: `1px solid ${string}`;
     readonly borderLeft: "none";
     readonly borderRight: "none";
 };
 /** 기본 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;
     readonly padding: "7px 10px";
+    readonly borderBottom: `1px solid ${string}`;
     readonly borderLeft: "none";
     readonly borderRight: "none";
 };

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

@@ -0,0 +1,11 @@
+import type { SxProps, Theme } from '@mui/material';
+/**
+ * sx 조건부 배열 병합
+ * @param styles sx 목록
+ */
+export declare const mergeSx: (...styles: Array<SxProps<Theme> | undefined | false>) => SxProps<Theme>;
+/**
+ * table radius CSS 값 변환
+ * @param value radius 값
+ */
+export declare const toTableRadiusCssValue: (value: number | string) => string;

package/dist/types/components/OwpTextField/OwpTextMaskField.d.ts

@@ -2,7 +2,7 @@ import type { FormControlProps } from '@mui/material/FormControl';
 import type { InputProps as MuiInputProps } from '@mui/material/Input';
 import { type ReactNode } from 'react';
 import { type Definitions, type FactoryOpts } from 'imask';
-type TextMaskFieldChangeEvent = {
+export type OwpTextMaskFieldChangeEvent = {
     target: {
         name: string;
         value: string;
@@ -11,7 +11,7 @@ type TextMaskFieldChangeEvent = {
 };
 type TextMaskValue = FactoryOpts['mask'];
 interface CustomProps {
-    onMaskChange: (event: TextMaskFieldChangeEvent) => void;
+    onMaskChange: (event: OwpTextMaskFieldChangeEvent) => void;
     name?: string;
     mask: TextMaskValue;
     definitions?: Definitions;
@@ -28,5 +28,5 @@ type OwpTextMaskFieldProps = Omit<MuiInputProps, 'onChange' | 'inputComponent'>
  * @param definitions 사용자 정의 마스크 정의
  * @param onChange 마스크 변경 이벤트 핸들러
  */
-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;
+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;
 export {};

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

@@ -7,10 +7,10 @@ export interface OwpYesNoSelectorProps extends Omit<OwpOptionSelectorProps, 'opt
 /**
  * Y/N 선택 Select
  * @param label 입력 라벨
- * @param disableAllValueItem 전체 옵션 노출 여부
  * @param helperText 하단 안내 문구
  * @param yesLabel Y 항목 라벨
  * @param noLabel N 항목 라벨
+ * @param showAllOption 전체 옵션 노출 여부
  */
 declare const OwpYesNoSelector: ({ yesLabel, noLabel, ...optionSelectorProps }: OwpYesNoSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export { OwpYesNoSelector };

package/dist/types/dayjs.d.ts

@@ -0,0 +1,18 @@
+import dayjs from 'dayjs';
+import 'virtual:owp-dayjs-locale-en';
+import 'virtual:owp-dayjs-locale-ko';
+export type { ConfigType, Dayjs, OpUnitType } from 'dayjs';
+declare module 'dayjs' {
+    interface Dayjs {
+        isBetween(a: import('dayjs').ConfigType, b: import('dayjs').ConfigType, c?: import('dayjs').OpUnitType | null, d?: '()' | '[]' | '[)' | '(]'): boolean;
+    }
+}
+/**
+ * 브라우저 배포용 dayjs locale/plugin 초기화
+ */
+export declare const ensureDayjsBrowserSetup: () => typeof dayjs;
+/**
+ * 브라우저 배포용 dayjs 인스턴스
+ */
+export declare const owpDayjs: typeof dayjs;
+export default owpDayjs;

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

@@ -11,7 +11,6 @@ export * from './useDeepCompareEffect';
 export * from './useFormDataUploadMutation';
 export * from './useHeaderWrapState';
 export * from './useInitApp';
-export * from './useInitCommonCodes';
 export * from './useNavbar';
 export * from './useNavigation';
 export * from './useOwpSettings';

package/dist/types/hooks/internal/useMinimumVisibleState.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 최소 표시 상태
+ * @param visible 원본 표시 상태
+ * @param minDuration 최소 표시 시간
+ */
+declare const useMinimumVisibleState: (visible?: boolean, minDuration?: number) => boolean;
+export { useMinimumVisibleState };

package/dist/types/utils/dayjsBrowser.d.ts

@@ -1,7 +1 @@
-import dayjs from 'dayjs';
-import 'virtual:owp-dayjs-locale-en';
-import 'virtual:owp-dayjs-locale-ko';
-/**
- * 브라우저 배포용 dayjs locale/plugin 초기화
- */
-export declare const ensureDayjsBrowserSetup: () => typeof dayjs;
+export { default, ensureDayjsBrowserSetup, owpDayjs } from '@/dayjs';

package/dist/types/utils/formatDateToYmd.d.ts

@@ -1,4 +1,4 @@
-import { type ConfigType } from 'dayjs';
+import { type ConfigType } from '@/dayjs';
 /**
  * 날짜 문자열 포맷 유틸
  * @param date 원본 날짜 값

package/dist/utils/formatDateToYmd.js

@@ -1,9 +1,9 @@
 var m = Object.defineProperty;
 var Y = (o, r) => m(o, "name", { value: r, configurable: !0 });
-import t from "dayjs";
-const D = /* @__PURE__ */ Y((o, r = "YYYY-MM-DD") => o == null || o === "" ? "" : t(o).format(r), "formatDateToYmd"), a = /* @__PURE__ */ Y((o = "YYYY-MM-DD") => t().format(o), "getTodayYmd");
+import { owpDayjs as t } from "../dayjs.js";
+const n = /* @__PURE__ */ Y((o, r = "YYYY-MM-DD") => o == null || o === "" ? "" : t(o).format(r), "formatDateToYmd"), a = /* @__PURE__ */ Y((o = "YYYY-MM-DD") => t().format(o), "getTodayYmd");
 export {
-  D as formatDateToYmd,
+  n as formatDateToYmd,
   a as getTodayYmd
 };
 //# sourceMappingURL=formatDateToYmd.js.map

package/dist/utils/formatDateToYmd.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatDateToYmd.js","sources":["../../src/utils/formatDateToYmd.ts"],"sourcesContent":["import dayjs, { type ConfigType } from 'dayjs';\n\n/**\n * 날짜 문자열 포맷 유틸\n * @param date 원본 날짜 값\n * @param format 출력 포맷\n */\nexport const formatDateToYmd = (date?: ConfigType | null, format = 'YYYY-MM-DD') => {\n  if (date == null || date === '') {\n    return '';\n  }\n\n  return dayjs(date).format(format);\n};\n\n/**\n * 오늘 날짜 문자열 포맷 유틸\n * @param format 출력 포맷\n */\nexport const getTodayYmd = (format = 'YYYY-MM-DD') => dayjs().format(format);\n"],"names":["formatDateToYmd","__name","date","format","dayjs","getTodayYmd"],"mappings":";;;AAOO,MAAMA,IAAkB,gBAAAC,EAAA,CAACC,GAA0BC,IAAS,iBAC7DD,KAAQ,QAAQA,MAAS,KACpB,KAGFE,EAAMF,CAAI,EAAE,OAAOC,CAAM,GALH,oBAYlBE,IAAc,gBAAAJ,EAAA,CAACE,IAAS,iBAAiBC,EAAA,EAAQ,OAAOD,CAAM,GAAhD;"}
+{"version":3,"file":"formatDateToYmd.js","sources":["../../src/utils/formatDateToYmd.ts"],"sourcesContent":["import dayjs, { type ConfigType } from '@/dayjs';\n\n/**\n * 날짜 문자열 포맷 유틸\n * @param date 원본 날짜 값\n * @param format 출력 포맷\n */\nexport const formatDateToYmd = (date?: ConfigType | null, format = 'YYYY-MM-DD') => {\n  if (date == null || date === '') {\n    return '';\n  }\n\n  return dayjs(date).format(format);\n};\n\n/**\n * 오늘 날짜 문자열 포맷 유틸\n * @param format 출력 포맷\n */\nexport const getTodayYmd = (format = 'YYYY-MM-DD') => dayjs().format(format);\n"],"names":["formatDateToYmd","__name","date","format","dayjs","getTodayYmd"],"mappings":";;;AAOO,MAAMA,IAAkB,gBAAAC,EAAA,CAACC,GAA0BC,IAAS,iBAC7DD,KAAQ,QAAQA,MAAS,KACpB,KAGFE,EAAMF,CAAI,EAAE,OAAOC,CAAM,GALH,oBAYlBE,IAAc,gBAAAJ,EAAA,CAACE,IAAS,iBAAiBC,EAAA,EAAQ,OAAOD,CAAM,GAAhD;"}

package/dist/utils/treeGridExportExcelUtil.js

@@ -1,6 +1,6 @@
 var Z = Object.defineProperty;
 var l = (t, e) => Z(t, "name", { value: e, configurable: !0 });
-import $ from "dayjs";
+import { owpDayjs as $ } from "../dayjs.js";
 import { enqueueSnackbar as Q } from "notistack";
 import { exportExcelByBuffer as v } from "./excelUtil.js";
 import { loadExcelJSBrowser as tt } from "./exceljsBrowser.js";