fone-design-system_v2 1.0.26 → 1.0.27

package/dist/components/ui/Breadcrumbs/Breadcrumbs.d.ts

@@ -17,9 +17,10 @@ export interface BreadcrumbsProps {
     itemsAfterCollapse?: number;
     /** 최대 표시 아이템 수를 초과할 경우 표시할 아이템 수 */
     itemsBeforeCollapse?: number;
+    sx?: any;
 }
 /** 현재 페이지의 위치를 나타내는 브레드크럼 컴포넌트 */
 export declare const Breadcrumbs: {
-    ({ items, separator, maxItems, itemsAfterCollapse, itemsBeforeCollapse, ...props }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+    ({ items, separator, maxItems, itemsAfterCollapse, itemsBeforeCollapse, sx, ...props }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/ui/Button/Button.d.ts

@@ -36,6 +36,7 @@ export interface ButtonProps extends Omit<MuiButtonProps<"button">, "color" | "s
     variant?: "text" | "outlined" | "contained";
     form?: string;
     type?: "submit" | "button" | "reset";
+    iconOnly?: boolean | undefined;
 }
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/components/ui/Select/Select.d.ts

@@ -29,6 +29,8 @@ export interface SelectProps extends Omit<MSelectProps, any>, CustomSelectProps
     center?: boolean;
     /** 메뉴 아이템에 추가로 적용할 sx */
     menuItemSx?: SxProps<Theme>;
+    /** SelectCell 등에서 폰트 크기 오버라이드 */
+    fontSize?: string;
 }
 declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
 export default Select;

package/dist/components/ui/VerticalTable/VerticalTable.d.ts

@@ -3,18 +3,18 @@ import { ButtonProps } from '../Button';
 type Buttons = {
     title?: string;
     onClick?: ButtonProps["onClick"];
-    variant?: ButtonProps["variant"];
+    variant?: ButtonProps["variant"] | string;
     disabled?: ButtonProps["disabled"];
 };
 type ColSpan = {
     span: number;
-    target: "th" | "td";
+    target: "th" | "td" | string;
 };
 type FieldRow = {
     accessorKey: string;
     title: string;
-    value?: string;
-    type?: "input" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datepicker" | "dateRangePicker" | "modal" | "button" | "date" | "text";
+    value?: string | React.ReactNode;
+    type?: "input" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datepicker" | "dateRangePicker" | "modal" | "button" | "date" | "text" | string;
     required?: boolean;
     textAlign?: "left" | "center" | "right";
     buttons?: Buttons[];
@@ -24,16 +24,25 @@ type FieldRow = {
         value: string;
     }[];
     onClick?: () => void;
+    startIcon?: {
+        icon: React.ReactNode;
+        onClick: () => void;
+    };
+    endIcon?: {
+        icon: React.ReactNode;
+        onClick: () => void;
+    };
 };
 export interface VerticalTableProps {
     data: {
-        [key: string]: string;
+        [key: string]: any;
     };
     items: FieldRow[];
     totalColumns: number;
     colGroup?: string[];
     title?: string;
     onSave?: (e: any) => void;
+    onTableChange?: (data: any) => void;
 }
 declare const VerticalTable: React.ForwardRefExoticComponent<VerticalTableProps & React.RefAttributes<HTMLTableElement>>;
 export default VerticalTable;

package/dist/components/ui/VerticalTable/VerticalTable.style.d.ts

@@ -1,7 +1,5 @@
-import * as React from "react";
-export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Title: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const Table: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const Th: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
-export declare const Td: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Table: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const Th: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+export declare const Td: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;

package/dist/components/ui/VerticalTable/table/ResizeColumns.d.ts

@@ -0,0 +1,5 @@
+interface ResizeColumnsProps {
+    colGroup?: string[];
+}
+declare const ResizeColumns: ({ colGroup }: ResizeColumnsProps) => import("react/jsx-runtime").JSX.Element;
+export default ResizeColumns;

package/dist/components/ui/VerticalTable/table/Row.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface RowProps {
+    formData: Record<string, any>;
+    setField: (key: string, value: any) => void;
+    row: any[];
+    rowIdx: React.Key | null | undefined;
+    getSpan: (kind: "th" | "td", key: string) => number;
+    colGroup?: string[];
+}
+declare const Row: ({ formData, setField, row, rowIdx, getSpan, colGroup, }: RowProps) => import("react/jsx-runtime").JSX.Element;
+export default Row;

package/dist/components/ui/VerticalTable/table/Rows.d.ts

@@ -0,0 +1,9 @@
+interface RowsProps {
+    formData: Record<string, any>;
+    setField: (key: string, value: any) => void;
+    rows?: any[];
+    getSpan: (kind: "th" | "td", key: string) => number;
+    colGroup?: string[];
+}
+declare const Rows: ({ formData, setField, rows, getSpan, colGroup }: RowsProps) => import("react/jsx-runtime").JSX.Element;
+export default Rows;

package/dist/components/ui/VerticalTable/table/TableContainer.d.ts

@@ -0,0 +1,9 @@
+interface TableContainerProps {
+    formData: Record<string, any>;
+    setField: (key: string, value: any) => void;
+    rows?: any[];
+    getSpan: (kind: "th" | "td", key: string) => number;
+    colGroup?: string[];
+}
+declare const TableContainer: ({ formData, setField, rows, getSpan, colGroup, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default TableContainer;

package/dist/components/ui/VerticalTable/table/td/CheckboxCell.d.ts

@@ -0,0 +1,7 @@
+interface CheckboxCellProps {
+    formData?: Record<string, any>;
+    setField?: (key: string, value: any) => void;
+    accessorKey?: any;
+}
+declare const CheckboxCell: ({ formData, setField, accessorKey, }: CheckboxCellProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxCell;

package/dist/components/ui/VerticalTable/table/td/DatePickerCell.d.ts

@@ -0,0 +1,7 @@
+interface DatePickerCellProps {
+    accessorKey: string;
+    formData: Record<string, any>;
+    setField: (key: string, value: any) => void;
+}
+declare const DatePickerCell: ({ accessorKey, formData, setField, }: DatePickerCellProps) => import("react/jsx-runtime").JSX.Element;
+export default DatePickerCell;

package/dist/components/ui/VerticalTable/table/td/DateRangePickerCell.d.ts

@@ -0,0 +1,7 @@
+interface DateRangePickerCellProps {
+    accessorKey: string;
+    formData: Record<string, any>;
+    setField: (key: string, value: any) => void;
+}
+declare const DateRangePickerCell: ({ accessorKey, formData, setField, }: DateRangePickerCellProps) => import("react/jsx-runtime").JSX.Element;
+export default DateRangePickerCell;

package/dist/components/ui/VerticalTable/table/td/InputCell.d.ts

@@ -0,0 +1,8 @@
+interface InputCellProps {
+    accessorKey: string;
+    formData: Record<string, any>;
+    setField: (key: string, value: any) => void;
+    icon?: React.ReactNode;
+}
+declare const InputCell: ({ accessorKey, formData, setField, icon, }: InputCellProps) => import("react/jsx-runtime").JSX.Element;
+export default InputCell;

package/dist/components/ui/VerticalTable/table/td/InputNumCell.d.ts

@@ -0,0 +1,8 @@
+interface InputNumCellProps {
+    accessorKey: string;
+    formData: Record<string, any>;
+    setField: (key: string, value: any) => void;
+    icon?: React.ReactNode;
+}
+declare const InputNumCell: ({ accessorKey, formData, setField, icon, }: InputNumCellProps) => import("react/jsx-runtime").JSX.Element;
+export default InputNumCell;

package/dist/components/ui/VerticalTable/table/td/ModalCell.d.ts

@@ -0,0 +1,5 @@
+interface ModalCellProps {
+    onClick?: () => void;
+}
+declare const ModalCell: ({ onClick }: ModalCellProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalCell;

package/dist/components/ui/VerticalTable/table/td/SelectCell.d.ts

@@ -0,0 +1,16 @@
+interface SelectCellProps {
+    formData: Record<string, any>;
+    cellItem: {
+        accessorKey: string;
+        value?: string;
+        type?: "input" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datepicker" | "dateRangePicker" | "modal" | "button" | "date" | "text";
+        required?: boolean;
+        menuItems?: {
+            label: string;
+            value: string;
+        }[];
+    };
+    setField: (key: string, value: any) => void;
+}
+declare const SelectCell: ({ formData, cellItem, setField }: SelectCellProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectCell;

package/dist/components/ui/VerticalTable/table/td/Td.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+interface TdProps {
+    value?: string;
+    vSpan?: number;
+    buttons?: {
+        title: string;
+        variant?: "contained" | "outlined";
+        disabled?: boolean;
+    }[];
+    cellItem: {
+        accessorKey: string;
+        value: string;
+        type?: "input" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datepicker" | "dateRangePicker" | "modal" | "button" | "date" | "text";
+        required?: boolean;
+        menuItems?: {
+            label: string;
+            value: string;
+        }[];
+        onClick?: () => void;
+        startIcon?: {
+            icon: React.ReactNode;
+            onClick: () => void;
+        };
+        endIcon?: {
+            icon: React.ReactNode;
+            onClick: () => void;
+        };
+    };
+    formData: Record<string, any>;
+    setField: (key: string, value: any) => void;
+}
+declare const Td: ({ value, vSpan, buttons, cellItem, formData, setField, }: TdProps) => import("react/jsx-runtime").JSX.Element;
+export default Td;

package/dist/components/ui/VerticalTable/table/td/TextCell.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface TextCellProps {
+    value: string;
+    icon?: React.ReactNode;
+}
+declare const TextCell: ({ value, icon }: TextCellProps) => import("react/jsx-runtime").JSX.Element;
+export default TextCell;

package/dist/components/ui/VerticalTable/table/th/Th.d.ts

@@ -0,0 +1,8 @@
+interface ThProps {
+    title?: string;
+    required?: boolean;
+    colGroup?: string[];
+    tSpan?: number;
+}
+declare const Th: ({ title, required, colGroup, tSpan }: ThProps) => import("react/jsx-runtime").JSX.Element;
+export default Th;

package/dist/components/ui/VerticalTable/title/Buttons.d.ts

@@ -0,0 +1,10 @@
+interface ButtonsProps {
+    onSave?: (e: any) => void;
+    formData: Record<string, any>;
+    items: {
+        accessorKey: string;
+        required?: boolean;
+    }[];
+}
+declare const Buttons: ({ onSave, formData, items }: ButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export default Buttons;

package/dist/components/ui/VerticalTable/title/Title.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    title?: string;
+}
+declare const Title: ({ title }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Title;

package/dist/components/ui/VerticalTable/title/TitleContainer.d.ts

@@ -0,0 +1,11 @@
+interface TitleContainerProps {
+    title?: string;
+    onSave?: (e: any) => void;
+    formData: Record<string, any>;
+    items: {
+        accessorKey: string;
+        required?: boolean;
+    }[];
+}
+declare const TitleContainer: ({ title, onSave, formData, items, }: TitleContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default TitleContainer;