maru_design2 2.28.0 → 2.28.2

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

@@ -1,125 +1,125 @@
-/// <reference types="react" />
-export interface ISort {
-    columnName: string;
-    desc: boolean;
-}
-export interface IColumnFormats {
-    columnIdKey: string;
-    columnName?: string;
-    filter?: React.ReactNode;
-    customColumn?: (content: any, rowId: string) => React.ReactNode;
-    width?: string;
-    sortable?: boolean;
-    isHide?: boolean;
-    /**
-     * 헤더 컬럼명 옆에 아이콘+툴팁 노출. 툴팁에 들어갈 문자열 설정.
-     */
-    iconTooltip?: string;
-    key?: string;
-}
-export interface IFilter {
-    on: boolean;
-    onReset: () => void;
-}
-export type TShow = 'none' | 'hover' | 'always';
-export interface TableProps {
-    /**
-     * 행 아이디로 쓸 키
-     */
-    rowIdKey: string;
-    data: Record<string, any>[];
-    /**
-     * 열 구성
-     * @param columnIdKey
-     */
-    formats: IColumnFormats[];
-    /**
-     * 테이블의 최대 높이 px  (@v2_old tableBodyMaxHeight)
-     * 최소 160은 되어야 행 하나가 보입니다.
-     */
-    maxHeight: number;
-    /**
-     * 소팅할 열과 방향(오름차순, 내림차순)을 설정할뿐 실제로 정렬을 하지는 않습니다. (@v1 currentSort)
-     */
-    sort?: ISort;
-    /**
-     * (@v1 setCurrentSort)
-     */
-    onSort?: (sort: ISort) => void;
-    /**
-     * 체크박스에 체크된 아이디들. radioCheckedId와 같이 쓸 수 없음.(@v1 hasCheckbox, checkedArray)
-     */
-    checkedIds?: string[];
-    /**
-     * (@v1 setCheckedArray)
-     */
-    onCheck?: (ids: string[]) => void;
-    /**
-     * 라디오에 체크된 아이디. checkedIds와 같이 쓸 수 없음.
-     */
-    radioCheckedId?: string;
-    onRadioCheck?: (id: string) => void;
-    /**
-     * 최우측 컬럼 헤더의 필터 영역. format.filter와 조합해서 사용 가능
-     */
-    filter?: IFilter;
-    /**
-     * 최우측 컬럼 바디의 더보기 메뉴. binButton, arrowButton과 같이 쓸 수 없음.
-     * TShow='none' | 'hover' | 'always'. (@v1 hamberger)
-     */
-    kebabMenu?: {
-        show: (rowId?: string) => TShow;
-        content: (rowId: string, onClose: () => void) => React.ReactNode;
-    };
-    /**
-     * 최우측 컬럼 바디의 휴지통 버튼. kebabMenu, arrowButton과 같이 쓸 수 없음.
-     * TShow='none' | 'hover' | 'always'.
-     */
-    binButton?: {
-        show: (rowId?: string) => TShow;
-        onClick: (rowId: string) => void;
-    };
-    /**
-     * 최우측 컬럼 바디의 화살표 버튼. kebabMenu, binButton과 같이 쓸 수 없음.
-     * TShow='none' | 'hover' | 'always'.
-     */
-    chartButton?: {
-        show: (rowId?: string) => TShow;
-        onClick: (rowId: string) => void;
-    };
-    /**
-     * 테이블 행 click 이벤트. rowId를 콜백함수에게 전달.
-     */
-    onRowClick?: (rowId: string) => void;
-    /**
-     * 선택된 행 스타일 지정, onRowClick과 조합해서 사용 가능 (@v1 focusedRowInfo)
-     */
-    selectedRow?: {
-        rowId: string;
-        className?: string;
-        scrollIntoView?: boolean | ScrollIntoViewOptions;
-    };
-    /**
-     * 하이라이팅할 행과 스타일 지정
-     */
-    highlightRows?: {
-        rowIds: string[];
-        className?: string;
-    };
-    className?: string;
-    id?: string;
-    /**
-     * 데이터가 없을때의 조건과 문구
-     */
-    noData?: {
-        isNoData: boolean;
-        message: string;
-    };
-    /**
-     * 로딩일때의 조건과 노드
-     */
-    loading?: {
-        isLoading: boolean;
-        content?: React.ReactNode;
-    };
-}
+/// <reference types="react" />
+export interface ISort {
+    columnName: string;
+    desc: boolean;
+}
+export interface IColumnFormats {
+    columnIdKey: string;
+    columnName?: string;
+    filter?: React.ReactNode;
+    customColumn?: (content: any, rowId: string) => React.ReactNode;
+    width?: string;
+    sortable?: boolean;
+    isHide?: boolean;
+    /**
+     * 헤더 컬럼명 옆에 아이콘+툴팁 노출. 툴팁에 들어갈 문자열 설정.
+     */
+    iconTooltip?: string;
+    key?: string;
+}
+export interface IFilter {
+    on: boolean;
+    onReset: () => void;
+}
+export type TShow = 'none' | 'hover' | 'always';
+export interface TableProps {
+    /**
+     * 행 아이디로 쓸 키
+     */
+    rowIdKey: string;
+    data: Record<string, any>[];
+    /**
+     * 열 구성
+     * @param columnIdKey
+     */
+    formats: IColumnFormats[];
+    /**
+     * 테이블의 최대 높이 px  (@v2_old tableBodyMaxHeight)
+     * 최소 160은 되어야 행 하나가 보입니다.
+     */
+    maxHeight: number;
+    /**
+     * 소팅할 열과 방향(오름차순, 내림차순)을 설정할뿐 실제로 정렬을 하지는 않습니다. (@v1 currentSort)
+     */
+    sort?: ISort;
+    /**
+     * (@v1 setCurrentSort)
+     */
+    onSort?: (sort: ISort) => void;
+    /**
+     * 체크박스에 체크된 아이디들. radioCheckedId와 같이 쓸 수 없음.(@v1 hasCheckbox, checkedArray)
+     */
+    checkedIds?: string[];
+    /**
+     * (@v1 setCheckedArray)
+     */
+    onCheck?: (ids: string[]) => void;
+    /**
+     * 라디오에 체크된 아이디. checkedIds와 같이 쓸 수 없음.
+     */
+    radioCheckedId?: string;
+    onRadioCheck?: (id: string) => void;
+    /**
+     * 최우측 컬럼 헤더의 필터 영역. format.filter와 조합해서 사용 가능
+     */
+    filter?: IFilter;
+    /**
+     * 최우측 컬럼 바디의 더보기 메뉴. binButton, arrowButton과 같이 쓸 수 없음.
+     * TShow='none' | 'hover' | 'always'. (@v1 hamberger)
+     */
+    kebabMenu?: {
+        show: (rowId?: string) => TShow;
+        content: (rowId: string, onClose: () => void) => React.ReactNode;
+    };
+    /**
+     * 최우측 컬럼 바디의 휴지통 버튼. kebabMenu, arrowButton과 같이 쓸 수 없음.
+     * TShow='none' | 'hover' | 'always'.
+     */
+    binButton?: {
+        show: (rowId?: string) => TShow;
+        onClick: (rowId: string) => void;
+    };
+    /**
+     * 최우측 컬럼 바디의 화살표 버튼. kebabMenu, binButton과 같이 쓸 수 없음.
+     * TShow='none' | 'hover' | 'always'.
+     */
+    chartButton?: {
+        show: (rowId?: string) => TShow;
+        onClick: (rowId: string) => void;
+    };
+    /**
+     * 테이블 행 click 이벤트. rowId를 콜백함수에게 전달.
+     */
+    onRowClick?: (rowId: string) => void;
+    /**
+     * 선택된 행 스타일 지정, onRowClick과 조합해서 사용 가능 (@v1 focusedRowInfo)
+     */
+    selectedRow?: {
+        rowId: string;
+        className?: string;
+        scrollIntoView?: boolean | ScrollIntoViewOptions;
+    };
+    /**
+     * 하이라이팅할 행과 스타일 지정
+     */
+    highlightRows?: {
+        rowIds: string[];
+        className?: string;
+    };
+    className?: string;
+    id?: string;
+    /**
+     * 데이터가 없을때의 조건과 문구
+     */
+    noData?: {
+        isNoData: boolean;
+        message: string;
+    };
+    /**
+     * 로딩일때의 조건과 노드
+     */
+    loading?: {
+        isLoading: boolean;
+        content?: React.ReactNode;
+    };
+}

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

@@ -1,6 +1,6 @@
-import { IToastDetailItem } from './types';
-interface DetailsProps {
-    details: IToastDetailItem[] | undefined;
-}
-export default function Details({ details }: DetailsProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
+import { IToastDetailItem } from './types';
+interface DetailsProps {
+    details: IToastDetailItem[] | undefined;
+}
+export default function Details({ details }: DetailsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -1,31 +1,31 @@
-import { IToastDetailItem } from './types';
-import { TToastVariant } from '../../../enums/variant';
-export interface IToast {
-    variant: TToastVariant;
-    content: string;
-    title?: {
-        main: string;
-        sub?: string;
-    };
-    closeButton?: {
-        content: string;
-        onClick: () => void;
-    };
-    details?: IToastDetailItem[];
-    disableAutoOff?: boolean;
-}
-export interface ToastProps {
-    id: string;
-    /**
-     * @param variant 'success', 'warning', 'danger'
-     * @param content 컴포넌트에 들어갈 한 줄짜리 내용(string)
-     * @param title {main: string, sub?: string}
-     * @param closeButton 닫기 버튼 커스텀 (default는 x 아이콘 버튼) {content: string, onClick: () => void}
-     * @param details details, summary 태그를 활용하여 노출할 내용 (legacy)
-     * @param disableAutoOff 자동 꺼짐 불가 여부(boolean)
-     */
-    toast: IToast;
-    drop: (id: string) => void;
-    className?: string;
-}
-export declare function Toast({ id, toast, drop, className }: ToastProps): import("react/jsx-runtime").JSX.Element | null;
+import { IToastDetailItem } from './types';
+import { TToastVariant } from '../../../enums/variant';
+export interface IToast {
+    variant: TToastVariant;
+    content: string;
+    title?: {
+        main: string;
+        sub?: string;
+    };
+    closeButton?: {
+        content: string;
+        onClick: () => void;
+    };
+    details?: IToastDetailItem[];
+    disableAutoOff?: boolean;
+}
+export interface ToastProps {
+    id: string;
+    /**
+     * @param variant 'success', 'warning', 'danger'
+     * @param content 컴포넌트에 들어갈 한 줄짜리 내용(string)
+     * @param title {main: string, sub?: string}
+     * @param closeButton 닫기 버튼 커스텀 (default는 x 아이콘 버튼) {content: string, onClick: () => void}
+     * @param details details, summary 태그를 활용하여 노출할 내용 (legacy)
+     * @param disableAutoOff 자동 꺼짐 불가 여부(boolean)
+     */
+    toast: IToast;
+    drop: (id: string) => void;
+    className?: string;
+}
+export declare function Toast({ id, toast, drop, className }: ToastProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,15 +1,15 @@
-import React, { ReactNode } from 'react';
-import { IToast } from './Toast';
-interface ToastContextProps {
-    toasts: {
-        [id: string]: IToast;
-    };
-    pop: (toast: IToast) => void;
-    drop: (id: string) => void;
-}
-declare const ToastContext: React.Context<ToastContextProps | undefined>;
-declare function ToastProvider({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare const useToast: () => ToastContextProps;
-export { ToastContext, ToastProvider };
+import React, { ReactNode } from 'react';
+import { IToast } from './Toast';
+interface ToastContextProps {
+    toasts: {
+        [id: string]: IToast;
+    };
+    pop: (toast: IToast) => void;
+    drop: (id: string) => void;
+}
+declare const ToastContext: React.Context<ToastContextProps | undefined>;
+declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useToast: () => ToastContextProps;
+export { ToastContext, ToastProvider };

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

@@ -1,18 +1,18 @@
-import { IToastDetailItem } from './types';
-import { TToastVariant } from '../../../enums/variant';
-import './toast.scss';
-export interface ToastStyleProps {
-    variant: TToastVariant;
-    content: string;
-    title?: {
-        main: string;
-        sub?: string;
-    };
-    closeButton?: {
-        content: string;
-        onClick: () => void;
-    };
-    details?: IToastDetailItem[];
-    onClose: () => void;
-}
-export declare function ToastStyle({ variant, content, title, closeButton, details, onClose, }: ToastStyleProps): import("react/jsx-runtime").JSX.Element;
+import { IToastDetailItem } from './types';
+import { TToastVariant } from '../../../enums/variant';
+import './toast.scss';
+export interface ToastStyleProps {
+    variant: TToastVariant;
+    content: string;
+    title?: {
+        main: string;
+        sub?: string;
+    };
+    closeButton?: {
+        content: string;
+        onClick: () => void;
+    };
+    details?: IToastDetailItem[];
+    onClose: () => void;
+}
+export declare function ToastStyle({ variant, content, title, closeButton, details, onClose, }: ToastStyleProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,4 +1,4 @@
-export interface IToastDetailItem {
-    summary: string;
-    subDetails: string[];
-}
+export interface IToastDetailItem {
+    summary: string;
+    subDetails: string[];
+}

package/dist/components/styleProvider/StyleProvider.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { TTheme } from '../../enums/color';
-import './reset.scss';
-import './style-provider.scss';
-interface Props {
-    children: React.ReactNode;
-    theme: TTheme;
-}
-export declare function StyleProvider({ children, theme }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+import { TTheme } from '../../enums/color';
+import './reset.scss';
+import './style-provider.scss';
+interface Props {
+    children: React.ReactNode;
+    theme: TTheme;
+}
+export declare function StyleProvider({ children, theme }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/styleProvider/index.d.ts

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

package/dist/enums/color.d.ts

@@ -1,14 +1,14 @@
-export type TTheme = 'blue' | 'green' | 'navy';
-declare const DColor: {
-    readonly primary: "var(--p)";
-    readonly secondary: "#8c8c8c";
-    readonly positive: "#32a483";
-    readonly warning: "#ffb020";
-    readonly danger: "#e53e3e";
-    readonly success: "#308acc";
-};
-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];
+export type TTheme = 'blue' | 'green' | 'navy';
+declare const DColor: {
+    readonly primary: "var(--p)";
+    readonly secondary: "#8c8c8c";
+    readonly positive: "#32a483";
+    readonly warning: "#ffb020";
+    readonly danger: "#e53e3e";
+    readonly success: "#308acc";
+};
+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/direction.d.ts

@@ -1,2 +1,2 @@
-export declare const DIRECTIONS: readonly ["top-start", "top", "top-end", "left-start", "left", "left-end", "bottom-start", "bottom", "bottom-end", "right-start", "right", "right-end"];
-export type TDirection = (typeof DIRECTIONS)[number];
+export declare const DIRECTIONS: readonly ["top-start", "top", "top-end", "left-start", "left", "left-end", "bottom-start", "bottom", "bottom-end", "right-start", "right", "right-end"];
+export type TDirection = (typeof DIRECTIONS)[number];

package/dist/enums/gap.d.ts

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

package/dist/enums/size.d.ts

@@ -1,8 +1,8 @@
-export declare const BUTTON_SIZES: readonly ["small", "normal", "large"];
-export type TButtonSize = (typeof BUTTON_SIZES)[number];
-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 MODAL_SIZES: readonly ["xs", "s", "m", "l", "xl"];
-export type TModalSize = (typeof MODAL_SIZES)[number];
+export declare const BUTTON_SIZES: readonly ["small", "normal", "large"];
+export type TButtonSize = (typeof BUTTON_SIZES)[number];
+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 MODAL_SIZES: readonly ["xs", "s", "m", "l", "xl"];
+export type TModalSize = (typeof MODAL_SIZES)[number];

package/dist/enums/type.d.ts

@@ -1,4 +1,4 @@
-export declare const INPUT_TYPES: readonly ["text", "password", "number", "date", "time", "datetime"];
-export type TInputType = (typeof INPUT_TYPES)[number];
-export declare const DROPDOWN_TYPES: readonly ["button", "search"];
-export type TDropdownType = (typeof DROPDOWN_TYPES)[number];
+export declare const INPUT_TYPES: readonly ["text", "password", "number", "date", "time", "datetime"];
+export type TInputType = (typeof INPUT_TYPES)[number];
+export declare const DROPDOWN_TYPES: readonly ["button", "search"];
+export type TDropdownType = (typeof DROPDOWN_TYPES)[number];

package/dist/enums/variant.d.ts

@@ -1,8 +1,8 @@
-export declare const BUTTON_VARIANTS: readonly ["default", "default-light", "outline", "text", "color-on-focus"];
-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 TOAST_VARIANTS: readonly ["success", "warning", "danger"];
-export type TToastVariant = (typeof TOAST_VARIANTS)[number];
-export declare const SKELETON_VARIANTS: readonly ["frame"];
-export type TSkeletonVariant = (typeof SKELETON_VARIANTS)[number];
+export declare const BUTTON_VARIANTS: readonly ["default", "default-light", "outline", "text", "color-on-focus"];
+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 TOAST_VARIANTS: readonly ["success", "warning", "danger"];
+export type TToastVariant = (typeof TOAST_VARIANTS)[number];
+export declare const SKELETON_VARIANTS: readonly ["frame"];
+export type TSkeletonVariant = (typeof SKELETON_VARIANTS)[number];

package/dist/hooks/useButtonState.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-/**
- * 버튼 hover/active 상태를 추적할 때 사용.
- */
-interface IButtonState {
-    isHover: boolean;
-    isActive: boolean;
-}
-declare function useButtonState(): [
-    IButtonState,
-    {
-        setIsHover: React.Dispatch<React.SetStateAction<boolean>>;
-        setIsActive: React.Dispatch<React.SetStateAction<boolean>>;
-    }
-];
-export default useButtonState;
+/// <reference types="react" />
+/**
+ * 버튼 hover/active 상태를 추적할 때 사용.
+ */
+interface IButtonState {
+    isHover: boolean;
+    isActive: boolean;
+}
+declare function useButtonState(): [
+    IButtonState,
+    {
+        setIsHover: React.Dispatch<React.SetStateAction<boolean>>;
+        setIsActive: React.Dispatch<React.SetStateAction<boolean>>;
+    }
+];
+export default useButtonState;

package/dist/hooks/useColor.d.ts

@@ -1,4 +1,4 @@
-declare const useColor: (color?: string) => {
-    keyColor: "var(--p)" | "#8c8c8c" | "#32a483" | "#ffb020" | "#e53e3e" | "#308acc";
-};
-export default useColor;
+declare const useColor: (color?: string) => {
+    keyColor: "var(--p)" | "#8c8c8c" | "#32a483" | "#ffb020" | "#e53e3e" | "#308acc";
+};
+export default useColor;

package/dist/hooks/useCombineRef.d.ts

@@ -1,11 +1,11 @@
-import { Ref } from 'react';
-/**
- * 파라미터로 들어온 ref들을 generic type을 가진 ref로 바꾸는 hook
- * ex. refs(주로 부모 refs)가 HTMLInputElement인 RefObject일 때,
- * combineRef를 선언한 컴포넌트의 ref<T>로 바꿀때 사용.
- * 참고 : RefObejct는 default로 null을 가지고, MutableRefObject는 그 외 다른 값을 가짐
- * @param refs RefObject or function
- * @returns RefObject
- */
-declare const useCombineRef: <T>(...refs: (Ref<T> | undefined)[]) => import("react").RefObject<T>;
-export default useCombineRef;
+import { Ref } from 'react';
+/**
+ * 파라미터로 들어온 ref들을 generic type을 가진 ref로 바꾸는 hook
+ * ex. refs(주로 부모 refs)가 HTMLInputElement인 RefObject일 때,
+ * combineRef를 선언한 컴포넌트의 ref<T>로 바꿀때 사용.
+ * 참고 : RefObejct는 default로 null을 가지고, MutableRefObject는 그 외 다른 값을 가짐
+ * @param refs RefObject or function
+ * @returns RefObject
+ */
+declare const useCombineRef: <T>(...refs: (Ref<T> | undefined)[]) => import("react").RefObject<T>;
+export default useCombineRef;

package/dist/hooks/useCreatePortal.d.ts

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

package/dist/hooks/useId.d.ts

@@ -1,7 +1,7 @@
-/**
- * 최대 32자리의 uuid를 생성합니다.
- * @param length 1 <= lenght <= 32 or undefined
- * @returns uuid
- */
-declare function uuidv4(length?: number): string;
-export default uuidv4;
+/**
+ * 최대 32자리의 uuid를 생성합니다.
+ * @param length 1 <= lenght <= 32 or undefined
+ * @returns uuid
+ */
+declare function uuidv4(length?: number): string;
+export default uuidv4;