@tipp/ui 0.1.4 → 0.1.5

package/dist/chart/chart.cjs

@@ -1,8 +1,10 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -29,6 +31,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/chart/chart.tsx
@@ -37,8 +47,8 @@ __export(chart_exports, {
   Chart: () => Chart
 });
 module.exports = __toCommonJS(chart_exports);
-var import_react_echarts = require("@kbox-labs/react-echarts");
 var import_react_resize_detector = require("react-resize-detector");
+var import_echarts_for_react = __toESM(require("echarts-for-react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
 function Chart(props) {
   const { width, height, ref } = (0, import_react_resize_detector.useResizeDetector)({
@@ -46,7 +56,7 @@ function Chart(props) {
     refreshMode: "debounce",
     refreshRate: 100
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_echarts.EChart, __spreadValues({ style: { width, height } }, props)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_echarts_for_react.default, __spreadValues({ style: { width, height } }, props)) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/chart/chart.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/chart/chart.tsx"],"sourcesContent":["import React from 'react';\nimport { EChart } from '@kbox-labs/react-echarts';\nimport type { EChartProps } from '@kbox-labs/react-echarts';\nimport { useResizeDetector } from 'react-resize-detector';\n\nexport type ChartProps = EChartProps;\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  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <EChart style={{ width, height }} {...props} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAAuB;AAEvB,mCAAkC;AAa5B;AATC,SAAS,MAAM,OAAgC;AACpD,QAAM,EAAE,OAAO,QAAQ,IAAI,QAAI,gDAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,SACE,4CAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD,sDAAC,8CAAO,OAAO,EAAE,OAAO,OAAO,KAAO,MAAO,GAC/C;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/chart/chart.tsx"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\n\nexport type ChartProps = React.ComponentProps<typeof ReactECharts>;\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  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <ReactECharts style={{ width, height }} {...props} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mCAAkC;AAClC,+BAAyB;AAanB;AATC,SAAS,MAAM,OAAgC;AACpD,QAAM,EAAE,OAAO,QAAQ,IAAI,QAAI,gDAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,SACE,4CAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD,sDAAC,yBAAAA,SAAA,iBAAa,OAAO,EAAE,OAAO,OAAO,KAAO,MAAO,GACrD;AAEJ;","names":["ReactECharts"]}

package/dist/chart/chart.d.cts

@@ -1,6 +1,7 @@
-import { EChartProps } from '@kbox-labs/react-echarts';
+import React from 'react';
+import ReactECharts from 'echarts-for-react';
 
-type ChartProps = EChartProps;
+type ChartProps = React.ComponentProps<typeof ReactECharts>;
 declare function Chart(props: ChartProps): JSX.Element;
 
 export { Chart, type ChartProps };

package/dist/chart/chart.d.ts

@@ -1,6 +1,7 @@
-import { EChartProps } from '@kbox-labs/react-echarts';
+import React from 'react';
+import ReactECharts from 'echarts-for-react';
 
-type ChartProps = EChartProps;
+type ChartProps = React.ComponentProps<typeof ReactECharts>;
 declare function Chart(props: ChartProps): JSX.Element;
 
 export { Chart, type ChartProps };

package/dist/chart/chart.js

@@ -3,8 +3,8 @@ import {
 } from "../chunk-LGTAQGUA.js";
 
 // src/chart/chart.tsx
-import { EChart } from "@kbox-labs/react-echarts";
 import { useResizeDetector } from "react-resize-detector";
+import ReactECharts from "echarts-for-react";
 import { jsx } from "react/jsx-runtime";
 function Chart(props) {
   const { width, height, ref } = useResizeDetector({
@@ -12,7 +12,7 @@ function Chart(props) {
     refreshMode: "debounce",
     refreshRate: 100
   });
-  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(EChart, __spreadValues({ style: { width, height } }, props)) });
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(ReactECharts, __spreadValues({ style: { width, height } }, props)) });
 }
 export {
   Chart

package/dist/chart/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/chart/chart.tsx"],"sourcesContent":["import React from 'react';\nimport { EChart } from '@kbox-labs/react-echarts';\nimport type { EChartProps } from '@kbox-labs/react-echarts';\nimport { useResizeDetector } from 'react-resize-detector';\n\nexport type ChartProps = EChartProps;\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  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <EChart style={{ width, height }} {...props} />\n    </div>\n  );\n}\n"],"mappings":";;;;;AACA,SAAS,cAAc;AAEvB,SAAS,yBAAyB;AAa5B;AATC,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,SACE,oBAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD,8BAAC,yBAAO,OAAO,EAAE,OAAO,OAAO,KAAO,MAAO,GAC/C;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/chart/chart.tsx"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\n\nexport type ChartProps = React.ComponentProps<typeof ReactECharts>;\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  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <ReactECharts style={{ width, height }} {...props} />\n    </div>\n  );\n}\n"],"mappings":";;;;;AACA,SAAS,yBAAyB;AAClC,OAAO,kBAAkB;AAanB;AATC,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,SACE,oBAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD,8BAAC,+BAAa,OAAO,EAAE,OAAO,OAAO,KAAO,MAAO,GACrD;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "private": false,
   "type": "module",
   "exports": {
@@ -54,9 +54,11 @@
     "dist/**"
   ],
   "dependencies": {
-    "@kbox-labs/react-echarts": "^1.2.0",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/themes": "^3.1.1",
+    "echarts-for-react": "^3.0.2",
+    "i": "^0.3.7",
+    "npm": "^10.8.2",
     "react": "^18.3.1",
     "react-datepicker": "^7.3.0",
     "react-dom": "^18.3.1",

package/src/chart/chart.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
-import { EChart } from '@kbox-labs/react-echarts';
-import type { EChartProps } from '@kbox-labs/react-echarts';
 import { useResizeDetector } from 'react-resize-detector';
+import ReactECharts from 'echarts-for-react';
 
-export type ChartProps = EChartProps;
+export type ChartProps = React.ComponentProps<typeof ReactECharts>;
 
 export function Chart(props: ChartProps): JSX.Element {
   const { width, height, ref } = useResizeDetector({
@@ -14,7 +13,7 @@ export function Chart(props: ChartProps): JSX.Element {
 
   return (
     <div ref={ref} style={{ width: '100%', height: '100%' }}>
-      <EChart style={{ width, height }} {...props} />
+      <ReactECharts style={{ width, height }} {...props} />
     </div>
   );
 }