maru_design2 2.23.2 → 2.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +32 -0
- package/dist/components/atoms/icon/iconmap.d.ts +3 -0
- package/dist/components/molecules/dropdown/Dropdown.d.ts +1 -13
- package/dist/components/molecules/dropdown/menu/MenuItem.d.ts +16 -0
- package/dist/components/molecules/dropdown/menu/index.d.ts +1 -1
- package/dist/components/molecules/dropdown/toggleButton/index.d.ts +1 -4
- package/dist/components/molecules/multiSelectDropdown/menu/MenuItem.d.ts +12 -0
- package/dist/enums/type.d.ts +1 -1
- package/dist/index.js +390 -111
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.24.0](https://github.com/42maru-ai/maru-design2/compare/v2.23.3...v2.24.0) (2025-03-14)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* :sparkles: Input - add datetime type [#530](https://github.com/42maru-ai/maru-design2/issues/530) ([2064879](https://github.com/42maru-ai/maru-design2/commit/206487959509eb670169a1ef78c486fdd9a850f8))
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* :bug: Table - fix tooltip gap type [#527](https://github.com/42maru-ai/maru-design2/issues/527) ([ca36b17](https://github.com/42maru-ai/maru-design2/commit/ca36b17ac9b37147debab36dc29d766a48e914b1))
|
|
14
|
+
* :children_crossing: Dropdown - add text-overflow, tooltip to menu item [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([ece0349](https://github.com/42maru-ai/maru-design2/commit/ece0349e15ddc29944d604f8a9500a7c4b250e70))
|
|
15
|
+
* :children_crossing: Dropdown - add text-overflow, tooltip to menu item [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([9ff0b64](https://github.com/42maru-ai/maru-design2/commit/9ff0b64ec5b845f21b988ed38d21f06beee25244))
|
|
16
|
+
* :children_crossing: Dropdown - add text-overflow, tooltip to toggle button [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([3484605](https://github.com/42maru-ai/maru-design2/commit/34846058cdd6c2ff58e5cb959738f4de9a0429ad))
|
|
17
|
+
* :children-crossing: MSDropdown - add text-overflow, tooltip to menu item [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([e072263](https://github.com/42maru-ai/maru-design2/commit/e072263c6c0a0a19b65dafe571ae95c3f62ddc97))
|
|
18
|
+
* :children-crossing: MSDropdown - add text-overflow, tooltip to toggle button [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([858b23e](https://github.com/42maru-ai/maru-design2/commit/858b23e4194f11cb8d4c8a81a666fc417a8e98e5))
|
|
19
|
+
* :fire: All - remove aria-hidden [#520](https://github.com/42maru-ai/maru-design2/issues/520) ([e3a2303](https://github.com/42maru-ai/maru-design2/commit/e3a23031e5db3ff5f36ec19fee38e057d87ecfa9))
|
|
20
|
+
* :fire: Dropdown - remove inlineLabel ([3d5608c](https://github.com/42maru-ai/maru-design2/commit/3d5608c8d9ec26cc01be91692857404848f5dc93))
|
|
21
|
+
* :fire: Dropdown - remove startArrow ([480e8fc](https://github.com/42maru-ai/maru-design2/commit/480e8fcae64d57cbbc5ee45ad33121cc82438b6f))
|
|
22
|
+
* :fire: Dropdown - remove toggleEndNode ([9148969](https://github.com/42maru-ai/maru-design2/commit/9148969e79c29c3596ade9f5c4be0fffda09ed68))
|
|
23
|
+
* :memo: Dropdown - add long contents with width storybook ([7a8c4d2](https://github.com/42maru-ai/maru-design2/commit/7a8c4d22730d7b614c42e8e36be98d3059efc116))
|
|
24
|
+
* :memo: Dropdown - update desc of width to Docs.mdx ([7bed2ce](https://github.com/42maru-ai/maru-design2/commit/7bed2ce32efee611070b3f6ff670776ac170070d))
|
|
25
|
+
|
|
26
|
+
## [2.23.3](https://github.com/42maru-ai/maru-design2/compare/v2.23.2...v2.23.3) (2025-03-12)
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### Bug Fixes
|
|
30
|
+
|
|
31
|
+
* :bento: Icon - add llm-studio icons [#402](https://github.com/42maru-ai/maru-design2/issues/402) ([cf94bd4](https://github.com/42maru-ai/maru-design2/commit/cf94bd4d76f10f6ded4e094e4e2feb2186ad6d04))
|
|
32
|
+
* :bug: Slider - FIX 여러 개의 슬라이더가 있을 때 하나를 조정해도 배경색이 동시에 다 변하는 버그 수정 ([e9bc3a3](https://github.com/42maru-ai/maru-design2/commit/e9bc3a3547f6ab11227628126767e08c63a203c0))
|
|
33
|
+
* :speech_balloon: update iconmap ([2740b73](https://github.com/42maru-ai/maru-design2/commit/2740b73f1c3e62e1a435288fa98b42602fd5d5fc))
|
|
34
|
+
|
|
3
35
|
## [2.23.2](https://github.com/42maru-ai/maru-design2/compare/v2.23.1...v2.23.2) (2025-03-04)
|
|
4
36
|
|
|
5
37
|
|
|
@@ -144,8 +144,10 @@ export declare const ICONS: {
|
|
|
144
144
|
readonly Dataflow04_s1615: "Dataflow04_s1615";
|
|
145
145
|
readonly Dataflow04_s2415: "Dataflow04_s2415";
|
|
146
146
|
readonly Dataflow05_s1815: "Dataflow05_s1815";
|
|
147
|
+
readonly Diagram02_s1610: "Diagram02_s1610";
|
|
147
148
|
readonly Diagram_s2014: "Diagram_s2014";
|
|
148
149
|
readonly Diagram_s2415: "Diagram_s2415";
|
|
150
|
+
readonly Dotpoints01_s1617: "Dotpoints01_s1617";
|
|
149
151
|
readonly Dotpoints01_s2420: "Dotpoints01_s2420";
|
|
150
152
|
readonly DotsGrid_s1815: "DotsGrid_s1815";
|
|
151
153
|
readonly DotsGrid_s2420: "DotsGrid_s2420";
|
|
@@ -162,6 +164,7 @@ export declare const ICONS: {
|
|
|
162
164
|
readonly Downstream_s1410: "Downstream_s1410";
|
|
163
165
|
readonly Downstream_s2410: "Downstream_s2410";
|
|
164
166
|
readonly Drag_s1613: "Drag_s1613";
|
|
167
|
+
readonly Edit03_s1210: "Edit03_s1210";
|
|
165
168
|
readonly Edit03_s1413: "Edit03_s1413";
|
|
166
169
|
readonly Edit03_s1613: "Edit03_s1613";
|
|
167
170
|
readonly Expand_s1613: "Expand_s1613";
|
|
@@ -41,10 +41,6 @@ interface DropdownProps<T extends Record<string, any>> {
|
|
|
41
41
|
* 에러났을때 메시지. (@v1 isValid, validMessage)
|
|
42
42
|
*/
|
|
43
43
|
errorMessage?: string;
|
|
44
|
-
/**
|
|
45
|
-
* 토글 안 좌측 상단에 노출할 라벨. (@v1 insideLabel)
|
|
46
|
-
*/
|
|
47
|
-
inlineLabel?: string;
|
|
48
44
|
label?: string;
|
|
49
45
|
/**
|
|
50
46
|
* 초기화 함수 (@v1 hasClearBtn, onClear)
|
|
@@ -81,14 +77,6 @@ interface DropdownProps<T extends Record<string, any>> {
|
|
|
81
77
|
* 컴포넌트 위치의 기준이 될 엘리먼트 사용자 정의. (@v1 portalAnchor)
|
|
82
78
|
*/
|
|
83
79
|
anchorEl?: HTMLElement | null;
|
|
84
|
-
/**
|
|
85
|
-
* 토글 화살표의 위치를 컴포넌트 시작점에 위치시킬지 여부. (@v1 IsToggleArrowStart)
|
|
86
|
-
*/
|
|
87
|
-
startArrow?: boolean;
|
|
88
|
-
/**
|
|
89
|
-
* 드롭다운 토글 끝점에 위치시킬 노드. (@v1 endNode)
|
|
90
|
-
*/
|
|
91
|
-
toggleEndNode?: React.ReactNode;
|
|
92
80
|
/**
|
|
93
81
|
* 메뉴 맨 밑에 버튼
|
|
94
82
|
*/
|
|
@@ -98,5 +86,5 @@ interface DropdownProps<T extends Record<string, any>> {
|
|
|
98
86
|
onClick: () => void;
|
|
99
87
|
};
|
|
100
88
|
}
|
|
101
|
-
export declare function Dropdown<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, className, placeholder, searchPlaceholder, disabled, color, stopPropagation, type, errorMessage,
|
|
89
|
+
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;
|
|
102
90
|
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface Props<T extends Record<string, any>> {
|
|
3
|
+
item: T;
|
|
4
|
+
selectedId: string | undefined;
|
|
5
|
+
onSelect: (id?: string) => void;
|
|
6
|
+
idKey: string;
|
|
7
|
+
displayKey: string;
|
|
8
|
+
width?: number;
|
|
9
|
+
customMenuItem?: ({ children, rowId, }: {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
rowId: string | number;
|
|
12
|
+
}) => JSX.Element;
|
|
13
|
+
onClose: () => void;
|
|
14
|
+
}
|
|
15
|
+
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;
|
|
16
|
+
export default MenuItem;
|
|
@@ -27,5 +27,5 @@ interface Props<T extends Record<string, any>> {
|
|
|
27
27
|
onClick: () => void;
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
|
-
declare function DropdownMenu<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, color, searchPlaceholder, noDataMessage, noResultMessage, width, height, customMenuItem
|
|
30
|
+
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;
|
|
31
31
|
export default DropdownMenu;
|
|
@@ -6,11 +6,8 @@ interface Props<T extends Record<string, any>> {
|
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
color: TColor;
|
|
8
8
|
stopPropagation?: boolean;
|
|
9
|
-
inlineLabel?: string;
|
|
10
9
|
width?: number;
|
|
11
10
|
customButton?: React.ReactNode;
|
|
12
|
-
startArrow?: boolean;
|
|
13
|
-
toggleEndNode?: React.ReactNode;
|
|
14
11
|
open: boolean;
|
|
15
12
|
selected: T | undefined;
|
|
16
13
|
errored?: boolean;
|
|
@@ -18,5 +15,5 @@ interface Props<T extends Record<string, any>> {
|
|
|
18
15
|
onClear: () => void;
|
|
19
16
|
onClick: () => void;
|
|
20
17
|
}
|
|
21
|
-
declare function DropdownToggleButton<T extends Record<string, any>>({ displayKey, placeholder, disabled, color, stopPropagation,
|
|
18
|
+
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;
|
|
22
19
|
export default DropdownToggleButton;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TColor } from '../../../../enums/color';
|
|
2
|
+
interface Props<T extends Record<string, any>> {
|
|
3
|
+
item: T;
|
|
4
|
+
selectedIds: string[];
|
|
5
|
+
onSelect: (ids: string[]) => void;
|
|
6
|
+
idKey: string;
|
|
7
|
+
displayKey: string;
|
|
8
|
+
color?: TColor;
|
|
9
|
+
width?: number;
|
|
10
|
+
}
|
|
11
|
+
declare function MenuItem<T extends Record<string, any>>({ item, selectedIds, onSelect, idKey, displayKey, color, width, }: Props<T>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default MenuItem;
|
package/dist/enums/type.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const INPUT_TYPES: readonly ["text", "password", "number", "date", "time"];
|
|
1
|
+
export declare const INPUT_TYPES: readonly ["text", "password", "number", "date", "time", "datetime"];
|
|
2
2
|
export type TInputType = (typeof INPUT_TYPES)[number];
|
|
3
3
|
export declare const DROPDOWN_TYPES: readonly ["button", "search"];
|
|
4
4
|
export type TDropdownType = (typeof DROPDOWN_TYPES)[number];
|