@tipp/ui 1.0.35 → 1.0.37

package/dist/chunk-UZUVEVLC.js

@@ -1,68 +0,0 @@
-import {
-  chart_theme_default
-} from "./chunk-67K6SKIG.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/charts/chart.tsx
-import { useMemo } from "react";
-import { useResizeDetector } from "react-resize-detector";
-import { merge } from "lodash-es";
-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,
-  AxisPointerComponent,
-  AriaComponent,
-  TooltipComponent,
-  GridComponent,
-  LegendComponent,
-  ToolboxComponent
-} from "echarts/components";
-import { jsx } from "react/jsx-runtime";
-echarts.use([
-  SVGRenderer,
-  PieChart,
-  LineChart,
-  TooltipComponent,
-  GridComponent,
-  LegendComponent,
-  ToolboxComponent,
-  AriaComponent,
-  AxisPointerComponent,
-  GridSimpleComponent
-]);
-function Chart(props) {
-  const { width, height, ref } = useResizeDetector({
-    handleHeight: false,
-    refreshMode: "debounce",
-    refreshRate: 100
-  });
-  const option = useMemo(() => {
-    const baseOption = {
-      textStyle: { fontFamily: "Noto Sans KR" },
-      tooltip: { textStyle: { fontSize: 16 } }
-    };
-    return merge(baseOption, props.option);
-  }, [props.option]);
-  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(
-    ReactEChartsCore,
-    __spreadProps(__spreadValues({
-      echarts,
-      opts: { renderer: "svg" },
-      style: { height, width },
-      theme: chart_theme_default
-    }, props), {
-      option
-    })
-  ) });
-}
-
-export {
-  Chart
-};
-//# sourceMappingURL=chunk-UZUVEVLC.js.map

package/dist/chunk-UZUVEVLC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charts/chart.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { merge } from 'lodash-es';\nimport type { EChartsOption } from 'echarts';\nimport * as echarts from 'echarts/core';\nimport ReactEChartsCore from 'echarts-for-react/lib/core';\nimport { PieChart, LineChart } from 'echarts/charts';\nimport { SVGRenderer } from 'echarts/renderers';\nimport {\n  GridSimpleComponent,\n  // PolarComponent,\n  // RadarComponent,\n  // GeoComponent,\n  // SingleAxisComponent,\n  // ParallelComponent,\n  // CalendarComponent,\n  // GraphicComponent,\n  AxisPointerComponent,\n  // BrushComponent,\n  // TimelineComponent,\n  // MarkPointComponent,\n  // MarkLineComponent,\n  // MarkAreaComponent,\n  // LegendScrollComponent,\n  // LegendPlainComponent,\n  // DataZoomComponent,\n  // DataZoomInsideComponent,\n  // DataZoomSliderComponent,\n  // VisualMapComponent,\n  // VisualMapContinuousComponent,\n  // VisualMapPiecewiseComponent,\n  AriaComponent,\n  // TransformComponent,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  ToolboxComponent,\n} from 'echarts/components';\nimport chartTheme from './chart-theme.json';\n\necharts.use([\n  SVGRenderer,\n  PieChart,\n  LineChart,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  ToolboxComponent,\n  AriaComponent,\n  AxisPointerComponent,\n  GridSimpleComponent,\n]);\n\nexport type ChartProps = Omit<\n  React.ComponentProps<typeof ReactEChartsCore>,\n  'option'\n> & {\n  option: EChartsOption;\n};\n\nexport function Chart(props: ChartProps): JSX.Element {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: false,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n\n  const option = useMemo(() => {\n    const baseOption: EChartsOption = {\n      textStyle: { fontFamily: 'Noto Sans KR' },\n      tooltip: { textStyle: { fontSize: 16 } },\n    };\n    return merge(baseOption, props.option);\n  }, [props.option]);\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <ReactEChartsCore\n        echarts={echarts}\n        opts={{ renderer: 'svg' }}\n        style={{ height, width }}\n        theme={chartTheme}\n        {...props}\n        option={option}\n      />\n    </div>\n  );\n}\n\nexport { chartTheme };\n"],"mappings":";;;;;;;;;AAAA,SAAgB,eAAe;AAC/B,SAAS,yBAAyB;AAClC,SAAS,aAAa;AAEtB,YAAY,aAAa;AACzB,OAAO,sBAAsB;AAC7B,SAAS,UAAU,iBAAiB;AACpC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EAQA;AAAA,EAcA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAwCD;AArCE,YAAI;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AASM,SAAS,MAAM,OAAgC;AACpD,QAAM,EAAE,OAAO,QAAQ,IAAI,IAAI,kBAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,QAAM,SAAS,QAAQ,MAAM;AAC3B,UAAM,aAA4B;AAAA,MAChC,WAAW,EAAE,YAAY,eAAe;AAAA,MACxC,SAAS,EAAE,WAAW,EAAE,UAAU,GAAG,EAAE;AAAA,IACzC;AACA,WAAO,MAAM,YAAY,MAAM,MAAM;AAAA,EACvC,GAAG,CAAC,MAAM,MAAM,CAAC;AAEjB,SACE,oBAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,EAAE,UAAU,MAAM;AAAA,MACxB,OAAO,EAAE,QAAQ,MAAM;AAAA,MACvB,OAAO;AAAA,OACH,QALL;AAAA,MAMC;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/src/charts/chart-test.tsx

@@ -1,90 +0,0 @@
-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 };

package/src/charts/chart.tsx

@@ -1,90 +0,0 @@
-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 };