@ammarkhalidfarooq/dashboard-package 0.4.54 → 0.4.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +51 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +51 -4
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -563,7 +563,10 @@ var RenderChartCard = function RenderChartCard(_ref) {
|
|
|
563
563
|
},
|
|
564
564
|
children: item.hideControls ? item.series && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
|
|
565
565
|
sx: {
|
|
566
|
-
display:
|
|
566
|
+
display: {
|
|
567
|
+
xs: "none",
|
|
568
|
+
sm: "flex"
|
|
569
|
+
},
|
|
567
570
|
gap: 2,
|
|
568
571
|
alignItems: "center"
|
|
569
572
|
},
|
|
@@ -625,12 +628,12 @@ var RenderChartCard = function RenderChartCard(_ref) {
|
|
|
625
628
|
})]
|
|
626
629
|
})
|
|
627
630
|
})]
|
|
628
|
-
}), /*#__PURE__*/jsxRuntime.
|
|
631
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
629
632
|
sx: {
|
|
630
633
|
flexGrow: 1,
|
|
631
634
|
minHeight: isPrimary ? "250px" : "200px"
|
|
632
635
|
},
|
|
633
|
-
children: /*#__PURE__*/jsxRuntime.jsx(RevenueChart, {
|
|
636
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(RevenueChart, {
|
|
634
637
|
id: "".concat(item.label, "-").concat(index),
|
|
635
638
|
metric: item.label.includes("Rate") || item.label.includes("Performance") || item.label.includes("source") || item.label === "URL" ? "Percent" : item.stacked ? item.label.includes("Traffic") ? "Visitors" : "Donors" : metric,
|
|
636
639
|
data: item.data,
|
|
@@ -641,7 +644,51 @@ var RenderChartCard = function RenderChartCard(_ref) {
|
|
|
641
644
|
type: type || item.type || "area",
|
|
642
645
|
colors: item.colors,
|
|
643
646
|
showLegend: !item.hideControls
|
|
644
|
-
})
|
|
647
|
+
}), item.hideControls && item.series && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
|
|
648
|
+
sx: {
|
|
649
|
+
display: {
|
|
650
|
+
xs: "flex",
|
|
651
|
+
sm: "none"
|
|
652
|
+
},
|
|
653
|
+
justifyContent: "center",
|
|
654
|
+
gap: 2,
|
|
655
|
+
flexWrap: "wrap",
|
|
656
|
+
mt: 1.5
|
|
657
|
+
},
|
|
658
|
+
children: [{
|
|
659
|
+
label: "Paid Ads",
|
|
660
|
+
color: "#6366F1"
|
|
661
|
+
}, {
|
|
662
|
+
label: "Organic",
|
|
663
|
+
color: "#10B981"
|
|
664
|
+
}, {
|
|
665
|
+
label: "Email",
|
|
666
|
+
color: "#06B6D4"
|
|
667
|
+
}].map(function (leg) {
|
|
668
|
+
return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
669
|
+
sx: {
|
|
670
|
+
display: "flex",
|
|
671
|
+
alignItems: "center",
|
|
672
|
+
gap: 0.5
|
|
673
|
+
},
|
|
674
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
|
|
675
|
+
sx: {
|
|
676
|
+
width: 8,
|
|
677
|
+
height: 8,
|
|
678
|
+
borderRadius: "50%",
|
|
679
|
+
bgcolor: leg.color
|
|
680
|
+
}
|
|
681
|
+
}), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
682
|
+
sx: {
|
|
683
|
+
fontSize: "11px",
|
|
684
|
+
color: "rgba(0,0,0,0.6)",
|
|
685
|
+
fontWeight: 500
|
|
686
|
+
},
|
|
687
|
+
children: leg.label
|
|
688
|
+
})]
|
|
689
|
+
}, leg.label);
|
|
690
|
+
})
|
|
691
|
+
})]
|
|
645
692
|
}), item.footer && /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
646
693
|
sx: {
|
|
647
694
|
display: "flex",
|