maru_design2 2.27.2 → 2.28.0

package/dist/components/molecules/dropdown/Dropdown.d.ts

@@ -1,90 +1,90 @@
-import React from 'react';
-import { TColor } from '../../../enums/color';
-import { TDropdownType } from '../../../enums/type';
-import { IconProps } from '../../atoms/icon';
-import './dropdown.scss';
-interface DropdownProps<T extends Record<string, any>> {
-    data: T[];
-    /**
-     * 선택된 아이디
-     */
-    selectedId: string | undefined;
-    onSelect: (id?: string) => void;
-    /**
-     * 아이디로 쓸 키
-     */
-    idKey: string;
-    /**
-     * 노출로 쓸 키
-     */
-    displayKey: string;
-    className?: string;
-    /**
-     * 드롭다운 버튼의 placeholder
-     */
-    placeholder?: string;
-    /**
-     * 메뉴 내 검색창의 placeholder
-     */
-    searchPlaceholder?: string;
-    disabled?: boolean;
-    color?: TColor;
-    /**
-     * true로 하면 드롭다운으로 이벤트가 가지 않음
-     */
-    stopPropagation?: boolean;
-    /**
-     * 데이터 타입 (@v1 isSearch)
-     */
-    type?: TDropdownType;
-    /**
-     * 에러났을때 메시지. (@v1 isValid, validMessage)
-     */
-    errorMessage?: string;
-    label?: string;
-    /**
-     * 초기화 함수 (@v1 hasClearBtn, onClear)
-     */
-    onClear?: () => void;
-    /**
-     * 데이터가 없을때의 문구
-     */
-    noDataMessage?: string;
-    /**
-     * 검색 결과가 없을때의 문구
-     */
-    noResultMessage?: string;
-    /**
-     * 토글, 메뉴 가로 크기(px) (@v1 menuPosition.width)
-     */
-    width?: number;
-    /**
-     * 메뉴 세로 크기(px) (@v1 menuPosition.height)
-     */
-    height?: number;
-    /**
-     * 드롭다운 토글 버튼 사용자 정의 노드. (@v1 toggleChildren)
-     */
-    customButton?: React.ReactNode;
-    /**
-     * 메뉴 아이템 사용자 정의 노드. (@v1 CustomMenuFormat)
-     */
-    customMenuItem?: ({ children, rowId, }: {
-        children: React.ReactNode;
-        rowId: string | number;
-    }) => JSX.Element;
-    /**
-     * 컴포넌트 위치의 기준이 될 엘리먼트 사용자 정의. (@v1 portalAnchor)
-     */
-    anchorEl?: HTMLElement | null;
-    /**
-     * 메뉴 맨 밑에 버튼
-     */
-    menuBottomButton?: {
-        content: string;
-        startIcon?: IconProps;
-        onClick: () => void;
-    };
-}
-export declare function Dropdown<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, className, placeholder, searchPlaceholder, disabled, color, stopPropagation, type, errorMessage, label, onClear, noDataMessage, noResultMessage, width, height, customButton, customMenuItem, anchorEl, menuBottomButton, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+import { TColor } from '../../../enums/color';
+import { TDropdownType } from '../../../enums/type';
+import { IconProps } from '../../atoms/icon';
+import './dropdown.scss';
+interface DropdownProps<T extends Record<string, any>> {
+    data: T[];
+    /**
+     * 선택된 아이디
+     */
+    selectedId: string | undefined;
+    onSelect: (id?: string) => void;
+    /**
+     * 아이디로 쓸 키
+     */
+    idKey: string;
+    /**
+     * 노출로 쓸 키
+     */
+    displayKey: string;
+    className?: string;
+    /**
+     * 드롭다운 버튼의 placeholder
+     */
+    placeholder?: string;
+    /**
+     * 메뉴 내 검색창의 placeholder
+     */
+    searchPlaceholder?: string;
+    disabled?: boolean;
+    color?: TColor;
+    /**
+     * true로 하면 드롭다운으로 이벤트가 가지 않음
+     */
+    stopPropagation?: boolean;
+    /**
+     * 데이터 타입 (@v1 isSearch)
+     */
+    type?: TDropdownType;
+    /**
+     * 에러났을때 메시지. (@v1 isValid, validMessage)
+     */
+    errorMessage?: string;
+    label?: string;
+    /**
+     * 초기화 함수 (@v1 hasClearBtn, onClear)
+     */
+    onClear?: () => void;
+    /**
+     * 데이터가 없을때의 문구
+     */
+    noDataMessage?: string;
+    /**
+     * 검색 결과가 없을때의 문구
+     */
+    noResultMessage?: string;
+    /**
+     * 토글, 메뉴 가로 크기(px) (@v1 menuPosition.width)
+     */
+    width?: number;
+    /**
+     * 메뉴 세로 크기(px) (@v1 menuPosition.height)
+     */
+    height?: number;
+    /**
+     * 드롭다운 토글 버튼 사용자 정의 노드. (@v1 toggleChildren)
+     */
+    customButton?: React.ReactNode;
+    /**
+     * 메뉴 아이템 사용자 정의 노드. (@v1 CustomMenuFormat)
+     */
+    customMenuItem?: ({ children, rowId, }: {
+        children: React.ReactNode;
+        rowId: string | number;
+    }) => JSX.Element;
+    /**
+     * 컴포넌트 위치의 기준이 될 엘리먼트 사용자 정의. (@v1 portalAnchor)
+     */
+    anchorEl?: HTMLElement | null;
+    /**
+     * 메뉴 맨 밑에 버튼
+     */
+    menuBottomButton?: {
+        content: string;
+        startIcon?: IconProps;
+        onClick: () => void;
+    };
+}
+export declare function Dropdown<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, className, placeholder, searchPlaceholder, disabled, color, stopPropagation, type, errorMessage, label, onClear, noDataMessage, noResultMessage, width, height, customButton, customMenuItem, anchorEl, menuBottomButton, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/dropdown/index.d.ts

@@ -1 +1 @@
-export * from './Dropdown';
+export * from './Dropdown';

package/dist/components/molecules/dropdown/menu/MenuItem.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-interface Props<T extends Record<string, any>> {
-    item: T;
-    selectedId: string | undefined;
-    onSelect: (id?: string) => void;
-    idKey: string;
-    displayKey: string;
-    width?: number;
-    customMenuItem?: ({ children, rowId, }: {
-        children: React.ReactNode;
-        rowId: string | number;
-    }) => JSX.Element;
-    onClose: () => void;
-}
-declare function MenuItem<T extends Record<string, any>>({ item, selectedId, onSelect, idKey, displayKey, width, customMenuItem: CustomMenuItem, onClose, }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default MenuItem;
+import React from 'react';
+interface Props<T extends Record<string, any>> {
+    item: T;
+    selectedId: string | undefined;
+    onSelect: (id?: string) => void;
+    idKey: string;
+    displayKey: string;
+    width?: number;
+    customMenuItem?: ({ children, rowId, }: {
+        children: React.ReactNode;
+        rowId: string | number;
+    }) => JSX.Element;
+    onClose: () => void;
+}
+declare function MenuItem<T extends Record<string, any>>({ item, selectedId, onSelect, idKey, displayKey, width, customMenuItem: CustomMenuItem, onClose, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default MenuItem;

package/dist/components/molecules/dropdown/menu/index.d.ts

@@ -1,31 +1,31 @@
-import React from 'react';
-import { TColor } from '../../../../enums/color';
-import { IconProps } from '../../../atoms/icon';
-interface Props<T extends Record<string, any>> {
-    data: T[];
-    selectedId: string | undefined;
-    onSelect: (id?: string) => void;
-    idKey: string;
-    displayKey: string;
-    color?: TColor;
-    searchPlaceholder?: string;
-    noDataMessage?: string;
-    noResultMessage?: string;
-    width?: number;
-    height?: number;
-    customMenuItem?: ({ children, rowId, }: {
-        children: React.ReactNode;
-        rowId: string | number;
-    }) => JSX.Element;
-    isSearch: boolean;
-    parent: HTMLElement;
-    open: boolean;
-    onClose: () => void;
-    menuBottomButton?: {
-        content: string;
-        startIcon?: IconProps;
-        onClick: () => void;
-    };
-}
-declare function DropdownMenu<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, color, searchPlaceholder, noDataMessage, noResultMessage, width, height, customMenuItem, isSearch, parent, open, onClose, menuBottomButton, }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default DropdownMenu;
+import React from 'react';
+import { TColor } from '../../../../enums/color';
+import { IconProps } from '../../../atoms/icon';
+interface Props<T extends Record<string, any>> {
+    data: T[];
+    selectedId: string | undefined;
+    onSelect: (id?: string) => void;
+    idKey: string;
+    displayKey: string;
+    color?: TColor;
+    searchPlaceholder?: string;
+    noDataMessage?: string;
+    noResultMessage?: string;
+    width?: number;
+    height?: number;
+    customMenuItem?: ({ children, rowId, }: {
+        children: React.ReactNode;
+        rowId: string | number;
+    }) => JSX.Element;
+    isSearch: boolean;
+    parent: HTMLElement;
+    open: boolean;
+    onClose: () => void;
+    menuBottomButton?: {
+        content: string;
+        startIcon?: IconProps;
+        onClick: () => void;
+    };
+}
+declare function DropdownMenu<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, color, searchPlaceholder, noDataMessage, noResultMessage, width, height, customMenuItem, isSearch, parent, open, onClose, menuBottomButton, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default DropdownMenu;

package/dist/components/molecules/dropdown/toggleButton/Arrow.d.ts

@@ -1,9 +1,9 @@
-import { TColor } from '../../../../enums/color';
-interface Props {
-    open: boolean;
-    focus: boolean;
-    color: TColor;
-    disabled?: boolean;
-}
-declare function Arrow({ open, focus, color, disabled }: Props): import("react/jsx-runtime").JSX.Element;
-export default Arrow;
+import { TColor } from '../../../../enums/color';
+interface Props {
+    open: boolean;
+    focus: boolean;
+    color: TColor;
+    disabled?: boolean;
+}
+declare function Arrow({ open, focus, color, disabled }: Props): import("react/jsx-runtime").JSX.Element;
+export default Arrow;

package/dist/components/molecules/dropdown/toggleButton/Clear.d.ts

@@ -1,6 +1,6 @@
-interface Props {
-    focus: boolean;
-    onClear: () => void;
-}
-declare function Clear({ focus, onClear }: Props): import("react/jsx-runtime").JSX.Element;
-export default Clear;
+interface Props {
+    focus: boolean;
+    onClear: () => void;
+}
+declare function Clear({ focus, onClear }: Props): import("react/jsx-runtime").JSX.Element;
+export default Clear;

package/dist/components/molecules/dropdown/toggleButton/index.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { TColor } from '../../../../enums/color';
-interface Props<T extends Record<string, any>> {
-    displayKey: string;
-    placeholder?: string;
-    disabled?: boolean;
-    color: TColor;
-    stopPropagation?: boolean;
-    width?: number;
-    customButton?: React.ReactNode;
-    open: boolean;
-    selected: T | undefined;
-    errored?: boolean;
-    hasClearBtn: boolean;
-    onClear: () => void;
-    onClick: () => void;
-}
-declare function DropdownToggleButton<T extends Record<string, any>>({ displayKey, placeholder, disabled, color, stopPropagation, width, customButton, open, selected, errored, hasClearBtn, onClear, onClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default DropdownToggleButton;
+import React from 'react';
+import { TColor } from '../../../../enums/color';
+interface Props<T extends Record<string, any>> {
+    displayKey: string;
+    placeholder?: string;
+    disabled?: boolean;
+    color: TColor;
+    stopPropagation?: boolean;
+    width?: number;
+    customButton?: React.ReactNode;
+    open: boolean;
+    selected: T | undefined;
+    errored?: boolean;
+    hasClearBtn: boolean;
+    onClear: () => void;
+    onClick: () => void;
+}
+declare function DropdownToggleButton<T extends Record<string, any>>({ displayKey, placeholder, disabled, color, stopPropagation, width, customButton, open, selected, errored, hasClearBtn, onClear, onClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default DropdownToggleButton;

package/dist/components/molecules/modal/Modal.d.ts

@@ -1,48 +1,48 @@
-import React from 'react';
-import { TColor } from '../../../enums/color';
-import { TModalSize } from '../../../enums/size';
-import './modal.scss';
-export interface ModalProps {
-    children: React.ReactNode;
-    onClose: () => void;
-    open: boolean;
-    /**
-     * 배경 클릭 시 컴포넌트 닫히는지 여부. (@v1 backdropOff)
-     */
-    backdrop?: boolean;
-    /**
-     * 모달 취소버튼 설정
-     */
-    cancelButton?: {
-        content: string;
-        disabled?: boolean;
-    };
-    className?: string;
-    /**
-     * 엔터키 비활성화 여부. (@v1 disableEnterKeyDown)
-     */
-    disabledEnter?: boolean;
-    /**
-     * 모달 닫기 버튼 숨김 여부. (@v1 hasCloseButton)
-     */
-    hiddenCloseButton?: boolean;
-    /**
-     * 모달 확인버튼 설정 (@v1 confirmButton)
-     */
-    okButton?: {
-        content: string;
-        color?: TColor;
-        disabled?: boolean;
-        onClick?: () => void;
-    };
-    size?: TModalSize;
-    /**
-     * 모달 제목
-     */
-    title?: string;
-    /**
-     * 모달 제목 옆에 들어갈 내용
-     */
-    subTitle?: React.ReactNode;
-}
-export declare function Modal({ children, onClose, open, backdrop, cancelButton, className, disabledEnter, hiddenCloseButton, okButton, size, title, subTitle, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { TColor } from '../../../enums/color';
+import { TModalSize } from '../../../enums/size';
+import './modal.scss';
+export interface ModalProps {
+    children: React.ReactNode;
+    onClose: () => void;
+    open: boolean;
+    /**
+     * 배경 클릭 시 컴포넌트 닫히는지 여부. (@v1 backdropOff)
+     */
+    backdrop?: boolean;
+    /**
+     * 모달 취소버튼 설정
+     */
+    cancelButton?: {
+        content: string;
+        disabled?: boolean;
+    };
+    className?: string;
+    /**
+     * 엔터키 비활성화 여부. (@v1 disableEnterKeyDown)
+     */
+    disabledEnter?: boolean;
+    /**
+     * 모달 닫기 버튼 숨김 여부. (@v1 hasCloseButton)
+     */
+    hiddenCloseButton?: boolean;
+    /**
+     * 모달 확인버튼 설정 (@v1 confirmButton)
+     */
+    okButton?: {
+        content: string;
+        color?: TColor;
+        disabled?: boolean;
+        onClick?: () => void;
+    };
+    size?: TModalSize;
+    /**
+     * 모달 제목
+     */
+    title?: string;
+    /**
+     * 모달 제목 옆에 들어갈 내용
+     */
+    subTitle?: React.ReactNode;
+}
+export declare function Modal({ children, onClose, open, backdrop, cancelButton, className, disabledEnter, hiddenCloseButton, okButton, size, title, subTitle, }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/modal/index.d.ts

@@ -1 +1 @@
-export * from './Modal';
+export * from './Modal';

package/dist/components/molecules/multiSelectDropdown/MultiSelectDropdown.d.ts

@@ -1,76 +1,76 @@
-import { TColor } from '../../../enums/color';
-import { TDropdownType } from '../../../enums/type';
-import './multi-select-dropdown.scss';
-export interface MultiSelectDropdownProps<T extends Record<string, any>> {
-    data: T[];
-    /**
-     * 선택된 아이디들
-     */
-    selectedIds: string[];
-    onSelect: (ids: string[]) => void;
-    /**
-     * 아이디로 쓸 키
-     */
-    idKey: string;
-    /**
-     * 노출로 쓸 키
-     */
-    displayKey: string;
-    /**
-     * 드롭다운 버튼에 노출할 컨텐츠
-     */
-    content: string;
-    className?: string;
-    /**
-     * 드롭다운 버튼의 placeholder
-     */
-    placeholder?: string;
-    /**
-     * 메뉴 내 검색창의 placeholder
-     */
-    searchPlaceholder?: string;
-    /**
-     * 전체 체크박스 옆에 노출할 라벨
-     */
-    allCheckLabel?: string;
-    disabled?: boolean;
-    color?: TColor;
-    /**
-     * true로 하면 드롭다운으로 이벤트가 가지 않음
-     */
-    stopPropagation?: boolean;
-    /**
-     * 데이터 타입
-     */
-    type?: TDropdownType;
-    /**
-     * 에러났을때 메시지
-     */
-    errorMessage?: string;
-    label?: string;
-    /**
-     * 초기화 함수
-     */
-    onClear?: () => void;
-    /**
-     * 데이터가 없을때의 문구
-     */
-    noDataMessage?: string;
-    /**
-     * 검색 결과가 없을때의 문구
-     */
-    noResultMessage?: string;
-    /**
-     * 토글, 메뉴 가로 크기(px)
-     */
-    width?: number;
-    /**
-     * 메뉴 세로 크기(px)
-     */
-    height?: number;
-    /**
-     * 컴포넌트 위치의 기준이 될 엘리먼트 사용자 정의. (@v1 portalAnchor)
-     */
-    anchorEl?: HTMLElement | null;
-}
-export declare function MultiSelectDropdown<T extends Record<string, any>>({ data, selectedIds, onSelect, idKey, displayKey, content, className, placeholder, searchPlaceholder, disabled, color, stopPropagation, type, errorMessage, label, allCheckLabel, onClear, noDataMessage, noResultMessage, width, height, anchorEl, }: MultiSelectDropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+import { TColor } from '../../../enums/color';
+import { TDropdownType } from '../../../enums/type';
+import './multi-select-dropdown.scss';
+export interface MultiSelectDropdownProps<T extends Record<string, any>> {
+    data: T[];
+    /**
+     * 선택된 아이디들
+     */
+    selectedIds: string[];
+    onSelect: (ids: string[]) => void;
+    /**
+     * 아이디로 쓸 키
+     */
+    idKey: string;
+    /**
+     * 노출로 쓸 키
+     */
+    displayKey: string;
+    /**
+     * 드롭다운 버튼에 노출할 컨텐츠
+     */
+    content: string;
+    className?: string;
+    /**
+     * 드롭다운 버튼의 placeholder
+     */
+    placeholder?: string;
+    /**
+     * 메뉴 내 검색창의 placeholder
+     */
+    searchPlaceholder?: string;
+    /**
+     * 전체 체크박스 옆에 노출할 라벨
+     */
+    allCheckLabel?: string;
+    disabled?: boolean;
+    color?: TColor;
+    /**
+     * true로 하면 드롭다운으로 이벤트가 가지 않음
+     */
+    stopPropagation?: boolean;
+    /**
+     * 데이터 타입
+     */
+    type?: TDropdownType;
+    /**
+     * 에러났을때 메시지
+     */
+    errorMessage?: string;
+    label?: string;
+    /**
+     * 초기화 함수
+     */
+    onClear?: () => void;
+    /**
+     * 데이터가 없을때의 문구
+     */
+    noDataMessage?: string;
+    /**
+     * 검색 결과가 없을때의 문구
+     */
+    noResultMessage?: string;
+    /**
+     * 토글, 메뉴 가로 크기(px)
+     */
+    width?: number;
+    /**
+     * 메뉴 세로 크기(px)
+     */
+    height?: number;
+    /**
+     * 컴포넌트 위치의 기준이 될 엘리먼트 사용자 정의. (@v1 portalAnchor)
+     */
+    anchorEl?: HTMLElement | null;
+}
+export declare function MultiSelectDropdown<T extends Record<string, any>>({ data, selectedIds, onSelect, idKey, displayKey, content, className, placeholder, searchPlaceholder, disabled, color, stopPropagation, type, errorMessage, label, allCheckLabel, onClear, noDataMessage, noResultMessage, width, height, anchorEl, }: MultiSelectDropdownProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/multiSelectDropdown/index.d.ts

@@ -1 +1 @@
-export * from './MultiSelectDropdown';
+export * from './MultiSelectDropdown';

package/dist/components/molecules/multiSelectDropdown/menu/MenuItem.d.ts

@@ -1,12 +1,12 @@
-import { TColor } from '../../../../enums/color';
-interface Props<T extends Record<string, any>> {
-    item: T;
-    selectedIds: string[];
-    onSelect: (ids: string[]) => void;
-    idKey: string;
-    displayKey: string;
-    color?: TColor;
-    width?: number;
-}
-declare function MenuItem<T extends Record<string, any>>({ item, selectedIds, onSelect, idKey, displayKey, color, width, }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default MenuItem;
+import { TColor } from '../../../../enums/color';
+interface Props<T extends Record<string, any>> {
+    item: T;
+    selectedIds: string[];
+    onSelect: (ids: string[]) => void;
+    idKey: string;
+    displayKey: string;
+    color?: TColor;
+    width?: number;
+}
+declare function MenuItem<T extends Record<string, any>>({ item, selectedIds, onSelect, idKey, displayKey, color, width, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default MenuItem;