@trackunit/react-chart-components 1.6.66 → 1.6.68

package/index.cjs.js

@@ -165,7 +165,7 @@ 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, showLoading, className, style, onChartReady, onClick, onEvents, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
+const Chart = ({ options, showLoading = false, className, style, onChartReady, onClick, onEvents, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
     const containerStyle = {
         height: style?.height ?? "300px",
         width: style?.width ?? "100%",
@@ -284,7 +284,7 @@ const useLimitDataSet = (data, limit, autoSortData = true) => {
  * @param {DonutChartProps} props - The props for the Chart component
  * @returns {ReactElement} Chart component
  */
-const DonutChart = ({ data, size = "full", loading, onClick, className, dataTestId, legendPosition = "Right", maxDataPoints = 6, showOthers = true, unit, overrideTotal, autoSortData = true, hideLegendValues = false, }) => {
+const DonutChart = ({ data, size = "full", loading = false, onClick, className, dataTestId, legendPosition = "Right", maxDataPoints = 6, showOthers = true, unit, overrideTotal, autoSortData = true, hideLegendValues = false, }) => {
     const containerRef = react.useRef(null);
     const chartRef = react.useRef(null);
     const totalValue = react.useMemo(() => overrideTotal ?? data?.map(item => item.value ?? 0).reduce((a, b) => a + b, 0) ?? 0, [data, overrideTotal]);
@@ -464,7 +464,7 @@ const cvaLegend = cssClassVarianceUtilities.cvaMerge(["flex", "overflow-auto"],
  * @param {BarChartProps} props - The props for the Chart component
  * @returns {ReactElement} Chart component
  */
-const BarChart = ({ series, loading, onClick, className, dataTestId, units, showDataZoom = false, }) => {
+const BarChart = ({ series, loading = false, onClick, className, dataTestId, units, showDataZoom = false, }) => {
     const { formatDate } = reactDateAndTimeHooks.useDateAndTime();
     const { chartColor } = useChartColor();
     const seriesData = react.useMemo(() => {

package/index.esm.js

@@ -144,7 +144,7 @@ const cvaEChart = cvaMerge(["w-full", "h-full"]);
  * The Chart component is a wrapper component for ECharts.
  * Handles events and click functionality.
  */
-const Chart = ({ options, showLoading, className, style, onChartReady, onClick, onEvents, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
+const Chart = ({ options, showLoading = false, className, style, onChartReady, onClick, onEvents, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
     const containerStyle = {
         height: style?.height ?? "300px",
         width: style?.width ?? "100%",
@@ -263,7 +263,7 @@ const useLimitDataSet = (data, limit, autoSortData = true) => {
  * @param {DonutChartProps} props - The props for the Chart component
  * @returns {ReactElement} Chart component
  */
-const DonutChart = ({ data, size = "full", loading, onClick, className, dataTestId, legendPosition = "Right", maxDataPoints = 6, showOthers = true, unit, overrideTotal, autoSortData = true, hideLegendValues = false, }) => {
+const DonutChart = ({ data, size = "full", loading = false, onClick, className, dataTestId, legendPosition = "Right", maxDataPoints = 6, showOthers = true, unit, overrideTotal, autoSortData = true, hideLegendValues = false, }) => {
     const containerRef = useRef(null);
     const chartRef = useRef(null);
     const totalValue = useMemo(() => overrideTotal ?? data?.map(item => item.value ?? 0).reduce((a, b) => a + b, 0) ?? 0, [data, overrideTotal]);
@@ -443,7 +443,7 @@ const cvaLegend = cvaMerge(["flex", "overflow-auto"], {
  * @param {BarChartProps} props - The props for the Chart component
  * @returns {ReactElement} Chart component
  */
-const BarChart = ({ series, loading, onClick, className, dataTestId, units, showDataZoom = false, }) => {
+const BarChart = ({ series, loading = false, onClick, className, dataTestId, units, showDataZoom = false, }) => {
     const { formatDate } = useDateAndTime();
     const { chartColor } = useChartColor();
     const seriesData = useMemo(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-chart-components",
-  "version": "1.6.66",
+  "version": "1.6.68",
   "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.6.48",
-    "@trackunit/react-date-and-time-hooks": "1.6.52",
-    "@trackunit/ui-design-tokens": "1.6.50",
-    "@trackunit/shared-utils": "1.8.48",
-    "@trackunit/css-class-variance-utilities": "1.6.48",
-    "@trackunit/react-components": "1.8.21",
-    "@trackunit/react-test-setup": "1.3.48"
+    "@trackunit/date-and-time-utils": "1.6.50",
+    "@trackunit/react-date-and-time-hooks": "1.6.54",
+    "@trackunit/ui-design-tokens": "1.6.52",
+    "@trackunit/shared-utils": "1.8.50",
+    "@trackunit/css-class-variance-utilities": "1.6.50",
+    "@trackunit/react-components": "1.8.23",
+    "@trackunit/react-test-setup": "1.3.50"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",