@tipp/ui 1.0.2 → 1.0.4

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/dist/index.js CHANGED
@@ -1,24 +1,37 @@
1
+ import {
2
+ ThemeProvider
3
+ } from "./chunk-PL3Q4UVY.js";
1
4
  import {
2
5
  useThemeContext
3
6
  } from "./chunk-MMGP4GEQ.js";
7
+ import {
8
+ uiProps
9
+ } from "./chunk-NVKNDAIN.js";
4
10
  import "./chunk-WWCWPFEJ.js";
5
11
  import {
6
12
  ExpandTable,
7
13
  createColumnHelper
8
- } from "./chunk-7FQZ3OZO.js";
14
+ } from "./chunk-JJ5IIAB2.js";
9
15
  import "./chunk-PBPRWY2V.js";
10
- import "./chunk-BSTJBBEX.js";
11
- import "./chunk-NDUKDKGB.js";
12
- import {
13
- uiProps
14
- } from "./chunk-NVKNDAIN.js";
15
- import {
16
- ThemeProvider
17
- } from "./chunk-PL3Q4UVY.js";
18
16
  import "./chunk-MASTHXWN.js";
19
17
  import {
20
18
  DatePicker
21
19
  } from "./chunk-IIBITN2G.js";
20
+ import {
21
+ TextField
22
+ } from "./chunk-JPIZP2PZ.js";
23
+ import {
24
+ Separator
25
+ } from "./chunk-HYITAA4J.js";
26
+ import {
27
+ Skeleton
28
+ } from "./chunk-5H3YPCZK.js";
29
+ import {
30
+ Spinner
31
+ } from "./chunk-FR2GDOU2.js";
32
+ import {
33
+ Strong
34
+ } from "./chunk-74DX4CU7.js";
22
35
  import {
23
36
  Switch
24
37
  } from "./chunk-OYM4XCHQ.js";
@@ -32,8 +45,17 @@ import {
32
45
  TextArea
33
46
  } from "./chunk-ILRUXI2E.js";
34
47
  import {
35
- TextField
36
- } from "./chunk-JPIZP2PZ.js";
48
+ Quote
49
+ } from "./chunk-YO3BQW6S.js";
50
+ import {
51
+ RadioCards
52
+ } from "./chunk-6IVCARWS.js";
53
+ import {
54
+ RadioGroup
55
+ } from "./chunk-6DJOIRMF.js";
56
+ import {
57
+ Radio
58
+ } from "./chunk-FPD73OHW.js";
37
59
  import {
38
60
  ScrollArea
39
61
  } from "./chunk-ZKZDVS7G.js";
@@ -47,23 +69,20 @@ import {
47
69
  Select
48
70
  } from "./chunk-355MU6BH.js";
49
71
  import {
50
- Separator
51
- } from "./chunk-HYITAA4J.js";
52
- import {
53
- Skeleton
54
- } from "./chunk-5H3YPCZK.js";
55
- import {
56
- Spinner
57
- } from "./chunk-FR2GDOU2.js";
72
+ Inset
73
+ } from "./chunk-XQOL7UBI.js";
58
74
  import {
59
- Strong
60
- } from "./chunk-74DX4CU7.js";
75
+ Kbd
76
+ } from "./chunk-TULWX7D6.js";
61
77
  import {
62
78
  Link
63
79
  } from "./chunk-XQOZWYUA.js";
64
80
  import {
65
81
  Pagination
66
- } from "./chunk-3I5CDBFN.js";
82
+ } from "./chunk-OZLC6KYP.js";
83
+ import {
84
+ IconButton
85
+ } from "./chunk-O3DNDMV3.js";
67
86
  import {
68
87
  Popover
69
88
  } from "./chunk-5AVBYDPB.js";
@@ -71,17 +90,26 @@ import {
71
90
  Progress
72
91
  } from "./chunk-365QMK4D.js";
73
92
  import {
74
- Quote
75
- } from "./chunk-YO3BQW6S.js";
93
+ DropdownMenu
94
+ } from "./chunk-YTZSKMX3.js";
76
95
  import {
77
- RadioCards
78
- } from "./chunk-6IVCARWS.js";
96
+ EllipsisTooltip
97
+ } from "./chunk-4IKPNQV5.js";
79
98
  import {
80
- RadioGroup
81
- } from "./chunk-6DJOIRMF.js";
99
+ Tooltip
100
+ } from "./chunk-ACVANQJ4.js";
82
101
  import {
83
- Radio
84
- } from "./chunk-FPD73OHW.js";
102
+ Em
103
+ } from "./chunk-2DZ2Y3JI.js";
104
+ import {
105
+ FieldErrorWrapper
106
+ } from "./chunk-CNQ7RNNY.js";
107
+ import {
108
+ Typo
109
+ } from "./chunk-O3XTRD7R.js";
110
+ import {
111
+ Flex
112
+ } from "./chunk-25HMMI7R.js";
85
113
  import {
86
114
  Grid
87
115
  } from "./chunk-EGEQY3KT.js";
@@ -92,14 +120,17 @@ import {
92
120
  HoverCard
93
121
  } from "./chunk-O3T3TM3V.js";
94
122
  import {
95
- IconButton
96
- } from "./chunk-O3DNDMV3.js";
123
+ CheckboxCards
124
+ } from "./chunk-MIMJ7LON.js";
97
125
  import {
98
- Inset
99
- } from "./chunk-XQOL7UBI.js";
126
+ CheckboxGroup
127
+ } from "./chunk-IQEEPHOY.js";
100
128
  import {
101
- Kbd
102
- } from "./chunk-TULWX7D6.js";
129
+ Checkbox
130
+ } from "./chunk-JEHDCZQU.js";
131
+ import {
132
+ Code
133
+ } from "./chunk-OHMOP5PV.js";
103
134
  import {
104
135
  Collapse
105
136
  } from "./chunk-OCJNQGHN.js";
@@ -113,26 +144,17 @@ import {
113
144
  Dialog
114
145
  } from "./chunk-P6B2PNYI.js";
115
146
  import {
116
- DropdownMenu
117
- } from "./chunk-YTZSKMX3.js";
118
- import {
119
- EllipsisTooltip
120
- } from "./chunk-4IKPNQV5.js";
121
- import {
122
- Tooltip
123
- } from "./chunk-ACVANQJ4.js";
124
- import {
125
- Em
126
- } from "./chunk-2DZ2Y3JI.js";
147
+ AspectRatio
148
+ } from "./chunk-EAXUQEO5.js";
127
149
  import {
128
- FieldErrorWrapper
129
- } from "./chunk-CHHLIPDN.js";
150
+ Avatar
151
+ } from "./chunk-CZEGRZBK.js";
130
152
  import {
131
- Flex
132
- } from "./chunk-25HMMI7R.js";
153
+ Badge
154
+ } from "./chunk-ALOPZ54P.js";
133
155
  import {
134
- Typo
135
- } from "./chunk-O3XTRD7R.js";
156
+ Blockquote
157
+ } from "./chunk-YGL6SWKN.js";
136
158
  import {
137
159
  Box
138
160
  } from "./chunk-4Y5BEXVN.js";
@@ -145,18 +167,6 @@ import {
145
167
  import {
146
168
  Card
147
169
  } from "./chunk-FYEASFUU.js";
148
- import {
149
- CheckboxCards
150
- } from "./chunk-MIMJ7LON.js";
151
- import {
152
- CheckboxGroup
153
- } from "./chunk-IQEEPHOY.js";
154
- import {
155
- Checkbox
156
- } from "./chunk-JEHDCZQU.js";
157
- import {
158
- Code
159
- } from "./chunk-OHMOP5PV.js";
160
170
  import {
161
171
  BookmarkFilledIcon,
162
172
  BookmarkIcon,
@@ -171,21 +181,11 @@ import {
171
181
  MixerHorizontalIcon,
172
182
  PlusIcon
173
183
  } from "./chunk-MMAV5BRZ.js";
184
+ import "./chunk-BSTJBBEX.js";
185
+ import "./chunk-NDUKDKGB.js";
174
186
  import {
175
187
  AlertDialog
176
188
  } from "./chunk-J242TTFH.js";
177
- import {
178
- AspectRatio
179
- } from "./chunk-EAXUQEO5.js";
180
- import {
181
- Avatar
182
- } from "./chunk-CZEGRZBK.js";
183
- import {
184
- Badge
185
- } from "./chunk-ALOPZ54P.js";
186
- import {
187
- Blockquote
188
- } from "./chunk-YGL6SWKN.js";
189
189
  import "./chunk-N552FDTV.js";
190
190
  export {
191
191
  AlertDialog,
@@ -1,64 +1,64 @@
1
1
  import {
2
2
  ExpandTable,
3
3
  createColumnHelper
4
- } from "../../chunk-7FQZ3OZO.js";
4
+ } from "../../chunk-JJ5IIAB2.js";
5
5
  import "../../chunk-PBPRWY2V.js";
6
- import "../../chunk-BSTJBBEX.js";
7
- import "../../chunk-NDUKDKGB.js";
8
6
  import "../../chunk-MASTHXWN.js";
9
7
  import "../../chunk-IIBITN2G.js";
10
- import "../../chunk-OYM4XCHQ.js";
11
- import "../../chunk-YJ7ZFOYL.js";
12
- import "../../chunk-5ZITU5L7.js";
13
- import "../../chunk-ILRUXI2E.js";
14
8
  import "../../chunk-JPIZP2PZ.js";
15
- import "../../chunk-ZKZDVS7G.js";
16
- import "../../chunk-MUNMDHRF.js";
17
- import "../../chunk-TVDKGMBI.js";
18
- import "../../chunk-355MU6BH.js";
19
9
  import "../../chunk-HYITAA4J.js";
20
10
  import "../../chunk-5H3YPCZK.js";
21
11
  import "../../chunk-FR2GDOU2.js";
22
12
  import "../../chunk-74DX4CU7.js";
23
- import "../../chunk-XQOZWYUA.js";
24
- import "../../chunk-3I5CDBFN.js";
25
- import "../../chunk-5AVBYDPB.js";
26
- import "../../chunk-365QMK4D.js";
13
+ import "../../chunk-OYM4XCHQ.js";
14
+ import "../../chunk-YJ7ZFOYL.js";
15
+ import "../../chunk-5ZITU5L7.js";
16
+ import "../../chunk-ILRUXI2E.js";
27
17
  import "../../chunk-YO3BQW6S.js";
28
18
  import "../../chunk-6IVCARWS.js";
29
19
  import "../../chunk-6DJOIRMF.js";
30
20
  import "../../chunk-FPD73OHW.js";
31
- import "../../chunk-EGEQY3KT.js";
32
- import "../../chunk-HLOY6BIP.js";
33
- import "../../chunk-O3T3TM3V.js";
34
- import "../../chunk-O3DNDMV3.js";
21
+ import "../../chunk-ZKZDVS7G.js";
22
+ import "../../chunk-MUNMDHRF.js";
23
+ import "../../chunk-TVDKGMBI.js";
24
+ import "../../chunk-355MU6BH.js";
35
25
  import "../../chunk-XQOL7UBI.js";
36
26
  import "../../chunk-TULWX7D6.js";
37
- import "../../chunk-OCJNQGHN.js";
38
- import "../../chunk-Q37G2GS6.js";
39
- import "../../chunk-VTJZMOSP.js";
40
- import "../../chunk-P6B2PNYI.js";
27
+ import "../../chunk-XQOZWYUA.js";
28
+ import "../../chunk-OZLC6KYP.js";
29
+ import "../../chunk-O3DNDMV3.js";
30
+ import "../../chunk-5AVBYDPB.js";
31
+ import "../../chunk-365QMK4D.js";
41
32
  import "../../chunk-YTZSKMX3.js";
42
33
  import "../../chunk-4IKPNQV5.js";
43
34
  import "../../chunk-ACVANQJ4.js";
44
35
  import "../../chunk-2DZ2Y3JI.js";
45
- import "../../chunk-CHHLIPDN.js";
46
- import "../../chunk-25HMMI7R.js";
36
+ import "../../chunk-CNQ7RNNY.js";
47
37
  import "../../chunk-O3XTRD7R.js";
48
- import "../../chunk-4Y5BEXVN.js";
49
- import "../../chunk-RET725VL.js";
50
- import "../../chunk-B6XJN6EC.js";
51
- import "../../chunk-FYEASFUU.js";
38
+ import "../../chunk-25HMMI7R.js";
39
+ import "../../chunk-EGEQY3KT.js";
40
+ import "../../chunk-HLOY6BIP.js";
41
+ import "../../chunk-O3T3TM3V.js";
52
42
  import "../../chunk-MIMJ7LON.js";
53
43
  import "../../chunk-IQEEPHOY.js";
54
44
  import "../../chunk-JEHDCZQU.js";
55
45
  import "../../chunk-OHMOP5PV.js";
56
- import "../../chunk-MMAV5BRZ.js";
57
- import "../../chunk-J242TTFH.js";
46
+ import "../../chunk-OCJNQGHN.js";
47
+ import "../../chunk-Q37G2GS6.js";
48
+ import "../../chunk-VTJZMOSP.js";
49
+ import "../../chunk-P6B2PNYI.js";
58
50
  import "../../chunk-EAXUQEO5.js";
59
51
  import "../../chunk-CZEGRZBK.js";
60
52
  import "../../chunk-ALOPZ54P.js";
61
53
  import "../../chunk-YGL6SWKN.js";
54
+ import "../../chunk-4Y5BEXVN.js";
55
+ import "../../chunk-RET725VL.js";
56
+ import "../../chunk-B6XJN6EC.js";
57
+ import "../../chunk-FYEASFUU.js";
58
+ import "../../chunk-MMAV5BRZ.js";
59
+ import "../../chunk-BSTJBBEX.js";
60
+ import "../../chunk-NDUKDKGB.js";
61
+ import "../../chunk-J242TTFH.js";
62
62
  import "../../chunk-N552FDTV.js";
63
63
  export {
64
64
  ExpandTable,
@@ -3,58 +3,58 @@ import {
3
3
  } from "../../chunk-PBPRWY2V.js";
4
4
  import "../../chunk-MASTHXWN.js";
5
5
  import "../../chunk-IIBITN2G.js";
6
- import "../../chunk-OYM4XCHQ.js";
7
- import "../../chunk-YJ7ZFOYL.js";
8
- import "../../chunk-5ZITU5L7.js";
9
- import "../../chunk-ILRUXI2E.js";
10
6
  import "../../chunk-JPIZP2PZ.js";
11
- import "../../chunk-ZKZDVS7G.js";
12
- import "../../chunk-MUNMDHRF.js";
13
- import "../../chunk-TVDKGMBI.js";
14
- import "../../chunk-355MU6BH.js";
15
7
  import "../../chunk-HYITAA4J.js";
16
8
  import "../../chunk-5H3YPCZK.js";
17
9
  import "../../chunk-FR2GDOU2.js";
18
10
  import "../../chunk-74DX4CU7.js";
19
- import "../../chunk-XQOZWYUA.js";
20
- import "../../chunk-3I5CDBFN.js";
21
- import "../../chunk-5AVBYDPB.js";
22
- import "../../chunk-365QMK4D.js";
11
+ import "../../chunk-OYM4XCHQ.js";
12
+ import "../../chunk-YJ7ZFOYL.js";
13
+ import "../../chunk-5ZITU5L7.js";
14
+ import "../../chunk-ILRUXI2E.js";
23
15
  import "../../chunk-YO3BQW6S.js";
24
16
  import "../../chunk-6IVCARWS.js";
25
17
  import "../../chunk-6DJOIRMF.js";
26
18
  import "../../chunk-FPD73OHW.js";
27
- import "../../chunk-EGEQY3KT.js";
28
- import "../../chunk-HLOY6BIP.js";
29
- import "../../chunk-O3T3TM3V.js";
30
- import "../../chunk-O3DNDMV3.js";
19
+ import "../../chunk-ZKZDVS7G.js";
20
+ import "../../chunk-MUNMDHRF.js";
21
+ import "../../chunk-TVDKGMBI.js";
22
+ import "../../chunk-355MU6BH.js";
31
23
  import "../../chunk-XQOL7UBI.js";
32
24
  import "../../chunk-TULWX7D6.js";
33
- import "../../chunk-OCJNQGHN.js";
34
- import "../../chunk-Q37G2GS6.js";
35
- import "../../chunk-VTJZMOSP.js";
36
- import "../../chunk-P6B2PNYI.js";
25
+ import "../../chunk-XQOZWYUA.js";
26
+ import "../../chunk-OZLC6KYP.js";
27
+ import "../../chunk-O3DNDMV3.js";
28
+ import "../../chunk-5AVBYDPB.js";
29
+ import "../../chunk-365QMK4D.js";
37
30
  import "../../chunk-YTZSKMX3.js";
38
31
  import "../../chunk-4IKPNQV5.js";
39
32
  import "../../chunk-ACVANQJ4.js";
40
33
  import "../../chunk-2DZ2Y3JI.js";
41
- import "../../chunk-CHHLIPDN.js";
42
- import "../../chunk-25HMMI7R.js";
34
+ import "../../chunk-CNQ7RNNY.js";
43
35
  import "../../chunk-O3XTRD7R.js";
44
- import "../../chunk-4Y5BEXVN.js";
45
- import "../../chunk-RET725VL.js";
46
- import "../../chunk-B6XJN6EC.js";
47
- import "../../chunk-FYEASFUU.js";
36
+ import "../../chunk-25HMMI7R.js";
37
+ import "../../chunk-EGEQY3KT.js";
38
+ import "../../chunk-HLOY6BIP.js";
39
+ import "../../chunk-O3T3TM3V.js";
48
40
  import "../../chunk-MIMJ7LON.js";
49
41
  import "../../chunk-IQEEPHOY.js";
50
42
  import "../../chunk-JEHDCZQU.js";
51
43
  import "../../chunk-OHMOP5PV.js";
52
- import "../../chunk-MMAV5BRZ.js";
53
- import "../../chunk-J242TTFH.js";
44
+ import "../../chunk-OCJNQGHN.js";
45
+ import "../../chunk-Q37G2GS6.js";
46
+ import "../../chunk-VTJZMOSP.js";
47
+ import "../../chunk-P6B2PNYI.js";
54
48
  import "../../chunk-EAXUQEO5.js";
55
49
  import "../../chunk-CZEGRZBK.js";
56
50
  import "../../chunk-ALOPZ54P.js";
57
51
  import "../../chunk-YGL6SWKN.js";
52
+ import "../../chunk-4Y5BEXVN.js";
53
+ import "../../chunk-RET725VL.js";
54
+ import "../../chunk-B6XJN6EC.js";
55
+ import "../../chunk-FYEASFUU.js";
56
+ import "../../chunk-MMAV5BRZ.js";
57
+ import "../../chunk-J242TTFH.js";
58
58
  import "../../chunk-N552FDTV.js";
59
59
  export {
60
60
  Row
@@ -2,64 +2,64 @@ import "../chunk-WWCWPFEJ.js";
2
2
  import {
3
3
  ExpandTable,
4
4
  createColumnHelper
5
- } from "../chunk-7FQZ3OZO.js";
5
+ } from "../chunk-JJ5IIAB2.js";
6
6
  import "../chunk-PBPRWY2V.js";
7
- import "../chunk-BSTJBBEX.js";
8
- import "../chunk-NDUKDKGB.js";
9
7
  import "../chunk-MASTHXWN.js";
10
8
  import "../chunk-IIBITN2G.js";
11
- import "../chunk-OYM4XCHQ.js";
12
- import "../chunk-YJ7ZFOYL.js";
13
- import "../chunk-5ZITU5L7.js";
14
- import "../chunk-ILRUXI2E.js";
15
9
  import "../chunk-JPIZP2PZ.js";
16
- import "../chunk-ZKZDVS7G.js";
17
- import "../chunk-MUNMDHRF.js";
18
- import "../chunk-TVDKGMBI.js";
19
- import "../chunk-355MU6BH.js";
20
10
  import "../chunk-HYITAA4J.js";
21
11
  import "../chunk-5H3YPCZK.js";
22
12
  import "../chunk-FR2GDOU2.js";
23
13
  import "../chunk-74DX4CU7.js";
24
- import "../chunk-XQOZWYUA.js";
25
- import "../chunk-3I5CDBFN.js";
26
- import "../chunk-5AVBYDPB.js";
27
- import "../chunk-365QMK4D.js";
14
+ import "../chunk-OYM4XCHQ.js";
15
+ import "../chunk-YJ7ZFOYL.js";
16
+ import "../chunk-5ZITU5L7.js";
17
+ import "../chunk-ILRUXI2E.js";
28
18
  import "../chunk-YO3BQW6S.js";
29
19
  import "../chunk-6IVCARWS.js";
30
20
  import "../chunk-6DJOIRMF.js";
31
21
  import "../chunk-FPD73OHW.js";
32
- import "../chunk-EGEQY3KT.js";
33
- import "../chunk-HLOY6BIP.js";
34
- import "../chunk-O3T3TM3V.js";
35
- import "../chunk-O3DNDMV3.js";
22
+ import "../chunk-ZKZDVS7G.js";
23
+ import "../chunk-MUNMDHRF.js";
24
+ import "../chunk-TVDKGMBI.js";
25
+ import "../chunk-355MU6BH.js";
36
26
  import "../chunk-XQOL7UBI.js";
37
27
  import "../chunk-TULWX7D6.js";
38
- import "../chunk-OCJNQGHN.js";
39
- import "../chunk-Q37G2GS6.js";
40
- import "../chunk-VTJZMOSP.js";
41
- import "../chunk-P6B2PNYI.js";
28
+ import "../chunk-XQOZWYUA.js";
29
+ import "../chunk-OZLC6KYP.js";
30
+ import "../chunk-O3DNDMV3.js";
31
+ import "../chunk-5AVBYDPB.js";
32
+ import "../chunk-365QMK4D.js";
42
33
  import "../chunk-YTZSKMX3.js";
43
34
  import "../chunk-4IKPNQV5.js";
44
35
  import "../chunk-ACVANQJ4.js";
45
36
  import "../chunk-2DZ2Y3JI.js";
46
- import "../chunk-CHHLIPDN.js";
47
- import "../chunk-25HMMI7R.js";
37
+ import "../chunk-CNQ7RNNY.js";
48
38
  import "../chunk-O3XTRD7R.js";
49
- import "../chunk-4Y5BEXVN.js";
50
- import "../chunk-RET725VL.js";
51
- import "../chunk-B6XJN6EC.js";
52
- import "../chunk-FYEASFUU.js";
39
+ import "../chunk-25HMMI7R.js";
40
+ import "../chunk-EGEQY3KT.js";
41
+ import "../chunk-HLOY6BIP.js";
42
+ import "../chunk-O3T3TM3V.js";
53
43
  import "../chunk-MIMJ7LON.js";
54
44
  import "../chunk-IQEEPHOY.js";
55
45
  import "../chunk-JEHDCZQU.js";
56
46
  import "../chunk-OHMOP5PV.js";
57
- import "../chunk-MMAV5BRZ.js";
58
- import "../chunk-J242TTFH.js";
47
+ import "../chunk-OCJNQGHN.js";
48
+ import "../chunk-Q37G2GS6.js";
49
+ import "../chunk-VTJZMOSP.js";
50
+ import "../chunk-P6B2PNYI.js";
59
51
  import "../chunk-EAXUQEO5.js";
60
52
  import "../chunk-CZEGRZBK.js";
61
53
  import "../chunk-ALOPZ54P.js";
62
54
  import "../chunk-YGL6SWKN.js";
55
+ import "../chunk-4Y5BEXVN.js";
56
+ import "../chunk-RET725VL.js";
57
+ import "../chunk-B6XJN6EC.js";
58
+ import "../chunk-FYEASFUU.js";
59
+ import "../chunk-MMAV5BRZ.js";
60
+ import "../chunk-BSTJBBEX.js";
61
+ import "../chunk-NDUKDKGB.js";
62
+ import "../chunk-J242TTFH.js";
63
63
  import "../chunk-N552FDTV.js";
64
64
  export {
65
65
  ExpandTable,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "exports": {
@@ -59,6 +59,7 @@
59
59
  "@tanstack/react-table": "^8.19.3",
60
60
  "echarts-for-react": "^3.0.2",
61
61
  "i": "^0.3.7",
62
+ "lodash-es": "^4.17.21",
62
63
  "npm": "^10.8.2",
63
64
  "postcss-scss": "^4.0.9",
64
65
  "react": "^18.3.1",
@@ -67,6 +68,8 @@
67
68
  "react-resize-detector": "^11.0.1"
68
69
  },
69
70
  "devDependencies": {
71
+ "@types/echarts": "^4.9.22",
72
+ "@types/lodash-es": "^4.17.12",
70
73
  "@types/react": "^18.2.61",
71
74
  "@types/react-dom": "^18.2.19",
72
75
  "autoprefixer": "10.4.19",
@@ -1,11 +1,18 @@
1
- import React from 'react';
1
+ import React, { useMemo } from 'react';
2
2
  import { useResizeDetector } from 'react-resize-detector';
3
3
  import ReactECharts from 'echarts-for-react';
4
+ import type { EChartOption } from 'echarts';
5
+ import { merge } from 'lodash-es';
4
6
  import chartTheme from './chart-theme.json';
5
7
 
6
8
  export { chartTheme };
7
9
 
8
- export type ChartProps = React.ComponentProps<typeof ReactECharts>;
10
+ export type ChartProps = Omit<
11
+ React.ComponentProps<typeof ReactECharts>,
12
+ 'option'
13
+ > & {
14
+ option: EChartOption;
15
+ };
9
16
 
10
17
  export function Chart(props: ChartProps): JSX.Element {
11
18
  const { width, height, ref } = useResizeDetector({
@@ -14,9 +21,22 @@ export function Chart(props: ChartProps): JSX.Element {
14
21
  refreshRate: 100,
15
22
  });
16
23
 
24
+ const option = useMemo(() => {
25
+ const baseOption: EChartOption = {
26
+ textStyle: { fontFamily: 'Noto Sans KR' },
27
+ tooltip: { textStyle: { fontSize: 16 } },
28
+ };
29
+ return merge(baseOption, props.option);
30
+ }, [props.option]);
31
+
17
32
  return (
18
33
  <div ref={ref} style={{ width: '100%', height: '100%' }}>
19
- <ReactECharts style={{ width, height }} theme={chartTheme} {...props} />
34
+ <ReactECharts
35
+ style={{ width, height }}
36
+ theme={chartTheme}
37
+ {...props}
38
+ option={option}
39
+ />
20
40
  </div>
21
41
  );
22
42
  }