maru_design2 2.28.0 → 2.28.2

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

@@ -1,21 +1,21 @@
-import { TColor } from '../../../../enums/color';
-interface Props<T extends Record<string, any>> {
-    data: T[];
-    selectedIds: string[];
-    onSelect: (ids: string[]) => void;
-    idKey: string;
-    displayKey: string;
-    searchPlaceholder?: string;
-    allCheckLabel?: string;
-    color?: TColor;
-    noDataMessage?: string;
-    noResultMessage?: string;
-    width?: number;
-    height?: number;
-    isSearch: boolean;
-    parent: HTMLElement;
-    open: boolean;
-    onClose: () => void;
-}
-declare function DropdownMenu<T extends Record<string, any>>({ data, selectedIds, onSelect, idKey, displayKey, searchPlaceholder, allCheckLabel, color, noDataMessage, noResultMessage, width, height, isSearch, parent, open, onClose, }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default DropdownMenu;
+import { TColor } from '../../../../enums/color';
+interface Props<T extends Record<string, any>> {
+    data: T[];
+    selectedIds: string[];
+    onSelect: (ids: string[]) => void;
+    idKey: string;
+    displayKey: string;
+    searchPlaceholder?: string;
+    allCheckLabel?: string;
+    color?: TColor;
+    noDataMessage?: string;
+    noResultMessage?: string;
+    width?: number;
+    height?: number;
+    isSearch: boolean;
+    parent: HTMLElement;
+    open: boolean;
+    onClose: () => void;
+}
+declare function DropdownMenu<T extends Record<string, any>>({ data, selectedIds, onSelect, idKey, displayKey, searchPlaceholder, allCheckLabel, color, noDataMessage, noResultMessage, width, height, isSearch, parent, open, onClose, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default DropdownMenu;

package/dist/components/molecules/multiSelectDropdown/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/multiSelectDropdown/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/multiSelectDropdown/toggleButton/index.d.ts

@@ -1,17 +1,17 @@
-import { TColor } from '../../../../enums/color';
-interface Props {
-    content: string;
-    placeholder?: string;
-    disabled?: boolean;
-    color: TColor;
-    stopPropagation?: boolean;
-    width?: number;
-    open: boolean;
-    selected: boolean;
-    errored?: boolean;
-    hasClearBtn: boolean;
-    onClear: () => void;
-    onClick: () => void;
-}
-declare function DropdownToggleButton({ content, placeholder, disabled, color, stopPropagation, width, open, selected, errored, hasClearBtn, onClear, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
-export default DropdownToggleButton;
+import { TColor } from '../../../../enums/color';
+interface Props {
+    content: string;
+    placeholder?: string;
+    disabled?: boolean;
+    color: TColor;
+    stopPropagation?: boolean;
+    width?: number;
+    open: boolean;
+    selected: boolean;
+    errored?: boolean;
+    hasClearBtn: boolean;
+    onClear: () => void;
+    onClick: () => void;
+}
+declare function DropdownToggleButton({ content, placeholder, disabled, color, stopPropagation, width, open, selected, errored, hasClearBtn, onClear, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default DropdownToggleButton;

package/dist/components/molecules/pagination/Pagination.d.ts

@@ -1,22 +1,22 @@
-import './pagination.scss';
-export interface PaginationProps {
-    /**
-     * 현재 페이지. (@v1 page.curPage)
-     */
-    page: number;
-    /**
-     * 현재 페이지 설정 함수. (@v1 page.setPage)
-     */
-    onPageChange: (page: number) => void;
-    /**
-     * 총 페이지
-     */
-    totalPage: number;
-    className?: string;
-    /**
-     * prev, next 버튼 공간 차지 여부
-     */
-    buttonVisibility?: 'visible' | 'hidden';
-    label: string;
-}
-export declare function Pagination({ page, onPageChange, totalPage, className, buttonVisibility, label, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+import './pagination.scss';
+export interface PaginationProps {
+    /**
+     * 현재 페이지. (@v1 page.curPage)
+     */
+    page: number;
+    /**
+     * 현재 페이지 설정 함수. (@v1 page.setPage)
+     */
+    onPageChange: (page: number) => void;
+    /**
+     * 총 페이지
+     */
+    totalPage: number;
+    className?: string;
+    /**
+     * prev, next 버튼 공간 차지 여부
+     */
+    buttonVisibility?: 'visible' | 'hidden';
+    label: string;
+}
+export declare function Pagination({ page, onPageChange, totalPage, className, buttonVisibility, label, }: PaginationProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/molecules/searchInput/SearchInput.d.ts

@@ -1,34 +1,34 @@
-import React from 'react';
-import './search-input.scss';
-export interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className'> {
-    /**
-     * 초기화 함수 (@v1 hasClearBtn, onClear)
-     */
-    onClear?: () => void;
-    /**
-     * 초기화 버튼 숨기기
-     */
-    hiddenClearButton?: boolean;
-    /**
-     * input을 감싸고 있는 div의 ref, input은 일반 ref 사용
-     */
-    wrapperRef?: React.RefObject<HTMLDivElement>;
-    className?: string;
-    /**
-     * 검색 필터
-     */
-    filter?: {
-        on: boolean;
-        formats: {
-            columnIdKey: string;
-            columnName?: string;
-            filter?: React.ReactNode;
-        }[];
-        hoverContent?: string;
-        onReset: () => void;
-        resetButtonContent?: string;
-        onSearch: () => void;
-        searchButtonContent?: string;
-    };
-}
-export declare function SearchInput({ hiddenClearButton, className, filter, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import './search-input.scss';
+export interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className'> {
+    /**
+     * 초기화 함수 (@v1 hasClearBtn, onClear)
+     */
+    onClear?: () => void;
+    /**
+     * 초기화 버튼 숨기기
+     */
+    hiddenClearButton?: boolean;
+    /**
+     * input을 감싸고 있는 div의 ref, input은 일반 ref 사용
+     */
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+    className?: string;
+    /**
+     * 검색 필터
+     */
+    filter?: {
+        on: boolean;
+        formats: {
+            columnIdKey: string;
+            columnName?: string;
+            filter?: React.ReactNode;
+        }[];
+        hoverContent?: string;
+        onReset: () => void;
+        resetButtonContent?: string;
+        onSearch: () => void;
+        searchButtonContent?: string;
+    };
+}
+export declare function SearchInput({ hiddenClearButton, className, filter, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/searchInput/filter/FilterPopover.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-interface Props {
-    parent: HTMLElement;
-    onClose: () => void;
-    formats: {
-        columnIdKey: string;
-        columnName?: string;
-        filter?: React.ReactNode;
-    }[];
-    resetButtonContent?: string;
-    onReset: () => void;
-    searchButtonContent?: string;
-    onSearch: () => void;
-}
-declare function FilterPopover({ parent, onClose, formats, resetButtonContent, onReset, searchButtonContent, onSearch, }: Props): import("react/jsx-runtime").JSX.Element;
-export default FilterPopover;
+import React from 'react';
+interface Props {
+    parent: HTMLElement;
+    onClose: () => void;
+    formats: {
+        columnIdKey: string;
+        columnName?: string;
+        filter?: React.ReactNode;
+    }[];
+    resetButtonContent?: string;
+    onReset: () => void;
+    searchButtonContent?: string;
+    onSearch: () => void;
+}
+declare function FilterPopover({ parent, onClose, formats, resetButtonContent, onReset, searchButtonContent, onSearch, }: Props): import("react/jsx-runtime").JSX.Element;
+export default FilterPopover;

package/dist/components/molecules/searchInput/filter/index.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-interface Props {
-    on: boolean;
-    formats: {
-        columnIdKey: string;
-        columnName?: string;
-        filter?: React.ReactNode;
-    }[];
-    hoverContent?: string;
-    resetButtonContent?: string;
-    onReset: () => void;
-    searchButtonContent?: string;
-    onSearch: () => void;
-    inputWrapperRef: React.RefObject<HTMLDivElement>;
-}
-declare function Filter({ on, formats, hoverContent, resetButtonContent, onReset, searchButtonContent, onSearch, inputWrapperRef, }: Props): import("react/jsx-runtime").JSX.Element;
-export default Filter;
+import React from 'react';
+interface Props {
+    on: boolean;
+    formats: {
+        columnIdKey: string;
+        columnName?: string;
+        filter?: React.ReactNode;
+    }[];
+    hoverContent?: string;
+    resetButtonContent?: string;
+    onReset: () => void;
+    searchButtonContent?: string;
+    onSearch: () => void;
+    inputWrapperRef: React.RefObject<HTMLDivElement>;
+}
+declare function Filter({ on, formats, hoverContent, resetButtonContent, onReset, searchButtonContent, onSearch, inputWrapperRef, }: Props): import("react/jsx-runtime").JSX.Element;
+export default Filter;

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

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

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

@@ -1,9 +1,9 @@
-import { IColumnFormats } from './types';
-interface Props {
-    hasCheckbox?: boolean;
-    hasRadio?: boolean;
-    formats: IColumnFormats[];
-    hasActionCol: boolean;
-}
-declare function Colgroup({ hasCheckbox, hasRadio, formats, hasActionCol }: Props): import("react/jsx-runtime").JSX.Element;
-export default Colgroup;
+import { IColumnFormats } from './types';
+interface Props {
+    hasCheckbox?: boolean;
+    hasRadio?: boolean;
+    formats: IColumnFormats[];
+    hasActionCol: boolean;
+}
+declare function Colgroup({ hasCheckbox, hasRadio, formats, hasActionCol }: Props): import("react/jsx-runtime").JSX.Element;
+export default Colgroup;

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, maxHeight, sort, onSort, checkedIds, onCheck, radioCheckedId, onRadioCheck, filter, kebabMenu, binButton, chartButton, onRowClick, selectedRow, highlightRows, className, id, noData, loading, }: TableProps): import("react/jsx-runtime").JSX.Element;
+import { TableProps } from './types';
+import './table.scss';
+export declare function Table({ rowIdKey, data, formats, maxHeight, sort, onSort, checkedIds, onCheck, radioCheckedId, onRadioCheck, filter, kebabMenu, binButton, chartButton, onRowClick, selectedRow, highlightRows, className, id, noData, loading, }: TableProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-interface Props {
-    rowId: string;
-    hovered: boolean;
-    onClick: (rowId: string) => void;
-}
-declare function BinButtonTd({ rowId, hovered, onClick }: Props): import("react/jsx-runtime").JSX.Element;
-export default BinButtonTd;
+interface Props {
+    rowId: string;
+    hovered: boolean;
+    onClick: (rowId: string) => void;
+}
+declare function BinButtonTd({ rowId, hovered, onClick }: Props): import("react/jsx-runtime").JSX.Element;
+export default BinButtonTd;

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

@@ -1,8 +1,8 @@
-interface Props {
-    rowId: string;
-    hovered: boolean;
-    selected?: boolean;
-    onClick: (rowId: string) => void;
-}
-declare function ChartButtonTd({ rowId, hovered, selected, onClick }: Props): import("react/jsx-runtime").JSX.Element;
-export default ChartButtonTd;
+interface Props {
+    rowId: string;
+    hovered: boolean;
+    selected?: boolean;
+    onClick: (rowId: string) => void;
+}
+declare function ChartButtonTd({ rowId, hovered, selected, onClick }: Props): import("react/jsx-runtime").JSX.Element;
+export default ChartButtonTd;

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

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

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

@@ -1,8 +1,8 @@
-import React from 'react';
-interface Props {
-    noDataMessage?: string;
-    loadingContent?: React.ReactNode;
-    emptyBodyHeight: number;
-}
-declare function EmptyTr({ noDataMessage, loadingContent, emptyBodyHeight }: Props): import("react/jsx-runtime").JSX.Element;
-export default EmptyTr;
+import React from 'react';
+interface Props {
+    noDataMessage?: string;
+    loadingContent?: React.ReactNode;
+    emptyBodyHeight: number;
+}
+declare function EmptyTr({ noDataMessage, loadingContent, emptyBodyHeight }: Props): import("react/jsx-runtime").JSX.Element;
+export default EmptyTr;

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

@@ -1,7 +1,7 @@
-import React from 'react';
-interface Props {
-    rowId: string;
-    kebabContent?: (rowId: string, onClose: () => void) => React.ReactNode;
-}
-declare function KebabMenuTd({ rowId, kebabContent }: Props): import("react/jsx-runtime").JSX.Element | null;
-export default KebabMenuTd;
+import React from 'react';
+interface Props {
+    rowId: string;
+    kebabContent?: (rowId: string, onClose: () => void) => React.ReactNode;
+}
+declare function KebabMenuTd({ rowId, kebabContent }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default KebabMenuTd;

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

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

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

@@ -1,7 +1,7 @@
-import { TableProps } from '../types';
-interface Props extends TableProps {
-    row: Record<string, any>;
-    hasActionCol: boolean;
-}
-declare function Tr({ row, rowIdKey, formats, checkedIds, onCheck, radioCheckedId, onRadioCheck, hasActionCol, kebabMenu, binButton, chartButton, onRowClick, selectedRow, highlightRows, }: Props): import("react/jsx-runtime").JSX.Element;
-export default Tr;
+import { TableProps } from '../types';
+interface Props extends TableProps {
+    row: Record<string, any>;
+    hasActionCol: boolean;
+}
+declare function Tr({ row, rowIdKey, formats, checkedIds, onCheck, radioCheckedId, onRadioCheck, hasActionCol, kebabMenu, binButton, chartButton, onRowClick, selectedRow, highlightRows, }: Props): import("react/jsx-runtime").JSX.Element;
+export default Tr;

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

@@ -1,7 +1,7 @@
-import { TableProps } from '../types';
-interface Props extends TableProps {
-    hasActionCol: boolean;
-    emptyBodyHeight: number;
-}
-declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, radioCheckedId, onRadioCheck, hasActionCol, kebabMenu, binButton, chartButton, onRowClick, selectedRow, highlightRows, noData, loading, emptyBodyHeight, }: Props): import("react/jsx-runtime").JSX.Element;
-export default TBody;
+import { TableProps } from '../types';
+interface Props extends TableProps {
+    hasActionCol: boolean;
+    emptyBodyHeight: number;
+}
+declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, radioCheckedId, onRadioCheck, hasActionCol, kebabMenu, binButton, chartButton, onRowClick, selectedRow, highlightRows, noData, loading, emptyBodyHeight, }: Props): import("react/jsx-runtime").JSX.Element;
+export default TBody;

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

@@ -1,7 +1,7 @@
-interface Props {
-    toggle: boolean;
-    onToggle: () => void;
-    onReset?: () => void;
-}
-declare function FilterButtonsTh({ toggle, onToggle, onReset }: Props): import("react/jsx-runtime").JSX.Element;
-export default FilterButtonsTh;
+interface Props {
+    toggle: boolean;
+    onToggle: () => void;
+    onReset?: () => void;
+}
+declare function FilterButtonsTh({ toggle, onToggle, onReset }: Props): import("react/jsx-runtime").JSX.Element;
+export default FilterButtonsTh;

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

@@ -1,8 +1,8 @@
-import React from 'react';
-interface Props {
-    children: React.ReactElement;
-    toggle: boolean;
-    filter?: React.ReactNode;
-}
-declare function FilterTh({ children, toggle, filter }: Props): import("react/jsx-runtime").JSX.Element;
-export default FilterTh;
+import React from 'react';
+interface Props {
+    children: React.ReactElement;
+    toggle: boolean;
+    filter?: React.ReactNode;
+}
+declare function FilterTh({ children, toggle, filter }: Props): import("react/jsx-runtime").JSX.Element;
+export default FilterTh;

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

@@ -1,15 +1,15 @@
-import { IColumnFormats, ISort } from '../types';
-interface Props {
-    format: IColumnFormats;
-    sort?: ISort;
-    onSortClick: (columnName: string) => () => void;
-}
-/**
- * 정렬 아닌거 마우스오버하면 쌍방 화살표
- * 내림차순 정렬이면 아래 화살표
- * 오름차순 정렬이면 위 화살표
- * 색깔은 언제나 b500 #5c5c5c
- * @returns
- */
-declare function SortableColumn({ format, sort, onSortClick }: Props): import("react/jsx-runtime").JSX.Element;
-export default SortableColumn;
+import { IColumnFormats, ISort } from '../types';
+interface Props {
+    format: IColumnFormats;
+    sort?: ISort;
+    onSortClick: (columnName: string) => () => void;
+}
+/**
+ * 정렬 아닌거 마우스오버하면 쌍방 화살표
+ * 내림차순 정렬이면 아래 화살표
+ * 오름차순 정렬이면 위 화살표
+ * 색깔은 언제나 b500 #5c5c5c
+ * @returns
+ */
+declare function SortableColumn({ format, sort, onSortClick }: Props): import("react/jsx-runtime").JSX.Element;
+export default SortableColumn;

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

@@ -1,17 +1,17 @@
-import React from 'react';
-import { IColumnFormats, IFilter, ISort } from '../types';
-interface Props {
-    formats: IColumnFormats[];
-    sort?: ISort;
-    onSortClick: (columnName: string) => () => void;
-    hasCheckbox?: boolean;
-    allCheckbox: boolean;
-    onAllCheck: (checked: boolean) => void;
-    hasRadio?: boolean;
-    filter?: IFilter;
-    filterToggle: boolean;
-    setFilterToggle: React.Dispatch<React.SetStateAction<boolean>>;
-    hasActionCol: boolean;
-}
-declare function THead({ formats, sort, onSortClick, hasCheckbox, allCheckbox, onAllCheck, hasRadio, filter, filterToggle, setFilterToggle, hasActionCol, }: Props): import("react/jsx-runtime").JSX.Element;
-export default THead;
+import React from 'react';
+import { IColumnFormats, IFilter, ISort } from '../types';
+interface Props {
+    formats: IColumnFormats[];
+    sort?: ISort;
+    onSortClick: (columnName: string) => () => void;
+    hasCheckbox?: boolean;
+    allCheckbox: boolean;
+    onAllCheck: (checked: boolean) => void;
+    hasRadio?: boolean;
+    filter?: IFilter;
+    filterToggle: boolean;
+    setFilterToggle: React.Dispatch<React.SetStateAction<boolean>>;
+    hasActionCol: boolean;
+}
+declare function THead({ formats, sort, onSortClick, hasCheckbox, allCheckbox, onAllCheck, hasRadio, filter, filterToggle, setFilterToggle, hasActionCol, }: Props): import("react/jsx-runtime").JSX.Element;
+export default THead;

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

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