@tipp/ui 1.0.30 → 1.0.31

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 (28) hide show
  1. package/dist/atoms/field-error-wrapper.js +2 -2
  2. package/dist/atoms/index.js +69 -69
  3. package/dist/atoms/pagination.js +3 -3
  4. package/dist/charts/chart-test.cjs +245 -0
  5. package/dist/charts/chart-test.cjs.map +1 -0
  6. package/dist/charts/chart-test.js +68 -0
  7. package/dist/charts/chart-test.js.map +1 -0
  8. package/dist/charts/chart.cjs +3 -20
  9. package/dist/charts/chart.cjs.map +1 -1
  10. package/dist/charts/chart.js +4 -2
  11. package/dist/charts/index.cjs +3 -20
  12. package/dist/charts/index.cjs.map +1 -1
  13. package/dist/charts/index.js +4 -2
  14. package/dist/chunk-67K6SKIG.js +142 -0
  15. package/dist/chunk-67K6SKIG.js.map +1 -0
  16. package/dist/chunk-DDEH7MMD.js +43 -0
  17. package/dist/chunk-DDEH7MMD.js.map +1 -0
  18. package/dist/index.cjs +3 -20
  19. package/dist/index.cjs.map +1 -1
  20. package/dist/index.js +86 -84
  21. package/dist/molecules/date-picker/index.js +2 -2
  22. package/dist/molecules/expand-table/index.js +32 -32
  23. package/dist/molecules/expand-table/row.js +29 -29
  24. package/dist/molecules/index.js +36 -36
  25. package/dist/molecules/navigation.js +30 -30
  26. package/package.json +3 -3
  27. package/src/charts/chart-test.tsx +90 -0
  28. package/src/charts/chart.tsx +8 -55
package/dist/molecules/expand-table/index.js CHANGED
@@ -1,36 +1,49 @@
1
1
  import {
2
2
  ExpandTable,
3
3
  createColumnHelper
4
- } from "../../chunk-MQDLXULL.js";
4
+ } from "../../chunk-KT7IAGCF.js";
5
5
  import "../../chunk-XHNYNSZZ.js";
6
+ import "../../chunk-BSTJBBEX.js";
7
+ import "../../chunk-NDUKDKGB.js";
6
8
  import "../../chunk-2ANGYYEV.js";
9
+ import "../../chunk-ILRUXI2E.js";
10
+ import "../../chunk-JPIZP2PZ.js";
11
+ import "../../chunk-355MU6BH.js";
12
+ import "../../chunk-HYITAA4J.js";
13
+ import "../../chunk-5H3YPCZK.js";
14
+ import "../../chunk-FR2GDOU2.js";
7
15
  import "../../chunk-74DX4CU7.js";
8
16
  import "../../chunk-OYM4XCHQ.js";
9
17
  import "../../chunk-YJ7ZFOYL.js";
10
18
  import "../../chunk-5ZITU5L7.js";
11
- import "../../chunk-ILRUXI2E.js";
12
- import "../../chunk-JPIZP2PZ.js";
19
+ import "../../chunk-365QMK4D.js";
20
+ import "../../chunk-YO3BQW6S.js";
21
+ import "../../chunk-6IVCARWS.js";
22
+ import "../../chunk-6DJOIRMF.js";
13
23
  import "../../chunk-FPD73OHW.js";
14
24
  import "../../chunk-ZKZDVS7G.js";
15
25
  import "../../chunk-MUNMDHRF.js";
16
26
  import "../../chunk-TVDKGMBI.js";
17
- import "../../chunk-355MU6BH.js";
18
- import "../../chunk-HYITAA4J.js";
19
- import "../../chunk-5H3YPCZK.js";
20
- import "../../chunk-FR2GDOU2.js";
27
+ import "../../chunk-O3T3TM3V.js";
28
+ import "../../chunk-XQOL7UBI.js";
21
29
  import "../../chunk-TULWX7D6.js";
22
30
  import "../../chunk-XQOZWYUA.js";
23
- import "../../chunk-3R2IB6WJ.js";
31
+ import "../../chunk-QGBUYEQN.js";
24
32
  import "../../chunk-5AVBYDPB.js";
25
- import "../../chunk-365QMK4D.js";
26
- import "../../chunk-YO3BQW6S.js";
27
- import "../../chunk-6IVCARWS.js";
28
- import "../../chunk-6DJOIRMF.js";
33
+ import "../../chunk-YTZSKMX3.js";
34
+ import "../../chunk-4IKPNQV5.js";
35
+ import "../../chunk-ACVANQJ4.js";
36
+ import "../../chunk-2DZ2Y3JI.js";
37
+ import "../../chunk-CNQ7RNNY.js";
38
+ import "../../chunk-O3XTRD7R.js";
39
+ import "../../chunk-25HMMI7R.js";
29
40
  import "../../chunk-2CVXGGI5.js";
30
41
  import "../../chunk-EGEQY3KT.js";
31
42
  import "../../chunk-HLOY6BIP.js";
32
- import "../../chunk-O3T3TM3V.js";
33
- import "../../chunk-XQOL7UBI.js";
43
+ import "../../chunk-IQEEPHOY.js";
44
+ import "../../chunk-JEHDCZQU.js";
45
+ import "../../chunk-OHMOP5PV.js";
46
+ import "../../chunk-KGLIAFTI.js";
34
47
  import "../../chunk-Q37G2GS6.js";
35
48
  import "../../chunk-VTJZMOSP.js";
36
49
  import "../../chunk-P6B2PNYI.js";
@@ -38,30 +51,17 @@ import "../../chunk-3ANMLRG4.js";
38
51
  import "../../chunk-PL3Q4UVY.js";
39
52
  import "../../chunk-5XILGULJ.js";
40
53
  import "../../chunk-O3DNDMV3.js";
41
- import "../../chunk-YTZSKMX3.js";
42
- import "../../chunk-4IKPNQV5.js";
43
- import "../../chunk-ACVANQJ4.js";
44
- import "../../chunk-2DZ2Y3JI.js";
45
- import "../../chunk-CHHLIPDN.js";
46
- import "../../chunk-25HMMI7R.js";
47
- import "../../chunk-O3XTRD7R.js";
54
+ import "../../chunk-CZEGRZBK.js";
55
+ import "../../chunk-ALOPZ54P.js";
56
+ import "../../chunk-YGL6SWKN.js";
57
+ import "../../chunk-4Y5BEXVN.js";
48
58
  import "../../chunk-AQX7DQLI.js";
49
59
  import "../../chunk-B6XJN6EC.js";
50
60
  import "../../chunk-FYEASFUU.js";
51
61
  import "../../chunk-MIMJ7LON.js";
52
- import "../../chunk-IQEEPHOY.js";
53
- import "../../chunk-JEHDCZQU.js";
54
- import "../../chunk-OHMOP5PV.js";
55
- import "../../chunk-KGLIAFTI.js";
62
+ import "../../chunk-4UZQXJQO.js";
56
63
  import "../../chunk-J242TTFH.js";
57
64
  import "../../chunk-EAXUQEO5.js";
58
- import "../../chunk-CZEGRZBK.js";
59
- import "../../chunk-ALOPZ54P.js";
60
- import "../../chunk-YGL6SWKN.js";
61
- import "../../chunk-4Y5BEXVN.js";
62
- import "../../chunk-4UZQXJQO.js";
63
- import "../../chunk-BSTJBBEX.js";
64
- import "../../chunk-NDUKDKGB.js";
65
65
  import "../../chunk-N552FDTV.js";
66
66
  export {
67
67
  ExpandTable,
package/dist/molecules/expand-table/row.js CHANGED
@@ -2,33 +2,44 @@ import {
2
2
  Row
3
3
  } from "../../chunk-XHNYNSZZ.js";
4
4
  import "../../chunk-2ANGYYEV.js";
5
+ import "../../chunk-ILRUXI2E.js";
6
+ import "../../chunk-JPIZP2PZ.js";
7
+ import "../../chunk-355MU6BH.js";
8
+ import "../../chunk-HYITAA4J.js";
9
+ import "../../chunk-5H3YPCZK.js";
10
+ import "../../chunk-FR2GDOU2.js";
5
11
  import "../../chunk-74DX4CU7.js";
6
12
  import "../../chunk-OYM4XCHQ.js";
7
13
  import "../../chunk-YJ7ZFOYL.js";
8
14
  import "../../chunk-5ZITU5L7.js";
9
- import "../../chunk-ILRUXI2E.js";
10
- import "../../chunk-JPIZP2PZ.js";
15
+ import "../../chunk-365QMK4D.js";
16
+ import "../../chunk-YO3BQW6S.js";
17
+ import "../../chunk-6IVCARWS.js";
18
+ import "../../chunk-6DJOIRMF.js";
11
19
  import "../../chunk-FPD73OHW.js";
12
20
  import "../../chunk-ZKZDVS7G.js";
13
21
  import "../../chunk-MUNMDHRF.js";
14
22
  import "../../chunk-TVDKGMBI.js";
15
- import "../../chunk-355MU6BH.js";
16
- import "../../chunk-HYITAA4J.js";
17
- import "../../chunk-5H3YPCZK.js";
18
- import "../../chunk-FR2GDOU2.js";
23
+ import "../../chunk-O3T3TM3V.js";
24
+ import "../../chunk-XQOL7UBI.js";
19
25
  import "../../chunk-TULWX7D6.js";
20
26
  import "../../chunk-XQOZWYUA.js";
21
- import "../../chunk-3R2IB6WJ.js";
27
+ import "../../chunk-QGBUYEQN.js";
22
28
  import "../../chunk-5AVBYDPB.js";
23
- import "../../chunk-365QMK4D.js";
24
- import "../../chunk-YO3BQW6S.js";
25
- import "../../chunk-6IVCARWS.js";
26
- import "../../chunk-6DJOIRMF.js";
29
+ import "../../chunk-YTZSKMX3.js";
30
+ import "../../chunk-4IKPNQV5.js";
31
+ import "../../chunk-ACVANQJ4.js";
32
+ import "../../chunk-2DZ2Y3JI.js";
33
+ import "../../chunk-CNQ7RNNY.js";
34
+ import "../../chunk-O3XTRD7R.js";
35
+ import "../../chunk-25HMMI7R.js";
27
36
  import "../../chunk-2CVXGGI5.js";
28
37
  import "../../chunk-EGEQY3KT.js";
29
38
  import "../../chunk-HLOY6BIP.js";
30
- import "../../chunk-O3T3TM3V.js";
31
- import "../../chunk-XQOL7UBI.js";
39
+ import "../../chunk-IQEEPHOY.js";
40
+ import "../../chunk-JEHDCZQU.js";
41
+ import "../../chunk-OHMOP5PV.js";
42
+ import "../../chunk-KGLIAFTI.js";
32
43
  import "../../chunk-Q37G2GS6.js";
33
44
  import "../../chunk-VTJZMOSP.js";
34
45
  import "../../chunk-P6B2PNYI.js";
@@ -36,28 +47,17 @@ import "../../chunk-3ANMLRG4.js";
36
47
  import "../../chunk-PL3Q4UVY.js";
37
48
  import "../../chunk-5XILGULJ.js";
38
49
  import "../../chunk-O3DNDMV3.js";
39
- import "../../chunk-YTZSKMX3.js";
40
- import "../../chunk-4IKPNQV5.js";
41
- import "../../chunk-ACVANQJ4.js";
42
- import "../../chunk-2DZ2Y3JI.js";
43
- import "../../chunk-CHHLIPDN.js";
44
- import "../../chunk-25HMMI7R.js";
45
- import "../../chunk-O3XTRD7R.js";
50
+ import "../../chunk-CZEGRZBK.js";
51
+ import "../../chunk-ALOPZ54P.js";
52
+ import "../../chunk-YGL6SWKN.js";
53
+ import "../../chunk-4Y5BEXVN.js";
46
54
  import "../../chunk-AQX7DQLI.js";
47
55
  import "../../chunk-B6XJN6EC.js";
48
56
  import "../../chunk-FYEASFUU.js";
49
57
  import "../../chunk-MIMJ7LON.js";
50
- import "../../chunk-IQEEPHOY.js";
51
- import "../../chunk-JEHDCZQU.js";
52
- import "../../chunk-OHMOP5PV.js";
53
- import "../../chunk-KGLIAFTI.js";
58
+ import "../../chunk-4UZQXJQO.js";
54
59
  import "../../chunk-J242TTFH.js";
55
60
  import "../../chunk-EAXUQEO5.js";
56
- import "../../chunk-CZEGRZBK.js";
57
- import "../../chunk-ALOPZ54P.js";
58
- import "../../chunk-YGL6SWKN.js";
59
- import "../../chunk-4Y5BEXVN.js";
60
- import "../../chunk-4UZQXJQO.js";
61
61
  import "../../chunk-N552FDTV.js";
62
62
  export {
63
63
  Row
package/dist/molecules/index.js CHANGED
@@ -1,43 +1,56 @@
1
1
  import "../chunk-KHHXN3CH.js";
2
+ import {
3
+ Navigation
4
+ } from "../chunk-IBR5PQVX.js";
2
5
  import {
3
6
  DatePicker
4
- } from "../chunk-YL5VWNBV.js";
7
+ } from "../chunk-HUS5VLHS.js";
5
8
  import {
6
9
  ExpandTable,
7
10
  createColumnHelper
8
- } from "../chunk-MQDLXULL.js";
11
+ } from "../chunk-KT7IAGCF.js";
9
12
  import "../chunk-XHNYNSZZ.js";
10
- import {
11
- Navigation
12
- } from "../chunk-QOY42XM2.js";
13
+ import "../chunk-BSTJBBEX.js";
14
+ import "../chunk-NDUKDKGB.js";
13
15
  import "../chunk-2ANGYYEV.js";
16
+ import "../chunk-ILRUXI2E.js";
17
+ import "../chunk-JPIZP2PZ.js";
18
+ import "../chunk-355MU6BH.js";
19
+ import "../chunk-HYITAA4J.js";
20
+ import "../chunk-5H3YPCZK.js";
21
+ import "../chunk-FR2GDOU2.js";
14
22
  import "../chunk-74DX4CU7.js";
15
23
  import "../chunk-OYM4XCHQ.js";
16
24
  import "../chunk-YJ7ZFOYL.js";
17
25
  import "../chunk-5ZITU5L7.js";
18
- import "../chunk-ILRUXI2E.js";
19
- import "../chunk-JPIZP2PZ.js";
26
+ import "../chunk-365QMK4D.js";
27
+ import "../chunk-YO3BQW6S.js";
28
+ import "../chunk-6IVCARWS.js";
29
+ import "../chunk-6DJOIRMF.js";
20
30
  import "../chunk-FPD73OHW.js";
21
31
  import "../chunk-ZKZDVS7G.js";
22
32
  import "../chunk-MUNMDHRF.js";
23
33
  import "../chunk-TVDKGMBI.js";
24
- import "../chunk-355MU6BH.js";
25
- import "../chunk-HYITAA4J.js";
26
- import "../chunk-5H3YPCZK.js";
27
- import "../chunk-FR2GDOU2.js";
34
+ import "../chunk-O3T3TM3V.js";
35
+ import "../chunk-XQOL7UBI.js";
28
36
  import "../chunk-TULWX7D6.js";
29
37
  import "../chunk-XQOZWYUA.js";
30
- import "../chunk-3R2IB6WJ.js";
38
+ import "../chunk-QGBUYEQN.js";
31
39
  import "../chunk-5AVBYDPB.js";
32
- import "../chunk-365QMK4D.js";
33
- import "../chunk-YO3BQW6S.js";
34
- import "../chunk-6IVCARWS.js";
35
- import "../chunk-6DJOIRMF.js";
40
+ import "../chunk-YTZSKMX3.js";
41
+ import "../chunk-4IKPNQV5.js";
42
+ import "../chunk-ACVANQJ4.js";
43
+ import "../chunk-2DZ2Y3JI.js";
44
+ import "../chunk-CNQ7RNNY.js";
45
+ import "../chunk-O3XTRD7R.js";
46
+ import "../chunk-25HMMI7R.js";
36
47
  import "../chunk-2CVXGGI5.js";
37
48
  import "../chunk-EGEQY3KT.js";
38
49
  import "../chunk-HLOY6BIP.js";
39
- import "../chunk-O3T3TM3V.js";
40
- import "../chunk-XQOL7UBI.js";
50
+ import "../chunk-IQEEPHOY.js";
51
+ import "../chunk-JEHDCZQU.js";
52
+ import "../chunk-OHMOP5PV.js";
53
+ import "../chunk-KGLIAFTI.js";
41
54
  import "../chunk-Q37G2GS6.js";
42
55
  import "../chunk-VTJZMOSP.js";
43
56
  import "../chunk-P6B2PNYI.js";
@@ -45,30 +58,17 @@ import "../chunk-3ANMLRG4.js";
45
58
  import "../chunk-PL3Q4UVY.js";
46
59
  import "../chunk-5XILGULJ.js";
47
60
  import "../chunk-O3DNDMV3.js";
48
- import "../chunk-YTZSKMX3.js";
49
- import "../chunk-4IKPNQV5.js";
50
- import "../chunk-ACVANQJ4.js";
51
- import "../chunk-2DZ2Y3JI.js";
52
- import "../chunk-CHHLIPDN.js";
53
- import "../chunk-25HMMI7R.js";
54
- import "../chunk-O3XTRD7R.js";
61
+ import "../chunk-CZEGRZBK.js";
62
+ import "../chunk-ALOPZ54P.js";
63
+ import "../chunk-YGL6SWKN.js";
64
+ import "../chunk-4Y5BEXVN.js";
55
65
  import "../chunk-AQX7DQLI.js";
56
66
  import "../chunk-B6XJN6EC.js";
57
67
  import "../chunk-FYEASFUU.js";
58
68
  import "../chunk-MIMJ7LON.js";
59
- import "../chunk-IQEEPHOY.js";
60
- import "../chunk-JEHDCZQU.js";
61
- import "../chunk-OHMOP5PV.js";
62
- import "../chunk-KGLIAFTI.js";
69
+ import "../chunk-4UZQXJQO.js";
63
70
  import "../chunk-J242TTFH.js";
64
71
  import "../chunk-EAXUQEO5.js";
65
- import "../chunk-CZEGRZBK.js";
66
- import "../chunk-ALOPZ54P.js";
67
- import "../chunk-YGL6SWKN.js";
68
- import "../chunk-4Y5BEXVN.js";
69
- import "../chunk-4UZQXJQO.js";
70
- import "../chunk-BSTJBBEX.js";
71
- import "../chunk-NDUKDKGB.js";
72
72
  import "../chunk-N552FDTV.js";
73
73
  export {
74
74
  DatePicker,
package/dist/molecules/navigation.js CHANGED
@@ -1,34 +1,45 @@
1
1
  import {
2
2
  Navigation
3
- } from "../chunk-QOY42XM2.js";
3
+ } from "../chunk-IBR5PQVX.js";
4
4
  import "../chunk-2ANGYYEV.js";
5
+ import "../chunk-ILRUXI2E.js";
6
+ import "../chunk-JPIZP2PZ.js";
7
+ import "../chunk-355MU6BH.js";
8
+ import "../chunk-HYITAA4J.js";
9
+ import "../chunk-5H3YPCZK.js";
10
+ import "../chunk-FR2GDOU2.js";
5
11
  import "../chunk-74DX4CU7.js";
6
12
  import "../chunk-OYM4XCHQ.js";
7
13
  import "../chunk-YJ7ZFOYL.js";
8
14
  import "../chunk-5ZITU5L7.js";
9
- import "../chunk-ILRUXI2E.js";
10
- import "../chunk-JPIZP2PZ.js";
15
+ import "../chunk-365QMK4D.js";
16
+ import "../chunk-YO3BQW6S.js";
17
+ import "../chunk-6IVCARWS.js";
18
+ import "../chunk-6DJOIRMF.js";
11
19
  import "../chunk-FPD73OHW.js";
12
20
  import "../chunk-ZKZDVS7G.js";
13
21
  import "../chunk-MUNMDHRF.js";
14
22
  import "../chunk-TVDKGMBI.js";
15
- import "../chunk-355MU6BH.js";
16
- import "../chunk-HYITAA4J.js";
17
- import "../chunk-5H3YPCZK.js";
18
- import "../chunk-FR2GDOU2.js";
23
+ import "../chunk-O3T3TM3V.js";
24
+ import "../chunk-XQOL7UBI.js";
19
25
  import "../chunk-TULWX7D6.js";
20
26
  import "../chunk-XQOZWYUA.js";
21
- import "../chunk-3R2IB6WJ.js";
27
+ import "../chunk-QGBUYEQN.js";
22
28
  import "../chunk-5AVBYDPB.js";
23
- import "../chunk-365QMK4D.js";
24
- import "../chunk-YO3BQW6S.js";
25
- import "../chunk-6IVCARWS.js";
26
- import "../chunk-6DJOIRMF.js";
29
+ import "../chunk-YTZSKMX3.js";
30
+ import "../chunk-4IKPNQV5.js";
31
+ import "../chunk-ACVANQJ4.js";
32
+ import "../chunk-2DZ2Y3JI.js";
33
+ import "../chunk-CNQ7RNNY.js";
34
+ import "../chunk-O3XTRD7R.js";
35
+ import "../chunk-25HMMI7R.js";
27
36
  import "../chunk-2CVXGGI5.js";
28
37
  import "../chunk-EGEQY3KT.js";
29
38
  import "../chunk-HLOY6BIP.js";
30
- import "../chunk-O3T3TM3V.js";
31
- import "../chunk-XQOL7UBI.js";
39
+ import "../chunk-IQEEPHOY.js";
40
+ import "../chunk-JEHDCZQU.js";
41
+ import "../chunk-OHMOP5PV.js";
42
+ import "../chunk-KGLIAFTI.js";
32
43
  import "../chunk-Q37G2GS6.js";
33
44
  import "../chunk-VTJZMOSP.js";
34
45
  import "../chunk-P6B2PNYI.js";
@@ -36,28 +47,17 @@ import "../chunk-3ANMLRG4.js";
36
47
  import "../chunk-PL3Q4UVY.js";
37
48
  import "../chunk-5XILGULJ.js";
38
49
  import "../chunk-O3DNDMV3.js";
39
- import "../chunk-YTZSKMX3.js";
40
- import "../chunk-4IKPNQV5.js";
41
- import "../chunk-ACVANQJ4.js";
42
- import "../chunk-2DZ2Y3JI.js";
43
- import "../chunk-CHHLIPDN.js";
44
- import "../chunk-25HMMI7R.js";
45
- import "../chunk-O3XTRD7R.js";
50
+ import "../chunk-CZEGRZBK.js";
51
+ import "../chunk-ALOPZ54P.js";
52
+ import "../chunk-YGL6SWKN.js";
53
+ import "../chunk-4Y5BEXVN.js";
46
54
  import "../chunk-AQX7DQLI.js";
47
55
  import "../chunk-B6XJN6EC.js";
48
56
  import "../chunk-FYEASFUU.js";
49
57
  import "../chunk-MIMJ7LON.js";
50
- import "../chunk-IQEEPHOY.js";
51
- import "../chunk-JEHDCZQU.js";
52
- import "../chunk-OHMOP5PV.js";
53
- import "../chunk-KGLIAFTI.js";
58
+ import "../chunk-4UZQXJQO.js";
54
59
  import "../chunk-J242TTFH.js";
55
60
  import "../chunk-EAXUQEO5.js";
56
- import "../chunk-CZEGRZBK.js";
57
- import "../chunk-ALOPZ54P.js";
58
- import "../chunk-YGL6SWKN.js";
59
- import "../chunk-4Y5BEXVN.js";
60
- import "../chunk-4UZQXJQO.js";
61
61
  import "../chunk-N552FDTV.js";
62
62
  export {
63
63
  Navigation
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "1.0.30",
3
+ "version": "1.0.31",
4
4
  "private": false,
5
5
  "sideEffects": false,
6
6
  "type": "module",
@@ -58,8 +58,8 @@
58
58
  "postcss-nesting": "12.0.2",
59
59
  "tsup": "^8.0.2",
60
60
  "typescript": "^5.3.3",
61
- "@tipp/eslint-config": "0.2.3",
62
- "@tipp/typescript-config": "0.0.4"
61
+ "@tipp/typescript-config": "0.0.4",
62
+ "@tipp/eslint-config": "0.2.3"
63
63
  },
64
64
  "scripts": {
65
65
  "build": "pnpm run build:js & pnpm run build:css",
package/src/charts/chart-test.tsx ADDED
@@ -0,0 +1,90 @@
1
+ import React, { useMemo } from 'react';
2
+ import { useResizeDetector } from 'react-resize-detector';
3
+ import { merge } from 'lodash-es';
4
+ import type { EChartsOption } from 'echarts';
5
+ import * as echarts from 'echarts/core';
6
+ import ReactEChartsCore from 'echarts-for-react/lib/core';
7
+ import { PieChart, LineChart } from 'echarts/charts';
8
+ import { SVGRenderer } from 'echarts/renderers';
9
+ import {
10
+ GridSimpleComponent,
11
+ // PolarComponent,
12
+ // RadarComponent,
13
+ // GeoComponent,
14
+ // SingleAxisComponent,
15
+ // ParallelComponent,
16
+ // CalendarComponent,
17
+ // GraphicComponent,
18
+ AxisPointerComponent,
19
+ // BrushComponent,
20
+ // TimelineComponent,
21
+ // MarkPointComponent,
22
+ // MarkLineComponent,
23
+ // MarkAreaComponent,
24
+ // LegendScrollComponent,
25
+ // LegendPlainComponent,
26
+ // DataZoomComponent,
27
+ // DataZoomInsideComponent,
28
+ // DataZoomSliderComponent,
29
+ // VisualMapComponent,
30
+ // VisualMapContinuousComponent,
31
+ // VisualMapPiecewiseComponent,
32
+ AriaComponent,
33
+ // TransformComponent,
34
+ TooltipComponent,
35
+ GridComponent,
36
+ LegendComponent,
37
+ ToolboxComponent,
38
+ } from 'echarts/components';
39
+ import chartTheme from './chart-theme.json';
40
+
41
+ echarts.use([
42
+ SVGRenderer,
43
+ PieChart,
44
+ LineChart,
45
+ TooltipComponent,
46
+ GridComponent,
47
+ LegendComponent,
48
+ ToolboxComponent,
49
+ AriaComponent,
50
+ AxisPointerComponent,
51
+ GridSimpleComponent,
52
+ ]);
53
+
54
+ export type ChartProps = Omit<
55
+ React.ComponentProps<typeof ReactEChartsCore>,
56
+ 'option'
57
+ > & {
58
+ option: EChartsOption;
59
+ };
60
+
61
+ export function Chart(props: ChartProps): JSX.Element {
62
+ const { width, height, ref } = useResizeDetector({
63
+ handleHeight: false,
64
+ refreshMode: 'debounce',
65
+ refreshRate: 100,
66
+ });
67
+
68
+ const option = useMemo(() => {
69
+ const baseOption: EChartsOption = {
70
+ textStyle: { fontFamily: 'Noto Sans KR' },
71
+ tooltip: { textStyle: { fontSize: 16 } },
72
+ };
73
+ return merge(baseOption, props.option);
74
+ }, [props.option]);
75
+
76
+ return (
77
+ <div ref={ref} style={{ width: '100%', height: '100%' }}>
78
+ <ReactEChartsCore
79
+ echarts={echarts}
80
+ opts={{ renderer: 'svg' }}
81
+ style={{ height, width }}
82
+ theme={chartTheme}
83
+ {...props}
84
+ option={option}
85
+ />
86
+ </div>
87
+ );
88
+ }
89
+
90
+ export { chartTheme };
package/src/charts/chart.tsx CHANGED
@@ -1,61 +1,17 @@
1
1
  import React, { useMemo } from 'react';
2
2
  import { useResizeDetector } from 'react-resize-detector';
3
+ import ReactECharts from 'echarts-for-react';
4
+ import type { EChartOption } from 'echarts';
3
5
  import { merge } from 'lodash-es';
4
- import type { EChartsOption } from 'echarts';
5
- import * as echarts from 'echarts/core';
6
- import ReactEChartsCore from 'echarts-for-react/lib/core';
7
- import { PieChart, LineChart } from 'echarts/charts';
8
- import { SVGRenderer } from 'echarts/renderers';
9
- import {
10
- GridSimpleComponent,
11
- // PolarComponent,
12
- // RadarComponent,
13
- // GeoComponent,
14
- // SingleAxisComponent,
15
- // ParallelComponent,
16
- // CalendarComponent,
17
- // GraphicComponent,
18
- AxisPointerComponent,
19
- // BrushComponent,
20
- // TimelineComponent,
21
- // MarkPointComponent,
22
- // MarkLineComponent,
23
- // MarkAreaComponent,
24
- // LegendScrollComponent,
25
- // LegendPlainComponent,
26
- // DataZoomComponent,
27
- // DataZoomInsideComponent,
28
- // DataZoomSliderComponent,
29
- // VisualMapComponent,
30
- // VisualMapContinuousComponent,
31
- // VisualMapPiecewiseComponent,
32
- AriaComponent,
33
- // TransformComponent,
34
- TooltipComponent,
35
- GridComponent,
36
- LegendComponent,
37
- ToolboxComponent,
38
- } from 'echarts/components';
39
6
  import chartTheme from './chart-theme.json';
40
7
 
41
- echarts.use([
42
- SVGRenderer,
43
- PieChart,
44
- LineChart,
45
- TooltipComponent,
46
- GridComponent,
47
- LegendComponent,
48
- ToolboxComponent,
49
- AriaComponent,
50
- AxisPointerComponent,
51
- GridSimpleComponent,
52
- ]);
8
+ export { chartTheme };
53
9
 
54
10
  export type ChartProps = Omit<
55
- React.ComponentProps<typeof ReactEChartsCore>,
11
+ React.ComponentProps<typeof ReactECharts>,
56
12
  'option'
57
13
  > & {
58
- option: EChartsOption;
14
+ option: EChartOption;
59
15
  };
60
16
 
61
17
  export function Chart(props: ChartProps): JSX.Element {
@@ -66,7 +22,7 @@ export function Chart(props: ChartProps): JSX.Element {
66
22
  });
67
23
 
68
24
  const option = useMemo(() => {
69
- const baseOption: EChartsOption = {
25
+ const baseOption: EChartOption = {
70
26
  textStyle: { fontFamily: 'Noto Sans KR' },
71
27
  tooltip: { textStyle: { fontSize: 16 } },
72
28
  };
@@ -75,10 +31,9 @@ export function Chart(props: ChartProps): JSX.Element {
75
31
 
76
32
  return (
77
33
  <div ref={ref} style={{ width: '100%', height: '100%' }}>
78
- <ReactEChartsCore
79
- echarts={echarts}
34
+ <ReactECharts
80
35
  opts={{ renderer: 'svg' }}
81
- style={{ height, width }}
36
+ style={{ width, height }}
82
37
  theme={chartTheme}
83
38
  {...props}
84
39
  option={option}
@@ -86,5 +41,3 @@ export function Chart(props: ChartProps): JSX.Element {
86
41
  </div>
87
42
  );
88
43
  }
89
-
90
- export { chartTheme };