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.esm.js +5 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/dist/types/components/OneColumnContainer/OneColumnContainer.stories.d.ts +1 -1
- package/dist/types/components/TwoBarCharts/TwoBarCharts.stories.d.ts +8 -0
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -25119,13 +25119,13 @@ const OneColumnContainer = props => {
|
|
|
25119
25119
|
}))), isPercentOfChange && !isLoading && !hover && /*#__PURE__*/React$1.createElement(PercentOfChange, {
|
|
25120
25120
|
className: "PercentOfChange",
|
|
25121
25121
|
isPercentDataPositive: PercentOfChangeData
|
|
25122
|
-
}, PercentOfChangeData > 0 ? /*#__PURE__*/React$1.createElement(UpArrowIcon, {
|
|
25122
|
+
}, PercentOfChangeData === null || PercentOfChangeData === undefined ? 'N/A' : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, PercentOfChangeData > 0 ? /*#__PURE__*/React$1.createElement(UpArrowIcon, {
|
|
25123
25123
|
width: "11",
|
|
25124
25124
|
height: "10"
|
|
25125
25125
|
}) : PercentOfChangeData < 0 ? /*#__PURE__*/React$1.createElement(DownArrowIcon, {
|
|
25126
25126
|
width: "11",
|
|
25127
25127
|
height: "10"
|
|
25128
|
-
}) : null, `${Math.abs(PercentOfChangeData)}%`), isLoading && /*#__PURE__*/React$1.createElement(LoadingDiv, {
|
|
25128
|
+
}) : null, `${Math.abs(PercentOfChangeData ?? 0)}%`)), isLoading && /*#__PURE__*/React$1.createElement(LoadingDiv, {
|
|
25129
25129
|
className: "loadingDiv"
|
|
25130
25130
|
}, /*#__PURE__*/React$1.createElement(SkeletonTheme, {
|
|
25131
25131
|
baseColor: "#EAEAEA"
|
|
@@ -33320,7 +33320,8 @@ const TwoBarCharts = props => {
|
|
|
33320
33320
|
referenceLinePoint,
|
|
33321
33321
|
referenceLineColor,
|
|
33322
33322
|
referenceLineDashed,
|
|
33323
|
-
showTooltip
|
|
33323
|
+
showTooltip,
|
|
33324
|
+
tooltipText = ""
|
|
33324
33325
|
} = props;
|
|
33325
33326
|
const controlsContainerRef = useRef();
|
|
33326
33327
|
const displayFormattedValue = value => {
|
|
@@ -33341,7 +33342,7 @@ const TwoBarCharts = props => {
|
|
|
33341
33342
|
if (!active || !payload || payload?.length === 0) return null;
|
|
33342
33343
|
let currentTooltipValue = 0;
|
|
33343
33344
|
if (payload[0].payload?.value) currentTooltipValue = payload[0].payload?.value;
|
|
33344
|
-
return /*#__PURE__*/React$1.createElement(TooltipDiv, null, /*#__PURE__*/React$1.createElement(TooltipTitle, null, `${label}`), /*#__PURE__*/React$1.createElement(TooltipLabel, null, `${displayFormattedValue(currentTooltipValue)}`));
|
|
33345
|
+
return /*#__PURE__*/React$1.createElement(TooltipDiv, null, /*#__PURE__*/React$1.createElement(TooltipTitle, null, `${label}`), /*#__PURE__*/React$1.createElement(TooltipLabel, null, `${tooltipText} ${displayFormattedValue(currentTooltipValue)}`));
|
|
33345
33346
|
};
|
|
33346
33347
|
const CustomizedTickBarChart = props => {
|
|
33347
33348
|
const {
|