maru_design2 2.7.2 → 2.9.0

package/dist/components/molecules/table/header/THead.d.ts

@@ -6,7 +6,11 @@ interface Props {
     hasCheckbox?: boolean;
     allCheckbox: boolean;
     onAllCheck: (checked: boolean) => void;
-    hasKebabMenu: boolean;
+    hasActionCol: boolean;
+    filter?: {
+        on: boolean;
+        onReset: () => void;
+    };
 }
-declare function THead({ formats, currentSort, onSortClick, hasCheckbox, allCheckbox, onAllCheck, hasKebabMenu, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function THead({ formats, currentSort, onSortClick, hasCheckbox, allCheckbox, onAllCheck, hasActionCol, filter, }: Props): import("react/jsx-runtime").JSX.Element;
 export default THead;

package/dist/components/molecules/table/types.d.ts

@@ -6,25 +6,21 @@ export interface ISort {
 export interface IColumnFormats {
     columnIdKey: string;
     columnName?: string;
-    customHeader?: (content: any, colId: string) => React.ReactNode;
+    filter?: React.ReactNode;
     customColumn?: (content: any, rowId: string) => React.ReactNode;
     width?: string;
     sortable?: boolean;
     isHide?: boolean;
 }
-export interface IExpandingColumnFormats {
-    columnIdKeys: string[];
-    colSpan?: number;
-    customColumn?: (contents: any, rowId1: string, rowId2: string) => React.ReactNode;
-}
+export type TShow = 'none' | 'hover' | 'always';
 export interface TableProps {
-    data: Record<string, any>[];
     /**
      * 행 아이디로 쓸 키
      */
     rowIdKey: string;
+    data: Record<string, any>[];
     /**
-     * { columnIdKey, columnName, customHeader, customColumn, width, sortable, isHide }
+     * { columnIdKey, columnName, filter, customColumn, width, sortable, isHide }
      */
     formats: IColumnFormats[];
     /**
@@ -44,37 +40,42 @@ export interface TableProps {
      */
     onCheck?: (ids: string[]) => void;
     /**
-     * 더보기 메뉴. { content, width } (@v1 hamberger)
+     * 최우측 컬럼 헤더의 필터 영역. { on, onReset }
      */
-    kebabMenu?: {
-        content: (rowId: string, onClose: () => void) => React.ReactNode;
-        width?: string;
+    filter?: {
+        on: boolean;
+        onReset: () => void;
     };
     /**
-     * 테이블 행 click 이벤트
+     * 최우측 컬럼 바디의 더보기 메뉴. binButton과 같이 쓸 수 없음. { content, width } (@v1 hamberger)
      */
-    onRowClick?: (rowId: string) => void;
+    kebabMenu?: {
+        content: (rowId: string, onClose: () => void) => React.ReactNode;
+    };
     /**
-     * 테이블 행 mouse over 이벤트
+     * 최우측 컬럼 바디의 휴지통 버튼. kebabMenu와 같이 쓸 수 없음. { show, onClick }
      */
-    onRowMouseOver?: (rowId: string) => void;
+    binButton?: {
+        show: (rowId?: string) => TShow;
+        onClick: (rowId: string) => void;
+    };
     /**
-     * 테이블 행 mouse leave 이벤트
+     * 테이블 행 click 이벤트. rowId를 콜백함수에게 전달.
      */
-    onRowMouseLeave?: (rowId: string) => void;
-    className?: string;
-    id?: string;
+    onRowClick?: (rowId: string) => void;
     /**
-     * 선택된 행 스타일 지정 (@v1 focusedRowInfo)
+     * 선택된 행 스타일 지정, onRowClick과 조합해서 사용 가능 (@v1 focusedRowInfo)
      */
     selectedRow?: {
         rowId: string;
         className?: string;
     };
+    className?: string;
+    id?: string;
     /**
-     * 최대 높이
+     * body의 최대 높이
      */
-    tableMaxHeight?: number;
+    tableBodyMaxHeight?: number;
     /**
      * 데이터가 없을때의 조건과 문구
      */
@@ -89,4 +90,8 @@ export interface TableProps {
         isLoading: boolean;
         content?: React.ReactNode;
     };
+    /**
+     * 데이터가 없거나 로딩일때 높이
+     */
+    emptyContentHeight?: number;
 }

package/dist/components/molecules/toast/Toast.d.ts

@@ -1,7 +1,9 @@
+import React from 'react';
 import { TToastVariant } from '../../../enums/variant';
 export interface IToast {
     variant: TToastVariant;
     content: string;
+    description?: React.ReactNode;
     details?: string[];
     disableAutoOff?: boolean;
 }

package/dist/components/molecules/toast/ToastStyle.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TToastVariant } from '../../../enums/variant';
 import './toast.scss';
 export interface ToastStyleProps {
@@ -6,13 +7,17 @@ export interface ToastStyleProps {
      */
     variant: TToastVariant;
     /**
-     * 컴포넌트에 들어갈 내용
+     * 컴포넌트에 들어갈 한 줄짜리 내용
      */
     content: string;
+    /**
+     *  컴포넌트에 들어갈 커스텀 내용
+     */
+    description?: React.ReactNode;
     /**
      * details, summary 태그를 활용하여 노출할 내용
      */
     details?: string[];
     onClose: () => void;
 }
-export declare function ToastStyle({ variant, content, details, onClose, }: ToastStyleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastStyle({ variant, content, description, details, onClose, }: ToastStyleProps): import("react/jsx-runtime").JSX.Element;

package/dist/enums/color.d.ts

@@ -10,3 +10,5 @@ declare const DColor: {
 export declare const COLORS: string[];
 export type TColor = (typeof COLORS)[number];
 export { DColor };
+export declare const RADIO_COLORS: readonly ["default", "primary"];
+export type TRadioColor = (typeof RADIO_COLORS)[number];

package/dist/enums/gap.d.ts

@@ -1,2 +1,2 @@
-export declare const GAPS: readonly ["8px", "4px"];
+export declare const GAPS: readonly ["8px", "4px", "2px"];
 export type TGap = (typeof GAPS)[number];

package/dist/enums/size.d.ts

@@ -4,7 +4,5 @@ export declare const CHECKBOX_SIZES: readonly [16, 18, 24];
 export type TCheckboxSize = (typeof CHECKBOX_SIZES)[number];
 export declare const CHIP_SIZES: readonly ["small", "normal"];
 export type TChipSize = (typeof CHIP_SIZES)[number];
-export declare const ICON_SIZES: readonly [14, 16, 18, 20, 24, 32, 40, 48];
-export type TIconSize = (typeof ICON_SIZES)[number];
 export declare const MODAL_SIZES: readonly ["xs", "s", "m", "l", "xl"];
 export type TModalSize = (typeof MODAL_SIZES)[number];

package/dist/enums/variant.d.ts

@@ -2,7 +2,5 @@ export declare const BUTTON_VARIANTS: readonly ["default", "default-light", "out
 export type TButtonVariant = (typeof BUTTON_VARIANTS)[number];
 export declare const CHIP_VARIANTS: readonly ["default", "outline", "dot"];
 export type TChipVariant = (typeof CHIP_VARIANTS)[number];
-export declare const TOOLTIP_VARIANTS: readonly ["default", "error"];
-export type TTooltipVariant = (typeof TOOLTIP_VARIANTS)[number];
 export declare const TOAST_VARIANTS: readonly ["success", "warning", "danger"];
 export type TToastVariant = (typeof TOAST_VARIANTS)[number];