sag_components 2.0.0-beta91 → 2.0.0-beta93

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.js CHANGED
@@ -25129,13 +25129,13 @@ const OneColumnContainer = props => {
25129
25129
  }))), isPercentOfChange && !isLoading && !hover && /*#__PURE__*/React__default["default"].createElement(PercentOfChange, {
25130
25130
  className: "PercentOfChange",
25131
25131
  isPercentDataPositive: PercentOfChangeData
25132
- }, PercentOfChangeData > 0 ? /*#__PURE__*/React__default["default"].createElement(UpArrowIcon, {
25132
+ }, PercentOfChangeData === null || PercentOfChangeData === undefined ? 'N/A' : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, PercentOfChangeData > 0 ? /*#__PURE__*/React__default["default"].createElement(UpArrowIcon, {
25133
25133
  width: "11",
25134
25134
  height: "10"
25135
25135
  }) : PercentOfChangeData < 0 ? /*#__PURE__*/React__default["default"].createElement(DownArrowIcon, {
25136
25136
  width: "11",
25137
25137
  height: "10"
25138
- }) : null, `${Math.abs(PercentOfChangeData)}%`), isLoading && /*#__PURE__*/React__default["default"].createElement(LoadingDiv, {
25138
+ }) : null, `${Math.abs(PercentOfChangeData ?? 0)}%`)), isLoading && /*#__PURE__*/React__default["default"].createElement(LoadingDiv, {
25139
25139
  className: "loadingDiv"
25140
25140
  }, /*#__PURE__*/React__default["default"].createElement(Skeleton.SkeletonTheme, {
25141
25141
  baseColor: "#EAEAEA"
@@ -33330,7 +33330,8 @@ const TwoBarCharts = props => {
33330
33330
  referenceLinePoint,
33331
33331
  referenceLineColor,
33332
33332
  referenceLineDashed,
33333
- showTooltip
33333
+ showTooltip,
33334
+ tooltipText = ""
33334
33335
  } = props;
33335
33336
  const controlsContainerRef = React$1.useRef();
33336
33337
  const displayFormattedValue = value => {
@@ -33351,7 +33352,7 @@ const TwoBarCharts = props => {
33351
33352
  if (!active || !payload || payload?.length === 0) return null;
33352
33353
  let currentTooltipValue = 0;
33353
33354
  if (payload[0].payload?.value) currentTooltipValue = payload[0].payload?.value;
33354
- return /*#__PURE__*/React__default["default"].createElement(TooltipDiv, null, /*#__PURE__*/React__default["default"].createElement(TooltipTitle, null, `${label}`), /*#__PURE__*/React__default["default"].createElement(TooltipLabel, null, `${displayFormattedValue(currentTooltipValue)}`));
33355
+ return /*#__PURE__*/React__default["default"].createElement(TooltipDiv, null, /*#__PURE__*/React__default["default"].createElement(TooltipTitle, null, `${label}`), /*#__PURE__*/React__default["default"].createElement(TooltipLabel, null, `${tooltipText} ${displayFormattedValue(currentTooltipValue)}`));
33355
33356
  };
33356
33357
  const CustomizedTickBarChart = props => {
33357
33358
  const {