@ttoss/react-dashboard 0.3.4 → 0.3.5

package/dist/esm/index.js

@@ -11,7 +11,7 @@ import { Divider as Divider2, Flex as Flex7 } from "@ttoss/ui";
 
 // src/DashboardGrid.tsx
 import "react-grid-layout/css/styles.css";
-import { Box as Box3, Flex as Flex4, Spinner } from "@ttoss/ui";
+import { Box as Box3, Flex as Flex4, Global, Spinner } from "@ttoss/ui";
 import { Responsive, WidthProvider } from "react-grid-layout";
 
 // src/Cards/BigNumber.tsx
@@ -80,9 +80,12 @@ var CardWrapper = /* @__PURE__ */__name(({
     title
   }, title), description && /* @__PURE__ */React.createElement(TooltipIcon, {
     variant: "info",
-    icon: "ant-design:info-circle-outlined",
+    icon: "info",
     tooltip: {
-      children: description
+      children: description,
+      sx: {
+        maxWidth: "300px"
+      }
     },
     sx: {
       fontSize: "sm",
@@ -197,7 +200,7 @@ var BigNumber = /* @__PURE__ */__name(props => {
       color: getTrendColor(props.trend).color,
       backgroundColor: getTrendColor(props.trend).backgroundColor,
       padding: "1",
-      fontSize: "2xs",
+      fontSize: "xs",
       fontWeight: "bold",
       borderRadius: "sm",
       display: "flex",
@@ -205,17 +208,17 @@ var BigNumber = /* @__PURE__ */__name(props => {
     }
   }, props.trend.status === "positive" ? /* @__PURE__ */React.createElement(Icon, {
     icon: "mdi:arrow-up",
-    width: 10
+    width: 12
   }) : props.trend.status === "negative" ? /* @__PURE__ */React.createElement(Icon, {
     icon: "mdi:arrow-down",
-    width: 10
+    width: 12
   }) : /* @__PURE__ */React.createElement(Icon, {
     icon: "mdi:minus",
-    width: 10
+    width: 12
   }), props.trend.value.toFixed(1), "%", " "), /* @__PURE__ */React.createElement(Text, {
     sx: {
       color: "input.background.muted.disabled",
-      fontSize: "2xs",
+      fontSize: "xs",
       fontWeight: "medium"
     }
   }, props.trend ? "vs. anterior" : "")), props.additionalInfo && /* @__PURE__ */React.createElement(Text, {
@@ -333,7 +336,13 @@ var DashboardGrid = /* @__PURE__ */__name(({
       width: "100%",
       height: "full"
     }
-  }, loading ? /* @__PURE__ */React.createElement(Flex4, {
+  }, /* @__PURE__ */React.createElement(Global, {
+    styles: {
+      ".react-grid-item:has([data-tooltip-id]:hover)": {
+        zIndex: 1
+      }
+    }
+  }), loading ? /* @__PURE__ */React.createElement(Flex4, {
     sx: {
       width: "100%",
       height: "full",
@@ -345,7 +354,7 @@ var DashboardGrid = /* @__PURE__ */__name(({
     layouts,
     breakpoints,
     cols,
-    rowHeight: 30,
+    rowHeight: 32,
     margin: [10, 10],
     containerPadding: [0, 0]
   }, selectedTemplate.grid.map(item => {
@@ -424,6 +433,7 @@ import { FormFieldDatePicker } from "@ttoss/forms";
 import { FormProvider, useForm } from "@ttoss/forms";
 import * as React3 from "react";
 var DateRangeFilter = /* @__PURE__ */__name(({
+  sx,
   label,
   value,
   presets,
@@ -464,7 +474,8 @@ var DateRangeFilter = /* @__PURE__ */__name(({
   return /* @__PURE__ */React3.createElement(FormProvider, formMethods, /* @__PURE__ */React3.createElement(FormFieldDatePicker, {
     name: "dateRange",
     label,
-    presets
+    presets,
+    sx
   }));
 }, "DateRangeFilter");
 
@@ -603,6 +614,9 @@ var DashboardFilters = /* @__PURE__ */__name(() => {
         });
       case "date-range":
         return /* @__PURE__ */React6.createElement(DateRangeFilter, {
+          sx: {
+            minWidth: "auto"
+          },
           label: filter.label,
           key: filter.key,
           value: filter.value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-dashboard",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "ttoss dashboard module for React apps.",
   "license": "MIT",
   "author": "ttoss",
@@ -28,9 +28,9 @@
     "react-grid-layout": "^1.5.2",
     "@ttoss/components": "^2.12.6",
     "@ttoss/forms": "^0.40.1",
+    "@ttoss/react-icons": "^0.5.7",
     "@ttoss/react-i18n": "^2.0.26",
-    "@ttoss/ui": "^6.5.1",
-    "@ttoss/react-icons": "^0.5.7"
+    "@ttoss/ui": "^6.5.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0"