maru_design2 2.17.1 → 2.18.1

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.
Files changed (17) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dist/components/atoms/chip/Chip.d.ts +5 -1
  3. package/dist/components/atoms/icon/Icon.d.ts +1 -1
  4. package/dist/components/atoms/icon/iconmap.d.ts +100 -47
  5. package/dist/components/atoms/textarea/Textarea.d.ts +25 -0
  6. package/dist/components/atoms/textarea/index.d.ts +1 -0
  7. package/dist/components/molecules/dropdown/toggles/Clear.d.ts +3 -1
  8. package/dist/components/molecules/table/Colgroup.d.ts +2 -1
  9. package/dist/components/molecules/table/Table.d.ts +1 -1
  10. package/dist/components/molecules/table/body/RadioTd.d.ts +7 -0
  11. package/dist/components/molecules/table/body/TBody.d.ts +7 -1
  12. package/dist/components/molecules/table/header/THead.d.ts +2 -1
  13. package/dist/components/molecules/table/types.d.ts +22 -3
  14. package/dist/index.d.ts +1 -0
  15. package/dist/index.js +1711 -486
  16. package/dist/utils/highlight.d.ts +1 -3
  17. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,42 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.18.1](https://github.com/42maru-ai/maru-design2/compare/v2.18.0...v2.18.1) (2024-12-10)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * :bento: Icon - ADD icons [#371](https://github.com/42maru-ai/maru-design2/issues/371) [#375](https://github.com/42maru-ai/maru-design2/issues/375) ([f12f90e](https://github.com/42maru-ai/maru-design2/commit/f12f90e013d2cacf857d83d501f2aa8ee0331b1d))
9
+ * :bento: Icon - ADD share-03_s1413.svg [#382](https://github.com/42maru-ai/maru-design2/issues/382) ([aa42f32](https://github.com/42maru-ai/maru-design2/commit/aa42f32e79c0e96fa5824dedd4f5c86a31b895c7))
10
+ * :bug: Icon - fix circles's fill to undefined & remove unused ([20cb7bc](https://github.com/42maru-ai/maru-design2/commit/20cb7bc6a85536cb9f5fb97f9a762f1ec7e02237))
11
+ * :bug: Table - stop propagation for arrow button [#381](https://github.com/42maru-ai/maru-design2/issues/381) ([26b4b58](https://github.com/42maru-ai/maru-design2/commit/26b4b5824cd51ef19458aa03759883accabde82d))
12
+ * :lipstick: Chip - UPDATE x icon style [#378](https://github.com/42maru-ai/maru-design2/issues/378) ([b025ebd](https://github.com/42maru-ai/maru-design2/commit/b025ebd7f6d8c9e8dc5e7a6c11b24e2f9bfed925))
13
+ * :lipstick: Textarea - update clear icon color [#374](https://github.com/42maru-ai/maru-design2/issues/374) ([4461a0d](https://github.com/42maru-ai/maru-design2/commit/4461a0df379f87a037abb60089552cdd6669fd33))
14
+
15
+ ## [2.18.0](https://github.com/42maru-ai/maru-design2/compare/v2.17.1...v2.18.0) (2024-11-20)
16
+
17
+
18
+ ### Features
19
+
20
+ * :bento: Icon - ADD new icons & UPDATE parser [#359](https://github.com/42maru-ai/maru-design2/issues/359) ([d85576b](https://github.com/42maru-ai/maru-design2/commit/d85576b1908e3dfd320ac6d242b485b292f1e320))
21
+ * :sparkles: Button - ADD icon props ([f04aa38](https://github.com/42maru-ai/maru-design2/commit/f04aa3891a515bb5403ce5cb6798446a223f758d))
22
+ * :sparkles: Chip - ADD onXIconClick [#292](https://github.com/42maru-ai/maru-design2/issues/292) ([2d8866e](https://github.com/42maru-ai/maru-design2/commit/2d8866e4ecd983ca533161e06afe27b113f51362))
23
+ * :sparkles: Table - ADD arrowButton [#342](https://github.com/42maru-ai/maru-design2/issues/342) ([2257737](https://github.com/42maru-ai/maru-design2/commit/22577373936e98ed3eeced82b121b4f23465c638))
24
+ * :sparkles: Table - ADD iconTooltip to format col header [#340](https://github.com/42maru-ai/maru-design2/issues/340) ([36ca853](https://github.com/42maru-ai/maru-design2/commit/36ca853595fbbb6184e965de823fc57408c2c7d8))
25
+ * :sparkles: Table - ADD radio [#349](https://github.com/42maru-ai/maru-design2/issues/349) ([00bb2ea](https://github.com/42maru-ai/maru-design2/commit/00bb2ea408d4b22dd9d2d8eb63d4377ac96995bb))
26
+ * :sparkles: Textarea - ADD textarea [#348](https://github.com/42maru-ai/maru-design2/issues/348) ([9c5ef5a](https://github.com/42maru-ai/maru-design2/commit/9c5ef5a4dee1ba087903758a539ba6556848590b))
27
+
28
+
29
+ ### Bug Fixes
30
+
31
+ * :bug: Dropdown - DELETE dangerously html render [#362](https://github.com/42maru-ai/maru-design2/issues/362) ([f80022c](https://github.com/42maru-ai/maru-design2/commit/f80022cc87b19ac554b5ee51b3b821c157191644))
32
+ * :bug: Font - pretendard weight [#347](https://github.com/42maru-ai/maru-design2/issues/347) ([f763253](https://github.com/42maru-ai/maru-design2/commit/f763253fa92c109bda69e4d1df4caecd50af2606))
33
+ * :bug: Icon - Fix bugs by rename ([a17fdf3](https://github.com/42maru-ai/maru-design2/commit/a17fdf3c40feea6e2fb564c50c24252ce43f1a10))
34
+ * :bug: Icon - UPDATE hoverColor default [#346](https://github.com/42maru-ai/maru-design2/issues/346) ([1188c6f](https://github.com/42maru-ai/maru-design2/commit/1188c6f3593bd06a20b168e625f89db77d0c54f8))
35
+ * :bug: Input - FIX pasword clear function [#338](https://github.com/42maru-ai/maru-design2/issues/338) ([9be47d6](https://github.com/42maru-ai/maru-design2/commit/9be47d6e6235f726a282cf9cebc7ed2a562e0698))
36
+ * :bug: Table - body init height calc [#334](https://github.com/42maru-ai/maru-design2/issues/334) ([0e262e0](https://github.com/42maru-ai/maru-design2/commit/0e262e0a5c697e6d0231b7d3639c22bcbb567b3e))
37
+ * :lipstick: Dropdown - UPDATE clear style [#344](https://github.com/42maru-ai/maru-design2/issues/344) ([5ba57d5](https://github.com/42maru-ai/maru-design2/commit/5ba57d569e9d1d4cc406484e8d0b9031d8d4d43b))
38
+ * :lipstick: Input - UPDATE style [#335](https://github.com/42maru-ai/maru-design2/issues/335) ([1b2660a](https://github.com/42maru-ai/maru-design2/commit/1b2660a5caf573cd0fa3cf274275deaa428872eb))
39
+
3
40
  ## [2.17.1](https://github.com/42maru-ai/maru-design2/compare/v2.17.0...v2.17.1) (2024-10-17)
4
41
 
5
42
 
package/dist/components/atoms/chip/Chip.d.ts CHANGED
@@ -21,5 +21,9 @@ export interface ChipProps {
21
21
  */
22
22
  variant?: TChipVariant;
23
23
  className?: string;
24
+ /**
25
+ * 설정하면 X아이콘 생기며, 해당 아이콘에 클릭 이벤트를 할당함.
26
+ */
27
+ onXIconClick?: () => void;
24
28
  }
25
- export declare function Chip({ children, color, size, variant, className, }: ChipProps): import("react/jsx-runtime").JSX.Element;
29
+ export declare function Chip({ children, color, size, variant, className, onXIconClick, }: ChipProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/atoms/icon/Icon.d.ts CHANGED
@@ -13,4 +13,4 @@ export interface IconProps {
13
13
  */
14
14
  hoverColor?: string;
15
15
  }
16
- export declare function Icon({ name, color, hoverColor, }: IconProps): import("react/jsx-runtime").JSX.Element;
16
+ export declare function Icon({ name, color, hoverColor }: IconProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/atoms/icon/iconmap.d.ts CHANGED
@@ -18,37 +18,39 @@ export declare const iconmap: {
18
18
  cx: string;
19
19
  cy: string;
20
20
  r: string;
21
- fill: string;
21
+ fill?: string;
22
+ stroke?: string;
23
+ strokeWidth?: string;
22
24
  }[];
23
25
  rects: {
24
26
  x: string;
25
27
  y: string;
26
28
  width: string;
27
29
  height: string;
28
- rx: string;
29
- transform: string;
30
- fill: string;
30
+ rx?: string;
31
+ transform?: string;
32
+ fill?: string;
33
+ stroke?: string;
34
+ strokeWidth?: string;
35
+ strokeLinecap?: string;
31
36
  }[];
32
37
  };
33
38
  };
34
39
  export declare const ICONS: {
35
- readonly AddLine_s16: "AddLine_s16";
36
- readonly AlertCircleBg_s16: "AlertCircleBg_s16";
40
+ readonly AlertCircleBg_s1610: "AlertCircleBg_s1610";
41
+ readonly AlertCircle_s1413: "AlertCircle_s1413";
37
42
  readonly AlertCircle_s1615: "AlertCircle_s1615";
38
- readonly AlertTriangleBg_s24: "AlertTriangleBg_s24";
43
+ readonly AlertTriangleBg_s2410: "AlertTriangleBg_s2410";
39
44
  readonly AlertTriangle_s1615: "AlertTriangle_s1615";
40
- readonly ArrowLeftCircleBg_s2415: "ArrowLeftCircleBg_s2415";
41
- readonly ArrowLeftCircle_s1812: "ArrowLeftCircle_s1812";
42
- readonly ArrowLeftCircle_s2415: "ArrowLeftCircle_s2415";
43
- readonly ArrowRightCircleBg_s2415: "ArrowRightCircleBg_s2415";
44
- readonly ArrowRightCircle_s1812: "ArrowRightCircle_s1812";
45
- readonly ArrowRightCircle_s2415: "ArrowRightCircle_s2415";
45
+ readonly ArrowDownCircle_s1413: "ArrowDownCircle_s1413";
46
46
  readonly ArrowRight_s1415: "ArrowRight_s1415";
47
47
  readonly ArrowRight_s1613: "ArrowRight_s1613";
48
+ readonly ArrowRight_s1813: "ArrowRight_s1813";
48
49
  readonly ArrowRight_s2420: "ArrowRight_s2420";
49
50
  readonly Atom01_s1615: "Atom01_s1615";
50
51
  readonly BarChart10_s2420: "BarChart10_s2420";
51
52
  readonly BarChart12_s2420: "BarChart12_s2420";
53
+ readonly BarChart20_s1613: "BarChart20_s1613";
52
54
  readonly BarChartSquare01_s2420: "BarChartSquare01_s2420";
53
55
  readonly BarChartSquare02_s2420: "BarChartSquare02_s2420";
54
56
  readonly BookClosed_s2420: "BookClosed_s2420";
@@ -58,47 +60,64 @@ export declare const ICONS: {
58
60
  readonly CalendarDate_s2420: "CalendarDate_s2420";
59
61
  readonly Calendar_s1615: "Calendar_s1615";
60
62
  readonly CheckCircleBg_s1612: "CheckCircleBg_s1612";
61
- readonly CheckCircleBg_s24: "CheckCircleBg_s24";
63
+ readonly CheckCircleBg_s2410: "CheckCircleBg_s2410";
62
64
  readonly CheckCircle_s1413: "CheckCircle_s1413";
63
65
  readonly CheckCircle_s1613: "CheckCircle_s1613";
64
- readonly CheckboxIndeterminate_s16: "CheckboxIndeterminate_s16";
65
- readonly CheckboxIndeterminate_s18: "CheckboxIndeterminate_s18";
66
- readonly CheckboxOff_s16: "CheckboxOff_s16";
67
- readonly CheckboxOff_s18: "CheckboxOff_s18";
68
- readonly CheckboxOff_s24: "CheckboxOff_s24";
69
- readonly CheckboxOn_s16: "CheckboxOn_s16";
70
- readonly CheckboxOn_s18: "CheckboxOn_s18";
71
- readonly CheckboxOn_s24: "CheckboxOn_s24";
66
+ readonly Check_s1615: "Check_s1615";
67
+ readonly CheckboxIndeterminate_s1610: "CheckboxIndeterminate_s1610";
68
+ readonly CheckboxIndeterminate_s1810: "CheckboxIndeterminate_s1810";
69
+ readonly CheckboxOff_s1610: "CheckboxOff_s1610";
70
+ readonly CheckboxOff_s1810: "CheckboxOff_s1810";
71
+ readonly CheckboxOff_s2410: "CheckboxOff_s2410";
72
+ readonly CheckboxOn_s1610: "CheckboxOn_s1610";
73
+ readonly CheckboxOn_s1810: "CheckboxOn_s1810";
74
+ readonly CheckboxOn_s2410: "CheckboxOn_s2410";
75
+ readonly ChevronDown_s1613: "ChevronDown_s1613";
72
76
  readonly ChevronDown_s1615: "ChevronDown_s1615";
73
77
  readonly ChevronDown_s2420: "ChevronDown_s2420";
78
+ readonly ChevronLeftCircleBg_s2415: "ChevronLeftCircleBg_s2415";
79
+ readonly ChevronLeftCircle_s1810: "ChevronLeftCircle_s1810";
80
+ readonly ChevronLeftCircle_s1812: "ChevronLeftCircle_s1812";
81
+ readonly ChevronLeftCircle_s2415: "ChevronLeftCircle_s2415";
74
82
  readonly ChevronLeftDouble_s1615: "ChevronLeftDouble_s1615";
75
83
  readonly ChevronLeft_s1615: "ChevronLeft_s1615";
76
84
  readonly ChevronLeft_s2020: "ChevronLeft_s2020";
77
85
  readonly ChevronLeft_s2420: "ChevronLeft_s2420";
78
86
  readonly ChevronLeft_s4030: "ChevronLeft_s4030";
87
+ readonly ChevronRightCircleBg_s2415: "ChevronRightCircleBg_s2415";
88
+ readonly ChevronRightCircle_s1810: "ChevronRightCircle_s1810";
89
+ readonly ChevronRightCircle_s1812: "ChevronRightCircle_s1812";
90
+ readonly ChevronRightCircle_s2415: "ChevronRightCircle_s2415";
79
91
  readonly ChevronRightDouble_s1615: "ChevronRightDouble_s1615";
80
92
  readonly ChevronRight_s1615: "ChevronRight_s1615";
81
93
  readonly ChevronRight_s2020: "ChevronRight_s2020";
82
94
  readonly ChevronRight_s2420: "ChevronRight_s2420";
83
95
  readonly ChevronSelectorVertical_s2020: "ChevronSelectorVertical_s2020";
96
+ readonly ChevronUp_s1613: "ChevronUp_s1613";
84
97
  readonly ChevronUp_s1615: "ChevronUp_s1615";
85
98
  readonly ChevronUp_s2420: "ChevronUp_s2420";
99
+ readonly ClipboardCheck_s1612: "ClipboardCheck_s1612";
86
100
  readonly ClipboardCheck_s1615: "ClipboardCheck_s1615";
87
101
  readonly ClipboardPlus_s1615: "ClipboardPlus_s1615";
88
102
  readonly ClipboardPlus_s2015: "ClipboardPlus_s2015";
89
103
  readonly ClipboardPlus_s2415: "ClipboardPlus_s2415";
104
+ readonly ClipboardX_s1613: "ClipboardX_s1613";
90
105
  readonly Clipboard_s1615: "Clipboard_s1615";
91
106
  readonly CodeSnippet02_s2420: "CodeSnippet02_s2420";
107
+ readonly Connection_s1810: "Connection_s1810";
92
108
  readonly Copy03_s1615: "Copy03_s1615";
93
109
  readonly Copy_s1413: "Copy_s1413";
94
110
  readonly Copy_s1613: "Copy_s1613";
95
111
  readonly CornerDownRight_s1615: "CornerDownRight_s1615";
96
112
  readonly CornerDownRight_s2420: "CornerDownRight_s2420";
113
+ readonly CornerUpLeft_s1413: "CornerUpLeft_s1413";
97
114
  readonly CornerUpLeft_s1815: "CornerUpLeft_s1815";
98
115
  readonly CornerUpRight_s1815: "CornerUpRight_s1815";
99
116
  readonly CurrencyDollar_s2420: "CurrencyDollar_s2420";
100
117
  readonly Cursor04_s1815: "Cursor04_s1815";
118
+ readonly CursorBox_s1613: "CursorBox_s1613";
101
119
  readonly CursorBox_s1815: "CursorBox_s1815";
120
+ readonly CursorDoubleBox_s1613: "CursorDoubleBox_s1613";
102
121
  readonly Database01_s1615: "Database01_s1615";
103
122
  readonly Database02_s1615: "Database02_s1615";
104
123
  readonly Database02_s2015: "Database02_s2015";
@@ -108,63 +127,79 @@ export declare const ICONS: {
108
127
  readonly Database03_s2415: "Database03_s2415";
109
128
  readonly Database03_s2420: "Database03_s2420";
110
129
  readonly DatabasePlus_s1612: "DatabasePlus_s1612";
130
+ readonly DatabasePlus_s1810: "DatabasePlus_s1810";
111
131
  readonly DatabasePlus_s1812: "DatabasePlus_s1812";
132
+ readonly DatabasePreview_s1810: "DatabasePreview_s1810";
112
133
  readonly Dataflow01_s1615: "Dataflow01_s1615";
113
134
  readonly Dataflow01_s2015: "Dataflow01_s2015";
114
135
  readonly Dataflow01_s2415: "Dataflow01_s2415";
115
136
  readonly Dataflow01_s2420: "Dataflow01_s2420";
116
137
  readonly Dataflow04_s1615: "Dataflow04_s1615";
138
+ readonly Dataflow04_s2415: "Dataflow04_s2415";
139
+ readonly Dataflow05_s1815: "Dataflow05_s1815";
140
+ readonly Diagram_s2014: "Diagram_s2014";
117
141
  readonly Dotpoints01_s2420: "Dotpoints01_s2420";
118
142
  readonly DotsGrid_s1815: "DotsGrid_s1815";
119
143
  readonly DotsGrid_s2420: "DotsGrid_s2420";
120
144
  readonly DotsGrid_s3220: "DotsGrid_s3220";
145
+ readonly DotsVertical02_s1612: "DotsVertical02_s1612";
121
146
  readonly DotsVertical_s1815: "DotsVertical_s1815";
122
147
  readonly DotsVertical_s2415: "DotsVertical_s2415";
123
- readonly DownCircle_s1413: "DownCircle_s1413";
124
- readonly Down_s16: "Down_s16";
148
+ readonly Down_s1610: "Down_s1610";
125
149
  readonly Download01_s1313: "Download01_s1313";
126
150
  readonly Download01_s1413: "Download01_s1413";
127
151
  readonly Download01_s1613: "Download01_s1613";
128
- readonly Downstream_s14: "Downstream_s14";
129
- readonly Downstream_s24: "Downstream_s24";
130
- readonly DragSelect_s1613: "DragSelect_s1613";
152
+ readonly Downstream_s1410: "Downstream_s1410";
153
+ readonly Downstream_s2410: "Downstream_s2410";
131
154
  readonly Drag_s1613: "Drag_s1613";
132
155
  readonly Edit03_s1413: "Edit03_s1413";
133
156
  readonly Edit03_s1613: "Edit03_s1613";
134
157
  readonly Expand_s1815: "Expand_s1815";
135
- readonly EyeOff_s16: "EyeOff_s16";
136
- readonly Eye_s16: "Eye_s16";
158
+ readonly EyeOff_s1610: "EyeOff_s1610";
159
+ readonly Eye_s1610: "Eye_s1610";
137
160
  readonly File02_s1615: "File02_s1615";
138
161
  readonly File06_s1615: "File06_s1615";
139
162
  readonly File06_s2420: "File06_s2420";
140
- readonly FileCheck02_s14: "FileCheck02_s14";
163
+ readonly FileChart_s1810: "FileChart_s1810";
164
+ readonly FileCheck02_s1410: "FileCheck02_s1410";
165
+ readonly FileCheck02_s1613: "FileCheck02_s1613";
141
166
  readonly FileCheck02_s1615: "FileCheck02_s1615";
142
167
  readonly FileCheck03_s1615: "FileCheck03_s1615";
168
+ readonly FileCheck04_s1413: "FileCheck04_s1413";
169
+ readonly FileCode_s1810: "FileCode_s1810";
170
+ readonly FileDot_s1810: "FileDot_s1810";
171
+ readonly FileOut_s1612: "FileOut_s1612";
143
172
  readonly FilePlus02_s1615: "FilePlus02_s1615";
173
+ readonly FilePlus_s1810: "FilePlus_s1810";
144
174
  readonly FilePlus_s1812: "FilePlus_s1812";
145
175
  readonly FileQuestion02_s1615: "FileQuestion02_s1615";
176
+ readonly FileRefresh_s1810: "FileRefresh_s1810";
146
177
  readonly FileRefresh_s1812: "FileRefresh_s1812";
178
+ readonly FileSlash_s1413: "FileSlash_s1413";
147
179
  readonly FileX02_s1615: "FileX02_s1615";
148
180
  readonly FileX02_s3220: "FileX02_s3220";
149
181
  readonly File_s1611: "File_s1611";
182
+ readonly File_s1613: "File_s1613";
150
183
  readonly File_s2415: "File_s2415";
151
184
  readonly File_s2420: "File_s2420";
152
185
  readonly File_s3020: "File_s3020";
153
186
  readonly FilterLines_s1815: "FilterLines_s1815";
187
+ readonly FolderSetting_s2013: "FolderSetting_s2013";
154
188
  readonly FolderUpload_s1615: "FolderUpload_s1615";
155
189
  readonly FolderUpload_s1815: "FolderUpload_s1815";
156
190
  readonly FolderUpload_s2420: "FolderUpload_s2420";
191
+ readonly Folder_s1810: "Folder_s1810";
157
192
  readonly Folder_s2415: "Folder_s2415";
158
193
  readonly Folder_s2420: "Folder_s2420";
159
194
  readonly Folder_s2820: "Folder_s2820";
160
195
  readonly Globe01_s1615: "Globe01_s1615";
161
- readonly Grabber_s1612: "Grabber_s1612";
162
196
  readonly GraduationHat01_s1615: "GraduationHat01_s1615";
163
197
  readonly GraduationHat01_s2415: "GraduationHat01_s2415";
164
198
  readonly GraduationHat01_s2420: "GraduationHat01_s2420";
165
- readonly HomeOutline24_s24: "HomeOutline24_s24";
166
- readonly Information_s16: "Information_s16";
167
- readonly K_s18: "K_s18";
199
+ readonly HomeOutline24_s2410: "HomeOutline24_s2410";
200
+ readonly Home_s2015: "Home_s2015";
201
+ readonly Home_s2415: "Home_s2415";
202
+ readonly Information_s1610: "Information_s1610";
168
203
  readonly LineChartDown01_s2420: "LineChartDown01_s2420";
169
204
  readonly Loading02_s1415: "Loading02_s1415";
170
205
  readonly Loading02_s1615: "Loading02_s1615";
@@ -174,6 +209,7 @@ export declare const ICONS: {
174
209
  readonly Loading02_s4830: "Loading02_s4830";
175
210
  readonly Lock01_s1615: "Lock01_s1615";
176
211
  readonly LogOut01_s1615: "LogOut01_s1615";
212
+ readonly Menu2_s1613: "Menu2_s1613";
177
213
  readonly Menu_s2415: "Menu_s2415";
178
214
  readonly MessageCheck_s1615: "MessageCheck_s1615";
179
215
  readonly MessageNotification_s1615: "MessageNotification_s1615";
@@ -181,11 +217,11 @@ export declare const ICONS: {
181
217
  readonly MessageText_s1815: "MessageText_s1815";
182
218
  readonly MessageX_s1615: "MessageX_s1615";
183
219
  readonly Move_s1613: "Move_s1613";
184
- readonly Network03_s14: "Network03_s14";
185
- readonly Network03_s24: "Network03_s24";
220
+ readonly Network03_s1410: "Network03_s1410";
221
+ readonly Network03_s2410: "Network03_s2410";
186
222
  readonly Network03_s2415: "Network03_s2415";
187
- readonly Network04_s14: "Network04_s14";
188
- readonly Network04_s24: "Network04_s24";
223
+ readonly Network04_s1410: "Network04_s1410";
224
+ readonly Network04_s2410: "Network04_s2410";
189
225
  readonly Pause_s1615: "Pause_s1615";
190
226
  readonly Pause_s2420: "Pause_s2420";
191
227
  readonly PieChart01_s2420: "PieChart01_s2420";
@@ -193,62 +229,79 @@ export declare const ICONS: {
193
229
  readonly PieChart03_s2420: "PieChart03_s2420";
194
230
  readonly PlayCircleLeft_s2420: "PlayCircleLeft_s2420";
195
231
  readonly PlayCircleRight_s2420: "PlayCircleRight_s2420";
232
+ readonly PlusCircle_s1413: "PlusCircle_s1413";
233
+ readonly PlusCircle_s1613: "PlusCircle_s1613";
196
234
  readonly PlusCircle_s1615: "PlusCircle_s1615";
235
+ readonly PlusCircle_s1810: "PlusCircle_s1810";
197
236
  readonly PlusCircle_s1812: "PlusCircle_s1812";
237
+ readonly PlusCircle_s2410: "PlusCircle_s2410";
198
238
  readonly PlusCircle_s2420: "PlusCircle_s2420";
199
- readonly QuestionCircleBg_s16: "QuestionCircleBg_s16";
239
+ readonly PlusDownLines_s1413: "PlusDownLines_s1413";
240
+ readonly PlusUpLines_s1413: "PlusUpLines_s1413";
241
+ readonly Plus_s1610: "Plus_s1610";
242
+ readonly PreviewLine_s2013: "PreviewLine_s2013";
243
+ readonly PreviewZoom_s2013: "PreviewZoom_s2013";
244
+ readonly Preview_s1413: "Preview_s1413";
245
+ readonly QuestionCircleBg_s1610: "QuestionCircleBg_s1610";
200
246
  readonly RefreshCcw02_s1415: "RefreshCcw02_s1415";
201
247
  readonly RefreshCcw02_s1615: "RefreshCcw02_s1615";
202
248
  readonly RefreshCcw02_s2420: "RefreshCcw02_s2420";
249
+ readonly RefreshCw01_s1613: "RefreshCw01_s1613";
203
250
  readonly RefreshCw01_s1815: "RefreshCw01_s1815";
204
251
  readonly RefreshCw02_s1413: "RefreshCw02_s1413";
205
252
  readonly RefreshCw02_s1615: "RefreshCw02_s1615";
253
+ readonly ReverseLeft2_s1613: "ReverseLeft2_s1613";
206
254
  readonly ReverseLeft_s1815: "ReverseLeft_s1815";
255
+ readonly SaveAll_s1810: "SaveAll_s1810";
207
256
  readonly SaveAll_s1812: "SaveAll_s1812";
257
+ readonly Save_s1413: "Save_s1413";
208
258
  readonly Save_s1613: "Save_s1613";
209
259
  readonly SearchMd_s1615: "SearchMd_s1615";
210
260
  readonly SearchMd_s2420: "SearchMd_s2420";
261
+ readonly Setting01_s1413: "Setting01_s1413";
211
262
  readonly Settings02_s1615: "Settings02_s1615";
263
+ readonly Settings02_s2415: "Settings02_s2415";
212
264
  readonly Settings02_s2420: "Settings02_s2420";
213
265
  readonly Share03_s1215: "Share03_s1215";
214
266
  readonly Share03_s1613: "Share03_s1613";
215
267
  readonly SortDown_s0815: "SortDown_s0815";
216
268
  readonly SortOutline_s1415: "SortOutline_s1415";
217
269
  readonly SortUp_s0815: "SortUp_s0815";
218
- readonly State_s16: "State_s16";
219
- readonly State_s18: "State_s18";
270
+ readonly State_s1610: "State_s1610";
271
+ readonly State_s1810: "State_s1810";
220
272
  readonly StopCircle_s1413: "StopCircle_s1413";
221
273
  readonly StopCircle_s1615: "StopCircle_s1615";
222
274
  readonly StopCircle_s2420: "StopCircle_s2420";
223
- readonly SubtractLine_s16: "SubtractLine_s16";
224
- readonly Success_s1615: "Success_s1615";
275
+ readonly SubtractLine_s1610: "SubtractLine_s1610";
225
276
  readonly SwitchHorizontal02_s1615: "SwitchHorizontal02_s1615";
226
- readonly T_s18: "T_s18";
227
277
  readonly Title_s2420: "Title_s2420";
278
+ readonly Toggle_s2013: "Toggle_s2013";
228
279
  readonly Tool_s1413: "Tool_s1413";
229
280
  readonly Transform_s1815: "Transform_s1815";
230
281
  readonly Trash01_s1413: "Trash01_s1413";
231
282
  readonly Trash01_s1613: "Trash01_s1613";
283
+ readonly Trash01_s1810: "Trash01_s1810";
232
284
  readonly Trash01_s1815: "Trash01_s1815";
233
- readonly Up_s16: "Up_s16";
285
+ readonly Up_s1610: "Up_s1610";
234
286
  readonly Upload01_s1613: "Upload01_s1613";
235
287
  readonly UserCircleBg_s2415: "UserCircleBg_s2415";
236
288
  readonly UserCircle_s1615: "UserCircle_s1615";
237
289
  readonly UserCircle_s2415: "UserCircle_s2415";
238
290
  readonly UserCircle_s2420: "UserCircle_s2420";
239
291
  readonly UserPlus_s1615: "UserPlus_s1615";
292
+ readonly UserPlus_s1810: "UserPlus_s1810";
240
293
  readonly UserPlus_s1812: "UserPlus_s1812";
241
294
  readonly Users01_s1615: "Users01_s1615";
242
295
  readonly Users01_s2420: "Users01_s2420";
243
- readonly V_s18: "V_s18";
244
296
  readonly XCircleBg_s1612: "XCircleBg_s1612";
245
297
  readonly XCircle_s1413: "XCircle_s1413";
246
298
  readonly XCircle_s1613: "XCircle_s1613";
247
299
  readonly XCircle_s2420: "XCircle_s2420";
248
300
  readonly XDiamondBg_s2415: "XDiamondBg_s2415";
249
- readonly X_s14: "X_s14";
301
+ readonly X_s1410: "X_s1410";
250
302
  readonly X_s1613: "X_s1613";
251
303
  readonly X_s2420: "X_s2420";
304
+ readonly Zap_s1810: "Zap_s1810";
252
305
  readonly Zap_s1812: "Zap_s1812";
253
306
  readonly ZoomIn_s1815: "ZoomIn_s1815";
254
307
  readonly ZoomOut_s1815: "ZoomOut_s1815";
package/dist/components/atoms/textarea/Textarea.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ import './textarea.scss';
3
+ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> {
4
+ /**
5
+ * 에러났을때 메시지. (@v1 isValid, validMessage)
6
+ */
7
+ invalid?: {
8
+ on: boolean;
9
+ message?: string;
10
+ };
11
+ /**
12
+ * 초기화 함수 (@v1 hasClearBtn, onClear)
13
+ */
14
+ onClear?: () => void;
15
+ /**
16
+ * 초기화 버튼 숨기기
17
+ */
18
+ hiddenClearButton?: boolean;
19
+ /**
20
+ * textarea을 감싸고 있는 div의 ref, textarea은 일반 ref 사용
21
+ */
22
+ wrapperRef?: React.RefObject<HTMLDivElement>;
23
+ className?: string;
24
+ }
25
+ export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
package/dist/components/atoms/textarea/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './Textarea';
package/dist/components/molecules/dropdown/toggles/Clear.d.ts CHANGED
@@ -3,6 +3,8 @@ interface Props {
3
3
  initInputValue: () => void;
4
4
  onClear: () => void;
5
5
  initFilteredData: () => void;
6
+ focus: boolean;
7
+ color: string;
6
8
  }
7
- declare function Clear({ clearSelected, initInputValue, onClear, initFilteredData, }: Props): import("react/jsx-runtime").JSX.Element;
9
+ declare function Clear({ clearSelected, initInputValue, onClear, initFilteredData, focus, color, }: Props): import("react/jsx-runtime").JSX.Element;
8
10
  export default Clear;
package/dist/components/molecules/table/Colgroup.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import { IColumnFormats } from './types';
2
2
  interface Props {
3
3
  hasCheckbox?: boolean;
4
+ hasRadio?: boolean;
4
5
  formats: IColumnFormats[];
5
6
  hasActionCol: boolean;
6
7
  }
7
- declare function Colgroup({ hasCheckbox, formats, hasActionCol }: Props): import("react/jsx-runtime").JSX.Element;
8
+ declare function Colgroup({ hasCheckbox, hasRadio, formats, hasActionCol }: Props): import("react/jsx-runtime").JSX.Element;
8
9
  export default Colgroup;
package/dist/components/molecules/table/Table.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { TableProps } from './types';
2
2
  import './table.scss';
3
- export declare function Table({ rowIdKey, data, formats, sort, onSort, checkedIds, onCheck, filter, kebabMenu, binButton, onRowClick, selectedRow, highlightRows, className, id, maxHeight, noData, loading, emptyBodyHeight, }: TableProps): import("react/jsx-runtime").JSX.Element;
3
+ 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;
package/dist/components/molecules/table/body/RadioTd.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ interface Props {
2
+ rowId: string;
3
+ checked: boolean;
4
+ onCheck: (rowId: string, checked: boolean) => void;
5
+ }
6
+ declare function RadioTd({ rowId, checked, onCheck }: Props): import("react/jsx-runtime").JSX.Element;
7
+ export default RadioTd;
package/dist/components/molecules/table/body/TBody.d.ts CHANGED
@@ -6,6 +6,8 @@ interface Props {
6
6
  data: Record<string, any>[];
7
7
  checkedIds?: string[];
8
8
  onCheck?: (ids: string[]) => void;
9
+ radioCheckedId?: string;
10
+ onRadioCheck?: (id: string) => void;
9
11
  hasActionCol: boolean;
10
12
  kebabMenu?: {
11
13
  show: (rowId?: string) => TShow;
@@ -15,6 +17,10 @@ interface Props {
15
17
  show: (rowId?: string) => TShow;
16
18
  onClick: (rowId: string) => void;
17
19
  };
20
+ arrowButton?: {
21
+ show: (rowId?: string) => TShow;
22
+ onClick: (rowId: string) => void;
23
+ };
18
24
  onRowClick?: (rowId: string) => void;
19
25
  selectedRow?: {
20
26
  rowId: string;
@@ -34,5 +40,5 @@ interface Props {
34
40
  };
35
41
  emptyBodyHeight?: number;
36
42
  }
37
- declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, hasActionCol, kebabMenu, binButton, onRowClick, selectedRow, highlightRows, noData, loading, emptyBodyHeight, }: Props): import("react/jsx-runtime").JSX.Element;
43
+ 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;
38
44
  export default TBody;
package/dist/components/molecules/table/header/THead.d.ts CHANGED
@@ -5,6 +5,7 @@ interface Props {
5
5
  sort?: ISort;
6
6
  onSortClick: (columnName: string) => () => void;
7
7
  hasCheckbox?: boolean;
8
+ hasRadio?: boolean;
8
9
  allCheckbox: boolean;
9
10
  onAllCheck: (checked: boolean) => void;
10
11
  hasActionCol: boolean;
@@ -15,5 +16,5 @@ interface Props {
15
16
  filterToggle: boolean;
16
17
  setFilterToggle: React.Dispatch<React.SetStateAction<boolean>>;
17
18
  }
18
- declare function THead({ formats, sort, onSortClick, hasCheckbox, allCheckbox, onAllCheck, hasActionCol, filter, filterToggle, setFilterToggle, }: Props): import("react/jsx-runtime").JSX.Element;
19
+ declare function THead({ formats, sort, onSortClick, hasCheckbox, hasRadio, allCheckbox, onAllCheck, hasActionCol, filter, filterToggle, setFilterToggle, }: Props): import("react/jsx-runtime").JSX.Element;
19
20
  export default THead;
package/dist/components/molecules/table/types.d.ts CHANGED
@@ -11,6 +11,10 @@ export interface IColumnFormats {
11
11
  width?: string;
12
12
  sortable?: boolean;
13
13
  isHide?: boolean;
14
+ /**
15
+ * 헤더 컬럼명 옆에 아이콘+툴팁 노출. 툴팁에 들어갈 문자열 설정.
16
+ */
17
+ iconTooltip?: string;
14
18
  }
15
19
  export type TShow = 'none' | 'hover' | 'always';
16
20
  export interface TableProps {
@@ -33,13 +37,18 @@ export interface TableProps {
33
37
  */
34
38
  onSort?: (sort: ISort) => void;
35
39
  /**
36
- * 체크된 아이디들(@v1 hasCheckbox, checkedArray)
40
+ * 체크박스에 체크된 아이디들. radioCheckedId와 같이 쓸 수 없음.(@v1 hasCheckbox, checkedArray)
37
41
  */
38
42
  checkedIds?: string[];
39
43
  /**
40
44
  * (@v1 setCheckedArray)
41
45
  */
42
46
  onCheck?: (ids: string[]) => void;
47
+ /**
48
+ * 라디오에 체크된 아이디. checkedIds와 같이 쓸 수 없음.
49
+ */
50
+ radioCheckedId?: string;
51
+ onRadioCheck?: (id: string) => void;
43
52
  /**
44
53
  * 최우측 컬럼 헤더의 필터 영역. format.filter와 조합해서 사용 가능
45
54
  */
@@ -48,19 +57,29 @@ export interface TableProps {
48
57
  onReset: () => void;
49
58
  };
50
59
  /**
51
- * 최우측 컬럼 바디의 더보기 메뉴. binButton과 같이 쓸 수 없음. TShow='none' | 'hover' | 'always'. (@v1 hamberger)
60
+ * 최우측 컬럼 바디의 더보기 메뉴. binButton, arrowButton과 같이 쓸 수 없음.
61
+ * TShow='none' | 'hover' | 'always'. (@v1 hamberger)
52
62
  */
53
63
  kebabMenu?: {
54
64
  show: (rowId?: string) => TShow;
55
65
  content: (rowId: string, onClose: () => void) => React.ReactNode;
56
66
  };
57
67
  /**
58
- * 최우측 컬럼 바디의 휴지통 버튼. kebabMenu와 같이 쓸 수 없음. TShow='none' | 'hover' | 'always'.
68
+ * 최우측 컬럼 바디의 휴지통 버튼. kebabMenu, arrowButton과 같이 쓸 수 없음.
69
+ * TShow='none' | 'hover' | 'always'.
59
70
  */
60
71
  binButton?: {
61
72
  show: (rowId?: string) => TShow;
62
73
  onClick: (rowId: string) => void;
63
74
  };
75
+ /**
76
+ * 최우측 컬럼 바디의 화살표 버튼. kebabMenu, binButton과 같이 쓸 수 없음.
77
+ * TShow='none' | 'hover' | 'always'.
78
+ */
79
+ arrowButton?: {
80
+ show: (rowId?: string) => TShow;
81
+ onClick: (rowId: string) => void;
82
+ };
64
83
  /**
65
84
  * 테이블 행 click 이벤트. rowId를 콜백함수에게 전달.
66
85
  */
package/dist/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export * from './components/atoms/input';
7
7
  export * from './components/atoms/popover';
8
8
  export * from './components/atoms/radio';
9
9
  export * from './components/atoms/skeleton';
10
+ export * from './components/atoms/textarea';
10
11
  export * from './components/atoms/toggle';
11
12
  export * from './components/atoms/tooltip';
12
13
  export * from './components/molecules/calendar';