@trackunit/react-components 0.0.50 → 0.0.51

package/index.js

@@ -1308,6 +1308,8 @@ const Chart = ({
   timezoneLabel,
   renderer = "canvas"
 }) => {
+  var _a, _b;
+
   const echartsRef = React.useRef(null);
   const eventHandlers = React.useMemo(() => {
     const values = {};
@@ -1345,28 +1347,13 @@ const Chart = ({
       }
     };
   }, [onClick, echartsRef]);
-
-  const getTypesafeDimension = dimension => {
-    if (typeof dimension === "string") {
-      return dimension;
-    } else if (typeof dimension === "number") {
-      return `${dimension}px`;
+  return jsx(ChartContainer, Object.assign({
+    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%"
     }
-
-    return "auto";
-  };
-
-  const classDimensions = React.useMemo(() => {
-    var _a, _b;
-
-    const height = (_a = style === null || style === void 0 ? void 0 : style.height) !== null && _a !== void 0 ? _a : "300px";
-    const width = (_b = style === null || style === void 0 ? void 0 : style.width) !== null && _b !== void 0 ? _b : "100%";
-    return `h-[${getTypesafeDimension(height)}] w-[${getTypesafeDimension(width)}]`;
-  }, [style === null || style === void 0 ? void 0 : style.height, style === null || style === void 0 ? void 0 : style.width]);
-  return jsx(ChartContainer, {
-    children: showLoading ? jsxs(SpinnerContainer, Object.assign({
-      dimensions: classDimensions
-    }, {
+  }, {
+    children: showLoading ? jsxs(SpinnerContainer, {
       children: [jsx(Spinner, {
         centered: true
       }), (loadingOption === null || loadingOption === void 0 ? void 0 : loadingOption.text) && jsx(Text, Object.assign({
@@ -1375,7 +1362,7 @@ const Chart = ({
       }, {
         children: loadingOption.text
       }))]
-    })) : jsxs(Fragment, {
+    }) : jsxs(Fragment, {
       children: [jsx(EChart, {
         ref: echartsRef,
         option: options,
@@ -1391,11 +1378,10 @@ const Chart = ({
         onChartReady: onChartReady
       }), timezoneLabel]
     })
-  });
+  }));
 };
 const SpinnerContainer = tw.div`
   chart-spinner-container
-  ${p => `${p.dimensions}`}
 `;
 const ChartContainer = tw.div`
   chart-container

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "repository": "https://github.com/Trackunit/manager",
   "license": "MIT",
   "dependencies": {