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 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, inlineLabel, label, onClear, noDataMessage, noResultMessage, width, height, customButton, customMenuItem, anchorEl, startArrow, toggleEndNode, menuBottomButton, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
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: CustomMenuItem, isSearch, parent, open, onClose, menuBottomButton, }: Props<T>): import("react/jsx-runtime").JSX.Element;
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, inlineLabel, width, customButton, startArrow, toggleEndNode, open, selected, errored, hasClearBtn, onClear, onClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;
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;
@@ -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];