@ttoss/react-dashboard 0.3.5 → 0.3.7

package/dist/esm/index.js

@@ -159,16 +159,30 @@ var getTrendColor = /* @__PURE__ */__name(trend => {
   if (!trend) {
     return colors.neutral;
   }
-  const isGoodTrend = trend.type === "higher" && trend.status === "positive" || trend.type === "lower" && trend.status === "negative";
+  const isGoodTrend = trend.status === "positive";
   if (isGoodTrend) {
     return colors.positive;
   }
-  const isBadTrend = trend.type === "higher" && trend.status === "negative" || trend.type === "lower" && trend.status === "positive";
+  const isBadTrend = trend.status === "negative";
   if (isBadTrend) {
     return colors.negative;
   }
   return colors.neutral;
 }, "getTrendColor");
+var TrendIcon = /* @__PURE__ */__name(({
+  trend
+}) => {
+  let icon = "mdi:minus";
+  if (trend.type === "higher" && trend.status === "positive" || trend.type === "lower" && trend.status === "negative") {
+    icon = "mdi:arrow-up";
+  } else if (trend.type === "higher" && trend.status === "negative" || trend.type === "lower" && trend.status === "positive") {
+    icon = "mdi:arrow-down";
+  }
+  return /* @__PURE__ */React.createElement(Icon, {
+    icon,
+    width: 12
+  });
+}, "TrendIcon");
 var BigNumber = /* @__PURE__ */__name(props => {
   const total = props.data.meta?.total ?? props.data.api?.total ?? void 0;
   const formattedValue = formatNumber(total, props.numberType, props.numberDecimalPlaces);
@@ -190,7 +204,7 @@ var BigNumber = /* @__PURE__ */__name(props => {
       fontWeight: "bold",
       lineHeight: "1.2"
     }
-  }, formattedValue), props.trend && /* @__PURE__ */React.createElement(Flex2, {
+  }, formattedValue), typeof props.trend?.value === "number" && /* @__PURE__ */React.createElement(Flex2, {
     sx: {
       alignItems: "center",
       gap: "1"
@@ -206,15 +220,8 @@ var BigNumber = /* @__PURE__ */__name(props => {
       display: "flex",
       alignItems: "center"
     }
-  }, props.trend.status === "positive" ? /* @__PURE__ */React.createElement(Icon, {
-    icon: "mdi:arrow-up",
-    width: 12
-  }) : props.trend.status === "negative" ? /* @__PURE__ */React.createElement(Icon, {
-    icon: "mdi:arrow-down",
-    width: 12
-  }) : /* @__PURE__ */React.createElement(Icon, {
-    icon: "mdi:minus",
-    width: 12
+  }, /* @__PURE__ */React.createElement(TrendIcon, {
+    trend: props.trend
   }), props.trend.value.toFixed(1), "%", " "), /* @__PURE__ */React.createElement(Text, {
     sx: {
       color: "input.background.muted.disabled",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-dashboard",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "ttoss dashboard module for React apps.",
   "license": "MIT",
   "author": "ttoss",
@@ -26,11 +26,11 @@
   "dependencies": {
     "react-day-picker": "^9.13.0",
     "react-grid-layout": "^1.5.2",
-    "@ttoss/components": "^2.12.6",
-    "@ttoss/forms": "^0.40.1",
-    "@ttoss/react-icons": "^0.5.7",
+    "@ttoss/components": "^2.12.7",
+    "@ttoss/forms": "^0.40.2",
     "@ttoss/react-i18n": "^2.0.26",
-    "@ttoss/ui": "^6.5.1"
+    "@ttoss/ui": "^6.5.1",
+    "@ttoss/react-icons": "^0.5.7"
   },
   "peerDependencies": {
     "react": ">=16.8.0"