maru_design2 2.2.0 → 2.4.0

package/dist/components/atoms/chip/Chip.d.ts

@@ -1,12 +1,13 @@
+import React from 'react';
 import { TColor } from '../../../enums/color';
 import { TChipSize } from '../../../enums/size';
 import { TChipVariant } from '../../../enums/variant';
 import './chip.scss';
 export interface ChipProps {
     /**
-     * 컴포넌트에 들어갈 내용. number인 경우 천의 자리마다 컴마(,) 표시됨. [string | number]. (@v1 children)
+     * 컴포넌트에 들어갈 내용. number인 경우 천의 자리마다 컴마(,) 표시됨. [React.ReactNode | string | number].
      */
-    content: string | number;
+    children: React.ReactNode | string | number;
     className?: string;
     /**
      * ['primary', 'secondary', 'positive', 'warning', 'danger']. (@v1 variant)
@@ -21,4 +22,4 @@ export interface ChipProps {
      */
     variant?: TChipVariant;
 }
-export declare function Chip({ content, className, color, size, variant, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chip({ children, className, color, size, variant, }: ChipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/icon/iconmap.d.ts

@@ -23,13 +23,12 @@ export declare const iconmap: {
     };
 };
 export declare const ICONS: {
-    readonly K: "K";
-    readonly T: "T";
-    readonly V: "V";
+    readonly KThin: "KThin";
+    readonly TThin: "TThin";
+    readonly VThin: "VThin";
     readonly AddLineThin: "AddLineThin";
     readonly AlertCircleThin: "AlertCircleThin";
     readonly AlertTriangleThin: "AlertTriangleThin";
-    readonly AlertTriangle: "AlertTriangle";
     readonly ArrowRightThin: "ArrowRightThin";
     readonly ArrowRight: "ArrowRight";
     readonly Atom01Thin: "Atom01Thin";
@@ -39,13 +38,9 @@ export declare const ICONS: {
     readonly BookOpen02: "BookOpen02";
     readonly CalendarDate: "CalendarDate";
     readonly CalendarThin: "CalendarThin";
-    readonly Calendar: "Calendar";
     readonly CheckboxIndeterminateThin: "CheckboxIndeterminateThin";
-    readonly CheckboxIndeterminate: "CheckboxIndeterminate";
     readonly CheckboxOffThin: "CheckboxOffThin";
-    readonly CheckboxOff: "CheckboxOff";
     readonly CheckboxOnThin: "CheckboxOnThin";
-    readonly CheckboxOn: "CheckboxOn";
     readonly ChevronDownThin: "ChevronDownThin";
     readonly ChevronDown: "ChevronDown";
     readonly ChevronLeftDoubleThin: "ChevronLeftDoubleThin";
@@ -54,7 +49,6 @@ export declare const ICONS: {
     readonly ChevronRightDoubleThin: "ChevronRightDoubleThin";
     readonly ChevronRightThin: "ChevronRightThin";
     readonly ChevronRight: "ChevronRight";
-    readonly ChevronSelectorVerticalThin: "ChevronSelectorVerticalThin";
     readonly ChevronSelectorVertical: "ChevronSelectorVertical";
     readonly ChevronUpThin: "ChevronUpThin";
     readonly ChevronUp: "ChevronUp";
@@ -66,14 +60,13 @@ export declare const ICONS: {
     readonly Clipboard: "Clipboard";
     readonly CodeSnippet02: "CodeSnippet02";
     readonly Copy03Thin: "Copy03Thin";
-    readonly Copy03: "Copy03";
     readonly CornerDownRightThin: "CornerDownRightThin";
     readonly CornerDownRight: "CornerDownRight";
-    readonly CornerUpLeft: "CornerUpLeft";
-    readonly CornerUpRight: "CornerUpRight";
+    readonly CornerUpLeftThin: "CornerUpLeftThin";
+    readonly CornerUpRightThin: "CornerUpRightThin";
     readonly CurrencyDollar: "CurrencyDollar";
-    readonly Cursor04: "Cursor04";
-    readonly CursorBox: "CursorBox";
+    readonly Cursor04Thin: "Cursor04Thin";
+    readonly CursorBoxThin: "CursorBoxThin";
     readonly Database01Thin: "Database01Thin";
     readonly Database01: "Database01";
     readonly Database02Thin: "Database02Thin";
@@ -87,14 +80,11 @@ export declare const ICONS: {
     readonly DotsGridThin: "DotsGridThin";
     readonly DotsGrid: "DotsGrid";
     readonly DotsVerticalThin: "DotsVerticalThin";
-    readonly DotsVertical: "DotsVertical";
     readonly DownThin: "DownThin";
     readonly Download01Thin: "Download01Thin";
-    readonly Download01: "Download01";
     readonly Downstream: "Downstream";
     readonly Edit03Thin: "Edit03Thin";
-    readonly Edit03: "Edit03";
-    readonly Expand: "Expand";
+    readonly ExpandThin: "ExpandThin";
     readonly FiEyeOffThin: "FiEyeOffThin";
     readonly FiEyeThin: "FiEyeThin";
     readonly File02Thin: "File02Thin";
@@ -113,17 +103,16 @@ export declare const ICONS: {
     readonly FileX02Thin: "FileX02Thin";
     readonly FileX02: "FileX02";
     readonly FilterLinesThin: "FilterLinesThin";
-    readonly FilterLines: "FilterLines";
     readonly FolderUploadThin: "FolderUploadThin";
     readonly FolderUpload: "FolderUpload";
     readonly Globe01Thin: "Globe01Thin";
     readonly GraduationHat01Thin: "GraduationHat01Thin";
     readonly GraduationHat01: "GraduationHat01";
     readonly InformationThin: "InformationThin";
-    readonly Information: "Information";
     readonly LineChartDown01: "LineChartDown01";
     readonly Loading02Thin: "Loading02Thin";
     readonly Loading02: "Loading02";
+    readonly Lock01Thin: "Lock01Thin";
     readonly LogOut01Thin: "LogOut01Thin";
     readonly MessageCheckSquare: "MessageCheckSquare";
     readonly MessageCheckThin: "MessageCheckThin";
@@ -131,11 +120,10 @@ export declare const ICONS: {
     readonly MessageNotificationThin: "MessageNotificationThin";
     readonly MessageTextSquare02: "MessageTextSquare02";
     readonly MessageTextThin: "MessageTextThin";
+    readonly MessageThin: "MessageThin";
     readonly MessageXSquare: "MessageXSquare";
     readonly MessageXThin: "MessageXThin";
-    readonly Message: "Message";
     readonly MoveThin: "MoveThin";
-    readonly Move: "Move";
     readonly Network03: "Network03";
     readonly Network04: "Network04";
     readonly PauseThin: "PauseThin";
@@ -152,38 +140,33 @@ export declare const ICONS: {
     readonly RefreshCcw02: "RefreshCcw02";
     readonly RefreshCw01Thin: "RefreshCw01Thin";
     readonly RefreshCw02Thin: "RefreshCw02Thin";
-    readonly ReverseLeft: "ReverseLeft";
+    readonly ReverseLeftThin: "ReverseLeftThin";
     readonly SearchMdThin: "SearchMdThin";
     readonly SearchMd: "SearchMd";
     readonly Settings02Thin: "Settings02Thin";
     readonly Share03Thin: "Share03Thin";
-    readonly Share03: "Share03";
     readonly SortOutlineThin: "SortOutlineThin";
-    readonly SortOutline: "SortOutline";
     readonly StateThin: "StateThin";
     readonly StopCircleThin: "StopCircleThin";
     readonly StopCircle: "StopCircle";
     readonly SubtractLineThin: "SubtractLineThin";
     readonly SuccessThin: "SuccessThin";
     readonly SwitchHorizontal02Thin: "SwitchHorizontal02Thin";
-    readonly SwitchHorizontal02: "SwitchHorizontal02";
+    readonly TransformThin: "TransformThin";
     readonly Trash01Thin: "Trash01Thin";
     readonly Trash01: "Trash01";
     readonly Type01: "Type01";
     readonly UpThin: "UpThin";
     readonly Upload01Thin: "Upload01Thin";
-    readonly Upload01: "Upload01";
     readonly UserCircleThin: "UserCircleThin";
     readonly UserPlusThin: "UserPlusThin";
     readonly Users01Thin: "Users01Thin";
     readonly Users01: "Users01";
     readonly XCircleThin: "XCircleThin";
     readonly XCircle: "XCircle";
-    readonly XLargeThin: "XLargeThin";
     readonly XLarge: "XLarge";
     readonly XSmallThin: "XSmallThin";
-    readonly XSmall: "XSmall";
-    readonly ZoomIn: "ZoomIn";
-    readonly ZoomOut: "ZoomOut";
+    readonly ZoomInThin: "ZoomInThin";
+    readonly ZoomOutThin: "ZoomOutThin";
 };
 export type TIcons = (typeof ICONS)[keyof typeof ICONS];

package/dist/components/atoms/input/Input.d.ts

@@ -2,10 +2,6 @@ import React from 'react';
 import { TInputType } from '../../../enums/type';
 import './input.scss';
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    /**
-     * 초기화 함수 (@v1 hasClearBtn, onClear)
-     */
-    onClear: () => void;
     /**
      * 에러났을때 메시지. (@v1 isValid, validMessage)
      */
@@ -15,6 +11,10 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
      * 데이터 타입. ['text', 'password', 'number']
      */
     type?: TInputType;
+    /**
+     * 초기화 함수 (@v1 hasClearBtn, onClear)
+     */
+    onClear?: () => void;
     /**
      * input을 감싸고 있는 div의 ref, input은 일반 ref 사용
      */

package/dist/components/atoms/popover/Popover.d.ts

@@ -8,10 +8,6 @@ export interface PopoverProps {
     anchorEl: HTMLElement | null;
     children: React.ReactNode;
     open: boolean;
-    /**
-     * 배경 클릭 시 컴포넌트 닫히는지 여부
-     */
-    backdrop?: boolean;
     className?: string;
     direction?: TDirection;
     onClose: () => void;
@@ -20,4 +16,4 @@ export interface PopoverProps {
      */
     portal?: boolean;
 }
-export declare function Popover({ anchorEl, children, open, backdrop, className, direction, onClose, portal, }: PopoverProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Popover({ anchorEl, children, open, className, direction, onClose, portal, }: PopoverProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,3 +1,3 @@
 import { TableProps } from './types';
 import './table.scss';
-export declare function Table({ rowIdKey, data, formats, sort, onSort, checkedIds, onCheck, kebabMenu, className, id, tableMaxHeight, noData, loading, }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Table({ rowIdKey, data, formats, sort, onSort, checkedIds, onCheck, kebabMenu, onRowClick, selectedRow, onRowMouseOver, onRowMouseLeave, className, id, tableMaxHeight, noData, loading, }: TableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/table/body/TBody.d.ts

@@ -16,6 +16,13 @@ interface Props {
         isLoading: boolean;
         content?: React.ReactNode;
     };
+    onRowClick?: (rowId: string) => void;
+    selectedRow?: {
+        rowId: string;
+        className?: string;
+    };
+    onRowMouseOver?: (rowId: string) => void;
+    onRowMouseLeave?: (rowId: string) => void;
 }
-declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, hasKebabMenu, kebabContent, noData, loading, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, hasKebabMenu, kebabContent, onRowClick, selectedRow, onRowMouseOver, onRowMouseLeave, noData, loading, }: Props): import("react/jsx-runtime").JSX.Element;
 export default TBody;

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

@@ -50,8 +50,27 @@ export interface TableProps {
         content: (rowId: string, onClose: () => void) => React.ReactNode;
         width?: string;
     };
+    /**
+     * 테이블 행 click 이벤트
+     */
+    onRowClick?: (rowId: string) => void;
+    /**
+     * 테이블 행 mouse over 이벤트
+     */
+    onRowMouseOver?: (rowId: string) => void;
+    /**
+     * 테이블 행 mouse leave 이벤트
+     */
+    onRowMouseLeave?: (rowId: string) => void;
     className?: string;
     id?: string;
+    /**
+     * 선택된 행 스타일 지정 (@v1 focusedRowInfo)
+     */
+    selectedRow?: {
+        rowId: string;
+        className?: string;
+    };
     /**
      * 최대 높이
      */

package/dist/hooks/useCreatePortal.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface CreatePortalProps {
-    parent: HTMLElement;
+    parent?: HTMLElement;
     children: React.ReactNode;
 }
-declare const CreatePortal: ({ parent, children }: CreatePortalProps) => React.ReactPortal;
+declare function CreatePortal({ parent, children }: CreatePortalProps): React.ReactPortal | null;
 export { CreatePortal };