pixel-react 1.21.77 → 1.21.79
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/Charts/IconRadialChart/IconRadialChart.js +1 -1
- package/lib/components/Charts/IconRadialChart/IconRadialChart.js.map +1 -1
- package/lib/components/Icon/iconList.js +2 -0
- package/lib/components/Icon/iconList.js.map +1 -1
- package/lib/components/Modal/Modal.js +1 -1
- package/lib/components/Modal/Modal.js.map +1 -1
- package/lib/components/NLPInput/NlpInput.js +7 -7
- package/lib/components/NLPInput/NlpInput.js.map +1 -1
- package/lib/components/NLPInput/components/ChipsFolder/ChipsAccordion.js +3 -3
- package/lib/components/NLPInput/components/ChipsFolder/ChipsAccordion.js.map +1 -1
- package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.js +7 -4
- package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.js.map +1 -1
- package/lib/components/NetworkErrorBoundary/NetworkErrorBoundary.js +1 -1
- package/lib/components/NetworkErrorBoundary/NetworkErrorBoundary.js.map +1 -1
- package/lib/components/NoDataAvailable/NoDataAvailable.js +1 -1
- package/lib/components/NoDataAvailable/NoDataAvailable.js.map +1 -1
- package/lib/components/NoDataContent/NoDataContent.js +1 -1
- package/lib/components/NoDataContent/NoDataContent.js.map +1 -1
- package/lib/components/NoResultFound/NoResultFound.js +1 -1
- package/lib/components/NoResultFound/NoResultFound.js.map +1 -1
- package/lib/components/OsTree/OsTree.js +2 -2
- package/lib/components/OsTree/OsTree.js.map +1 -1
- package/lib/components/OtpVerification/OtpVerification.js +3 -1
- package/lib/components/OtpVerification/OtpVerification.js.map +1 -1
- package/lib/components/OverviewModal/overviewModal.js +7 -5
- package/lib/components/OverviewModal/overviewModal.js.map +1 -1
- package/lib/components/Paper/Paper.js +1 -1
- package/lib/components/Paper/Paper.js.map +1 -1
- package/lib/components/PhoneInput/PhoneInput.js +5 -3
- package/lib/components/PhoneInput/PhoneInput.js.map +1 -1
- package/lib/components/PopUpModal/PopUpModal.js +1 -1
- package/lib/components/PopUpModal/PopUpModal.js.map +1 -1
- package/lib/components/PrePostTable/PrePostTable.js +5 -5
- package/lib/components/PrePostTable/PrePostTable.js.map +1 -1
- package/lib/components/PrePostTable/components/StepGroupDetailView.js +2 -2
- package/lib/components/PrePostTable/components/StepGroupDetailView.js.map +1 -1
- package/lib/components/ProcessedSourceSelector/ProcessedSourceSelector.js +63 -6
- package/lib/components/ProcessedSourceSelector/ProcessedSourceSelector.js.map +1 -1
- package/lib/components/ProcessedSourceSelector/index.d.ts +1 -1
- package/lib/components/ProcessedSourceSelector/types.d.ts +18 -2
- package/lib/components/ProgressBar/ProgressBar.js +1 -1
- package/lib/components/ProgressBar/ProgressBar.js.map +1 -1
- package/lib/components/Prompt/Prompt.js +2 -2
- package/lib/components/Prompt/Prompt.js.map +1 -1
- package/lib/components/PromptContainer/PromptContainer.js +3 -3
- package/lib/components/PromptContainer/PromptContainer.js.map +1 -1
- package/lib/components/RadioButton/RadioButton.js +1 -1
- package/lib/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/components/RadioGroup/RadioGroup.js +3 -2
- package/lib/components/RadioGroup/RadioGroup.js.map +1 -1
- package/lib/index.d.ts +18 -2
- package/lib/index.js +9 -9
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@ export const NetworkErrorBoundary = ({ children, offlineContent, hasError = fals
|
|
|
11
11
|
}
|
|
12
12
|
}, [isOnline, onNetworkStatusChange]);
|
|
13
13
|
if (hasError || !isOnline) {
|
|
14
|
-
return (_jsx("
|
|
14
|
+
return (_jsx("section", { className: `offlineOverlay ${overlayClassName ?? ''}`, style: { zIndex: overlayZIndex }, "aria-live": "polite", "aria-label": "Network error overlay", children: offlineContent || (_jsx(Icon, { name: "offline_404_icon", height: iconHeight, width: iconWidth, "aria-label": "Offline error illustration" })) }));
|
|
15
15
|
}
|
|
16
16
|
return _jsx(_Fragment, { children: children });
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NetworkErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/NetworkErrorBoundary/NetworkErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAE3E,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAClE,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,KAAK,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,GACjB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,qBAAqB,EAAE,CAAC;YAC1B,qBAAqB,CAAC,QAAQ,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEtC,IAAI,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC1B,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"NetworkErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/NetworkErrorBoundary/NetworkErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAE3E,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAClE,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,KAAK,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,GACjB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,qBAAqB,EAAE,CAAC;YAC1B,qBAAqB,CAAC,QAAQ,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEtC,IAAI,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC1B,OAAO,CACL,kBACE,SAAS,EAAE,kBAAkB,gBAAgB,IAAI,EAAE,EAAE,EACrD,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,eACtB,QAAQ,gBACP,uBAAuB,YAEjC,cAAc,IAAI,CACjB,KAAC,IAAI,IACH,IAAI,EAAC,kBAAkB,EACvB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,SAAS,gBACL,4BAA4B,GACvC,CACH,GACO,CACX,CAAC;IACJ,CAAC;IAED,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import Typography from '../Typography';
|
|
|
5
5
|
const NoDataAvailable = ({ isVisible }) => {
|
|
6
6
|
if (!isVisible)
|
|
7
7
|
return null;
|
|
8
|
-
return (_jsxs("
|
|
8
|
+
return (_jsxs("section", { className: 'no_data_message', "aria-live": "polite", "aria-label": "No data available message", children: [_jsx(Icon, { name: "no_content", width: 120, height: 120, "aria-label": "No data illustration" }), _jsx(Typography, { fontSize: "20px", lineHeight: "30px", fontWeight: "semi-bold", children: "No Data Available" })] }));
|
|
9
9
|
};
|
|
10
10
|
export default NoDataAvailable;
|
|
11
11
|
//# sourceMappingURL=NoDataAvailable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoDataAvailable.js","sourceRoot":"","sources":["../../../src/components/NoDataAvailable/NoDataAvailable.tsx"],"names":[],"mappings":";AAEA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,eAAe,GAA2B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChE,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"NoDataAvailable.js","sourceRoot":"","sources":["../../../src/components/NoDataAvailable/NoDataAvailable.tsx"],"names":[],"mappings":";AAEA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,eAAe,GAA2B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChE,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,OAAO,CACL,mBAAS,SAAS,EAAE,iBAAiB,eAAY,QAAQ,gBAAY,2BAA2B,aAC9F,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,gBAAa,sBAAsB,GAAG,EACrF,KAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,UAAU,EAAC,WAAW,kCAEvD,IACL,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -3,7 +3,7 @@ import './NoDataContent.scss';
|
|
|
3
3
|
import Icon from '../Icon';
|
|
4
4
|
import Typography from '../Typography';
|
|
5
5
|
const NoDataContent = ({ iconName, iconWidth = 120, iconHeight = 115, text, textFontSize = '24px', textDirectionRow = false, gap = '40px', }) => {
|
|
6
|
-
return (_jsxs("
|
|
6
|
+
return (_jsxs("section", { className: `no_data_message ${textDirectionRow && 'flex-row'}`, style: { gap: gap }, "aria-live": "polite", "aria-label": "No data content", children: [_jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight, "aria-label": "No data illustration" }), _jsx(Typography, { fontSize: textFontSize, lineHeight: "36px", fontWeight: "semi-bold", children: text })] }));
|
|
7
7
|
};
|
|
8
8
|
export default NoDataContent;
|
|
9
9
|
//# sourceMappingURL=NoDataContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoDataContent.js","sourceRoot":"","sources":["../../../src/components/NoDataContent/NoDataContent.tsx"],"names":[],"mappings":";AACA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,MAAM,aAAa,GAA+B,CAAC,EACjD,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,gBAAgB,GAAG,KAAK,EACxB,GAAG,GAAG,MAAM,GACb,EAAE,EAAE;IACH,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"NoDataContent.js","sourceRoot":"","sources":["../../../src/components/NoDataContent/NoDataContent.tsx"],"names":[],"mappings":";AACA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,MAAM,aAAa,GAA+B,CAAC,EACjD,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,gBAAgB,GAAG,KAAK,EACxB,GAAG,GAAG,MAAM,GACb,EAAE,EAAE;IACH,OAAO,CACL,mBACE,SAAS,EAAE,mBAAmB,gBAAgB,IAAI,UAAU,EAAE,EAC9D,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,eACT,QAAQ,gBACP,iBAAiB,aAE5B,KAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,gBACP,sBAAsB,GACjC,EACF,KAAC,UAAU,IACT,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,WAAW,YAErB,IAAI,GACM,IACL,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import './NoResultFound.scss';
|
|
3
3
|
import Icon from '../Icon';
|
|
4
4
|
import Typography from '../Typography';
|
|
5
|
-
const NoResultFound = ({ text = ' No Results Found', iconName = 'no_license_found', fontSize = '24px', textAlign = 'left', direction = 'column', iconWidth = 120, iconHeight = 120, fontWeight = 'semi-bold', marginTop = '0px', }) => (_jsx("article", { className: "no_results_container", children: _jsxs("
|
|
5
|
+
const NoResultFound = ({ text = ' No Results Found', iconName = 'no_license_found', fontSize = '24px', textAlign = 'left', direction = 'column', iconWidth = 120, iconHeight = 120, fontWeight = 'semi-bold', marginTop = '0px', }) => (_jsx("article", { className: "no_results_container", "aria-live": "polite", "aria-label": "No result found", children: _jsxs("section", { className: `no_results_container__${direction}`, style: { marginTop: marginTop }, "aria-label": "No result content", children: [_jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight, "aria-label": "No result illustration" }), _jsx("div", { "aria-label": "No result message", children: _jsx(Typography, { as: "div", fontSize: fontSize, lineHeight: "36px", fontWeight: fontWeight, color: "var(--text-color)", textAlign: textAlign, children: text }) })] }) }));
|
|
6
6
|
export default NoResultFound;
|
|
7
7
|
//# sourceMappingURL=NoResultFound.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoResultFound.js","sourceRoot":"","sources":["../../../src/components/NoResultFound/NoResultFound.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAavC,MAAM,aAAa,GAAoB,CAAC,EACtC,IAAI,GAAG,mBAAmB,EAC1B,QAAQ,GAAG,kBAAkB,EAC7B,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,QAAQ,EACpB,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,WAAW,EACxB,SAAS,GAAG,KAAK,GAClB,EAAE,EAAE,CAAC,CACJ,
|
|
1
|
+
{"version":3,"file":"NoResultFound.js","sourceRoot":"","sources":["../../../src/components/NoResultFound/NoResultFound.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAavC,MAAM,aAAa,GAAoB,CAAC,EACtC,IAAI,GAAG,mBAAmB,EAC1B,QAAQ,GAAG,kBAAkB,EAC7B,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,QAAQ,EACpB,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,WAAW,EACxB,SAAS,GAAG,KAAK,GAClB,EAAE,EAAE,CAAC,CACJ,kBACE,SAAS,EAAC,sBAAsB,eACtB,QAAQ,gBACP,iBAAiB,YAE5B,mBACE,SAAS,EAAE,yBAAyB,SAAS,EAAE,EAC/C,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,gBACpB,mBAAmB,aAE9B,KAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,gBACP,wBAAwB,GACnC,EACF,4BAAgB,mBAAmB,YACjC,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,mBAAmB,EACzB,SAAS,EAAE,SAAS,YAEnB,IAAI,GACM,GACT,IACE,GACF,CACX,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -3,9 +3,9 @@ import "./OsTree.scss";
|
|
|
3
3
|
const OsTree = ({ rootLabel, childrenLabels, align = "center", direction = "horizontal", }) => {
|
|
4
4
|
const count = childrenLabels.length;
|
|
5
5
|
if (direction === "vertical") {
|
|
6
|
-
return (_jsxs("
|
|
6
|
+
return (_jsxs("section", { className: "ff-os-tree-vertical", style: { "--child-count": count }, "aria-label": "Operating system tree", children: [_jsxs("header", { className: `ff-os-tree-vertical__row ff-os-tree-vertical__row--${align}`, "aria-label": "Root node", children: [_jsx("div", { className: "ff-os-tree-vertical__root-label", "aria-label": String(rootLabel), children: rootLabel }), _jsx("div", { className: "ff-os-tree-vertical__horizontal-line" })] }), _jsxs("div", { className: "ff-os-tree-vertical__vertical-line-wrapper", "aria-label": "Child nodes", children: [_jsx("div", { className: "ff-os-tree-vertical__vertical-line" }), childrenLabels.map((label, index) => (_jsxs("article", { className: "ff-os-tree-vertical__child", "aria-label": `Child node ${index + 1}`, children: [_jsx("div", { className: "ff-os-tree-vertical__child-connector" }), _jsx("div", { className: "ff-os-tree-vertical__child-label", "aria-label": String(label), children: label })] }, index)))] })] }));
|
|
7
7
|
}
|
|
8
|
-
return (_jsxs("
|
|
8
|
+
return (_jsxs("section", { className: `ff-os-tree ff-os-tree--${align}`, style: { "--child-count": count }, "aria-label": "Operating system tree", children: [_jsxs("header", { className: "ff-os-tree__root-wrapper", "aria-label": "Root node", children: [_jsx("div", { className: "ff-os-tree__root-label", "aria-label": String(rootLabel), children: rootLabel }), _jsx("div", { className: "ff-os-tree__vertical-root" })] }), _jsx("div", { className: "ff-os-tree__horizontal-connector", "aria-label": "Connectors", children: childrenLabels.map((_, index) => (_jsx("div", { className: "ff-os-tree__vertical-child" }, index))) }), _jsx("div", { className: "ff-os-tree__children", "aria-label": "Child nodes", children: childrenLabels.map((label, index) => (_jsx("article", { className: "ff-os-tree__child-container", "aria-label": `Child node ${index + 1}`, children: _jsx("div", { className: "ff-os-tree__child-label", "aria-label": String(label), children: label }) }, index))) })] }));
|
|
9
9
|
};
|
|
10
10
|
export default OsTree;
|
|
11
11
|
//# sourceMappingURL=OsTree.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OsTree.js","sourceRoot":"","sources":["../../../src/components/OsTree/OsTree.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAGvB,MAAM,MAAM,GAA0B,CAAC,EACrC,SAAS,EACT,cAAc,EACd,KAAK,GAAG,QAAQ,EAChB,SAAS,GAAG,YAAY,GACzB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC;IAEpC,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"OsTree.js","sourceRoot":"","sources":["../../../src/components/OsTree/OsTree.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAGvB,MAAM,MAAM,GAA0B,CAAC,EACrC,SAAS,EACT,cAAc,EACd,KAAK,GAAG,QAAQ,EAChB,SAAS,GAAG,YAAY,GACzB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC;IAEpC,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,CACL,mBACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAyB,gBAC7C,uBAAuB,aAElC,kBAAQ,SAAS,EAAE,sDAAsD,KAAK,EAAE,gBAAa,WAAW,aACtG,cAAK,SAAS,EAAC,iCAAiC,gBAAa,MAAM,CAAC,SAAS,CAAC,YAAG,SAAS,GAAO,EACjG,cAAK,SAAS,EAAC,sCAAsC,GAAG,IACjD,EACT,eAAK,SAAS,EAAC,4CAA4C,gBAAY,aAAa,aAClF,cAAK,SAAS,EAAC,oCAAoC,GAAG,EACrD,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,mBAAqB,SAAS,EAAC,4BAA4B,gBAAY,cAAc,KAAK,GAAG,CAAC,EAAE,aAC9F,cAAK,SAAS,EAAC,sCAAsC,GAAG,EACxD,cAAK,SAAS,EAAC,kCAAkC,gBAAa,MAAM,CAAC,KAAK,CAAC,YAAG,KAAK,GAAO,KAF9E,KAAK,CAGT,CACX,CAAC,IACE,IACE,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,mBACE,SAAS,EAAE,0BAA0B,KAAK,EAAE,EAC5C,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAyB,gBAC7C,uBAAuB,aAElC,kBAAQ,SAAS,EAAC,0BAA0B,gBAAY,WAAW,aACjE,cAAK,SAAS,EAAC,wBAAwB,gBAAa,MAAM,CAAC,SAAS,CAAC,YAAG,SAAS,GAAO,EACxF,cAAK,SAAS,EAAC,2BAA2B,GAAG,IACtC,EAET,cAAK,SAAS,EAAC,kCAAkC,gBAAY,YAAY,YACtE,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,cAAiB,SAAS,EAAC,4BAA4B,IAA7C,KAAK,CAA2C,CAC3D,CAAC,GACE,EAEN,cAAK,SAAS,EAAC,sBAAsB,gBAAW,aAAa,YAC1D,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,kBAAqB,SAAS,EAAC,6BAA6B,gBAAa,cAAc,KAAK,GAAG,CAAC,EAAE,YAChG,cAAK,SAAS,EAAC,yBAAyB,gBAAa,MAAM,CAAC,KAAK,CAAC,YAAG,KAAK,GAAO,IADrE,KAAK,CAET,CACX,CAAC,GACE,IACE,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -64,7 +64,9 @@ const OtpVerification = ({ handleClose, handleResend, handleOtp, resendTimeout =
|
|
|
64
64
|
setOtp(Array(OTP_LENGTH).fill(''));
|
|
65
65
|
handleResend();
|
|
66
66
|
};
|
|
67
|
-
return (_jsx(Modal, { isOpen: true, onClose: handleClose, isFooterDisplayed: false, isHeaderDisplayed: false, zIndex: 999999, customWidth: "340px", children: _jsxs("
|
|
67
|
+
return (_jsx(Modal, { isOpen: true, onClose: handleClose, isFooterDisplayed: false, isHeaderDisplayed: false, zIndex: 999999, customWidth: "340px", children: _jsxs("section", { className: "ff-otp-popup", "aria-label": "OTP verification modal", children: [_jsxs("header", { className: "ff-otp-header", "aria-label": "OTP header", children: [_jsx(Typography, { fontSize: 24, lineHeight: "36px", fontWeight: "semi-bold", children: "OTP Verification" }), _jsx(Icon, { name: "close", height: 16, width: 16, onClick: handleClose, className: "ff-close-icon", "aria-label": "Close OTP verification" })] }), _jsx("div", { className: "ff-otp-boxes", "aria-label": "OTP input fields", children: otp.map((value, index) => (_jsx("input", { type: "text", maxLength: 1, className: `ff-otp-input ${value ? 'filled' : ''} ${index === otp.findIndex((val) => val === '') ? 'active' : ''}`, value: value, onKeyDown: (e) => handleKeyDown(e, index), onPaste: handlePaste, ref: (el) => (inputRefs.current[index] = el), readOnly: true, "aria-label": `OTP digit ${index + 1}` }, index))) }), _jsx(Button, { variant: "primary", label: "Submit", onClick: () => handleOtp(otp.join('')), disabled: otp.includes(''), className: "ff-submit-btn" }), _jsxs("div", { className: `ff-resend ${isResendDisabled ? 'disabled' : ''}`, onClick: isResendDisabled ? undefined : handleResendClick, "aria-label": isResendDisabled
|
|
68
|
+
? `Resend OTP disabled${countdown > 0 ? ` for ${countdown} seconds` : ''}`
|
|
69
|
+
: 'Resend OTP', "aria-disabled": isResendDisabled, children: ["Re-send OTP", countdown > 0 ? ` (${countdown}s)` : ''] })] }) }));
|
|
68
70
|
};
|
|
69
71
|
export default OtpVerification;
|
|
70
72
|
//# sourceMappingURL=OtpVerification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtpVerification.js","sourceRoot":"","sources":["../../../src/components/OtpVerification/OtpVerification.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"OtpVerification.js","sourceRoot":"","sources":["../../../src/components/OtpVerification/OtpVerification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -76,22 +76,24 @@ const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height =
|
|
|
76
76
|
const modalContent = (_jsx("div", { className: "ff-overview-modal-overlay", style: {
|
|
77
77
|
background: overlay ? 'var(--pop-up-background-blur)' : '',
|
|
78
78
|
zIndex,
|
|
79
|
-
}, children: _jsxs("div", { className: classNames('ff-overview-modal-container', {
|
|
79
|
+
}, "aria-hidden": "true", children: _jsxs("div", { className: classNames('ff-overview-modal-container', {
|
|
80
80
|
'ff-overview-maximized-container': isMaximized,
|
|
81
81
|
}), style: {
|
|
82
82
|
...customStyle,
|
|
83
83
|
'--modal-width': maximizedVideoIndex !== null ? '98vw' : width,
|
|
84
84
|
'--modal-height': maximizedVideoIndex !== null ? '90vh' : height,
|
|
85
85
|
'--modal-top': top,
|
|
86
|
-
}, children: [showHeader && (_jsxs("
|
|
86
|
+
}, "aria-modal": overlay, "aria-label": "Overview modal", children: [showHeader && (_jsxs("header", { className: "ff-overview-modal-header", "aria-label": "Overview modal header", children: [header, _jsxs("div", { className: "ff-overview-modal-icons", "aria-label": "Header actions", children: [downloadFileIcon && (_jsx(Icon, { width: 16, height: 16, name: "download_file", onClick: downloadHandler, "aria-label": "Download file" })), icons] })] })), _jsxs("div", { className: classNames('ff-overview-modal-body', {
|
|
87
87
|
'ff-overview-modal-body--centered': isEmptyData,
|
|
88
|
-
}), children: [maximizedVideoIndex !== null && (_jsxs(_Fragment, { children: [maximizedVideoIndex > 0 && (_jsx("div", { className: "ff-overview-modal-nav ff-overview-modal-nav--left", onClick: handlePreviousVideo, children: _jsx(Icon, { width: 24, height: 24, name: "arrow_left_accordian", color: "var(--tooltip-text-color)" }) })), maximizedVideoIndex < videos.length - 1 && (_jsx("div", { className: "ff-overview-modal-nav ff-overview-modal-nav--right", onClick: handleNextVideo, children: _jsx(Icon, { width: 24, height: 24, name: "arrow_right_icon", color: "var(--tooltip-text-color)" }) }))] })), !isEmptyData ? (_jsx("
|
|
88
|
+
}), "aria-label": "Overview modal content", children: [maximizedVideoIndex !== null && (_jsxs(_Fragment, { children: [maximizedVideoIndex > 0 && (_jsx("div", { className: "ff-overview-modal-nav ff-overview-modal-nav--left", onClick: handlePreviousVideo, "aria-label": "Previous video", children: _jsx(Icon, { width: 24, height: 24, name: "arrow_left_accordian", color: "var(--tooltip-text-color)" }) })), maximizedVideoIndex < videos.length - 1 && (_jsx("div", { className: "ff-overview-modal-nav ff-overview-modal-nav--right", onClick: handleNextVideo, "aria-label": "Next video", children: _jsx(Icon, { width: 24, height: 24, name: "arrow_right_icon", color: "var(--tooltip-text-color)" }) }))] })), !isEmptyData ? (_jsx("section", { className: gridClass, "aria-label": "Video grid", children: displayedVideos.map(({ video, originalIndex }) => {
|
|
89
89
|
if (!video) {
|
|
90
90
|
return null;
|
|
91
91
|
}
|
|
92
|
-
return (_jsxs("
|
|
92
|
+
return (_jsxs("article", { className: "ff-overview-modal-image-item", "aria-label": `Video item ${originalIndex + 1}`, children: [isIframe ? (_jsx("iframe", { src: video.src, className: "ff-overview-modal-video", title: `${video.machineName} ${video.scriptName}` }, video.src)) : (_jsx("video", { src: video.src, autoPlay: true, muted: true, playsInline: true, preload: "auto", controls: false, onEnded: () => handleVideoEnd(originalIndex), className: "ff-overview-modal-video", "aria-label": `${video.machineName} ${video.scriptName}`, children: "Your browser does not support the video tag." }, video.src)), _jsxs("div", { className: "ff-overview-modal-image-name", "aria-label": "Video metadata", children: [_jsx(Icon, { name: video.icon || '', "aria-label": "Machine icon" }), _jsxs(Typography, { children: [video.machineName, " - ", video.scriptName] })] }), _jsx("div", { className: "ff-overview-modal-image-action", "aria-label": "Video actions", children: _jsx(Icon, { width: 16, height: 16, hoverEffect: true, name: maximizedVideoIndex === originalIndex
|
|
93
93
|
? 'collapse_icon'
|
|
94
|
-
: 'maximize_new',
|
|
94
|
+
: 'maximize_new', "aria-label": maximizedVideoIndex === originalIndex
|
|
95
|
+
? 'Collapse video'
|
|
96
|
+
: 'Maximize video', onClick: () => {
|
|
95
97
|
if (maximizedVideoIndex === originalIndex) {
|
|
96
98
|
setMaximizedVideoIndex(null);
|
|
97
99
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overviewModal.js","sourceRoot":"","sources":["../../../src/components/OverviewModal/overviewModal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"overviewModal.js","sourceRoot":"","sources":["../../../src/components/OverviewModal/overviewModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import classNames from 'classnames';
|
|
|
3
3
|
import './Paper.scss';
|
|
4
4
|
const Paper = ({ children, className = '', rounded = false }) => {
|
|
5
5
|
const dynamicClassName = classNames({ ['ff_rounded_lg']: rounded }, className);
|
|
6
|
-
return _jsx("
|
|
6
|
+
return (_jsx("section", { className: dynamicClassName, "aria-label": "Paper container", children: children }));
|
|
7
7
|
};
|
|
8
8
|
export default Paper;
|
|
9
9
|
//# sourceMappingURL=Paper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/components/Paper/Paper.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAGtB,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,KAAK,EAAc,EAAE,EAAE;IAC1E,MAAM,gBAAgB,GAAG,UAAU,CACjC,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,EAC9B,SAAS,CACV,CAAC;IAEF,OAAO,
|
|
1
|
+
{"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/components/Paper/Paper.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAGtB,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,KAAK,EAAc,EAAE,EAAE;IAC1E,MAAM,gBAAgB,GAAG,UAAU,CACjC,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,EAC9B,SAAS,CACV,CAAC;IAEF,OAAO,CACL,kBAAS,SAAS,EAAE,gBAAgB,gBAAa,iBAAiB,YAC/D,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -54,7 +54,7 @@ const PhoneInputField = ({ country, value: initialValue, onChange, width = '100%
|
|
|
54
54
|
onBlur(event);
|
|
55
55
|
validatePhoneNumber(phone);
|
|
56
56
|
};
|
|
57
|
-
return (_jsxs("
|
|
57
|
+
return (_jsxs("section", { id: id, "aria-label": "Phone input field", children: [_jsx(PhoneInput, { specialLabel: "", countryCodeEditable: false, country: country, value: phone, onChange: handlePhoneChange, inputStyle: {
|
|
58
58
|
width,
|
|
59
59
|
height: '32px',
|
|
60
60
|
border: isFocused
|
|
@@ -65,9 +65,11 @@ const PhoneInputField = ({ country, value: initialValue, onChange, width = '100%
|
|
|
65
65
|
borderRadius: '4px',
|
|
66
66
|
fontSize: '14px',
|
|
67
67
|
transition: 'border-color 0.3s ease',
|
|
68
|
-
}, enableSearch: true, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, dropdownStyle: dropdownStyle, enableAreaCodeStretch: enableAreaCodeStretch, disabled: disabled
|
|
68
|
+
}, enableSearch: true, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, dropdownStyle: dropdownStyle, enableAreaCodeStretch: enableAreaCodeStretch, disabled: disabled, inputProps: {
|
|
69
|
+
'aria-label': placeholder || 'Phone number',
|
|
70
|
+
} }), !isValid && !isFocused && (_jsx(Typography, { color: 'var(--error_light)', className: "error", fontSize: 10, "aria-label": "Invalid phone number format", children: "Invalid phone number format" })), isVerified ? (_jsx(Typography, { color: "var(--phone-number-verified-color)", "aria-label": "Phone number verified", children: "Verified" })) : (isValidPhoneNumber(phone) &&
|
|
69
71
|
isVerifyDisplay &&
|
|
70
|
-
!isVerified && (_jsx(Typography, { color: "var(--brand-color)", className: "cursor_pointer", onClick: onVerifyClick, children: "Verify" })))] }));
|
|
72
|
+
!isVerified && (_jsx(Typography, { color: "var(--brand-color)", className: "cursor_pointer", onClick: onVerifyClick, "aria-label": "Verify phone number", children: "Verify" })))] }));
|
|
71
73
|
};
|
|
72
74
|
export default PhoneInputField;
|
|
73
75
|
//# sourceMappingURL=PhoneInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../src/components/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../src/components/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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, children: _jsxs("
|
|
8
|
+
return (_jsx(Modal, { overlayClassName: "custom-overlay", isOpen: isOpen, onClose: onClose, isHeaderDisplayed: false, zIndex: zIndex, children: _jsxs("section", { className: 'warning_modal_container', "aria-label": "Popup modal content", children: [_jsxs("div", { className: 'warning_modal_content', "aria-label": "Popup message area", children: [_jsx(Icon, { name: iconName, className: 'warning_modal_icon', width: iconSize, height: iconSize, "aria-label": "Popup status icon" }), _jsxs("div", { className: 'warning_modal_message', "aria-label": "Popup messages", 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", "aria-label": "Popup details", children: [_jsx(Typography, { fontSize: 16, children: modalMessage }), _jsx(Typography, { as: "div", children: footerContent })] })] })] }), _jsxs("footer", { className: 'warning_modal_footer_button', "aria-label": "Popup actions", 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,QAAQ,EACN,
|
|
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,mBAAS,SAAS,EAAE,yBAAyB,gBAAa,qBAAqB,aAC7E,eAAK,SAAS,EAAE,uBAAuB,gBAAa,oBAAoB,aACtE,KAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,gBACL,mBAAmB,GAC9B,EACF,eAAK,SAAS,EAAE,uBAAuB,gBAAa,gBAAgB,aAClE,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,gBAAY,eAAe,aACvE,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,YAAG,YAAY,GAAc,EACrD,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,YAAE,aAAa,GAAc,IAC7C,IACF,IACF,EACN,kBAAQ,SAAS,EAAE,6BAA6B,gBAAa,eAAe,aAC1E,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,IACM,IACD,EAEZ,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"}
|
|
@@ -114,16 +114,16 @@ const PrePostTable = forwardRef(({ data = [], columns = [], headerType, withChec
|
|
|
114
114
|
return (_jsx(DndContext, { collisionDetection: closestCorners, onDragStart: () => {
|
|
115
115
|
handleDragStart?.();
|
|
116
116
|
expandStepGroup.clear();
|
|
117
|
-
}, onDragEnd: handleDragEnd, modifiers: [restrictToVerticalAxis], children: _jsx(SortableContext, { disabled: !draggable, items: data?.map((row) => row.stepId || row._id), strategy: verticalListSortingStrategy, children: _jsxs("
|
|
117
|
+
}, onDragEnd: handleDragEnd, modifiers: [restrictToVerticalAxis], children: _jsx(SortableContext, { disabled: !draggable, items: data?.map((row) => row.stepId || row._id), strategy: verticalListSortingStrategy, children: _jsxs("section", { style: { height: height }, id: "ff-table-scroll-container", className: classNames(className, {
|
|
118
118
|
'pre-fixed-header-table': withFixedHeader,
|
|
119
119
|
'pre-border-borderRadius': borderWithRadius,
|
|
120
|
-
}), children: [_jsxs("table", { className: classNames(`ff-table-pre-post`), cellSpacing: 0, children: [_jsx("thead", { className: classNames({
|
|
120
|
+
}), "aria-label": "Pre and post table container", children: [_jsxs("table", { className: classNames(`ff-table-pre-post`), cellSpacing: 0, "aria-label": "Pre post table", children: [_jsx("thead", { className: classNames({
|
|
121
121
|
'pre-table-thead': withFixedHeader,
|
|
122
|
-
}, tableHeadClass), children: _jsx("tr", { children: columns.map((column, index) => (_jsx("th", { className: classNames(`${headerType && `${headerType}-bg`}`, `${headerTextColor && `${headerTextColor}-color`}`), style: { width: column?.width }, children: _jsxs(Typography, { as: "div", fontWeight: "semi-bold", className: "ff-label-checkbox-container", lineHeight: "18px", color: "var(--drawer-title-color)", children: [index === 0 && withCheckbox && (_jsx("span", { className: "ff-table-pre-post-checkbox", children: _jsx(Checkbox, { onChange: (e) => {
|
|
122
|
+
}, tableHeadClass), "aria-label": "Table header", children: _jsx("tr", { children: columns.map((column, index) => (_jsx("th", { className: classNames(`${headerType && `${headerType}-bg`}`, `${headerTextColor && `${headerTextColor}-color`}`), style: { width: column?.width }, children: _jsxs(Typography, { as: "div", fontWeight: "semi-bold", className: "ff-label-checkbox-container", lineHeight: "18px", color: "var(--drawer-title-color)", children: [index === 0 && withCheckbox && (_jsx("span", { className: "ff-table-pre-post-checkbox", children: _jsx(Checkbox, { onChange: (e) => {
|
|
123
123
|
onSelectClick(e, {
|
|
124
124
|
allSelected: e.target.checked,
|
|
125
125
|
});
|
|
126
|
-
}, checked: allSelected !== undefined ? allSelected : false, partial: !!partialSelected, disabled: headerCheckboxDisabled }) })), column.header] }) }, column.header))) }) }), _jsxs("tbody", { className: "pre-table-tbody", children: [_jsx("tr", { id: "ff-table-first-node" }), appendNewRow(data, AddNlp ?? {})?.map((row, index) => {
|
|
126
|
+
}, checked: allSelected !== undefined ? allSelected : false, partial: !!partialSelected, disabled: headerCheckboxDisabled }) })), column.header] }) }, column.header))) }) }), _jsxs("tbody", { className: "pre-table-tbody", "aria-label": "Table body", children: [_jsx("tr", { id: "ff-table-first-node" }), appendNewRow(data, AddNlp ?? {})?.map((row, index) => {
|
|
127
127
|
const isEdit = editMode === row.stepId;
|
|
128
128
|
const isEditOrNew = isEdit || row.isNew;
|
|
129
129
|
const renderEditableRow = () => (_jsxs("tr", { id: "getInFocus", className: "pre-edit-row", children: [isEdit && isValidElement(editComponent) && (_jsx("td", { colSpan: columns.length, children: cloneElement(editComponent, {
|
|
@@ -139,7 +139,7 @@ const PrePostTable = forwardRef(({ data = [], columns = [], headerType, withChec
|
|
|
139
139
|
return isEditOrNew
|
|
140
140
|
? renderEditableRow()
|
|
141
141
|
: renderSortableRow();
|
|
142
|
-
}), _jsx("tr", { id: "ff-table-last-node" })] })] }), checkEmpty(data) && checkEmpty(AddNlp) && (_jsx("
|
|
142
|
+
}), _jsx("tr", { id: "ff-table-last-node" })] })] }), checkEmpty(data) && checkEmpty(AddNlp) && (_jsx("section", { className: "ff-no-data-content", style: { height: `calc(${height} - 50px)` }, "aria-label": "No data content", children: noDataContent }))] }) }) }));
|
|
143
143
|
});
|
|
144
144
|
export default PrePostTable;
|
|
145
145
|
//# sourceMappingURL=PrePostTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrePostTable.js","sourceRoot":"","sources":["../../../src/components/PrePostTable/PrePostTable.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"PrePostTable.js","sourceRoot":"","sources":["../../../src/components/PrePostTable/PrePostTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,8 +8,8 @@ const StepGroupDetailView = ({ rowData, toggleViewRow, }) => {
|
|
|
8
8
|
.toLowerCase()
|
|
9
9
|
.replace(/_/g, ' ')
|
|
10
10
|
.replace(/^./, (c) => c.toUpperCase());
|
|
11
|
-
return (_jsxs("section", { className: "ff-view-step-group", children: [_jsxs("header", { className: "ff-view-step-group__header", children: [_jsxs("div", { className: "ff-view-step-group__header_info", children: [_jsxs(Typography, { as: "span", lineHeight: "18px", color: "var(--nlp-color)", children: [rowData.displayOrder, ".", rowData.name] }), _jsx(Typography, { as: "div", children: _jsx(Icon, { name: "help_icon", height: 16, width: 16 }) })] }), _jsxs("div", { className: "ff-view-step-group__header_link", children: [_jsx(Typography, { color: "var(--nlp-color)", lineHeight: "18px", fontWeight: "semi-bold", style: { textDecoration: 'underline' }, children: "Open step group" }), _jsx(Icon, { name: "vertical_separator", color: "var(--vertical-separate-color)", width: 11, height: 16, className: "ff-view-step-group__header-right__line" }), _jsx(Icon, { name: "close", hoverEffect: true, onClick: () => toggleViewRow(null) })] })] }), _jsx("article", { className: "ff-view-step-group__content", children: !checkEmpty(rowData.stepInputs) &&
|
|
12
|
-
rowData.stepInputs.map((item, index) => (_jsxs("div", { className: "ff-view-step-group__content__item", children: [_jsx(Typography, { as: "div", fontWeight: "medium", color: "var(--text-color)", lineHeight: "18px", children: item?.name }), _jsx(Typography, { as: "div", color: "var(--dataset-tooltip-title)", lineHeight: "18px", children: item?.value.includes('_')
|
|
11
|
+
return (_jsxs("section", { className: "ff-view-step-group", "aria-label": "Step group detail view", children: [_jsxs("header", { className: "ff-view-step-group__header", "aria-label": "Step group header", children: [_jsxs("div", { className: "ff-view-step-group__header_info", "aria-label": "Step group title section", children: [_jsxs(Typography, { as: "span", lineHeight: "18px", color: "var(--nlp-color)", children: [rowData.displayOrder, ".", rowData.name] }), _jsx(Typography, { as: "div", children: _jsx(Icon, { name: "help_icon", height: 16, width: 16, "aria-label": "Step group help" }) })] }), _jsxs("div", { className: "ff-view-step-group__header_link", "aria-label": "Step group actions", children: [_jsx(Typography, { color: "var(--nlp-color)", lineHeight: "18px", fontWeight: "semi-bold", style: { textDecoration: 'underline' }, children: "Open step group" }), _jsx(Icon, { name: "vertical_separator", color: "var(--vertical-separate-color)", width: 11, height: 16, className: "ff-view-step-group__header-right__line", "aria-hidden": "true" }), _jsx(Icon, { name: "close", hoverEffect: true, onClick: () => toggleViewRow(null), "aria-label": "Close step group detail view" })] })] }), _jsx("article", { className: "ff-view-step-group__content", "aria-label": "Step group input details", children: !checkEmpty(rowData.stepInputs) &&
|
|
12
|
+
rowData.stepInputs.map((item, index) => (_jsxs("div", { className: "ff-view-step-group__content__item", "aria-label": `Input ${index + 1}: ${item?.name}`, children: [_jsx(Typography, { as: "div", fontWeight: "medium", color: "var(--text-color)", lineHeight: "18px", children: item?.name }), _jsx(Typography, { as: "div", color: "var(--dataset-tooltip-title)", lineHeight: "18px", children: item?.value.includes('_')
|
|
13
13
|
? convertToSentenceCase(item.value)
|
|
14
14
|
: item.value })] }, index))) })] }));
|
|
15
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepGroupDetailView.js","sourceRoot":"","sources":["../../../../src/components/PrePostTable/components/StepGroupDetailView.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,4BAA4B,CAAC;AAOpC,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,OAAO,EACP,aAAa,GACd,EAAE,EAAE;IACH,MAAM,qBAAqB,GAAG,CAAC,GAAW,EAAU,EAAE,CACpD,GAAG;SACA,WAAW,EAAE;SACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL,mBAAS,SAAS,EAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"StepGroupDetailView.js","sourceRoot":"","sources":["../../../../src/components/PrePostTable/components/StepGroupDetailView.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,4BAA4B,CAAC;AAOpC,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,OAAO,EACP,aAAa,GACd,EAAE,EAAE;IACH,MAAM,qBAAqB,GAAG,CAAC,GAAW,EAAU,EAAE,CACpD,GAAG;SACA,WAAW,EAAE;SACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL,mBAAS,SAAS,EAAC,oBAAoB,gBAAY,wBAAwB,aACzE,kBAAQ,SAAS,EAAC,4BAA4B,gBAAY,mBAAmB,aAC3E,eAAK,SAAS,EAAC,iCAAiC,gBAAY,0BAA0B,aACpF,MAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,kBAAkB,aAC7D,OAAO,CAAC,YAAY,OAAG,OAAO,CAAC,IAAI,IACzB,EACb,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,YAClB,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,gBAAa,iBAAiB,GAAG,GAClE,IACT,EACN,eAAK,SAAS,EAAC,iCAAiC,gBAAY,oBAAoB,aAC9E,KAAC,UAAU,IACT,KAAK,EAAC,kBAAkB,EACxB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,WAAW,EACtB,KAAK,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,gCAG3B,EACb,KAAC,IAAI,IACH,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,gCAAgC,EACtC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,wCAAwC,iBACtC,MAAM,GAClB,EACF,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,WAAW,QACX,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,gBACvB,8BAA8B,GACzC,IACE,IACC,EACT,kBAAS,SAAS,EAAC,6BAA6B,gBAAY,0BAA0B,YACnF,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC;oBAC9B,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC1D,eAEE,SAAS,EAAC,mCAAmC,gBACjC,SAAS,KAAK,GAAG,CAAC,KAAK,IAAI,EAAE,IAAI,EAAE,aAE/C,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,mBAAmB,EACzB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,IAAI,EAAE,IAAI,GACpB,EACF,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,8BAA8B,EACpC,UAAU,EAAC,MAAM,EACjB,QAAQ,EACN,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;oCACvB,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC;oCACnC,CAAC,CAAC,IAAI,CAAC,KAAK,GAEhB,KApBG,KAAK,CAqBN,CACP,CAAC,GACI,IACF,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -4,11 +4,14 @@ import MultiSelect from '../MultiSelect/MultiSelect';
|
|
|
4
4
|
import './ProcessedSourceSelector.scss';
|
|
5
5
|
import Select from '../Select';
|
|
6
6
|
import Tooltip from '../Tooltip';
|
|
7
|
-
const ProcessedSourceSelector = ({ type = 'file', onChange, selectedFile: externalSelectedFile, selectedJiraInstance: externalSelectedJiraInstance, selectedJiraTickets: externalSelectedJiraTickets, processedFiles = [], jiraInstances = [], jiraTickets = [], ticketLimit = 3, tooltip, dropdownPlacement, onSearch = () => { }, loadMoreOptions = () => { }, }) => {
|
|
7
|
+
const ProcessedSourceSelector = ({ type = 'file', onChange, selectedFile: externalSelectedFile, selectedJiraInstance: externalSelectedJiraInstance, selectedJiraTickets: externalSelectedJiraTickets, selectedFigmaInstance: externalSelectedFigmaInstance, selectedFigmaPages: externalSelectedFigmaPages, processedFiles = [], jiraInstances = [], jiraTickets = [], figmaInstances = [], ticketLimit = 3, tooltip, dropdownPlacement, onSearch = () => { }, loadMoreOptions = () => { }, }) => {
|
|
8
8
|
const [ticketSearchText, setTicketSearchText] = useState('');
|
|
9
|
+
const [pageSearchText, setPageSearchText] = useState('');
|
|
9
10
|
const [internalFile, setInternalFile] = useState(null);
|
|
10
11
|
const [internalInstance, setInternalInstance] = useState(null);
|
|
11
12
|
const [internalTickets, setInternalTickets] = useState([]);
|
|
13
|
+
const [internalFigmaInstance, setInternalFigmaInstance] = useState(null);
|
|
14
|
+
const [internalFigmaPages, setInternalFigmaPages] = useState([]);
|
|
12
15
|
const selectedFile = externalSelectedFile !== undefined ? externalSelectedFile : internalFile;
|
|
13
16
|
const selectedJiraInstance = externalSelectedJiraInstance !== undefined
|
|
14
17
|
? externalSelectedJiraInstance
|
|
@@ -16,12 +19,20 @@ const ProcessedSourceSelector = ({ type = 'file', onChange, selectedFile: extern
|
|
|
16
19
|
const selectedJiraTickets = externalSelectedJiraTickets !== undefined
|
|
17
20
|
? externalSelectedJiraTickets
|
|
18
21
|
: internalTickets;
|
|
19
|
-
const
|
|
22
|
+
const selectedFigmaInstance = externalSelectedFigmaInstance !== undefined
|
|
23
|
+
? externalSelectedFigmaInstance
|
|
24
|
+
: internalFigmaInstance;
|
|
25
|
+
const selectedFigmaPages = externalSelectedFigmaPages !== undefined
|
|
26
|
+
? externalSelectedFigmaPages
|
|
27
|
+
: internalFigmaPages;
|
|
28
|
+
const triggerChange = (file, instance, tickets, figmaInstance = null, figmaPages = []) => {
|
|
20
29
|
onChange({
|
|
21
30
|
sourceType: type,
|
|
22
31
|
selectedFile: file,
|
|
23
32
|
selectedJiraInstance: instance,
|
|
24
33
|
selectedJiraTickets: tickets,
|
|
34
|
+
selectedFigmaInstance: figmaInstance,
|
|
35
|
+
selectedFigmaPages: figmaPages,
|
|
25
36
|
});
|
|
26
37
|
};
|
|
27
38
|
const fileOptions = processedFiles.map((file) => ({
|
|
@@ -41,11 +52,35 @@ const ProcessedSourceSelector = ({ type = 'file', onChange, selectedFile: extern
|
|
|
41
52
|
const labelText = `${index + 1}. ${ticket}`;
|
|
42
53
|
return {
|
|
43
54
|
// If option is disabled, wrap in a custom Tooltip showing ONLY the warning message
|
|
44
|
-
label: isLimitReached && !isSelected ? (_jsx(Tooltip, { title: tooltip ?? `
|
|
55
|
+
label: isLimitReached && !isSelected ? (_jsx(Tooltip, { title: tooltip ?? `Only ${ticketLimit} tickets can be selected`, children: _jsx("span", { className: "disabled-ticket-label", children: labelText }) })) : (labelText),
|
|
45
56
|
value: ticket,
|
|
46
57
|
isDisabled: isLimitReached && !isSelected,
|
|
47
58
|
};
|
|
48
59
|
});
|
|
60
|
+
const figmaInstanceOptions = figmaInstances.map((inst) => ({
|
|
61
|
+
label: inst.name || inst.instanceName || inst._id,
|
|
62
|
+
value: inst._id,
|
|
63
|
+
}));
|
|
64
|
+
const activeFigmaInstance = figmaInstances.find((inst) => inst._id === selectedFigmaInstance?._id) ||
|
|
65
|
+
selectedFigmaInstance;
|
|
66
|
+
const figmaPageData = activeFigmaInstance?.pageData || [];
|
|
67
|
+
const isPageLimitReached = selectedFigmaPages.length >= ticketLimit;
|
|
68
|
+
const pageOptions = figmaPageData
|
|
69
|
+
.filter((page) => {
|
|
70
|
+
const pageName = typeof page === 'string' ? page : page?.name || '';
|
|
71
|
+
return pageName.toLowerCase().includes(pageSearchText.toLowerCase());
|
|
72
|
+
})
|
|
73
|
+
.map((page, index) => {
|
|
74
|
+
const pageName = typeof page === 'string' ? page : page?.name || '';
|
|
75
|
+
const pageValue = typeof page === 'string' ? page : page?._id || page?.name || '';
|
|
76
|
+
const isSelected = selectedFigmaPages.some((p) => p.value === pageValue || p.value === pageName);
|
|
77
|
+
const labelText = `${index + 1}. ${pageName}`;
|
|
78
|
+
return {
|
|
79
|
+
label: isPageLimitReached && !isSelected ? (_jsx(Tooltip, { title: tooltip ?? `Only ${ticketLimit} page can be selected`, children: _jsx("span", { className: "disabled-ticket-label", children: labelText }) })) : (labelText),
|
|
80
|
+
value: pageValue,
|
|
81
|
+
isDisabled: isPageLimitReached && !isSelected,
|
|
82
|
+
};
|
|
83
|
+
});
|
|
49
84
|
const handleFileChange = (option) => {
|
|
50
85
|
const file = processedFiles.find((f) => f.id === option.value) || null;
|
|
51
86
|
setInternalFile(file);
|
|
@@ -63,16 +98,38 @@ const ProcessedSourceSelector = ({ type = 'file', onChange, selectedFile: extern
|
|
|
63
98
|
triggerChange(null, selectedJiraInstance, selected);
|
|
64
99
|
}
|
|
65
100
|
};
|
|
66
|
-
|
|
101
|
+
const handleFigmaInstanceChange = (option) => {
|
|
102
|
+
const instance = figmaInstances.find((inst) => inst._id === option.value) || null;
|
|
103
|
+
setInternalFigmaInstance(instance);
|
|
104
|
+
setInternalFigmaPages([]);
|
|
105
|
+
triggerChange(null, null, [], instance, []);
|
|
106
|
+
};
|
|
107
|
+
const handlePagesChange = (selected) => {
|
|
108
|
+
if (selected.length <= ticketLimit) {
|
|
109
|
+
setInternalFigmaPages(selected);
|
|
110
|
+
triggerChange(null, null, [], selectedFigmaInstance, selected);
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
return (_jsxs("section", { className: "processed-source-selector", "aria-label": "Processed source selector", children: [type === 'file' && (_jsx("section", { className: "selector-row", "aria-label": "Processed file selector", children: _jsx("div", { className: "dropdown-container file-dropdown", "aria-label": "Processed file dropdown", children: _jsx(Select, { optionsList: fileOptions, selectedOption: selectedFile
|
|
67
114
|
? { label: selectedFile.name, value: selectedFile.id }
|
|
68
|
-
: { label: '', value: '' }, onChange: handleFileChange, placeHolder: "Select Processed File", showLabel: false, showToolTip: true, dropdownPlacement: dropdownPlacement, className: "processed-source-file-select", dropdownClassName: "processed-source-select-dropdown", variant: "ai" }) }) })), type === 'jira' && (_jsx("
|
|
115
|
+
: { label: '', value: '' }, onChange: handleFileChange, placeHolder: "Select Processed File", showLabel: false, showToolTip: true, dropdownPlacement: dropdownPlacement, className: "processed-source-file-select", dropdownClassName: "processed-source-select-dropdown", variant: "ai" }) }) })), type === 'jira' && (_jsx("section", { className: "selector-row-wrapper", "aria-label": "Processed Jira selectors", children: _jsxs("div", { className: "selector-row", "aria-label": "Jira selector row", children: [_jsx("div", { className: "dropdown-container instance-dropdown", "aria-label": "Jira instance dropdown", children: _jsx(Select, { optionsList: instanceOptions, selectedOption: selectedJiraInstance
|
|
69
116
|
? {
|
|
70
117
|
label: selectedJiraInstance.instanceName,
|
|
71
118
|
value: selectedJiraInstance._id,
|
|
72
119
|
}
|
|
73
|
-
: { label: '', value: '' }, onChange: handleInstanceChange, placeHolder: "Processed Jira Instances", showLabel: false, showToolTip: true, dropdownPlacement: dropdownPlacement, className: "processed-source-instance-select", dropdownClassName: "processed-source-select-dropdown", variant: "ai" }) }), selectedJiraInstance && (_jsx("div", { className: "dropdown-container ticket-dropdown", children: _jsx(MultiSelect, { label: "Select Jira Ticket", options: ticketOptions, selectedOptions: selectedJiraTickets, onChange: handleTicketsChange, placeholderForSearching: "Search Jira Ticket", displayCount: true, noResultsMessage: "No tickets available", dropdownPlacement: dropdownPlacement, className: "processed-source-tickets-select", dropdownClassName: "processed-source-multiselect-dropdown", variant: "ai", onSearch: (val) => {
|
|
120
|
+
: { label: '', value: '' }, onChange: handleInstanceChange, placeHolder: "Processed Jira Instances", showLabel: false, showToolTip: true, dropdownPlacement: dropdownPlacement, className: "processed-source-instance-select", dropdownClassName: "processed-source-select-dropdown", variant: "ai" }) }), selectedJiraInstance && (_jsx("div", { className: "dropdown-container ticket-dropdown", "aria-label": "Jira ticket multi select", children: _jsx(MultiSelect, { label: "Select Jira Ticket", options: ticketOptions, selectedOptions: selectedJiraTickets, onChange: handleTicketsChange, placeholderForSearching: "Search Jira Ticket", displayCount: true, noResultsMessage: "No tickets available", dropdownPlacement: dropdownPlacement, className: "processed-source-tickets-select", dropdownClassName: "processed-source-multiselect-dropdown", variant: "ai", onSearch: (val) => {
|
|
74
121
|
setTicketSearchText(val);
|
|
75
122
|
onSearch(val);
|
|
123
|
+
}, loadMoreOptions: loadMoreOptions }) }))] }) })), type === 'figma' && (_jsx("section", { className: "selector-row-wrapper", "aria-label": "Figma selectors", children: _jsxs("div", { className: "selector-row", "aria-label": "Figma selector row", children: [_jsx("div", { className: "dropdown-container instance-dropdown", "aria-label": "Figma instance dropdown", children: _jsx(Select, { optionsList: figmaInstanceOptions, selectedOption: selectedFigmaInstance
|
|
124
|
+
? {
|
|
125
|
+
label: selectedFigmaInstance.name ||
|
|
126
|
+
selectedFigmaInstance.instanceName ||
|
|
127
|
+
selectedFigmaInstance._id,
|
|
128
|
+
value: selectedFigmaInstance._id,
|
|
129
|
+
}
|
|
130
|
+
: { label: '', value: '' }, onChange: handleFigmaInstanceChange, placeHolder: "Figma Instances", showLabel: false, showToolTip: true, dropdownPlacement: dropdownPlacement, className: "source-instance-select", dropdownClassName: "source-select-dropdown", variant: "ai" }) }), selectedFigmaInstance && (_jsx("div", { className: "dropdown-container ticket-dropdown", "aria-label": "Figma page multi select", children: _jsx(MultiSelect, { label: "Select Figma Page", options: pageOptions, selectedOptions: selectedFigmaPages, onChange: handlePagesChange, placeholderForSearching: "Search Figma Page", displayCount: true, noResultsMessage: "No pages available", dropdownPlacement: dropdownPlacement, className: "processed-source-tickets-select", dropdownClassName: "processed-source-multiselect-dropdown", variant: "ai", onSearch: (val) => {
|
|
131
|
+
setPageSearchText(val);
|
|
132
|
+
onSearch(val);
|
|
76
133
|
}, loadMoreOptions: loadMoreOptions }) }))] }) }))] }));
|
|
77
134
|
};
|
|
78
135
|
export default ProcessedSourceSelector;
|