sag_components 2.0.0-beta203 → 2.0.0-beta205
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 +41 -41
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +19 -19
- package/dist/index.js.map +1 -1
- package/dist/types/components/MessageBox/MessageBox.stories.d.ts +15 -15
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2397,7 +2397,7 @@ const TooltipTip$1 = styled__default["default"].div`
|
|
|
2397
2397
|
}
|
|
2398
2398
|
`;
|
|
2399
2399
|
|
|
2400
|
-
const Tooltip$
|
|
2400
|
+
const Tooltip$2 = props => {
|
|
2401
2401
|
const {
|
|
2402
2402
|
children,
|
|
2403
2403
|
content = "Tooltip content",
|
|
@@ -2409,7 +2409,7 @@ const Tooltip$3 = props => {
|
|
|
2409
2409
|
className
|
|
2410
2410
|
} = props;
|
|
2411
2411
|
let timeout;
|
|
2412
|
-
const [active, setActive] = React$1.useState(
|
|
2412
|
+
const [active, setActive] = React$1.useState(false);
|
|
2413
2413
|
const showTip = () => {
|
|
2414
2414
|
timeout = setTimeout(() => {
|
|
2415
2415
|
setActive(true);
|
|
@@ -2508,7 +2508,7 @@ const Benchmark = props => {
|
|
|
2508
2508
|
id: "ControlsContainer",
|
|
2509
2509
|
height: height,
|
|
2510
2510
|
width: width
|
|
2511
|
-
}, /*#__PURE__*/React__default["default"].createElement(Tooltip$
|
|
2511
|
+
}, /*#__PURE__*/React__default["default"].createElement(Tooltip$2, {
|
|
2512
2512
|
id: "Tooltip",
|
|
2513
2513
|
content: getTooltipText(),
|
|
2514
2514
|
direction: tooltipDirection
|
|
@@ -11664,7 +11664,7 @@ const FilterPanel = props => {
|
|
|
11664
11664
|
});
|
|
11665
11665
|
break;
|
|
11666
11666
|
default:
|
|
11667
|
-
content = /*#__PURE__*/React__default["default"].createElement(Tooltip$
|
|
11667
|
+
content = /*#__PURE__*/React__default["default"].createElement(Tooltip$2, {
|
|
11668
11668
|
className: "Tooltip",
|
|
11669
11669
|
content: getTooltipTextDates(),
|
|
11670
11670
|
direction: "top",
|
|
@@ -11808,7 +11808,7 @@ const FilterPanel = props => {
|
|
|
11808
11808
|
const displayGoButton = () => {
|
|
11809
11809
|
let content;
|
|
11810
11810
|
if (tooltipTextGoButton) {
|
|
11811
|
-
content = /*#__PURE__*/React__default["default"].createElement(Tooltip$
|
|
11811
|
+
content = /*#__PURE__*/React__default["default"].createElement(Tooltip$2, {
|
|
11812
11812
|
className: "Tooltip",
|
|
11813
11813
|
content: getTooltipTextGoButton(),
|
|
11814
11814
|
direction: "top",
|
|
@@ -12572,7 +12572,7 @@ const ReportTable = props => {
|
|
|
12572
12572
|
}, displaySelectButton(rowData)) : /*#__PURE__*/React__default["default"].createElement(Td$1, {
|
|
12573
12573
|
className: "cell",
|
|
12574
12574
|
key: dataIndex
|
|
12575
|
-
}, value && value.length > 30 ? /*#__PURE__*/React__default["default"].createElement(Tooltip$
|
|
12575
|
+
}, value && value.length > 30 ? /*#__PURE__*/React__default["default"].createElement(Tooltip$2, {
|
|
12576
12576
|
content: getTooltipText(value),
|
|
12577
12577
|
direction: "top",
|
|
12578
12578
|
topFactor: value !== null ? -getTopFactor(Math.ceil(value.length / 50)) : -getTopFactor(1)
|
|
@@ -26575,7 +26575,7 @@ const TooltipTip = styled__default["default"].div`
|
|
|
26575
26575
|
}
|
|
26576
26576
|
`;
|
|
26577
26577
|
|
|
26578
|
-
const Tooltip$
|
|
26578
|
+
const Tooltip$1 = props => {
|
|
26579
26579
|
const {
|
|
26580
26580
|
className,
|
|
26581
26581
|
top,
|
|
@@ -26591,14 +26591,14 @@ const Tooltip$2 = props => {
|
|
|
26591
26591
|
className: `controls ${direction || 'top'}`
|
|
26592
26592
|
}, content)));
|
|
26593
26593
|
};
|
|
26594
|
-
Tooltip$
|
|
26594
|
+
Tooltip$1.propTypes = {
|
|
26595
26595
|
className: PropTypes.string,
|
|
26596
26596
|
top: PropTypes.number,
|
|
26597
26597
|
left: PropTypes.number,
|
|
26598
26598
|
direction: PropTypes.string,
|
|
26599
26599
|
content: PropTypes.string
|
|
26600
26600
|
};
|
|
26601
|
-
Tooltip$
|
|
26601
|
+
Tooltip$1.defaultProps = {
|
|
26602
26602
|
className: '',
|
|
26603
26603
|
top: 0,
|
|
26604
26604
|
left: 0,
|
|
@@ -26872,7 +26872,7 @@ const TotalHorizontalCharts = props => {
|
|
|
26872
26872
|
React__default["default"].createElement(recharts.Cell, {
|
|
26873
26873
|
key: `cell-${index}`,
|
|
26874
26874
|
fill: barBackgrounds[index % 20]
|
|
26875
|
-
}))), showLegendTooltip && /*#__PURE__*/React__default["default"].createElement(Tooltip$
|
|
26875
|
+
}))), showLegendTooltip && /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
|
|
26876
26876
|
direction: "top",
|
|
26877
26877
|
content: tooltipText.content,
|
|
26878
26878
|
top: tooltipText.clientY,
|
|
@@ -34698,7 +34698,7 @@ const ModalWithOverlay = props => {
|
|
|
34698
34698
|
hoverTextColor: "#212121",
|
|
34699
34699
|
hoverBackgroundColor: "#E6F0F0",
|
|
34700
34700
|
hoverBorderColor: "#D3D3D3"
|
|
34701
|
-
}), showOkButton && (disableOkButton && tooltipContent !== '' ? /*#__PURE__*/React__default["default"].createElement(Tooltip$
|
|
34701
|
+
}), showOkButton && (disableOkButton && tooltipContent !== '' ? /*#__PURE__*/React__default["default"].createElement(Tooltip$2, {
|
|
34702
34702
|
direction: "top",
|
|
34703
34703
|
topFactor: -0.85,
|
|
34704
34704
|
content: /*#__PURE__*/React__default["default"].createElement(TooltipContent$1, {
|
|
@@ -39644,7 +39644,7 @@ const MessageBox = _ref => {
|
|
|
39644
39644
|
width: "auto",
|
|
39645
39645
|
minWidth: "60px",
|
|
39646
39646
|
onClick: onClose
|
|
39647
|
-
}), tooltipContent !== "" && /*#__PURE__*/React__default["default"].createElement(Tooltip, {
|
|
39647
|
+
}), tooltipContent !== "" && /*#__PURE__*/React__default["default"].createElement(Tooltip$2, {
|
|
39648
39648
|
direction: "top",
|
|
39649
39649
|
showTooltip: isDisabled,
|
|
39650
39650
|
topFactor: -0.85,
|
|
@@ -44531,7 +44531,7 @@ const ButtonContainer = styled.styled.div`
|
|
|
44531
44531
|
}
|
|
44532
44532
|
}
|
|
44533
44533
|
`;
|
|
44534
|
-
const CustomTooltip$1 = styled.styled(Tooltip$
|
|
44534
|
+
const CustomTooltip$1 = styled.styled(Tooltip$2)`
|
|
44535
44535
|
.controls {
|
|
44536
44536
|
padding: 12px 16px;
|
|
44537
44537
|
font-size: 14px;
|
|
@@ -45026,7 +45026,7 @@ styled__default["default"].div`
|
|
|
45026
45026
|
}
|
|
45027
45027
|
}
|
|
45028
45028
|
`;
|
|
45029
|
-
const CustomTooltip = styled__default["default"](Tooltip$
|
|
45029
|
+
const CustomTooltip = styled__default["default"](Tooltip$2)`
|
|
45030
45030
|
.controls {
|
|
45031
45031
|
padding: 12px 16px;
|
|
45032
45032
|
font-size: 14px;
|
|
@@ -45698,7 +45698,7 @@ const DividerLine = styled__default["default"].div`
|
|
|
45698
45698
|
background: #BEE3C7;
|
|
45699
45699
|
margin: 0 auto;
|
|
45700
45700
|
`;
|
|
45701
|
-
const Tooltip
|
|
45701
|
+
const Tooltip = styled__default["default"].div`
|
|
45702
45702
|
visibility: hidden;
|
|
45703
45703
|
background: #ffffff;
|
|
45704
45704
|
color: #212121;
|
|
@@ -45735,8 +45735,8 @@ const ExpandButtonWrapper = styled__default["default"].div`
|
|
|
45735
45735
|
display: flex;
|
|
45736
45736
|
justify-content: center;
|
|
45737
45737
|
align-items: center;
|
|
45738
|
-
&:hover ${Tooltip
|
|
45739
|
-
&:focus-within ${Tooltip
|
|
45738
|
+
&:hover ${Tooltip},
|
|
45739
|
+
&:focus-within ${Tooltip} {
|
|
45740
45740
|
visibility: visible;
|
|
45741
45741
|
opacity: 1;
|
|
45742
45742
|
}
|
|
@@ -54123,7 +54123,7 @@ const SuccessScreen = ({
|
|
|
54123
54123
|
key: idx
|
|
54124
54124
|
}, vendor))), hiddenVendors.length > 0 && /*#__PURE__*/React__default["default"].createElement(ExpandButtonWrapper, null, /*#__PURE__*/React__default["default"].createElement(ExpandButton, {
|
|
54125
54125
|
tabIndex: 0
|
|
54126
|
-
}, "\u2022\u2022\u2022"), /*#__PURE__*/React__default["default"].createElement(Tooltip
|
|
54126
|
+
}, "\u2022\u2022\u2022"), /*#__PURE__*/React__default["default"].createElement(Tooltip, null, vendors.map((vendor, idx) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
|
|
54127
54127
|
key: idx
|
|
54128
54128
|
}, vendor, /*#__PURE__*/React__default["default"].createElement("br", null)))))));
|
|
54129
54129
|
};
|
|
@@ -55639,7 +55639,7 @@ exports.Table = Table;
|
|
|
55639
55639
|
exports.Tag = Tag;
|
|
55640
55640
|
exports.ToasterMessageBox = ToasterMessageBox;
|
|
55641
55641
|
exports.ToggleSwitch = ToggleSwitch;
|
|
55642
|
-
exports.Tooltip = Tooltip$
|
|
55642
|
+
exports.Tooltip = Tooltip$2;
|
|
55643
55643
|
exports.TopToggleList = TopToggleList;
|
|
55644
55644
|
exports.TotalDoughnutChart = TotalDoughnutChart;
|
|
55645
55645
|
exports.TotalHorizontalCharts = TotalHorizontalCharts;
|