maru_design2 2.31.1 → 3.1.0

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

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

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

@@ -1,15 +1,9 @@
+import React from 'react';
 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;
+declare function SortableColumn({ format, sort, onSortClick }: Props): React.JSX.Element;
 export default SortableColumn;

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

@@ -6,6 +6,8 @@ interface Props {
     onSortClick: (columnName: string) => () => void;
     hasCheckbox?: boolean;
     allCheckbox: boolean;
+    allCheckboxIndeterminate: boolean;
+    allCheckboxDisabled: boolean;
     onAllCheck: (checked: boolean) => void;
     hasRadio?: boolean;
     filter?: IFilter;
@@ -13,5 +15,5 @@ interface Props {
     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;
+declare function THead({ formats, sort, onSortClick, hasCheckbox, allCheckbox, allCheckboxIndeterminate, allCheckboxDisabled, onAllCheck, hasRadio, filter, filterToggle, setFilterToggle, hasActionCol, }: Props): React.JSX.Element;
 export default THead;

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

@@ -50,6 +50,14 @@ export interface TableProps {
      * 체크박스에 체크된 아이디들. radioCheckedId와 같이 쓸 수 없음.(@v1 hasCheckbox, checkedArray)
      */
     checkedIds?: string[];
+    /**
+     * 행별 체크박스 상태. hidden, disabled의 기본값은 false.
+     * 숨김/비활성 체크박스는 전체 선택·해제 대상에서 제외하며 기존 체크 상태는 유지.
+     */
+    getCheckboxStatus?: (row: Record<string, any>, rowId: string) => {
+        hidden?: boolean;
+        disabled?: boolean;
+    };
     /**
      * (@v1 setCheckedArray)
      */
@@ -106,6 +114,13 @@ export interface TableProps {
         rowIds: string[];
         className?: string;
     };
+    /**
+     * 비활성화할 행과 추가 스타일 지정. 비활성 행은 행 클릭, 선택 및 내장 액션을 실행하지 않음.
+     */
+    disabledRows?: {
+        rowIds: string[];
+        className?: string;
+    };
     className?: string;
     id?: string;
     /**

package/dist/components/molecules/tabs/Tab.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface TabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'role' | 'type' | 'value'> {
+    /**
+     * 탭을 식별하는 고유한 값
+     */
+    value: string;
+    /**
+     * 탭에 표시할 내용
+     */
+    children: React.ReactNode;
+}
+export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/molecules/tabs/Tabs.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import './tabs.scss';
+export type TabsVariant = 'line' | 'button';
+export type TabsSize = 'compact' | 'comfortable';
+export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * 현재 선택된 탭의 값
+     */
+    value: string;
+    /**
+     * 선택된 탭이 변경될 때 호출되는 함수
+     */
+    onChange: (value: string) => void;
+    /** 라인형 또는 버튼형 탭. 기본값은 line입니다. */
+    variant?: TabsVariant;
+    /** 라인형 탭의 좌우 간격. 버튼형은 항상 Comfortable 규격입니다. */
+    size?: TabsSize;
+    /**
+     * 탭이 컨테이너 너비를 동일한 비율로 채울지 여부
+     */
+    fullWidth?: boolean;
+    /**
+     * Tab 컴포넌트 목록
+     */
+    children: React.ReactNode;
+}
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/molecules/tabs/TabsContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TabsContextValue } from '../../../types/tabs';
+declare const TabsContext: import("react").Context<TabsContextValue | null>;
+export default TabsContext;

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

@@ -0,0 +1,2 @@
+export * from './Tab';
+export * from './Tabs';

package/dist/components/molecules/tagInput/TagInput.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TInputTag } from '../../../types/input';
+import './tag-input.scss';
+export interface TagInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'value' | 'defaultValue' | 'onChange'> {
+    /** 표시할 태그 목록 */
+    tags: TInputTag[];
+    /** Enter 입력으로 태그 추가를 요청할 때 호출되는 함수 */
+    onTagAdd?: (value: string) => void;
+    /** 태그 삭제를 요청할 때 호출되는 함수 */
+    onTagRemove: (value: string) => void;
+    /** 상단 라벨 */
+    label?: string;
+    /** 하단 도움말 */
+    helperText?: React.ReactNode;
+    /** 오류 상태와 오류 문구 */
+    invalid?: {
+        on: boolean;
+        message?: string;
+    };
+    className?: string;
+}
+export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+export * from './TagInput';
+export type { TInputTag } from '../../../types/input';

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface DetailsItemProps {
+    name: string;
+}
+export default function DetailsItem({ name }: DetailsItemProps): React.JSX.Element;
+export {};

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

@@ -1,28 +1,12 @@
-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;
-    };
-    revert?: {
-        label: string;
-        onRevert: () => void;
-    };
-    details?: IToastDetailItem[];
-    disableAutoOff?: boolean;
-}
+import React from 'react';
+import { IToast } from '../../../types/toast';
+export type { IToast } from '../../../types/toast';
 export interface ToastProps {
     id: string;
     /**
      * @param variant 'success', 'warning', 'danger'
      * @param content 컴포넌트에 들어갈 한 줄짜리 내용(string)
+     * @param layout 'inline', 'stacked' (기본값: 'inline')
      * @param title {main: string, sub?: string}
      * @param closeButton 닫기 버튼 커스텀 (default는 x 아이콘 버튼) {content: string, onClick: () => void}
      * @param details details, summary 태그를 활용하여 노출할 내용 (legacy)
@@ -32,4 +16,4 @@ export interface ToastProps {
     drop: (id: string) => void;
     className?: string;
 }
-export declare function Toast({ id, toast, drop, className }: ToastProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Toast({ id, toast, drop, className }: ToastProps): React.JSX.Element | null;

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

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

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

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

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

@@ -1 +1,3 @@
 export * from './Toast';
+export { TToastLayout } from '../../../types/toast';
+export type { IToastDetailItem } from '../../../types/toast';

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

@@ -1,4 +1 @@
-export interface IToastDetailItem {
-    summary: string;
-    subDetails: string[];
-}
+export type { IToastDetailItem } from '../../../types/toast';

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

@@ -2,9 +2,13 @@ import React from 'react';
 import { TTheme } from '../../enums/color';
 import './reset.scss';
 import './style-provider.scss';
-interface Props {
+export interface StyleProviderProps {
     children: React.ReactNode;
+    /**
+     * 앱 테마입니다. `data-theme`에 반영되어 brand semantic(`--p`, `--maru-*-brand-*`)을 결정합니다.
+     * - `navy`: Figma Brand 팔레트
+     * - `blue` / `green`: Figma brand semantic 확정 전 provisional 값
+     */
     theme: TTheme;
 }
-export declare function StyleProvider({ children, theme }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function StyleProvider({ children, theme }: StyleProviderProps): React.JSX.Element;