pixel-priya 1.2.80 → 1.2.82
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/lib/components/StepsLandingTable/Components/StepResultStats.js +3 -5
- package/lib/components/StepsLandingTable/Components/StepResultStats.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/styles.css +1 -1
- package/lib/styles.css.map +1 -1
- package/package.json +2 -1
|
@@ -4,6 +4,7 @@ import Tooltip from '../../Tooltip';
|
|
|
4
4
|
import { truncateText } from '../../../utils/truncateText/truncateText';
|
|
5
5
|
import './StepInnerTable.scss';
|
|
6
6
|
import Icon from '../../Icon';
|
|
7
|
+
import { useMemo } from 'react';
|
|
7
8
|
const StepResultStats = ({ metaData, width = 0, displayIcon = false, }) => {
|
|
8
9
|
const total = metaData?.total || 0;
|
|
9
10
|
const statusList = [
|
|
@@ -61,10 +62,7 @@ const StepResultStats = ({ metaData, width = 0, displayIcon = false, }) => {
|
|
|
61
62
|
const tooltipStatusList = displayIcon ? normalizedStatusList : statusList;
|
|
62
63
|
const groupedStatuses = STATUS_GROUPS.map((group) => tooltipStatusList.filter(({ name }) => group.includes(name)));
|
|
63
64
|
const getStatusColor = (name, color) => name === 'Skipped' ? 'var(--status-skipped-bg-color)' : color;
|
|
64
|
-
const tooltipContent = (_jsxs("div", { className: "ff-status-tooltip", children: [groupedStatuses.map((group, rowIndex) => (_jsx("div", { className: "ff-status-tooltip-row", children: group.map(({ name, count, color }) => (_jsxs("div", { className: "ff-status-item", children: [_jsx("span", { className: "ff-status-dot", style: { backgroundColor: getStatusColor(name, color) } }), _jsxs(Typography, { as: "span", fontWeight: "medium", fontSize: 10, className: "ff-status-result-tooltip-text", color: "var(--tooltip-text-color)", children: [name, ": ", count] })] }, name))) }, rowIndex))), _jsx("div", { className: "ff-status-tooltip-divider" }), _jsxs(Typography, { as: "span", fontWeight: "medium", fontSize: 10, className: "ff-status-tooltip-total", children: ["Total Steps - ", tooltipTotal] })] }));
|
|
65
|
-
if (displayIcon) {
|
|
66
|
-
return hasAnyStatus ? (_jsx(Tooltip, { title: tooltipContent, children: _jsx("span", { className: "ff-status-icon-wrapper", children: _jsx(Icon, { name: "status_icon" }) }) })) : null;
|
|
67
|
-
}
|
|
65
|
+
const tooltipContent = useMemo(() => (_jsxs("div", { className: "ff-status-tooltip", children: [groupedStatuses.map((group, rowIndex) => (_jsx("div", { className: "ff-status-tooltip-row", children: group.map(({ name, count, color }) => (_jsxs("div", { className: "ff-status-item", children: [_jsx("span", { className: "ff-status-dot", style: { backgroundColor: getStatusColor(name, color) } }), _jsxs(Typography, { as: "span", fontWeight: "medium", fontSize: 10, className: "ff-status-result-tooltip-text", color: "var(--tooltip-text-color)", children: [name, ": ", count] })] }, name))) }, rowIndex))), _jsx("div", { className: "ff-status-tooltip-divider" }), _jsxs(Typography, { as: "span", fontWeight: "medium", fontSize: 10, className: "ff-status-tooltip-total", children: ["Total Steps - ", tooltipTotal] })] })), [groupedStatuses, tooltipTotal]);
|
|
68
66
|
// Break truncated text into colored segments
|
|
69
67
|
const coloredSegments = [];
|
|
70
68
|
let cursor = 0;
|
|
@@ -82,7 +80,7 @@ const StepResultStats = ({ metaData, width = 0, displayIcon = false, }) => {
|
|
|
82
80
|
break;
|
|
83
81
|
}
|
|
84
82
|
}
|
|
85
|
-
return (_jsx("div", { className: "ff-stepResultStats", children: _jsx(Tooltip, { title: fullText, children: _jsx(Typography, { as: "div", className: "status-inline-text", fontWeight: "semi-bold", children: coloredSegments.map(({ text, color }, index) => (_jsx(Typography, { as: "span", fontWeight: "semi-bold", style: { color, whiteSpace: 'nowrap' }, children: text + ' ' }, index))) }) }) }));
|
|
83
|
+
return (_jsx("div", { className: "ff-stepResultStats", children: displayIcon ? (hasAnyStatus ? (_jsx(Tooltip, { title: tooltipContent, children: _jsx("span", { className: "ff-status-icon-wrapper", children: _jsx(Icon, { name: "status_icon" }) }) })) : null) : (_jsx(Tooltip, { title: fullText, children: _jsx(Typography, { as: "div", className: "status-inline-text", fontWeight: "semi-bold", children: coloredSegments.map(({ text, color }, index) => (_jsx(Typography, { as: "span", fontWeight: "semi-bold", style: { color, whiteSpace: 'nowrap' }, children: text + ' ' }, index))) }) })) }));
|
|
86
84
|
};
|
|
87
85
|
export default StepResultStats;
|
|
88
86
|
//# sourceMappingURL=StepResultStats.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepResultStats.js","sourceRoot":"","sources":["../../../../src/components/StepsLandingTable/Components/StepResultStats.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,uBAAuB,CAAC;AAE/B,OAAO,IAAI,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"StepResultStats.js","sourceRoot":"","sources":["../../../../src/components/StepsLandingTable/Components/StepResultStats.tsx"],"names":[],"mappings":"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"}
|