aefis-core-ui 2.1.19 → 2.1.20

package/dist/index.modern.js

@@ -4797,7 +4797,8 @@ const ListItem = props => {
     style: listItemStyle,
     disabled: props.disabled,
     dense: props.dense,
-    selected: props.selected
+    selected: props.selected,
+    component: "li"
   };
   if (props.display === "horizontal") {
     listItemArgs["sx"] = {
@@ -13558,7 +13559,7 @@ const color = percent => {
   return percent ? dynamicSuccess[percent] : inProgress["default"];
 };
 const Chart = props => {
-  let bgColor = props.dynamicColor ? color(props.percentValue) : props.showComplete && props.percentValue === 100 ? goalMet["default"] : color();
+  const bgColor = props.customSeriesColor || (props.dynamicColor ? color(props.percentValue) : props.showComplete && props.percentValue === 100 ? goalMet["default"] : color());
   const XSmallSlider = withStyles$1({
     root: {
       borderRadius: 10,
@@ -13639,7 +13640,8 @@ Chart.propTypes = {
   percentValue: PropTypes.number,
   showComplete: PropTypes.any,
   size: PropTypes.string,
-  label: PropTypes.string
+  label: PropTypes.string,
+  customSeriesColor: PropTypes.string
 };
 const SliderChart = props => {
   const classes = useStyles$a();
@@ -13669,7 +13671,7 @@ const SliderChart = props => {
     }), props.title && props.title !== "" && props.showTitle && /*#__PURE__*/jsx(Typography, {
       variant: "h3",
       sx: titleStyle,
-      component: "span",
+      component: props.titleComponent,
       children: props.title
     }), /*#__PURE__*/jsxs(Box$1, {
       className: classes.chartContainer,
@@ -13690,17 +13692,22 @@ const SliderChart = props => {
     })]
   });
 };
+SliderChart.defaultProps = {
+  titleComponent: "div"
+};
 SliderChart.propTypes = {
   dynamicColor: PropTypes.bool,
   height: PropTypes.any,
   percentValue: PropTypes.any,
   size: PropTypes.string,
   title: PropTypes.string,
+  titleComponent: PropTypes.any,
   subtitle: PropTypes.string,
   width: PropTypes.any,
   color: PropTypes.any,
   description: PropTypes.string,
-  showTitle: PropTypes.bool
+  showTitle: PropTypes.bool,
+  customSeriesColor: PropTypes.string
 };
 
 const getPercent = (total, value, roundPercent) => {
@@ -13738,6 +13745,8 @@ ProgressChart.propTypes = {
   description: PropTypes.string,
   /** The title of the progress chart. */
   title: PropTypes.string,
+  /** The component to use to render the title.  Only available in slider charts. */
+  titleComponent: PropTypes.string,
   /** The subtitle of the progress chart. */
   subtitle: PropTypes.string,
   /** For "circle" progress chart, the main display value.  Default is the percentage. */
@@ -13755,7 +13764,9 @@ ProgressChart.propTypes = {
   /** Automatically round the percentage value. */
   roundPercent: PropTypes.bool,
   /** Even if title given, do not display it. */
-  showTitle: PropTypes.bool
+  showTitle: PropTypes.bool,
+  /** If provided, will override the color the the series of the chart. Only active for slider charts. */
+  customSeriesColor: PropTypes.string
 };
 
 const sortObjectBy = (field, reverse, primer) => {