@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
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## [5.2.2] - 2026-02-11
4
+
5
+ ### Added
6
+
7
+ - New icon `map-marker-account`.
8
+ - New prop `showIcon` for optional icon in the `DonutChart` component.
9
+
3
10
  ## [5.2.1] - 2026-02-02
4
11
 
5
12
  ### Fixed
@@ -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;
@@ -1119,6 +1119,7 @@ export declare const icons: {
1119
1119
  mailbox: string;
1120
1120
  map: string;
1121
1121
  'map-marker': string;
1122
+ 'map-marker-account': string;
1122
1123
  'map-marker-circle': string;
1123
1124
  'map-marker-minus': string;
1124
1125
  'map-marker-multiple': string;
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,