pixel-react 1.10.4 → 1.10.6
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/ComponentProps/TreeNodeProps.d.ts +2 -1
- package/lib/components/AddResourceButton/AddResourceButton.d.ts +4 -0
- package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
- package/lib/components/AddResourceButton/index.d.ts +1 -1
- package/lib/components/AddResourceButton/type.d.ts +2 -0
- package/lib/components/BrowserTabs/BrowserTabs.d.ts +5 -0
- package/lib/components/BrowserTabs/index.d.ts +1 -0
- package/lib/components/BrowserTabs/types.d.ts +64 -0
- package/lib/components/ConnectingBranch/data.d.ts +62 -64
- package/lib/components/ConnectingBranch/types.d.ts +28 -7
- package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +6 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.d.ts +3 -0
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +15 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +5 -0
- package/lib/components/Excel/Types.d.ts +1 -0
- package/lib/components/MenuOption/MenuOption.d.ts +1 -1
- package/lib/components/MenuOption/types.d.ts +1 -0
- package/lib/components/MiniModal/types.d.ts +2 -1
- package/lib/components/Select/components/types.d.ts +6 -1
- package/lib/components/Select/types.d.ts +17 -0
- package/lib/components/Table/Table.d.ts +1 -1
- package/lib/components/Table/Types.d.ts +1 -0
- package/lib/components/TableTree/Components/TableCell.d.ts +1 -1
- package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
- package/lib/components/TableTree/types.d.ts +4 -3
- package/lib/index.d.ts +127 -13
- package/lib/index.esm.js +992 -462
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +993 -462
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/ComponentProps/TreeNodeProps.ts +2 -1
- package/src/assets/Themes/BaseTheme.scss +1 -2
- package/src/assets/Themes/DarkTheme.scss +0 -1
- package/src/assets/styles/_mixins.scss +19 -0
- package/src/components/AddResourceButton/{AddButton.scss → AddResourceButton.scss} +1 -0
- package/src/components/AddResourceButton/{AddButton.stories.tsx → AddResourceButton.stories.tsx} +4 -4
- package/src/components/AddResourceButton/{AddButton.tsx → AddResourceButton.tsx} +25 -10
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +1 -2
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +16 -9
- package/src/components/AddResourceButton/index.ts +1 -1
- package/src/components/AddResourceButton/type.ts +2 -0
- package/src/components/BrowserTabs/BrowserTabs.scss +75 -0
- package/src/components/BrowserTabs/BrowserTabs.stories.tsx +366 -0
- package/src/components/BrowserTabs/BrowserTabs.tsx +128 -0
- package/src/components/BrowserTabs/index.ts +1 -0
- package/src/components/BrowserTabs/types.ts +73 -0
- package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +54 -39
- package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +3 -2
- package/src/components/ConnectingBranch/ConnectingBranch.tsx +28 -24
- package/src/components/ConnectingBranch/data.tsx +207 -213
- package/src/components/ConnectingBranch/types.ts +26 -17
- package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +1 -1
- package/src/components/Excel/ExcelFile/ExcelFile.scss +4 -0
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +35 -16
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +14 -3
- package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +1 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +16 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +12 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +31 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +30 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +47 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +4 -4
- package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +6 -0
- package/src/components/Excel/ExcelFile.stories.tsx +10 -2
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +11 -11
- package/src/components/Excel/Types.ts +1 -0
- package/src/components/Excel/dataConversion.ts +17 -19
- package/src/components/MenuOption/MenuOption.tsx +4 -0
- package/src/components/MenuOption/types.ts +1 -0
- package/src/components/MiniModal/MiniModal.scss +8 -0
- package/src/components/MiniModal/MiniModal.stories.tsx +60 -0
- package/src/components/MiniModal/types.ts +2 -1
- package/src/components/Select/Select.stories.tsx +43 -1
- package/src/components/Select/Select.tsx +16 -1
- package/src/components/Select/components/Dropdown.scss +41 -1
- package/src/components/Select/components/Dropdown.tsx +52 -6
- package/src/components/Select/components/types.ts +7 -2
- package/src/components/Select/types.ts +22 -0
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +8 -2
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +1 -1
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.scss +14 -0
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx +6 -11
- package/src/components/Table/Table.stories.tsx +1 -1
- package/src/components/Table/Table.tsx +55 -4
- package/src/components/Table/Types.ts +4 -1
- package/src/components/TableTree/Components/TableCell.tsx +25 -10
- package/src/components/TableTree/Components/TableHead.tsx +5 -5
- package/src/components/TableTree/Components/TableRow.tsx +27 -24
- package/src/components/TableTree/TableTree.scss +89 -69
- package/src/components/TableTree/TableTree.stories.tsx +66 -2
- package/src/components/TableTree/types.ts +4 -3
- package/src/index.ts +2 -0
- package/src/utils/getTreeDetails/getTreeDetails.ts +8 -7
- package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
- package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
- package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
- package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
- package/lib/components/Button/Button.stories.d.ts +0 -12
- package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
- package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
- package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
- package/lib/components/Chip/Chip.stories.d.ts +0 -14
- package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
- package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
- package/lib/components/Drawer/Drawer.stories.d.ts +0 -7
- package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
- package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
- package/lib/components/Form/Form.stories.d.ts +0 -6
- package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
- package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
- package/lib/components/Icon/Icon.stories.d.ts +0 -7
- package/lib/components/IconButton/IconButton.stories.d.ts +0 -6
- package/lib/components/Input/Input.stories.d.ts +0 -9
- package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
- package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
- package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -15
- package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -9
- package/lib/components/Modal/Modal.stories.d.ts +0 -7
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -9
- package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -8
- package/lib/components/Search/Search.stories.d.ts +0 -6
- package/lib/components/Select/Select.stories.d.ts +0 -13
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -15
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +0 -4
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +0 -3
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +0 -4
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +0 -3
- package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
- package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
- package/lib/components/Table/Table.stories.d.ts +0 -11
- package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
- package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
- package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
- package/lib/components/ThemeProvider/CustomThemeProvider.d.ts +0 -8
- package/lib/components/Toast/Toast.stories.d.ts +0 -6
- package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
- package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
- package/lib/components/Typography/Typography.stories.d.ts +0 -10
- package/lib/hooks/useCustomThemeProvider.d.ts +0 -11
- package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
- package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
- package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
- package/lib/utils/debounce/debounce.stories.d.ts +0 -6
- package/lib/utils/ffID/ffID.stories.d.ts +0 -6
- package/lib/utils/find/findAndInsert.d.ts +0 -7
- package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
- package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
- package/lib/utils/throttle/throttle.stories.d.ts +0 -6
- package/lib/utils/truncateText/truncateText.stories.d.ts +0 -6
package/lib/index.esm.js
CHANGED
@@ -28,11 +28,11 @@ function styleInject(css, ref) {
|
|
28
28
|
}
|
29
29
|
}
|
30
30
|
|
31
|
-
var css_248z$
|
32
|
-
styleInject(css_248z$
|
31
|
+
var css_248z$1m = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color: #d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight: #f5fb00;\n --slider-table-color: #efe1f9;\n --variable-dropdown-bg: #($variable-dropdown-bg);\n --dataset-tooltip-title: #($dataset-tooltip-title),\n --dataset-tooltip-value: #($dataset-tooltip-value), ;\n}\n\n.fontXs, .ff-button, .ff-button--small, .ff-button--medium {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd, .ff-button--large {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-button {\n background-color: var(--primary-button-text-color);\n border-radius: 4px;\n padding: 4px 8px;\n text-align: center;\n text-decoration: none;\n font-weight: 500;\n cursor: pointer;\n display: flex;\n gap: 4px;\n justify-content: center;\n align-items: center;\n border: 2px solid transparent;\n}\n.ff-button--transparent {\n background-color: transparent;\n}\n.ff-button--primary, .ff-button--delete, .ff-button--secondary {\n position: relative;\n cursor: pointer;\n border-radius: 4px;\n z-index: 1;\n border: none;\n overflow: hidden;\n}\n.ff-button--primary:before, .ff-button--delete:before, .ff-button--secondary:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 4px;\n padding: 0.6px;\n background: var(--primary-button-border);\n mask: linear-gradient(var(--primary-button-text-color) 0 0) content-box, linear-gradient(var(--primary-button-text-color) 0 0);\n mask-composite: exclude;\n -webkit-mask: linear-gradient(var(--primary-button-text-color) 0 0) content-box, linear-gradient(var(--primary-button-text-color) 0 0);\n -webkit-mask-composite: destination-out;\n z-index: -1;\n}\n.ff-button--primary:hover, .ff-button--delete:hover, .ff-button--secondary:hover {\n background: var(--primary-button-hover);\n}\n.ff-button--primary:disabled, .ff-button--delete:disabled, .ff-button--secondary:disabled {\n opacity: 50%;\n cursor: no-drop;\n}\n.ff-button--primary:disabled:before, .ff-button--delete:disabled:before, .ff-button--secondary:disabled:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 4px;\n padding: 0.6px;\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n z-index: -1;\n}\n.ff-button--primary {\n background: var(--primary-button-color);\n}\n.ff-button--primary:before {\n background: var(--primary-button-border);\n}\n.ff-button--primary:hover {\n background: var(--primary-button-hover);\n}\n.ff-button--delete {\n background: var(--delete-button-color);\n color: var(--primary-button-text-color);\n}\n.ff-button--delete:before {\n background: var(--delete-button-border);\n}\n.ff-button--delete:hover {\n background: var(--delete-button-hover);\n}\n.ff-button--warning {\n background: var(--warning-button-color);\n border: var(--warning-button-border);\n}\n.ff-button--secondary:before {\n background: var(--primary-button-border);\n}\n.ff-button--secondary:hover {\n background: var(--secondary-button-hover);\n}\n.ff-button--tertiary {\n border: none;\n background: var(--tertiary-button-color);\n}\n.ff-button--tertiary:hover {\n background: var(--tertiary-button-hover);\n}\n.ff-button--tertiary:disabled {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-button--small {\n font-weight: 500;\n padding: 4.5px 8px;\n line-height: 15px;\n}\n.ff-button--medium {\n font-weight: 500;\n padding: 6px 12px;\n}\n.ff-button--large {\n padding: 8px 16px;\n}\n.ff-button-primary--text {\n color: var(--primary-button-text-color);\n}\n.ff-button-secondary--text, .ff-button-tertiary--text {\n background: var(--secondary-button-color-text);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n}\n\n.ff-button-icon {\n cursor: pointer;\n}\n\n.ff-button-choose-file-text {\n color: var(--dotted-border-color);\n}\n\n.ff-button-choose-file {\n display: flex;\n justify-content: space-between;\n}";
|
32
|
+
styleInject(css_248z$1m);
|
33
33
|
|
34
|
-
var css_248z$
|
35
|
-
styleInject(css_248z$
|
34
|
+
var css_248z$1l = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color: #d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight: #f5fb00;\n --slider-table-color: #efe1f9;\n --variable-dropdown-bg: #($variable-dropdown-bg);\n --dataset-tooltip-title: #($dataset-tooltip-title),\n --dataset-tooltip-value: #($dataset-tooltip-value), ;\n}";
|
35
|
+
styleInject(css_248z$1l);
|
36
36
|
|
37
37
|
function getDefaultExportFromCjs (x) {
|
38
38
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
@@ -991,8 +991,8 @@ Components['closed_defects_status_icon'] = SvgCloseDefectsIcon;
|
|
991
991
|
Components['quality_score_status_icon'] = SvgQualityScoreIcon;
|
992
992
|
Components['defect_density_status_icon'] = SvgDefectDensityIcon;
|
993
993
|
|
994
|
-
var css_248z$
|
995
|
-
styleInject(css_248z$
|
994
|
+
var css_248z$1k = ".ff-icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px;\n box-sizing: content-box;\n}\n.ff-icon-container.ff-icon-danger:hover {\n background-color: var(--ff-icon-color-danger-variant);\n}\n.ff-icon-container.ff-icon-dark {\n background-color: var(--brand-color);\n border-radius: 4px;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover {\n background-color: white;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n\n.ff-icon-click {\n cursor: pointer;\n box-sizing: content-box;\n}\n.ff-icon-click:hover {\n border-radius: 4px;\n background-color: var(--ff-icon-hover-fill-color);\n}\n.ff-icon-click:hover > svg {\n color: var(--brand-color);\n}\n\n.ff-icon-disabled {\n cursor: no-drop;\n}\n.ff-icon-disabled > svg {\n color: var(--toggle-strip-color);\n}\n.ff-icon-disabled:hover {\n box-shadow: none;\n}\n.ff-icon-disabled:hover > svg {\n color: var(--toggle-strip-color);\n}";
|
995
|
+
styleInject(css_248z$1k);
|
996
996
|
|
997
997
|
const Icon = /*#__PURE__*/forwardRef(({
|
998
998
|
name,
|
@@ -1068,8 +1068,8 @@ const Icon = /*#__PURE__*/forwardRef(({
|
|
1068
1068
|
});
|
1069
1069
|
});
|
1070
1070
|
|
1071
|
-
var css_248z$
|
1072
|
-
styleInject(css_248z$
|
1071
|
+
var css_248z$1j = ".ff-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n.ff-text--regular {\n font-weight: 400;\n}\n.ff-text--medium {\n font-weight: 500;\n}\n.ff-text--semi-bold {\n font-weight: 600;\n}\n.ff-text--bold {\n font-weight: 700;\n}\n.ff-text .required-asterisk {\n color: var(--input-error-text-color);\n padding-right: 4px;\n}";
|
1072
|
+
styleInject(css_248z$1j);
|
1073
1073
|
|
1074
1074
|
const Typography = ({
|
1075
1075
|
fontWeight = 'regular',
|
@@ -1167,8 +1167,8 @@ const Button$1 = /*#__PURE__*/forwardRef(({
|
|
1167
1167
|
});
|
1168
1168
|
});
|
1169
1169
|
|
1170
|
-
var css_248z$
|
1171
|
-
styleInject(css_248z$
|
1170
|
+
var css_248z$1i = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-drawer-container .ff-overlay {\n position: fixed;\n inset: 0;\n background-color: var(--drawer-title-color);\n opacity: 0.5;\n z-index: 999;\n}\n.ff-drawer-container .child-drawer-overlay {\n z-index: 999;\n}\n.ff-drawer-container .ff-drawer {\n margin-bottom: 4px;\n position: fixed;\n right: 5px;\n bottom: 0;\n top: 87px;\n background-color: var(--primary-button-text-color);\n z-index: 999;\n transform: translateX(100%);\n opacity: 0;\n}\n.ff-drawer-container .ff-drawer--open {\n transform: translateX(0);\n opacity: 1;\n}\n.ff-drawer-container .ff-drawer--small {\n width: 444px;\n}\n.ff-drawer-container .ff-drawer--medium {\n width: 666px;\n}\n.ff-drawer-container .ff-drawer--large {\n width: 888px;\n}\n.ff-drawer-container .ff-drawer--x-large {\n width: calc(100vw - 10px);\n}\n.ff-drawer-container .ff-drawer--open, .ff-drawer-container .ff-drawer--medium, .ff-drawer-container .ff-drawer--large, .ff-drawer-container .ff-drawer--x-large {\n transition: all 0.4s ease-in-out;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header {\n padding: 4px 8px 4px 8px;\n display: flex;\n gap: 10px;\n border-bottom: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n font-weight: 600;\n color: var(--drawer-title-color);\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-close-icon {\n height: 16px;\n width: 16px;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n height: 24px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button {\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-expand-collapse-button {\n cursor: pointer;\n background-color: var(--button-bg-color);\n outline: none;\n border: none;\n margin: 0;\n border: 1px solid transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-custom-header {\n background-color: var(--drawer-footer-bg);\n width: 100%;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-body {\n background-color: var(--drawer-footer-bg);\n overflow-y: auto;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 4px 8px 4px 8px;\n display: flex;\n justify-content: space-between;\n border-top: 1px solid var(--drawer-footer-border);\n z-index: 1000;\n background-color: var(--base-bg-color);\n transform: translateY(3px);\n border-radius: 0 0 4px 4px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .ff-custom-footer {\n background-color: var(--drawer-footer-bg);\n width: 100%;\n border-radius: 0 0 8px 8px;\n}";
|
1171
|
+
styleInject(css_248z$1i);
|
1172
1172
|
|
1173
1173
|
function useEscapeKey(key) {
|
1174
1174
|
return callBack => {
|
@@ -1186,8 +1186,8 @@ function useEscapeKey(key) {
|
|
1186
1186
|
};
|
1187
1187
|
}
|
1188
1188
|
|
1189
|
-
var css_248z$1g = ":root {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --available-memory-bg: #9f2ea1;\n --assigned-memory-bg: linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%);\n --used-memory-bg: linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%);\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3c3838;\n --panel-shadow: rgba(0, 0, 0, 0.1019607843);\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #71347b;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --ff-progress-bar-bg-color: #f0f0f0;\n --ff-machine-partial-public-status-color: #ea850e;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(10, 13, 39, 0.1647058824);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922b3e;\n --follow-user-icon-orange: #ed760e;\n --follow-user-icon-black: #0a0a0a;\n --follow-user-icon-pink: #e63244;\n --follow-user-icon-blue: #3b83bd;\n --follow-user-icon-navy: #20214f;\n --follow-user-icon-lightGreen: #bdecb6;\n --follow-user-icon-gray: #d9d9d9;\n --follow-user-icon-yellow: #cda434;\n --follow-user-icon-salmon: #d36e70;\n --dataset-tooltip-title: #808080;\n --dataset-tooltip-value: #ffffff;\n --defect-trivial: #8bc34a;\n --defect-text: #9e9e9e;\n --defect-tweak: #ffc107;\n --defect-minor: #ffeb3b;\n --defect-majour: #ff9800;\n --defect-crash: #f44336;\n --defect-block: #d32f2f;\n --defect-blocker: #b71c1c;\n --defect-critical: #c2185b;\n --defect-catastrophic: #6a1b9a;\n --defect-serious: #7b1fa2;\n --defect-normal: #03a9f4;\n --defect-small-or-trivial: #4dd0e1;\n}\n\n:root {\n --base-bg-color: #1e1a22;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --available-memory-bg: #9f2ea1;\n --assigned-memory-bg: linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%);\n --used-memory-bg: linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%);\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n --file-details-bg: #0d0d0d;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --ff-progress-bar-bg-color: #f0f0f0;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3c3838;\n --panel-shadow: rgba(0, 0, 0, 0.1019607843);\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347b;\n --avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #333234;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(207, 209, 226, 0.4431372549);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-search-field-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-active-status-color: #4caf50;\n --ff-machine-running-status-color: #2055de;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922b3e;\n --follow-user-icon-orange: #ed760e;\n --follow-user-icon-black: #0a0a0a;\n --follow-user-icon-pink: #e63244;\n --follow-user-icon-blue: #3b83bd;\n --follow-user-icon-navy: #20214f;\n --follow-user-icon-lightGreen: #bdecb6;\n --follow-user-icon-gray: #d9d9d9;\n --follow-user-icon-yellow: #cda434;\n --follow-user-icon-salmon: #d36e70;\n --dataset-tooltip-title: #808080;\n --dataset-tooltip-value: #ffffff;\n --defect-trivial: #8bc34a;\n --defect-text: #9e9e9e;\n --defect-tweak: #ffc107;\n --defect-minor: #ffeb3b;\n --defect-majour: #ff9800;\n --defect-crash: #f44336;\n --defect-block: #d32f2f;\n --defect-blocker: #b71c1c;\n --defect-critical: #c2185b;\n --defect-catastrophic: #6a1b9a;\n --defect-serious: #7b1fa2;\n --defect-normal: #03a9f4;\n --defect-small-or-trivial: #4dd0e1;\n}\n\n:root {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #434db8;\n --text-color: #3c3838;\n --description-text: #7a7a7a;\n --click-able-text-color: #434db8;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #434db8;\n --border-color: #c2d2fb;\n --disable-color: rgba(67, 77, 184, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: #e9ebfb;\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #434db8;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #434db8;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #434db8;\n --primary-button-color: linear-gradient(188.79deg, #434db8 2.94%, #434db8 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #434db8 3.49%, #434db8 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #434db8 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #434db8 3.04%, #434db8 100%);\n --secondary-button-color-text: #6f7070;\n --secondary-button-border: #6f7070;\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #1e161f;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(67, 77, 184, 0.1019607843);\n --file-dropzone-selected-color: rgba(67, 77, 184, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #434db8;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #434db8;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #ffffff;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #434db8;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #434db8;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #434db8;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #fcce46;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #808080;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #434db8;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #434db8;\n --ff-search-field-hover-color: #edecf8;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #434db8;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #434db8;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #1e161f;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #434db8;\n --ff-connecting-branch-modal-header: #434db8;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #434db8 0%, #434db8 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #434db8;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #edecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #434db8;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --excel-sheet-button-color: #e9b5ff;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #434db8 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922B3E;\n --follow-user-icon-orange: #ED760E;\n --follow-user-icon-black: #0A0A0A;\n --follow-user-icon-pink: #E63244;\n --follow-user-icon-blue: #3B83BD;\n --follow-user-icon-navy: #20214F;\n --follow-user-icon-lightGreen: #BDECB6;\n --follow-user-icon-gray: #D9D9D9;\n --follow-user-icon-yellow: #CDA434;\n --follow-user-icon-salmon: #D36E70;\n}\n\n.ff-light-theme {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --available-memory-bg: #9f2ea1;\n --assigned-memory-bg: linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%);\n --used-memory-bg: linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%);\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3c3838;\n --panel-shadow: rgba(0, 0, 0, 0.1019607843);\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #71347b;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --ff-progress-bar-bg-color: #f0f0f0;\n --ff-machine-partial-public-status-color: #ea850e;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(10, 13, 39, 0.1647058824);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922b3e;\n --follow-user-icon-orange: #ed760e;\n --follow-user-icon-black: #0a0a0a;\n --follow-user-icon-pink: #e63244;\n --follow-user-icon-blue: #3b83bd;\n --follow-user-icon-navy: #20214f;\n --follow-user-icon-lightGreen: #bdecb6;\n --follow-user-icon-gray: #d9d9d9;\n --follow-user-icon-yellow: #cda434;\n --follow-user-icon-salmon: #d36e70;\n --dataset-tooltip-title: #808080;\n --dataset-tooltip-value: #ffffff;\n --defect-trivial: #8bc34a;\n --defect-text: #9e9e9e;\n --defect-tweak: #ffc107;\n --defect-minor: #ffeb3b;\n --defect-majour: #ff9800;\n --defect-crash: #f44336;\n --defect-block: #d32f2f;\n --defect-blocker: #b71c1c;\n --defect-critical: #c2185b;\n --defect-catastrophic: #6a1b9a;\n --defect-serious: #7b1fa2;\n --defect-normal: #03a9f4;\n --defect-small-or-trivial: #4dd0e1;\n}\n\n.ff-dark-theme {\n --base-bg-color: #1e1a22;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --available-memory-bg: #9f2ea1;\n --assigned-memory-bg: linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%);\n --used-memory-bg: linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%);\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n --file-details-bg: #0d0d0d;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --ff-progress-bar-bg-color: #f0f0f0;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3c3838;\n --panel-shadow: rgba(0, 0, 0, 0.1019607843);\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347b;\n --avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #333234;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(207, 209, 226, 0.4431372549);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-search-field-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-active-status-color: #4caf50;\n --ff-machine-running-status-color: #2055de;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922b3e;\n --follow-user-icon-orange: #ed760e;\n --follow-user-icon-black: #0a0a0a;\n --follow-user-icon-pink: #e63244;\n --follow-user-icon-blue: #3b83bd;\n --follow-user-icon-navy: #20214f;\n --follow-user-icon-lightGreen: #bdecb6;\n --follow-user-icon-gray: #d9d9d9;\n --follow-user-icon-yellow: #cda434;\n --follow-user-icon-salmon: #d36e70;\n --dataset-tooltip-title: #808080;\n --dataset-tooltip-value: #ffffff;\n --defect-trivial: #8bc34a;\n --defect-text: #9e9e9e;\n --defect-tweak: #ffc107;\n --defect-minor: #ffeb3b;\n --defect-majour: #ff9800;\n --defect-crash: #f44336;\n --defect-block: #d32f2f;\n --defect-blocker: #b71c1c;\n --defect-critical: #c2185b;\n --defect-catastrophic: #6a1b9a;\n --defect-serious: #7b1fa2;\n --defect-normal: #03a9f4;\n --defect-small-or-trivial: #4dd0e1;\n}\n\n.ff-blue-theme {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #434db8;\n --text-color: #3c3838;\n --description-text: #7a7a7a;\n --click-able-text-color: #434db8;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #434db8;\n --border-color: #c2d2fb;\n --disable-color: rgba(67, 77, 184, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: #e9ebfb;\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #434db8;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #434db8;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #434db8;\n --primary-button-color: linear-gradient(188.79deg, #434db8 2.94%, #434db8 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #434db8 3.49%, #434db8 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #434db8 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #434db8 3.04%, #434db8 100%);\n --secondary-button-color-text: #6f7070;\n --secondary-button-border: #6f7070;\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #1e161f;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(67, 77, 184, 0.1019607843);\n --file-dropzone-selected-color: rgba(67, 77, 184, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #434db8;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #434db8;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #ffffff;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #434db8;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #434db8;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #434db8;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #fcce46;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #808080;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #434db8;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #434db8;\n --ff-search-field-hover-color: #edecf8;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #434db8;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #434db8;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #1e161f;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #434db8;\n --ff-connecting-branch-modal-header: #434db8;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #434db8 0%, #434db8 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #434db8;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #edecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #434db8;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --excel-sheet-button-color: #e9b5ff;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #434db8 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922B3E;\n --follow-user-icon-orange: #ED760E;\n --follow-user-icon-black: #0A0A0A;\n --follow-user-icon-pink: #E63244;\n --follow-user-icon-blue: #3B83BD;\n --follow-user-icon-navy: #20214F;\n --follow-user-icon-lightGreen: #BDECB6;\n --follow-user-icon-gray: #D9D9D9;\n --follow-user-icon-yellow: #CDA434;\n --follow-user-icon-salmon: #D36E70;\n}";
|
1190
|
-
styleInject(css_248z$
|
1189
|
+
var css_248z$1h = ":root {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --available-memory-bg: #9f2ea1;\n --assigned-memory-bg: linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%);\n --used-memory-bg: linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%);\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3c3838;\n --panel-shadow: rgba(0, 0, 0, 0.1019607843);\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #71347b;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --ff-progress-bar-bg-color: #f0f0f0;\n --ff-machine-partial-public-status-color: #ea850e;\n --excel-sheet-button-color: #e9b5ff;\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #c9c9c9;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922b3e;\n --follow-user-icon-orange: #ed760e;\n --follow-user-icon-black: #0a0a0a;\n --follow-user-icon-pink: #e63244;\n --follow-user-icon-blue: #3b83bd;\n --follow-user-icon-navy: #20214f;\n --follow-user-icon-lightGreen: #bdecb6;\n --follow-user-icon-gray: #d9d9d9;\n --follow-user-icon-yellow: #cda434;\n --follow-user-icon-salmon: #d36e70;\n --dataset-tooltip-title: #808080;\n --dataset-tooltip-value: #ffffff;\n --defect-trivial: #8bc34a;\n --defect-text: #9e9e9e;\n --defect-tweak: #ffc107;\n --defect-minor: #ffeb3b;\n --defect-majour: #ff9800;\n --defect-crash: #f44336;\n --defect-block: #d32f2f;\n --defect-blocker: #b71c1c;\n --defect-critical: #c2185b;\n --defect-catastrophic: #6a1b9a;\n --defect-serious: #7b1fa2;\n --defect-normal: #03a9f4;\n --defect-small-or-trivial: #4dd0e1;\n}\n\n:root {\n --base-bg-color: #1e1a22;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --available-memory-bg: #9f2ea1;\n --assigned-memory-bg: linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%);\n --used-memory-bg: linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%);\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n --file-details-bg: #0d0d0d;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --ff-progress-bar-bg-color: #f0f0f0;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3c3838;\n --panel-shadow: rgba(0, 0, 0, 0.1019607843);\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347b;\n --avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #333234;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --excel-sheet-button-color: #e9b5ff;\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-search-field-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-active-status-color: #4caf50;\n --ff-machine-running-status-color: #2055de;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922b3e;\n --follow-user-icon-orange: #ed760e;\n --follow-user-icon-black: #0a0a0a;\n --follow-user-icon-pink: #e63244;\n --follow-user-icon-blue: #3b83bd;\n --follow-user-icon-navy: #20214f;\n --follow-user-icon-lightGreen: #bdecb6;\n --follow-user-icon-gray: #d9d9d9;\n --follow-user-icon-yellow: #cda434;\n --follow-user-icon-salmon: #d36e70;\n --dataset-tooltip-title: #808080;\n --dataset-tooltip-value: #ffffff;\n --defect-trivial: #8bc34a;\n --defect-text: #9e9e9e;\n --defect-tweak: #ffc107;\n --defect-minor: #ffeb3b;\n --defect-majour: #ff9800;\n --defect-crash: #f44336;\n --defect-block: #d32f2f;\n --defect-blocker: #b71c1c;\n --defect-critical: #c2185b;\n --defect-catastrophic: #6a1b9a;\n --defect-serious: #7b1fa2;\n --defect-normal: #03a9f4;\n --defect-small-or-trivial: #4dd0e1;\n}\n\n:root {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #434db8;\n --text-color: #3c3838;\n --description-text: #7a7a7a;\n --click-able-text-color: #434db8;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #434db8;\n --border-color: #c2d2fb;\n --disable-color: rgba(67, 77, 184, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: #e9ebfb;\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #434db8;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #434db8;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #434db8;\n --primary-button-color: linear-gradient(188.79deg, #434db8 2.94%, #434db8 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #434db8 3.49%, #434db8 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #434db8 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #434db8 3.04%, #434db8 100%);\n --secondary-button-color-text: #6f7070;\n --secondary-button-border: #6f7070;\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #1e161f;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(67, 77, 184, 0.1019607843);\n --file-dropzone-selected-color: rgba(67, 77, 184, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #434db8;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #434db8;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #ffffff;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #434db8;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #434db8;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #434db8;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #fcce46;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #808080;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #434db8;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #434db8;\n --ff-search-field-hover-color: #edecf8;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #434db8;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #434db8;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #1e161f;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #434db8;\n --ff-connecting-branch-modal-header: #434db8;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #434db8 0%, #434db8 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #434db8;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #edecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #434db8;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --excel-sheet-button-color: #e9b5ff;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #434db8 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922B3E;\n --follow-user-icon-orange: #ED760E;\n --follow-user-icon-black: #0A0A0A;\n --follow-user-icon-pink: #E63244;\n --follow-user-icon-blue: #3B83BD;\n --follow-user-icon-navy: #20214F;\n --follow-user-icon-lightGreen: #BDECB6;\n --follow-user-icon-gray: #D9D9D9;\n --follow-user-icon-yellow: #CDA434;\n --follow-user-icon-salmon: #D36E70;\n}\n\n.ff-light-theme {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --available-memory-bg: #9f2ea1;\n --assigned-memory-bg: linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%);\n --used-memory-bg: linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%);\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3c3838;\n --panel-shadow: rgba(0, 0, 0, 0.1019607843);\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #71347b;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --ff-progress-bar-bg-color: #f0f0f0;\n --ff-machine-partial-public-status-color: #ea850e;\n --excel-sheet-button-color: #e9b5ff;\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #c9c9c9;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922b3e;\n --follow-user-icon-orange: #ed760e;\n --follow-user-icon-black: #0a0a0a;\n --follow-user-icon-pink: #e63244;\n --follow-user-icon-blue: #3b83bd;\n --follow-user-icon-navy: #20214f;\n --follow-user-icon-lightGreen: #bdecb6;\n --follow-user-icon-gray: #d9d9d9;\n --follow-user-icon-yellow: #cda434;\n --follow-user-icon-salmon: #d36e70;\n --dataset-tooltip-title: #808080;\n --dataset-tooltip-value: #ffffff;\n --defect-trivial: #8bc34a;\n --defect-text: #9e9e9e;\n --defect-tweak: #ffc107;\n --defect-minor: #ffeb3b;\n --defect-majour: #ff9800;\n --defect-crash: #f44336;\n --defect-block: #d32f2f;\n --defect-blocker: #b71c1c;\n --defect-critical: #c2185b;\n --defect-catastrophic: #6a1b9a;\n --defect-serious: #7b1fa2;\n --defect-normal: #03a9f4;\n --defect-small-or-trivial: #4dd0e1;\n}\n\n.ff-dark-theme {\n --base-bg-color: #1e1a22;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --available-memory-bg: #9f2ea1;\n --assigned-memory-bg: linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%);\n --used-memory-bg: linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%);\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n --file-details-bg: #0d0d0d;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --ff-progress-bar-bg-color: #f0f0f0;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3c3838;\n --panel-shadow: rgba(0, 0, 0, 0.1019607843);\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347b;\n --avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #333234;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --excel-sheet-button-color: #e9b5ff;\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-search-field-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-active-status-color: #4caf50;\n --ff-machine-running-status-color: #2055de;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922b3e;\n --follow-user-icon-orange: #ed760e;\n --follow-user-icon-black: #0a0a0a;\n --follow-user-icon-pink: #e63244;\n --follow-user-icon-blue: #3b83bd;\n --follow-user-icon-navy: #20214f;\n --follow-user-icon-lightGreen: #bdecb6;\n --follow-user-icon-gray: #d9d9d9;\n --follow-user-icon-yellow: #cda434;\n --follow-user-icon-salmon: #d36e70;\n --dataset-tooltip-title: #808080;\n --dataset-tooltip-value: #ffffff;\n --defect-trivial: #8bc34a;\n --defect-text: #9e9e9e;\n --defect-tweak: #ffc107;\n --defect-minor: #ffeb3b;\n --defect-majour: #ff9800;\n --defect-crash: #f44336;\n --defect-block: #d32f2f;\n --defect-blocker: #b71c1c;\n --defect-critical: #c2185b;\n --defect-catastrophic: #6a1b9a;\n --defect-serious: #7b1fa2;\n --defect-normal: #03a9f4;\n --defect-small-or-trivial: #4dd0e1;\n}\n\n.ff-blue-theme {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #434db8;\n --text-color: #3c3838;\n --description-text: #7a7a7a;\n --click-able-text-color: #434db8;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #434db8;\n --border-color: #c2d2fb;\n --disable-color: rgba(67, 77, 184, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: #e9ebfb;\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #434db8;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #434db8;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #434db8;\n --primary-button-color: linear-gradient(188.79deg, #434db8 2.94%, #434db8 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #434db8 3.49%, #434db8 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #434db8 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #434db8 3.04%, #434db8 100%);\n --secondary-button-color-text: #6f7070;\n --secondary-button-border: #6f7070;\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #1e161f;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(67, 77, 184, 0.1019607843);\n --file-dropzone-selected-color: rgba(67, 77, 184, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #434db8;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #434db8;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #ffffff;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #434db8;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #434db8;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #434db8;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #fcce46;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #808080;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #434db8;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #434db8;\n --ff-search-field-hover-color: #edecf8;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #434db8;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #434db8;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #1e161f;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #434db8;\n --ff-connecting-branch-modal-header: #434db8;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #434db8 0%, #434db8 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #434db8;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #edecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #434db8;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --excel-sheet-button-color: #e9b5ff;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #434db8 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --card-total-defect-color: #71347b;\n --card-defect-density: #5dc70c;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --plugins-header-bg-color: rgba(89, 47, 124, 0.1);\n --follow-user-icon-red: #922B3E;\n --follow-user-icon-orange: #ED760E;\n --follow-user-icon-black: #0A0A0A;\n --follow-user-icon-pink: #E63244;\n --follow-user-icon-blue: #3B83BD;\n --follow-user-icon-navy: #20214F;\n --follow-user-icon-lightGreen: #BDECB6;\n --follow-user-icon-gray: #D9D9D9;\n --follow-user-icon-yellow: #CDA434;\n --follow-user-icon-salmon: #D36E70;\n}";
|
1190
|
+
styleInject(css_248z$1h);
|
1191
1191
|
|
1192
1192
|
const ThemeContext = /*#__PURE__*/createContext$1(undefined);
|
1193
1193
|
const ThemeProvider = ({
|
@@ -1393,15 +1393,15 @@ const Drawer = ({
|
|
1393
1393
|
}), document.body);
|
1394
1394
|
};
|
1395
1395
|
|
1396
|
-
var css_248z$
|
1396
|
+
var css_248z$1g = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-accordion {\n border: 1px solid var(--border-color);\n border-radius: 4px;\n min-width: fit-content;\n}\n.ff-accordion .accordion-header {\n display: flex;\n justify-content: space-between;\n min-height: 32px;\n align-items: center;\n cursor: pointer;\n}\n.ff-accordion .accordion-header .header-title {\n padding: 8px;\n}\n.ff-accordion .accordion-header .accordion-arrow {\n display: flex;\n padding: 8px;\n align-items: center;\n transition: transform 0.3s ease;\n}\n.ff-accordion .accordion-header .accordion-arrow.expanded {\n transform: rotate(180deg);\n}\n.ff-accordion .accordion-header .accordion-arrow:hover {\n color: var(--tooltip-bg-color);\n}\n.ff-accordion .accordion-header.expanded {\n background-color: var(--hover-color);\n border-bottom: 1px solid var(--hover-color);\n}\n.ff-accordion .accordion-header:hover {\n background-color: var(--hover-color);\n}\n.ff-accordion .accordion-content {\n padding: 8px;\n}";
|
1397
|
+
styleInject(css_248z$1g);
|
1398
|
+
|
1399
|
+
var css_248z$1f = "/* global.css or component CSS */\nbody {\n font-family: \"Poppins\", sans-serif;\n}";
|
1397
1400
|
styleInject(css_248z$1f);
|
1398
1401
|
|
1399
|
-
var css_248z$1e = "
|
1402
|
+
var css_248z$1e = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-tooltip {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-tooltip-container {\n cursor: pointer;\n display: inline-block;\n}\n\n.ff-tooltip {\n position: fixed;\n width: max-content;\n max-width: 60vw;\n word-wrap: break-word;\n background-color: var(--tooltip-bg-color);\n line-height: 18px;\n color: var(--tooltip-text-color);\n text-align: center;\n border-radius: 5px;\n padding: 4px 8px;\n opacity: 0;\n z-index: 10000;\n}\n.ff-tooltip--visible {\n opacity: 1;\n transition: opacity 0.3s;\n}";
|
1400
1403
|
styleInject(css_248z$1e);
|
1401
1404
|
|
1402
|
-
var css_248z$1d = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-tooltip {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-tooltip-container {\n cursor: pointer;\n display: inline-block;\n}\n\n.ff-tooltip {\n position: fixed;\n width: max-content;\n max-width: 60vw;\n word-wrap: break-word;\n background-color: var(--tooltip-bg-color);\n line-height: 18px;\n color: var(--tooltip-text-color);\n text-align: center;\n border-radius: 5px;\n padding: 4px 8px;\n opacity: 0;\n z-index: 10000;\n}\n.ff-tooltip--visible {\n opacity: 1;\n transition: opacity 0.3s;\n}";
|
1403
|
-
styleInject(css_248z$1d);
|
1404
|
-
|
1405
1405
|
const checkEmpty = value => {
|
1406
1406
|
// Check for null or undefined
|
1407
1407
|
if (value == null) return true;
|
@@ -1637,8 +1637,8 @@ const Accordion = ({
|
|
1637
1637
|
});
|
1638
1638
|
};
|
1639
1639
|
|
1640
|
-
var css_248z$1c = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .active-default-label, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .error-text {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-multiselect-container-with-icon {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n width: 100%;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper {\n flex-grow: 1;\n box-sizing: border-box;\n transition: all 0.3s ease;\n cursor: pointer;\n position: relative;\n border: 1px solid var(--default-icon-color);\n border-radius: 4px;\n background: var(--drawer-footer-bg);\n min-width: 150px;\n height: 32px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect {\n position: relative;\n padding: 6px 3px;\n border: none;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main {\n display: flex;\n flex: 1;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n color: var(--default-icon-color);\n line-height: 18px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .active-default-label {\n font-size: 8px !important;\n height: 8px;\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n background-color: var(--multi-select-label-bg);\n line-height: 12px;\n color: var(--default-icon-color);\n padding: 0 4px;\n position: absolute;\n left: 8px;\n top: -6px;\n pointer-events: none;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n overflow-y: auto;\n max-height: 64px;\n gap: 5px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container::-webkit-scrollbar {\n width: 4px;\n height: 40px;\n border-radius: 12px 0px 0px 0px;\n background: var(--description-text);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container::-webkit-scrollbar-track {\n background: var(--ff-select-scroll-track-bg);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container::-webkit-scrollbar-thumb {\n background: var(--ff-select-scroll-thumb-color);\n border-radius: 10px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container::-webkit-scrollbar-thumb:hover {\n background: var(--ff-select-scroll-thumb-hover);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n border: 0.5px solid var(--tabs-border-color);\n padding-left: 4px;\n gap: 4px;\n height: 16px;\n border-radius: 15px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n line-height: 14px;\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label.label-padding {\n padding-right: 3px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-close-icon {\n color: var(--brand-color);\n cursor: pointer;\n padding: 0px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container {\n flex: 1;\n min-width: 20px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input {\n width: 100%;\n min-width: 30px;\n max-width: calc(100% - 0px);\n padding: 2px;\n box-sizing: border-box;\n border: none;\n font-size: 12px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input:focus {\n outline: none;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect .ff-multiselect-more-chip {\n display: flex;\n align-items: center;\n width: 16px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow {\n transition: transform 0.3s ease;\n transform: rotate(360deg);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow svg path {\n transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow--opened-dropdown {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover {\n border: 1px solid var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-select-arrow svg path {\n fill: var(--tooltip-bg-color);\n transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--with-options {\n height: fit-content;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown {\n border: 1px solid var(--brand-color);\n height: fit-content;\n cursor: default;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover {\n border: 1px solid var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled {\n opacity: 0.5;\n pointer-events: none;\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover {\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n color: var(--text-color-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .error-text {\n position: absolute;\n margin-top: 4px;\n left: 12px;\n color: var(--error-light);\n letter-spacing: 0.5px;\n}\n.ff-multiselect-container-with-icon .ff-manage-labels-text {\n position: absolute;\n right: 0;\n margin-top: 4px;\n}\n.ff-multiselect-container-with-icon .ff-label-plus-icon {\n cursor: pointer;\n}";
|
1641
|
-
styleInject(css_248z$
|
1640
|
+
var css_248z$1d = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .active-default-label, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .error-text {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-multiselect-container-with-icon {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n width: 100%;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper {\n flex-grow: 1;\n box-sizing: border-box;\n transition: all 0.3s ease;\n cursor: pointer;\n position: relative;\n border: 1px solid var(--default-icon-color);\n border-radius: 4px;\n background: var(--drawer-footer-bg);\n min-width: 150px;\n height: 32px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect {\n position: relative;\n padding: 6px 3px;\n border: none;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main {\n display: flex;\n flex: 1;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n color: var(--default-icon-color);\n line-height: 18px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .active-default-label {\n font-size: 8px !important;\n height: 8px;\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n background-color: var(--multi-select-label-bg);\n line-height: 12px;\n color: var(--default-icon-color);\n padding: 0 4px;\n position: absolute;\n left: 8px;\n top: -6px;\n pointer-events: none;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n overflow-y: auto;\n max-height: 64px;\n gap: 5px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container::-webkit-scrollbar {\n width: 4px;\n height: 40px;\n border-radius: 12px 0px 0px 0px;\n background: var(--description-text);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container::-webkit-scrollbar-track {\n background: var(--ff-select-scroll-track-bg);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container::-webkit-scrollbar-thumb {\n background: var(--ff-select-scroll-thumb-color);\n border-radius: 10px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container::-webkit-scrollbar-thumb:hover {\n background: var(--ff-select-scroll-thumb-hover);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n border: 0.5px solid var(--tabs-border-color);\n padding-left: 4px;\n gap: 4px;\n height: 16px;\n border-radius: 15px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n line-height: 14px;\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label.label-padding {\n padding-right: 3px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-close-icon {\n color: var(--brand-color);\n cursor: pointer;\n padding: 0px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container {\n flex: 1;\n min-width: 20px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input {\n width: 100%;\n min-width: 30px;\n max-width: calc(100% - 0px);\n padding: 2px;\n box-sizing: border-box;\n border: none;\n font-size: 12px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input:focus {\n outline: none;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect .ff-multiselect-more-chip {\n display: flex;\n align-items: center;\n width: 16px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow {\n transition: transform 0.3s ease;\n transform: rotate(360deg);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow svg path {\n transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow--opened-dropdown {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover {\n border: 1px solid var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-select-arrow svg path {\n fill: var(--tooltip-bg-color);\n transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--with-options {\n height: fit-content;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown {\n border: 1px solid var(--brand-color);\n height: fit-content;\n cursor: default;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover {\n border: 1px solid var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled {\n opacity: 0.5;\n pointer-events: none;\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover {\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n color: var(--text-color-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .error-text {\n position: absolute;\n margin-top: 4px;\n left: 12px;\n color: var(--error-light);\n letter-spacing: 0.5px;\n}\n.ff-multiselect-container-with-icon .ff-manage-labels-text {\n position: absolute;\n right: 0;\n margin-top: 4px;\n}\n.ff-multiselect-container-with-icon .ff-label-plus-icon {\n cursor: pointer;\n}";
|
1641
|
+
styleInject(css_248z$1d);
|
1642
1642
|
|
1643
1643
|
const dropdownDefaultCSSData$1 = {
|
1644
1644
|
verticalMargin: 4,
|
@@ -1646,11 +1646,11 @@ const dropdownDefaultCSSData$1 = {
|
|
1646
1646
|
maxDropdownHeight: 160
|
1647
1647
|
};
|
1648
1648
|
|
1649
|
-
var css_248z$
|
1650
|
-
styleInject(css_248z$
|
1649
|
+
var css_248z$1c = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd, .ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-multiselect-dropdown-container {\n position: absolute;\n background: var(--drawer-footer-bg);\n z-index: 1000;\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n border: 0.5px solid var(--ff-select-option-border-color);\n border-radius: 4px;\n box-sizing: border-box;\n margin-block: 4px;\n max-height: 160px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper {\n max-height: 128px;\n overflow-y: auto;\n border-radius: 2px;\n overflow-x: hidden;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 40px;\n border-radius: 12px 0px 0px 0px;\n background: var(--description-text);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-track {\n background: var(--ff-select-scroll-track-bg);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb {\n background: var(--ff-select-scroll-thumb-color);\n border-radius: 10px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb:hover {\n background: var(--ff-select-scroll-thumb-hover);\n}\n.ff-multiselect-dropdown-container .no-options {\n color: var(--ff-select-text-color);\n text-align: center;\n margin: 0;\n padding: 7px;\n line-height: 12px;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n height: 32px;\n padding: 4px 8px;\n gap: 4px;\n border-radius: 4px 0px 0px 0px;\n background-color: white;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n color: var(--ff-select-text-color);\n}\n.ff-multiselect-dropdown-container .dropdown-option-container:hover {\n background-color: var(--hover-color);\n}\n.ff-multiselect-dropdown-container:focus {\n outline: none;\n}\n.ff-multiselect-dropdown-container .select-button-container {\n box-sizing: border-box;\n width: 100%;\n border-top: 1px solid var(--slider-table-color);\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n}";
|
1650
|
+
styleInject(css_248z$1c);
|
1651
1651
|
|
1652
|
-
var css_248z$
|
1653
|
-
styleInject(css_248z$
|
1652
|
+
var css_248z$1b = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-checkbox--overlay {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n cursor: pointer;\n position: relative;\n}\n.ff-checkbox--overlay .ff-checkbox-input {\n display: none;\n}\n.ff-checkbox--overlay .ff-checkbox-custom {\n width: 16px;\n height: 16px;\n border: 1px solid var(--checkbox-border-color);\n box-sizing: border-box;\n border-radius: 2px;\n margin-right: 4px;\n background-color: var(--checkbox-bg-color);\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom .ff-tick-icon {\n padding: 2px !important;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::before {\n content: \"\";\n width: 9px;\n height: 2px;\n background-color: var(--checkbox-partial-color);\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(180deg);\n opacity: 0;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border: 4px solid var(--checkbox-hover-color);\n border-radius: 4px;\n position: absolute;\n opacity: 0;\n background-color: var(--checkbox-hover-color);\n z-index: -1;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover::after {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom {\n background: var(--brand-color);\n border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom.ff-checkbox-checked--passed {\n background-color: var(--ff-card-passed-status-bg-color);\n border-color: var(--ff-card-passed-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom.ff-checkbox-checked--failed {\n background-color: var(--ff-card-failed-status-bg-color);\n border-color: var(--ff-card-failed-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom.ff-checkbox-checked--warning {\n background-color: var(--ff-card-warning-status-bg-color);\n border-color: var(--ff-card-warning-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom.ff-checkbox-checked--skipped {\n background-color: var(--ff-card-skipped-status-bg-color);\n border-color: var(--ff-card-skipped-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom.ff-checkbox-checked--flaky {\n background-color: var(--ff-card-flaky-status-bg-color);\n border-color: var(--ff-card-flaky-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom {\n background: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom.ff-checkbox-checked--passed {\n background: var(--ff-card-passed-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom.ff-checkbox-checked--failed {\n background: var(--ff-card-failed-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom.ff-checkbox-checked--warning {\n background: var(--ff-card-warning-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom.ff-checkbox-checked--skipped {\n background: var(--ff-card-skipped-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom.ff-checkbox-checked--flaky {\n background: var(--ff-card-flaky-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom::after {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom {\n opacity: 0.5;\n cursor: not-allowed;\n border: 1px solid var(--checkbox-border-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom::after {\n opacity: 0;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial {\n background-color: var(--brand-color);\n border: none;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial::before {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover {\n background-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover::after {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox--passed {\n border-color: var(--ff-card-passed-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox--failed {\n border-color: var(--ff-card-failed-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox--warning {\n border-color: var(--ff-card-warning-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox--skipped {\n border-color: var(--ff-card-skipped-status-bg-color);\n}\n.ff-checkbox--overlay .ff-checkbox--flaky {\n border-color: var(--ff-card-flaky-status-bg-color);\n}";
|
1653
|
+
styleInject(css_248z$1b);
|
1654
1654
|
|
1655
1655
|
const Checkbox = ({
|
1656
1656
|
id,
|
@@ -2227,8 +2227,8 @@ const MultiSelect = ({
|
|
2227
2227
|
});
|
2228
2228
|
};
|
2229
2229
|
|
2230
|
-
var css_248z$
|
2231
|
-
styleInject(css_248z$
|
2230
|
+
var css_248z$1a = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-toaster-overlay {\n position: fixed;\n bottom: 0;\n right: 0;\n width: 100%;\n height: 100%;\n display: flex;\n pointer-events: none;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.ff-toaster-overlay .ff-toaster {\n background-color: var(--drawer-footer-bg);\n display: flex;\n border-radius: 10px;\n margin: 16px;\n pointer-events: auto;\n min-width: 320px;\n max-width: 600px;\n gap: 8px;\n box-shadow: 0px 1px 4px 0px var(--toaster-boxshadow);\n animation: slideInToasterBottomRight 0.5s forwards;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container {\n padding: 8px;\n display: flex;\n border-radius: 10px;\n gap: 8px;\n width: 100%;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 8px;\n padding: 1px;\n -webkit-mask: linear-gradient(var(--drawer-footer-bg) 0 0) content-box, linear-gradient(var(--drawer-footer-bg) 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n z-index: -1;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n gap: 4px;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__title {\n max-width: 500px;\n word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__message {\n max-width: 500px;\n word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__prompt {\n margin-top: 4px;\n display: flex;\n gap: 10px;\n}\n.ff-toaster-overlay .ff-toaster--success::before {\n background: var(--toaster-success-border);\n}\n.ff-toaster-overlay .ff-toaster--warning::before {\n background: var(--toaster-warning-border);\n}\n.ff-toaster-overlay .ff-toaster--info::before {\n background: var(--toaster-info-border);\n}\n.ff-toaster-overlay .ff-toaster--danger::before, .ff-toaster-overlay .ff-toaster--confirm::before {\n background: var(--toaster-danger_confirm-border);\n}\n.ff-toaster-overlay .ff-toaster .ff-close-icon-wrapper {\n box-sizing: border-box;\n cursor: pointer;\n height: fit-content;\n width: fit-content;\n border-radius: 8px;\n padding: 8px;\n background: var(--toast-close-icon-wrapper-bg);\n margin-left: auto;\n}\n.ff-toaster-overlay.exiting {\n animation: slideOutToasterBottomRight 0.5s forwards;\n}\n\n@keyframes slideOutToasterBottomRight {\n from {\n transform: translateX(0%);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes slideInToasterBottomRight {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0%);\n }\n}\n.fireflink-stories-toaster-container .fireflink-stories-toaster-container-row {\n display: flex;\n gap: 5px;\n margin: 15px;\n}";
|
2231
|
+
styleInject(css_248z$1a);
|
2232
2232
|
|
2233
2233
|
const Toaster = ({
|
2234
2234
|
isOpen = false,
|
@@ -2337,8 +2337,8 @@ const Toaster = ({
|
|
2337
2337
|
}), document.body);
|
2338
2338
|
};
|
2339
2339
|
|
2340
|
-
var css_248z$
|
2341
|
-
styleInject(css_248z$
|
2340
|
+
var css_248z$19 = "/* Container */\n.ff-container {\n margin-right: auto;\n margin-left: auto;\n width: 90%;\n display: grid;\n}\n\n.ff-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n display: grid;\n}\n\n/* Row */\n.ff-row {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n}\n\n/* Column sizes based on a 12-column layout */\n.ff-col {\n grid-column: span 12;\n}\n\n.ff-col-1 {\n grid-column: span 1;\n}\n\n.ff-col-2 {\n grid-column: span 2;\n}\n\n.ff-col-3 {\n grid-column: span 3;\n}\n\n.ff-col-4 {\n grid-column: span 4;\n}\n\n.ff-col-5 {\n grid-column: span 5;\n}\n\n.ff-col-6 {\n grid-column: span 6;\n}\n\n.ff-col-7 {\n grid-column: span 7;\n}\n\n.ff-col-8 {\n grid-column: span 8;\n}\n\n.ff-col-9 {\n grid-column: span 9;\n}\n\n.ff-col-10 {\n grid-column: span 10;\n}\n\n.ff-col-11 {\n grid-column: span 11;\n}\n\n.ff-col-12 {\n grid-column: span 12;\n}\n\n@media (max-width: 768px) {\n /* Stacking columns on small screens */\n .ff-col {\n grid-column: span 12;\n }\n}";
|
2341
|
+
styleInject(css_248z$19);
|
2342
2342
|
|
2343
2343
|
const Container = ({
|
2344
2344
|
children,
|
@@ -2380,8 +2380,8 @@ const Col = ({
|
|
2380
2380
|
});
|
2381
2381
|
};
|
2382
2382
|
|
2383
|
-
var css_248z$
|
2384
|
-
styleInject(css_248z$
|
2383
|
+
var css_248z$18 = ".ff--switch-container {\n position: relative;\n display: flex;\n align-items: center;\n}\n.ff--switch-container .ff--switch-checkbox {\n height: 0;\n width: 0;\n display: none;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button {\n right: -1px;\n border: 1px solid var(--brand-color);\n background: var(--toggle-button-bg-color);\n transition: all 0.3s;\n box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button .ff-checked-icon--primary svg path {\n fill: var(--brand-color);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label--primary {\n background: var(--brand-color);\n transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label:disabled {\n cursor: default;\n color: var(--disable-color);\n background: var(--disable-color);\n}\n.ff--switch-container .ff--switch-checkbox:disabled {\n cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n border-radius: 8px;\n position: relative;\n background: var(--toggle-strip-color);\n transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-label--disabled {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button {\n position: absolute;\n left: 0;\n border: 1px solid var(--toggle-strip-color);\n display: flex;\n background: var(--toggle-button-bg-color);\n border-radius: 50%;\n box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n transition: all 0.3s;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button .ff-unchecked-icon--primary svg path {\n fill: var(--toggle-disable-icon-color);\n}\n.ff--switch-container .default--small {\n width: 24px;\n height: 10px;\n}\n.ff--switch-container .default--small .ff--switch-button {\n width: 16px;\n height: 16px;\n transform: translateX(0);\n}\n.ff--switch-container .default--small .ff--switch-button.checked {\n transform: translateX(10px);\n}\n.ff--switch-container .default--medium {\n width: 32px;\n height: 14px;\n}\n.ff--switch-container .default--medium .ff--switch-button {\n width: 20px;\n height: 20px;\n transform: translateX(0);\n}\n.ff--switch-container .default--medium .ff--switch-button.checked {\n transform: translateX(14px);\n}\n.ff--switch-container .default--large {\n width: 40px;\n height: 16px;\n}\n.ff--switch-container .default--large .ff--switch-button {\n width: 24px;\n height: 24px;\n transform: translateX(0);\n}\n.ff--switch-container .default--large .ff--switch-button.checked {\n transform: translateX(16px);\n}";
|
2384
|
+
styleInject(css_248z$18);
|
2385
2385
|
|
2386
2386
|
const Toggle = ({
|
2387
2387
|
onChange,
|
@@ -2459,8 +2459,8 @@ const Toggle = ({
|
|
2459
2459
|
});
|
2460
2460
|
};
|
2461
2461
|
|
2462
|
-
var css_248z$
|
2463
|
-
styleInject(css_248z$
|
2462
|
+
var css_248z$17 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-chip-wrapper .ff-default-chip-style--custom {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-chip-wrapper {\n display: inline-flex;\n margin: 5px;\n justify-content: center;\n align-items: center;\n}\n.ff-chip-wrapper .ff-default-chip-style {\n display: flex;\n align-items: center;\n justify-content: space-around;\n width: fit-content;\n gap: 5px;\n height: 17px;\n border-radius: 25px;\n padding: 1px 6px;\n line-height: 15px;\n border: none;\n transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out, padding 0.4s ease-in-out;\n box-shadow: 1px 1px 3px 0px var(--ff-chips-blur-color) inset, -1px -1px 2px 0px var(--ff-chip-bg) inset, 1px -1px 2px 0px var(--ff-chips-blur-color) inset, -1px -1px 2px 0px var(--ff-chips-blur-color), 1px 1px 2px 0px var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--fullText:hover {\n box-shadow: 1px 1px 3px 0px var(--ff-chips-blur-color) inset, -1px -1px 2px 0px var(--ff-chip-bg) inset, 1px -1px 2px 0px var(--ff-chips-blur-color) inset, -1px -1px 2px 0px var(--ff-chips-blur-color), 1px 1px 2px 0px var(--ff-chip-bg);\n padding-right: 7px;\n}\n.ff-chip-wrapper .ff-default-chip-style--primary {\n background-color: var(--ff-chips-fill-color);\n color: var(--ff-chip-bg);\n color: var(--ff-chip-text-color);\n}\n.ff-chip-wrapper .ff-default-chip-style--success {\n background-color: var(--ff-success);\n color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--error {\n background-color: var(--ff-error-light);\n color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--warning {\n background-color: var(--ff-warning);\n color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--custom {\n background: rgba(97, 11, 134, 0.1019607843);\n color: #610b86;\n padding: 2px 8px;\n border-radius: 12px;\n cursor: pointer;\n white-space: nowrap;\n box-shadow: none;\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n.ff-chip-wrapper .ff-default-chip-style--custom:hover {\n background-color: #610b86;\n color: #fdfaff;\n}\n.ff-chip-wrapper .ff-default-chip-style--public {\n background-color: var(--public-chip-bg-color);\n color: var(--ff-chip-bg);\n color: var(--license_header_text_color);\n}\n.ff-chip-wrapper .ff-default-chip-style--partial-public {\n background-color: var(--partial-public-chip-bg-color);\n color: var(--ff-chip-bg);\n color: var(--license_header_text_color);\n}\n.ff-chip-wrapper .ff-default-chip-style--private {\n background-color: var(--private-chip-bg-color);\n color: var(--ff-chip-bg);\n color: var(--license_header_text_color);\n}\n.ff-chip-wrapper .ff-default-chip-style--disabled {\n background-color: var(--disabled-chip-bg-color);\n color: var(--ff-chip-bg);\n color: var(--table-column-text-color);\n}\n.ff-chip-wrapper .ff-default-chip-style--count {\n background-color: var(--impact-list-chip-bg-color);\n color: var(--ff-chip-bg);\n color: var(--ff-chip-text-color);\n}";
|
2463
|
+
styleInject(css_248z$17);
|
2464
2464
|
|
2465
2465
|
const Chip = ({
|
2466
2466
|
label = '',
|
@@ -2491,8 +2491,8 @@ const Chip = ({
|
|
2491
2491
|
});
|
2492
2492
|
};
|
2493
2493
|
|
2494
|
-
var css_248z$
|
2495
|
-
styleInject(css_248z$
|
2494
|
+
var css_248z$16 = ".fontXs, .ff-input-fieldset .ff-input-container .ff-input::placeholder, .ff-input-fieldset .ff-input-container .ff-input-label-container::placeholder, .ff-input-fieldset .ff-input-container:focus-within .ff-input-label-container, .ff-input-fieldset .ff-input-container .ff-input-message {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-input-fieldset .ff-input-container .ff-input, .ff-input-fieldset .ff-input-container .ff-input-label-container {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-input-fieldset {\n display: inline-block;\n border: none;\n padding: 0;\n margin: 0;\n width: 100%;\n}\n.ff-input-fieldset--disabled {\n border: 1px solid var(--input-default-border-color);\n background: var(--input-disabled-background-color);\n border-radius: 4px;\n opacity: 0.5;\n}\n.ff-input-fieldset .ff-input-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.ff-input-fieldset .ff-input-container .ff-input, .ff-input-fieldset .ff-input-container .ff-input-label-container {\n padding: 6px 8px;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n}\n.ff-input-fieldset .ff-input-container .ff-input--medium {\n padding: 10px 9px;\n}\n.ff-input-fieldset .ff-input-container .ff-input:disabled, .ff-input-fieldset .ff-input-container .ff-input-label-container:disabled {\n cursor: not-allowed;\n border: none;\n background: transparent;\n}\n.ff-input-fieldset .ff-input-container .ff-input::placeholder, .ff-input-fieldset .ff-input-container .ff-input-label-container::placeholder {\n opacity: 0;\n line-height: 15px;\n}\n.ff-input-fieldset .ff-input-container .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-fieldset .ff-input-container .ff-input--transparentBackground {\n background: transparent;\n}\n.ff-input-fieldset .ff-input-container .ff-input--no-border {\n border: none;\n}\n.ff-input-fieldset .ff-input-container .ff-input--placeholder::placeholder {\n opacity: 1;\n}\n.ff-input-fieldset .ff-input-container .ff-input-label-container {\n display: flex;\n gap: 2px;\n position: absolute;\n border: none;\n outline: none;\n line-height: 18px;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-fieldset .ff-input-container .ff-input-label-container--medium {\n line-height: 25px;\n}\n.ff-input-fieldset .ff-input-container .ff-input-label-container .ff-input-label {\n color: var(--input-default-label-color);\n}\n.ff-input-fieldset .ff-input-container .ff-input-label-container .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-fieldset .ff-input-container .ff-input-label-container .ff-input-label--disabled {\n color: var(--input-default-border-color);\n background-color: var(--input-label-bg-color);\n}\n.ff-input-fieldset .ff-input-container .ff-input-label-container .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-fieldset .ff-input-container:hover .ff-input-label {\n color: var(--input-default-label-color);\n}\n.ff-input-fieldset .ff-input-container:hover .ff-input-label--no-hover {\n color: var(--input-default-label-color);\n}\n.ff-input-fieldset .ff-input-container:hover .ff-input-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-fieldset .ff-input-container:hover .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-fieldset .ff-input-container:hover .ff-input, .ff-input-fieldset .ff-input-container:hover .ff-input-label-container {\n border-color: var(--brand-color);\n}\n.ff-input-fieldset .ff-input-container:hover .ff-input--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-fieldset .ff-input-container:hover .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-fieldset .ff-input-container:hover .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-fieldset .ff-input-container:focus-within .ff-input-label-container {\n top: -9px;\n background-color: var(--input-label-bg-color);\n line-height: 15px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-fieldset .ff-input-container:focus-within .ff-input-label--primary {\n color: var(--brand-color);\n}\n.ff-input-fieldset .ff-input-container:focus-within .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-fieldset .ff-input-container:focus-within .ff-input, .ff-input-fieldset .ff-input-container:focus-within .ff-input-label-container {\n border-color: var(--brand-color);\n}\n.ff-input-fieldset .ff-input-container:focus-within .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-fieldset .ff-input-container:focus-within .ff-input::placeholder, .ff-input-fieldset .ff-input-container:focus-within .ff-input-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-input-fieldset .ff-input-container .ff-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 15px;\n}\n.ff-input-fieldset .ff-input-container .ff-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-fieldset .ff-input-container--float .ff-input-label-container {\n top: -9px;\n font-size: 10px;\n background-color: var(--input-label-bg-color);\n line-height: 15px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-fieldset .ff-input-container--float--disabled {\n cursor: not-allowed;\n}\n.ff-input-fieldset .ff-input-container--float--disabled .ff-input-label-container {\n cursor: not-allowed;\n}";
|
2495
|
+
styleInject(css_248z$16);
|
2496
2496
|
|
2497
2497
|
const Input = /*#__PURE__*/forwardRef(({
|
2498
2498
|
type = 'text',
|
@@ -2584,8 +2584,8 @@ const Input = /*#__PURE__*/forwardRef(({
|
|
2584
2584
|
});
|
2585
2585
|
});
|
2586
2586
|
|
2587
|
-
var css_248z$
|
2588
|
-
styleInject(css_248z$
|
2587
|
+
var css_248z$15 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-radial-chart-container svg text {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-radial-chart-container {\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.ff-radial-chart-container svg {\n vertical-align: middle;\n}\n.ff-radial-chart-container svg text {\n font-size: var(--fontSize) !important;\n font-weight: 400;\n}";
|
2588
|
+
styleInject(css_248z$15);
|
2589
2589
|
|
2590
2590
|
const useColorMappings$1 = () => useMemo(() => {
|
2591
2591
|
return {
|
@@ -2731,8 +2731,8 @@ const RadialChart = ({
|
|
2731
2731
|
});
|
2732
2732
|
};
|
2733
2733
|
|
2734
|
-
var css_248z$
|
2735
|
-
styleInject(css_248z$
|
2734
|
+
var css_248z$14 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-expandable-chip-menu--medium, .ff-expandable-chip-menu .ff-sub-chip--medium {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-expandable-chip-menu {\n display: inline-flex;\n gap: 16px;\n align-items: center;\n border-radius: 16px;\n cursor: pointer;\n overflow: hidden;\n width: auto;\n padding: 4px 8px;\n transition: all 0.3s ease;\n}\n.ff-expandable-chip-menu--primary {\n border: 0.5px solid var(--brand-color);\n background-color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-label-chip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n white-space: nowrap;\n padding: 2px 0;\n}\n.ff-expandable-chip-menu .ff-label-chip .arrow-icon {\n height: 14px;\n width: 14px;\n display: grid;\n place-items: center;\n}\n.ff-expandable-chip-menu .ff-label-chip--primary {\n color: var(--brand-color);\n}\n.ff-expandable-chip-menu--disabled {\n opacity: 0.5;\n}\n.ff-expandable-chip-menu--disabled:disabled {\n pointer-events: none;\n}\n.ff-expandable-chip-menu--medium {\n line-height: 18px;\n}\n.ff-expandable-chip-menu .ff-sub-chips {\n display: flex;\n gap: 8px;\n max-width: 500px;\n overflow-x: auto;\n -ms-overflow-style: none;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s ease, opacity 0.3s ease;\n opacity: 0;\n}\n.ff-expandable-chip-menu .ff-sub-chips::-webkit-scrollbar {\n display: none;\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chips {\n transform: scaleX(1);\n opacity: 1;\n}\n.ff-expandable-chip-menu .ff-sub-chip {\n padding: 2px 8px;\n border-radius: 12px;\n white-space: nowrap;\n transition: background-color 0.3s ease, color 0.3s ease;\n opacity: 0;\n transform: translateX(-10px);\n animation: fadeIn 0.5s ease forwards;\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary {\n background: var(--expandable-menu-option-bg);\n color: var(--brand-color);\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary:hover, .ff-expandable-chip-menu .ff-sub-chip--primary.selected {\n background-color: var(--brand-color);\n color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-sub-chip--medium {\n line-height: 18px;\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n transform: translateX(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chip {\n animation: fadeIn 0.5s ease forwards;\n}";
|
2735
|
+
styleInject(css_248z$14);
|
2736
2736
|
|
2737
2737
|
const ExpandableMenu = ({
|
2738
2738
|
label = '',
|
@@ -2799,8 +2799,8 @@ const ExpandableMenu = ({
|
|
2799
2799
|
});
|
2800
2800
|
};
|
2801
2801
|
|
2802
|
-
var css_248z$
|
2803
|
-
styleInject(css_248z$
|
2802
|
+
var css_248z$13 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-select-wrapper .ff-select .ff-select-inputField, .ff-select-wrapper .ff-select .ff-select-labels {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-select-wrapper .ff-select__focus .ff-select-labels, .ff-select-wrapper .ff-select__error .ff-select-labels {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-select-wrapper {\n min-height: 24px;\n min-width: 50px;\n}\n.ff-select-wrapper .ff-select {\n height: 100%;\n border: 1px solid var(--ff-select-border-color);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n position: relative;\n box-sizing: border-box;\n}\n.ff-select-wrapper .ff-select:hover {\n border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select:hover .ff-select-labels {\n color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n fill: var(--ff-select-text-hover-color);\n transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select .ff-select-input-icon {\n margin-left: 6px;\n}\n.ff-select-wrapper .ff-select .ff-select-inputField {\n width: calc(100% - 8px);\n height: 100%;\n padding: 0 0 0 8px;\n border: none;\n outline: none;\n letter-spacing: 0.5px;\n z-index: 10;\n background: transparent;\n}\n.ff-select-wrapper .ff-select .ff-select-inputField__disabled {\n cursor: not-allowed;\n color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select .ff-select-inputField__readonly {\n cursor: pointer;\n}\n.ff-select-wrapper .ff-select .ff-select-inputField__icon {\n width: calc(100% - 36px);\n padding: 4;\n}\n.ff-select-wrapper .ff-select .ff-select-arrows-wrapper {\n cursor: pointer;\n height: 100%;\n padding: 0 8px 0 0;\n display: flex;\n align-items: center;\n}\n.ff-select-wrapper .ff-select .ff-select-arrows-wrapper .ff-select-arrows svg path {\n fill: var(--ff-select-border-color);\n transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select .ff-select-arrows-wrapper__disabled {\n cursor: not-allowed;\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select .ff-select-labels {\n position: absolute;\n left: 8px;\n color: var(--ff-select-border-color);\n letter-spacing: 0.5px;\n line-height: 18px;\n transition: 0.18s ease all;\n border-radius: 4px;\n}\n.ff-select-wrapper .ff-select .ff-select-labels__icon {\n left: 24px;\n}\n.ff-select-wrapper .ff-select .ff-select-labels__active {\n transform: translateY(-16px);\n transition: 0.18s ease all;\n background-color: var(--ff-select-background-color);\n padding: 0 2px;\n z-index: 100000;\n left: 8px;\n}\n.ff-select-wrapper .ff-select__focus {\n border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select__focus:hover {\n border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select__focus:hover .ff-select-labels {\n color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select__focus:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n fill: var(--ff-select-brand-color);\n transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__focus .ff-select-labels {\n transform: translateY(-16px);\n transition: 0.18s ease all;\n color: var(--ff-select-brand-color);\n background-color: var(--ff-select-background-color);\n padding: 0 2px;\n line-height: 18px;\n z-index: 100000;\n left: 8px;\n}\n.ff-select-wrapper .ff-select__focus .ff-select-arrows-wrapper .ff-select-arrows {\n transform: rotate(180deg);\n transition: 0.18s ease all;\n}\n.ff-select-wrapper .ff-select__focus .ff-select-arrows-wrapper .ff-select-arrows svg path {\n fill: var(--ff-select-brand-color);\n transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__disabled {\n cursor: not-allowed;\n}\n.ff-select-wrapper .ff-select__disabled:hover {\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select__disabled:hover .ff-select-labels {\n color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select__disabled:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n fill: var(--ff-select-border-color);\n transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__error {\n border-color: var(--error_light);\n}\n.ff-select-wrapper .ff-select__error:hover {\n border-color: var(--error_light);\n}\n.ff-select-wrapper .ff-select__error:hover .ff-select-labels {\n color: var(--error_light);\n}\n.ff-select-wrapper .ff-select__error:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n fill: var(--ff-select-default-color);\n transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__error__focused:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n fill: var(--ff-select-brand-color);\n transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__error .ff-select-labels {\n transform: translateY(-16px);\n transition: 0.3s ease all;\n color: var(--error_light);\n background-color: var(--ff-select-background-color);\n padding: 0 2px;\n line-height: 18px;\n left: 8px;\n}\n.ff-select-wrapper .ff-select__no_border {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select__no_border:hover {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-error-msg {\n padding-left: 8px;\n letter-spacing: 0.5px;\n}";
|
2803
|
+
styleInject(css_248z$13);
|
2804
2804
|
|
2805
2805
|
const dropdownDefaultCSSData = {
|
2806
2806
|
margin: 6,
|
@@ -2809,8 +2809,8 @@ const dropdownDefaultCSSData = {
|
|
2809
2809
|
dropDownWrapperPadding: 0
|
2810
2810
|
};
|
2811
2811
|
|
2812
|
-
var css_248z$
|
2813
|
-
styleInject(css_248z$
|
2812
|
+
var css_248z$12 = ".ff-select-dropdown-wrapper,\n.ff-select-dropdown-mini-modal-wrapper {\n max-height: 160px;\n z-index: 999999;\n position: absolute;\n min-width: 50px;\n border-radius: 4px;\n border: 1px solid var(--ff-select-option-border-color);\n margin-top: 4px;\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n background-color: var(--ff-select-background-color);\n overflow: hidden auto;\n}\n.ff-select-dropdown-wrapper::-webkit-scrollbar,\n.ff-select-dropdown-mini-modal-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-select-dropdown-wrapper::-webkit-scrollbar-thumb,\n.ff-select-dropdown-mini-modal-wrapper::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper::-webkit-scrollbar-track,\n.ff-select-dropdown-mini-modal-wrapper::-webkit-scrollbar-track {\n background: var(--ff-select-scroll-track-bg);\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-dropdown-option,\n.ff-select-dropdown-mini-modal-wrapper .ff-select-dropdown-option {\n box-sizing: border-box;\n cursor: pointer;\n padding: 0px 8px;\n border-radius: 4px;\n min-height: 32px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.ff-select-dropdown-wrapper .ff-select-dropdown-option .ff-select-dropdown-icon-container,\n.ff-select-dropdown-mini-modal-wrapper .ff-select-dropdown-option .ff-select-dropdown-icon-container {\n display: flex;\n align-items: center;\n}\n.ff-select-dropdown-wrapper .ff-select-dropdown-option .ff-select-dropdown-icon-container__icon,\n.ff-select-dropdown-mini-modal-wrapper .ff-select-dropdown-option .ff-select-dropdown-icon-container__icon {\n margin-right: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-dropdown-option__selected, .ff-select-dropdown-wrapper .ff-select-dropdown-option:hover,\n.ff-select-dropdown-mini-modal-wrapper .ff-select-dropdown-option__selected,\n.ff-select-dropdown-mini-modal-wrapper .ff-select-dropdown-option:hover {\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-select-dropdown-wrapper .ff-select-no-option,\n.ff-select-dropdown-mini-modal-wrapper .ff-select-no-option {\n box-sizing: border-box;\n padding: 0px 8px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: not-allowed;\n}\n\n.ff-select-dropdown-modal-wrapper {\n max-height: 256px;\n}\n\n.ff-select-dropdown-mini-modal-wrapper {\n display: flex;\n justify-content: space-between;\n}\n.ff-select-dropdown-mini-modal-wrapper .ff-select-label-minimodal-wrapper {\n width: calc(50% - 4px);\n}\n.ff-select-dropdown-mini-modal-wrapper .ff-select-mini-modal-wrapper {\n width: 50%;\n padding: 8px 2px 0px 4px;\n display: flex;\n align-items: flex-end;\n margin-left: 4px;\n border-left: 1px dashed var(--border-color);\n}\n.ff-select-dropdown-mini-modal-wrapper .ff-select-mini-modal-wrapper .ff-select-modal-wrapper {\n height: fit-content;\n width: calc(100% - 4px);\n border-radius: 8px;\n border: 1px solid var(--ff-select-background-color);\n box-shadow: 0px 1px 8px 0px var(--ff-select-option-wrapper-box-shadow);\n border: 1px solid var(--border-color);\n}\n.ff-select-dropdown-mini-modal-wrapper .ff-select-mini-modal-wrapper .ff-select-modal-wrapper .ff-select-mini-modal-footer {\n min-height: 32px;\n border-top: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n}";
|
2813
|
+
styleInject(css_248z$12);
|
2814
2814
|
|
2815
2815
|
const ffid = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, char => ((char === 'x' ? Math.random() * 16 : Math.random() * 16 & 0x3 | 0x8) | 0).toString(16));
|
2816
2816
|
|
@@ -2841,12 +2841,18 @@ const Dropdown$1 = ({
|
|
2841
2841
|
selectedOption,
|
2842
2842
|
valueAccessor,
|
2843
2843
|
showIcon = false,
|
2844
|
-
showToolTip = false
|
2844
|
+
showToolTip = false,
|
2845
|
+
customReccurenece = true,
|
2846
|
+
onCancelModal = () => {},
|
2847
|
+
onSaveModal = () => {},
|
2848
|
+
recurrence = false,
|
2849
|
+
modalJSXProps = jsx(Fragment, {})
|
2845
2850
|
}) => {
|
2846
2851
|
const themeContext = useContext(ThemeContext);
|
2847
2852
|
const currentTheme = themeContext?.currentTheme;
|
2853
|
+
const customRecurrenceOnBlur = customReccurenece ? () => {} : onSelectBlur;
|
2848
2854
|
const optionsWrapperRef = useRef(null);
|
2849
|
-
useClickOutside(optionsWrapperRef,
|
2855
|
+
useClickOutside(optionsWrapperRef, customRecurrenceOnBlur, [inputRef, selectArrowRef]);
|
2850
2856
|
const {
|
2851
2857
|
positionX,
|
2852
2858
|
positionY,
|
@@ -2907,11 +2913,25 @@ const Dropdown$1 = ({
|
|
2907
2913
|
})
|
2908
2914
|
});
|
2909
2915
|
};
|
2910
|
-
|
2911
|
-
|
2916
|
+
const onHandleCancelModal = () => {
|
2917
|
+
onSelectBlur();
|
2918
|
+
onCancelModal();
|
2919
|
+
};
|
2920
|
+
const onHandleSaveModal = () => {
|
2921
|
+
onSelectBlur();
|
2922
|
+
onSaveModal();
|
2923
|
+
};
|
2924
|
+
return jsxs("div", {
|
2925
|
+
className: classNames('ff-select-dropdown-wrapper', currentTheme, {
|
2926
|
+
'ff-select-dropdown-modal-wrapper': recurrence,
|
2927
|
+
'ff-select-dropdown-mini-modal-wrapper': customReccurenece
|
2928
|
+
}),
|
2912
2929
|
ref: optionsWrapperRef,
|
2913
2930
|
style: updateDropdownPosition(),
|
2914
|
-
children: jsx("div", {
|
2931
|
+
children: [jsx("div", {
|
2932
|
+
className: classNames({
|
2933
|
+
'ff-select-label-minimodal-wrapper': customReccurenece
|
2934
|
+
}),
|
2915
2935
|
children: !checkEmpty(options) ? options.map(option => jsx("div", {
|
2916
2936
|
className: classNames('ff-select-dropdown-option', {
|
2917
2937
|
'ff-select-dropdown-option__selected': getLabel(option, valueAccessor) === selectedOption
|
@@ -2929,7 +2949,27 @@ const Dropdown$1 = ({
|
|
2929
2949
|
className: classNames('ff-select-no-option', currentTheme),
|
2930
2950
|
children: "No Results found"
|
2931
2951
|
})
|
2932
|
-
})
|
2952
|
+
}), customReccurenece && jsx("div", {
|
2953
|
+
className: "ff-select-mini-modal-wrapper",
|
2954
|
+
id: "ff-select-mini-id",
|
2955
|
+
children: jsxs("div", {
|
2956
|
+
className: "ff-select-modal-wrapper",
|
2957
|
+
children: [jsx(Fragment, {
|
2958
|
+
children: modalJSXProps
|
2959
|
+
}), jsxs("div", {
|
2960
|
+
className: "ff-select-mini-modal-footer",
|
2961
|
+
children: [jsx(Button$1, {
|
2962
|
+
label: "Cancel",
|
2963
|
+
variant: "tertiary",
|
2964
|
+
onClick: onHandleCancelModal
|
2965
|
+
}), jsx(Button$1, {
|
2966
|
+
label: "Save",
|
2967
|
+
variant: "secondary",
|
2968
|
+
onClick: onHandleSaveModal
|
2969
|
+
})]
|
2970
|
+
})]
|
2971
|
+
})
|
2972
|
+
})]
|
2933
2973
|
});
|
2934
2974
|
};
|
2935
2975
|
|
@@ -2994,10 +3034,15 @@ const Select$1 = ({
|
|
2994
3034
|
disableInput = false,
|
2995
3035
|
showIcon = false,
|
2996
3036
|
placeHolder = '',
|
2997
|
-
showToolTip = false
|
3037
|
+
showToolTip = false,
|
3038
|
+
onCancelModal = () => {},
|
3039
|
+
onSaveModal = () => {},
|
3040
|
+
modalJSXProps = jsx(Fragment, {}),
|
3041
|
+
recurrence = false
|
2998
3042
|
}) => {
|
2999
3043
|
const selectWidth = typeof width === 'number' ? `${width}px` : width;
|
3000
3044
|
const [showDropdownOptions, setShowDropdownOptions] = useState(false);
|
3045
|
+
const [customRecurrence, setCustomRecurrence] = useState(false);
|
3001
3046
|
const [searchedOption, setSearchedOption] = useState({
|
3002
3047
|
searchedText: '',
|
3003
3048
|
searchedIcon: ''
|
@@ -3075,11 +3120,13 @@ const Select$1 = ({
|
|
3075
3120
|
searchedIcon: selectedOption.iconName
|
3076
3121
|
});
|
3077
3122
|
setSelectOptionList(optionsList);
|
3123
|
+
setCustomRecurrence(false);
|
3078
3124
|
onBlur();
|
3079
3125
|
};
|
3080
3126
|
const onSelectOptionSelector = option => {
|
3081
3127
|
if (disabled) return;
|
3082
|
-
|
3128
|
+
const isCustomRecurrence = option?.recurrence || false;
|
3129
|
+
setCustomRecurrence(isCustomRecurrence);
|
3083
3130
|
setSearchedOption({
|
3084
3131
|
searchedText: getValue$1(selectedOption, valueAccessor),
|
3085
3132
|
searchedIcon: selectedOption.iconName
|
@@ -3087,6 +3134,9 @@ const Select$1 = ({
|
|
3087
3134
|
if (onChange) {
|
3088
3135
|
onChange(option);
|
3089
3136
|
}
|
3137
|
+
if (!isCustomRecurrence) {
|
3138
|
+
onSelectBlur();
|
3139
|
+
}
|
3090
3140
|
};
|
3091
3141
|
const handleResizeOrScroll = () => onSelectUpdatePosition();
|
3092
3142
|
const hideShowScrollbar = () => {
|
@@ -3207,14 +3257,19 @@ const Select$1 = ({
|
|
3207
3257
|
heightFromTop: height,
|
3208
3258
|
selectedOption: searchedText,
|
3209
3259
|
showIcon: showIcon,
|
3210
|
-
showToolTip: showToolTip
|
3260
|
+
showToolTip: showToolTip,
|
3261
|
+
customReccurenece: customRecurrence,
|
3262
|
+
onSaveModal: onSaveModal,
|
3263
|
+
onCancelModal: onCancelModal,
|
3264
|
+
modalJSXProps: modalJSXProps,
|
3265
|
+
recurrence: recurrence
|
3211
3266
|
}), document.body)
|
3212
3267
|
})]
|
3213
3268
|
});
|
3214
3269
|
};
|
3215
3270
|
|
3216
|
-
var css_248z$
|
3217
|
-
styleInject(css_248z$
|
3271
|
+
var css_248z$11 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-textarea-container {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-textarea-container .msg-character-count, .ff-textarea-container:focus-within .ff-textarea-label-container, .ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder, .ff-textarea-container .ff-textarea-message, .ff-textarea-container--float .ff-textarea-label-container {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-textarea-container {\n display: flex;\n flex-direction: column;\n position: relative;\n gap: 5px;\n}\n.ff-textarea-container .msg-character-count {\n display: flex;\n color: var(--text-area-default-color);\n justify-content: flex-end;\n}\n.ff-textarea-container .ff-textarea, .ff-textarea-container .ff-textarea-label-container {\n padding: 8px;\n gap: 0px;\n border: 1px solid var(--default-icon-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n font-weight: 400;\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.ff-textarea-container .ff-textarea ::-webkit-scrollbar, .ff-textarea-container .ff-textarea-label-container ::-webkit-scrollbar {\n display: none;\n}\n.ff-textarea-container .ff-textarea--resize {\n resize: none;\n}\n.ff-textarea-container .ff-textarea:disabled, .ff-textarea-container .ff-textarea-label-container:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ff-textarea-container .ff-textarea:disabled:hover, .ff-textarea-container .ff-textarea-label-container:disabled:hover {\n border-color: var(--default-icon-color);\n color: inherit;\n}\n.ff-textarea-container .ff-textarea::placeholder, .ff-textarea-container .ff-textarea-label-container::placeholder {\n opacity: 0;\n}\n.ff-textarea-container .ff-textarea--danger {\n border-color: var(--ff-error-light);\n}\n.ff-textarea-container .ff-textarea--transparentBackground {\n background: transparent;\n}\n.ff-textarea-container .ff-textarea-label-container {\n display: flex;\n position: absolute;\n border: none;\n outline: none;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label {\n padding: 1px;\n height: 10px;\n width: auto;\n background-color: var(--drawer-footer-bg);\n color: var(--text-area-default-color);\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label--danger {\n color: var(--ff-error-light);\n}\n.ff-textarea-container .ff-textarea-label-container .required-asterisk {\n color: var(--ff-error-light);\n}\n.ff-textarea-container:hover .ff-textarea-label {\n color: var(--text-color);\n}\n.ff-textarea-container:hover .ff-textarea, .ff-textarea-container:hover .ff-textarea-label-container {\n border-color: var(--text-color);\n}\n.ff-textarea-container:focus-within .ff-textarea-label-container {\n font-weight: 400;\n line-height: 12px;\n letter-spacing: 0.5px;\n text-align: left;\n top: -6px;\n background-color: transparent;\n padding: 0px 2px;\n margin-left: 7px;\n}\n.ff-textarea-container:focus-within .ff-textarea-label--primary {\n color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea--primary {\n border-color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-textarea-container .ff-textarea-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-textarea-container .ff-textarea-message--danger {\n color: var(--ff-error-light);\n}\n.ff-textarea-container--float .ff-textarea-label-container {\n letter-spacing: 0.5px;\n top: -6px;\n background-color: transparent;\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 7px;\n}\n.ff-textarea-container--disabled {\n cursor: not-allowed;\n}\n.ff-textarea-container--disabled:hover .ff-textarea-label {\n color: var(--text-area-default-color);\n}\n.ff-textarea-container--disabled:hover .ff-textarea, .ff-textarea-container--disabled:hover .ff-textarea-container .ff-textarea-label-container, .ff-textarea-container .ff-textarea-container--disabled:hover .ff-textarea-label-container {\n border-color: var(--default-icon-color);\n}\n.ff-textarea-container--disabled .ff-textarea-label-container {\n cursor: not-allowed;\n}";
|
3272
|
+
styleInject(css_248z$11);
|
3218
3273
|
|
3219
3274
|
const Textarea = ({
|
3220
3275
|
capacity = 200,
|
@@ -3286,8 +3341,8 @@ const Textarea = ({
|
|
3286
3341
|
});
|
3287
3342
|
};
|
3288
3343
|
|
3289
|
-
var css_248z
|
3290
|
-
styleInject(css_248z
|
3344
|
+
var css_248z$10 = ".ff-status-button {\n border: none;\n border-radius: 4px;\n padding: 0 4px;\n cursor: pointer;\n width: 80px;\n height: 16px;\n}\n.ff-status-button__text {\n color: inherit;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 76px;\n text-transform: capitalize;\n}\n.ff-status-button--passed {\n background-color: var(--status-button-bg-passed);\n color: var(--status-button-text-passed);\n}\n.ff-status-button--failed {\n background-color: var(--status-button-bg-failed);\n color: var(--status-button-text-failed);\n}\n.ff-status-button--running {\n background-color: var(--status-button-bg-running);\n color: var(--status-button-text-running);\n}\n.ff-status-button--skipped {\n background-color: var(--status-button-bg-skipped);\n color: var(--status-button-text-skipped);\n}\n.ff-status-button--warning {\n background-color: var(--status-button-bg-warning);\n color: var(--status-button-text-warning);\n}\n.ff-status-button--terminated {\n background-color: var(--status-button-bg-terminated);\n color: var(--status-button-text-terminated);\n}\n.ff-status-button--partially-executed {\n background-color: var(--status-button-bg-partiallyExecuted);\n color: var(--status-button-text-partiallyExecuted);\n}\n.ff-status-button--aborted {\n background-color: var(--status-button-bg-aborted);\n color: var(--status-button-text-aborted);\n}\n.ff-status-button--not-executed {\n background-color: var(--status-button-bg-notExecuted);\n color: var(--status-button-text-notExecuted);\n}\n.ff-status-button:disabled {\n opacity: 50%;\n cursor: not-allowed;\n}";
|
3345
|
+
styleInject(css_248z$10);
|
3291
3346
|
|
3292
3347
|
const StatusButton = ({
|
3293
3348
|
status = 'passed',
|
@@ -3320,8 +3375,8 @@ const StatusButton = ({
|
|
3320
3375
|
});
|
3321
3376
|
};
|
3322
3377
|
|
3323
|
-
var css_248z
|
3324
|
-
styleInject(css_248z
|
3378
|
+
var css_248z$$ = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-option-card .ff-options {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-menu-option-container {\n cursor: pointer;\n position: relative;\n}\n.ff-menu-option-container .ff-icon-label {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover {\n background-color: var(--menu-variant-dark-icon-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover svg path {\n fill: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--brand-color);\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked:hover {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked.dark {\n background-color: var(--menu-variant-dark-icon-color);\n}\n\n.ff-option-card {\n position: absolute;\n margin: 4px;\n border: 1px solid var(--option-card-border-color);\n background: var(--option-card-bg-color);\n overflow: hidden;\n min-height: 32px;\n min-width: 110px;\n width: max-content;\n border-radius: 4px;\n}\n.ff-option-card--primary {\n background: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-option-card--primary svg path {\n fill: var(--primary-icon-color);\n}\n.ff-option-card--primary :hover {\n color: var(--brand-color);\n}\n.ff-option-card--primary :hover svg path {\n fill: var(--brand-color);\n}\n.ff-option-card .ff-options {\n cursor: pointer;\n border-radius: 3px;\n display: flex;\n align-items: center;\n padding: 4px;\n gap: 8px;\n}\n.ff-option-card .ff-options:hover {\n background-color: var(--hover-color);\n}\n.ff-option-card .ff-options label {\n cursor: pointer;\n}\n.ff-option-card .ff-disable-option {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-option-card .ff-disable-option label {\n cursor: no-drop;\n}";
|
3379
|
+
styleInject(css_248z$$);
|
3325
3380
|
|
3326
3381
|
const Option$1 = ({
|
3327
3382
|
option,
|
@@ -3425,7 +3480,8 @@ const MenuOption = ({
|
|
3425
3480
|
zIndex = 99,
|
3426
3481
|
dropdownPlacement = 'down',
|
3427
3482
|
optionCardVariant,
|
3428
|
-
targetRef
|
3483
|
+
targetRef,
|
3484
|
+
treeRowRef
|
3429
3485
|
}) => {
|
3430
3486
|
const [isClicked, setIsClicked] = useState(false);
|
3431
3487
|
const menuRef = useRef(null);
|
@@ -3442,6 +3498,8 @@ const MenuOption = ({
|
|
3442
3498
|
setIsClicked(prev => !prev);
|
3443
3499
|
};
|
3444
3500
|
const handleOptionClick = option => {
|
3501
|
+
const actionContainer = treeRowRef?.current?.children[0]?.children[2];
|
3502
|
+
actionContainer.classList.remove('table-row-add-button');
|
3445
3503
|
onOptionClick(option);
|
3446
3504
|
closeDropDown();
|
3447
3505
|
};
|
@@ -3507,8 +3565,8 @@ const MenuOption = ({
|
|
3507
3565
|
});
|
3508
3566
|
};
|
3509
3567
|
|
3510
|
-
var css_248z$
|
3511
|
-
styleInject(css_248z$
|
3568
|
+
var css_248z$_ = ".ff-fixed-header-table {\n overflow-y: auto;\n}\n\n.ff-table-icon {\n position: absolute;\n top: 10px;\n right: 0;\n margin-right: 10px;\n z-index: 100;\n cursor: pointer;\n}\n\n.ff-table {\n width: 100%;\n}\n.ff-table th,\n.ff-table td {\n text-align: left;\n font-size: 12px;\n padding: 9px 8px;\n}\n.ff-table thead tr th {\n border-bottom: 1px solid var(--slider-table-color);\n}\n.ff-table thead tr th .ff-label-checkbox-container {\n display: flex;\n align-items: center;\n}\n.ff-table thead tr th .ff-label-checkbox-container .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table tbody tr .action-column {\n opacity: 0;\n}\n.ff-table tbody tr .icon-container {\n padding-left: 8px;\n opacity: 0;\n display: flex;\n justify-content: flex-end;\n transition: opacity 0.3s ease, transform 0.3s ease;\n transform: translateX(20px);\n}\n.ff-table tbody tr .ff-data-checkbox-container {\n display: flex;\n align-items: center;\n}\n.ff-table tbody tr .ff-data-checkbox-container .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table tbody tr .ff-data-checkbox-container .ff-table-drag {\n opacity: 0;\n transition: opacity 0.3s ease, transform 0.3s ease;\n}\n.ff-table tbody tr .ff-data-checkbox-container .ff-table-drag-icon {\n opacity: 0;\n transition: opacity 0.3s ease, transform 0.3s ease;\n cursor: grab;\n}\n.ff-table tbody tr:hover {\n background-color: var(--hover-color);\n}\n.ff-table tbody tr:hover .icon-container {\n opacity: 1;\n transform: translateX(0);\n}\n.ff-table tbody tr:hover .ff-table-drag,\n.ff-table tbody tr:hover .ff-table-drag-icon {\n opacity: 1;\n}\n.ff-table tbody tr td {\n position: relative;\n color: var(--table-column-text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n cursor: pointer;\n}\n.ff-table .primary-bg {\n background-color: var(--brand-color);\n}\n.ff-table .secondary-bg {\n background-color: var(--slider-table-color);\n}\n.ff-table .tertiary-bg {\n background-color: var(--custom-table-header-bg-color);\n}\n.ff-table .default-bg {\n background-color: transparent;\n}\n.ff-table .default-color {\n color: var(--table-header-text-color);\n}\n.ff-table .primary-color {\n color: var(--brand-color);\n}\n\n.border-borderRadius {\n border: 1px solid var(--slider-table-color);\n border-radius: 5px;\n border-collapse: none !important;\n}\n\n.ff-fixed-header {\n position: sticky !important;\n top: 0;\n z-index: 99;\n background-color: Var(--file-details-bg);\n}\n\n.no-data-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\ntbody tr.disabled-row {\n opacity: 0.5;\n cursor: not-allowed;\n}";
|
3569
|
+
styleInject(css_248z$_);
|
3512
3570
|
|
3513
3571
|
const isFunction$2 = functionToCheck => {
|
3514
3572
|
return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
|
@@ -3930,6 +3988,8 @@ function LiveRegion(_ref) {
|
|
3930
3988
|
// Hide element visually but keep it readable by screen readers
|
3931
3989
|
const visuallyHidden = {
|
3932
3990
|
position: 'fixed',
|
3991
|
+
top: 0,
|
3992
|
+
left: 0,
|
3933
3993
|
width: 1,
|
3934
3994
|
height: 1,
|
3935
3995
|
margin: -1,
|
@@ -4919,11 +4979,12 @@ var KeyboardCode;
|
|
4919
4979
|
KeyboardCode["Up"] = "ArrowUp";
|
4920
4980
|
KeyboardCode["Esc"] = "Escape";
|
4921
4981
|
KeyboardCode["Enter"] = "Enter";
|
4982
|
+
KeyboardCode["Tab"] = "Tab";
|
4922
4983
|
})(KeyboardCode || (KeyboardCode = {}));
|
4923
4984
|
const defaultKeyboardCodes = {
|
4924
4985
|
start: [KeyboardCode.Space, KeyboardCode.Enter],
|
4925
4986
|
cancel: [KeyboardCode.Esc],
|
4926
|
-
end: [KeyboardCode.Space, KeyboardCode.Enter]
|
4987
|
+
end: [KeyboardCode.Space, KeyboardCode.Enter, KeyboardCode.Tab]
|
4927
4988
|
};
|
4928
4989
|
const defaultKeyboardCoordinateGetter = (event, _ref) => {
|
4929
4990
|
let {
|
@@ -5222,6 +5283,9 @@ class AbstractPointerSensor {
|
|
5222
5283
|
passive: false
|
5223
5284
|
});
|
5224
5285
|
this.listeners.add(events.end.name, this.handleEnd);
|
5286
|
+
if (events.cancel) {
|
5287
|
+
this.listeners.add(events.cancel.name, this.handleCancel);
|
5288
|
+
}
|
5225
5289
|
this.windowListeners.add(EventName.Resize, this.handleCancel);
|
5226
5290
|
this.windowListeners.add(EventName.DragStart, preventDefault);
|
5227
5291
|
this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
|
@@ -5237,9 +5301,11 @@ class AbstractPointerSensor {
|
|
5237
5301
|
}
|
5238
5302
|
if (isDelayConstraint(activationConstraint)) {
|
5239
5303
|
this.timeoutId = setTimeout(this.handleStart, activationConstraint.delay);
|
5304
|
+
this.handlePending(activationConstraint);
|
5240
5305
|
return;
|
5241
5306
|
}
|
5242
5307
|
if (isDistanceConstraint(activationConstraint)) {
|
5308
|
+
this.handlePending(activationConstraint);
|
5243
5309
|
return;
|
5244
5310
|
}
|
5245
5311
|
}
|
@@ -5256,6 +5322,13 @@ class AbstractPointerSensor {
|
|
5256
5322
|
this.timeoutId = null;
|
5257
5323
|
}
|
5258
5324
|
}
|
5325
|
+
handlePending(constraint, offset) {
|
5326
|
+
const {
|
5327
|
+
active,
|
5328
|
+
onPending
|
5329
|
+
} = this.props;
|
5330
|
+
onPending(active, constraint, this.initialCoordinates, offset);
|
5331
|
+
}
|
5259
5332
|
handleStart() {
|
5260
5333
|
const {
|
5261
5334
|
initialCoordinates
|
@@ -5309,6 +5382,7 @@ class AbstractPointerSensor {
|
|
5309
5382
|
return this.handleCancel();
|
5310
5383
|
}
|
5311
5384
|
}
|
5385
|
+
this.handlePending(activationConstraint, delta);
|
5312
5386
|
return;
|
5313
5387
|
}
|
5314
5388
|
if (event.cancelable) {
|
@@ -5318,16 +5392,24 @@ class AbstractPointerSensor {
|
|
5318
5392
|
}
|
5319
5393
|
handleEnd() {
|
5320
5394
|
const {
|
5395
|
+
onAbort,
|
5321
5396
|
onEnd
|
5322
5397
|
} = this.props;
|
5323
5398
|
this.detach();
|
5399
|
+
if (!this.activated) {
|
5400
|
+
onAbort(this.props.active);
|
5401
|
+
}
|
5324
5402
|
onEnd();
|
5325
5403
|
}
|
5326
5404
|
handleCancel() {
|
5327
5405
|
const {
|
5406
|
+
onAbort,
|
5328
5407
|
onCancel
|
5329
5408
|
} = this.props;
|
5330
5409
|
this.detach();
|
5410
|
+
if (!this.activated) {
|
5411
|
+
onAbort(this.props.active);
|
5412
|
+
}
|
5331
5413
|
onCancel();
|
5332
5414
|
}
|
5333
5415
|
handleKeydown(event) {
|
@@ -5341,6 +5423,9 @@ class AbstractPointerSensor {
|
|
5341
5423
|
}
|
5342
5424
|
}
|
5343
5425
|
const events = {
|
5426
|
+
cancel: {
|
5427
|
+
name: 'pointercancel'
|
5428
|
+
},
|
5344
5429
|
move: {
|
5345
5430
|
name: 'pointermove'
|
5346
5431
|
},
|
@@ -5413,6 +5498,9 @@ MouseSensor.activators = [{
|
|
5413
5498
|
}
|
5414
5499
|
}];
|
5415
5500
|
const events$2 = {
|
5501
|
+
cancel: {
|
5502
|
+
name: 'touchcancel'
|
5503
|
+
},
|
5416
5504
|
move: {
|
5417
5505
|
name: 'touchmove'
|
5418
5506
|
},
|
@@ -5614,11 +5702,11 @@ function useScrollIntent(_ref2) {
|
|
5614
5702
|
}, [disabled, delta, previousDelta]);
|
5615
5703
|
}
|
5616
5704
|
function useCachedNode(draggableNodes, id) {
|
5617
|
-
const draggableNode = id
|
5705
|
+
const draggableNode = id != null ? draggableNodes.get(id) : undefined;
|
5618
5706
|
const node = draggableNode ? draggableNode.node.current : null;
|
5619
5707
|
return useLazyMemo(cachedNode => {
|
5620
5708
|
var _ref;
|
5621
|
-
if (id
|
5709
|
+
if (id == null) {
|
5622
5710
|
return null;
|
5623
5711
|
} // In some cases, the draggable node can unmount while dragging
|
5624
5712
|
// This is the case for virtualized lists. In those situations,
|
@@ -5826,7 +5914,26 @@ function useRect(element, measure, fallbackRect) {
|
|
5826
5914
|
if (measure === void 0) {
|
5827
5915
|
measure = defaultMeasure;
|
5828
5916
|
}
|
5829
|
-
const [rect,
|
5917
|
+
const [rect, setRect] = useState(null);
|
5918
|
+
function measureRect() {
|
5919
|
+
setRect(currentRect => {
|
5920
|
+
if (!element) {
|
5921
|
+
return null;
|
5922
|
+
}
|
5923
|
+
if (element.isConnected === false) {
|
5924
|
+
var _ref;
|
5925
|
+
|
5926
|
+
// Fall back to last rect we measured if the element is
|
5927
|
+
// no longer connected to the DOM.
|
5928
|
+
return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
|
5929
|
+
}
|
5930
|
+
const newRect = measure(element);
|
5931
|
+
if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
|
5932
|
+
return currentRect;
|
5933
|
+
}
|
5934
|
+
return newRect;
|
5935
|
+
});
|
5936
|
+
}
|
5830
5937
|
const mutationObserver = useMutationObserver({
|
5831
5938
|
callback(records) {
|
5832
5939
|
if (!element) {
|
@@ -5861,23 +5968,6 @@ function useRect(element, measure, fallbackRect) {
|
|
5861
5968
|
}
|
5862
5969
|
}, [element]);
|
5863
5970
|
return rect;
|
5864
|
-
function reducer(currentRect) {
|
5865
|
-
if (!element) {
|
5866
|
-
return null;
|
5867
|
-
}
|
5868
|
-
if (element.isConnected === false) {
|
5869
|
-
var _ref;
|
5870
|
-
|
5871
|
-
// Fall back to last rect we measured if the element is
|
5872
|
-
// no longer connected to the DOM.
|
5873
|
-
return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
|
5874
|
-
}
|
5875
|
-
const newRect = measure(element);
|
5876
|
-
if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
|
5877
|
-
return currentRect;
|
5878
|
-
}
|
5879
|
-
return newRect;
|
5880
|
-
}
|
5881
5971
|
}
|
5882
5972
|
function useRectDelta(rect) {
|
5883
5973
|
const initialRect = useInitialValue(rect);
|
@@ -6023,28 +6113,24 @@ function useRects(elements, measure) {
|
|
6023
6113
|
}
|
6024
6114
|
const [firstElement] = elements;
|
6025
6115
|
const windowRect = useWindowRect(firstElement ? getWindow(firstElement) : null);
|
6026
|
-
const [rects,
|
6116
|
+
const [rects, setRects] = useState(defaultValue$2);
|
6117
|
+
function measureRects() {
|
6118
|
+
setRects(() => {
|
6119
|
+
if (!elements.length) {
|
6120
|
+
return defaultValue$2;
|
6121
|
+
}
|
6122
|
+
return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
|
6123
|
+
});
|
6124
|
+
}
|
6027
6125
|
const resizeObserver = useResizeObserver({
|
6028
6126
|
callback: measureRects
|
6029
6127
|
});
|
6030
|
-
if (elements.length > 0 && rects === defaultValue$2) {
|
6031
|
-
measureRects();
|
6032
|
-
}
|
6033
6128
|
useIsomorphicLayoutEffect$1(() => {
|
6034
|
-
|
6035
|
-
|
6036
|
-
|
6037
|
-
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
6038
|
-
measureRects();
|
6039
|
-
}
|
6129
|
+
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
6130
|
+
measureRects();
|
6131
|
+
elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
|
6040
6132
|
}, [elements]);
|
6041
6133
|
return rects;
|
6042
|
-
function reducer() {
|
6043
|
-
if (!elements.length) {
|
6044
|
-
return defaultValue$2;
|
6045
|
-
}
|
6046
|
-
return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
|
6047
|
-
}
|
6048
6134
|
}
|
6049
6135
|
function getMeasurableNode(node) {
|
6050
6136
|
if (!node) {
|
@@ -6211,7 +6297,7 @@ function reducer$1(state, action) {
|
|
6211
6297
|
}
|
6212
6298
|
};
|
6213
6299
|
case Action.DragMove:
|
6214
|
-
if (
|
6300
|
+
if (state.draggable.active == null) {
|
6215
6301
|
return state;
|
6216
6302
|
}
|
6217
6303
|
return {
|
@@ -6483,7 +6569,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
6483
6569
|
containers: droppableContainers
|
6484
6570
|
}
|
6485
6571
|
} = state;
|
6486
|
-
const node = activeId ? draggableNodes.get(activeId) : null;
|
6572
|
+
const node = activeId != null ? draggableNodes.get(activeId) : null;
|
6487
6573
|
const activeRects = useRef({
|
6488
6574
|
initial: null,
|
6489
6575
|
translated: null
|
@@ -6518,7 +6604,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
6518
6604
|
const autoScrollOptions = getAutoScrollerOptions();
|
6519
6605
|
const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
|
6520
6606
|
useLayoutShiftScrollCompensation({
|
6521
|
-
activeNode: activeId ? draggableNodes.get(activeId) : null,
|
6607
|
+
activeNode: activeId != null ? draggableNodes.get(activeId) : null,
|
6522
6608
|
config: autoScrollOptions.layoutShiftCompensation,
|
6523
6609
|
initialRect: initialActiveNodeRect,
|
6524
6610
|
measure: measuringConfiguration.draggable.measure
|
@@ -6596,6 +6682,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
6596
6682
|
|
6597
6683
|
const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
|
6598
6684
|
const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
|
6685
|
+
const activeSensorRef = useRef(null);
|
6599
6686
|
const instantiateSensor = useCallback((event, _ref2) => {
|
6600
6687
|
let {
|
6601
6688
|
sensor: Sensor,
|
@@ -6617,6 +6704,43 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
6617
6704
|
// Sensors need to be instantiated with refs for arguments that change over time
|
6618
6705
|
// otherwise they are frozen in time with the stale arguments
|
6619
6706
|
context: sensorContext,
|
6707
|
+
onAbort(id) {
|
6708
|
+
const draggableNode = draggableNodes.get(id);
|
6709
|
+
if (!draggableNode) {
|
6710
|
+
return;
|
6711
|
+
}
|
6712
|
+
const {
|
6713
|
+
onDragAbort
|
6714
|
+
} = latestProps.current;
|
6715
|
+
const event = {
|
6716
|
+
id
|
6717
|
+
};
|
6718
|
+
onDragAbort == null ? void 0 : onDragAbort(event);
|
6719
|
+
dispatchMonitorEvent({
|
6720
|
+
type: 'onDragAbort',
|
6721
|
+
event
|
6722
|
+
});
|
6723
|
+
},
|
6724
|
+
onPending(id, constraint, initialCoordinates, offset) {
|
6725
|
+
const draggableNode = draggableNodes.get(id);
|
6726
|
+
if (!draggableNode) {
|
6727
|
+
return;
|
6728
|
+
}
|
6729
|
+
const {
|
6730
|
+
onDragPending
|
6731
|
+
} = latestProps.current;
|
6732
|
+
const event = {
|
6733
|
+
id,
|
6734
|
+
constraint,
|
6735
|
+
initialCoordinates,
|
6736
|
+
offset
|
6737
|
+
};
|
6738
|
+
onDragPending == null ? void 0 : onDragPending(event);
|
6739
|
+
dispatchMonitorEvent({
|
6740
|
+
type: 'onDragPending',
|
6741
|
+
event
|
6742
|
+
});
|
6743
|
+
},
|
6620
6744
|
onStart(initialCoordinates) {
|
6621
6745
|
const id = activeRef.current;
|
6622
6746
|
if (id == null) {
|
@@ -6630,6 +6754,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
6630
6754
|
onDragStart
|
6631
6755
|
} = latestProps.current;
|
6632
6756
|
const event = {
|
6757
|
+
activatorEvent,
|
6633
6758
|
active: {
|
6634
6759
|
id,
|
6635
6760
|
data: draggableNode.data,
|
@@ -6648,6 +6773,8 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
6648
6773
|
type: 'onDragStart',
|
6649
6774
|
event
|
6650
6775
|
});
|
6776
|
+
setActiveSensor(activeSensorRef.current);
|
6777
|
+
setActivatorEvent(activatorEvent);
|
6651
6778
|
});
|
6652
6779
|
},
|
6653
6780
|
onMove(coordinates) {
|
@@ -6659,10 +6786,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
6659
6786
|
onEnd: createHandler(Action.DragEnd),
|
6660
6787
|
onCancel: createHandler(Action.DragCancel)
|
6661
6788
|
});
|
6662
|
-
|
6663
|
-
setActiveSensor(sensorInstance);
|
6664
|
-
setActivatorEvent(event.nativeEvent);
|
6665
|
-
});
|
6789
|
+
activeSensorRef.current = sensorInstance;
|
6666
6790
|
function createHandler(type) {
|
6667
6791
|
return async function handler() {
|
6668
6792
|
const {
|
@@ -6699,6 +6823,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
6699
6823
|
setOver(null);
|
6700
6824
|
setActiveSensor(null);
|
6701
6825
|
setActivatorEvent(null);
|
6826
|
+
activeSensorRef.current = null;
|
6702
6827
|
const eventName = type === Action.DragEnd ? 'onDragEnd' : 'onDragCancel';
|
6703
6828
|
if (event) {
|
6704
6829
|
const handler = latestProps.current[eventName];
|
@@ -6920,7 +7045,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
6920
7045
|
});
|
6921
7046
|
const NullContext = /*#__PURE__*/createContext$1(null);
|
6922
7047
|
const defaultRole = 'button';
|
6923
|
-
const ID_PREFIX$1 = '
|
7048
|
+
const ID_PREFIX$1 = 'Draggable';
|
6924
7049
|
function useDraggable(_ref) {
|
6925
7050
|
let {
|
6926
7051
|
id,
|
@@ -7067,7 +7192,7 @@ function useDroppable(_ref) {
|
|
7067
7192
|
resizeObserverConnected.current = false;
|
7068
7193
|
resizeObserver.observe(nodeRef.current);
|
7069
7194
|
}, [nodeRef, resizeObserver]);
|
7070
|
-
|
7195
|
+
useEffect(() => {
|
7071
7196
|
dispatch({
|
7072
7197
|
type: Action.RegisterDroppable,
|
7073
7198
|
element: {
|
@@ -7482,6 +7607,7 @@ var DNDCore = /*#__PURE__*/Object.freeze({
|
|
7482
7607
|
defaultCoordinates: defaultCoordinates,
|
7483
7608
|
defaultDropAnimation: defaultDropAnimationConfiguration,
|
7484
7609
|
defaultDropAnimationSideEffects: defaultDropAnimationSideEffects,
|
7610
|
+
defaultKeyboardCoordinateGetter: defaultKeyboardCoordinateGetter,
|
7485
7611
|
defaultScreenReaderInstructions: defaultScreenReaderInstructions,
|
7486
7612
|
getClientRect: getClientRect,
|
7487
7613
|
getFirstCollision: getFirstCollision,
|
@@ -8262,7 +8388,7 @@ const SortableRow = ({
|
|
8262
8388
|
})
|
8263
8389
|
}, column.accessor + index);
|
8264
8390
|
})
|
8265
|
-
}, row.id);
|
8391
|
+
}, row._id || row.id);
|
8266
8392
|
};
|
8267
8393
|
const Table$1 = ({
|
8268
8394
|
data = [],
|
@@ -8285,8 +8411,37 @@ const Table$1 = ({
|
|
8285
8411
|
headerIconName = '',
|
8286
8412
|
headerIconOnClick = () => {},
|
8287
8413
|
draggable = false,
|
8288
|
-
onDragEnd
|
8414
|
+
onDragEnd,
|
8415
|
+
loadMore = () => {}
|
8289
8416
|
}) => {
|
8417
|
+
const observerRef = useRef(null);
|
8418
|
+
useEffect(() => {
|
8419
|
+
const scrollContainer = document.getElementById('ff-table-scroll-container');
|
8420
|
+
const firstNode = document.getElementById('ff-table-first-node');
|
8421
|
+
const lastNode = document.getElementById('ff-table-last-node');
|
8422
|
+
// Exit early if data is empty or elements are missing
|
8423
|
+
if (!scrollContainer || !firstNode || !lastNode || !data?.length) {
|
8424
|
+
return;
|
8425
|
+
}
|
8426
|
+
observerRef.current = new IntersectionObserver(entries => {
|
8427
|
+
entries.forEach(entry => {
|
8428
|
+
if (entry.isIntersecting) {
|
8429
|
+
const direction = entry.target.id === 'ff-table-last-node' ? 'below' : 'above';
|
8430
|
+
loadMore(direction);
|
8431
|
+
}
|
8432
|
+
});
|
8433
|
+
}, {
|
8434
|
+
root: scrollContainer,
|
8435
|
+
rootMargin: '8px',
|
8436
|
+
threshold: 0.1
|
8437
|
+
});
|
8438
|
+
observerRef.current.observe(firstNode);
|
8439
|
+
observerRef.current.observe(lastNode);
|
8440
|
+
return () => {
|
8441
|
+
// Cleanup observer
|
8442
|
+
observerRef.current?.disconnect();
|
8443
|
+
};
|
8444
|
+
}, [data, loadMore]);
|
8290
8445
|
const handleOnclick = (column, row) => {
|
8291
8446
|
let {
|
8292
8447
|
onClick,
|
@@ -8307,8 +8462,8 @@ const Table$1 = ({
|
|
8307
8462
|
over
|
8308
8463
|
} = event;
|
8309
8464
|
if (!over || active.id === over.id) return;
|
8310
|
-
const oldIndex = data.findIndex(item => item.id === active.id);
|
8311
|
-
const newIndex = data.findIndex(item => item.id === over.id);
|
8465
|
+
const oldIndex = data.findIndex(item => item._id === active.id || item.id === active.id);
|
8466
|
+
const newIndex = data.findIndex(item => item._id === over.id || item.id === over.id);
|
8312
8467
|
if (oldIndex === -1 || newIndex === -1) return;
|
8313
8468
|
if (onDragEnd) onDragEnd(oldIndex, newIndex);
|
8314
8469
|
};
|
@@ -8317,13 +8472,14 @@ const Table$1 = ({
|
|
8317
8472
|
onDragEnd: handleDragEnd,
|
8318
8473
|
children: jsx(SortableContext, {
|
8319
8474
|
disabled: !draggable,
|
8320
|
-
items: data?.map(row => row.id),
|
8475
|
+
items: data?.map(row => row._id || row.id),
|
8321
8476
|
strategy: verticalListSortingStrategy,
|
8322
8477
|
children: jsxs("div", {
|
8323
8478
|
style: {
|
8324
8479
|
height: height,
|
8325
8480
|
position: 'relative'
|
8326
8481
|
},
|
8482
|
+
id: "ff-table-scroll-container",
|
8327
8483
|
className: classNames(className, {
|
8328
8484
|
'ff-fixed-header-table': withFixedHeader,
|
8329
8485
|
'border-borderRadius': borderWithRadius
|
@@ -8369,9 +8525,11 @@ const Table$1 = ({
|
|
8369
8525
|
})
|
8370
8526
|
}, column.header))
|
8371
8527
|
})
|
8372
|
-
}),
|
8528
|
+
}), jsxs("tbody", {
|
8373
8529
|
className: "ff-fixed-header-table",
|
8374
|
-
children:
|
8530
|
+
children: [jsx("tr", {
|
8531
|
+
id: "ff-table-first-node"
|
8532
|
+
}), data?.length > 0 && data?.map(row => jsx(SortableRow, {
|
8375
8533
|
row: row,
|
8376
8534
|
columns: columns,
|
8377
8535
|
tableBodyRowClass: tableBodyRowClass,
|
@@ -8380,7 +8538,9 @@ const Table$1 = ({
|
|
8380
8538
|
withCheckbox: withCheckbox,
|
8381
8539
|
onSelectClick: onSelectClick,
|
8382
8540
|
draggable: draggable
|
8383
|
-
}, row?.id))
|
8541
|
+
}, row?.id)), jsx("tr", {
|
8542
|
+
id: "ff-table-last-node"
|
8543
|
+
})]
|
8384
8544
|
})]
|
8385
8545
|
}), data?.length <= 0 && jsx("div", {
|
8386
8546
|
className: "no-data-content",
|
@@ -8394,32 +8554,39 @@ const Table$1 = ({
|
|
8394
8554
|
});
|
8395
8555
|
};
|
8396
8556
|
|
8397
|
-
var css_248z$
|
8398
|
-
styleInject(css_248z$
|
8557
|
+
var css_248z$Z = ".ff-add-button-container {\n position: relative;\n border: none;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background-color: transparent;\n cursor: pointer;\n}\n.ff-add-button-container.ff-hovered-add-button--primary {\n background-color: var(--hover-color);\n}\n.ff-add-button-container .ff-hovered-add-icon--primary svg path {\n fill: var(--add-icon-hover-color);\n}\n.ff-add-button-container .ff-add-icon--primary svg path {\n fill: var(--brand-color);\n}\n.ff-add-button-container .ff-add-button {\n position: absolute;\n border: none;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n background: none;\n}";
|
8558
|
+
styleInject(css_248z$Z);
|
8399
8559
|
|
8400
|
-
var css_248z$
|
8401
|
-
styleInject(css_248z$
|
8560
|
+
var css_248z$Y = ".ff-arrow-buttons-container {\n position: absolute;\n transition: opacity 0.3s ease;\n}\n.ff-arrow-buttons-container.ff-down-right-top, .ff-arrow-buttons-container.ff-down-top {\n height: 80px;\n width: 52px;\n transform: translateY(calc(-50% + 12px));\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--right, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--top, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--down, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top {\n height: 52px;\n width: 52px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right {\n height: 52px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--right {\n top: 0px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-top {\n height: 52px;\n width: 24px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right {\n height: 24px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-right .ff-arrow-button--right {\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down {\n height: 52px;\n width: 24px;\n}\n.ff-arrow-buttons-container.ff-down .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container .ff-arrow-button {\n background: var(--arrow-button-bg-color);\n border: 0.5px solid var(--arrows-button-border-color);\n padding: 0;\n cursor: pointer;\n width: 24px;\n height: 24px;\n display: flex;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n position: absolute;\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n}\n.ff-arrow-buttons-container .ff-arrow-button--top {\n top: 0px;\n left: 0;\n}\n.ff-arrow-buttons-container .ff-arrow-button--down {\n bottom: 0px;\n left: 0;\n}\n@keyframes slideTop {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(-10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n@keyframes slideRight {\n from {\n transform: translateX(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateX(10px);\n opacity: 0.5;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes slideDown {\n from {\n transform: translateY(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
|
8561
|
+
styleInject(css_248z$Y);
|
8402
8562
|
|
8403
8563
|
const ArrowsButton = ({
|
8404
8564
|
direction,
|
8405
8565
|
menuOptions,
|
8406
|
-
onArrowClick
|
8566
|
+
onArrowClick,
|
8567
|
+
treeRowRef
|
8407
8568
|
}) => {
|
8408
8569
|
const getIconName = () => {
|
8409
8570
|
return `arrows_${direction}_icon`;
|
8410
8571
|
};
|
8572
|
+
const menuOptionRef = useRef(null);
|
8411
8573
|
return jsx("div", {
|
8412
8574
|
children: jsx("button", {
|
8413
8575
|
className: classNames('ff-arrow-button', `ff-arrow-button--${direction}`),
|
8414
8576
|
onClick: onArrowClick,
|
8415
|
-
children: jsx(
|
8416
|
-
|
8417
|
-
|
8418
|
-
|
8419
|
-
|
8420
|
-
|
8421
|
-
|
8422
|
-
|
8577
|
+
children: jsx("span", {
|
8578
|
+
ref: menuOptionRef,
|
8579
|
+
children: jsx(MenuOption, {
|
8580
|
+
iconName: getIconName(),
|
8581
|
+
options: menuOptions,
|
8582
|
+
dropdownPlacement: direction,
|
8583
|
+
iconSize: 12,
|
8584
|
+
iconButtonSize: 24,
|
8585
|
+
iconButtonBorderRadius: 3,
|
8586
|
+
onOptionClick: () => {},
|
8587
|
+
targetRef: menuOptionRef,
|
8588
|
+
treeRowRef: treeRowRef
|
8589
|
+
})
|
8423
8590
|
})
|
8424
8591
|
})
|
8425
8592
|
});
|
@@ -8445,7 +8612,7 @@ const validateArrows = arrows => {
|
|
8445
8612
|
return arrows;
|
8446
8613
|
};
|
8447
8614
|
|
8448
|
-
const
|
8615
|
+
const AddResourceButton = ({
|
8449
8616
|
id = 'AddModule',
|
8450
8617
|
variant = 'primary',
|
8451
8618
|
directionalArrow = [{
|
@@ -8457,7 +8624,8 @@ const AddButton = ({
|
|
8457
8624
|
disable: false
|
8458
8625
|
}]
|
8459
8626
|
}],
|
8460
|
-
zIndex = 99
|
8627
|
+
zIndex = 99,
|
8628
|
+
treeRowRef
|
8461
8629
|
}) => {
|
8462
8630
|
const [isHovered, setIsHovered] = useState(false);
|
8463
8631
|
const [positionArrowContainer, setPositionArrowContainer] = useState({
|
@@ -8480,10 +8648,20 @@ const AddButton = ({
|
|
8480
8648
|
left: positionX,
|
8481
8649
|
top: positionY
|
8482
8650
|
});
|
8651
|
+
const parentNode = arrowContainerRef.current?.parentNode;
|
8652
|
+
if (treeRowRef !== null && parentNode) {
|
8653
|
+
const actionContainer = treeRowRef?.current?.children[0]?.children[2];
|
8654
|
+
actionContainer.classList.add('table-row-add-button');
|
8655
|
+
}
|
8483
8656
|
};
|
8484
8657
|
const handleLeave = () => {
|
8485
8658
|
setIsHovered(false);
|
8486
8659
|
setActiveArrow('');
|
8660
|
+
const parentNode = arrowContainerRef.current?.parentNode;
|
8661
|
+
if (treeRowRef !== null && parentNode) {
|
8662
|
+
const actionContainer = treeRowRef?.current?.children[0]?.children[2];
|
8663
|
+
actionContainer.classList.remove('table-row-add-button');
|
8664
|
+
}
|
8487
8665
|
};
|
8488
8666
|
const handleArrowClick = direction => {
|
8489
8667
|
if (activeArrow === direction) {
|
@@ -8513,6 +8691,7 @@ const AddButton = ({
|
|
8513
8691
|
className: isHovered ? `ff-hovered-add-icon--${variant}` : `ff-add-icon--${variant}`
|
8514
8692
|
})
|
8515
8693
|
}), isHovered && /*#__PURE__*/createPortal(jsx("div", {
|
8694
|
+
id: `portal-123`,
|
8516
8695
|
className: `ff-arrow-buttons-container ${getArrowButtonClass()}`,
|
8517
8696
|
onMouseEnter: handleHover,
|
8518
8697
|
onMouseLeave: handleLeave,
|
@@ -8529,14 +8708,15 @@ const AddButton = ({
|
|
8529
8708
|
onArrowClick: () => handleArrowClick(direction),
|
8530
8709
|
menuOptions: menuOptions,
|
8531
8710
|
isActive: activeArrow === direction,
|
8532
|
-
variant: variant
|
8711
|
+
variant: variant,
|
8712
|
+
treeRowRef: treeRowRef
|
8533
8713
|
}, index))
|
8534
8714
|
}), document.body)]
|
8535
8715
|
});
|
8536
8716
|
};
|
8537
8717
|
|
8538
|
-
var css_248z$
|
8539
|
-
styleInject(css_248z$
|
8718
|
+
var css_248z$X = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-donut-chart-svg-container svg text:nth-of-type(1), .ff-status-item {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL, .ff-donut-chart-svg-container svg text:nth-of-type(2) {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-donut-chart-svg-container svg text:nth-of-type(3) {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-donut-chart-section {\n display: flex;\n align-items: center;\n padding: 8px;\n}\n\n.ff-donut-chart-svg-container {\n display: flex;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(1) {\n font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(2) {\n font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(3) {\n font-weight: 500;\n}\n\n.ff-status-container {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.ff-status-item {\n display: flex;\n gap: 40px;\n justify-content: space-between;\n opacity: 1;\n}\n.ff-status-item.ff-highlighted {\n opacity: 1;\n}\n.ff-status-item.ff-fade {\n opacity: 10%;\n}\n.ff-status-item .ff-status-text {\n font-weight: 500;\n color: var(--status-skipped-text-color);\n}\n.ff-status-item .ff-status-details-script-count {\n display: flex;\n gap: 4px;\n font-weight: 600;\n}\n.ff-status-item .ff-status-details-script-percentage {\n font-weight: 400;\n color: var(--brand2-color);\n}\n\n.ff-status-label {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n.ff-status-details {\n display: flex;\n gap: 4px;\n}\n\n.ff-status-color {\n width: 16px;\n height: 16px;\n border-radius: 4px;\n opacity: 80%;\n}";
|
8719
|
+
styleInject(css_248z$X);
|
8540
8720
|
|
8541
8721
|
const calculateArc$4 = (x, y, radius, startAngle, endAngle) => {
|
8542
8722
|
const startX = x + radius * Math.cos(startAngle);
|
@@ -8892,11 +9072,11 @@ const useFileDropzone = options => {
|
|
8892
9072
|
};
|
8893
9073
|
};
|
8894
9074
|
|
8895
|
-
var css_248z$
|
8896
|
-
styleInject(css_248z$
|
9075
|
+
var css_248z$W = ".ff-file-dropzone-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone {\n padding: 16px 0;\n border-radius: 8px;\n background: var(--file-dropzone-default-color);\n border: 1px dashed var(--brand-color);\n display: flex;\n align-items: center;\n flex-direction: column;\n text-align: center;\n gap: 8px;\n transition: background-color 0.2s ease;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone .ff-radio-group-wrapper {\n position: relative;\n bottom: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone:hover, .ff-file-dropzone-wrapper .ff-file-dropzone--active {\n background-color: var(--file-dropzone-selected-color);\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone--webservice-file {\n display: grid;\n place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone--webservice-container {\n display: grid;\n place-items: center;\n padding: 16px 0 40px 0;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__icon {\n height: 80px;\n width: 80px;\n display: grid;\n place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn {\n margin: 0 auto;\n position: relative;\n font-weight: 600;\n line-height: 15px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__webservice-file {\n padding: 4px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n max-height: 300px;\n overflow-y: auto;\n scroll-behavior: smooth;\n padding: 2px;\n -ms-overflow-style: none;\n scrollbar-width: thin;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper ::-webkit-scrollbar {\n width: 2px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px;\n border-radius: 4px;\n background-color: var(--file-details-bg);\n box-shadow: 0px 0px 4px 0px var(--file-details-container-shadow);\n overflow: hidden;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info {\n display: flex;\n align-items: center;\n gap: 4px;\n width: 87%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info .ff-file-info__icon {\n display: grid;\n place-items: center;\n height: 24px;\n width: 24px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper {\n display: flex;\n flex-direction: column;\n gap: 2px;\n justify-content: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper__name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: block;\n color: var(--text-color);\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-replace, .ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-remove {\n height: 24px;\n width: 24px;\n display: grid;\n place-items: center;\n cursor: pointer;\n}\n\n.ff-webservice-file-wrapper {\n display: flex;\n gap: 8px;\n}\n.ff-webservice-file-wrapper .ff-webservice-file-name {\n position: relative;\n bottom: 2px;\n}\n\n.ff-input-ref {\n display: none;\n}\n\n.ff-disable-file-dropzone-wrapper {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.footer_basic_button {\n width: 100%;\n position: absolute;\n bottom: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n justify-content: flex-end;\n gap: 16px;\n border-top: 1px solid var(--border-color);\n padding: 4px 8px;\n background-color: var(--primary-icon-color);\n}";
|
9076
|
+
styleInject(css_248z$W);
|
8897
9077
|
|
8898
|
-
var css_248z$
|
8899
|
-
styleInject(css_248z$
|
9078
|
+
var css_248z$V = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-radio-wrapper .ff-radio {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-radio-wrapper {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-radio-wrapper .ff-radio {\n position: relative;\n color: var(--text-color);\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input {\n display: none;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom {\n box-sizing: content-box;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n border: 1px solid var(--radio-button-border);\n position: relative;\n margin-right: 8px;\n transition: border-color background-color;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom::before {\n content: \"\";\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #fbfdff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n transition: background-color 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 4px solid #f7edff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom {\n border: 1px solid var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom::before {\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom::after {\n opacity: 1;\n transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked + .ff-radio-custom {\n border-color: var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked + .ff-radio-custom::before {\n background: var(--brand-color);\n height: 12px;\n width: 12px;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom {\n border: 1px solid var(--radio-button-border);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom::before {\n background: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom::after {\n border: 4px solid var(--radio-button-hover);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom {\n border-color: var(--brand-color);\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom::before {\n background: var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio--disabled {\n cursor: default;\n}\n.ff-radio-wrapper .ff-radio--disabled .ff-radio-custom {\n opacity: 0.5;\n}";
|
9079
|
+
styleInject(css_248z$V);
|
8900
9080
|
|
8901
9081
|
const RadioButton = ({
|
8902
9082
|
label,
|
@@ -8937,8 +9117,8 @@ const RadioButton = ({
|
|
8937
9117
|
});
|
8938
9118
|
};
|
8939
9119
|
|
8940
|
-
var css_248z$
|
8941
|
-
styleInject(css_248z$
|
9120
|
+
var css_248z$U = ".ff-radio-group {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}\n\n.ff-radio-label-wrapper {\n position: relative;\n top: 2px;\n}\n\n.ff-required-asterisk {\n color: var(--input-error-text-color);\n}";
|
9121
|
+
styleInject(css_248z$U);
|
8942
9122
|
|
8943
9123
|
const RadioGroup = ({
|
8944
9124
|
options,
|
@@ -11262,13 +11442,14 @@ var isWeb = typeof window !== 'undefined' &&
|
|
11262
11442
|
function cloneObject(data) {
|
11263
11443
|
let copy;
|
11264
11444
|
const isArray = Array.isArray(data);
|
11445
|
+
const isFileListInstance = typeof FileList !== 'undefined' ? data instanceof FileList : false;
|
11265
11446
|
if (data instanceof Date) {
|
11266
11447
|
copy = new Date(data);
|
11267
11448
|
}
|
11268
11449
|
else if (data instanceof Set) {
|
11269
11450
|
copy = new Set(data);
|
11270
11451
|
}
|
11271
|
-
else if (!(isWeb && (data instanceof Blob ||
|
11452
|
+
else if (!(isWeb && (data instanceof Blob || isFileListInstance)) &&
|
11272
11453
|
(isArray || isObject$2(data))) {
|
11273
11454
|
copy = isArray ? [] : {};
|
11274
11455
|
if (!isArray && !isPlainObject(data)) {
|
@@ -11327,7 +11508,7 @@ var set$1 = (object, path, value) => {
|
|
11327
11508
|
? []
|
11328
11509
|
: {};
|
11329
11510
|
}
|
11330
|
-
if (key === '__proto__') {
|
11511
|
+
if (key === '__proto__' || key === 'constructor' || key === 'prototype') {
|
11331
11512
|
return;
|
11332
11513
|
}
|
11333
11514
|
object[key] = newValue;
|
@@ -11546,7 +11727,7 @@ function useFormState(props) {
|
|
11546
11727
|
_mounted.current = false;
|
11547
11728
|
};
|
11548
11729
|
}, [control]);
|
11549
|
-
return getProxyFormState(formState, control, _localProxyFormState.current, false);
|
11730
|
+
return React__default.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
|
11550
11731
|
}
|
11551
11732
|
|
11552
11733
|
var isString = (value) => typeof value === 'string';
|
@@ -11642,6 +11823,67 @@ function useController(props) {
|
|
11642
11823
|
value,
|
11643
11824
|
...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),
|
11644
11825
|
}));
|
11826
|
+
const fieldState = React__default.useMemo(() => Object.defineProperties({}, {
|
11827
|
+
invalid: {
|
11828
|
+
enumerable: true,
|
11829
|
+
get: () => !!get$1(formState.errors, name),
|
11830
|
+
},
|
11831
|
+
isDirty: {
|
11832
|
+
enumerable: true,
|
11833
|
+
get: () => !!get$1(formState.dirtyFields, name),
|
11834
|
+
},
|
11835
|
+
isTouched: {
|
11836
|
+
enumerable: true,
|
11837
|
+
get: () => !!get$1(formState.touchedFields, name),
|
11838
|
+
},
|
11839
|
+
isValidating: {
|
11840
|
+
enumerable: true,
|
11841
|
+
get: () => !!get$1(formState.validatingFields, name),
|
11842
|
+
},
|
11843
|
+
error: {
|
11844
|
+
enumerable: true,
|
11845
|
+
get: () => get$1(formState.errors, name),
|
11846
|
+
},
|
11847
|
+
}), [formState, name]);
|
11848
|
+
const field = React__default.useMemo(() => ({
|
11849
|
+
name,
|
11850
|
+
value,
|
11851
|
+
...(isBoolean(disabled) || formState.disabled
|
11852
|
+
? { disabled: formState.disabled || disabled }
|
11853
|
+
: {}),
|
11854
|
+
onChange: (event) => _registerProps.current.onChange({
|
11855
|
+
target: {
|
11856
|
+
value: getEventValue(event),
|
11857
|
+
name: name,
|
11858
|
+
},
|
11859
|
+
type: EVENTS.CHANGE,
|
11860
|
+
}),
|
11861
|
+
onBlur: () => _registerProps.current.onBlur({
|
11862
|
+
target: {
|
11863
|
+
value: get$1(control._formValues, name),
|
11864
|
+
name: name,
|
11865
|
+
},
|
11866
|
+
type: EVENTS.BLUR,
|
11867
|
+
}),
|
11868
|
+
ref: (elm) => {
|
11869
|
+
const field = get$1(control._fields, name);
|
11870
|
+
if (field && elm) {
|
11871
|
+
field._f.ref = {
|
11872
|
+
focus: () => elm.focus(),
|
11873
|
+
select: () => elm.select(),
|
11874
|
+
setCustomValidity: (message) => elm.setCustomValidity(message),
|
11875
|
+
reportValidity: () => elm.reportValidity(),
|
11876
|
+
};
|
11877
|
+
}
|
11878
|
+
},
|
11879
|
+
}), [
|
11880
|
+
name,
|
11881
|
+
control._formValues,
|
11882
|
+
disabled,
|
11883
|
+
formState.disabled,
|
11884
|
+
value,
|
11885
|
+
control._fields,
|
11886
|
+
]);
|
11645
11887
|
React__default.useEffect(() => {
|
11646
11888
|
const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
|
11647
11889
|
const updateMounted = (name, value) => {
|
@@ -11667,7 +11909,7 @@ function useController(props) {
|
|
11667
11909
|
};
|
11668
11910
|
}, [name, control, isArrayField, shouldUnregister]);
|
11669
11911
|
React__default.useEffect(() => {
|
11670
|
-
if (get$1(control._fields, name)) {
|
11912
|
+
if (isBoolean(disabled) && get$1(control._fields, name)) {
|
11671
11913
|
control._updateDisabledField({
|
11672
11914
|
disabled,
|
11673
11915
|
fields: control._fields,
|
@@ -11676,63 +11918,11 @@ function useController(props) {
|
|
11676
11918
|
});
|
11677
11919
|
}
|
11678
11920
|
}, [disabled, name, control]);
|
11679
|
-
return {
|
11680
|
-
field
|
11681
|
-
name,
|
11682
|
-
value,
|
11683
|
-
...(isBoolean(disabled) || formState.disabled
|
11684
|
-
? { disabled: formState.disabled || disabled }
|
11685
|
-
: {}),
|
11686
|
-
onChange: React__default.useCallback((event) => _registerProps.current.onChange({
|
11687
|
-
target: {
|
11688
|
-
value: getEventValue(event),
|
11689
|
-
name: name,
|
11690
|
-
},
|
11691
|
-
type: EVENTS.CHANGE,
|
11692
|
-
}), [name]),
|
11693
|
-
onBlur: React__default.useCallback(() => _registerProps.current.onBlur({
|
11694
|
-
target: {
|
11695
|
-
value: get$1(control._formValues, name),
|
11696
|
-
name: name,
|
11697
|
-
},
|
11698
|
-
type: EVENTS.BLUR,
|
11699
|
-
}), [name, control]),
|
11700
|
-
ref: React__default.useCallback((elm) => {
|
11701
|
-
const field = get$1(control._fields, name);
|
11702
|
-
if (field && elm) {
|
11703
|
-
field._f.ref = {
|
11704
|
-
focus: () => elm.focus(),
|
11705
|
-
select: () => elm.select(),
|
11706
|
-
setCustomValidity: (message) => elm.setCustomValidity(message),
|
11707
|
-
reportValidity: () => elm.reportValidity(),
|
11708
|
-
};
|
11709
|
-
}
|
11710
|
-
}, [control._fields, name]),
|
11711
|
-
},
|
11921
|
+
return React__default.useMemo(() => ({
|
11922
|
+
field,
|
11712
11923
|
formState,
|
11713
|
-
fieldState
|
11714
|
-
|
11715
|
-
enumerable: true,
|
11716
|
-
get: () => !!get$1(formState.errors, name),
|
11717
|
-
},
|
11718
|
-
isDirty: {
|
11719
|
-
enumerable: true,
|
11720
|
-
get: () => !!get$1(formState.dirtyFields, name),
|
11721
|
-
},
|
11722
|
-
isTouched: {
|
11723
|
-
enumerable: true,
|
11724
|
-
get: () => !!get$1(formState.touchedFields, name),
|
11725
|
-
},
|
11726
|
-
isValidating: {
|
11727
|
-
enumerable: true,
|
11728
|
-
get: () => !!get$1(formState.validatingFields, name),
|
11729
|
-
},
|
11730
|
-
error: {
|
11731
|
-
enumerable: true,
|
11732
|
-
get: () => get$1(formState.errors, name),
|
11733
|
-
},
|
11734
|
-
}),
|
11735
|
-
};
|
11924
|
+
fieldState,
|
11925
|
+
}), [field, formState, fieldState]);
|
11736
11926
|
}
|
11737
11927
|
|
11738
11928
|
/**
|
@@ -11782,7 +11972,7 @@ const Controller = (props) => props.render(useController(props));
|
|
11782
11972
|
const flatten = (obj) => {
|
11783
11973
|
const output = {};
|
11784
11974
|
for (const key of Object.keys(obj)) {
|
11785
|
-
if (isObjectType(obj[key])) {
|
11975
|
+
if (isObjectType(obj[key]) && obj[key] !== null) {
|
11786
11976
|
const nested = flatten(obj[key]);
|
11787
11977
|
for (const nestedKey of Object.keys(nested)) {
|
11788
11978
|
output[`${key}.${nestedKey}`] = nested[nestedKey];
|
@@ -11851,7 +12041,7 @@ function Form(props) {
|
|
11851
12041
|
headers && headers['Content-Type'],
|
11852
12042
|
encType,
|
11853
12043
|
].some((value) => value && value.includes('json'));
|
11854
|
-
const response = await fetch(action, {
|
12044
|
+
const response = await fetch(String(action), {
|
11855
12045
|
method,
|
11856
12046
|
headers: {
|
11857
12047
|
...headers,
|
@@ -12349,7 +12539,7 @@ var updateAt = (fieldValues, index, value) => {
|
|
12349
12539
|
*/
|
12350
12540
|
function useFieldArray(props) {
|
12351
12541
|
const methods = useFormContext();
|
12352
|
-
const { control = methods.control, name, keyName = 'id', shouldUnregister, } = props;
|
12542
|
+
const { control = methods.control, name, keyName = 'id', shouldUnregister, rules, } = props;
|
12353
12543
|
const [fields, setFields] = React__default.useState(control._getFieldArray(name));
|
12354
12544
|
const ids = React__default.useRef(control._getFieldArray(name).map(generateId));
|
12355
12545
|
const _fieldIds = React__default.useRef(fields);
|
@@ -12358,8 +12548,8 @@ function useFieldArray(props) {
|
|
12358
12548
|
_name.current = name;
|
12359
12549
|
_fieldIds.current = fields;
|
12360
12550
|
control._names.array.add(name);
|
12361
|
-
|
12362
|
-
control.register(name,
|
12551
|
+
rules &&
|
12552
|
+
control.register(name, rules);
|
12363
12553
|
useSubscribe({
|
12364
12554
|
next: ({ values, name: fieldArrayName, }) => {
|
12365
12555
|
if (fieldArrayName === _name.current || !fieldArrayName) {
|
@@ -12403,6 +12593,8 @@ function useFieldArray(props) {
|
|
12403
12593
|
ids.current = removeArrayAt(ids.current, index);
|
12404
12594
|
updateValues(updatedFieldArrayValues);
|
12405
12595
|
setFields(updatedFieldArrayValues);
|
12596
|
+
!Array.isArray(get$1(control._fields, name)) &&
|
12597
|
+
set$1(control._fields, name, undefined);
|
12406
12598
|
control._updateFieldArray(name, updatedFieldArrayValues, removeArrayAt, {
|
12407
12599
|
argA: index,
|
12408
12600
|
});
|
@@ -12717,7 +12909,8 @@ var getRuleValue = (rule) => isUndefined(rule)
|
|
12717
12909
|
: rule;
|
12718
12910
|
|
12719
12911
|
const ASYNC_FUNCTION = 'AsyncFunction';
|
12720
|
-
var hasPromiseValidation = (fieldReference) =>
|
12912
|
+
var hasPromiseValidation = (fieldReference) => !!fieldReference &&
|
12913
|
+
!!fieldReference.validate &&
|
12721
12914
|
!!((isFunction$1(fieldReference.validate) &&
|
12722
12915
|
fieldReference.validate.constructor.name === ASYNC_FUNCTION) ||
|
12723
12916
|
(isObject$2(fieldReference.validate) &&
|
@@ -12846,7 +13039,7 @@ function createFormControl(props = {}) {
|
|
12846
13039
|
timer = setTimeout(callback, wait);
|
12847
13040
|
};
|
12848
13041
|
const _updateValid = async (shouldUpdateValid) => {
|
12849
|
-
if (!
|
13042
|
+
if (!_options.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
|
12850
13043
|
const isValid = _options.resolver
|
12851
13044
|
? isEmptyObject((await _executeSchema()).errors)
|
12852
13045
|
: await executeBuiltInValidation(_fields, true);
|
@@ -12858,7 +13051,7 @@ function createFormControl(props = {}) {
|
|
12858
13051
|
}
|
12859
13052
|
};
|
12860
13053
|
const _updateIsValidating = (names, isValidating) => {
|
12861
|
-
if (!
|
13054
|
+
if (!_options.disabled &&
|
12862
13055
|
(_proxyFormState.isValidating || _proxyFormState.validatingFields)) {
|
12863
13056
|
(names || Array.from(_names.mount)).forEach((name) => {
|
12864
13057
|
if (name) {
|
@@ -12874,7 +13067,7 @@ function createFormControl(props = {}) {
|
|
12874
13067
|
}
|
12875
13068
|
};
|
12876
13069
|
const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
|
12877
|
-
if (args && method && !
|
13070
|
+
if (args && method && !_options.disabled) {
|
12878
13071
|
_state.action = true;
|
12879
13072
|
if (shouldUpdateFieldsAndState && Array.isArray(get$1(_fields, name))) {
|
12880
13073
|
const fieldValues = method(get$1(_fields, name), args.argA, args.argB);
|
@@ -12938,7 +13131,7 @@ function createFormControl(props = {}) {
|
|
12938
13131
|
const output = {
|
12939
13132
|
name,
|
12940
13133
|
};
|
12941
|
-
if (!
|
13134
|
+
if (!_options.disabled) {
|
12942
13135
|
const disabledField = !!(get$1(_fields, name) &&
|
12943
13136
|
get$1(_fields, name)._f &&
|
12944
13137
|
get$1(_fields, name)._f.disabled);
|
@@ -12979,9 +13172,9 @@ function createFormControl(props = {}) {
|
|
12979
13172
|
const shouldUpdateValid = _proxyFormState.isValid &&
|
12980
13173
|
isBoolean(isValid) &&
|
12981
13174
|
_formState.isValid !== isValid;
|
12982
|
-
if (
|
13175
|
+
if (_options.delayError && error) {
|
12983
13176
|
delayErrorCallback = debounce(() => updateErrors(name, error));
|
12984
|
-
delayErrorCallback(
|
13177
|
+
delayErrorCallback(_options.delayError);
|
12985
13178
|
}
|
12986
13179
|
else {
|
12987
13180
|
clearTimeout(timer);
|
@@ -13074,7 +13267,7 @@ function createFormControl(props = {}) {
|
|
13074
13267
|
}
|
13075
13268
|
_names.unMount = new Set();
|
13076
13269
|
};
|
13077
|
-
const _getDirty = (name, data) => !
|
13270
|
+
const _getDirty = (name, data) => !_options.disabled &&
|
13078
13271
|
(name && data && set$1(_formValues, name, data),
|
13079
13272
|
!deepEqual(getValues(), _defaultValues));
|
13080
13273
|
const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
|
@@ -13086,7 +13279,7 @@ function createFormControl(props = {}) {
|
|
13086
13279
|
? { [names]: defaultValue }
|
13087
13280
|
: defaultValue),
|
13088
13281
|
}, isGlobal, defaultValue);
|
13089
|
-
const _getFieldArray = (name) => compact(get$1(_state.mount ? _formValues : _defaultValues, name,
|
13282
|
+
const _getFieldArray = (name) => compact(get$1(_state.mount ? _formValues : _defaultValues, name, _options.shouldUnregister ? get$1(_defaultValues, name, []) : []));
|
13090
13283
|
const setFieldValue = (name, value, options = {}) => {
|
13091
13284
|
const field = get$1(_fields, name);
|
13092
13285
|
let fieldValue = value;
|
@@ -13219,7 +13412,7 @@ function createFormControl(props = {}) {
|
|
13219
13412
|
});
|
13220
13413
|
if (shouldSkipValidation) {
|
13221
13414
|
if (_proxyFormState.isValid) {
|
13222
|
-
if (
|
13415
|
+
if (_options.mode === 'onBlur') {
|
13223
13416
|
if (isBlurEvent) {
|
13224
13417
|
_updateValid();
|
13225
13418
|
}
|
@@ -13384,13 +13577,15 @@ function createFormControl(props = {}) {
|
|
13384
13577
|
: isUndefined(value)
|
13385
13578
|
? getFieldValue(field ? field._f : get$1(fields, name)._f)
|
13386
13579
|
: value;
|
13387
|
-
|
13580
|
+
if (disabled || (!disabled && !isUndefined(inputValue))) {
|
13581
|
+
set$1(_formValues, name, inputValue);
|
13582
|
+
}
|
13388
13583
|
updateTouchAndDirty(name, inputValue, false, false, true);
|
13389
13584
|
}
|
13390
13585
|
};
|
13391
13586
|
const register = (name, options = {}) => {
|
13392
13587
|
let field = get$1(_fields, name);
|
13393
|
-
const disabledIsDefined = isBoolean(options.disabled) || isBoolean(
|
13588
|
+
const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);
|
13394
13589
|
set$1(_fields, name, {
|
13395
13590
|
...(field || {}),
|
13396
13591
|
_f: {
|
@@ -13406,7 +13601,7 @@ function createFormControl(props = {}) {
|
|
13406
13601
|
field,
|
13407
13602
|
disabled: isBoolean(options.disabled)
|
13408
13603
|
? options.disabled
|
13409
|
-
:
|
13604
|
+
: _options.disabled,
|
13410
13605
|
name,
|
13411
13606
|
value: options.value,
|
13412
13607
|
});
|
@@ -13416,7 +13611,7 @@ function createFormControl(props = {}) {
|
|
13416
13611
|
}
|
13417
13612
|
return {
|
13418
13613
|
...(disabledIsDefined
|
13419
|
-
? { disabled: options.disabled ||
|
13614
|
+
? { disabled: options.disabled || _options.disabled }
|
13420
13615
|
: {}),
|
13421
13616
|
...(_options.progressive
|
13422
13617
|
? {
|
@@ -13500,6 +13695,12 @@ function createFormControl(props = {}) {
|
|
13500
13695
|
e.preventDefault && e.preventDefault();
|
13501
13696
|
e.persist && e.persist();
|
13502
13697
|
}
|
13698
|
+
if (_options.disabled) {
|
13699
|
+
if (onInvalid) {
|
13700
|
+
await onInvalid({ ..._formState.errors }, e);
|
13701
|
+
}
|
13702
|
+
return;
|
13703
|
+
}
|
13503
13704
|
let fieldValues = cloneObject(_formValues);
|
13504
13705
|
_subjects.state.next({
|
13505
13706
|
isSubmitting: true,
|
@@ -13607,7 +13808,7 @@ function createFormControl(props = {}) {
|
|
13607
13808
|
}
|
13608
13809
|
_fields = {};
|
13609
13810
|
}
|
13610
|
-
_formValues =
|
13811
|
+
_formValues = _options.shouldUnregister
|
13611
13812
|
? keepStateOptions.keepDefaultValues
|
13612
13813
|
? cloneObject(_defaultValues)
|
13613
13814
|
: {}
|
@@ -13631,7 +13832,7 @@ function createFormControl(props = {}) {
|
|
13631
13832
|
!_proxyFormState.isValid ||
|
13632
13833
|
!!keepStateOptions.keepIsValid ||
|
13633
13834
|
!!keepStateOptions.keepDirtyValues;
|
13634
|
-
_state.watch = !!
|
13835
|
+
_state.watch = !!_options.shouldUnregister;
|
13635
13836
|
_subjects.state.next({
|
13636
13837
|
submitCount: keepStateOptions.keepSubmitCount
|
13637
13838
|
? _formState.submitCount
|
@@ -13678,7 +13879,9 @@ function createFormControl(props = {}) {
|
|
13678
13879
|
: fieldReference.ref;
|
13679
13880
|
if (fieldRef.focus) {
|
13680
13881
|
fieldRef.focus();
|
13681
|
-
options.shouldSelect &&
|
13882
|
+
options.shouldSelect &&
|
13883
|
+
isFunction$1(fieldRef.select) &&
|
13884
|
+
fieldRef.select();
|
13682
13885
|
}
|
13683
13886
|
}
|
13684
13887
|
};
|
@@ -13800,8 +14003,8 @@ function createFormControl(props = {}) {
|
|
13800
14003
|
* ```
|
13801
14004
|
*/
|
13802
14005
|
function useForm(props = {}) {
|
13803
|
-
const _formControl = React__default.useRef();
|
13804
|
-
const _values = React__default.useRef();
|
14006
|
+
const _formControl = React__default.useRef(undefined);
|
14007
|
+
const _values = React__default.useRef(undefined);
|
13805
14008
|
const [formState, updateFormState] = React__default.useState({
|
13806
14009
|
isDirty: false,
|
13807
14010
|
isValidating: false,
|
@@ -13879,11 +14082,6 @@ function useForm(props = {}) {
|
|
13879
14082
|
values: control._getWatch(),
|
13880
14083
|
});
|
13881
14084
|
}, [props.shouldUnregister, control]);
|
13882
|
-
React__default.useEffect(() => {
|
13883
|
-
if (_formControl.current) {
|
13884
|
-
_formControl.current.watch = _formControl.current.watch.bind({});
|
13885
|
-
}
|
13886
|
-
}, [formState]);
|
13887
14085
|
_formControl.current.formState = getProxyFormState(formState, control);
|
13888
14086
|
return _formControl.current;
|
13889
14087
|
}
|
@@ -13930,8 +14128,8 @@ const Forms = ({
|
|
13930
14128
|
};
|
13931
14129
|
const ForwardedForms = /*#__PURE__*/forwardRef(Forms);
|
13932
14130
|
|
13933
|
-
var css_248z$
|
13934
|
-
styleInject(css_248z$
|
14131
|
+
var css_248z$T = ".fontXs, .ff-input-with-dropdown-container .ff-helper-text {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-input-with-dropdown-container {\n display: flex;\n flex-direction: column;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown {\n display: flex;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n padding: 0;\n position: relative;\n justify-content: space-between;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-input-with-dropdown--left {\n display: flex;\n flex-direction: row-reverse;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-input-with-dropdown--right {\n display: flex;\n flex-direction: row;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-input--left-dropdown {\n width: 698px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container {\n display: flex;\n flex: 1;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n position: absolute;\n z-index: 9;\n color: var(--input-default-border-color);\n top: 6px;\n left: 7px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label .ff-required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--filled {\n color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--no-hover {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n width: 100%;\n padding: 6px 7px;\n line-height: 18px;\n border: none;\n outline: none;\n border-right: 1px solid var(--input-default-border-color);\n border-radius: 4px 0 0 4px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-outer-spin-button, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::placeholder {\n opacity: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input:disabled {\n cursor: not-allowed;\n background: transparent;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--left-dropdown::placeholder {\n opacity: 1;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown {\n width: 100%;\n border: none;\n outline: none;\n margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown:disabled {\n cursor: not-allowed;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown:hover {\n background-color: var(--dropdown-bg-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown--left {\n min-width: 94px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .seperatorline {\n height: 26px;\n margin-top: 3px;\n border-right: 0.5px solid var(--brand-color);\n flex-shrink: 0;\n border-radius: 2px;\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown {\n border-color: var(--brand-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--filled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--disabled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--filled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input {\n border-color: var(--brand-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--filled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--disabled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label {\n top: -9px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n color: var(--input-active-text-color);\n line-height: 15px;\n font-size: 10px !important;\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input::placeholder {\n opacity: 1;\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n top: -9px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n line-height: 15px;\n font-size: 10px !important;\n}\n.ff-input-with-dropdown-container--filled span {\n font-size: 8px;\n}\n.ff-input-with-dropdown-container--filled .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-helper-text {\n color: var(--input-error-text-color);\n padding: 0 11px;\n}";
|
14132
|
+
styleInject(css_248z$T);
|
13935
14133
|
|
13936
14134
|
const InputWithDropdown = /*#__PURE__*/forwardRef(({
|
13937
14135
|
name = '',
|
@@ -14047,8 +14245,8 @@ const InputWithDropdown = /*#__PURE__*/forwardRef(({
|
|
14047
14245
|
});
|
14048
14246
|
});
|
14049
14247
|
|
14050
|
-
var css_248z$
|
14051
|
-
styleInject(css_248z$
|
14248
|
+
var css_248z$S = ".ff-mini-modal-overlay {\n position: fixed;\n inset: 0;\n width: 100vw;\n height: 100vh;\n}\n\n.ff-mini-edit-modal-container {\n width: fit-content;\n padding: 0;\n position: absolute;\n visibility: hidden;\n}\n.ff-mini-edit-modal-container.modalVisible {\n visibility: visible;\n}\n.ff-mini-edit-modal-container.animatedModal {\n animation: slideDown 0.5s ease, opacity 0.5s ease;\n}\n.ff-mini-edit-modal-container .popover-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n z-index: 102;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top {\n bottom: 100%;\n left: 30px;\n padding: 0 3px 0 0;\n border-color: transparent transparent var(--ff-mini-modal-border) transparent;\n filter: drop-shadow(0 -1px 1px var(--ff-mini-modal-arrow-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top::before {\n content: \"\";\n position: absolute;\n width: 3px;\n height: 4px;\n border-radius: 50px;\n background-color: var(--ff-mini-modal-border);\n top: -0.5px;\n left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left {\n left: -15px;\n border-color: transparent var(--ff-mini-modal-border) transparent transparent;\n filter: drop-shadow(-1px 0 1px var(--ff-mini-modal-arrow-shadow));\n padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left::before {\n content: \"\";\n position: absolute;\n width: 4px;\n height: 3px;\n border-radius: 50px;\n background-color: var(--ff-mini-modal-border);\n top: 0;\n left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom {\n top: 100%;\n left: 30px;\n border-color: var(--ff-mini-modal-border) transparent transparent transparent;\n filter: drop-shadow(0 2px 1px var(--ff-mini-modal-arrow-shadow));\n padding: 0 3px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom::before {\n content: \"\";\n position: absolute;\n width: 3px;\n height: 3px;\n border-radius: 50px;\n background-color: var(--ff-mini-modal-border);\n top: -2px;\n left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right {\n right: -10px;\n top: 66px;\n border-color: transparent transparent transparent var(--ff-mini-modal-border);\n filter: drop-shadow(2px 0 1px var(--ff-mini-modal-arrow-shadow));\n padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right::before {\n content: \"\";\n position: absolute;\n width: 3px;\n height: 3px;\n border-radius: 50px;\n background-color: var(--ff-mini-modal-border);\n top: 0;\n left: -2px;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-top-arrow {\n top: 10%;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-middle-arrow {\n top: 45%;\n}\n.ff-mini-edit-modal-container .wrapped-div {\n height: 35px;\n background-color: transparent;\n outline: 8px solid var(--ff-mini-modal-border);\n outline-offset: -8px;\n position: absolute;\n top: -34px;\n border-radius: 7px 7px 0 0;\n}\n.ff-mini-edit-modal-container .wrapped-div::before, .ff-mini-edit-modal-container .wrapped-div::after {\n position: absolute;\n content: \"\";\n width: 13px;\n height: 13px;\n background: transparent;\n border-radius: 50%;\n bottom: 0;\n box-shadow: 8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .wrapped-div::before {\n left: -13px;\n clip-path: polygon(100% 100%, 110% 45%, 0% 70%, 0% 100%);\n}\n.ff-mini-edit-modal-container .wrapped-div::after {\n right: -13px;\n clip-path: polygon(-5% 100%, 0% 40%, 100% 70%, 100% 100%);\n box-shadow: -8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .mini-edit-modal {\n background: var(--ff-mini-modal-border);\n position: relative;\n max-height: fit-content;\n width: 100%;\n margin: 0 0 0 -5px;\n height: 100%;\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-wrapper-shadow {\n box-shadow: 0px 0px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-arrow-shadow {\n box-shadow: 0px 0px 16px 0px var(--ff-mini-modal-arrow-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal header {\n border-radius: 4px 4px 0 0;\n}\n.ff-mini-edit-modal-container .mini-edit-modal footer {\n border-radius: 0 0 4px 4px;\n}\n.ff-mini-edit-modal-container .mini-edit-modal .modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n background-color: var(--ff-mini-modal-footer-background);\n height: 24px;\n padding: 0 10px 0 0;\n transition: transform 0.3s ease-in-out;\n}\n@keyframes slideDown {\n 0% {\n transform: translateY(-50px);\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.ff-mini-modal-buttons-flex {\n display: flex;\n}\n\n.ff-mini-modal-gap-10 {\n gap: 10px;\n}\n\n.ff-mini-edit-model-icon {\n color: var(--ff-mini-modal-box-shadow);\n border: 2px solid var(--ff-mini-modal-box-shadow);\n border-radius: 4px;\n}\n\n.ff-mini-modal-loop {\n display: flex;\n flex-wrap: wrap;\n}\n\n.ff-mini-modal-loop-div {\n width: 500px;\n height: 300px;\n}";
|
14249
|
+
styleInject(css_248z$S);
|
14052
14250
|
|
14053
14251
|
const MiniModal = /*#__PURE__*/forwardRef(({
|
14054
14252
|
anchorRef,
|
@@ -14322,8 +14520,8 @@ const MiniModal = /*#__PURE__*/forwardRef(({
|
|
14322
14520
|
}), document.body);
|
14323
14521
|
});
|
14324
14522
|
|
14325
|
-
var css_248z$
|
14326
|
-
styleInject(css_248z$
|
14523
|
+
var css_248z$R = ":root {\n --table-height: auto;\n}\n\n.tree-table-space-block {\n display: inline-block;\n width: 20px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n vertical-align: top;\n font-size: 19px;\n position: relative;\n box-sizing: border-box;\n border-radius: 50%;\n}\n.tree-table-space-block.btn-toggle {\n position: relative;\n cursor: pointer;\n width: 22px;\n height: 18px;\n z-index: 12;\n}\n.tree-table-space-block.btn-toggle::before {\n display: none;\n}\n.tree-table-space-block.last-block::after, .tree-table-space-block.no-folder::after {\n position: absolute;\n content: \"\";\n height: 1px;\n background: var(--tree-connecting-lines-color);\n top: 50%;\n margin-top: -1px;\n}\n.tree-table-space-block.last-block::after {\n width: 12px;\n left: -10px;\n}\n.tree-table-space-block.no-folder {\n width: 8px;\n}\n.tree-table-space-block.no-folder::after {\n width: 22px;\n left: -10px;\n}\n.tree-table-space-block:not(.last-block, .no-lines, .last-node)::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 40px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: 99;\n}\n.tree-table-space-block.last-node::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 12px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: -1;\n}\n.tree-table-space-block.folder.last-node::before {\n height: 13px;\n}\n\n.tree-title-container .tree-table-space-block {\n width: 16px;\n}\n\n.hidden {\n display: none;\n}\n\n.show {\n display: table-row;\n visibility: visible;\n}\n\n.btn-toggle {\n cursor: pointer;\n}\n.btn-toggle.is-close {\n background: #f1f1f1;\n border: 1px solid transparent;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n}\n.btn-toggle::before, .btn-toggle::after {\n display: none;\n}\n\n.tree-table-wrap {\n width: 100%;\n padding-left: 4px;\n overflow: hidden;\n overflow-x: auto;\n}\n\n.table-scrollable {\n height: var(--table-height);\n /* Adjust height as needed */\n overflow-y: auto;\n position: relative;\n}\n\n.ff-table-tree-body {\n overflow: scroll;\n}\n\n.tree-table {\n table-layout: fixed;\n width: 100%;\n border-collapse: collapse;\n overflow: scroll;\n}\n.tree-table .ff-table-tree-head {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n.tree-table .ff-table-tree-row {\n background-color: var(--base-bg-color);\n}\n.tree-table .ff-table-tree-row .table-tree-row-action {\n display: none;\n}\n.tree-table .ff-table-tree-row .table-row-add-button {\n display: inline-flex;\n z-index: 9999;\n}\n.tree-table .ff-table-tree-row:hover {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .ff-table-tree-td:first-child {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .table-tree-row-action {\n display: inline-flex;\n align-items: center;\n}\n.tree-table .ff-table-tree-row::after {\n content: \"\";\n display: block;\n visibility: hidden;\n clear: both;\n}\n.tree-table .ff-table-tree-th,\n.tree-table .ff-table-tree-td {\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.tree-table .ff-table-tree-th {\n color: var(--table-header-text-color);\n background: var(--border-color);\n font-size: 12px;\n font-weight: 600;\n width: 400px;\n height: 32px;\n box-sizing: border-box;\n}\n.tree-table .ff-table-tree-th:first-child {\n width: 400px !important;\n position: sticky;\n left: 0;\n padding-left: 8px;\n}\n.tree-table .ff-table-tree-td {\n font-size: 12px;\n color: var(--nlp-color);\n height: 18px;\n}\n.tree-table .ff-table-tree-td:first-child {\n overflow: initial;\n position: sticky;\n left: 0;\n background-color: white;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n margin-left: 8px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content {\n padding-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content .tree-table-td-content-text {\n margin-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n font-weight: 700;\n}\n.tree-table .ff-table-tree-td.folder {\n height: 28px;\n}\n\n.tree-table-td-content {\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n font-family: \"Poppins\", sans-serif;\n}\n.tree-table-td-content.folder {\n font-weight: 600;\n}\n\n.tree-row-expanded span svg,\n.tree-row-collapsed span svg {\n height: 12px;\n width: 12px;\n}\n.tree-row-expanded span svg path,\n.tree-row-collapsed span svg path {\n fill: var(--brand-color);\n}\n\n.tree-row-collapsed svg {\n transform: rotate(-90deg);\n transition: transform 0.3s ease;\n}\n\n.tree-table-space-container {\n display: inline-flex;\n}\n\n.tree-title-container {\n display: inline-flex;\n align-items: center;\n}";
|
14524
|
+
styleInject(css_248z$R);
|
14327
14525
|
|
14328
14526
|
const TableHead = /*#__PURE__*/React__default.memo(({
|
14329
14527
|
columnsData
|
@@ -14332,21 +14530,26 @@ const TableHead = /*#__PURE__*/React__default.memo(({
|
|
14332
14530
|
defaultValue
|
14333
14531
|
}) => !!defaultValue), [columnsData]);
|
14334
14532
|
return jsxs("thead", {
|
14533
|
+
className: "ff-table-tree-head",
|
14335
14534
|
children: [jsx("tr", {
|
14535
|
+
className: "ff-table-tree-row",
|
14336
14536
|
children: columnsData.map(({
|
14337
14537
|
name,
|
14338
14538
|
width
|
14339
14539
|
}) => jsx("th", {
|
14540
|
+
className: "ff-table-tree-th",
|
14340
14541
|
style: {
|
14341
14542
|
width: width
|
14342
14543
|
},
|
14343
14544
|
children: name
|
14344
14545
|
}, name))
|
14345
14546
|
}), hasDefaultValues && jsx("tr", {
|
14547
|
+
className: "ff-table-tree-row",
|
14346
14548
|
children: columnsData.map(({
|
14347
14549
|
defaultValue,
|
14348
14550
|
defaultActions
|
14349
14551
|
}, index) => jsx("td", {
|
14552
|
+
className: "ff-table-tree-td",
|
14350
14553
|
children: defaultValue && jsxs("span", {
|
14351
14554
|
className: "tree-table-default-content",
|
14352
14555
|
children: [defaultValue, defaultActions && jsx("div", {
|
@@ -14359,8 +14562,8 @@ const TableHead = /*#__PURE__*/React__default.memo(({
|
|
14359
14562
|
});
|
14360
14563
|
});
|
14361
14564
|
|
14362
|
-
var css_248z$
|
14363
|
-
styleInject(css_248z$
|
14565
|
+
var css_248z$Q = ".add-module-container {\n display: flex;\n}\n.add-module-container .icons {\n cursor: pointer;\n}";
|
14566
|
+
styleInject(css_248z$Q);
|
14364
14567
|
|
14365
14568
|
const AddModule = ({
|
14366
14569
|
onConfirm,
|
@@ -14393,7 +14596,7 @@ const AddModule = ({
|
|
14393
14596
|
});
|
14394
14597
|
};
|
14395
14598
|
|
14396
|
-
const renderSpaces = (level, parentSiblings = [], isLast) => {
|
14599
|
+
const renderSpaces = (level, parentSiblings = [], isLast, isContainer) => {
|
14397
14600
|
let siblingsArray = parentSiblings;
|
14398
14601
|
let isLastNode = isLast;
|
14399
14602
|
if (checkEmpty(parentSiblings)) {
|
@@ -14405,23 +14608,23 @@ const renderSpaces = (level, parentSiblings = [], isLast) => {
|
|
14405
14608
|
return jsx("div", {
|
14406
14609
|
className: "tree-table-space-container",
|
14407
14610
|
children: siblingsArray?.reverse()?.map((line, i) => jsx("span", {
|
14408
|
-
className: `tree-table-space-block ${!line ? 'no-lines' : ''} ${isLastNode && i === level - 1 ? 'last-node' : ''}`
|
14611
|
+
className: `tree-table-space-block tree-table-space-block-${i} ${!line ? 'no-lines' : ''} ${isLastNode && i === level - 1 ? 'last-node' : ''} ${isContainer ? 'folder' : ''}`
|
14409
14612
|
}, i))
|
14410
14613
|
});
|
14411
14614
|
};
|
14412
14615
|
const TableCell = /*#__PURE__*/React__default.memo(({
|
14616
|
+
treeRowRef,
|
14413
14617
|
col,
|
14414
14618
|
node,
|
14415
14619
|
selected,
|
14416
14620
|
select,
|
14417
14621
|
onCheckBoxChange,
|
14418
14622
|
onToggleExpand,
|
14419
|
-
index,
|
14420
14623
|
onAddConfirm,
|
14421
14624
|
onAddCancel
|
14422
14625
|
}) => jsxs("td", {
|
14423
|
-
className:
|
14424
|
-
children: [col.isTree && renderSpaces(node.hierarchy + 1, node.parentSiblings, node.
|
14626
|
+
className: `ff-table-tree-td ${col.isTree && node.container ? 'folder' : ''}`,
|
14627
|
+
children: [col.isTree && renderSpaces(node.hierarchy + 1, node.parentSiblings, node.lastResource, node.container), jsxs("div", {
|
14425
14628
|
className: "tree-title-container",
|
14426
14629
|
children: [col.isTree && jsx("span", {
|
14427
14630
|
className: `tree-table-space-block last-block ${node.expand ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.container ? '' : 'no-folder'}`,
|
@@ -14431,7 +14634,7 @@ const TableCell = /*#__PURE__*/React__default.memo(({
|
|
14431
14634
|
children: [' ', jsx(SvgArrowsDownIcon, {})]
|
14432
14635
|
})
|
14433
14636
|
}), jsxs("span", {
|
14434
|
-
className: `tree-table-td-content ${col.isTree && node.
|
14637
|
+
className: `tree-table-td-content ${col.isTree && node.container ? 'folder' : ''}`,
|
14435
14638
|
children: [!node?.isNewNode && jsxs(Fragment, {
|
14436
14639
|
children: [col.isTree && select === 'checkbox' && jsx(Checkbox, {
|
14437
14640
|
checked: node?.checked || false,
|
@@ -14453,9 +14656,11 @@ const TableCell = /*#__PURE__*/React__default.memo(({
|
|
14453
14656
|
children: prepareData(node, col)
|
14454
14657
|
})]
|
14455
14658
|
})]
|
14456
|
-
}), col.actions &&
|
14457
|
-
className:
|
14458
|
-
children:
|
14659
|
+
}), col.actions && jsx("div", {
|
14660
|
+
className: `table-tree-row-action`,
|
14661
|
+
children: (() => {
|
14662
|
+
return col.actions(node, treeRowRef);
|
14663
|
+
})()
|
14459
14664
|
})]
|
14460
14665
|
}));
|
14461
14666
|
|
@@ -14467,25 +14672,28 @@ const TableRow = /*#__PURE__*/React__default.memo(({
|
|
14467
14672
|
onRowClick,
|
14468
14673
|
onToggleExpand,
|
14469
14674
|
onCheckBoxChange,
|
14470
|
-
index,
|
14471
14675
|
onAddConfirm,
|
14472
14676
|
onAddCancel
|
14473
|
-
}) =>
|
14474
|
-
|
14475
|
-
|
14476
|
-
|
14477
|
-
|
14478
|
-
|
14479
|
-
|
14480
|
-
|
14481
|
-
|
14482
|
-
|
14483
|
-
|
14484
|
-
|
14485
|
-
|
14486
|
-
|
14487
|
-
|
14488
|
-
|
14677
|
+
}) => {
|
14678
|
+
const treeRowRef = useRef(null);
|
14679
|
+
return jsx("tr", {
|
14680
|
+
"data-level": node.hierarchy,
|
14681
|
+
ref: treeRowRef,
|
14682
|
+
className: "ff-table-tree-row show",
|
14683
|
+
onClick: e => onRowClick(e, node),
|
14684
|
+
children: columnsData.map(col => jsx(TableCell, {
|
14685
|
+
treeRowRef: treeRowRef,
|
14686
|
+
col: col,
|
14687
|
+
node: node,
|
14688
|
+
selected: selected,
|
14689
|
+
select: select,
|
14690
|
+
onCheckBoxChange: onCheckBoxChange,
|
14691
|
+
onToggleExpand: onToggleExpand,
|
14692
|
+
onAddConfirm: onAddConfirm,
|
14693
|
+
onAddCancel: onAddCancel
|
14694
|
+
}, col.name))
|
14695
|
+
});
|
14696
|
+
});
|
14489
14697
|
|
14490
14698
|
const addNewRow = (treeData, newNode) => {
|
14491
14699
|
const {
|
@@ -14644,8 +14852,8 @@ const TreeTable = ({
|
|
14644
14852
|
};
|
14645
14853
|
var TableTree = /*#__PURE__*/memo(TreeTable);
|
14646
14854
|
|
14647
|
-
var css_248z$
|
14648
|
-
styleInject(css_248z$
|
14855
|
+
var css_248z$P = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color: #d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight: #f5fb00;\n --slider-table-color: #efe1f9;\n --variable-dropdown-bg: #($variable-dropdown-bg);\n --dataset-tooltip-title: #($dataset-tooltip-title),\n --dataset-tooltip-value: #($dataset-tooltip-value), ;\n}\n\n.fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-tabs-container {\n box-sizing: border-box;\n}\n.ff-tabs-container .ff-tab-row {\n flex: 0 1 auto;\n}\n.ff-tabs-container .ff-tab-row--default {\n display: flex;\n gap: 8px;\n border-radius: 8px 8px 0 0;\n padding: 6px 8px 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default {\n position: relative;\n border: none;\n background: none;\n padding: 0 8px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .label-count-section {\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .label-count-section .tab-count {\n background-color: var(--input-default-label-color);\n color: var(--tab-bg-color);\n height: 12px;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 8px;\n font-weight: 600;\n padding: 0 2px;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .label-count-section .tab-count--active {\n background-color: var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar {\n width: 100%;\n border-radius: 2px 2px 0 0;\n border-color: var(--input-default-label-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar--active {\n border-top: 2px solid var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .ff-tab-bar {\n border-top: 2px solid var(--input-hover-border-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .ff-tab-bar--active {\n border-top: 2px solid var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .ff-tab-label {\n color: var(--input-hover-border-color) !important;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .ff-tab-label--active {\n color: var(--tabs-label-active-color) !important;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .tab-count {\n background-color: var(--input-hover-border-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .tab-count--active {\n background-color: var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ff-tabs-container .ff-tab-row--capsule {\n display: flex;\n gap: 8px;\n border: 1px solid var(--tabs-border-color);\n border-radius: 8px;\n padding: 3px 4px;\n background-color: var(--tabs-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule {\n background: transparent;\n border: none;\n padding: 3px 4px;\n border-radius: 4px;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule:hover .ff-tab-label {\n color: var(--input-hover-border-color) !important;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule:hover .ff-tab-label--active {\n color: var(--tabs-label-active-color) !important;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule.active {\n background-color: var(--tab-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule .ff-tab-bar {\n display: none;\n}\n.ff-tabs-container .ff-tab-row--no-border {\n border: none;\n}\n.ff-tabs-container .ff-tab-row--no-padding {\n border-radius: 8px;\n background: white;\n padding: 0px;\n justify-content: flex-start;\n margin-right: 8px;\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule {\n background: transparent;\n border: none;\n padding: 3px 4px;\n border-radius: 7px;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule:hover .ff-tab-label {\n color: var(--input-hover-border-color) !important;\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule:hover .ff-tab-label--active {\n color: var(--tabs-label-active-color) !important;\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule.active {\n background-color: var(--slider-table-color);\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule .ff-tab-bar {\n display: none;\n}\n.ff-tabs-container .ff-tab-content {\n width: inherit;\n}\n.ff-tabs-container .ff-defaultStatus {\n position: absolute;\n top: 2px;\n right: 0px;\n width: 6px;\n height: 6px;\n background-color: transparent;\n border-radius: 50%;\n}\n.ff-tabs-container .ff-defaultStatus.ff-successStatus {\n background-color: var(--confirm-tick-icon-color);\n box-shadow: 0px 1px 1px 0px var(--toggle-strip-shadow);\n}\n.ff-tabs-container .ff-defaultStatus.ff-dangerStatus {\n background-color: var(--delete-text-color);\n box-shadow: 0px 1px 1px 0px var(--toggle-strip-shadow);\n}";
|
14856
|
+
styleInject(css_248z$P);
|
14649
14857
|
|
14650
14858
|
const Tabs = ({
|
14651
14859
|
variant = 'default',
|
@@ -14700,6 +14908,107 @@ const Tabs = ({
|
|
14700
14908
|
});
|
14701
14909
|
};
|
14702
14910
|
|
14911
|
+
var css_248z$O = ".ff-browser-tabs-container {\n box-sizing: border-box;\n}\n.ff-browser-tabs-container .ff-browser-tab-row {\n display: flex;\n align-items: center;\n background-color: #f5fcf6;\n overflow: hidden;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-button-container {\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-button-container .ff-tab-wrapper {\n flex-grow: 1;\n max-width: 100%;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-button-container .ff-tab-wrapper.active {\n background-color: var(--primary-button-text-color);\n font-weight: bold;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-button-container .ff-tab-wrapper .ff-tab-button {\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n transition: width 0.3s ease, padding 0.3s ease;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-button-container .ff-tab-wrapper .ff-tab-button .ff-tab-content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n overflow: hidden;\n width: 100%;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-button-container .ff-tab-wrapper .ff-tab-button .ff-tab-content .ff-tab-label-container {\n flex: 1;\n overflow: hidden;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-button-container .ff-tab-wrapper .ff-tab-button .ff-tab-content .ff-tab-label-container .ff-tab-label {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-button-container .ff-tab-wrapper .ff-tab-button .ff-tab-content .ff-close-icon {\n color: var(--brand-color);\n flex-shrink: 0;\n margin-left: 4px;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-button-container .ff-tab-wrapper .ff-tab-separator {\n max-width: 1px;\n background-color: #d1d1d1;\n padding: 0 0.5px;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-plus-icon {\n margin-left: 24px;\n cursor: pointer;\n padding: 4px 8px;\n}\n.ff-browser-tabs-container .ff-browser-tab-row .ff-tab-plus-icon:hover {\n background-color: rgba(113, 52, 123, 0.1019607843);\n border-radius: 4px;\n}";
|
14912
|
+
styleInject(css_248z$O);
|
14913
|
+
|
14914
|
+
const BrowserTabs = ({
|
14915
|
+
tabsData,
|
14916
|
+
activeTabId,
|
14917
|
+
onTabClick,
|
14918
|
+
onTabClose,
|
14919
|
+
onTabAdd,
|
14920
|
+
maxTabWidth = 132,
|
14921
|
+
showCloseOnActive = true
|
14922
|
+
}) => {
|
14923
|
+
const containerRef = useRef(null);
|
14924
|
+
const [tabWidth, setTabWidth] = useState();
|
14925
|
+
useEffect(() => {
|
14926
|
+
const updateTabWidth = () => {
|
14927
|
+
if (containerRef.current) {
|
14928
|
+
const containerWidth = containerRef.current.getBoundingClientRect().width;
|
14929
|
+
const calculatedWidth = containerWidth / tabsData.length;
|
14930
|
+
setTabWidth(Math.min(maxTabWidth, calculatedWidth));
|
14931
|
+
}
|
14932
|
+
};
|
14933
|
+
updateTabWidth();
|
14934
|
+
window.addEventListener('resize', updateTabWidth);
|
14935
|
+
return () => window.removeEventListener('resize', updateTabWidth);
|
14936
|
+
}, [tabsData.length, maxTabWidth]);
|
14937
|
+
return jsx("div", {
|
14938
|
+
className: "ff-browser-tabs-container",
|
14939
|
+
ref: containerRef,
|
14940
|
+
children: jsxs("div", {
|
14941
|
+
className: "ff-browser-tab-row",
|
14942
|
+
children: [jsx("div", {
|
14943
|
+
className: "ff-tab-button-container",
|
14944
|
+
children: tabsData.map((tab, index) => {
|
14945
|
+
const isActive = activeTabId === tab.id;
|
14946
|
+
const isTabTooSmall = tabWidth && tabWidth < 80;
|
14947
|
+
return jsxs("div", {
|
14948
|
+
className: classNames('ff-tab-wrapper', {
|
14949
|
+
active: isActive
|
14950
|
+
}),
|
14951
|
+
children: [jsx(Tooltip, {
|
14952
|
+
title: isTabTooSmall ? tab.label : '',
|
14953
|
+
children: jsx("button", {
|
14954
|
+
onClick: () => onTabClick(tab.id),
|
14955
|
+
className: "ff-tab-button",
|
14956
|
+
style: {
|
14957
|
+
width: tabWidth ? `${tabWidth}px` : 'auto',
|
14958
|
+
padding: tabWidth && tabWidth < 80 ? ' 0px' : '0px 8px'
|
14959
|
+
},
|
14960
|
+
children: jsxs("div", {
|
14961
|
+
className: "ff-tab-content",
|
14962
|
+
children: [tabWidth && tabWidth >= 20 && (!isActive || tabWidth >= 80) && jsx(Icon, {
|
14963
|
+
name: tab.tabIcon,
|
14964
|
+
hoverEffect: false,
|
14965
|
+
color: "inherit"
|
14966
|
+
}), tabWidth && tabWidth > 40 && jsx("div", {
|
14967
|
+
className: "ff-tab-label-container",
|
14968
|
+
children: jsx(Typography, {
|
14969
|
+
children: tab.label,
|
14970
|
+
lineHeight: "18px",
|
14971
|
+
fontWeight: isActive ? 'semi-bold' : 'regular',
|
14972
|
+
color: isActive ? 'var(--tabs-label-active-color)' : 'var(--tabs-label-default-color)',
|
14973
|
+
className: "ff-tab-label"
|
14974
|
+
})
|
14975
|
+
}), (tabWidth && tabWidth >= 80 || isActive) && showCloseOnActive && jsx(Icon, {
|
14976
|
+
name: "close",
|
14977
|
+
className: "ff-close-icon",
|
14978
|
+
hoverEffect: false,
|
14979
|
+
height: 10,
|
14980
|
+
width: 10,
|
14981
|
+
onClick: e => {
|
14982
|
+
e.stopPropagation();
|
14983
|
+
if (onTabClose) {
|
14984
|
+
onTabClose(Number(tab.id));
|
14985
|
+
}
|
14986
|
+
}
|
14987
|
+
})]
|
14988
|
+
})
|
14989
|
+
})
|
14990
|
+
}), isActive || index === tabsData.length - 1 || activeTabId === tabsData[0]?.id && index === 0 || activeTabId === tabsData[index + 1]?.id ? null : jsx("span", {
|
14991
|
+
className: "ff-tab-separator",
|
14992
|
+
style: {
|
14993
|
+
margin: tabWidth && tabWidth > 80 ? '0 4px' : '0 1px'
|
14994
|
+
}
|
14995
|
+
})]
|
14996
|
+
}, tab.id);
|
14997
|
+
})
|
14998
|
+
}), jsx("div", {
|
14999
|
+
className: "ff-tab-plus-icon",
|
15000
|
+
onClick: onTabAdd,
|
15001
|
+
children: jsx(Icon, {
|
15002
|
+
name: "add_file",
|
15003
|
+
color: "#71347B",
|
15004
|
+
width: 10,
|
15005
|
+
height: 10
|
15006
|
+
})
|
15007
|
+
})]
|
15008
|
+
})
|
15009
|
+
});
|
15010
|
+
};
|
15011
|
+
|
14703
15012
|
var css_248z$N = ".ff-highlight-bg {\n background-color: var(--text-bg-highlight);\n}";
|
14704
15013
|
styleInject(css_248z$N);
|
14705
15014
|
|
@@ -18211,6 +18520,53 @@ function setYear(date, year, options) {
|
|
18211
18520
|
return date_;
|
18212
18521
|
}
|
18213
18522
|
|
18523
|
+
const FIVE_WEEKS = 5;
|
18524
|
+
const FOUR_WEEKS = 4;
|
18525
|
+
/**
|
18526
|
+
* Return the number of weeks to display in the broadcast calendar.
|
18527
|
+
*
|
18528
|
+
* @since 9.4.0
|
18529
|
+
*/
|
18530
|
+
function getBroadcastWeeksInMonth(month, dateLib) {
|
18531
|
+
// Get the first day of the month
|
18532
|
+
const firstDayOfMonth = dateLib.startOfMonth(month);
|
18533
|
+
// Get the day of the week for the first day of the month (1-7, where 1 is Monday)
|
18534
|
+
const firstDayOfWeek = firstDayOfMonth.getDay() > 0 ? firstDayOfMonth.getDay() : 7;
|
18535
|
+
const broadcastStartDate = dateLib.addDays(month, -firstDayOfWeek + 1);
|
18536
|
+
const lastDateOfLastWeek = dateLib.addDays(broadcastStartDate, FIVE_WEEKS * 7 - 1);
|
18537
|
+
const numberOfWeeks = month.getMonth() === lastDateOfLastWeek.getMonth() ? FIVE_WEEKS : FOUR_WEEKS;
|
18538
|
+
return numberOfWeeks;
|
18539
|
+
}
|
18540
|
+
|
18541
|
+
/**
|
18542
|
+
* Return the start date of the week in the broadcast calendar.
|
18543
|
+
*
|
18544
|
+
* @since 9.4.0
|
18545
|
+
*/
|
18546
|
+
function startOfBroadcastWeek(date, dateLib) {
|
18547
|
+
const firstOfMonth = dateLib.startOfMonth(date);
|
18548
|
+
const dayOfWeek = firstOfMonth.getDay();
|
18549
|
+
if (dayOfWeek === 1) {
|
18550
|
+
return firstOfMonth;
|
18551
|
+
} else if (dayOfWeek === 0) {
|
18552
|
+
return dateLib.addDays(firstOfMonth, -1 * 6);
|
18553
|
+
} else {
|
18554
|
+
return dateLib.addDays(firstOfMonth, -1 * (dayOfWeek - 1));
|
18555
|
+
}
|
18556
|
+
}
|
18557
|
+
|
18558
|
+
/**
|
18559
|
+
* Return the end date of the week in the broadcast calendar.
|
18560
|
+
*
|
18561
|
+
* @since 9.4.0
|
18562
|
+
*/
|
18563
|
+
function endOfBroadcastWeek(date, dateLib) {
|
18564
|
+
const startDate = startOfBroadcastWeek(date, dateLib);
|
18565
|
+
const numberOfWeeks = getBroadcastWeeksInMonth(date, dateLib);
|
18566
|
+
const endDate = dateLib.addDays(startDate, numberOfWeeks * 7 - 1);
|
18567
|
+
return endDate;
|
18568
|
+
}
|
18569
|
+
|
18214
18570
|
/**
|
18215
18571
|
* A wrapper class around [date-fns](http://date-fns.org) sharing the same
|
18216
18572
|
* options. Methods of this class can be overridden using the
|
@@ -18291,6 +18647,15 @@ class DateLib {
|
|
18291
18647
|
this.differenceInCalendarMonths = (dateLeft, dateRight) => {
|
18292
18648
|
return this.overrides?.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(dateLeft, dateRight) : differenceInCalendarMonths(dateLeft, dateRight);
|
18293
18649
|
};
|
18650
|
+
/**
|
18651
|
+
* Returns the end of the broadcast week for the given date.
|
18652
|
+
*
|
18653
|
+
* @param date The original date.
|
18654
|
+
* @returns The end of the broadcast week.
|
18655
|
+
*/
|
18656
|
+
this.endOfBroadcastWeek = date => {
|
18657
|
+
return this.overrides?.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(date, this) : endOfBroadcastWeek(date, this);
|
18658
|
+
};
|
18294
18659
|
/**
|
18295
18660
|
* Returns the end of the ISO week for the given date.
|
18296
18661
|
*
|
@@ -18452,6 +18817,15 @@ class DateLib {
|
|
18452
18817
|
this.setYear = (date, year) => {
|
18453
18818
|
return this.overrides?.setYear ? this.overrides.setYear(date, year) : setYear(date, year);
|
18454
18819
|
};
|
18820
|
+
/**
|
18821
|
+
* Returns the start of the broadcast week for the given date.
|
18822
|
+
*
|
18823
|
+
* @param date The original date.
|
18824
|
+
* @returns The start of the broadcast week.
|
18825
|
+
*/
|
18826
|
+
this.startOfBroadcastWeek = date => {
|
18827
|
+
return this.overrides?.startOfBroadcastWeek ? this.overrides.startOfBroadcastWeek(date, this) : startOfBroadcastWeek(date, this);
|
18828
|
+
};
|
18455
18829
|
/**
|
18456
18830
|
* Returns the start of the day for the given date.
|
18457
18831
|
*
|
@@ -18934,7 +19308,9 @@ function Weekday(props) {
|
|
18934
19308
|
* @see https://daypicker.dev/guides/custom-components
|
18935
19309
|
*/
|
18936
19310
|
function Weekdays(props) {
|
18937
|
-
return /*#__PURE__*/React__default.createElement("thead",
|
19311
|
+
return /*#__PURE__*/React__default.createElement("thead", {
|
19312
|
+
"aria-hidden": true
|
19313
|
+
}, /*#__PURE__*/React__default.createElement("tr", {
|
18938
19314
|
...props
|
18939
19315
|
}));
|
18940
19316
|
}
|
@@ -19037,7 +19413,8 @@ function getDataAttributes(props) {
|
|
19037
19413
|
"data-mode": props.mode ?? undefined,
|
19038
19414
|
"data-required": "required" in props ? props.required : undefined,
|
19039
19415
|
"data-multiple-months": props.numberOfMonths && props.numberOfMonths > 1 || undefined,
|
19040
|
-
"data-week-numbers": props.showWeekNumber || undefined
|
19416
|
+
"data-week-numbers": props.showWeekNumber || undefined,
|
19417
|
+
"data-broadcast-calendar": props.broadcastCalendar || undefined
|
19041
19418
|
};
|
19042
19419
|
Object.entries(props).forEach(([key, val]) => {
|
19043
19420
|
if (key.startsWith("data-")) {
|
@@ -19103,7 +19480,7 @@ function formatDay(date, options, dateLib) {
|
|
19103
19480
|
*/
|
19104
19481
|
function formatMonthDropdown(/** The month number to format. */
|
19105
19482
|
monthNumber, /** The locale to use for formatting. */
|
19106
|
-
locale
|
19483
|
+
locale) {
|
19107
19484
|
return locale.localize?.month(monthNumber);
|
19108
19485
|
}
|
19109
19486
|
|
@@ -19193,13 +19570,12 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
|
|
19193
19570
|
if (!navEnd) return undefined;
|
19194
19571
|
const {
|
19195
19572
|
addMonths,
|
19196
|
-
startOfMonth
|
19197
|
-
isBefore
|
19573
|
+
startOfMonth
|
19198
19574
|
} = dateLib;
|
19199
19575
|
const year = displayMonth.getFullYear();
|
19200
19576
|
const months = [];
|
19201
19577
|
let month = navStart;
|
19202
|
-
while (months.length < 12
|
19578
|
+
while (months.length < 12) {
|
19203
19579
|
months.push(month.getMonth());
|
19204
19580
|
month = addMonths(month, 1);
|
19205
19581
|
}
|
@@ -19207,7 +19583,7 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
|
|
19207
19583
|
return a - b;
|
19208
19584
|
});
|
19209
19585
|
const options = sortedMonths.map(value => {
|
19210
|
-
const label = formatters.formatMonthDropdown(value, dateLib.options.locale);
|
19586
|
+
const label = formatters.formatMonthDropdown(value, dateLib.options.locale ?? enUS$1);
|
19211
19587
|
const month = dateLib.Date ? new dateLib.Date(year, value) : new Date(year, value);
|
19212
19588
|
const disabled = navStart && month < startOfMonth(navStart) || navEnd && month > startOfMonth(navEnd) || false;
|
19213
19589
|
return {
|
@@ -19582,7 +19958,8 @@ function tzName(tz, date) {
|
|
19582
19958
|
*/
|
19583
19959
|
function getWeekdays(/** The date library. */
|
19584
19960
|
dateLib, /** Use ISOWeek instead of locale/ */
|
19585
|
-
ISOWeek, timeZone
|
19961
|
+
ISOWeek, timeZone, /** @since 9.4.0 */
|
19962
|
+
broadcastCalendar) {
|
19586
19963
|
const date = timeZone ? TZDate.tz(timeZone) : dateLib.Date ? new dateLib.Date() : new Date();
|
19587
19964
|
const start = ISOWeek ? dateLib.startOfISOWeek(date) : dateLib.startOfWeek(date);
|
19588
19965
|
const days = [];
|
@@ -19594,20 +19971,18 @@ ISOWeek, timeZone) {
|
|
19594
19971
|
}
|
19595
19972
|
|
19596
19973
|
/** Return the years to show in the dropdown. */
|
19597
|
-
function getYearOptions(
|
19598
|
-
if (!
|
19599
|
-
if (!
|
19974
|
+
function getYearOptions(navStart, navEnd, formatters, dateLib) {
|
19975
|
+
if (!navStart) return undefined;
|
19976
|
+
if (!navEnd) return undefined;
|
19600
19977
|
const {
|
19601
|
-
startOfMonth,
|
19602
19978
|
startOfYear,
|
19603
19979
|
endOfYear,
|
19604
19980
|
addYears,
|
19605
19981
|
isBefore,
|
19606
19982
|
isSameYear
|
19607
19983
|
} = dateLib;
|
19608
|
-
const
|
19609
|
-
const
|
19610
|
-
const lastNavYear = endOfYear(calendarEnd);
|
19984
|
+
const firstNavYear = startOfYear(navStart);
|
19985
|
+
const lastNavYear = endOfYear(navEnd);
|
19611
19986
|
const years = [];
|
19612
19987
|
let year = firstNavYear;
|
19613
19988
|
while (isBefore(year, lastNavYear) || isSameYear(year, lastNavYear)) {
|
@@ -19615,13 +19990,11 @@ function getYearOptions(displayMonth, calendarStart, calendarEnd, formatters, da
|
|
19615
19990
|
year = addYears(year, 1);
|
19616
19991
|
}
|
19617
19992
|
return years.map(value => {
|
19618
|
-
const year = dateLib.Date ? new dateLib.Date(value, month) : new Date(value, month);
|
19619
|
-
const disabled = calendarStart && year < startOfMonth(calendarStart) || month && calendarEnd && year > startOfMonth(calendarEnd) || false;
|
19620
19993
|
const label = formatters.formatYearDropdown(value);
|
19621
19994
|
return {
|
19622
19995
|
value,
|
19623
19996
|
label,
|
19624
|
-
disabled
|
19997
|
+
disabled: false
|
19625
19998
|
};
|
19626
19999
|
});
|
19627
20000
|
}
|
@@ -19785,29 +20158,30 @@ var defaultLabels = /*#__PURE__*/Object.freeze({
|
|
19785
20158
|
labelYearDropdown: labelYearDropdown
|
19786
20159
|
});
|
19787
20160
|
|
19788
|
-
/** The number of days in a month when having 6 weeks. */
|
19789
|
-
const NrOfDaysWithFixedWeeks = 42;
|
19790
20161
|
/** Return all the dates to display in the calendar. */
|
19791
20162
|
function getDates(displayMonths, maxDate, props, dateLib) {
|
19792
20163
|
const firstMonth = displayMonths[0];
|
19793
20164
|
const lastMonth = displayMonths[displayMonths.length - 1];
|
19794
20165
|
const {
|
19795
20166
|
ISOWeek,
|
19796
|
-
fixedWeeks
|
20167
|
+
fixedWeeks,
|
20168
|
+
broadcastCalendar
|
19797
20169
|
} = props ?? {};
|
19798
20170
|
const {
|
19799
|
-
startOfWeek,
|
19800
|
-
endOfWeek,
|
19801
|
-
startOfISOWeek,
|
19802
|
-
endOfISOWeek,
|
19803
20171
|
addDays,
|
19804
20172
|
differenceInCalendarDays,
|
19805
20173
|
differenceInCalendarMonths,
|
20174
|
+
endOfBroadcastWeek,
|
20175
|
+
endOfISOWeek,
|
20176
|
+
endOfMonth,
|
20177
|
+
endOfWeek,
|
19806
20178
|
isAfter,
|
19807
|
-
|
20179
|
+
startOfBroadcastWeek,
|
20180
|
+
startOfISOWeek,
|
20181
|
+
startOfWeek
|
19808
20182
|
} = dateLib;
|
19809
|
-
const startWeekFirstDate = ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
|
19810
|
-
const endWeekLastDate = ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
|
20183
|
+
const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek(firstMonth, dateLib) : ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
|
20184
|
+
const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek(lastMonth, dateLib) : ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
|
19811
20185
|
const nOfDays = differenceInCalendarDays(endWeekLastDate, startWeekFirstDate);
|
19812
20186
|
const nOfMonths = differenceInCalendarMonths(lastMonth, firstMonth) + 1;
|
19813
20187
|
const dates = [];
|
@@ -19819,9 +20193,11 @@ function getDates(displayMonths, maxDate, props, dateLib) {
|
|
19819
20193
|
dates.push(date);
|
19820
20194
|
}
|
19821
20195
|
// If fixed weeks is enabled, add the extra dates to the array
|
19822
|
-
const
|
20196
|
+
const nrOfDaysWithFixedWeeks = broadcastCalendar ? 35 : 42;
|
20197
|
+
const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
|
19823
20198
|
if (fixedWeeks && dates.length < extraDates) {
|
19824
|
-
|
20199
|
+
const daysToAdd = extraDates - dates.length;
|
20200
|
+
for (let i = 0; i < daysToAdd; i++) {
|
19825
20201
|
const date = addDays(dates[dates.length - 1], 1);
|
19826
20202
|
dates.push(date);
|
19827
20203
|
}
|
@@ -19932,25 +20308,29 @@ displayMonths, /** The dates to display in the calendar. */
|
|
19932
20308
|
dates, /** Options from the props context. */
|
19933
20309
|
props, dateLib) {
|
19934
20310
|
const {
|
19935
|
-
|
19936
|
-
|
19937
|
-
startOfISOWeek,
|
20311
|
+
addDays,
|
20312
|
+
endOfBroadcastWeek,
|
19938
20313
|
endOfISOWeek,
|
19939
20314
|
endOfMonth,
|
19940
|
-
|
20315
|
+
endOfWeek,
|
20316
|
+
getISOWeek,
|
19941
20317
|
getWeek,
|
19942
|
-
|
20318
|
+
startOfBroadcastWeek,
|
20319
|
+
startOfISOWeek,
|
20320
|
+
startOfWeek
|
19943
20321
|
} = dateLib;
|
19944
20322
|
const dayPickerMonths = displayMonths.reduce((months, month) => {
|
19945
|
-
const firstDateOfFirstWeek = props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
|
19946
|
-
const lastDateOfLastWeek = props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
|
20323
|
+
const firstDateOfFirstWeek = props.broadcastCalendar ? startOfBroadcastWeek(month, dateLib) : props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
|
20324
|
+
const lastDateOfLastWeek = props.broadcastCalendar ? endOfBroadcastWeek(month, dateLib) : props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
|
19947
20325
|
/** The dates to display in the month. */
|
19948
20326
|
const monthDates = dates.filter(date => {
|
19949
20327
|
return date >= firstDateOfFirstWeek && date <= lastDateOfLastWeek;
|
19950
20328
|
});
|
19951
|
-
|
20329
|
+
const nrOfDaysWithFixedWeeks = props.broadcastCalendar ? 35 : 42;
|
20330
|
+
if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
|
19952
20331
|
const extraDates = dates.filter(date => {
|
19953
|
-
|
20332
|
+
const daysToAdd = nrOfDaysWithFixedWeeks - monthDates.length;
|
20333
|
+
return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, daysToAdd);
|
19954
20334
|
});
|
19955
20335
|
monthDates.push(...extraDates);
|
19956
20336
|
}
|
@@ -20388,27 +20768,30 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
|
|
20388
20768
|
/** Return the next date that should be focused. */
|
20389
20769
|
function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dateLib) {
|
20390
20770
|
const {
|
20391
|
-
ISOWeek
|
20771
|
+
ISOWeek,
|
20772
|
+
broadcastCalendar
|
20392
20773
|
} = props;
|
20393
20774
|
const {
|
20394
20775
|
addDays,
|
20395
20776
|
addMonths,
|
20396
|
-
addYears,
|
20397
20777
|
addWeeks,
|
20398
|
-
|
20778
|
+
addYears,
|
20779
|
+
endOfBroadcastWeek,
|
20399
20780
|
endOfISOWeek,
|
20400
|
-
startOfWeek,
|
20401
20781
|
endOfWeek,
|
20402
20782
|
max,
|
20403
|
-
min
|
20783
|
+
min,
|
20784
|
+
startOfBroadcastWeek,
|
20785
|
+
startOfISOWeek,
|
20786
|
+
startOfWeek
|
20404
20787
|
} = dateLib;
|
20405
20788
|
const moveFns = {
|
20406
20789
|
day: addDays,
|
20407
20790
|
week: addWeeks,
|
20408
20791
|
month: addMonths,
|
20409
20792
|
year: addYears,
|
20410
|
-
startOfWeek: date => ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
|
20411
|
-
endOfWeek: date => ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
|
20793
|
+
startOfWeek: date => broadcastCalendar ? startOfBroadcastWeek(date, dateLib) : ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
|
20794
|
+
endOfWeek: date => broadcastCalendar ? endOfBroadcastWeek(date, dateLib) : ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
|
20412
20795
|
};
|
20413
20796
|
let focusableDate = moveFns[moveBy](refDate, moveDir === "after" ? 1 : -1);
|
20414
20797
|
if (moveDir === "before" && navStart) {
|
@@ -20474,6 +20857,8 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
|
|
20474
20857
|
/**
|
20475
20858
|
* Return a function to get the modifiers for a given day.
|
20476
20859
|
*
|
20860
|
+
* NOTE: this is not an hook, but a factory for `getModifiers`.
|
20861
|
+
*
|
20477
20862
|
* @private
|
20478
20863
|
*/
|
20479
20864
|
function useGetModifiers(days, props, dateLib) {
|
@@ -20482,12 +20867,19 @@ function useGetModifiers(days, props, dateLib) {
|
|
20482
20867
|
hidden,
|
20483
20868
|
modifiers,
|
20484
20869
|
showOutsideDays,
|
20870
|
+
broadcastCalendar,
|
20485
20871
|
today
|
20486
20872
|
} = props;
|
20487
20873
|
const {
|
20488
20874
|
isSameDay,
|
20489
|
-
isSameMonth
|
20875
|
+
isSameMonth,
|
20876
|
+
startOfMonth,
|
20877
|
+
isBefore,
|
20878
|
+
endOfMonth,
|
20879
|
+
isAfter
|
20490
20880
|
} = dateLib;
|
20881
|
+
const startMonth = props.startMonth && startOfMonth(props.startMonth);
|
20882
|
+
const endMonth = props.endMonth && endOfMonth(props.endMonth);
|
20491
20883
|
const internalModifiersMap = {
|
20492
20884
|
[DayFlag.focused]: [],
|
20493
20885
|
[DayFlag.outside]: [],
|
@@ -20496,20 +20888,18 @@ function useGetModifiers(days, props, dateLib) {
|
|
20496
20888
|
[DayFlag.today]: []
|
20497
20889
|
};
|
20498
20890
|
const customModifiersMap = {};
|
20499
|
-
const selectionModifiersMap = {
|
20500
|
-
[SelectionState.range_end]: [],
|
20501
|
-
[SelectionState.range_middle]: [],
|
20502
|
-
[SelectionState.range_start]: [],
|
20503
|
-
[SelectionState.selected]: []
|
20504
|
-
};
|
20505
20891
|
for (const day of days) {
|
20506
20892
|
const {
|
20507
20893
|
date,
|
20508
20894
|
displayMonth
|
20509
20895
|
} = day;
|
20510
20896
|
const isOutside = Boolean(displayMonth && !isSameMonth(date, displayMonth));
|
20897
|
+
const isBeforeStartMonth = Boolean(startMonth && isBefore(date, startMonth));
|
20898
|
+
const isAfterEndMonth = Boolean(endMonth && isAfter(date, endMonth));
|
20511
20899
|
const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
|
20512
|
-
const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) ||
|
20900
|
+
const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || isBeforeStartMonth || isAfterEndMonth ||
|
20901
|
+
// Broadcast calendar will show outside days as default
|
20902
|
+
!broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
|
20513
20903
|
const isToday = isSameDay(date, today ?? (props.timeZone ? TZDate.tz(props.timeZone) : dateLib.Date ? new dateLib.Date() : new Date()));
|
20514
20904
|
if (isOutside) internalModifiersMap.outside.push(day);
|
20515
20905
|
if (isDisabled) internalModifiersMap.disabled.push(day);
|
@@ -20538,27 +20928,16 @@ function useGetModifiers(days, props, dateLib) {
|
|
20538
20928
|
[DayFlag.outside]: false,
|
20539
20929
|
[DayFlag.today]: false
|
20540
20930
|
};
|
20541
|
-
const selectionStates = {
|
20542
|
-
[SelectionState.range_end]: false,
|
20543
|
-
[SelectionState.range_middle]: false,
|
20544
|
-
[SelectionState.range_start]: false,
|
20545
|
-
[SelectionState.selected]: false
|
20546
|
-
};
|
20547
20931
|
const customModifiers = {};
|
20548
20932
|
// Find the modifiers for the given day
|
20549
20933
|
for (const name in internalModifiersMap) {
|
20550
20934
|
const days = internalModifiersMap[name];
|
20551
20935
|
dayFlags[name] = days.some(d => d === day);
|
20552
20936
|
}
|
20553
|
-
for (const name in selectionModifiersMap) {
|
20554
|
-
const days = selectionModifiersMap[name];
|
20555
|
-
selectionStates[name] = days.some(d => d === day);
|
20556
|
-
}
|
20557
20937
|
for (const name in customModifiersMap) {
|
20558
20938
|
customModifiers[name] = customModifiersMap[name].some(d => d === day);
|
20559
20939
|
}
|
20560
20940
|
return {
|
20561
|
-
...selectionStates,
|
20562
20941
|
...dayFlags,
|
20563
20942
|
// custom modifiers should override all the previous ones
|
20564
20943
|
...customModifiers
|
@@ -20963,7 +21342,7 @@ function DayPicker(props) {
|
|
20963
21342
|
};
|
20964
21343
|
const dateLib = new DateLib({
|
20965
21344
|
locale,
|
20966
|
-
weekStartsOn: props.weekStartsOn,
|
21345
|
+
weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
|
20967
21346
|
firstWeekContainsDate: props.firstWeekContainsDate,
|
20968
21347
|
useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
|
20969
21348
|
useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens
|
@@ -20982,7 +21361,7 @@ function DayPicker(props) {
|
|
20982
21361
|
...props.classNames
|
20983
21362
|
}
|
20984
21363
|
};
|
20985
|
-
}, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn]);
|
21364
|
+
}, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn, props.broadcastCalendar]);
|
20986
21365
|
const {
|
20987
21366
|
captionLayout,
|
20988
21367
|
mode,
|
@@ -21092,6 +21471,16 @@ function DayPicker(props) {
|
|
21092
21471
|
const handleDayMouseLeave = useCallback((day, modifiers) => e => {
|
21093
21472
|
onDayMouseLeave?.(day.date, modifiers, e);
|
21094
21473
|
}, [onDayMouseLeave]);
|
21474
|
+
const handleMonthChange = useCallback(date => e => {
|
21475
|
+
const selectedMonth = Number(e.target.value);
|
21476
|
+
const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
|
21477
|
+
goToMonth(month);
|
21478
|
+
}, [dateLib, goToMonth]);
|
21479
|
+
const handleYearChange = useCallback(date => e => {
|
21480
|
+
const selectedYear = Number(e.target.value);
|
21481
|
+
const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
|
21482
|
+
goToMonth(month);
|
21483
|
+
}, [dateLib, goToMonth]);
|
21095
21484
|
const {
|
21096
21485
|
className,
|
21097
21486
|
style
|
@@ -21129,6 +21518,8 @@ function DayPicker(props) {
|
|
21129
21518
|
lang: props.lang,
|
21130
21519
|
nonce: props.nonce,
|
21131
21520
|
title: props.title,
|
21521
|
+
role: props.role,
|
21522
|
+
"aria-label": props["aria-label"],
|
21132
21523
|
...dataAttributes
|
21133
21524
|
}, /*#__PURE__*/React__default.createElement(components.Months, {
|
21134
21525
|
className: classNames[UI.Months],
|
@@ -21142,17 +21533,8 @@ function DayPicker(props) {
|
|
21142
21533
|
previousMonth: previousMonth,
|
21143
21534
|
nextMonth: nextMonth
|
21144
21535
|
})), months.map((calendarMonth, displayIndex) => {
|
21145
|
-
const handleMonthChange = e => {
|
21146
|
-
const selectedMonth = Number(e.target.value);
|
21147
|
-
const month = dateLib.setMonth(dateLib.startOfMonth(calendarMonth.date), selectedMonth);
|
21148
|
-
goToMonth(month);
|
21149
|
-
};
|
21150
|
-
const handleYearChange = e => {
|
21151
|
-
const month = dateLib.setYear(dateLib.startOfMonth(calendarMonth.date), Number(e.target.value));
|
21152
|
-
goToMonth(month);
|
21153
|
-
};
|
21154
21536
|
const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib);
|
21155
|
-
const dropdownYears = getYearOptions(
|
21537
|
+
const dropdownYears = getYearOptions(navStart, navEnd, formatters, dateLib);
|
21156
21538
|
return /*#__PURE__*/React__default.createElement(components.Month, {
|
21157
21539
|
className: classNames[UI.Month],
|
21158
21540
|
style: styles?.[UI.Month],
|
@@ -21173,7 +21555,7 @@ function DayPicker(props) {
|
|
21173
21555
|
classNames: classNames,
|
21174
21556
|
components: components,
|
21175
21557
|
disabled: Boolean(props.disableNavigation),
|
21176
|
-
onChange: handleMonthChange,
|
21558
|
+
onChange: handleMonthChange(calendarMonth.date),
|
21177
21559
|
options: dropdownMonths,
|
21178
21560
|
style: styles?.[UI.Dropdown],
|
21179
21561
|
value: calendarMonth.date.getMonth()
|
@@ -21186,7 +21568,7 @@ function DayPicker(props) {
|
|
21186
21568
|
classNames: classNames,
|
21187
21569
|
components: components,
|
21188
21570
|
disabled: Boolean(props.disableNavigation),
|
21189
|
-
onChange: handleYearChange,
|
21571
|
+
onChange: handleYearChange(calendarMonth.date),
|
21190
21572
|
options: dropdownYears,
|
21191
21573
|
style: styles?.[UI.Dropdown],
|
21192
21574
|
value: calendarMonth.date.getFullYear()
|
@@ -21233,7 +21615,8 @@ function DayPicker(props) {
|
|
21233
21615
|
locale
|
21234
21616
|
}),
|
21235
21617
|
className: classNames[UI.WeekNumber],
|
21236
|
-
scope: "row"
|
21618
|
+
scope: "row",
|
21619
|
+
role: "rowheader"
|
21237
21620
|
}, formatWeekNumber(week.weekNumber))), week.days.map(day => {
|
21238
21621
|
const {
|
21239
21622
|
date
|
@@ -21253,14 +21636,14 @@ function DayPicker(props) {
|
|
21253
21636
|
}
|
21254
21637
|
const style = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
|
21255
21638
|
const className = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
|
21256
|
-
const ariaLabel = !isInteractive ? labelGridcell(date, modifiers, dateLib.options, dateLib) : undefined;
|
21639
|
+
const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell(date, modifiers, dateLib.options, dateLib) : undefined;
|
21257
21640
|
return /*#__PURE__*/React__default.createElement(components.Day, {
|
21258
21641
|
key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`,
|
21259
21642
|
day: day,
|
21260
21643
|
modifiers: modifiers,
|
21261
21644
|
className: className.join(" "),
|
21262
21645
|
style: style,
|
21263
|
-
"
|
21646
|
+
role: "gridcell",
|
21264
21647
|
"aria-selected": modifiers.selected || undefined,
|
21265
21648
|
"aria-label": ariaLabel,
|
21266
21649
|
"data-day": dateLib.format(date, "yyyy-MM-dd"),
|
@@ -21271,7 +21654,7 @@ function DayPicker(props) {
|
|
21271
21654
|
"data-outside": day.outside || undefined,
|
21272
21655
|
"data-focused": modifiers.focused || undefined,
|
21273
21656
|
"data-today": modifiers.today || undefined
|
21274
|
-
}, isInteractive ? (/*#__PURE__*/React__default.createElement(components.DayButton, {
|
21657
|
+
}, !modifiers.hidden && isInteractive ? (/*#__PURE__*/React__default.createElement(components.DayButton, {
|
21275
21658
|
className: classNames[UI.DayButton],
|
21276
21659
|
style: styles?.[UI.DayButton],
|
21277
21660
|
type: "button",
|
@@ -21286,7 +21669,7 @@ function DayPicker(props) {
|
|
21286
21669
|
onKeyDown: handleDayKeyDown(day, modifiers),
|
21287
21670
|
onMouseEnter: handleDayMouseEnter(day, modifiers),
|
21288
21671
|
onMouseLeave: handleDayMouseLeave(day, modifiers)
|
21289
|
-
}, formatDay(date, dateLib.options, dateLib))) : formatDay(day.date, dateLib.options, dateLib));
|
21672
|
+
}, formatDay(date, dateLib.options, dateLib))) : !modifiers.hidden && formatDay(day.date, dateLib.options, dateLib));
|
21290
21673
|
}));
|
21291
21674
|
}))));
|
21292
21675
|
})), props.footer && (/*#__PURE__*/React__default.createElement(components.Footer, {
|
@@ -29858,9 +30241,10 @@ const DataSetTooltip = ({
|
|
29858
30241
|
'Project Environment Set': peVariableSetName
|
29859
30242
|
};
|
29860
30243
|
return jsx(Fragment, {
|
29861
|
-
children: jsx(
|
29862
|
-
|
29863
|
-
children:
|
30244
|
+
children: Object.entries(toolTipTitleValue).map(([key, value], index) => jsx("div", {
|
30245
|
+
className: '',
|
30246
|
+
children: jsxs("div", {
|
30247
|
+
className: '',
|
29864
30248
|
children: [jsx(Typography, {
|
29865
30249
|
as: "div",
|
29866
30250
|
fontSize: 10,
|
@@ -29871,8 +30255,8 @@ const DataSetTooltip = ({
|
|
29871
30255
|
lineHeight: "18px",
|
29872
30256
|
children: value
|
29873
30257
|
})]
|
29874
|
-
}
|
29875
|
-
})
|
30258
|
+
})
|
30259
|
+
}, index))
|
29876
30260
|
});
|
29877
30261
|
};
|
29878
30262
|
|
@@ -30015,7 +30399,7 @@ const Branches = ({
|
|
30015
30399
|
modalId: `${machineInstanceId}-runCount-${runCount - 1}`,
|
30016
30400
|
onClick: () => onUpdateAddBrowserInstance(`${machineInstanceId}-runCount-0`, machineInstance)
|
30017
30401
|
}, ffid())]
|
30018
|
-
}),
|
30402
|
+
}), readOnly && jsxs("div", {
|
30019
30403
|
className: classNames({
|
30020
30404
|
'ff-connecting-branch-datalist': evenRow,
|
30021
30405
|
'ff-connecting-branch-datalist-reverse': !evenRow
|
@@ -30965,7 +31349,9 @@ const COLOR = 'COLOR';
|
|
30965
31349
|
const BACKGROUND_COLOR = 'BACKGROUND_COLOR';
|
30966
31350
|
const FORMATE_PAINTER = 'FORMATE_PAINTER';
|
30967
31351
|
const ADD_ROW_TOP = 'ADD_ROW_TOP';
|
31352
|
+
const ADD_ROW_BOTTOM = 'ADD_ROW_BOTTOM';
|
30968
31353
|
const ADD_COLUMN_LEFT = 'ADD_COLUMN_LEFT';
|
31354
|
+
const ADD_COLUMN_RIGHT = 'ADD_COLUMN_RIGHT';
|
30969
31355
|
const DELETE_ROW = 'DELETE_ROW';
|
30970
31356
|
const DELETE_COLUMN = 'DELETE_COLUMN';
|
30971
31357
|
const SET_ROW_HEIGHT = 'SET_ROW_HEIGHT';
|
@@ -31094,6 +31480,14 @@ function addRowTop(data) {
|
|
31094
31480
|
}
|
31095
31481
|
};
|
31096
31482
|
}
|
31483
|
+
function addRowBottom(data) {
|
31484
|
+
return {
|
31485
|
+
type: ADD_ROW_BOTTOM,
|
31486
|
+
payload: {
|
31487
|
+
data
|
31488
|
+
}
|
31489
|
+
};
|
31490
|
+
}
|
31097
31491
|
function addColumnLeft(data) {
|
31098
31492
|
return {
|
31099
31493
|
type: ADD_COLUMN_LEFT,
|
@@ -31102,6 +31496,14 @@ function addColumnLeft(data) {
|
|
31102
31496
|
}
|
31103
31497
|
};
|
31104
31498
|
}
|
31499
|
+
function addColumnRight(data) {
|
31500
|
+
return {
|
31501
|
+
type: ADD_COLUMN_RIGHT,
|
31502
|
+
payload: {
|
31503
|
+
data
|
31504
|
+
}
|
31505
|
+
};
|
31506
|
+
}
|
31105
31507
|
function deleteRow(data) {
|
31106
31508
|
return {
|
31107
31509
|
type: DELETE_ROW,
|
@@ -32364,10 +32766,10 @@ function applyBorderToCells(currentData, selectedRange, value, color) {
|
|
32364
32766
|
case 'border-none':
|
32365
32767
|
updatedCell.style = {
|
32366
32768
|
...currentCell.style,
|
32367
|
-
borderRight: `1px solid var(--excel-
|
32368
|
-
borderLeft: `1px solid var(--excel-
|
32369
|
-
borderTop: `1px solid var(--excel-
|
32370
|
-
borderBottom: `1px solid var(--excel-
|
32769
|
+
borderRight: `1px solid var(--excel-header-border)`,
|
32770
|
+
borderLeft: `1px solid var(--excel-header-border)`,
|
32771
|
+
borderTop: `1px solid var(--excel-header-border)`,
|
32772
|
+
borderBottom: `1px solid var(--excel-header-border)`
|
32371
32773
|
};
|
32372
32774
|
break;
|
32373
32775
|
case 'border-right':
|
@@ -33029,6 +33431,30 @@ function reducer(state, action) {
|
|
33029
33431
|
selectedColumn: selectedColumn
|
33030
33432
|
};
|
33031
33433
|
}
|
33434
|
+
case ADD_ROW_BOTTOM:
|
33435
|
+
{
|
33436
|
+
let {
|
33437
|
+
selectedRow,
|
33438
|
+
selectedColumn,
|
33439
|
+
model
|
33440
|
+
} = state;
|
33441
|
+
if (checkEmpty(selectedRow)) {
|
33442
|
+
return state;
|
33443
|
+
}
|
33444
|
+
selectedRow = selectedRow;
|
33445
|
+
let updatedData = [...model.data];
|
33446
|
+
const newRow = Array(updatedData[0]?.length || 0).fill({
|
33447
|
+
value: undefined
|
33448
|
+
});
|
33449
|
+
updatedData.splice(selectedRow + 1, 0, newRow);
|
33450
|
+
const updatedModel = new Model(model.createFormulaParser, updatedData);
|
33451
|
+
return {
|
33452
|
+
...state,
|
33453
|
+
model: updatedModel,
|
33454
|
+
selectedRow: selectedRow + 1,
|
33455
|
+
selectedColumn: selectedColumn
|
33456
|
+
};
|
33457
|
+
}
|
33032
33458
|
case ADD_COLUMN_LEFT:
|
33033
33459
|
{
|
33034
33460
|
let {
|
@@ -33055,6 +33481,32 @@ function reducer(state, action) {
|
|
33055
33481
|
selectedColumn: selectedColumn - 1
|
33056
33482
|
};
|
33057
33483
|
}
|
33484
|
+
case ADD_COLUMN_RIGHT:
|
33485
|
+
{
|
33486
|
+
let {
|
33487
|
+
selectedRow,
|
33488
|
+
selectedColumn,
|
33489
|
+
model
|
33490
|
+
} = state;
|
33491
|
+
if (checkEmpty(selectedColumn)) {
|
33492
|
+
return state;
|
33493
|
+
}
|
33494
|
+
selectedColumn = selectedColumn;
|
33495
|
+
let updatedData = [...model.data];
|
33496
|
+
updatedData = updatedData.map(row => {
|
33497
|
+
const newCell = {
|
33498
|
+
value: undefined
|
33499
|
+
};
|
33500
|
+
return [...row.slice(0, selectedColumn + 1), newCell, ...row.slice(selectedColumn + 1)];
|
33501
|
+
});
|
33502
|
+
const updatedModel = new Model(model.createFormulaParser, updatedData);
|
33503
|
+
return {
|
33504
|
+
...state,
|
33505
|
+
model: updatedModel,
|
33506
|
+
selectedRow: selectedRow,
|
33507
|
+
selectedColumn: selectedColumn + 1
|
33508
|
+
};
|
33509
|
+
}
|
33058
33510
|
case DELETE_ROW:
|
33059
33511
|
{
|
33060
33512
|
let {
|
@@ -35007,18 +35459,28 @@ const ColumnIndicator = ({
|
|
35007
35459
|
setContextMenu,
|
35008
35460
|
deleteColumn,
|
35009
35461
|
addColumnLeft,
|
35462
|
+
addColumnRight,
|
35463
|
+
columnContextEnable,
|
35010
35464
|
data
|
35011
35465
|
}) => {
|
35012
35466
|
const dispatch = useDispatch();
|
35013
35467
|
const columnWidth = useSelector(state => state.columnDimensions[column]?.width || 100);
|
35014
35468
|
const options = [{
|
35015
|
-
label: 'Add Column',
|
35016
|
-
value: 'Add Column',
|
35469
|
+
label: 'Add Column Left',
|
35470
|
+
value: 'Add Column Left',
|
35017
35471
|
iconName: 'plus_icon',
|
35018
35472
|
action: () => {
|
35019
35473
|
addColumnLeft(data);
|
35020
35474
|
},
|
35021
35475
|
disable: false
|
35476
|
+
}, {
|
35477
|
+
label: 'Add Column Right',
|
35478
|
+
value: 'Add Column Right',
|
35479
|
+
iconName: 'plus_icon',
|
35480
|
+
action: () => {
|
35481
|
+
addColumnRight(data);
|
35482
|
+
},
|
35483
|
+
disable: false
|
35022
35484
|
}, {
|
35023
35485
|
label: 'Delete Column',
|
35024
35486
|
value: 'Delete Column',
|
@@ -35053,7 +35515,7 @@ const ColumnIndicator = ({
|
|
35053
35515
|
event.preventDefault();
|
35054
35516
|
onSelect(column, event.shiftKey);
|
35055
35517
|
setContextMenu({
|
35056
|
-
open:
|
35518
|
+
open: columnContextEnable,
|
35057
35519
|
position: {
|
35058
35520
|
x: event.pageX,
|
35059
35521
|
y: event.pageY
|
@@ -35126,19 +35588,29 @@ const RowIndicator = ({
|
|
35126
35588
|
onSelect,
|
35127
35589
|
setContextMenu,
|
35128
35590
|
addRowTop,
|
35591
|
+
addRowBottom,
|
35129
35592
|
deleteRow,
|
35593
|
+
rowContextEnable,
|
35130
35594
|
data
|
35131
35595
|
}) => {
|
35132
35596
|
const dispatch = useDispatch();
|
35133
35597
|
const rowHeight = useSelector(state => state.rowDimensions[row]?.height || 28);
|
35134
35598
|
const options = [{
|
35135
|
-
label: 'Add Row',
|
35136
|
-
value: 'Add Row',
|
35599
|
+
label: 'Add Row Top',
|
35600
|
+
value: 'Add Row Top',
|
35137
35601
|
iconName: 'plus_icon',
|
35138
35602
|
action: () => {
|
35139
35603
|
addRowTop(data);
|
35140
35604
|
},
|
35141
35605
|
disable: false
|
35606
|
+
}, {
|
35607
|
+
label: 'Add Row Bottom',
|
35608
|
+
value: 'Add Row Bottom',
|
35609
|
+
iconName: 'plus_icon',
|
35610
|
+
action: () => {
|
35611
|
+
addRowBottom(data);
|
35612
|
+
},
|
35613
|
+
disable: false
|
35142
35614
|
}, {
|
35143
35615
|
label: 'Delete Row',
|
35144
35616
|
value: 'Delete Row',
|
@@ -35173,7 +35645,7 @@ const RowIndicator = ({
|
|
35173
35645
|
event.preventDefault();
|
35174
35646
|
onSelect(row, event.shiftKey);
|
35175
35647
|
setContextMenu({
|
35176
|
-
open:
|
35648
|
+
open: rowContextEnable,
|
35177
35649
|
position: {
|
35178
35650
|
x: event.pageX,
|
35179
35651
|
y: event.pageY
|
@@ -35391,7 +35863,8 @@ const DataEditor = ({
|
|
35391
35863
|
type: "text",
|
35392
35864
|
onChange: handleChange,
|
35393
35865
|
value: value,
|
35394
|
-
autoFocus: true
|
35866
|
+
autoFocus: true,
|
35867
|
+
disabled: cell?.isDisable
|
35395
35868
|
})
|
35396
35869
|
});
|
35397
35870
|
};
|
@@ -35570,7 +36043,7 @@ const Copied = () => {
|
|
35570
36043
|
});
|
35571
36044
|
};
|
35572
36045
|
|
35573
|
-
var css_248z$p = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-excel {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.ff-excel .ff-excel-toolbar-container {\n position: relative;\n top: 0;\n background-color: var(--excel-toolbar-bg);\n padding: 4px 8px;\n margin-bottom: 20px;\n}\n.ff-excel .ff-excel-spreadsheet {\n --background-color: var(--drawer-footer-bg);\n --text-color: var(--text-color);\n --readonly-text-color: var(--toggle-strip-active);\n --outline-color: var(--toggle-strip-active);\n --outline-background-color: var(--overlay-bg);\n --border-color: var(--excel-
|
36046
|
+
var css_248z$p = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-excel {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.ff-excel .ff-excel-toolbar-container {\n position: relative;\n top: 0;\n background-color: var(--excel-toolbar-bg);\n padding: 4px 8px;\n margin-bottom: 20px;\n}\n.ff-excel .ff-excel-toolbar-container-hide {\n display: none;\n}\n.ff-excel .ff-excel-spreadsheet {\n --background-color: var(--drawer-footer-bg);\n --text-color: var(--text-color);\n --readonly-text-color: var(--toggle-strip-active);\n --outline-color: var(--toggle-strip-active);\n --outline-background-color: var(--overlay-bg);\n --border-color: var(--excel-header-border);\n --header-background-color: var(--excel-header-bg);\n --elevation: var(--brand-color);\n position: relative;\n overflow: scroll;\n background: var(--background-color);\n color: var(--text-color);\n scrollbar-width: none;\n display: inline-block;\n}\n.ff-excel .ff-excel-header-hider {\n position: absolute;\n background-color: var(--excel-header-border);\n z-index: 500;\n left: -1px;\n top: 59px;\n}\n.ff-excel .ff-excel-header-hider-remover {\n position: absolute;\n background-color: var(--excel-header-border);\n z-index: 500;\n left: -1px;\n}\n.ff-excel .ff-excel-header-column-hider {\n height: 34px;\n width: 100%;\n}\n.ff-excel .ff-excel-header-row-hider {\n bottom: 0px;\n width: 60px;\n}\n.ff-excel .ff-spreadsheet-active-cell {\n position: absolute;\n border: 2px solid var(--outline-color);\n box-sizing: border-box;\n z-index: 100;\n}\n.ff-excel .ff-spreadsheet-active-cell--edit {\n background: var(--background-color);\n box-shadow: var(--elevation);\n}\n.ff-excel .ff-spreadsheet-table {\n overflow: scroll;\n top: 0;\n left: 0;\n margin: 0;\n position: relative;\n border-collapse: collapse;\n table-layout: fixed;\n}\n.ff-excel .ff-spreadsheet-table::-webkit-scrollbar {\n height: 0px;\n}\n.ff-excel .ff-spreadsheet-cell {\n outline: none;\n position: relative;\n z-index: 0;\n}\n.ff-excel .ff-spreadsheet-active-cell .select_dot {\n background-color: var(--elevation);\n height: 10px;\n width: 10px;\n border-radius: 50%;\n position: absolute;\n bottom: -5px;\n right: -5px;\n cursor: crosshair;\n z-index: 1000;\n}\n.ff-excel .ff-spreadsheet-cell--readonly {\n color: var(--readonly-text-color);\n}\n.ff-excel .ff-spreadsheet-cell,\n.ff-excel .ff-spreadsheet-header {\n border: 0.1px solid var(--border-color);\n overflow: hidden;\n word-break: keep-all;\n white-space: nowrap;\n text-align: left;\n box-sizing: border-box;\n user-select: none;\n}\n.ff-excel .ff-spreadsheet-header {\n background-color: var(--header-background-color);\n color: var(--readonly-text-color);\n text-align: center;\n z-index: 1000;\n position: sticky;\n top: 0;\n left: 0;\n}\n.ff-excel .ff-spreadsheet-corner-header {\n position: fixed;\n z-index: 2000;\n border: 2px solid var(--border-color);\n}\n.ff-excel .ff-spreadsheet-row-header {\n height: 34px;\n}\n.ff-excel .corner-header {\n background-color: var(--header-background-color);\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1500;\n top: -2px;\n width: 58px;\n height: 32px;\n left: -1px;\n}\n.ff-excel .ff-spreadsheet-header--selected {\n background: var(--brand-color);\n color: var(--tooltip-text-color);\n}\n.ff-excel .ff-spreadsheet-data-viewer,\n.ff-excel .ff-spreadsheet-data-editor input {\n padding: 4px;\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-header {\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-data-viewer--preserve-breaks {\n white-space: pre-wrap;\n}\n.ff-excel .ff-spreadsheet-data-editor,\n.ff-excel .ff-spreadsheet-data-editor input {\n width: 100%;\n height: 100%;\n}\n.ff-excel .ff-spreadsheet-data-editor input {\n font: inherit;\n color: inherit;\n background: none;\n border: none;\n outline: none;\n margin: 0;\n}\n.ff-excel .ff-spreadsheet-data-viewer--boolean {\n text-align: center;\n}\n.ff-excel .ff-spreadsheet-floating-rect {\n position: absolute;\n pointer-events: none;\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-floating-rect--hidden {\n display: none;\n}\n.ff-excel .ff-spreadsheet-floating-rect--selected {\n background: var(--outline-background-color);\n border: 2px var(--outline-color) solid;\n}\n.ff-excel .ff-spreadsheet-floating-rect--dragging {\n border: none;\n}\n.ff-excel .ff-spreadsheet-floating-rect--copied {\n border: 2px var(--outline-color) dashed;\n}";
|
35574
36047
|
styleInject(css_248z$p);
|
35575
36048
|
|
35576
36049
|
var css_248z$o = ".ff-excel-toolbar {\n display: flex;\n height: 32px;\n align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-divider {\n width: 1px;\n height: 24px;\n background-color: var(--excel-toolbar-divider);\n margin: 0 24px;\n border-radius: 1px;\n z-index: 1000;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font {\n display: flex;\n gap: 8px;\n justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-family {\n width: 120px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-size {\n width: 56px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text {\n width: 100px;\n height: 24px;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text .ff-excel-toolbar-icon-underline {\n display: flex;\n align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon {\n width: 88px;\n height: 24px;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n width: 24px;\n height: 24px;\n border-radius: 4px;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n border-radius: 4px;\n background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n border-radius: 4px;\n background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu {\n display: flex;\n align-items: center;\n width: 36px;\n height: 24px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu .ff-excel-toolbar-menu-option {\n display: flex;\n align-items: center;\n}";
|
@@ -35584,7 +36057,7 @@ const ColorBarSelector = ({
|
|
35584
36057
|
disabled
|
35585
36058
|
}) => {
|
35586
36059
|
const colorInputRef = useRef(null);
|
35587
|
-
const [color, setColor] = useState('
|
36060
|
+
const [color, setColor] = useState('#e42525'); // Needed hexacode for backend
|
35588
36061
|
const handleColorClick = () => {
|
35589
36062
|
if (colorInputRef.current) {
|
35590
36063
|
colorInputRef.current.click();
|
@@ -35611,13 +36084,13 @@ const ColorBarSelector = ({
|
|
35611
36084
|
|
35612
36085
|
const getTextAlignment = alignment => {
|
35613
36086
|
switch (alignment.toLowerCase()) {
|
35614
|
-
case '
|
36087
|
+
case 'LEFT':
|
35615
36088
|
return 'left';
|
35616
|
-
case '
|
36089
|
+
case 'RIGHT':
|
35617
36090
|
return 'right';
|
35618
|
-
case '
|
36091
|
+
case 'CENTER':
|
35619
36092
|
return 'center';
|
35620
|
-
case '
|
36093
|
+
case 'JUSTIFY':
|
35621
36094
|
return 'justify';
|
35622
36095
|
default:
|
35623
36096
|
return 'left';
|
@@ -35643,15 +36116,15 @@ const getTextDecoration = textDecoration => {
|
|
35643
36116
|
const getTextAlignmentBack = alignment => {
|
35644
36117
|
switch (alignment) {
|
35645
36118
|
case 'left':
|
35646
|
-
return '
|
36119
|
+
return 'LEFT';
|
35647
36120
|
case 'right':
|
35648
|
-
return '
|
36121
|
+
return 'RIGHT';
|
35649
36122
|
case 'center':
|
35650
|
-
return '
|
36123
|
+
return 'CENTER';
|
35651
36124
|
case 'justify':
|
35652
|
-
return '
|
36125
|
+
return 'JUSTIFY';
|
35653
36126
|
default:
|
35654
|
-
return '
|
36127
|
+
return 'LEFT';
|
35655
36128
|
}
|
35656
36129
|
};
|
35657
36130
|
function convertStyleToFrontend(backendStyle) {
|
@@ -35663,16 +36136,16 @@ function convertStyleToFrontend(backendStyle) {
|
|
35663
36136
|
let borderBottom = '';
|
35664
36137
|
let borderLeft = '';
|
35665
36138
|
if (border.top !== 'THIN') {
|
35666
|
-
borderTop = border.top === 'MEDIUM' ? '2px solid var(--input-hover-border-color)' : '1px solid var(--excel-
|
36139
|
+
borderTop = border.top === 'MEDIUM' ? '2px solid var(--input-hover-border-color)' : '1px solid var(--excel-header-border)';
|
35667
36140
|
}
|
35668
36141
|
if (border.right !== 'THIN') {
|
35669
|
-
borderRight = border.right === 'MEDIUM' ? '2px solid var(--input-hover-border-color)' : '1px solid var(--excel-
|
36142
|
+
borderRight = border.right === 'MEDIUM' ? '2px solid var(--input-hover-border-color)' : '1px solid var(--excel-header-border)';
|
35670
36143
|
}
|
35671
36144
|
if (border.bottom !== 'THIN') {
|
35672
|
-
borderBottom = border.bottom === 'MEDIUM' ? '2px solid var(--input-hover-border-color)' : '1px solid var(--excel-
|
36145
|
+
borderBottom = border.bottom === 'MEDIUM' ? '2px solid var(--input-hover-border-color)' : '1px solid var(--excel-header-border)';
|
35673
36146
|
}
|
35674
36147
|
if (border.left !== 'THIN') {
|
35675
|
-
borderLeft = border.left === 'MEDIUM' ? '2px solid var(--input-hover-border-color)' : '1px solid var(--excel-
|
36148
|
+
borderLeft = border.left === 'MEDIUM' ? '2px solid var(--input-hover-border-color)' : '1px solid var(--excel-header-border)';
|
35676
36149
|
}
|
35677
36150
|
return {
|
35678
36151
|
fontSize: `${backendStyle.size}px`,
|
@@ -35691,14 +36164,12 @@ function convertStyleToFrontend(backendStyle) {
|
|
35691
36164
|
}
|
35692
36165
|
const getBorderStyle = border => {
|
35693
36166
|
if (!border || border === 'none') {
|
35694
|
-
return '
|
36167
|
+
return 'THIN';
|
35695
36168
|
}
|
35696
36169
|
if (border.includes('solid') || border.includes('dashed') || border.includes('dotted')) {
|
35697
|
-
if (border.includes('2px') || border.includes('
|
35698
|
-
return 'THIN';
|
35699
|
-
} else if (border.includes('3px') || border.includes('medium')) {
|
36170
|
+
if (border.includes('2px') || border.includes('medium')) {
|
35700
36171
|
return 'MEDIUM';
|
35701
|
-
} else if (border.includes('
|
36172
|
+
} else if (border.includes('3px') || border.includes('medium')) {
|
35702
36173
|
return 'THICK';
|
35703
36174
|
}
|
35704
36175
|
}
|
@@ -35707,7 +36178,7 @@ const getBorderStyle = border => {
|
|
35707
36178
|
const convertStyleToBackend = frontendStyle => {
|
35708
36179
|
return {
|
35709
36180
|
name: frontendStyle.fontFamily || 'Arial',
|
35710
|
-
size: parseInt(frontendStyle.fontSize?.toString() || '11',
|
36181
|
+
size: parseInt(frontendStyle.fontSize?.toString() || '11', 11),
|
35711
36182
|
bold: frontendStyle.fontWeight === 'bold',
|
35712
36183
|
italic: frontendStyle.fontStyle === 'italic',
|
35713
36184
|
underline: 'solid',
|
@@ -35746,19 +36217,22 @@ const ExcelToolBar = ({
|
|
35746
36217
|
const formattedStyle = useSelector(state => state.formattedStyle.open);
|
35747
36218
|
// Default style to Excel
|
35748
36219
|
const basicStyle = {
|
35749
|
-
color: '
|
35750
|
-
|
35751
|
-
|
36220
|
+
color: '#e42525',
|
36221
|
+
// Needed hexacode for backend
|
36222
|
+
backgroundColor: '#e42525',
|
36223
|
+
// Needed hexacode for backend
|
36224
|
+
borderColor: '#c9c9c9',
|
36225
|
+
// Needed hexacode for backend
|
35752
36226
|
textDecoration: 'none solid',
|
35753
|
-
borderRight: `1px solid var(--excel-
|
35754
|
-
borderLeft: `1px solid var(--excel-
|
35755
|
-
borderTop: `1px solid var(--excel-
|
35756
|
-
borderBottom: `1px solid var(--excel-
|
36227
|
+
borderRight: `1px solid var(--excel-header-border)`,
|
36228
|
+
borderLeft: `1px solid var(--excel-header-border)`,
|
36229
|
+
borderTop: `1px solid var(--excel-header-border)`,
|
36230
|
+
borderBottom: `1px solid var(--excel-header-border)`,
|
35757
36231
|
fontSize: '15px',
|
35758
36232
|
fontWeight: 'normal',
|
35759
36233
|
fontStyle: 'normal',
|
35760
36234
|
fontFamily: 'Times New Roman',
|
35761
|
-
textAlign: '
|
36235
|
+
textAlign: 'left'
|
35762
36236
|
};
|
35763
36237
|
const [cellStyle, setCellStyle] = useState(cell?.style || basicStyle);
|
35764
36238
|
const underLineMenuRef = useRef(null);
|
@@ -35783,9 +36257,11 @@ const ExcelToolBar = ({
|
|
35783
36257
|
value: '11'
|
35784
36258
|
});
|
35785
36259
|
const [colorContainer, setColorPicker] = useState({
|
35786
|
-
color: '
|
35787
|
-
|
35788
|
-
|
36260
|
+
color: '#e42525',
|
36261
|
+
// Needed hexacode for backend
|
36262
|
+
backgroundColor: '#e42525',
|
36263
|
+
// Needed hexacode for backend
|
36264
|
+
borderColor: '#c9c9c9' // Needed hexacode for backend
|
35789
36265
|
});
|
35790
36266
|
const borderTypeIcon = [{
|
35791
36267
|
value: 'border-all-sides',
|
@@ -36153,6 +36629,7 @@ const Spreadsheet = props => {
|
|
36153
36629
|
className,
|
36154
36630
|
columnLabels,
|
36155
36631
|
rowLabels,
|
36632
|
+
toolbar,
|
36156
36633
|
onKeyDown,
|
36157
36634
|
Table: Table$1 = Table,
|
36158
36635
|
Row: Row$1 = Row,
|
@@ -36206,7 +36683,9 @@ const Spreadsheet = props => {
|
|
36206
36683
|
const setBackgroundColor = useAction(backgroundStyle);
|
36207
36684
|
const setFormatePainter = useAction(formatePainter);
|
36208
36685
|
const addRowTop$1 = useAction(addRowTop);
|
36686
|
+
const addRowBottom$1 = useAction(addRowBottom);
|
36209
36687
|
const addColumnLeft$1 = useAction(addColumnLeft);
|
36688
|
+
const addColumnRight$1 = useAction(addColumnRight);
|
36210
36689
|
const deleteRow$1 = useAction(deleteRow);
|
36211
36690
|
const deleteColumn$1 = useAction(deleteColumn);
|
36212
36691
|
// Track active
|
@@ -36350,13 +36829,17 @@ const Spreadsheet = props => {
|
|
36350
36829
|
label: columnNumber in columnLabels ? columnLabels[columnNumber] : null,
|
36351
36830
|
deleteColumn: deleteColumn$1,
|
36352
36831
|
addColumnLeft: addColumnLeft$1,
|
36353
|
-
|
36832
|
+
addColumnRight: addColumnRight$1,
|
36833
|
+
data: props.data,
|
36834
|
+
columnContextEnable: props.columnContextEnable
|
36354
36835
|
}, columnNumber) : jsx(ColumnIndicator, {
|
36355
36836
|
column: columnNumber,
|
36356
36837
|
setContextMenu: props.setContextMenu,
|
36357
36838
|
deleteColumn: deleteColumn$1,
|
36358
36839
|
addColumnLeft: addColumnLeft$1,
|
36359
|
-
|
36840
|
+
addColumnRight: addColumnRight$1,
|
36841
|
+
data: props.data,
|
36842
|
+
columnContextEnable: props.columnContextEnable
|
36360
36843
|
}, columnNumber))]
|
36361
36844
|
}), range(size.rows).map(rowNumber => jsxs(Row$1, {
|
36362
36845
|
row: rowNumber,
|
@@ -36364,14 +36847,18 @@ const Spreadsheet = props => {
|
|
36364
36847
|
label: rowNumber in rowLabels ? rowLabels[rowNumber] : null,
|
36365
36848
|
row: rowNumber,
|
36366
36849
|
addRowTop: addRowTop$1,
|
36367
|
-
|
36850
|
+
addRowBottom: addRowBottom$1,
|
36368
36851
|
deleteRow: deleteRow$1,
|
36852
|
+
setContextMenu: props.setContextMenu,
|
36853
|
+
rowContextEnable: props.rowContextEnable,
|
36369
36854
|
data: props.data
|
36370
36855
|
}, rowNumber) : jsx(RowIndicator$1, {
|
36371
36856
|
row: rowNumber,
|
36372
36857
|
addRowTop: addRowTop$1,
|
36373
|
-
|
36858
|
+
addRowBottom: addRowBottom$1,
|
36374
36859
|
deleteRow: deleteRow$1,
|
36860
|
+
setContextMenu: props.setContextMenu,
|
36861
|
+
rowContextEnable: props.rowContextEnable,
|
36375
36862
|
data: props.data
|
36376
36863
|
}, rowNumber), range(size.columns).map(columnNumber => jsx(Cell$1, {
|
36377
36864
|
row: rowNumber,
|
@@ -36390,12 +36877,16 @@ const Spreadsheet = props => {
|
|
36390
36877
|
const rootNode = React.useMemo(() => jsxs("div", {
|
36391
36878
|
className: "ff-excel",
|
36392
36879
|
children: [jsx("div", {
|
36393
|
-
className:
|
36880
|
+
className: classNames('ff-excel-header-column-hider', {
|
36881
|
+
'ff-excel-header-hider-remover': toolbar === 'hide',
|
36882
|
+
'ff-excel-header-hider': toolbar !== 'hide'
|
36883
|
+
})
|
36394
36884
|
}), jsx("div", {
|
36395
36885
|
className: "ff-excel-header-hider ff-excel-header-row-hider"
|
36396
36886
|
}), jsx("div", {
|
36397
|
-
className:
|
36887
|
+
className: toolbar === 'hide' ? 'ff-excel-toolbar-container-hide' : 'ff-excel-toolbar-container',
|
36398
36888
|
children: jsx(ExcelToolBar, {
|
36889
|
+
toolbar: toolbar,
|
36399
36890
|
onBold: onBold,
|
36400
36891
|
onItalic: onItalic,
|
36401
36892
|
setUnderlineType: setUnderlineType,
|
@@ -36429,7 +36920,7 @@ const Spreadsheet = props => {
|
|
36429
36920
|
});
|
36430
36921
|
};
|
36431
36922
|
|
36432
|
-
var css_248z$m = ".ff-excel {\n position: relative;\n}\n.ff-excel .ff-excel-sheet {\n position: relative;\n top: 0;\n}\n.ff-excel .ff-excel-sheet-bar {\n position: static;\n max-width: 100%;\n margin-left: 60px;\n display: flex;\n height: 36px;\n align-items: center;\n color: var(--brand2-color);\n box-shadow: 0px 0px 4px -1px var(--toggle-strip-shadow);\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-add-sheet-set {\n position: relative;\n background-color: var(--tab-bg-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n top: 0;\n left: 0px;\n height: 100%;\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-add-sheet-set .ff-excel-add-sheet-icon {\n padding: 8px 10px;\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-tab-container {\n height: 36px;\n display: flex;\n overflow-x: auto;\n align-items: center;\n scrollbar-width: none;\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list {\n margin-top: 2px;\n padding: 10px 9px;\n min-width: max-content;\n cursor: pointer;\n display: flex;\n background-color: var(--hover-color);\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list.active {\n background-color: var(--excel-sheet-button-color);\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list:focus {\n outline: none;\n text-decoration: none;\n}";
|
36923
|
+
var css_248z$m = ".ff-excel {\n position: relative;\n}\n.ff-excel .ff-excel-sheet {\n position: relative;\n top: 0;\n}\n.ff-excel .ff-excel-sheet-bar-hider {\n display: none;\n}\n.ff-excel .ff-excel-sheet-bar {\n position: static;\n max-width: 100%;\n margin-left: 60px;\n display: flex;\n height: 36px;\n align-items: center;\n color: var(--brand2-color);\n box-shadow: 0px 0px 4px -1px var(--toggle-strip-shadow);\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-add-sheet-set {\n position: relative;\n background-color: var(--tab-bg-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n top: 0;\n left: 0px;\n height: 100%;\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-add-sheet-set .ff-excel-add-sheet-icon {\n padding: 8px 10px;\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-tab-container {\n height: 36px;\n display: flex;\n overflow-x: auto;\n align-items: center;\n scrollbar-width: none;\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list {\n margin-top: 2px;\n padding: 10px 9px;\n min-width: max-content;\n cursor: pointer;\n display: flex;\n background-color: var(--hover-color);\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list.active {\n background-color: var(--excel-sheet-button-color);\n}\n.ff-excel .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list:focus {\n outline: none;\n text-decoration: none;\n}";
|
36433
36924
|
styleInject(css_248z$m);
|
36434
36925
|
|
36435
36926
|
var css_248z$l = ".ff-excel-menu {\n position: fixed;\n border: 1px solid var(--option-card-border-color);\n background: var(--option-card-bg-color);\n border-radius: 4px;\n margin: 2px;\n min-height: 32px;\n min-width: 111px;\n white-space: nowrap;\n z-index: 2000;\n}\n.ff-excel-menu .ff-excel-menu-options {\n color: var(--text-color);\n cursor: pointer;\n border-radius: 3px;\n display: flex;\n align-items: center;\n padding: 4px;\n gap: 8px;\n}\n.ff-excel-menu .ff-excel-menu-options:hover {\n background-color: var(--hover-color);\n}\n.ff-excel-menu .ff-excel-menu-options label {\n cursor: pointer;\n}";
|
@@ -36466,12 +36957,18 @@ const ExcelContextMenu = ({
|
|
36466
36957
|
const ExcelFile = ({
|
36467
36958
|
excelData,
|
36468
36959
|
contextOption,
|
36960
|
+
toolbar = 'show',
|
36961
|
+
sheetBar = 'show',
|
36962
|
+
rowCount = 26,
|
36963
|
+
colCount = 26,
|
36469
36964
|
sheetHeight = '100%',
|
36470
36965
|
contextHeightPositioning = 0,
|
36471
36966
|
contextWidthPositioning = 0,
|
36472
36967
|
onSave = saveData => {
|
36473
36968
|
saveData();
|
36474
|
-
}
|
36969
|
+
},
|
36970
|
+
columnContextEnable = false,
|
36971
|
+
rowContextEnable = false
|
36475
36972
|
}) => {
|
36476
36973
|
const [sheetNames, setSheetNames] = useState([]);
|
36477
36974
|
const [contextMenu, setContextMenu] = React__default.useState({
|
@@ -36490,19 +36987,22 @@ const ExcelFile = ({
|
|
36490
36987
|
const EmptyRow = {
|
36491
36988
|
value: '',
|
36492
36989
|
style: {
|
36493
|
-
color: '
|
36494
|
-
|
36495
|
-
|
36990
|
+
color: '#000000',
|
36991
|
+
// Needed hexacode for backend
|
36992
|
+
backgroundColor: '#ffffff',
|
36993
|
+
// Needed hexacode for backend
|
36994
|
+
borderColor: '#c9c9c9',
|
36995
|
+
// Needed hexacode for backend
|
36496
36996
|
textDecoration: 'none solid',
|
36497
|
-
borderRight: `1px solid var(--excel-
|
36498
|
-
borderLeft: `1px solid var(--excel-
|
36499
|
-
borderTop: `1px solid var(--excel-
|
36500
|
-
borderBottom: `1px solid var(--excel-
|
36997
|
+
borderRight: `1px solid var(--excel-header-border)`,
|
36998
|
+
borderLeft: `1px solid var(--excel-header-border)`,
|
36999
|
+
borderTop: `1px solid var(--excel-header-border)`,
|
37000
|
+
borderBottom: `1px solid var(--excel-header-border)`,
|
36501
37001
|
fontSize: '15px',
|
36502
37002
|
fontWeight: 'normal',
|
36503
37003
|
fontStyle: 'normal',
|
36504
37004
|
fontFamily: 'Times New Roman',
|
36505
|
-
textAlign: '
|
37005
|
+
textAlign: 'left'
|
36506
37006
|
}
|
36507
37007
|
};
|
36508
37008
|
const [selectedSheet, setSelectedSheet] = useState({
|
@@ -36559,8 +37059,8 @@ const ExcelFile = ({
|
|
36559
37059
|
payload.forEach(sheet => {
|
36560
37060
|
const sheetName = sheet.sheetName;
|
36561
37061
|
const json = sheet.data;
|
36562
|
-
const maxRows = Math.max(
|
36563
|
-
const maxCols = Math.max(
|
37062
|
+
const maxRows = Math.max(rowCount, json.length + 2);
|
37063
|
+
const maxCols = Math.max(colCount, Math.max(...json.map(row => row.length)) + 2);
|
36564
37064
|
let spreadsheetData = Array.from({
|
36565
37065
|
length: maxRows
|
36566
37066
|
}, () => Array.from({
|
@@ -36576,7 +37076,8 @@ const ExcelFile = ({
|
|
36576
37076
|
value: checkVal(cell.value),
|
36577
37077
|
style: convertStyleToFrontend(cell?.styles),
|
36578
37078
|
//TODO remove 's' for Style
|
36579
|
-
type: true
|
37079
|
+
type: true,
|
37080
|
+
isDisable: checkVal(cell.isDisable)
|
36580
37081
|
};
|
36581
37082
|
}
|
36582
37083
|
});
|
@@ -36661,9 +37162,9 @@ const ExcelFile = ({
|
|
36661
37162
|
const existingSheetNames = sheetNames;
|
36662
37163
|
const newSheetName = generateUniqueSheetName(baseName, existingSheetNames);
|
36663
37164
|
const newSheetData = Array.from({
|
36664
|
-
length:
|
37165
|
+
length: rowCount
|
36665
37166
|
}, () => Array.from({
|
36666
|
-
length:
|
37167
|
+
length: colCount
|
36667
37168
|
}, () => EmptyRow));
|
36668
37169
|
setSheetNames(prev => [...prev, newSheetName]);
|
36669
37170
|
setSelectedSheet({
|
@@ -36840,14 +37341,17 @@ const ExcelFile = ({
|
|
36840
37341
|
ref: sheetRef,
|
36841
37342
|
className: "ff-excel-sheet",
|
36842
37343
|
children: jsx(Spreadsheet, {
|
37344
|
+
toolbar: toolbar,
|
36843
37345
|
sheetHeight: sheetHeight,
|
36844
37346
|
setContextMenu: setContextMenu,
|
36845
37347
|
contextOption: contextOption,
|
36846
37348
|
data: selectedSheetData,
|
37349
|
+
columnContextEnable: columnContextEnable,
|
37350
|
+
rowContextEnable: rowContextEnable,
|
36847
37351
|
onEvaluatedDataChange: onEvaluateChange
|
36848
37352
|
})
|
36849
37353
|
}), jsxs("div", {
|
36850
|
-
className:
|
37354
|
+
className: sheetBar === 'hide' ? 'ff-excel-sheet-bar-hider' : 'ff-excel-sheet-bar',
|
36851
37355
|
children: [jsx("div", {
|
36852
37356
|
className: "ff-excel-add-sheet-set",
|
36853
37357
|
children: jsx(Tooltip, {
|
@@ -50996,8 +51500,8 @@ var reactArcherExports = requireReactArcher();
|
|
50996
51500
|
|
50997
51501
|
const MachineInstances = ({
|
50998
51502
|
getChildNodeComponent,
|
50999
|
-
|
51000
|
-
|
51503
|
+
parentNodeIndex,
|
51504
|
+
parentNodeData,
|
51001
51505
|
verticalLineHeight,
|
51002
51506
|
datasetHeight,
|
51003
51507
|
curveHeights,
|
@@ -51005,7 +51509,7 @@ const MachineInstances = ({
|
|
51005
51509
|
datasetRef
|
51006
51510
|
}) => {
|
51007
51511
|
return jsx(Fragment, {
|
51008
|
-
children:
|
51512
|
+
children: parentNodeData?.machineInstances?.length === 0 ? jsxs(Fragment, {
|
51009
51513
|
children: [jsx("div", {
|
51010
51514
|
className: "ff-selectedMachines-connecting-line",
|
51011
51515
|
children: jsxs("div", {
|
@@ -51018,10 +51522,14 @@ const MachineInstances = ({
|
|
51018
51522
|
})
|
51019
51523
|
}), jsx("div", {
|
51020
51524
|
className: "ff-machine-instance ff-machine-env-button",
|
51021
|
-
children: getChildNodeComponent(
|
51525
|
+
children: getChildNodeComponent({
|
51526
|
+
isButton: true,
|
51527
|
+
parentNodeData,
|
51528
|
+
parentNodeIndex
|
51529
|
+
})
|
51022
51530
|
})]
|
51023
|
-
}) :
|
51024
|
-
const isFirstLine =
|
51531
|
+
}) : parentNodeData?.machineInstances?.map((childNodeData, childNodeIndex) => {
|
51532
|
+
const isFirstLine = childNodeIndex === 0;
|
51025
51533
|
return jsxs("div", {
|
51026
51534
|
className: "ff-machine-instance-row",
|
51027
51535
|
children: [jsxs("div", {
|
@@ -51041,40 +51549,48 @@ const MachineInstances = ({
|
|
51041
51549
|
})]
|
51042
51550
|
}), jsx("div", {
|
51043
51551
|
className: "ff-machine-instance",
|
51044
|
-
children:
|
51552
|
+
children: childNodeData.runLevelExecutionDataSets.map((runLevelExecutionDataSet, runLevelExecutionDataSetIndex) => jsx("div", {
|
51045
51553
|
className: "ff-run-level-execution-dataset",
|
51046
|
-
ref:
|
51554
|
+
ref: runLevelExecutionDataSetIndex === 0 ? datasetRef : null,
|
51047
51555
|
children: jsxs("div", {
|
51048
51556
|
className: "ff-execution-item",
|
51049
|
-
ref: element => itemRefs.current[
|
51557
|
+
ref: element => itemRefs.current[runLevelExecutionDataSetIndex] = element,
|
51050
51558
|
children: [jsx("div", {
|
51051
51559
|
className: "ff-curved-connector",
|
51052
51560
|
style: {
|
51053
51561
|
top: `${-datasetHeight}px`
|
51054
51562
|
},
|
51055
51563
|
children: jsxs("div", {
|
51056
|
-
className: `ff-curve ff-connector-${
|
51564
|
+
className: `ff-curve ff-connector-${runLevelExecutionDataSetIndex}`,
|
51057
51565
|
style: {
|
51058
|
-
height: `${curveHeights[
|
51566
|
+
height: `${curveHeights[runLevelExecutionDataSetIndex]}px`
|
51059
51567
|
},
|
51060
51568
|
children: [jsx("div", {
|
51061
|
-
className: `ff-curve-right-icon ff-curve-right-icon-${
|
51062
|
-
}),
|
51569
|
+
className: `ff-curve-right-icon ff-curve-right-icon-${runLevelExecutionDataSetIndex}`
|
51570
|
+
}), runLevelExecutionDataSet?.runScriptCount && jsx("div", {
|
51063
51571
|
className: "ff-selectedMachines-connecting-line-text",
|
51064
51572
|
children: jsxs(Typography, {
|
51065
51573
|
fontSize: 8,
|
51066
51574
|
fontWeight: "regular",
|
51067
|
-
children: [
|
51575
|
+
children: [runLevelExecutionDataSet.runScriptCount, ' ', "Script"]
|
51068
51576
|
})
|
51069
51577
|
})]
|
51070
51578
|
})
|
51071
51579
|
}), jsx("div", {
|
51072
51580
|
className: "ff-run-data-box",
|
51073
|
-
children: getChildNodeComponent(
|
51581
|
+
children: getChildNodeComponent({
|
51582
|
+
isButton: false,
|
51583
|
+
childNodeData,
|
51584
|
+
childNodeIndex,
|
51585
|
+
runLevelExecutionDataSet,
|
51586
|
+
runLevelExecutionDataSetIndex,
|
51587
|
+
parentNodeData,
|
51588
|
+
parentNodeIndex
|
51589
|
+
})
|
51074
51590
|
})]
|
51075
|
-
},
|
51076
|
-
},
|
51077
|
-
}),
|
51591
|
+
}, ffid())
|
51592
|
+
}, runLevelExecutionDataSet?.runLevelExecutionDataSetId + ffid()))
|
51593
|
+
}), childNodeIndex === parentNodeData.machineInstances.length - 1 && jsxs(Fragment, {
|
51078
51594
|
children: [jsx("div", {
|
51079
51595
|
className: "ff-selectedMachines-connecting-line ff-second-line",
|
51080
51596
|
children: jsxs("div", {
|
@@ -51087,10 +51603,15 @@ const MachineInstances = ({
|
|
51087
51603
|
})
|
51088
51604
|
}), jsx("div", {
|
51089
51605
|
className: "ff-machine-instance ff-machine-env-button",
|
51090
|
-
children: getChildNodeComponent(
|
51606
|
+
children: getChildNodeComponent({
|
51607
|
+
isButton: true,
|
51608
|
+
parentNodeData,
|
51609
|
+
parentNodeIndex,
|
51610
|
+
childNodeIndex: childNodeIndex + 1
|
51611
|
+
})
|
51091
51612
|
})]
|
51092
51613
|
})]
|
51093
|
-
},
|
51614
|
+
}, ffid());
|
51094
51615
|
})
|
51095
51616
|
});
|
51096
51617
|
};
|
@@ -51116,7 +51637,7 @@ const ConnectingBranch = ({
|
|
51116
51637
|
if (datasetRef.current) {
|
51117
51638
|
setDatasetHeight(datasetRef.current.offsetHeight);
|
51118
51639
|
}
|
51119
|
-
}, []);
|
51640
|
+
}, [machineData]);
|
51120
51641
|
const calculateCurveHeight = () => {
|
51121
51642
|
const heights = itemRefs.current.map((_, index) => {
|
51122
51643
|
if (index === 0) return 0;
|
@@ -51126,20 +51647,20 @@ const ConnectingBranch = ({
|
|
51126
51647
|
};
|
51127
51648
|
useEffect(() => {
|
51128
51649
|
calculateCurveHeight();
|
51129
|
-
}, [datasetHeight]);
|
51650
|
+
}, [datasetHeight, machineData]);
|
51130
51651
|
const calculateRowSpan = machine => {
|
51131
51652
|
const baseRows = 1;
|
51132
51653
|
const childrenRows = machine.machineInstances?.length || 0;
|
51133
51654
|
return Math.max(baseRows + childrenRows, 1);
|
51134
51655
|
};
|
51135
|
-
const machineCount = machineData?.
|
51656
|
+
const machineCount = machineData?.machines?.selectedMachines?.length;
|
51136
51657
|
const isOddMachineCount = machineCount % 2 !== 0;
|
51137
51658
|
let currentRow = 1;
|
51138
51659
|
const calculateTotalRows = () => {
|
51139
|
-
return machineData.
|
51660
|
+
return machineData.machines.selectedMachines.reduce((totalRows, machine) => totalRows + calculateRowSpan(machine), 1);
|
51140
51661
|
};
|
51141
51662
|
const oddCountRow = Math.round(calculateTotalRows() / 2);
|
51142
|
-
const middleIndex = Math.floor(machineData.
|
51663
|
+
const middleIndex = Math.floor(machineData.machines.selectedMachines.length / 2);
|
51143
51664
|
return jsx("div", {
|
51144
51665
|
className: "connecting-branch-container",
|
51145
51666
|
children: jsx(reactArcherExports.ArcherContainer, {
|
@@ -51150,14 +51671,14 @@ const ConnectingBranch = ({
|
|
51150
51671
|
noCurves: true,
|
51151
51672
|
children: jsxs("div", {
|
51152
51673
|
className: "ff-connecting-branch-grid-container",
|
51153
|
-
children: [machineData?.
|
51674
|
+
children: [machineData?.machines?.selectedMachines.map((parentNodeData, parentNodeIndex) => {
|
51154
51675
|
const rowStart = currentRow;
|
51155
|
-
const rowSpan = calculateRowSpan(
|
51676
|
+
const rowSpan = calculateRowSpan(parentNodeData);
|
51156
51677
|
currentRow += rowSpan;
|
51157
51678
|
const gap = 16;
|
51158
|
-
const verticalLineHeight = calculateVerticalLineHeight(
|
51679
|
+
const verticalLineHeight = calculateVerticalLineHeight(parentNodeData?.machineInstances, datasetHeight, gap);
|
51159
51680
|
return jsxs(React__default.Fragment, {
|
51160
|
-
children: [(!isOddMachineCount &&
|
51681
|
+
children: [(!isOddMachineCount && parentNodeIndex === middleIndex || isOddMachineCount && parentNodeIndex === 0) && jsx(reactArcherExports.ArcherElement, {
|
51161
51682
|
id: "rootNode",
|
51162
51683
|
children: jsx("div", {
|
51163
51684
|
className: "ff-grid-item ff-dynamic-item",
|
@@ -51171,7 +51692,7 @@ const ConnectingBranch = ({
|
|
51171
51692
|
children: [jsx(Typography, {
|
51172
51693
|
fontSize: 12,
|
51173
51694
|
fontWeight: "regular",
|
51174
|
-
children: machineData?.
|
51695
|
+
children: machineData?.machines?.totalNoScript
|
51175
51696
|
}), jsx(Typography, {
|
51176
51697
|
fontSize: 12,
|
51177
51698
|
fontWeight: "regular",
|
@@ -51190,18 +51711,25 @@ const ConnectingBranch = ({
|
|
51190
51711
|
children: jsxs("div", {
|
51191
51712
|
className: "ff-input-box-container",
|
51192
51713
|
children: [jsx(reactArcherExports.ArcherElement, {
|
51193
|
-
id: `parentnode${
|
51714
|
+
id: `parentnode${parentNodeIndex}`,
|
51194
51715
|
relations: [{
|
51195
51716
|
targetId: 'rootNode',
|
51196
51717
|
targetAnchor: 'left',
|
51197
51718
|
sourceAnchor: 'left'
|
51198
51719
|
}],
|
51199
|
-
children: getParentNodeComponent(
|
51200
|
-
|
51720
|
+
children: getParentNodeComponent({
|
51721
|
+
isMultiSelect: false,
|
51722
|
+
parentNodeData,
|
51723
|
+
parentNodeIndex
|
51724
|
+
})
|
51725
|
+
}, ffid()), getParentNodeComponentActionItems({
|
51726
|
+
parentNodeData,
|
51727
|
+
parentNodeIndex
|
51728
|
+
})]
|
51201
51729
|
})
|
51202
51730
|
}), jsx(MachineInstances, {
|
51203
|
-
|
51204
|
-
|
51731
|
+
parentNodeIndex: parentNodeIndex,
|
51732
|
+
parentNodeData: parentNodeData,
|
51205
51733
|
verticalLineHeight: verticalLineHeight,
|
51206
51734
|
datasetHeight: datasetHeight,
|
51207
51735
|
curveHeights: curveHeights,
|
@@ -51210,7 +51738,7 @@ const ConnectingBranch = ({
|
|
51210
51738
|
getChildNodeComponent: getChildNodeComponent
|
51211
51739
|
})]
|
51212
51740
|
})]
|
51213
|
-
},
|
51741
|
+
}, ffid());
|
51214
51742
|
}), jsx("div", {
|
51215
51743
|
className: "ff-select-machine-input",
|
51216
51744
|
style: {
|
@@ -51224,7 +51752,9 @@ const ConnectingBranch = ({
|
|
51224
51752
|
sourceAnchor: 'left'
|
51225
51753
|
}],
|
51226
51754
|
children: jsx("div", {
|
51227
|
-
children: getParentNodeComponent(
|
51755
|
+
children: getParentNodeComponent({
|
51756
|
+
isMultiSelect: true
|
51757
|
+
})
|
51228
51758
|
})
|
51229
51759
|
})
|
51230
51760
|
})]
|
@@ -53895,13 +54425,13 @@ const getTreeDetails = (action, oldData, newData, index) => {
|
|
53895
54425
|
case 'expand':
|
53896
54426
|
case 'collapse':
|
53897
54427
|
if (typeof index === 'number') {
|
53898
|
-
treeDataList = [...oldData.slice(0, index
|
54428
|
+
treeDataList = [...oldData.slice(0, index), ...newData];
|
53899
54429
|
} else {
|
53900
54430
|
throw new Error("Index is required for 'expand' or 'collapse' actions.");
|
53901
54431
|
}
|
53902
54432
|
break;
|
53903
54433
|
case 'start':
|
53904
|
-
if (newData
|
54434
|
+
if (!checkEmpty(newData)) {
|
53905
54435
|
root = newData[0];
|
53906
54436
|
treeDataList = newData.slice(1);
|
53907
54437
|
} else {
|
@@ -53911,17 +54441,17 @@ const getTreeDetails = (action, oldData, newData, index) => {
|
|
53911
54441
|
default:
|
53912
54442
|
throw new Error(`Invalid action: ${action}`);
|
53913
54443
|
}
|
53914
|
-
if (treeDataList
|
54444
|
+
if (checkEmpty(treeDataList) && action !== 'start') {
|
53915
54445
|
throw new Error('Tree data list is empty.');
|
53916
54446
|
}
|
53917
54447
|
const firstNode = treeDataList[0] || root;
|
53918
54448
|
const lastNode = treeDataList[treeDataList.length - 1];
|
53919
54449
|
return {
|
53920
54450
|
treeDataList,
|
53921
|
-
next: !lastNode
|
53922
|
-
previous: !firstNode
|
53923
|
-
startId: firstNode
|
53924
|
-
endId: lastNode
|
54451
|
+
next: !lastNode?.lastResource,
|
54452
|
+
previous: !firstNode?.lastResource,
|
54453
|
+
startId: firstNode?.key,
|
54454
|
+
endId: lastNode?.key,
|
53925
54455
|
root
|
53926
54456
|
};
|
53927
54457
|
};
|
@@ -54023,5 +54553,5 @@ async function getFromIndexedDB(key) {
|
|
54023
54553
|
});
|
54024
54554
|
}
|
54025
54555
|
|
54026
|
-
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion,
|
54556
|
+
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, BrowserTabs, Button$1 as Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LazyLoad, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row$1 as Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select$1 as Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table$1 as Table, TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getFromIndexedDB, getSequentialPayload, getTreeDetails, handleTreeNodeSect, hasDuplicateFile, rearrangeDragItem, saveFileFromBlob, saveToIndexedDB, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };
|
54027
54557
|
//# sourceMappingURL=index.esm.js.map
|