@trackunit/react-chart-components 1.3.174 → 1.3.181

package/index.cjs.js

@@ -162,13 +162,13 @@ const cvaEChart = cssClassVarianceUtilities.cvaMerge(["w-full", "h-full"]);
  * The Chart component is a wrapper component for ECharts.
  * Handles events and click functionality.
  */
-const Chart = ({ options, unsafeOptions, showLoading, className, style, onChartReady, onClick, onEvents, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
+const Chart = ({ options, showLoading, className, style, onChartReady, onClick, onEvents, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
     const containerStyle = {
         height: style?.height ?? "300px",
         width: style?.width ?? "100%",
         ...style,
     };
-    return (jsxRuntime.jsx("div", { className: "grid h-full w-full grid-cols-1 grid-rows-1 items-center gap-1", "data-testid": dataTestId, style: containerStyle, children: showLoading ? (jsxRuntime.jsxs("div", { className: "grid place-items-center overflow-y-auto", "data-testid": `${dataTestId}-loading`, children: [jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered" }), loadingOption?.text ? (jsxRuntime.jsx(reactComponents.Text, { align: "center", subtle: true, children: loadingOption.text })) : null] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(EChart, { className: className, dataTestId: `${dataTestId}-chart`, notMerge: !merge, onChartReady: onChartReady, onClick: onClick, onEvents: onEvents, option: options ?? unsafeOptions, renderer: renderer, style: style }), timezoneLabel] })) }));
+    return (jsxRuntime.jsx("div", { className: "grid h-full w-full grid-cols-1 grid-rows-1 items-center gap-1", "data-testid": dataTestId, style: containerStyle, children: showLoading ? (jsxRuntime.jsxs("div", { className: "grid place-items-center overflow-y-auto", "data-testid": `${dataTestId}-loading`, children: [jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered" }), loadingOption?.text ? (jsxRuntime.jsx(reactComponents.Text, { align: "center", subtle: true, children: loadingOption.text })) : null] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(EChart, { className: className, dataTestId: `${dataTestId}-chart`, notMerge: !merge, onChartReady: onChartReady, onClick: onClick, onEvents: onEvents, option: options, renderer: renderer, style: style }), timezoneLabel] })) }));
 };
 
 const cvaLegendItem = cssClassVarianceUtilities.cvaMerge([

package/index.esm.js

@@ -141,13 +141,13 @@ const cvaEChart = cvaMerge(["w-full", "h-full"]);
  * The Chart component is a wrapper component for ECharts.
  * Handles events and click functionality.
  */
-const Chart = ({ options, unsafeOptions, showLoading, className, style, onChartReady, onClick, onEvents, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
+const Chart = ({ options, showLoading, className, style, onChartReady, onClick, onEvents, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
     const containerStyle = {
         height: style?.height ?? "300px",
         width: style?.width ?? "100%",
         ...style,
     };
-    return (jsx("div", { className: "grid h-full w-full grid-cols-1 grid-rows-1 items-center gap-1", "data-testid": dataTestId, style: containerStyle, children: showLoading ? (jsxs("div", { className: "grid place-items-center overflow-y-auto", "data-testid": `${dataTestId}-loading`, children: [jsx(Spinner, { centering: "centered" }), loadingOption?.text ? (jsx(Text, { align: "center", subtle: true, children: loadingOption.text })) : null] })) : (jsxs(Fragment, { children: [jsx(EChart, { className: className, dataTestId: `${dataTestId}-chart`, notMerge: !merge, onChartReady: onChartReady, onClick: onClick, onEvents: onEvents, option: options ?? unsafeOptions, renderer: renderer, style: style }), timezoneLabel] })) }));
+    return (jsx("div", { className: "grid h-full w-full grid-cols-1 grid-rows-1 items-center gap-1", "data-testid": dataTestId, style: containerStyle, children: showLoading ? (jsxs("div", { className: "grid place-items-center overflow-y-auto", "data-testid": `${dataTestId}-loading`, children: [jsx(Spinner, { centering: "centered" }), loadingOption?.text ? (jsx(Text, { align: "center", subtle: true, children: loadingOption.text })) : null] })) : (jsxs(Fragment, { children: [jsx(EChart, { className: className, dataTestId: `${dataTestId}-chart`, notMerge: !merge, onChartReady: onChartReady, onClick: onClick, onEvents: onEvents, option: options, renderer: renderer, style: style }), timezoneLabel] })) }));
 };
 
 const cvaLegendItem = cvaMerge([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-chart-components",
-  "version": "1.3.174",
+  "version": "1.3.181",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,13 +9,13 @@
   "dependencies": {
     "echarts": "5.6.0",
     "react": "19.0.0",
-    "@trackunit/date-and-time-utils": "1.3.133",
-    "@trackunit/react-date-and-time-hooks": "1.3.155",
-    "@trackunit/ui-design-tokens": "1.3.133",
-    "@trackunit/shared-utils": "1.5.133",
-    "@trackunit/css-class-variance-utilities": "1.3.133",
-    "@trackunit/react-components": "1.4.164",
-    "@trackunit/react-test-setup": "1.0.23"
+    "@trackunit/date-and-time-utils": "1.3.140",
+    "@trackunit/react-date-and-time-hooks": "1.3.162",
+    "@trackunit/ui-design-tokens": "1.3.138",
+    "@trackunit/shared-utils": "1.5.140",
+    "@trackunit/css-class-variance-utilities": "1.3.140",
+    "@trackunit/react-components": "1.4.171",
+    "@trackunit/react-test-setup": "1.0.30"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/Chart/Chart.d.ts

@@ -2,35 +2,11 @@ import { CommonProps } from "@trackunit/react-components";
 import type { ECElementEvent, ECharts, EChartsOption } from "echarts";
 import { CSSProperties, ReactElement, ReactNode } from "react";
 import { type EventName } from "../EChart/EChart";
-interface UnsafeOptions {
-    [key: string]: any;
-}
-type UnsafeOptionsCondition = {
-    /**
-     * Option values for EChart.
-     */
-    options?: never;
-    /**
-     * Option values for EChart. Not typed.
-     *
-     * @deprecated Use options instead. Will be removed in next major version.
-     */
-    unsafeOptions: UnsafeOptions;
-};
-type SafeOptionsCondition = {
+export type ChartProps = CommonProps & {
     /**
      * Option values for EChart.
      */
     options: EChartsOption;
-    /**
-     * Option values for EChart. Not typed.
-     *
-     * @deprecated Use options instead. Will be removed in next major version.
-     */
-    unsafeOptions?: never;
-};
-type ConditionalChartOptions = UnsafeOptionsCondition | SafeOptionsCondition;
-export type ChartProps = CommonProps & ConditionalChartOptions & {
     /**
      * Whether or not to show the preloader.
      */
@@ -83,5 +59,4 @@ export type ChartProps = CommonProps & ConditionalChartOptions & {
  * The Chart component is a wrapper component for ECharts.
  * Handles events and click functionality.
  */
-export declare const Chart: ({ options, unsafeOptions, showLoading, className, style, onChartReady, onClick, onEvents, merge, loadingOption, timezoneLabel, renderer, dataTestId, }: ChartProps) => ReactElement;
-export {};
+export declare const Chart: ({ options, showLoading, className, style, onChartReady, onClick, onEvents, merge, loadingOption, timezoneLabel, renderer, dataTestId, }: ChartProps) => ReactElement;