pixel-react 1.15.95 → 1.15.96
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/PopUpModal/PopUpModal.js +1 -1
- package/lib/components/PopUpModal/PopUpModal.js.map +1 -1
- package/lib/components/StepsLandingTable/Components/StepResultStats.js +3 -2
- package/lib/components/StepsLandingTable/Components/StepResultStats.js.map +1 -1
- package/lib/components/StepsLandingTable/Components/StepsTitle.js +20 -3
- package/lib/components/StepsLandingTable/Components/StepsTitle.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/styles.css +1 -1
- package/lib/styles.css.map +1 -1
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ import Icon from '../Icon';
|
|
|
5
5
|
import Typography from '../Typography';
|
|
6
6
|
import Button from '../Button';
|
|
7
7
|
const PopUpModal = ({ isOpen, onClose, onContinue, titleMessage = 'Warning!', subTitleMessage = 'Unsaved Changes.', iconName, modalMessage = 'Your web service data will be lost. Are you sure you want to exit?', firstButtonLabel = 'Cancel', secondButtonLabel = 'Continue', buttonVariant = 'warning', border = '1px solid var(--warning-modal-border-color)', popupWidth = '420', popupHeight = '226', colorForTitleMessage = 'var(--status-button-bg-warning)', footerContent, firstButtonDisabled = false, secondButtonDisabled = false, zIndex = 1100, iconSize = 94, }) => {
|
|
8
|
-
return (_jsx(Modal, { overlayClassName: "custom-overlay", isOpen: isOpen, onClose: onClose, isHeaderDisplayed: false, zIndex: zIndex,
|
|
8
|
+
return (_jsx(Modal, { overlayClassName: "custom-overlay", isOpen: isOpen, onClose: onClose, isHeaderDisplayed: false, zIndex: zIndex, children: _jsxs("div", { className: 'warning_modal_container', children: [_jsxs("div", { className: 'warning_modal_content', children: [_jsx(Icon, { name: iconName, className: 'warning_modal_icon', width: iconSize, height: iconSize }), _jsxs("div", { className: 'warning_modal_message', children: [_jsxs(Typography, { fontSize: 20, fontWeight: "semi-bold", className: "warning_modal_title_wrapper", children: [' ', _jsxs(Typography, { color: `${colorForTitleMessage}`, fontSize: 20, fontWeight: "semi-bold", children: [' ', titleMessage, ' '] }), ' ', subTitleMessage] }), _jsxs("div", { className: "warning_modal_message_wrapper", children: [_jsx(Typography, { fontSize: 16, children: modalMessage }), _jsx(Typography, { as: "div", children: footerContent })] })] })] }), _jsxs("div", { className: 'warning_modal_footer_button', children: [_jsx(Button, { buttonHeight: "24px", variant: "secondary", label: firstButtonLabel, onClick: onClose, disabled: firstButtonDisabled }), secondButtonLabel && (_jsx(Button, { buttonHeight: "24px", variant: buttonVariant || 'warning', label: secondButtonLabel, onClick: onContinue, disabled: secondButtonDisabled }))] })] }), ariaHideApp: true, isFooterDisplayed: false, customWidth: `${popupWidth}px`, customHeight: `${popupHeight}px`, boxShadow: "0px 1px 4px 0px var(--toaster-boxshadow)", border: border }));
|
|
9
9
|
};
|
|
10
10
|
export default PopUpModal;
|
|
11
11
|
//# sourceMappingURL=PopUpModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopUpModal.js","sourceRoot":"","sources":["../../../src/components/PopUpModal/PopUpModal.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,UAAU,GAAwB,CAAC,EACvC,MAAM,EACN,OAAO,EACP,UAAU,EACV,YAAY,GAAG,UAAU,EACzB,eAAe,GAAG,kBAAkB,EACpC,QAAQ,EACR,YAAY,GAAG,oEAAoE,EACnF,gBAAgB,GAAG,QAAQ,EAC3B,iBAAiB,GAAG,UAAU,EAC9B,aAAa,GAAG,SAAS,EACzB,MAAM,GAAG,6CAA6C,EACtD,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,oBAAoB,GAAG,iCAAiC,EACxD,aAAa,EACb,mBAAmB,GAAG,KAAK,EAC3B,oBAAoB,GAAG,KAAK,EAC5B,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,EAAE,GACd,EAAE,EAAE;IACH,OAAO,CACL,KAAC,KAAK,IACJ,gBAAgB,EAAC,gBAAgB,EACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,KAAK,EACxB,MAAM,EAAE,MAAM,EACd,
|
|
1
|
+
{"version":3,"file":"PopUpModal.js","sourceRoot":"","sources":["../../../src/components/PopUpModal/PopUpModal.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,UAAU,GAAwB,CAAC,EACvC,MAAM,EACN,OAAO,EACP,UAAU,EACV,YAAY,GAAG,UAAU,EACzB,eAAe,GAAG,kBAAkB,EACpC,QAAQ,EACR,YAAY,GAAG,oEAAoE,EACnF,gBAAgB,GAAG,QAAQ,EAC3B,iBAAiB,GAAG,UAAU,EAC9B,aAAa,GAAG,SAAS,EACzB,MAAM,GAAG,6CAA6C,EACtD,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,oBAAoB,GAAG,iCAAiC,EACxD,aAAa,EACb,mBAAmB,GAAG,KAAK,EAC3B,oBAAoB,GAAG,KAAK,EAC5B,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,EAAE,GACd,EAAE,EAAE;IACH,OAAO,CACL,KAAC,KAAK,IACJ,gBAAgB,EAAC,gBAAgB,EACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,KAAK,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EACN,eAAK,SAAS,EAAE,yBAAyB,aACvC,eAAK,SAAS,EAAE,uBAAuB,aACrC,KAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,GAChB,EACF,eAAK,SAAS,EAAE,uBAAuB,aACrC,MAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,WAAW,EACtB,SAAS,EAAC,6BAA6B,aAEtC,GAAG,EACJ,MAAC,UAAU,IACT,KAAK,EAAE,GAAG,oBAAoB,EAAE,EAChC,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,WAAW,aAErB,GAAG,EACH,YAAY,EAAE,GAAG,IACP,EAAC,GAAG,EAChB,eAAe,IACL,EACb,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,YAAG,YAAY,GAAc,EACrD,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,YAAE,aAAa,GAAc,IAC7C,IACF,IACF,EACN,eAAK,SAAS,EAAE,6BAA6B,aAC3C,KAAC,MAAM,IACL,YAAY,EAAC,MAAM,EACnB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,mBAAmB,GAC7B,EACD,iBAAiB,IAAI,CACpB,KAAC,MAAM,IACL,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,aAAa,IAAI,SAAS,EACnC,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,oBAAoB,GAC9B,CACH,IACG,IACF,EAER,WAAW,QACX,iBAAiB,EAAE,KAAK,EACxB,WAAW,EAAE,GAAG,UAAU,IAAI,EAC9B,YAAY,EAAE,GAAG,WAAW,IAAI,EAChC,SAAS,EAAC,0CAA0C,EACpD,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -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,9 +62,9 @@ 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
|
+
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]);
|
|
65
66
|
if (displayIcon) {
|
|
66
|
-
return hasAnyStatus ? (_jsx(Tooltip, { title: tooltipContent, children: _jsx(Icon, { name: "status_icon" }) })) : null;
|
|
67
|
+
return hasAnyStatus ? (_jsx(Tooltip, { title: tooltipContent, children: _jsx("span", { className: "ff-status-icon-wrapper", children: _jsx(Icon, { name: "status_icon" }) }) })) : null;
|
|
67
68
|
}
|
|
68
69
|
// Break truncated text into colored segments
|
|
69
70
|
const coloredSegments = [];
|
|
@@ -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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"}
|
|
@@ -22,6 +22,25 @@ const StepsTitle = ({ isHeaderRequired, isViewPrivilegeMode, onAccordionClick, i
|
|
|
22
22
|
return 0;
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
+
const getStepResultStatsWidth = () => {
|
|
26
|
+
const margin = row?.marginLeft ?? 0;
|
|
27
|
+
const isChecked = isAllSelected?.(title, totalRows) ||
|
|
28
|
+
isPartialSelected?.(title, totalRows);
|
|
29
|
+
if (isChecked && title === 'Steps') {
|
|
30
|
+
return 200 - margin;
|
|
31
|
+
}
|
|
32
|
+
const TITLE_WIDTH_MAP = {
|
|
33
|
+
'Depends on Scripts': 240,
|
|
34
|
+
'Post Conditions': 230,
|
|
35
|
+
'Pre Conditions': 260,
|
|
36
|
+
'Steps': 310,
|
|
37
|
+
};
|
|
38
|
+
const DEFAULT_WIDTH = 250;
|
|
39
|
+
const baseWidth = isMaximize
|
|
40
|
+
? 350
|
|
41
|
+
: TITLE_WIDTH_MAP[title] ?? DEFAULT_WIDTH;
|
|
42
|
+
return baseWidth - margin;
|
|
43
|
+
};
|
|
25
44
|
return (_jsxs("article", { className: "step-title-article", style: {
|
|
26
45
|
...(!isHeaderRequired &&
|
|
27
46
|
!isClientSide && { backgroundColor: 'var(--hover-color)' }),
|
|
@@ -29,9 +48,7 @@ const StepsTitle = ({ isHeaderRequired, isViewPrivilegeMode, onAccordionClick, i
|
|
|
29
48
|
paddingLeft: isViewPrivilegeMode || isClientSide ? '8px' : '24px',
|
|
30
49
|
}, children: [!isViewPrivilegeMode && !isClientSide && (_jsx(Checkbox, { onChange: (e) => handleMainCheckbox(title, e.target.checked), checked: isAllSelected(title, totalRows), partial: isPartialSelected(title, totalRows), disabled: totalRows === 0 })), _jsx("div", { className: "header-title", children: _jsx(Typography, { as: "div", fontWeight: "semi-bold", color: isClientSide ? 'var(--brand-color)' : 'var(--nlp-option-color)', cursor: "default", lineHeight: "18px", children: title }) }), isClientSide ? (
|
|
31
50
|
//TODO: added temporary div will replace with add Icon
|
|
32
|
-
_jsx("div", { style: { padding: '12px' } })) : (_jsx("div", { className: `accordion-arrow ${expanded ? 'expanded' : ''}`, onClick: () => onAccordionClick(title), children: _jsx(Icon, { name: "arrow_right", color: expanded ? 'var(--brand-color)' : 'var(--default-color)', width: 16, height: 16, className: "steps-arrow-svg" }) })), _jsxs("div", { className: "ff_action_container", children: [metaData && (_jsx(StepResultStats, { metaData: metaData, width:
|
|
33
|
-
? 100 - (row?.marginLeft ?? 0)
|
|
34
|
-
: 250 - (row?.marginLeft ?? 0) })), showActionCell && !isBulkEnable && _jsx(_Fragment, { children: actionCell(row) })] })] }) }), metaData?.message && (_jsx("div", { className: "step-result", style: {
|
|
51
|
+
_jsx("div", { style: { padding: '12px' } })) : (_jsx("div", { className: `accordion-arrow ${expanded ? 'expanded' : ''}`, onClick: () => onAccordionClick(title), children: _jsx(Icon, { name: "arrow_right", color: expanded ? 'var(--brand-color)' : 'var(--default-color)', width: 16, height: 16, className: "steps-arrow-svg" }) })), _jsxs("div", { className: "ff_action_container", children: [metaData && (_jsx(StepResultStats, { metaData: metaData, width: getStepResultStatsWidth() })), showActionCell && !isBulkEnable && _jsx(_Fragment, { children: actionCell(row) })] })] }) }), metaData?.message && (_jsx("div", { className: "step-result", style: {
|
|
35
52
|
width: `${getWidth(1)}px`,
|
|
36
53
|
}, children: _jsx(Tooltip, { title: metaData?.message, placement: "bottom-start", children: _jsx(Typography, { lineHeight: "18px", as: "div", className: "step-result-text", color: getStatusColor(metaData?.status), children: metaData?.message }) }) })), metaData?.status && (_jsx("div", { className: "step-result", style: { width: `${getWidth(2)}px` }, children: _jsx(StatusButton, { label: getStatusLabel(metaData?.status), status: getStatus(metaData?.status), children: metaData?.status }) }))] }));
|
|
37
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsTitle.js","sourceRoot":"","sources":["../../../../src/components/StepsLandingTable/Components/StepsTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,cAAc,EACd,SAAS,GACV,MAAM,8CAA8C,CAAC;AACtD,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,0BAA0B,CAAC;AAElC,MAAM,UAAU,GAAG,CAAC,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,UAAU,GACN,EAAE,EAAE;IACR,MAAM,YAAY,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEvC,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,CAAC;gBACJ,OAAO,KAAK,GAAG,GAAG,CAAC;YACrB,KAAK,CAAC;gBACJ,OAAO,KAAK,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACzC,KAAK,CAAC;gBACJ,OAAO,KAAK,GAAG,EAAE,CAAC;YACpB;gBACE,OAAO,CAAC,CAAC;QACb,CAAC;IACH,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"StepsTitle.js","sourceRoot":"","sources":["../../../../src/components/StepsLandingTable/Components/StepsTitle.tsx"],"names":[],"mappings":"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"}
|