maru_design2 2.7.2 β 2.9.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 +76 -0
- package/dist/components/atoms/button/Button.d.ts +1 -1
- package/dist/components/atoms/icon/Icon.d.ts +2 -7
- package/dist/components/atoms/icon/iconmap.d.ts +171 -148
- package/dist/components/atoms/radio/Radio.d.ts +3 -1
- package/dist/components/atoms/tooltip/Tooltip.d.ts +1 -6
- package/dist/components/molecules/modal/Modal.d.ts +5 -1
- package/dist/components/molecules/pagination/Pagination.d.ts +2 -6
- package/dist/components/molecules/table/Colgroup.d.ts +2 -3
- package/dist/components/molecules/table/Table.d.ts +1 -1
- package/dist/components/molecules/table/body/TBody.d.ts +14 -11
- package/dist/components/molecules/table/body/TBodyEmptyContent.d.ts +2 -1
- package/dist/components/molecules/table/header/FilterButtonsTh.d.ts +7 -0
- package/dist/components/molecules/table/header/FilterTh.d.ts +8 -0
- package/dist/components/molecules/table/header/SortableColumn.d.ts +8 -0
- package/dist/components/molecules/table/header/THead.d.ts +6 -2
- package/dist/components/molecules/table/types.d.ts +28 -23
- package/dist/components/molecules/toast/Toast.d.ts +2 -0
- package/dist/components/molecules/toast/ToastStyle.d.ts +7 -2
- package/dist/enums/color.d.ts +2 -0
- package/dist/enums/gap.d.ts +1 -1
- package/dist/enums/size.d.ts +0 -2
- package/dist/enums/variant.d.ts +0 -2
- package/dist/index.js +1722 -1152
- package/package.json +4 -4
- package/dist/components/molecules/table/body/ExpandingRow.d.ts +0 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,81 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.9.0](https://github.com/42maru-ai/maru-design2/compare/v2.8.0...v2.9.0) (2024-07-03)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* :art: Icon - UPDATE icon structure & assets & args ([20a1e15](https://github.com/42maru-ai/maru-design2/commit/20a1e15ebcc89ef4ae0c083112cf3263ffac2389))
|
|
9
|
+
* :bento: ICON - ADD calendar chevron icon ([e427e6d](https://github.com/42maru-ai/maru-design2/commit/e427e6d2140acebcee7aa3212ecfd3a95bb2b232))
|
|
10
|
+
* :bento: ICON - ADD checkbox icons ([8fc1fa8](https://github.com/42maru-ai/maru-design2/commit/8fc1fa87633ebc15d9cbfdfc9bcacf2c1cae87c3))
|
|
11
|
+
* :sparkles: Modal - ADD modal header sub title ([36d836c](https://github.com/42maru-ai/maru-design2/commit/36d836c2aa81d548dfc660d76699c9809fb0645a))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* :arrow_up: - UPDATE peerDependencies issue [#132](https://github.com/42maru-ai/maru-design2/issues/132) ([ccad0bb](https://github.com/42maru-ai/maru-design2/commit/ccad0bbaa02bb693c70571944b7337c6efef1a17))
|
|
17
|
+
* :art: Icon - UPDATE require to import from parser ([00f6db4](https://github.com/42maru-ai/maru-design2/commit/00f6db49a7bfa00254018ce7cfdc7790d13b2814))
|
|
18
|
+
* :art: Toast - UPDATE iconMap ([945bb9a](https://github.com/42maru-ai/maru-design2/commit/945bb9a79d7ed85ded9a9f3f4d4ab3890692969f))
|
|
19
|
+
* :bento: Toast - ADD icons ([33f3bb5](https://github.com/42maru-ai/maru-design2/commit/33f3bb5ac36acac93814233075b18f20c2f1998a))
|
|
20
|
+
* :bug: Dropdown - UPDATE active, focus style ([5d7c953](https://github.com/42maru-ai/maru-design2/commit/5d7c953111134bbbbd7a740f547401f10ff1ae01))
|
|
21
|
+
* :bug: Dropdown - UPDATE storybook, icon ([7e76426](https://github.com/42maru-ai/maru-design2/commit/7e764260af306b6229212a62d0c2defb821a528b))
|
|
22
|
+
* :bug: Table - issue [#127](https://github.com/42maru-ai/maru-design2/issues/127) ([d63972c](https://github.com/42maru-ai/maru-design2/commit/d63972caa58cafbb4723c3529fade14228acd8d8))
|
|
23
|
+
* :bug: Table - issue [#128](https://github.com/42maru-ai/maru-design2/issues/128) ([2fedac7](https://github.com/42maru-ai/maru-design2/commit/2fedac7383883de4d29c5c24915f5876c600abed))
|
|
24
|
+
* :bug: Table - issue [#129](https://github.com/42maru-ai/maru-design2/issues/129) ([b8e7311](https://github.com/42maru-ai/maru-design2/commit/b8e731194a5cf1fef72590b953603e7dfb5c79bd))
|
|
25
|
+
* :bug: Table - issue [#133](https://github.com/42maru-ai/maru-design2/issues/133) ([209f419](https://github.com/42maru-ai/maru-design2/commit/209f419c4ac94f7945b1d2b9d8ed705db99c1f26))
|
|
26
|
+
* :bulb: Radio - UPDATE comment ([3c8b9f7](https://github.com/42maru-ai/maru-design2/commit/3c8b9f7a31c71d0828dc0b8bdd46747d92cc3086))
|
|
27
|
+
* :fire: Icon - DELETE icon size, console.log ([4fc8ade](https://github.com/42maru-ai/maru-design2/commit/4fc8adee2d345ed91970389864c4ad126ead15ed))
|
|
28
|
+
* :label: Toast - UPDATE description type ([1ee0ec3](https://github.com/42maru-ai/maru-design2/commit/1ee0ec3714d429bc9e3ca385da001487b85f85d8))
|
|
29
|
+
* :lipstick: Button - UPDATE button design ([5a0dcfe](https://github.com/42maru-ai/maru-design2/commit/5a0dcfe56e57bc5368e7c9c9f453bc3963321c6f))
|
|
30
|
+
* :lipstick: Button - UPDATE color ([b21e9cc](https://github.com/42maru-ai/maru-design2/commit/b21e9ccd6e25f59a4378cd35a2f9f029e5d2357b))
|
|
31
|
+
* :lipstick: Button - UPDATE icon ([42edbf3](https://github.com/42maru-ai/maru-design2/commit/42edbf3fdde231d58038c588a8fda8d12e4f0aa3))
|
|
32
|
+
* :lipstick: Button - UPDATE icon primary text button design ([446c632](https://github.com/42maru-ai/maru-design2/commit/446c632782862246f5e9bdb542edf572a0e8529d))
|
|
33
|
+
* :lipstick: Calendar - UPDATE design ([f37136c](https://github.com/42maru-ai/maru-design2/commit/f37136c5561a98cd20097f7b9c9a03861110a2b9))
|
|
34
|
+
* :lipstick: Calendar - UPDATE input padding ([8004324](https://github.com/42maru-ai/maru-design2/commit/80043244ca12c7ec75075d787a1c4700eb77855d))
|
|
35
|
+
* :lipstick: Checkbox - UPDATE design ([8c033b7](https://github.com/42maru-ai/maru-design2/commit/8c033b75243af1964a35a3988d8ad5c1a1ab1599))
|
|
36
|
+
* :lipstick: Chip - UPDATE design ([e88599d](https://github.com/42maru-ai/maru-design2/commit/e88599d13783a645fe3ee95fb9843c1b8586d6ed))
|
|
37
|
+
* :lipstick: Common - UPDATE colors ([a4f627e](https://github.com/42maru-ai/maru-design2/commit/a4f627ea440fa64c47ee5f17f4677be8f1c1f5c4))
|
|
38
|
+
* :lipstick: Dropdown - UPDATE design ([597ffbc](https://github.com/42maru-ai/maru-design2/commit/597ffbc6c7a446d21301b37c94387b6701d8fba8))
|
|
39
|
+
* :lipstick: Input - UPDATE css ([be1ca82](https://github.com/42maru-ai/maru-design2/commit/be1ca828738e8e7bdf70d3361e690553061c4bad))
|
|
40
|
+
* :lipstick: Input - UPDATE design ([72eaada](https://github.com/42maru-ai/maru-design2/commit/72eaadae2a542a423c9d7db0452116f29e021ff0))
|
|
41
|
+
* :lipstick: Modal - UPDATE design ([085efca](https://github.com/42maru-ai/maru-design2/commit/085efcaac51708981dc0bf34620e919c097067fd))
|
|
42
|
+
* :lipstick: Pagination - UPDATE design ([259b848](https://github.com/42maru-ai/maru-design2/commit/259b8483ef92c9240e60e9b49e8175084a0699d8))
|
|
43
|
+
* :lipstick: Popover - UPDATE design ([c26b902](https://github.com/42maru-ai/maru-design2/commit/c26b90231764d4e7d822235d33809d7bb87ad2f0))
|
|
44
|
+
* :lipstick: Radio - UPDATE design ([576e573](https://github.com/42maru-ai/maru-design2/commit/576e573113f4ef01d3923aa0de6da5a12adb6746))
|
|
45
|
+
* :lipstick: Table - UPDATE checkbox col style ([900f2b5](https://github.com/42maru-ai/maru-design2/commit/900f2b511742aed3da2514b241a8f3a3fd0ffc87))
|
|
46
|
+
* :lipstick: Table - UPDATE default style ([07feedb](https://github.com/42maru-ai/maru-design2/commit/07feedbd97c7085832232b40be101c15f8bb2484))
|
|
47
|
+
* :lipstick: Table - UPDATE empty content style ([79cbf2c](https://github.com/42maru-ai/maru-design2/commit/79cbf2c5fe0169aac34a1aee4500bf71bb4f0062))
|
|
48
|
+
* :lipstick: Table - UPDATE filter col style ([99d47f2](https://github.com/42maru-ai/maru-design2/commit/99d47f25b55aea7f160cd7747074681ccffe50da))
|
|
49
|
+
* :lipstick: Table - UPDATE kebab, bin col style ([3982843](https://github.com/42maru-ai/maru-design2/commit/3982843d931e4af0adf0792eaf7a99acd8e1ec18))
|
|
50
|
+
* :lipstick: Table - UPDATE sortable col style ([9f14076](https://github.com/42maru-ai/maru-design2/commit/9f14076ce4d99fa0a5ea6ec03a428aff6593a6bc))
|
|
51
|
+
* :lipstick: Toast - UPDATE design ([93739a0](https://github.com/42maru-ai/maru-design2/commit/93739a0e76ef8ad53079b8eef8cf23299c349c45))
|
|
52
|
+
* :lipstick: Tooltip - UPDATE design ([eecb5a3](https://github.com/42maru-ai/maru-design2/commit/eecb5a31050002630b66834b9d92892e9a8bfc1c))
|
|
53
|
+
* :memo: Icon - UPDATE icon docs ([89616ba](https://github.com/42maru-ai/maru-design2/commit/89616ba71150405b93f6a8423292d59961de1fd3))
|
|
54
|
+
* :memo: Input - UPDATE icon ([7e61663](https://github.com/42maru-ai/maru-design2/commit/7e6166386702fb489d6512f5445b5a3e0f9a07d8))
|
|
55
|
+
* :memo: Radio - FIX options ([fb4765e](https://github.com/42maru-ai/maru-design2/commit/fb4765e38418403ace826c80c4b67444a8b9a0e8))
|
|
56
|
+
* :poop: Calendar - UPDATE day-name parsing ([2e3e4b9](https://github.com/42maru-ai/maru-design2/commit/2e3e4b91ade03315f3afa71cc9dc95e338dd1be8))
|
|
57
|
+
* :rewind: Button - REVERT changes ([d197f2a](https://github.com/42maru-ai/maru-design2/commit/d197f2a1dfea0553898cb88295b61d947bba9154))
|
|
58
|
+
* π Checkbox - UPDATE icon ([45b45d4](https://github.com/42maru-ai/maru-design2/commit/45b45d4c643139d7d053acfcdee5be8dd1fda57e))
|
|
59
|
+
* π Toast - UPDATE icon ([01bd3b3](https://github.com/42maru-ai/maru-design2/commit/01bd3b309ced264f2013ac4b6994f8421dc55224))
|
|
60
|
+
|
|
61
|
+
## [2.8.0](https://github.com/42maru-ai/maru-design2/compare/v2.7.2...v2.8.0) (2024-06-14)
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
### Features
|
|
65
|
+
|
|
66
|
+
* :fire: Table - REMOVE row mouse over / leave ([1d21841](https://github.com/42maru-ai/maru-design2/commit/1d218411d0d0a5b3a8de65d8bf41d4b204793e23))
|
|
67
|
+
* :sparkles: Table - ADD binButton ([e27effb](https://github.com/42maru-ai/maru-design2/commit/e27effb05595793793bd5b80aabacbb8efb0cb9e))
|
|
68
|
+
* :sparkles: Table - ADD header filter column ([1cbf792](https://github.com/42maru-ai/maru-design2/commit/1cbf792f22468599af3188f310d42ad4ea4c6d55))
|
|
69
|
+
* :sparkles: Toast - ADD description props ([e22a69c](https://github.com/42maru-ai/maru-design2/commit/e22a69c789b9ad785f075d8b7fb38b49454c3ca3))
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
### Bug Fixes
|
|
73
|
+
|
|
74
|
+
* :bug: Button - FIX event handlers ([31d1d87](https://github.com/42maru-ai/maru-design2/commit/31d1d87354b948b9a8f155d1927ae02812970c37))
|
|
75
|
+
* :coffin: Table - REMOVE kebab header, width ([5cc16e8](https://github.com/42maru-ai/maru-design2/commit/5cc16e8512255e49b0fd3dd1f37e6659f60cafc6))
|
|
76
|
+
* :coffin: Table - REMOVE table mouse enter/leave ([8e59f35](https://github.com/42maru-ai/maru-design2/commit/8e59f359e74f985a3ed86e0c540fb304014c7c0f))
|
|
77
|
+
* :fire: Table - REMOVE expand row ([ad2cba4](https://github.com/42maru-ai/maru-design2/commit/ad2cba49d588459fa80c5db711723f749b2f8216))
|
|
78
|
+
|
|
3
79
|
## [2.7.2](https://github.com/42maru-ai/maru-design2/compare/v2.7.1...v2.7.2) (2024-06-05)
|
|
4
80
|
|
|
5
81
|
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { TColor } from '../../../enums/color';
|
|
3
3
|
import { TButtonSize } from '../../../enums/size';
|
|
4
4
|
import { TButtonVariant } from '../../../enums/variant';
|
|
5
|
-
import { IconProps } from '../icon
|
|
5
|
+
import { IconProps } from '../icon';
|
|
6
6
|
import './button.scss';
|
|
7
7
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
8
8
|
children?: React.ReactNode;
|
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
import { TIconSize } from '../../../enums/size';
|
|
2
1
|
import { TIcons } from './iconmap';
|
|
3
2
|
export interface IconProps {
|
|
4
3
|
/**
|
|
5
|
-
*
|
|
4
|
+
* (@v1 iconName)
|
|
6
5
|
*/
|
|
7
6
|
name: TIcons;
|
|
8
7
|
/**
|
|
9
8
|
* primary, secondary, positive, warning, danger + rgb. (@v1 fill)
|
|
10
9
|
*/
|
|
11
10
|
color?: string;
|
|
12
|
-
/**
|
|
13
|
-
* [14, 16, 18, 20, 24, 32, 40, 48]. (@v1 width, height)
|
|
14
|
-
*/
|
|
15
|
-
size?: TIconSize;
|
|
16
11
|
}
|
|
17
|
-
export declare function Icon({ name, color
|
|
12
|
+
export declare function Icon({ name, color }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -32,153 +32,176 @@ export declare const iconmap: {
|
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
export declare const ICONS: {
|
|
35
|
-
readonly
|
|
36
|
-
readonly
|
|
37
|
-
readonly
|
|
38
|
-
readonly
|
|
39
|
-
readonly
|
|
40
|
-
readonly
|
|
41
|
-
readonly
|
|
42
|
-
readonly
|
|
43
|
-
readonly
|
|
44
|
-
readonly
|
|
45
|
-
readonly
|
|
46
|
-
readonly
|
|
47
|
-
readonly
|
|
48
|
-
readonly
|
|
49
|
-
readonly
|
|
50
|
-
readonly
|
|
51
|
-
readonly
|
|
52
|
-
readonly
|
|
53
|
-
readonly
|
|
54
|
-
readonly
|
|
55
|
-
readonly
|
|
56
|
-
readonly
|
|
57
|
-
readonly
|
|
58
|
-
readonly
|
|
59
|
-
readonly
|
|
60
|
-
readonly
|
|
61
|
-
readonly
|
|
62
|
-
readonly
|
|
63
|
-
readonly
|
|
64
|
-
readonly
|
|
65
|
-
readonly
|
|
66
|
-
readonly
|
|
67
|
-
readonly
|
|
68
|
-
readonly
|
|
69
|
-
readonly
|
|
70
|
-
readonly
|
|
71
|
-
readonly
|
|
72
|
-
readonly
|
|
73
|
-
readonly
|
|
74
|
-
readonly
|
|
75
|
-
readonly
|
|
76
|
-
readonly
|
|
77
|
-
readonly
|
|
78
|
-
readonly
|
|
79
|
-
readonly
|
|
80
|
-
readonly
|
|
81
|
-
readonly
|
|
82
|
-
readonly
|
|
83
|
-
readonly
|
|
84
|
-
readonly
|
|
85
|
-
readonly
|
|
86
|
-
readonly
|
|
87
|
-
readonly
|
|
88
|
-
readonly
|
|
89
|
-
readonly
|
|
90
|
-
readonly
|
|
91
|
-
readonly
|
|
92
|
-
readonly
|
|
93
|
-
readonly
|
|
94
|
-
readonly
|
|
95
|
-
readonly
|
|
96
|
-
readonly
|
|
97
|
-
readonly
|
|
98
|
-
readonly
|
|
99
|
-
readonly
|
|
100
|
-
readonly
|
|
101
|
-
readonly
|
|
102
|
-
readonly
|
|
103
|
-
readonly
|
|
104
|
-
readonly
|
|
105
|
-
readonly
|
|
106
|
-
readonly
|
|
107
|
-
readonly
|
|
108
|
-
readonly
|
|
109
|
-
readonly
|
|
110
|
-
readonly
|
|
111
|
-
readonly
|
|
112
|
-
readonly
|
|
113
|
-
readonly
|
|
114
|
-
readonly
|
|
115
|
-
readonly
|
|
116
|
-
readonly
|
|
117
|
-
readonly
|
|
118
|
-
readonly
|
|
119
|
-
readonly
|
|
120
|
-
readonly
|
|
121
|
-
readonly
|
|
122
|
-
readonly
|
|
123
|
-
readonly
|
|
124
|
-
readonly
|
|
125
|
-
readonly
|
|
126
|
-
readonly
|
|
127
|
-
readonly
|
|
128
|
-
readonly
|
|
129
|
-
readonly
|
|
130
|
-
readonly
|
|
131
|
-
readonly
|
|
132
|
-
readonly
|
|
133
|
-
readonly
|
|
134
|
-
readonly
|
|
135
|
-
readonly
|
|
136
|
-
readonly
|
|
137
|
-
readonly
|
|
138
|
-
readonly
|
|
139
|
-
readonly
|
|
140
|
-
readonly
|
|
141
|
-
readonly
|
|
142
|
-
readonly
|
|
143
|
-
readonly
|
|
144
|
-
readonly
|
|
145
|
-
readonly
|
|
146
|
-
readonly
|
|
147
|
-
readonly
|
|
148
|
-
readonly
|
|
149
|
-
readonly
|
|
150
|
-
readonly
|
|
151
|
-
readonly
|
|
152
|
-
readonly
|
|
153
|
-
readonly
|
|
154
|
-
readonly
|
|
155
|
-
readonly
|
|
156
|
-
readonly
|
|
157
|
-
readonly
|
|
158
|
-
readonly
|
|
159
|
-
readonly
|
|
160
|
-
readonly
|
|
161
|
-
readonly
|
|
162
|
-
readonly
|
|
163
|
-
readonly
|
|
164
|
-
readonly
|
|
165
|
-
readonly
|
|
166
|
-
readonly
|
|
167
|
-
readonly
|
|
168
|
-
readonly
|
|
169
|
-
readonly
|
|
170
|
-
readonly
|
|
171
|
-
readonly
|
|
172
|
-
readonly
|
|
173
|
-
readonly
|
|
174
|
-
readonly
|
|
175
|
-
readonly
|
|
176
|
-
readonly
|
|
177
|
-
readonly
|
|
178
|
-
readonly
|
|
179
|
-
readonly
|
|
180
|
-
readonly
|
|
181
|
-
readonly
|
|
182
|
-
readonly
|
|
35
|
+
readonly AddLine_s16: "AddLine_s16";
|
|
36
|
+
readonly AlertCircle_s1615: "AlertCircle_s1615";
|
|
37
|
+
readonly AlertTriangle_s1615: "AlertTriangle_s1615";
|
|
38
|
+
readonly ArrowLeftCircle_s1812: "ArrowLeftCircle_s1812";
|
|
39
|
+
readonly ArrowLeftCircle_s2415: "ArrowLeftCircle_s2415";
|
|
40
|
+
readonly ArrowRightCircle_s1812: "ArrowRightCircle_s1812";
|
|
41
|
+
readonly ArrowRightCircle_s2415: "ArrowRightCircle_s2415";
|
|
42
|
+
readonly ArrowRight_s1613: "ArrowRight_s1613";
|
|
43
|
+
readonly ArrowRight_s2420: "ArrowRight_s2420";
|
|
44
|
+
readonly Atom01_s1615: "Atom01_s1615";
|
|
45
|
+
readonly BarChart10_s2420: "BarChart10_s2420";
|
|
46
|
+
readonly BarChart12_s2420: "BarChart12_s2420";
|
|
47
|
+
readonly BarChartSquare01_s2420: "BarChartSquare01_s2420";
|
|
48
|
+
readonly BarChartSquare02_s2420: "BarChartSquare02_s2420";
|
|
49
|
+
readonly BookClosed_s2420: "BookClosed_s2420";
|
|
50
|
+
readonly BookOpen02_s1615: "BookOpen02_s1615";
|
|
51
|
+
readonly BulbOff_s1613: "BulbOff_s1613";
|
|
52
|
+
readonly BulbOn_s1613: "BulbOn_s1613";
|
|
53
|
+
readonly CalendarDate_s2420: "CalendarDate_s2420";
|
|
54
|
+
readonly Calendar_s1615: "Calendar_s1615";
|
|
55
|
+
readonly CheckCircle_s1613: "CheckCircle_s1613";
|
|
56
|
+
readonly CheckboxIndeterminate_s18: "CheckboxIndeterminate_s18";
|
|
57
|
+
readonly CheckboxOff_s16: "CheckboxOff_s16";
|
|
58
|
+
readonly CheckboxOff_s18: "CheckboxOff_s18";
|
|
59
|
+
readonly CheckboxOff_s24: "CheckboxOff_s24";
|
|
60
|
+
readonly CheckboxOn_s16: "CheckboxOn_s16";
|
|
61
|
+
readonly CheckboxOn_s18: "CheckboxOn_s18";
|
|
62
|
+
readonly CheckboxOn_s24: "CheckboxOn_s24";
|
|
63
|
+
readonly ChevronDown_s1613: "ChevronDown_s1613";
|
|
64
|
+
readonly ChevronDown_s2420: "ChevronDown_s2420";
|
|
65
|
+
readonly ChevronLeftDouble_s1615: "ChevronLeftDouble_s1615";
|
|
66
|
+
readonly ChevronLeft_s1615: "ChevronLeft_s1615";
|
|
67
|
+
readonly ChevronLeft_s2020: "ChevronLeft_s2020";
|
|
68
|
+
readonly ChevronLeft_s2420: "ChevronLeft_s2420";
|
|
69
|
+
readonly ChevronLeft_s4030: "ChevronLeft_s4030";
|
|
70
|
+
readonly ChevronRightDouble_s1615: "ChevronRightDouble_s1615";
|
|
71
|
+
readonly ChevronRight_s1615: "ChevronRight_s1615";
|
|
72
|
+
readonly ChevronRight_s2020: "ChevronRight_s2020";
|
|
73
|
+
readonly ChevronRight_s2420: "ChevronRight_s2420";
|
|
74
|
+
readonly ChevronUp_s1613: "ChevronUp_s1613";
|
|
75
|
+
readonly ChevronUp_s2420: "ChevronUp_s2420";
|
|
76
|
+
readonly ClipboardCheck_s1615: "ClipboardCheck_s1615";
|
|
77
|
+
readonly ClipboardPlus_s1615: "ClipboardPlus_s1615";
|
|
78
|
+
readonly Clipboard_s1615: "Clipboard_s1615";
|
|
79
|
+
readonly CodeSnippet02_s2420: "CodeSnippet02_s2420";
|
|
80
|
+
readonly Copy03_s1615: "Copy03_s1615";
|
|
81
|
+
readonly Copy_s1413: "Copy_s1413";
|
|
82
|
+
readonly Copy_s1613: "Copy_s1613";
|
|
83
|
+
readonly CornerDownRight_s1615: "CornerDownRight_s1615";
|
|
84
|
+
readonly CornerDownRight_s2420: "CornerDownRight_s2420";
|
|
85
|
+
readonly CornerUpLeft_s1815: "CornerUpLeft_s1815";
|
|
86
|
+
readonly CornerUpRight_s1815: "CornerUpRight_s1815";
|
|
87
|
+
readonly CurrencyDollar_s2420: "CurrencyDollar_s2420";
|
|
88
|
+
readonly Cursor04_s1815: "Cursor04_s1815";
|
|
89
|
+
readonly CursorBox_s1815: "CursorBox_s1815";
|
|
90
|
+
readonly Database01_s1615: "Database01_s1615";
|
|
91
|
+
readonly Database02_s1615: "Database02_s1615";
|
|
92
|
+
readonly Database02_s2420: "Database02_s2420";
|
|
93
|
+
readonly Database03_s1615: "Database03_s1615";
|
|
94
|
+
readonly Database03_s2420: "Database03_s2420";
|
|
95
|
+
readonly DatabasePlus_s1812: "DatabasePlus_s1812";
|
|
96
|
+
readonly Dataflow01_s1615: "Dataflow01_s1615";
|
|
97
|
+
readonly Dataflow01_s2420: "Dataflow01_s2420";
|
|
98
|
+
readonly Dataflow04_s1615: "Dataflow04_s1615";
|
|
99
|
+
readonly Dotpoints01_s2420: "Dotpoints01_s2420";
|
|
100
|
+
readonly DotsGrid_s1815: "DotsGrid_s1815";
|
|
101
|
+
readonly DotsGrid_s2420: "DotsGrid_s2420";
|
|
102
|
+
readonly DotsVertical_s1815: "DotsVertical_s1815";
|
|
103
|
+
readonly DotsVertical_s2415: "DotsVertical_s2415";
|
|
104
|
+
readonly DownCircle_s1413: "DownCircle_s1413";
|
|
105
|
+
readonly Down_s16: "Down_s16";
|
|
106
|
+
readonly Download01_s1613: "Download01_s1613";
|
|
107
|
+
readonly Downstream_s24: "Downstream_s24";
|
|
108
|
+
readonly DragSelect_s1613: "DragSelect_s1613";
|
|
109
|
+
readonly Edit03_s1613: "Edit03_s1613";
|
|
110
|
+
readonly Expand_s1815: "Expand_s1815";
|
|
111
|
+
readonly EyeOff_s16: "EyeOff_s16";
|
|
112
|
+
readonly Eye_s16: "Eye_s16";
|
|
113
|
+
readonly File02_s1615: "File02_s1615";
|
|
114
|
+
readonly File06_s1615: "File06_s1615";
|
|
115
|
+
readonly File06_s2420: "File06_s2420";
|
|
116
|
+
readonly FileCheck02_s1615: "FileCheck02_s1615";
|
|
117
|
+
readonly FileCheck03_s1615: "FileCheck03_s1615";
|
|
118
|
+
readonly FilePlus02_s1615: "FilePlus02_s1615";
|
|
119
|
+
readonly FilePlus_s1812: "FilePlus_s1812";
|
|
120
|
+
readonly FileQuestion02_s1615: "FileQuestion02_s1615";
|
|
121
|
+
readonly FileRefresh_s1812: "FileRefresh_s1812";
|
|
122
|
+
readonly FileX02_s1615: "FileX02_s1615";
|
|
123
|
+
readonly FileX02_s3220: "FileX02_s3220";
|
|
124
|
+
readonly File_s2420: "File_s2420";
|
|
125
|
+
readonly FilterLines_s1815: "FilterLines_s1815";
|
|
126
|
+
readonly FolderUpload_s1615: "FolderUpload_s1615";
|
|
127
|
+
readonly FolderUpload_s2420: "FolderUpload_s2420";
|
|
128
|
+
readonly Folder_s2420: "Folder_s2420";
|
|
129
|
+
readonly Globe01_s1615: "Globe01_s1615";
|
|
130
|
+
readonly Grabber_s1612: "Grabber_s1612";
|
|
131
|
+
readonly GraduationHat01_s1615: "GraduationHat01_s1615";
|
|
132
|
+
readonly GraduationHat01_s2420: "GraduationHat01_s2420";
|
|
133
|
+
readonly HomeOutline24_s24: "HomeOutline24_s24";
|
|
134
|
+
readonly Information_s16: "Information_s16";
|
|
135
|
+
readonly K_s18: "K_s18";
|
|
136
|
+
readonly LineChartDown01_s2420: "LineChartDown01_s2420";
|
|
137
|
+
readonly Loading02_s1415: "Loading02_s1415";
|
|
138
|
+
readonly Loading02_s1615: "Loading02_s1615";
|
|
139
|
+
readonly Loading02_s1815: "Loading02_s1815";
|
|
140
|
+
readonly Loading02_s2020: "Loading02_s2020";
|
|
141
|
+
readonly Loading02_s2420: "Loading02_s2420";
|
|
142
|
+
readonly Lock01_s1615: "Lock01_s1615";
|
|
143
|
+
readonly LogOut01_s1615: "LogOut01_s1615";
|
|
144
|
+
readonly MessageCheck_s1615: "MessageCheck_s1615";
|
|
145
|
+
readonly MessageNotification_s1615: "MessageNotification_s1615";
|
|
146
|
+
readonly MessageText_s1615: "MessageText_s1615";
|
|
147
|
+
readonly MessageText_s1815: "MessageText_s1815";
|
|
148
|
+
readonly MessageX_s1615: "MessageX_s1615";
|
|
149
|
+
readonly Move_s1613: "Move_s1613";
|
|
150
|
+
readonly Network03_s24: "Network03_s24";
|
|
151
|
+
readonly Network04_s24: "Network04_s24";
|
|
152
|
+
readonly Pause_s1615: "Pause_s1615";
|
|
153
|
+
readonly Pause_s2420: "Pause_s2420";
|
|
154
|
+
readonly PieChart01_s2420: "PieChart01_s2420";
|
|
155
|
+
readonly PieChart02_s2420: "PieChart02_s2420";
|
|
156
|
+
readonly PieChart03_s2420: "PieChart03_s2420";
|
|
157
|
+
readonly PlayCircleLeft_s2420: "PlayCircleLeft_s2420";
|
|
158
|
+
readonly PlayCircleRight_s2420: "PlayCircleRight_s2420";
|
|
159
|
+
readonly PlusCircle_s1615: "PlusCircle_s1615";
|
|
160
|
+
readonly PlusCircle_s1812: "PlusCircle_s1812";
|
|
161
|
+
readonly PlusCircle_s2420: "PlusCircle_s2420";
|
|
162
|
+
readonly PlusUser_s1812: "PlusUser_s1812";
|
|
163
|
+
readonly RefreshCcw02_s1615: "RefreshCcw02_s1615";
|
|
164
|
+
readonly RefreshCcw02_s2420: "RefreshCcw02_s2420";
|
|
165
|
+
readonly RefreshCw01_s1815: "RefreshCw01_s1815";
|
|
166
|
+
readonly RefreshCw02_s1413: "RefreshCw02_s1413";
|
|
167
|
+
readonly RefreshCw02_s1615: "RefreshCw02_s1615";
|
|
168
|
+
readonly ReverseLeft_s1815: "ReverseLeft_s1815";
|
|
169
|
+
readonly SaveAll_s1812: "SaveAll_s1812";
|
|
170
|
+
readonly Save_s1613: "Save_s1613";
|
|
171
|
+
readonly SearchMd_s1615: "SearchMd_s1615";
|
|
172
|
+
readonly SearchMd_s2420: "SearchMd_s2420";
|
|
173
|
+
readonly Settings02_s1615: "Settings02_s1615";
|
|
174
|
+
readonly Settings02_s2420: "Settings02_s2420";
|
|
175
|
+
readonly Share03_s1613: "Share03_s1613";
|
|
176
|
+
readonly SortOutline_s18: "SortOutline_s18";
|
|
177
|
+
readonly State_s16: "State_s16";
|
|
178
|
+
readonly StopCircle_s1413: "StopCircle_s1413";
|
|
179
|
+
readonly StopCircle_s1615: "StopCircle_s1615";
|
|
180
|
+
readonly StopCircle_s2420: "StopCircle_s2420";
|
|
181
|
+
readonly SubtractLine_s16: "SubtractLine_s16";
|
|
182
|
+
readonly Success_s1615: "Success_s1615";
|
|
183
|
+
readonly SwitchHorizontal02_s1615: "SwitchHorizontal02_s1615";
|
|
184
|
+
readonly T_s18: "T_s18";
|
|
185
|
+
readonly Title_s2420: "Title_s2420";
|
|
186
|
+
readonly Tool_s1413: "Tool_s1413";
|
|
187
|
+
readonly Transform_s1815: "Transform_s1815";
|
|
188
|
+
readonly Trash01_s1413: "Trash01_s1413";
|
|
189
|
+
readonly Trash01_s1613: "Trash01_s1613";
|
|
190
|
+
readonly Trash01_s1815: "Trash01_s1815";
|
|
191
|
+
readonly Up_s16: "Up_s16";
|
|
192
|
+
readonly Upload01_s1613: "Upload01_s1613";
|
|
193
|
+
readonly UserCircle_s1615: "UserCircle_s1615";
|
|
194
|
+
readonly UserPlus_s1615: "UserPlus_s1615";
|
|
195
|
+
readonly Users01_s1615: "Users01_s1615";
|
|
196
|
+
readonly Users01_s2420: "Users01_s2420";
|
|
197
|
+
readonly V_s18: "V_s18";
|
|
198
|
+
readonly XCircle_s1413: "XCircle_s1413";
|
|
199
|
+
readonly XCircle_s1613: "XCircle_s1613";
|
|
200
|
+
readonly XCircle_s2420: "XCircle_s2420";
|
|
201
|
+
readonly X_s1613: "X_s1613";
|
|
202
|
+
readonly X_s2420: "X_s2420";
|
|
203
|
+
readonly Zap_s1812: "Zap_s1812";
|
|
204
|
+
readonly ZoomIn_s1815: "ZoomIn_s1815";
|
|
205
|
+
readonly ZoomOut_s1815: "ZoomOut_s1815";
|
|
183
206
|
};
|
|
184
207
|
export type TIcons = (typeof ICONS)[keyof typeof ICONS];
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TRadioColor } from '../../../enums/color';
|
|
2
3
|
import { TGap } from '../../../enums/gap';
|
|
3
4
|
import './radio.scss';
|
|
4
5
|
export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'type'> {
|
|
5
6
|
checked?: boolean;
|
|
7
|
+
color?: TRadioColor;
|
|
6
8
|
/**
|
|
7
|
-
* μ»΄ν¬λνΈμ λΌλ²¨ μ¬μ΄μ 거리. ['8px', '4px']
|
|
9
|
+
* μ»΄ν¬λνΈμ λΌλ²¨ μ¬μ΄μ 거리. ['8px', '4px', '2px']
|
|
8
10
|
*/
|
|
9
11
|
gap?: TGap;
|
|
10
12
|
label?: string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TDirection } from '../../../enums/direction';
|
|
3
|
-
import { TTooltipVariant } from '../../../enums/variant';
|
|
4
3
|
import './tooltip.scss';
|
|
5
4
|
export interface TooltipProps {
|
|
6
5
|
children: React.ReactNode;
|
|
@@ -14,9 +13,5 @@ export interface TooltipProps {
|
|
|
14
13
|
* μ»΄ν¬λνΈ createPortal μ¬λΆ. (@v1 isOnDocument)
|
|
15
14
|
*/
|
|
16
15
|
portal?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* ['default', 'error']. errorλ μμ νμ μμ΄μ½ μμ.
|
|
19
|
-
*/
|
|
20
|
-
variant?: TTooltipVariant;
|
|
21
16
|
}
|
|
22
|
-
export declare function Tooltip({ children, content, className, direction, portal,
|
|
17
|
+
export declare function Tooltip({ children, content, className, direction, portal, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -46,5 +46,9 @@ export interface ModalProps {
|
|
|
46
46
|
* λͺ¨λ¬ μ λͺ©
|
|
47
47
|
*/
|
|
48
48
|
title?: string;
|
|
49
|
+
/**
|
|
50
|
+
* λͺ¨λ¬ μ λͺ© μμ λ€μ΄κ° λ΄μ©
|
|
51
|
+
*/
|
|
52
|
+
subTitle: React.ReactNode;
|
|
49
53
|
}
|
|
50
|
-
export declare function Modal({ children, onClose, open, backdrop, cancelButton, className, disabledEnter, hiddenCloseButton, okButton, size, title, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
export declare function Modal({ children, onClose, open, backdrop, cancelButton, className, disabledEnter, hiddenCloseButton, okButton, size, title, subTitle, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { TButtonType } from '../../../enums/type';
|
|
2
1
|
import './pagination.scss';
|
|
3
2
|
export interface PaginationProps {
|
|
4
3
|
/**
|
|
@@ -18,9 +17,6 @@ export interface PaginationProps {
|
|
|
18
17
|
* prev, next λ²νΌ κ³΅κ° μ°¨μ§ μ¬λΆ
|
|
19
18
|
*/
|
|
20
19
|
buttonVisibility?: 'visible' | 'hidden';
|
|
21
|
-
|
|
22
|
-
* λ°μ΄ν° νμ
. ['button', 'input'] (@v1 isSearch)
|
|
23
|
-
*/
|
|
24
|
-
type?: TButtonType;
|
|
20
|
+
label: string;
|
|
25
21
|
}
|
|
26
|
-
export declare function Pagination({ page, onPageChange, totalPage, className, buttonVisibility,
|
|
22
|
+
export declare function Pagination({ page, onPageChange, totalPage, className, buttonVisibility, label, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,8 +2,7 @@ import { IColumnFormats } from './types';
|
|
|
2
2
|
interface Props {
|
|
3
3
|
hasCheckbox?: boolean;
|
|
4
4
|
formats: IColumnFormats[];
|
|
5
|
-
|
|
6
|
-
kebabMenuWidth?: string;
|
|
5
|
+
hasActionCol: boolean;
|
|
7
6
|
}
|
|
8
|
-
declare function Colgroup({ hasCheckbox, formats,
|
|
7
|
+
declare function Colgroup({ hasCheckbox, formats, hasActionCol }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
8
|
export default Colgroup;
|
|
@@ -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,
|
|
3
|
+
export declare function Table({ rowIdKey, data, formats, sort, onSort, checkedIds, onCheck, filter, kebabMenu, binButton, onRowClick, selectedRow, className, id, tableBodyMaxHeight, noData, loading, emptyContentHeight, }: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +1,22 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IColumnFormats } from '../types';
|
|
2
|
+
import { IColumnFormats, TShow } from '../types';
|
|
3
3
|
interface Props {
|
|
4
4
|
rowIdKey: string;
|
|
5
|
-
data: Record<string, any>[];
|
|
6
5
|
formats: IColumnFormats[];
|
|
6
|
+
data: Record<string, any>[];
|
|
7
7
|
checkedIds?: string[];
|
|
8
8
|
onCheck?: (ids: string[]) => void;
|
|
9
|
-
|
|
9
|
+
hasActionCol: boolean;
|
|
10
10
|
kebabContent?: (rowId: string, onClose: () => void) => React.ReactNode;
|
|
11
|
+
binButton?: {
|
|
12
|
+
show: (rowId?: string) => TShow;
|
|
13
|
+
onClick: (rowId: string) => void;
|
|
14
|
+
};
|
|
15
|
+
onRowClick?: (rowId: string) => void;
|
|
16
|
+
selectedRow?: {
|
|
17
|
+
rowId: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
};
|
|
11
20
|
noData?: {
|
|
12
21
|
isNoData: boolean;
|
|
13
22
|
message: string;
|
|
@@ -16,13 +25,7 @@ interface Props {
|
|
|
16
25
|
isLoading: boolean;
|
|
17
26
|
content?: React.ReactNode;
|
|
18
27
|
};
|
|
19
|
-
|
|
20
|
-
selectedRow?: {
|
|
21
|
-
rowId: string;
|
|
22
|
-
className?: string;
|
|
23
|
-
};
|
|
24
|
-
onRowMouseOver?: (rowId: string) => void;
|
|
25
|
-
onRowMouseLeave?: (rowId: string) => void;
|
|
28
|
+
emptyContentHeight?: number;
|
|
26
29
|
}
|
|
27
|
-
declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck,
|
|
30
|
+
declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, hasActionCol, kebabContent, binButton, onRowClick, selectedRow, noData, loading, emptyContentHeight, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
28
31
|
export default TBody;
|
|
@@ -9,6 +9,7 @@ interface Props {
|
|
|
9
9
|
isLoading: boolean;
|
|
10
10
|
content?: React.ReactNode;
|
|
11
11
|
};
|
|
12
|
+
emptyContentHeight?: number;
|
|
12
13
|
}
|
|
13
|
-
declare function TBodyEmptyContent({ status, noData, loading }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function TBodyEmptyContent({ status, noData, loading, emptyContentHeight, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export default TBodyEmptyContent;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IColumnFormats, ISort } from '../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
format: IColumnFormats;
|
|
4
|
+
currentSort?: ISort;
|
|
5
|
+
onSortClick: (columnName: string, sortable: boolean) => () => void;
|
|
6
|
+
}
|
|
7
|
+
declare function SortableColumn({ format, currentSort, onSortClick }: Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default SortableColumn;
|