maru_design2 2.19.1 → 2.20.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## [2.20.0](https://github.com/42maru-ai/maru-design2/compare/v2.19.1...v2.20.0) (2025-01-06)
+
+
+### Features
+
+* :sparkles: MultiSelectDropdown - add input type ([0be6256](https://github.com/42maru-ai/maru-design2/commit/0be62561b3fc8d55e6b3481c4fb804fd9c819d07))
+* :sparkles: MultiSelectDropdown - add multi select dropdown ([dee85a2](https://github.com/42maru-ai/maru-design2/commit/dee85a24f6b534062e41d29f378a8f8953a4f9bb))
+
+
+### Bug Fixes
+
+* :bento: Icon - ADD icons [#402](https://github.com/42maru-ai/maru-design2/issues/402) ([adaee72](https://github.com/42maru-ai/maru-design2/commit/adaee724987bdc36548ea50e9dfd19e5fa6b62fa))
+* :bug: Table - UPDATE maxHeight, width, empty ([2149c9a](https://github.com/42maru-ai/maru-design2/commit/2149c9a9dbc283e4108f048a88a06acf32736a65))
+* :lipstick: Dropdown - update font-weight [#406](https://github.com/42maru-ai/maru-design2/issues/406) ([155dd3a](https://github.com/42maru-ai/maru-design2/commit/155dd3a2e08156954c0f0e1d4c5334718c312d62))
+* :lipstick: Input - update font weight ([dc9a700](https://github.com/42maru-ai/maru-design2/commit/dc9a70051e14672a1fa8026e1dd472a389329c71))
+* :twisted_rightwards_arrows: Icon - merge develop & resolve conflicts ([dcac3a9](https://github.com/42maru-ai/maru-design2/commit/dcac3a9d5472126b4d70a7d7188bdb69d3e9574e))
+
 ## [2.19.1](https://github.com/42maru-ai/maru-design2/compare/v2.19.0...v2.19.1) (2024-12-12)
 
 

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

@@ -61,6 +61,7 @@ export declare const ICONS: {
     readonly Calendar_s1615: "Calendar_s1615";
     readonly CheckCircleBg_s1612: "CheckCircleBg_s1612";
     readonly CheckCircleBg_s2410: "CheckCircleBg_s2410";
+    readonly CheckCircle_s1210: "CheckCircle_s1210";
     readonly CheckCircle_s1413: "CheckCircle_s1413";
     readonly CheckCircle_s1613: "CheckCircle_s1613";
     readonly Check_s1615: "Check_s1615";
@@ -89,6 +90,7 @@ export declare const ICONS: {
     readonly ChevronRightCircle_s1812: "ChevronRightCircle_s1812";
     readonly ChevronRightCircle_s2415: "ChevronRightCircle_s2415";
     readonly ChevronRightDouble_s1615: "ChevronRightDouble_s1615";
+    readonly ChevronRight_s1210: "ChevronRight_s1210";
     readonly ChevronRight_s1615: "ChevronRight_s1615";
     readonly ChevronRight_s2020: "ChevronRight_s2020";
     readonly ChevronRight_s2420: "ChevronRight_s2420";
@@ -200,6 +202,7 @@ export declare const ICONS: {
     readonly HomeOutline24_s2410: "HomeOutline24_s2410";
     readonly Home_s2015: "Home_s2015";
     readonly Home_s2415: "Home_s2415";
+    readonly Information_s1410: "Information_s1410";
     readonly Information_s1610: "Information_s1610";
     readonly LineChartDown01_s2420: "LineChartDown01_s2420";
     readonly Loading02_s1415: "Loading02_s1415";
@@ -230,6 +233,7 @@ export declare const ICONS: {
     readonly PieChart03_s2420: "PieChart03_s2420";
     readonly PlayCircleLeft_s2420: "PlayCircleLeft_s2420";
     readonly PlayCircleRight_s2420: "PlayCircleRight_s2420";
+    readonly PlusCircle_s1210: "PlusCircle_s1210";
     readonly PlusCircle_s1413: "PlusCircle_s1413";
     readonly PlusCircle_s1613: "PlusCircle_s1613";
     readonly PlusCircle_s1615: "PlusCircle_s1615";
@@ -293,9 +297,12 @@ export declare const ICONS: {
     readonly UserPlus_s1615: "UserPlus_s1615";
     readonly UserPlus_s1810: "UserPlus_s1810";
     readonly UserPlus_s1812: "UserPlus_s1812";
+    readonly UserSetting_s2015: "UserSetting_s2015";
+    readonly User_s1815: "User_s1815";
     readonly Users01_s1615: "Users01_s1615";
     readonly Users01_s2420: "Users01_s2420";
     readonly XCircleBg_s1612: "XCircleBg_s1612";
+    readonly XCircle_s1210: "XCircle_s1210";
     readonly XCircle_s1413: "XCircle_s1413";
     readonly XCircle_s1613: "XCircle_s1613";
     readonly XCircle_s2420: "XCircle_s2420";

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

@@ -0,0 +1,50 @@
+import { TButtonType } 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;
+    /**
+     * 컴포넌트 위치의 기준이 될 엘리먼트 사용자 정의. (@v1 portalAnchor)
+     */
+    anchorEl?: HTMLElement | null;
+    className?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    /**
+     * 데이터 타입 (@v1 isSearch)
+     * 검색할거면 input
+     */
+    type?: TButtonType;
+    /**
+     * type=button일때는 전체 체크박스 옆에 노출되는 문구
+     * type=input일때는 인풋박스에 노출되는 placeholder
+     */
+    typeLabel?: string;
+    /**
+     * type=input일때 검색 결과 없을때 문구
+     */
+    noResultMessage?: string;
+    /**
+     * 토글, 메뉴 가로 크기(px) (@v1 menuPosition.width)
+     */
+    width?: number;
+    /**
+     * 메뉴 세로 크기(px) (@v1 menuPosition.height)
+     */
+    height?: number;
+    stopPropagation?: boolean;
+}
+export declare function MultiSelectDropdown<T extends Record<string, any>>({ data, selectedIds, onSelect, idKey, displayKey, content, anchorEl, className, disabled, placeholder, type, typeLabel, noResultMessage, width, height, stopPropagation, }: MultiSelectDropdownProps<T>): import("react/jsx-runtime").JSX.Element;

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

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

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

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

package/dist/components/molecules/multiSelectDropdown/toggle/Arrow.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    open: boolean;
+    focus: boolean;
+}
+declare function Arrow({ open, focus }: Props): import("react/jsx-runtime").JSX.Element;
+export default Arrow;

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

@@ -0,0 +1,12 @@
+interface Props {
+    open: boolean;
+    openMenu: () => void;
+    selected: boolean;
+    content: string;
+    width?: number;
+    disabled?: boolean;
+    placeholder?: string;
+    stopPropagation?: boolean;
+}
+declare function DropdownToggleButton({ open, openMenu, selected, content, width, disabled, placeholder, stopPropagation, }: Props): import("react/jsx-runtime").JSX.Element;
+export default DropdownToggleButton;

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

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

@@ -38,7 +38,7 @@ interface Props {
         isLoading: boolean;
         content?: React.ReactNode;
     };
-    emptyBodyHeight?: number;
+    emptyBodyHeight: number;
 }
 declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, radioCheckedId, onRadioCheck, hasActionCol, kebabMenu, binButton, arrowButton, onRowClick, selectedRow, highlightRows, noData, loading, emptyBodyHeight, }: Props): import("react/jsx-runtime").JSX.Element;
 export default TBody;

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

@@ -9,7 +9,7 @@ interface Props {
         isLoading: boolean;
         content?: React.ReactNode;
     };
-    emptyBodyHeight?: number;
+    emptyBodyHeight: number;
 }
 declare function TBodyEmptyContent({ status, noData, loading, emptyBodyHeight, }: Props): import("react/jsx-runtime").JSX.Element;
 export default TBodyEmptyContent;

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

@@ -28,6 +28,11 @@ export interface TableProps {
      * @param columnIdKey
      */
     formats: IColumnFormats[];
+    /**
+     * 테이블의 최대 높이 px  (@v2_old tableBodyMaxHeight)
+     * 최소 160은 되어야 행 하나가 보입니다.
+     */
+    maxHeight: number;
     /**
      * 소팅할 열과 방향(오름차순, 내림차순)을 설정할뿐 실제로 정렬을 하지는 않습니다. (@v1 currentSort)
      */
@@ -100,13 +105,6 @@ export interface TableProps {
     };
     className?: string;
     id?: string;
-    /**
-     * 테이블의 최대 높이 px  (@v2_old tableBodyMaxHeight)
-     */
-    maxHeight?: number;
-    /**
-     * 테이블의 최소 너비 px
-     */
     /**
      * 데이터가 없을때의 조건과 문구
      */
@@ -121,8 +119,4 @@ export interface TableProps {
         isLoading: boolean;
         content?: React.ReactNode;
     };
-    /**
-     * 데이터가 없거나 로딩일때 테이블 바디(1행) 높이
-     */
-    emptyBodyHeight?: number;
 }

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export * from './components/atoms/tooltip';
 export * from './components/molecules/calendar';
 export * from './components/molecules/dropdown';
 export * from './components/molecules/modal';
+export * from './components/molecules/multiSelectDropdown';
 export * from './components/molecules/pagination';
 export * from './components/molecules/searchInput';
 export * from './components/molecules/table';