sag_components 2.0.0-beta41 → 2.0.0-beta42
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.d.ts +3 -0
- package/dist/index.esm.js +8 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +8 -2
- package/dist/index.js.map +1 -1
- package/dist/types/components/TotalDoughnutChart/TotalDoughnutChart.d.ts +3 -0
- package/dist/types/components/TotalDoughnutChart/TotalDoughnutChart.stories.d.ts +31 -38
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -26369,7 +26369,6 @@ const scrollableStyles$5 = `
|
|
|
26369
26369
|
const ControlsContainer$4 = styled__default["default"].div`
|
|
26370
26370
|
position: relative;
|
|
26371
26371
|
font-family: "Poppins", sans-serif;
|
|
26372
|
-
font-style: normal;
|
|
26373
26372
|
font-size: ${props => props.rootFont};
|
|
26374
26373
|
color: ${props => props.textColor};
|
|
26375
26374
|
width: ${props => props.width};
|
|
@@ -26465,6 +26464,8 @@ const TextAfterValue = styled__default["default"].div`
|
|
|
26465
26464
|
`;
|
|
26466
26465
|
const DoughnutChartAndLegendContainer = styled__default["default"].div`
|
|
26467
26466
|
display: flex;
|
|
26467
|
+
flex-direction: ${props => props.legendBelow ? 'column' : 'row'};
|
|
26468
|
+
gap: 12px;
|
|
26468
26469
|
justify-content: space-between;
|
|
26469
26470
|
margin-top: auto;
|
|
26470
26471
|
padding: 0 20px ;
|
|
@@ -26530,6 +26531,7 @@ const TotalDoughnutChart = props => {
|
|
|
26530
26531
|
currencySign,
|
|
26531
26532
|
currencyType,
|
|
26532
26533
|
legendData,
|
|
26534
|
+
legendBelow,
|
|
26533
26535
|
itemsPercentagesValueAside,
|
|
26534
26536
|
itemsBoldedValues,
|
|
26535
26537
|
itemsValuesSeparateLine,
|
|
@@ -26624,7 +26626,9 @@ const TotalDoughnutChart = props => {
|
|
|
26624
26626
|
className: "CurrencySign"
|
|
26625
26627
|
}, currencySign ? getCurrencySign(currencyType, value) : ''), dotCut ? getFormattedValue(value && Math.abs(value) > 0 && value % 1 !== 0 ? value?.toFixed(2) : value) : getNumberWithCommas(value), dotCut ? getFormattedUnits(value) : ''), textAfterValue ? /*#__PURE__*/React__default["default"].createElement(TextAfterValue, {
|
|
26626
26628
|
className: "TextAfterValue"
|
|
26627
|
-
}, textAfterValue) : '', addingBenchmark && /*#__PURE__*/React__default["default"].createElement(Benchmark, null))), /*#__PURE__*/React__default["default"].createElement(DoughnutChartAndLegendContainer,
|
|
26629
|
+
}, textAfterValue) : '', addingBenchmark && /*#__PURE__*/React__default["default"].createElement(Benchmark, null))), /*#__PURE__*/React__default["default"].createElement(DoughnutChartAndLegendContainer, {
|
|
26630
|
+
legendBelow: legendBelow
|
|
26631
|
+
}, /*#__PURE__*/React__default["default"].createElement(DoughnutChartContainer, {
|
|
26628
26632
|
width: width,
|
|
26629
26633
|
height: height,
|
|
26630
26634
|
ref: DoughnutChartContainerRef
|
|
@@ -26668,6 +26672,7 @@ TotalDoughnutChart.propTypes = {
|
|
|
26668
26672
|
value: PropTypes.number,
|
|
26669
26673
|
name: PropTypes.string
|
|
26670
26674
|
})),
|
|
26675
|
+
legendBelow: PropTypes.bool,
|
|
26671
26676
|
itemsPercentagesValueAside: PropTypes.bool,
|
|
26672
26677
|
itemsBoldedValues: PropTypes.bool,
|
|
26673
26678
|
itemsValuesSeparateLine: PropTypes.bool,
|
|
@@ -26690,6 +26695,7 @@ TotalDoughnutChart.defaultProps = {
|
|
|
26690
26695
|
currencySign: false,
|
|
26691
26696
|
currencyType: 'USD',
|
|
26692
26697
|
legendData: [],
|
|
26698
|
+
legendBelow: false,
|
|
26693
26699
|
itemsPercentagesValueAside: true,
|
|
26694
26700
|
itemsBoldedValues: true,
|
|
26695
26701
|
itemsValuesSeparateLine: true,
|