@trackunit/react-chart-components 0.0.336 → 0.0.338

package/index.cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
 var reactComponents = require('@trackunit/react-components');
@@ -9,10 +7,6 @@ var EChart = require('echarts-for-react');
 var react = require('react');
 var uiDesignTokens = require('@trackunit/ui-design-tokens');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var EChart__default = /*#__PURE__*/_interopDefaultLegacy(EChart);
-
 /**
  * The Chart component is a wrapper component for ECharts.
  *
@@ -72,7 +66,7 @@ const Chart = ({ options, unsafeOptions, showLoading, className, style, onChartR
             }
         };
     }, [onClick, echartsRef]);
-    return (jsxRuntime.jsx("div", { className: cvaChartContainer(), "data-testid": dataTestId, style: { height: (_a = style === null || style === void 0 ? void 0 : style.height) !== null && _a !== void 0 ? _a : "300px", width: (_b = style === null || style === void 0 ? void 0 : style.width) !== null && _b !== void 0 ? _b : "100%" }, children: showLoading ? (jsxRuntime.jsxs("div", { className: cvaChartSpinnerContainer(), "data-testid": `${dataTestId}-loading`, children: [jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered" }), (loadingOption === null || loadingOption === void 0 ? void 0 : loadingOption.text) ? (jsxRuntime.jsx(reactComponents.Text, { align: "center", subtle: true, children: loadingOption.text })) : null] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(EChart__default["default"], { className: className, notMerge: !merge, onChartReady: onChartReady, onEvents: eventHandlers, option: options !== null && options !== void 0 ? options : unsafeOptions, opts: { width: "auto", height: "auto", renderer: renderer }, ref: echartsRef, style: style }), timezoneLabel] })) }));
+    return (jsxRuntime.jsx("div", { className: cvaChartContainer(), "data-testid": dataTestId, style: { height: (_a = style === null || style === void 0 ? void 0 : style.height) !== null && _a !== void 0 ? _a : "300px", width: (_b = style === null || style === void 0 ? void 0 : style.width) !== null && _b !== void 0 ? _b : "100%" }, children: showLoading ? (jsxRuntime.jsxs("div", { className: cvaChartSpinnerContainer(), "data-testid": `${dataTestId}-loading`, children: [jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered" }), (loadingOption === null || loadingOption === void 0 ? void 0 : loadingOption.text) ? (jsxRuntime.jsx(reactComponents.Text, { align: "center", subtle: true, children: loadingOption.text })) : null] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(EChart, { className: className, notMerge: !merge, onChartReady: onChartReady, onEvents: eventHandlers, option: options !== null && options !== void 0 ? options : unsafeOptions, opts: { width: "auto", height: "auto", renderer: renderer }, ref: echartsRef, style: style }), timezoneLabel] })) }));
 };
 const cvaChartContainer = cssClassVarianceUtilities.cvaMerge(["grid", "gap-1", "grid-rows-1", "grid-cols-1", "h-full", "w-full", "items-center"]);
 const cvaChartSpinnerContainer = cssClassVarianceUtilities.cvaMerge(["grid", "place-items-center", "overflow-y-auto"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-chart-components",
-  "version": "0.0.336",
+  "version": "0.0.338",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,9 +11,10 @@
     "@trackunit/react-components": "*",
     "echarts": "^5.4.3",
     "echarts-for-react": "^3.0.2",
-    "react": "^18.2.0",
+    "react": "18.3.1",
     "@trackunit/ui-design-tokens": "*"
   },
   "module": "./index.esm.js",
-  "main": "./index.cjs.js"
-}
+  "main": "./index.cjs.js",
+  "types": "./index.esm.d.ts"
+}

package/src/KPI/KPIDonutChart.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DonutChartProps {
     /**
      * The color to be used for the count portion in the chart.
@@ -45,5 +44,5 @@ interface DonutChartProps {
     @param {number} totalCount - The total count of the KPI to be displayed.
     @returns {JSX.Element} - A donut chart displaying the KPI count and total count.
  */
-export declare const KPIDonutChart: ({ dataTestId, loading, countColor, totalCountColor, count, totalCount, }: DonutChartProps) => JSX.Element;
+export declare const KPIDonutChart: ({ dataTestId, loading, countColor, totalCountColor, count, totalCount, }: DonutChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/KPI/Kpi.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
 export interface KpiProps extends CommonProps {
     /**
@@ -72,4 +71,4 @@ export interface KpiProps extends CommonProps {
  * @param {boolean} inline - Boolean to control whether the KPI is displayed inline or not.
  * @returns {JSX.Element} Kpi component
  */
-export declare const Kpi: ({ className, dataTestId, showChart, count, description, totalCount, countColor, totalCountColor, suffix, inline, loading, }: KpiProps) => JSX.Element;
+export declare const Kpi: ({ className, dataTestId, showChart, count, description, totalCount, countColor, totalCountColor, suffix, inline, loading, }: KpiProps) => import("react/jsx-runtime").JSX.Element;

package/src/LegendItem/LegendItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LegendItemProps {
     label?: string;
     selected?: boolean;
@@ -14,4 +13,4 @@ export interface LegendItemProps {
  * @param {LegendItem} props - The props for the LegendItem component
  * @returns {JSX.Element} LegendItem component
  */
-export declare const LegendItem: ({ className, label, disabled, selected, onClick, color, dataTestId }: LegendItemProps) => JSX.Element;
+export declare const LegendItem: ({ className, label, disabled, selected, onClick, color, dataTestId }: LegendItemProps) => import("react/jsx-runtime").JSX.Element;

package/src/PieChart/PieChart.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
 type Size = "compact" | "full";
 export interface ChartData<TProps extends object = object> {