@tipp/ui 0.1.3 → 0.1.4

package/dist/chart/chart.cjs

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/chart/chart.tsx
+var chart_exports = {};
+__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_jsx_runtime = require("react/jsx-runtime");
+function Chart(props) {
+  const { width, height, ref } = (0, import_react_resize_detector.useResizeDetector)({
+    handleHeight: false,
+    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)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Chart
+});
+//# sourceMappingURL=chart.cjs.map

package/dist/chart/chart.cjs.map

@@ -0,0 +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":[]}

package/dist/chart/chart.d.cts

@@ -0,0 +1,6 @@
+import { EChartProps } from '@kbox-labs/react-echarts';
+
+type ChartProps = EChartProps;
+declare function Chart(props: ChartProps): JSX.Element;
+
+export { Chart, type ChartProps };

package/dist/chart/chart.d.ts

@@ -0,0 +1,6 @@
+import { EChartProps } from '@kbox-labs/react-echarts';
+
+type ChartProps = EChartProps;
+declare function Chart(props: ChartProps): JSX.Element;
+
+export { Chart, type ChartProps };

package/dist/chart/chart.js

@@ -0,0 +1,20 @@
+import {
+  __spreadValues
+} from "../chunk-LGTAQGUA.js";
+
+// src/chart/chart.tsx
+import { EChart } from "@kbox-labs/react-echarts";
+import { useResizeDetector } from "react-resize-detector";
+import { jsx } from "react/jsx-runtime";
+function Chart(props) {
+  const { width, height, ref } = useResizeDetector({
+    handleHeight: false,
+    refreshMode: "debounce",
+    refreshRate: 100
+  });
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(EChart, __spreadValues({ style: { width, height } }, props)) });
+}
+export {
+  Chart
+};
+//# sourceMappingURL=chart.js.map

package/dist/chart/chart.js.map

@@ -0,0 +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":[]}

package/dist/index.js

@@ -1,3 +1,6 @@
+import {
+  Tooltip
+} from "./chunk-ACVANQJ4.js";
 import {
   ThemeProvider
 } from "./chunk-LREYUDKD.js";
@@ -10,6 +13,9 @@ import {
 import {
   DatePicker
 } from "./chunk-D5QWAVBB.js";
+import {
+  Skeleton
+} from "./chunk-5H3YPCZK.js";
 import {
   Strong
 } from "./chunk-74DX4CU7.js";
@@ -32,8 +38,8 @@ import {
   Text
 } from "./chunk-DYUKDKUS.js";
 import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
+  RadioCards
+} from "./chunk-6IVCARWS.js";
 import {
   RadioGroup
 } from "./chunk-6DJOIRMF.js";
@@ -56,8 +62,8 @@ import {
   Separator
 } from "./chunk-HYITAA4J.js";
 import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
+  HoverCard
+} from "./chunk-O3T3TM3V.js";
 import {
   IconButton
 } from "./chunk-O3DNDMV3.js";
@@ -80,8 +86,8 @@ import {
   Quote
 } from "./chunk-YO3BQW6S.js";
 import {
-  RadioCards
-} from "./chunk-6IVCARWS.js";
+  Container
+} from "./chunk-Q37G2GS6.js";
 import {
   DataList
 } from "./chunk-VTJZMOSP.js";
@@ -104,8 +110,8 @@ import {
   Heading
 } from "./chunk-MYTJIEMB.js";
 import {
-  HoverCard
-} from "./chunk-O3T3TM3V.js";
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   Button
 } from "./chunk-LFJCZVNE.js";
@@ -127,9 +133,6 @@ import {
 import {
   Code
 } from "./chunk-OHMOP5PV.js";
-import {
-  Container
-} from "./chunk-Q37G2GS6.js";
 import {
   BookmarkIcon,
   ChatBubbleIcon,
@@ -155,9 +158,6 @@ import {
 import {
   Blockquote
 } from "./chunk-YGL6SWKN.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
 import "./chunk-LGTAQGUA.js";
 export {
   AlertDialog,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "private": false,
   "type": "module",
   "exports": {
@@ -34,6 +34,16 @@
         "default": "./dist/theme/theme-provider.js"
       }
     },
+    "./chart": {
+      "require": {
+        "types": "./dist/chart/chart.d.ts",
+        "default": "./dist/chart/chart.cjs"
+      },
+      "import": {
+        "types": "./dist/chart/chart.d.ts",
+        "default": "./dist/chart/chart.js"
+      }
+    },
     "./*": "./*"
   },
   "main": "dist/index.js",
@@ -44,6 +54,7 @@
     "dist/**"
   ],
   "dependencies": {
+    "@kbox-labs/react-echarts": "^1.2.0",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/themes": "^3.1.1",
     "react": "^18.3.1",
@@ -65,8 +76,8 @@
     "postcss-nesting": "12.0.2",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "@tipp/eslint-config": "0.2.1",
-    "@tipp/typescript-config": "0.0.2"
+    "@tipp/eslint-config": "0.2.2",
+    "@tipp/typescript-config": "0.0.3"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:css",

package/src/chart/chart.tsx

@@ -0,0 +1,20 @@
+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';
+
+export type ChartProps = EChartProps;
+
+export function Chart(props: ChartProps): JSX.Element {
+  const { width, height, ref } = useResizeDetector({
+    handleHeight: false,
+    refreshMode: 'debounce',
+    refreshRate: 100,
+  });
+
+  return (
+    <div ref={ref} style={{ width: '100%', height: '100%' }}>
+      <EChart style={{ width, height }} {...props} />
+    </div>
+  );
+}