aefis-core-ui 2.1.18 → 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"] = {
@@ -10516,10 +10517,8 @@ const RichDataTable = /*#__PURE__*/forwardRef(function RichDatatable(props, ref)
   const [enableTableRowAction, setEnableTableRowAction] = useState(false);
   const [selectedRowCount, setSelectedRowCount] = useState(0);
   const [filterPanelState, setFilterPanelState] = useState(initialFilterState);
-  console.log("filterPanelState ", filterPanelState);
   const {
-    info,
-    error
+    info
   } = useNotify();
   const queryParams = _extends({}, props.parameters, {
     filter: _extends({}, filterPanelState.filter, props.filterParameters),
@@ -13560,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,
@@ -13641,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();
@@ -13671,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,
@@ -13692,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) => {
@@ -13740,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. */
@@ -13757,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) => {