@connectif/ui-components 5.2.1 → 5.2.2
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/CHANGELOG.md
CHANGED
|
@@ -88,9 +88,13 @@ export type DonutChartProps = {
|
|
|
88
88
|
* Function used to set specified tooltip.
|
|
89
89
|
*/
|
|
90
90
|
getTooltip?: (param: CallbackDataParams) => React.ReactNode;
|
|
91
|
+
/**
|
|
92
|
+
* To show or not the icon.
|
|
93
|
+
*/
|
|
94
|
+
showIcon?: boolean;
|
|
91
95
|
};
|
|
92
96
|
/**
|
|
93
97
|
* A donut chart component to display numeric data grouped by categories and series.
|
|
94
98
|
*/
|
|
95
|
-
declare const DonutChart: ({ style, isLoading, series, startAngle, innerWidth, tooltipEntryFormatter, getTooltip, onClick }: DonutChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
99
|
+
declare const DonutChart: ({ style, isLoading, series, startAngle, innerWidth, tooltipEntryFormatter, getTooltip, onClick, showIcon }: DonutChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
96
100
|
export default DonutChart;
|
package/dist/index.js
CHANGED
|
@@ -1898,6 +1898,7 @@ import {
|
|
|
1898
1898
|
mdiMailbox,
|
|
1899
1899
|
mdiMap,
|
|
1900
1900
|
mdiMapMarker,
|
|
1901
|
+
mdiMapMarkerAccount,
|
|
1901
1902
|
mdiMapMarkerCircle,
|
|
1902
1903
|
mdiMapMarkerMinus,
|
|
1903
1904
|
mdiMapMarkerMultiple,
|
|
@@ -3779,6 +3780,7 @@ var icons = {
|
|
|
3779
3780
|
mailbox: mdiMailbox,
|
|
3780
3781
|
map: mdiMap,
|
|
3781
3782
|
"map-marker": mdiMapMarker,
|
|
3783
|
+
"map-marker-account": mdiMapMarkerAccount,
|
|
3782
3784
|
"map-marker-circle": mdiMapMarkerCircle,
|
|
3783
3785
|
"map-marker-minus": mdiMapMarkerMinus,
|
|
3784
3786
|
"map-marker-multiple": mdiMapMarkerMultiple,
|
|
@@ -13595,11 +13597,12 @@ var DonutChart = ({
|
|
|
13595
13597
|
style: style3,
|
|
13596
13598
|
isLoading,
|
|
13597
13599
|
series = [],
|
|
13598
|
-
startAngle,
|
|
13600
|
+
startAngle = 20,
|
|
13599
13601
|
innerWidth,
|
|
13600
13602
|
tooltipEntryFormatter,
|
|
13601
13603
|
getTooltip,
|
|
13602
|
-
onClick
|
|
13604
|
+
onClick,
|
|
13605
|
+
showIcon
|
|
13603
13606
|
}) => {
|
|
13604
13607
|
const mainMetricWidth = 20;
|
|
13605
13608
|
const comparisonMetricWidth = 10;
|
|
@@ -13757,6 +13760,20 @@ var DonutChart = ({
|
|
|
13757
13760
|
},
|
|
13758
13761
|
children: isLoading ? /* @__PURE__ */ jsx75(Skeleton_default, { variant: "rectangular", height: "100%", width: "100%" }) : /* @__PURE__ */ jsxs33(Fragment13, { children: [
|
|
13759
13762
|
/* @__PURE__ */ jsxs33(Box_default2, { sx: { flexGrow: 1, position: "relative" }, children: [
|
|
13763
|
+
showIcon && /* @__PURE__ */ jsx75(
|
|
13764
|
+
Icon_default,
|
|
13765
|
+
{
|
|
13766
|
+
id: "map-marker-account",
|
|
13767
|
+
size: "L",
|
|
13768
|
+
sx: {
|
|
13769
|
+
position: "absolute",
|
|
13770
|
+
top: 0,
|
|
13771
|
+
left: "50%",
|
|
13772
|
+
transform: "translate(-50%, -50%)",
|
|
13773
|
+
zIndex: 10
|
|
13774
|
+
}
|
|
13775
|
+
}
|
|
13776
|
+
),
|
|
13760
13777
|
title,
|
|
13761
13778
|
/* @__PURE__ */ jsx75(
|
|
13762
13779
|
ReactEChartsCore3,
|