@tipp/ui 1.0.29 → 1.0.31

package/dist/molecules/expand-table/row.js

@@ -2,7 +2,9 @@ import {
   Row
 } from "../../chunk-XHNYNSZZ.js";
 import "../../chunk-2ANGYYEV.js";
+import "../../chunk-ILRUXI2E.js";
 import "../../chunk-JPIZP2PZ.js";
+import "../../chunk-355MU6BH.js";
 import "../../chunk-HYITAA4J.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
@@ -10,7 +12,7 @@ import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-ILRUXI2E.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
@@ -18,13 +20,13 @@ import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-355MU6BH.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-XQOZWYUA.js";
 import "../../chunk-QGBUYEQN.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-YTZSKMX3.js";
 import "../../chunk-4IKPNQV5.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
@@ -34,7 +36,7 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-HLOY6BIP.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-IQEEPHOY.js";
 import "../../chunk-JEHDCZQU.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-KGLIAFTI.js";
@@ -45,7 +47,7 @@ import "../../chunk-3ANMLRG4.js";
 import "../../chunk-PL3Q4UVY.js";
 import "../../chunk-5XILGULJ.js";
 import "../../chunk-O3DNDMV3.js";
-import "../../chunk-YTZSKMX3.js";
+import "../../chunk-CZEGRZBK.js";
 import "../../chunk-ALOPZ54P.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
@@ -53,11 +55,9 @@ import "../../chunk-AQX7DQLI.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-FYEASFUU.js";
 import "../../chunk-MIMJ7LON.js";
-import "../../chunk-IQEEPHOY.js";
 import "../../chunk-4UZQXJQO.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
-import "../../chunk-CZEGRZBK.js";
 import "../../chunk-N552FDTV.js";
 export {
   Row

package/dist/molecules/index.js

@@ -13,7 +13,9 @@ import "../chunk-XHNYNSZZ.js";
 import "../chunk-BSTJBBEX.js";
 import "../chunk-NDUKDKGB.js";
 import "../chunk-2ANGYYEV.js";
+import "../chunk-ILRUXI2E.js";
 import "../chunk-JPIZP2PZ.js";
+import "../chunk-355MU6BH.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
@@ -21,7 +23,7 @@ import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-ILRUXI2E.js";
+import "../chunk-365QMK4D.js";
 import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
@@ -29,13 +31,13 @@ import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-355MU6BH.js";
+import "../chunk-O3T3TM3V.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-XQOZWYUA.js";
 import "../chunk-QGBUYEQN.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-365QMK4D.js";
+import "../chunk-YTZSKMX3.js";
 import "../chunk-4IKPNQV5.js";
 import "../chunk-ACVANQJ4.js";
 import "../chunk-2DZ2Y3JI.js";
@@ -45,7 +47,7 @@ import "../chunk-25HMMI7R.js";
 import "../chunk-2CVXGGI5.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-HLOY6BIP.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-IQEEPHOY.js";
 import "../chunk-JEHDCZQU.js";
 import "../chunk-OHMOP5PV.js";
 import "../chunk-KGLIAFTI.js";
@@ -56,7 +58,7 @@ import "../chunk-3ANMLRG4.js";
 import "../chunk-PL3Q4UVY.js";
 import "../chunk-5XILGULJ.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-YTZSKMX3.js";
+import "../chunk-CZEGRZBK.js";
 import "../chunk-ALOPZ54P.js";
 import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
@@ -64,11 +66,9 @@ import "../chunk-AQX7DQLI.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-FYEASFUU.js";
 import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
 import "../chunk-4UZQXJQO.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
-import "../chunk-CZEGRZBK.js";
 import "../chunk-N552FDTV.js";
 export {
   DatePicker,

package/dist/molecules/navigation.js

@@ -2,7 +2,9 @@ import {
   Navigation
 } from "../chunk-IBR5PQVX.js";
 import "../chunk-2ANGYYEV.js";
+import "../chunk-ILRUXI2E.js";
 import "../chunk-JPIZP2PZ.js";
+import "../chunk-355MU6BH.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
@@ -10,7 +12,7 @@ import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-ILRUXI2E.js";
+import "../chunk-365QMK4D.js";
 import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
@@ -18,13 +20,13 @@ import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-355MU6BH.js";
+import "../chunk-O3T3TM3V.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-XQOZWYUA.js";
 import "../chunk-QGBUYEQN.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-365QMK4D.js";
+import "../chunk-YTZSKMX3.js";
 import "../chunk-4IKPNQV5.js";
 import "../chunk-ACVANQJ4.js";
 import "../chunk-2DZ2Y3JI.js";
@@ -34,7 +36,7 @@ import "../chunk-25HMMI7R.js";
 import "../chunk-2CVXGGI5.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-HLOY6BIP.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-IQEEPHOY.js";
 import "../chunk-JEHDCZQU.js";
 import "../chunk-OHMOP5PV.js";
 import "../chunk-KGLIAFTI.js";
@@ -45,7 +47,7 @@ import "../chunk-3ANMLRG4.js";
 import "../chunk-PL3Q4UVY.js";
 import "../chunk-5XILGULJ.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-YTZSKMX3.js";
+import "../chunk-CZEGRZBK.js";
 import "../chunk-ALOPZ54P.js";
 import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
@@ -53,11 +55,9 @@ import "../chunk-AQX7DQLI.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-FYEASFUU.js";
 import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
 import "../chunk-4UZQXJQO.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
-import "../chunk-CZEGRZBK.js";
 import "../chunk-N552FDTV.js";
 export {
   Navigation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -30,6 +30,7 @@
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/themes": "^3.1.1",
     "@tanstack/react-table": "^8.19.3",
+    "echarts": "^5.5.1",
     "echarts-for-react": "^3.0.2",
     "i": "^0.3.7",
     "lodash-es": "^4.17.21",
@@ -57,8 +58,8 @@
     "postcss-nesting": "12.0.2",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "@tipp/eslint-config": "0.2.3",
-    "@tipp/typescript-config": "0.0.4"
+    "@tipp/typescript-config": "0.0.4",
+    "@tipp/eslint-config": "0.2.3"
   },
   "scripts": {
     "build": "pnpm run build:js & pnpm run build:css",

package/src/charts/chart-test.tsx

@@ -0,0 +1,90 @@
+import React, { useMemo } from 'react';
+import { useResizeDetector } from 'react-resize-detector';
+import { merge } from 'lodash-es';
+import type { EChartsOption } from 'echarts';
+import * as echarts from 'echarts/core';
+import ReactEChartsCore from 'echarts-for-react/lib/core';
+import { PieChart, LineChart } from 'echarts/charts';
+import { SVGRenderer } from 'echarts/renderers';
+import {
+  GridSimpleComponent,
+  // PolarComponent,
+  // RadarComponent,
+  // GeoComponent,
+  // SingleAxisComponent,
+  // ParallelComponent,
+  // CalendarComponent,
+  // GraphicComponent,
+  AxisPointerComponent,
+  // BrushComponent,
+  // TimelineComponent,
+  // MarkPointComponent,
+  // MarkLineComponent,
+  // MarkAreaComponent,
+  // LegendScrollComponent,
+  // LegendPlainComponent,
+  // DataZoomComponent,
+  // DataZoomInsideComponent,
+  // DataZoomSliderComponent,
+  // VisualMapComponent,
+  // VisualMapContinuousComponent,
+  // VisualMapPiecewiseComponent,
+  AriaComponent,
+  // TransformComponent,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  ToolboxComponent,
+} from 'echarts/components';
+import chartTheme from './chart-theme.json';
+
+echarts.use([
+  SVGRenderer,
+  PieChart,
+  LineChart,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  ToolboxComponent,
+  AriaComponent,
+  AxisPointerComponent,
+  GridSimpleComponent,
+]);
+
+export type ChartProps = Omit<
+  React.ComponentProps<typeof ReactEChartsCore>,
+  'option'
+> & {
+  option: EChartsOption;
+};
+
+export function Chart(props: ChartProps): JSX.Element {
+  const { width, height, ref } = useResizeDetector({
+    handleHeight: false,
+    refreshMode: 'debounce',
+    refreshRate: 100,
+  });
+
+  const option = useMemo(() => {
+    const baseOption: EChartsOption = {
+      textStyle: { fontFamily: 'Noto Sans KR' },
+      tooltip: { textStyle: { fontSize: 16 } },
+    };
+    return merge(baseOption, props.option);
+  }, [props.option]);
+
+  return (
+    <div ref={ref} style={{ width: '100%', height: '100%' }}>
+      <ReactEChartsCore
+        echarts={echarts}
+        opts={{ renderer: 'svg' }}
+        style={{ height, width }}
+        theme={chartTheme}
+        {...props}
+        option={option}
+      />
+    </div>
+  );
+}
+
+export { chartTheme };