pixel-react 1.0.9 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/FF_Captcha/Recaptcha.d.ts +5 -0
- package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
- package/lib/components/FF_Captcha/types.d.ts +20 -0
- package/lib/index.d.ts +52 -2
- package/lib/index.esm.js +2264 -107
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +2264 -105
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -2
- package/src/components/FF_Captcha/Recaptcha.scss +11 -0
- package/src/components/FF_Captcha/Recaptcha.tsx +41 -0
- package/src/components/FF_Captcha/captcha.stories.tsx +40 -0
- package/src/components/FF_Captcha/index.ts +0 -0
- package/src/components/FF_Captcha/types.ts +22 -0
- package/src/index.ts +4 -0
package/lib/index.js
CHANGED
|
@@ -48,11 +48,11 @@ function styleInject(css, ref) {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
var css_248z$
|
|
52
|
-
styleInject(css_248z$
|
|
51
|
+
var css_248z$H = ":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}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-button, .ff-button--small, .ff-button--medium {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-button--large {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-button {\n width: auto;\n background-color: #ffffff;\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: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);\n mask-composite: exclude;\n -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 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: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\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: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n}\n.ff-button--primary:before {\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n}\n.ff-button--primary:hover {\n background: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n}\n.ff-button--delete {\n background: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n color: #ffffff;\n}\n.ff-button--delete:before {\n background: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n}\n.ff-button--delete:hover {\n background: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n}\n.ff-button--secondary:before {\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n}\n.ff-button--secondary:hover {\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n}\n.ff-button--tertiary {\n border: none;\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n}\n.ff-button--tertiary:hover {\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\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}\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: #ffffff;\n}\n.ff-button-secondary--text, .ff-button-tertiary--text {\n background: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n}";
|
|
52
|
+
styleInject(css_248z$H);
|
|
53
53
|
|
|
54
|
-
var css_248z$
|
|
55
|
-
styleInject(css_248z$
|
|
54
|
+
var css_248z$G = ":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}";
|
|
55
|
+
styleInject(css_248z$G);
|
|
56
56
|
|
|
57
57
|
function getDefaultExportFromCjs (x) {
|
|
58
58
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -321,8 +321,8 @@ Components['android_icon'] = SvgAndroidIcon;
|
|
|
321
321
|
Components['select_license'] = SvgSwitchLicenseIcon;
|
|
322
322
|
Components['fireflink-logo'] = SvgFireflinkLogo;
|
|
323
323
|
|
|
324
|
-
var css_248z$
|
|
325
|
-
styleInject(css_248z$
|
|
324
|
+
var css_248z$F = ".ff-icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.ff-icon-click {\n cursor: pointer;\n padding: 5px;\n box-sizing: content-box;\n}\n.ff-icon-click:hover {\n border-radius: 50%;\n background-color: var(--drawer-footer-bg);\n box-shadow: 0px 0px 16px var(--toggle-strip-shadow);\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}";
|
|
325
|
+
styleInject(css_248z$F);
|
|
326
326
|
|
|
327
327
|
const Icon = ({
|
|
328
328
|
name,
|
|
@@ -404,8 +404,8 @@ const Button$1 = /*#__PURE__*/React.forwardRef(({
|
|
|
404
404
|
});
|
|
405
405
|
});
|
|
406
406
|
|
|
407
|
-
var css_248z$
|
|
408
|
-
styleInject(css_248z$
|
|
407
|
+
var css_248z$E = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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}\n.ff-drawer-container .ff-drawer {\n height: 100vh;\n position: fixed;\n right: 0;\n top: 0;\n bottom: 0;\n min-width: 450px;\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: 2px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header {\n padding: 10px 8px 10px 8px;\n display: flex;\n gap: 10px;\n border-bottom: 2px 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-drawer-action-section {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\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: 12px;\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: 6px;\n padding: 6px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-body {\n background-color: var(--drawer-footer-bg);\n height: calc(100vh - 76px);\n overflow: hidden auto;\n}\n.ff-drawer-container .ff-drawer .no-footer {\n height: 100vh;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5px 16px 5px 16px;\n display: flex;\n justify-content: space-between;\n border-top: 2px solid var(--drawer-footer-border);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container {\n display: flex;\n justify-content: flex-end;\n gap: 16px;\n}";
|
|
408
|
+
styleInject(css_248z$E);
|
|
409
409
|
|
|
410
410
|
function useEscapeKey(key) {
|
|
411
411
|
return callBack => {
|
|
@@ -424,8 +424,8 @@ function useEscapeKey(key) {
|
|
|
424
424
|
};
|
|
425
425
|
}
|
|
426
426
|
|
|
427
|
-
var css_248z$B = ":root {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\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 --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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --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_expireSoon_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}\n\n:root {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\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(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 --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(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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #F9F9F9;\n --license_expireSoon_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}\n\n.ff-light-theme {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\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 --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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --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_expireSoon_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}\n\n.ff-dark-theme {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\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(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 --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(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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #F9F9F9;\n --license_expireSoon_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}";
|
|
428
|
-
styleInject(css_248z$
|
|
427
|
+
var css_248z$D = ":root {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\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 --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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --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_expireSoon_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}\n\n:root {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\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(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 --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(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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #F9F9F9;\n --license_expireSoon_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}\n\n.ff-light-theme {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\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 --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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --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_expireSoon_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}\n\n.ff-dark-theme {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\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(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 --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(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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #F9F9F9;\n --license_expireSoon_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}";
|
|
428
|
+
styleInject(css_248z$D);
|
|
429
429
|
|
|
430
430
|
const ThemeContext = /*#__PURE__*/React.createContext(undefined);
|
|
431
431
|
const ThemeProvider = ({
|
|
@@ -585,14 +585,14 @@ const Drawer = ({
|
|
|
585
585
|
}), document.body);
|
|
586
586
|
};
|
|
587
587
|
|
|
588
|
-
var css_248z$
|
|
589
|
-
styleInject(css_248z$
|
|
588
|
+
var css_248z$C = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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}\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: 4px;\n}";
|
|
589
|
+
styleInject(css_248z$C);
|
|
590
590
|
|
|
591
|
-
var css_248z$
|
|
592
|
-
styleInject(css_248z$
|
|
591
|
+
var css_248z$B = "";
|
|
592
|
+
styleInject(css_248z$B);
|
|
593
593
|
|
|
594
|
-
var css_248z$
|
|
595
|
-
styleInject(css_248z$
|
|
594
|
+
var css_248z$A = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-tooltip {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tooltip-container {\n cursor: auto;\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: 6px 12px;\n opacity: 0;\n}\n.ff-tooltip--visible {\n opacity: 1;\n transition: opacity 0.3s;\n}";
|
|
595
|
+
styleInject(css_248z$A);
|
|
596
596
|
|
|
597
597
|
const checkEmpty = value => {
|
|
598
598
|
// Check for null or undefined
|
|
@@ -761,8 +761,8 @@ const Tooltip = ({
|
|
|
761
761
|
});
|
|
762
762
|
};
|
|
763
763
|
|
|
764
|
-
var css_248z$
|
|
765
|
-
styleInject(css_248z$
|
|
764
|
+
var css_248z$z = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.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}";
|
|
765
|
+
styleInject(css_248z$z);
|
|
766
766
|
|
|
767
767
|
const Typography = ({
|
|
768
768
|
fontWeight = 'regular',
|
|
@@ -847,8 +847,8 @@ const Accordion = ({
|
|
|
847
847
|
});
|
|
848
848
|
};
|
|
849
849
|
|
|
850
|
-
var css_248z$
|
|
851
|
-
styleInject(css_248z$
|
|
850
|
+
var css_248z$y = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label, .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-more-chip {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-multiselect-wrapper .ff-multiselect__main .active-default-label, .ff-multiselect-wrapper .error-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-multiselect-wrapper {\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: 8px;\n background: var(--drawer-footer-bg);\n min-width: 150px;\n width: 100%;\n height: 32px;\n}\n.ff-multiselect-wrapper .ff-multiselect {\n position: relative;\n padding: 6px;\n border: none;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-multiselect-wrapper .ff-multiselect__main {\n display: flex;\n flex: 1;\n}\n.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-wrapper .ff-multiselect__main .active-default-label {\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-wrapper .ff-multiselect__main .ff-multiselect-chip-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 5px;\n}\n.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 #f1ebf2;\n padding: 0 1px 0 4px;\n gap: 4px;\n border-radius: 15px;\n}\n.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-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-close-icon {\n cursor: pointer;\n}\n.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-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-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input:focus {\n outline: none;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-more-chip {\n width: 1rem;\n font-weight: 600;\n line-height: 16px;\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow {\n transition: transform 0.3s ease;\n transform: rotate(360deg);\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow svg path {\n transition: all 0.3s ease;\n}\n.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-wrapper:hover {\n border: 1px solid var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--tooltip-bg-color);\n}\n.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-wrapper--with-options {\n height: fit-content;\n}\n.ff-multiselect-wrapper--opened-dropdown {\n border: 1px solid var(--brand-color);\n height: fit-content;\n cursor: default;\n}\n.ff-multiselect-wrapper--opened-dropdown .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper--opened-dropdown:hover {\n border: 1px solid var(--brand-color);\n}\n.ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper--error {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-wrapper--error .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-wrapper--error:hover {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-wrapper--disabled {\n pointer-events: none;\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled:hover {\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.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-wrapper--disabled:hover .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.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-wrapper .error-text {\n position: absolute;\n margin-top: 0.25rem;\n left: 12px;\n color: var(--error-light);\n letter-spacing: 0.5px;\n}";
|
|
851
|
+
styleInject(css_248z$y);
|
|
852
852
|
|
|
853
853
|
const dropdownDefaultCSSData$1 = {
|
|
854
854
|
verticalMargin: 4,
|
|
@@ -856,8 +856,8 @@ const dropdownDefaultCSSData$1 = {
|
|
|
856
856
|
maxDropdownHeight: 160
|
|
857
857
|
};
|
|
858
858
|
|
|
859
|
-
var css_248z$
|
|
860
|
-
styleInject(css_248z$
|
|
859
|
+
var css_248z$x = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-multiselect-dropdown-container .no-options, .ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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}\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(--pop-up-background-blur);\n text-align: center;\n margin: 0;\n padding: 10px;\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}";
|
|
860
|
+
styleInject(css_248z$x);
|
|
861
861
|
|
|
862
862
|
const Dropdown$2 = /*#__PURE__*/React.forwardRef(({
|
|
863
863
|
options,
|
|
@@ -1193,8 +1193,8 @@ const MultiSelect = ({
|
|
|
1193
1193
|
});
|
|
1194
1194
|
};
|
|
1195
1195
|
|
|
1196
|
-
var css_248z$
|
|
1197
|
-
styleInject(css_248z$
|
|
1196
|
+
var css_248z$w = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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}";
|
|
1197
|
+
styleInject(css_248z$w);
|
|
1198
1198
|
|
|
1199
1199
|
const Toaster = ({
|
|
1200
1200
|
isOpen = false,
|
|
@@ -1302,8 +1302,8 @@ const Toaster = ({
|
|
|
1302
1302
|
}), document.body);
|
|
1303
1303
|
};
|
|
1304
1304
|
|
|
1305
|
-
var css_248z$
|
|
1306
|
-
styleInject(css_248z$
|
|
1305
|
+
var css_248z$v = "/* 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}";
|
|
1306
|
+
styleInject(css_248z$v);
|
|
1307
1307
|
|
|
1308
1308
|
const Container = ({
|
|
1309
1309
|
children,
|
|
@@ -1345,8 +1345,8 @@ const Col = ({
|
|
|
1345
1345
|
});
|
|
1346
1346
|
};
|
|
1347
1347
|
|
|
1348
|
-
var css_248z$
|
|
1349
|
-
styleInject(css_248z$
|
|
1348
|
+
var css_248z$u = ".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}";
|
|
1349
|
+
styleInject(css_248z$u);
|
|
1350
1350
|
|
|
1351
1351
|
const Toggle = ({
|
|
1352
1352
|
onChange,
|
|
@@ -1424,8 +1424,8 @@ const Toggle = ({
|
|
|
1424
1424
|
});
|
|
1425
1425
|
};
|
|
1426
1426
|
|
|
1427
|
-
var css_248z$
|
|
1428
|
-
styleInject(css_248z$
|
|
1427
|
+
var css_248z$t = ":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}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-chip-wrapper .ff-default-chip-style {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-chip-wrapper .ff-default-chip-style--custom {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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.5s ease, box-shadow 0.5s ease, padding 1s ease;\n box-shadow: 1px 1px 3px 0px #575757 inset, -1px -1px 2px 0px #ffffff inset, 1px -1px 2px 0px #575757 inset, -1px -1px 2px 0px #575757, 1px 1px 2px 0px #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--fullText:hover {\n box-shadow: 1px 1px 6px 0px #575757 inset, -1px -1px 4px 0px #ffffff inset;\n padding-right: 12px;\n}\n.ff-chip-wrapper .ff-default-chip-style--primary {\n background-color: #f9d5ff;\n color: #ffffff;\n color: #1e161f;\n}\n.ff-chip-wrapper .ff-default-chip-style--success {\n background-color: #079455;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--error {\n background-color: #e42525;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--warning {\n background-color: #f79009;\n color: #ffffff;\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}";
|
|
1428
|
+
styleInject(css_248z$t);
|
|
1429
1429
|
|
|
1430
1430
|
const Chip = ({
|
|
1431
1431
|
label = '',
|
|
@@ -1454,8 +1454,8 @@ const Chip = ({
|
|
|
1454
1454
|
});
|
|
1455
1455
|
};
|
|
1456
1456
|
|
|
1457
|
-
var css_248z$
|
|
1458
|
-
styleInject(css_248z$
|
|
1457
|
+
var css_248z$s = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-container:focus-within .ff-input-label-container, .ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder, .ff-input-container .ff-input-message, .ff-input-container--float .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-input-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.ff-input-container .ff-input, .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-container .ff-input:disabled, .ff-input-container .ff-input-label-container:disabled {\n cursor: not-allowed;\n}\n.ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-input-container .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input--transparentBackground {\n background: transparent;\n}\n.ff-input-container .ff-input--no-border {\n border: none;\n}\n.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-container .ff-input-label-container .ff-input-label {\n color: var(--input-default-label-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.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-container .ff-input-label-container .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input-label--no-hover {\n color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input, .ff-input-container:hover .ff-input-label-container {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container:focus-within .ff-input-label--primary {\n color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input--primary {\n border-color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-input-container .ff-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-input-container .ff-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container--float .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container--float--disabled {\n cursor: not-allowed;\n}\n.ff-input-container--float--disabled .ff-input-label-container {\n cursor: not-allowed;\n}";
|
|
1458
|
+
styleInject(css_248z$s);
|
|
1459
1459
|
|
|
1460
1460
|
const Input = ({
|
|
1461
1461
|
type = 'text',
|
|
@@ -1532,8 +1532,8 @@ const Input = ({
|
|
|
1532
1532
|
});
|
|
1533
1533
|
};
|
|
1534
1534
|
|
|
1535
|
-
var css_248z$
|
|
1536
|
-
styleInject(css_248z$
|
|
1535
|
+
var css_248z$r = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-radial-chart-container svg text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-radial-chart-container {\n cursor: pointer;\n}\n.ff-radial-chart-container svg text {\n font-size: var(--fontSize) !important;\n font-weight: 400;\n}";
|
|
1536
|
+
styleInject(css_248z$r);
|
|
1537
1537
|
|
|
1538
1538
|
const useColorMappings$1 = () => React.useMemo(() => {
|
|
1539
1539
|
return {
|
|
@@ -1675,8 +1675,8 @@ const RadialChart = ({
|
|
|
1675
1675
|
});
|
|
1676
1676
|
};
|
|
1677
1677
|
|
|
1678
|
-
var css_248z$
|
|
1679
|
-
styleInject(css_248z$
|
|
1678
|
+
var css_248z$q = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\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\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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}";
|
|
1679
|
+
styleInject(css_248z$q);
|
|
1680
1680
|
|
|
1681
1681
|
const ExpandableMenu = ({
|
|
1682
1682
|
label = '',
|
|
@@ -1765,8 +1765,8 @@ const useClickOutside = (ref, callback, ignoreRefs = []) => {
|
|
|
1765
1765
|
}, [ref, callback, ignoreRefs]);
|
|
1766
1766
|
};
|
|
1767
1767
|
|
|
1768
|
-
var css_248z$
|
|
1769
|
-
styleInject(css_248z$
|
|
1768
|
+
var css_248z$p = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-select-dropdown-wrapper .ff-select-options-wrapper {\n max-height: 160px;\n z-index: 100;\n position: absolute;\n min-width: 100px;\n border: 1px solid var(--ff-select-option-border-color);\n box-sizing: border-box;\n margin-top: 4px;\n border-radius: 4px;\n background-color: var(--ff-select-background-color);\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n overflow: hidden auto;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar-track {\n background-color: transparent;\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-option {\n width: calc(100% - 18px);\n border: 1px solid transparent;\n border-radius: 4px;\n padding: 0px 8px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-option:hover {\n border-color: var(--ff-select-background-color);\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-no-option {\n width: calc(100% - 16px);\n margin: 0;\n overflow: hidden;\n padding: 0px 8px;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: not-allowed;\n}";
|
|
1769
|
+
styleInject(css_248z$p);
|
|
1770
1770
|
|
|
1771
1771
|
const ffid = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, char => ((char === 'x' ? Math.random() * 16 : Math.random() * 16 & 0x3 | 0x8) | 0).toString(16));
|
|
1772
1772
|
|
|
@@ -1844,8 +1844,8 @@ const Dropdown$1 = ({
|
|
|
1844
1844
|
});
|
|
1845
1845
|
};
|
|
1846
1846
|
|
|
1847
|
-
var css_248z$
|
|
1848
|
-
styleInject(css_248z$
|
|
1847
|
+
var css_248z$o = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-select-wrapper .ff-select, .ff-select-wrapper .ff-select-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-select-wrapper .ff-select-fieldset .ff-select-legend, .ff-select-wrapper .ff-select-label--active {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-select-wrapper {\n position: relative;\n}\n.ff-select-wrapper .ff-select {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n min-height: 32px;\n min-width: 100px;\n display: flex;\n align-items: end;\n position: relative;\n}\n.ff-select-wrapper .ff-select-fieldset {\n margin: 0;\n padding: 25px 0px 0px 8px;\n border: 1px solid transparent;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n border-radius: 4px;\n display: block;\n}\n.ff-select-wrapper .ff-select-fieldset--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-select-wrapper .ff-select-fieldset--no-label {\n padding: 30px 0px 0px 8px;\n}\n.ff-select-wrapper .ff-select-fieldset--default {\n opacity: 0;\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-fieldset--active {\n opacity: 1;\n border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select-fieldset--option {\n opacity: 1;\n}\n.ff-select-wrapper .ff-select-fieldset--no-border {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-fieldset--error {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend {\n padding: 0 2px;\n letter-spacing: 0.5px;\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--active {\n transition: opacity 0.25s ease-out, transform 0.25s ease-out, font-size 0.25s ease-out, padding 0.25s ease-out;\n opacity: 1;\n color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--option {\n opacity: 1;\n color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--error {\n color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--required {\n margin-right: 2px;\n}\n.ff-select-wrapper .ff-select-input {\n position: absolute;\n top: 6px;\n right: auto;\n bottom: auto;\n left: auto;\n width: calc(100% - 38px);\n min-height: calc(100% - 8px);\n padding: 0 28px 0 8px;\n border-radius: 4px;\n border: 1px solid transparent;\n z-index: 100;\n background: transparent;\n outline: none;\n color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input:hover ~ .ff-select-label {\n color: var(--ff-select-text-hover-color);\n}\n.ff-select-wrapper .ff-select-input--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-select-wrapper .ff-select-input--default {\n opacity: 1;\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover {\n border-color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover ~ .ff-select-fieldset--option {\n border-color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover ~ .ff-select-fieldset--option .ff-select-legend--option {\n color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--no-label {\n min-height: calc(100% - 2px);\n margin-top: 0px;\n top: 0px;\n}\n.ff-select-wrapper .ff-select-input--active {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--active:hover {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border {\n border: none;\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border:hover {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border:hover ~ .ff-select-fieldset--no-border {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--disable {\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--disable:hover {\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--disable:hover ~ .ff-select-label--default {\n color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select-input--error {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-input--error:hover {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-label {\n position: absolute;\n top: 13px;\n right: auto;\n bottom: auto;\n left: 8px;\n z-index: 1;\n font-size: 12px;\n top: 60%;\n padding-left: 8px;\n}\n.ff-select-wrapper .ff-select-label--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 1;\n color: var(--ff-select-default-color);\n transform: translateY(-50%);\n}\n.ff-select-wrapper .ff-select-label--active {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n transform: translateY(-150%);\n padding: 0 6px;\n}\n.ff-select-wrapper .ff-select-label--required {\n margin-right: 2px;\n}\n.ff-select-wrapper .ff-select-arrow {\n position: absolute;\n top: 60%;\n height: 100%;\n right: 10px;\n transform: rotateX(180deg) translateY(50%);\n cursor: pointer;\n}\n.ff-select-wrapper .ff-select-arrow--no-label {\n top: 50%;\n}\n.ff-select-wrapper .ff-select-arrow--down {\n transform: rotateX(0deg) translateY(-50%);\n z-index: 101;\n}\n.ff-select-wrapper-error-text {\n position: absolute;\n top: auto;\n right: auto;\n bottom: -14px;\n left: 12px;\n white-space: nowrap;\n}";
|
|
1848
|
+
styleInject(css_248z$o);
|
|
1849
1849
|
|
|
1850
1850
|
const portalPosition = {
|
|
1851
1851
|
positionX: 0,
|
|
@@ -2206,8 +2206,8 @@ const Select$1 = ({
|
|
|
2206
2206
|
});
|
|
2207
2207
|
};
|
|
2208
2208
|
|
|
2209
|
-
var css_248z$
|
|
2210
|
-
styleInject(css_248z$
|
|
2209
|
+
var css_248z$n = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-textarea-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\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\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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 min-width: 428px;\n min-height: 80px;\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}\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(--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(--error_light);\n}\n.ff-textarea-container .ff-textarea-label-container .required-asterisk {\n color: var(--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(--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}";
|
|
2210
|
+
styleInject(css_248z$n);
|
|
2211
2211
|
|
|
2212
2212
|
const truncateText = (text, maxLength) => {
|
|
2213
2213
|
if (!text || maxLength <= 0) return '';
|
|
@@ -2282,8 +2282,8 @@ const Textarea = ({
|
|
|
2282
2282
|
});
|
|
2283
2283
|
};
|
|
2284
2284
|
|
|
2285
|
-
var css_248z$
|
|
2286
|
-
styleInject(css_248z$
|
|
2285
|
+
var css_248z$m = ".ff-status-button {\n border: none;\n border-radius: 4px;\n padding: 0 4px;\n cursor: pointer;\n width: 76px;\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}";
|
|
2286
|
+
styleInject(css_248z$m);
|
|
2287
2287
|
|
|
2288
2288
|
const StatusButton = ({
|
|
2289
2289
|
status = 'passed',
|
|
@@ -2311,8 +2311,8 @@ const StatusButton = ({
|
|
|
2311
2311
|
});
|
|
2312
2312
|
};
|
|
2313
2313
|
|
|
2314
|
-
var css_248z$
|
|
2315
|
-
styleInject(css_248z$
|
|
2314
|
+
var css_248z$l = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-menu-option-container .ff-option-card .ff-options {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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-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-option-card {\n position: absolute;\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 z-index: 100000;\n white-space: nowrap;\n}\n.ff-menu-option-container .ff-option-card .ff-options {\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding: 8px;\n line-height: 16px;\n gap: 8px;\n}\n.ff-menu-option-container .ff-option-card .ff-options:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-option-card .ff-options label {\n cursor: pointer;\n}\n.ff-menu-option-container .ff-option-card .ff-disable-option {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-menu-option-container .ff-option-card .ff-disable-option label {\n cursor: no-drop;\n}";
|
|
2315
|
+
styleInject(css_248z$l);
|
|
2316
2316
|
|
|
2317
2317
|
const Option$1 = ({
|
|
2318
2318
|
option,
|
|
@@ -2433,8 +2433,8 @@ const MenuOption = ({
|
|
|
2433
2433
|
});
|
|
2434
2434
|
};
|
|
2435
2435
|
|
|
2436
|
-
var css_248z$
|
|
2437
|
-
styleInject(css_248z$
|
|
2436
|
+
var css_248z$k = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-table tbody tr td {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-table thead tr th {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-fixed-header-table {\n overflow-y: auto;\n}\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 color: var(--text-color);\n border-bottom: 1px solid var(--slider-table-color);\n text-transform: uppercase;\n}\n.ff-table thead tr th:first-child div {\n display: flex;\n align-items: center;\n}\n.ff-table thead tr th:first-child div .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: 10px;\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: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 td {\n position: relative;\n color: var(--text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n cursor: pointer;\n}\n.ff-table tbody tr td:first-child div {\n display: flex;\n align-items: center;\n}\n.ff-table tbody tr td:first-child div .ff-table-checkbox {\n padding-right: 8px;\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 .default-bg {\n background-color: transparent;\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}";
|
|
2437
|
+
styleInject(css_248z$k);
|
|
2438
2438
|
|
|
2439
2439
|
const isFunction$1 = functionToCheck => {
|
|
2440
2440
|
return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
|
|
@@ -2555,11 +2555,11 @@ const Table = ({
|
|
|
2555
2555
|
});
|
|
2556
2556
|
};
|
|
2557
2557
|
|
|
2558
|
-
var css_248z$
|
|
2559
|
-
styleInject(css_248z$
|
|
2558
|
+
var css_248z$j = ".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}\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}";
|
|
2559
|
+
styleInject(css_248z$j);
|
|
2560
2560
|
|
|
2561
|
-
var css_248z$
|
|
2562
|
-
styleInject(css_248z$
|
|
2561
|
+
var css_248z$i = ".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}\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}";
|
|
2562
|
+
styleInject(css_248z$i);
|
|
2563
2563
|
|
|
2564
2564
|
const ArrowsButton = ({
|
|
2565
2565
|
direction,
|
|
@@ -2696,8 +2696,8 @@ const AddButton = ({
|
|
|
2696
2696
|
});
|
|
2697
2697
|
};
|
|
2698
2698
|
|
|
2699
|
-
var css_248z$
|
|
2700
|
-
styleInject(css_248z$
|
|
2699
|
+
var css_248z$h = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\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\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL, .ff-donut-chart-svg-container svg text:nth-of-type(2) {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\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\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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}";
|
|
2700
|
+
styleInject(css_248z$h);
|
|
2701
2701
|
|
|
2702
2702
|
const calculateArc = (x, y, radius, startAngle, endAngle) => {
|
|
2703
2703
|
const startX = x + radius * Math.cos(startAngle);
|
|
@@ -3049,8 +3049,8 @@ const useFileDropzone = options => {
|
|
|
3049
3049
|
};
|
|
3050
3050
|
};
|
|
3051
3051
|
|
|
3052
|
-
var css_248z$
|
|
3053
|
-
styleInject(css_248z$
|
|
3052
|
+
var css_248z$g = ".ff-file-dropzone-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone {\n width: 640px;\n height: 188px;\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}\n.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-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-details-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 640px;\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: 60%;\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}\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}";
|
|
3053
|
+
styleInject(css_248z$g);
|
|
3054
3054
|
|
|
3055
3055
|
const Dropzone = ({
|
|
3056
3056
|
icon,
|
|
@@ -3237,29 +3237,29 @@ const FileDropzone = ({
|
|
|
3237
3237
|
});
|
|
3238
3238
|
};
|
|
3239
3239
|
|
|
3240
|
-
function _extends() {
|
|
3241
|
-
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
3240
|
+
function _extends$2() {
|
|
3241
|
+
return _extends$2 = Object.assign ? Object.assign.bind() : function (n) {
|
|
3242
3242
|
for (var e = 1; e < arguments.length; e++) {
|
|
3243
3243
|
var t = arguments[e];
|
|
3244
3244
|
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
3245
3245
|
}
|
|
3246
3246
|
return n;
|
|
3247
|
-
}, _extends.apply(null, arguments);
|
|
3247
|
+
}, _extends$2.apply(null, arguments);
|
|
3248
3248
|
}
|
|
3249
3249
|
|
|
3250
|
-
function _assertThisInitialized(e) {
|
|
3250
|
+
function _assertThisInitialized$1(e) {
|
|
3251
3251
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
3252
3252
|
return e;
|
|
3253
3253
|
}
|
|
3254
3254
|
|
|
3255
|
-
function _setPrototypeOf(t, e) {
|
|
3256
|
-
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
|
|
3255
|
+
function _setPrototypeOf$1(t, e) {
|
|
3256
|
+
return _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
|
|
3257
3257
|
return t.__proto__ = e, t;
|
|
3258
|
-
}, _setPrototypeOf(t, e);
|
|
3258
|
+
}, _setPrototypeOf$1(t, e);
|
|
3259
3259
|
}
|
|
3260
3260
|
|
|
3261
|
-
function _inheritsLoose(t, o) {
|
|
3262
|
-
t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
|
|
3261
|
+
function _inheritsLoose$2(t, o) {
|
|
3262
|
+
t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf$1(t, o);
|
|
3263
3263
|
}
|
|
3264
3264
|
|
|
3265
3265
|
var safeIsNaN = Number.isNaN || function ponyfill(value) {
|
|
@@ -3310,7 +3310,7 @@ function memoizeOne(resultFn, isEqual) {
|
|
|
3310
3310
|
return memoized;
|
|
3311
3311
|
}
|
|
3312
3312
|
|
|
3313
|
-
function _objectWithoutPropertiesLoose(r, e) {
|
|
3313
|
+
function _objectWithoutPropertiesLoose$2(r, e) {
|
|
3314
3314
|
if (null == r) return {};
|
|
3315
3315
|
var t = {};
|
|
3316
3316
|
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
@@ -3439,7 +3439,7 @@ function createGridComponent(_ref2) {
|
|
|
3439
3439
|
shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange,
|
|
3440
3440
|
validateProps = _ref2.validateProps;
|
|
3441
3441
|
return _class = /*#__PURE__*/function (_PureComponent) {
|
|
3442
|
-
_inheritsLoose(Grid, _PureComponent);
|
|
3442
|
+
_inheritsLoose$2(Grid, _PureComponent);
|
|
3443
3443
|
|
|
3444
3444
|
// Always use explicit constructor for React components.
|
|
3445
3445
|
// It produces less code after transpilation. (#26)
|
|
@@ -3447,11 +3447,11 @@ function createGridComponent(_ref2) {
|
|
|
3447
3447
|
function Grid(props) {
|
|
3448
3448
|
var _this;
|
|
3449
3449
|
_this = _PureComponent.call(this, props) || this;
|
|
3450
|
-
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));
|
|
3450
|
+
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$1(_this));
|
|
3451
3451
|
_this._resetIsScrollingTimeoutId = null;
|
|
3452
3452
|
_this._outerRef = void 0;
|
|
3453
3453
|
_this.state = {
|
|
3454
|
-
instance: _assertThisInitialized(_this),
|
|
3454
|
+
instance: _assertThisInitialized$1(_this),
|
|
3455
3455
|
isScrolling: false,
|
|
3456
3456
|
horizontalScrollDirection: 'forward',
|
|
3457
3457
|
scrollLeft: typeof _this.props.initialScrollLeft === 'number' ? _this.props.initialScrollLeft : 0,
|
|
@@ -3753,7 +3753,7 @@ function createGridComponent(_ref2) {
|
|
|
3753
3753
|
className: className,
|
|
3754
3754
|
onScroll: this._onScroll,
|
|
3755
3755
|
ref: this._outerRefSetter,
|
|
3756
|
-
style: _extends({
|
|
3756
|
+
style: _extends$2({
|
|
3757
3757
|
position: 'relative',
|
|
3758
3758
|
height: height,
|
|
3759
3759
|
width: width,
|
|
@@ -4209,7 +4209,7 @@ function createListComponent(_ref) {
|
|
|
4209
4209
|
shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
|
|
4210
4210
|
validateProps = _ref.validateProps;
|
|
4211
4211
|
return _class = /*#__PURE__*/function (_PureComponent) {
|
|
4212
|
-
_inheritsLoose(List, _PureComponent);
|
|
4212
|
+
_inheritsLoose$2(List, _PureComponent);
|
|
4213
4213
|
|
|
4214
4214
|
// Always use explicit constructor for React components.
|
|
4215
4215
|
// It produces less code after transpilation. (#26)
|
|
@@ -4217,11 +4217,11 @@ function createListComponent(_ref) {
|
|
|
4217
4217
|
function List(props) {
|
|
4218
4218
|
var _this;
|
|
4219
4219
|
_this = _PureComponent.call(this, props) || this;
|
|
4220
|
-
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));
|
|
4220
|
+
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$1(_this));
|
|
4221
4221
|
_this._outerRef = void 0;
|
|
4222
4222
|
_this._resetIsScrollingTimeoutId = null;
|
|
4223
4223
|
_this.state = {
|
|
4224
|
-
instance: _assertThisInitialized(_this),
|
|
4224
|
+
instance: _assertThisInitialized$1(_this),
|
|
4225
4225
|
isScrolling: false,
|
|
4226
4226
|
scrollDirection: 'forward',
|
|
4227
4227
|
scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
|
|
@@ -4508,7 +4508,7 @@ function createListComponent(_ref) {
|
|
|
4508
4508
|
className: className,
|
|
4509
4509
|
onScroll: onScroll,
|
|
4510
4510
|
ref: this._outerRefSetter,
|
|
4511
|
-
style: _extends({
|
|
4511
|
+
style: _extends$2({
|
|
4512
4512
|
position: 'relative',
|
|
4513
4513
|
height: height,
|
|
4514
4514
|
width: width,
|
|
@@ -5094,16 +5094,16 @@ function shallowDiffers(prev, next) {
|
|
|
5094
5094
|
}
|
|
5095
5095
|
return false;
|
|
5096
5096
|
}
|
|
5097
|
-
var _excluded = ["style"],
|
|
5097
|
+
var _excluded$1 = ["style"],
|
|
5098
5098
|
_excluded2 = ["style"];
|
|
5099
5099
|
// It knows to compare individual style props and ignore the wrapper object.
|
|
5100
5100
|
// See https://reactjs.org/docs/react-api.html#reactmemo
|
|
5101
5101
|
|
|
5102
5102
|
function areEqual(prevProps, nextProps) {
|
|
5103
5103
|
var prevStyle = prevProps.style,
|
|
5104
|
-
prevRest = _objectWithoutPropertiesLoose(prevProps, _excluded);
|
|
5104
|
+
prevRest = _objectWithoutPropertiesLoose$2(prevProps, _excluded$1);
|
|
5105
5105
|
var nextStyle = nextProps.style,
|
|
5106
|
-
nextRest = _objectWithoutPropertiesLoose(nextProps, _excluded2);
|
|
5106
|
+
nextRest = _objectWithoutPropertiesLoose$2(nextProps, _excluded2);
|
|
5107
5107
|
return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
|
|
5108
5108
|
}
|
|
5109
5109
|
|
|
@@ -7021,8 +7021,8 @@ function useForm(props = {}) {
|
|
|
7021
7021
|
return _formControl.current;
|
|
7022
7022
|
}
|
|
7023
7023
|
|
|
7024
|
-
var css_248z$
|
|
7025
|
-
styleInject(css_248z$
|
|
7024
|
+
var css_248z$f = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-form-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-form-container {\n background-color: var(--hover-color);\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n padding: 20px;\n width: 400px;\n margin: 0 auto;\n}\n.ff-form-container .ff-form-group {\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-group .ff-label {\n display: block;\n margin-bottom: 4px;\n font-weight: bold;\n}\n.ff-form-container .ff-form-group input {\n width: 94%;\n padding: 10px;\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n}\n.ff-form-container .ff-form-group input:focus {\n border-color: var(--brand-color);\n}\n.ff-form-container .ff-form-group input.ff-error {\n border-color: var(--ff-error-light);\n}\n.ff-form-container .ff-form-group .ff-error {\n color: var(--error-light);\n margin-top: 4px;\n}\n.ff-form-container .ff-form-group {\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-group .ff-label {\n display: block;\n margin-bottom: 4px;\n font-weight: bold;\n}\n.ff-form-container .ff-form-group input,\n.ff-form-container .ff-form-group select {\n width: 94%;\n padding: 10px;\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n}\n.ff-form-container .ff-form-group input:focus,\n.ff-form-container .ff-form-group select:focus {\n border-color: var(--brand-color);\n}\n.ff-form-container .ff-form-group input.ff-error,\n.ff-form-container .ff-form-group select.ff-error {\n border-color: var(--ff-error-light);\n}\n.ff-form-container .ff-form-radio-group {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-group-wrapper {\n display: flex;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-gender {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-gender input[type=radio] {\n margin-right: 0.5rem;\n}\n.ff-form-container .ff-form-radio-group .ff-error {\n padding-left: 12px;\n color: var(--error-light);\n margin-top: 4px;\n}\n.ff-form-container .ff-button-layout {\n width: 99%;\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.ff-form-container .ff-button-layout button {\n width: 50%;\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n border: none;\n border-radius: 8px;\n padding: 10px;\n cursor: pointer;\n}";
|
|
7025
|
+
styleInject(css_248z$f);
|
|
7026
7026
|
|
|
7027
7027
|
const Form = ({
|
|
7028
7028
|
onSubmit,
|
|
@@ -7056,8 +7056,8 @@ const Form = ({
|
|
|
7056
7056
|
});
|
|
7057
7057
|
};
|
|
7058
7058
|
|
|
7059
|
-
var css_248z$
|
|
7060
|
-
styleInject(css_248z$
|
|
7059
|
+
var css_248z$e = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\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\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-with-dropdown-container .ff-helper-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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}\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: 7px;\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 position: relative;\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 top: 1px;\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--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 min-width: 120px;\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:hover .ff-input-with-dropdown {\n border-color: var(--input-hover-border-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 .ff-floating-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--filled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .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(--input-hover-border-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: -6.5px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n color: var(--input-active-text-color);\n line-height: 12px;\n font-size: 8px !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: -6px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n line-height: 12px;\n font-size: 8px !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}";
|
|
7060
|
+
styleInject(css_248z$e);
|
|
7061
7061
|
|
|
7062
7062
|
const InputWithDropdown = ({
|
|
7063
7063
|
name = '',
|
|
@@ -7137,8 +7137,8 @@ const InputWithDropdown = ({
|
|
|
7137
7137
|
});
|
|
7138
7138
|
};
|
|
7139
7139
|
|
|
7140
|
-
var css_248z$
|
|
7141
|
-
styleInject(css_248z$
|
|
7140
|
+
var css_248z$d = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-radio {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-radio {\n position: relative;\n color: var(--text-color);\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-radio .ff-radio-input {\n display: none;\n}\n.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 .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 .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:hover .ff-radio-custom {\n border: 1px solid var(--brand-color);\n}\n.ff-radio:hover .ff-radio-custom::before {\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio:hover .ff-radio-custom::after {\n opacity: 1;\n transition: opacity 0.3s;\n}\n.ff-radio .ff-radio-input:checked + .ff-radio-custom {\n border-color: var(--brand-color);\n}\n.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 .ff-radio-input:disabled + .ff-radio-custom {\n border: 1px solid var(--radio-button-border);\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom::before {\n background: var(--drawer-footer-bg);\n}\n.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 .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 .ff-radio-input:checked:disabled + .ff-radio-custom::before {\n background: var(--brand-color);\n}\n.ff-radio--disabled {\n cursor: default;\n opacity: 0.5;\n}";
|
|
7141
|
+
styleInject(css_248z$d);
|
|
7142
7142
|
|
|
7143
7143
|
const RadioButton = ({
|
|
7144
7144
|
label,
|
|
@@ -7166,8 +7166,8 @@ const RadioButton = ({
|
|
|
7166
7166
|
});
|
|
7167
7167
|
};
|
|
7168
7168
|
|
|
7169
|
-
var css_248z$
|
|
7170
|
-
styleInject(css_248z$
|
|
7169
|
+
var css_248z$c = ".ff-radio-group {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}";
|
|
7170
|
+
styleInject(css_248z$c);
|
|
7171
7171
|
|
|
7172
7172
|
const RadioGroup = ({
|
|
7173
7173
|
options,
|
|
@@ -7189,8 +7189,8 @@ const RadioGroup = ({
|
|
|
7189
7189
|
});
|
|
7190
7190
|
};
|
|
7191
7191
|
|
|
7192
|
-
var css_248z$
|
|
7193
|
-
styleInject(css_248z$
|
|
7192
|
+
var css_248z$b = ".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: 5;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top {\n bottom: 100%;\n left: 30px;\n border-width: 0 10px 10px 10px;\n border-color: transparent transparent var(--ff-mini-modal-border) transparent;\n filter: drop-shadow(0 -2px 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left {\n left: -15px;\n border-width: 10px 10px 10px 0;\n border-color: transparent var(--ff-mini-modal-border) transparent transparent;\n filter: drop-shadow(-2px 0 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom {\n top: 100%;\n left: 30px;\n border-width: 10px 10px 0 10px;\n border-color: var(--ff-mini-modal-border) transparent transparent transparent;\n filter: drop-shadow(0 2px 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right {\n right: -10px;\n top: 75px;\n border-width: 10px 0 10px 10px;\n border-color: transparent transparent transparent var(--ff-mini-modal-border);\n filter: drop-shadow(2px 0 1px var(--ff-mini-modal-box-shadow));\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: 50%;\n}\n.ff-mini-edit-modal-container .wrapped-div {\n width: 35px;\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 z-index: 10;\n border-radius: 7px 7px 0 0;\n box-shadow: 0px -3px 4px 0px var(--ff-mini-modal-box-shadow);\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 z-index: 2;\n padding: 4px;\n width: 100%;\n border-radius: 7px;\n margin: 0 0 0 -5px;\n height: 100%;\n box-shadow: 0px 0px 4px 0px var(--ff-mini-modal-box-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 .modal-content {\n max-height: 250px;\n overflow-y: auto;\n}\n.ff-mini-edit-modal-container .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}";
|
|
7193
|
+
styleInject(css_248z$b);
|
|
7194
7194
|
|
|
7195
7195
|
const MiniModal = /*#__PURE__*/React.forwardRef(({
|
|
7196
7196
|
anchorRef,
|
|
@@ -7360,8 +7360,8 @@ const MiniModal = /*#__PURE__*/React.forwardRef(({
|
|
|
7360
7360
|
}), document.body);
|
|
7361
7361
|
});
|
|
7362
7362
|
|
|
7363
|
-
var css_248z$
|
|
7364
|
-
styleInject(css_248z$
|
|
7363
|
+
var css_248z$a = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\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: 8px;\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::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 {\n border-color: var(--brand-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:hover + .ff-checkbox-custom {\n background: var(--brand-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}";
|
|
7364
|
+
styleInject(css_248z$a);
|
|
7365
7365
|
|
|
7366
7366
|
const Checkbox = ({
|
|
7367
7367
|
id,
|
|
@@ -7410,8 +7410,8 @@ const Checkbox = ({
|
|
|
7410
7410
|
});
|
|
7411
7411
|
};
|
|
7412
7412
|
|
|
7413
|
-
var css_248z$
|
|
7414
|
-
styleInject(css_248z$
|
|
7413
|
+
var css_248z$9 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-tree-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tree-container {\n width: 100%;\n font-size: 12px;\n color: var(--brand-color);\n transition: all 0.3s ease;\n}\n.ff-tree-container table {\n border-collapse: collapse;\n width: 100%;\n text-align: left;\n}\n.ff-tree-container .ff-toggle-arrow-icon {\n height: 12px;\n width: 12px;\n margin-left: 8px;\n display: grid;\n place-items: center;\n transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon svg path {\n fill: var(--brand-color);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-expanded {\n transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-collapsed {\n transform: rotate(-90deg);\n}\n.ff-tree-container th,\n.ff-tree-container td {\n padding: 0 8px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.ff-tree-container th {\n vertical-align: middle;\n height: 32px;\n background-color: var(--slider-table-color);\n color: var(--text-color);\n font-weight: 600;\n text-transform: uppercase;\n}\n.ff-tree-container tr .ff-action-section {\n display: none;\n}\n.ff-tree-container tr:hover {\n background-color: var(--hover-color);\n}\n.ff-tree-container tr:hover .ff-action-section {\n display: block;\n}\n.ff-tree-container .ff-title-container {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-tree-container .ff-title-container .ff-toggle-folder {\n display: flex;\n cursor: pointer;\n}\n.ff-tree-container .ff-title-container.ff-folder {\n font-weight: 600;\n}\n.ff-tree-container .ff-title-container.ff-file {\n font-weight: 400;\n}\n.ff-tree-container .ff-title-container .ff-title {\n display: flex;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: 400;\n cursor: pointer;\n}\n.ff-tree-container .ff-title-container .ff-title .ff-hover-icon {\n display: none;\n position: absolute;\n right: 10px;\n}\n.ff-tree-container .ff-node-li {\n position: relative;\n --indent-size: 16px;\n --total-children-height: var(--node-height);\n}\n.ff-tree-container .ff-node-li td:first-child {\n padding-left: calc(var(--level) * var(--indent-size));\n height: 32px;\n}\n.ff-tree-container .ff-node-li::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: calc(var(--level) * var(--indent-size) - 4px);\n width: 1px;\n height: calc(var(--total-children-height));\n background-color: var(--tree-connecting-lines-color);\n z-index: 1;\n}\n.ff-tree-container .ff-node-li::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: calc(var(--level) * var(--indent-size) - 4px);\n width: 12px;\n height: 1px;\n background-color: var(--tree-connecting-lines-color);\n z-index: 1;\n}\n.ff-tree-container .ff-node-li.ff-is-last::before {\n height: calc(var(--node-height) / 2);\n}\n.ff-tree-container .ff-node-li[style*=\"--level: 0\"]::before, .ff-tree-container .ff-node-li[style*=\"--level: 0\"]::after {\n content: none;\n}";
|
|
7414
|
+
styleInject(css_248z$9);
|
|
7415
7415
|
|
|
7416
7416
|
const TableTree = ({
|
|
7417
7417
|
columnsData,
|
|
@@ -7570,8 +7570,8 @@ const TableTree = ({
|
|
|
7570
7570
|
});
|
|
7571
7571
|
};
|
|
7572
7572
|
|
|
7573
|
-
var css_248z$
|
|
7574
|
-
styleInject(css_248z$
|
|
7573
|
+
var css_248z$8 = ":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}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tabs-container {\n box-sizing: border-box;\n}\n.ff-tabs-container .ff-tab-row--default {\n display: flex;\n gap: 8px;\n border: 1px solid var(--tabs-border-color);\n border-radius: 8px 8px 0 0;\n padding: 7px 8px 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default {\n border: none;\n background: none;\n padding: 0 4px;\n display: flex;\n flex-direction: column;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-label {\n padding-bottom: 4px;\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}\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.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.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-content {\n width: inherit;\n}";
|
|
7574
|
+
styleInject(css_248z$8);
|
|
7575
7575
|
|
|
7576
7576
|
const Tabs = ({
|
|
7577
7577
|
variant = 'default',
|
|
@@ -7622,8 +7622,8 @@ const Tabs = ({
|
|
|
7622
7622
|
});
|
|
7623
7623
|
};
|
|
7624
7624
|
|
|
7625
|
-
var css_248z$
|
|
7626
|
-
styleInject(css_248z$
|
|
7625
|
+
var css_248z$7 = ".ff-highlight-bg {\n background-color: var(--text-bg-highlight);\n}";
|
|
7626
|
+
styleInject(css_248z$7);
|
|
7627
7627
|
|
|
7628
7628
|
// Function to escape special characters in the search term
|
|
7629
7629
|
const escapeRegExp = text => {
|
|
@@ -7646,8 +7646,8 @@ const HighlightText = ({
|
|
|
7646
7646
|
});
|
|
7647
7647
|
};
|
|
7648
7648
|
|
|
7649
|
-
var css_248z$
|
|
7650
|
-
styleInject(css_248z$
|
|
7649
|
+
var css_248z$6 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-search-container .ff-search-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-search-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-search-container .ff-search-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n padding: 4px;\n}\n.ff-search-container .ff-search-icon .ff-icon-container svg path {\n fill: var(--brand-color);\n}\n.ff-search-container .ff-search-input {\n border: none;\n color: var(--tooltip-bg-color);\n line-height: 12px;\n visibility: hidden;\n transition: width 0.4s ease;\n}\n.ff-search-container .ff-search-input:focus {\n outline: none;\n border: none;\n}\n.ff-search-container .ff-search-input:hover {\n border: none;\n}\n.ff-search-container.disabled {\n opacity: 0.5;\n}\n.ff-search-container.expanded {\n border: 1px solid var(--border-color);\n border-radius: 4px;\n}\n.ff-search-container.expanded .ff-vertical-line {\n height: 8px;\n width: 1px;\n position: relative;\n right: 2px;\n border-radius: 1px;\n margin: 8px 0px;\n background-color: var(--border-color);\n}\n.ff-search-container.expanded .ff-search-input {\n visibility: visible;\n}\n.ff-search-container.expanded .ff-search-input::placeholder {\n color: var(--ff-search-filed-placeholder-text);\n}\n.ff-search-container.expanded .ff-search-icon {\n padding: 4px;\n border: none;\n cursor: default;\n}\n.ff-search-container.expanded .ff-search-clear-button {\n display: grid;\n place-items: center;\n cursor: pointer;\n width: 22px;\n}\n.ff-search-container.expanded .ff-search-close-icon {\n margin: 4px;\n cursor: pointer;\n}\n.ff-search-container.expanded .ff-search-close-icon .ff-icon-container svg path {\n fill: var(--ff-search-filed-close-Icon);\n}";
|
|
7650
|
+
styleInject(css_248z$6);
|
|
7651
7651
|
|
|
7652
7652
|
const Search = ({
|
|
7653
7653
|
placeholder = 'Search',
|
|
@@ -15651,8 +15651,8 @@ const TimePicker = ({
|
|
|
15651
15651
|
});
|
|
15652
15652
|
};
|
|
15653
15653
|
|
|
15654
|
-
var css_248z$3 = "@import 'react-day-picker/style.css';\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n position: relative;\n}\n.ff-date-picker .rdp-root {\n --rdp-accent-color: var(--brand-color);\n --rdp-day-height: 24px;\n --rdp-day-width: 36px;\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n display: flex;\n gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n padding: 4px 8px;\n padding-left: 2rem;\n height: 32px;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n color: var(--status-skipped-text-color);\n line-height: 15px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n position: absolute;\n transform: translate(50%, 50%);\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n display: flex;\n flex-direction: column;\n position: absolute;\n border-radius: 8px;\n padding: 4px;\n box-sizing: border-box;\n background-color: var(--tab-bg-color);\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n gap: 8px;\n z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n padding: 4px;\n display: flex;\n justify-content: end;\n gap: 8px;\n border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n font-weight: 600;\n line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n margin: 0 5px;\n border: 1px solid var(--border-color);\n background-color: var(--toggle-button-bg-color);\n box-shadow: 0 -2px 2px 0 var(--ff-mini-modal-box-shadow);\n padding: 4px;\n border-radius: 30%;\n cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n cursor: auto;\n opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n width: calc((var(--rdp-day-width) + 4px) * 7);\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n padding: 5px;\n max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n border-radius: 8px;\n background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n color: #6f7c8e;\n font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n padding: 2px;\n font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n border-radius: 4px;\n padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n background: var(--rdp-accent-color);\n color: var(--drawer-footer-bg);\n border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n position: relative;\n width: 150px;\n height: 100%;\n overflow-y: hidden;\n border-left: 1px solid #ccc;\n padding: 10px 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n display: flex;\n height: 14%;\n width: 100%;\n margin-bottom: 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n display: flex;\n border: 1px solid var(--border-color);\n border-right: 0;\n border-radius: 4px 0 0 4px;\n width: 55%;\n position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n border: none;\n padding: 5px;\n width: 100%;\n text-align: center;\n border-radius: 4px 0 0 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n position: absolute;\n left: 10px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.2s ease all;\n color: var(--input-default-label-color);\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n position: relative;\n width: 45%;\n display: flex;\n border: 1px solid var(--border-color);\n border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n display: flex;\n align-items: center;\n padding: 0 5px;\n width: 100%;\n border-radius: 4px;\n background-color: white;\n cursor: pointer;\n border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n margin-left: auto;\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n position: fixed;\n z-index: 100;\n min-width: 60px;\n margin: 4px 0 0;\n padding: 0;\n list-style: none;\n border: 1px solid var(--ff-select-background-color);\n border-radius: 4px;\n background-color: var(--primary-button-text-color);\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n padding: 8px;\n color: var(--text-color);\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n height: 86%;\n overflow-y: auto;\n padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n background-color: var(--hover-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n padding: 10px 12px;\n cursor: pointer;\n text-align: center;\n border-radius: 8px;\n background-color: rgb(249, 249, 249);\n margin: 10px 0;\n}";
|
|
15655
|
-
styleInject(css_248z$
|
|
15654
|
+
var css_248z$5 = "@import 'react-day-picker/style.css';\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n position: relative;\n}\n.ff-date-picker .rdp-root {\n --rdp-accent-color: var(--brand-color);\n --rdp-day-height: 24px;\n --rdp-day-width: 36px;\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n display: flex;\n gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n padding: 4px 8px;\n padding-left: 2rem;\n height: 32px;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n color: var(--status-skipped-text-color);\n line-height: 15px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n position: absolute;\n transform: translate(50%, 50%);\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n display: flex;\n flex-direction: column;\n position: absolute;\n border-radius: 8px;\n padding: 4px;\n box-sizing: border-box;\n background-color: var(--tab-bg-color);\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n gap: 8px;\n z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n padding: 4px;\n display: flex;\n justify-content: end;\n gap: 8px;\n border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n font-weight: 600;\n line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n margin: 0 5px;\n border: 1px solid var(--border-color);\n background-color: var(--toggle-button-bg-color);\n box-shadow: 0 -2px 2px 0 var(--ff-mini-modal-box-shadow);\n padding: 4px;\n border-radius: 30%;\n cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n cursor: auto;\n opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n width: calc((var(--rdp-day-width) + 4px) * 7);\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n padding: 5px;\n max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n border-radius: 8px;\n background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n color: #6f7c8e;\n font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n padding: 2px;\n font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n border-radius: 4px;\n padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n background: var(--rdp-accent-color);\n color: var(--drawer-footer-bg);\n border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n position: relative;\n width: 150px;\n height: 100%;\n overflow-y: hidden;\n border-left: 1px solid #ccc;\n padding: 10px 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n display: flex;\n height: 14%;\n width: 100%;\n margin-bottom: 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n display: flex;\n border: 1px solid var(--border-color);\n border-right: 0;\n border-radius: 4px 0 0 4px;\n width: 55%;\n position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n border: none;\n padding: 5px;\n width: 100%;\n text-align: center;\n border-radius: 4px 0 0 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n position: absolute;\n left: 10px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.2s ease all;\n color: var(--input-default-label-color);\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n position: relative;\n width: 45%;\n display: flex;\n border: 1px solid var(--border-color);\n border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n display: flex;\n align-items: center;\n padding: 0 5px;\n width: 100%;\n border-radius: 4px;\n background-color: white;\n cursor: pointer;\n border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n margin-left: auto;\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n position: fixed;\n z-index: 100;\n min-width: 60px;\n margin: 4px 0 0;\n padding: 0;\n list-style: none;\n border: 1px solid var(--ff-select-background-color);\n border-radius: 4px;\n background-color: var(--primary-button-text-color);\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n padding: 8px;\n color: var(--text-color);\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n height: 86%;\n overflow-y: auto;\n padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n background-color: var(--hover-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n padding: 10px 12px;\n cursor: pointer;\n text-align: center;\n border-radius: 8px;\n background-color: rgb(249, 249, 249);\n margin: 10px 0;\n}";
|
|
15655
|
+
styleInject(css_248z$5);
|
|
15656
15656
|
|
|
15657
15657
|
const CustomDatePicker = ({
|
|
15658
15658
|
minDate,
|
|
@@ -16172,8 +16172,8 @@ const StateDropdown = ({
|
|
|
16172
16172
|
});
|
|
16173
16173
|
};
|
|
16174
16174
|
|
|
16175
|
-
var css_248z$
|
|
16176
|
-
styleInject(css_248z$
|
|
16175
|
+
var css_248z$4 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-plus-icon {\n min-width: 71px;\n min-height: 24px;\n border-radius: 12px;\n border-style: none;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 8px;\n background-color: var(--secondary-icon-color);\n padding: 2px 8px 2px 2px;\n border: 1px solid transparent;\n}\n.ff-plus-icon .ff-icon-color path {\n color: var(--primary-icon-color);\n}\n.ff-plus-icon .icon-name {\n min-width: 33px;\n color: var(--primary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover {\n border: 1px solid var(--secondary-icon-color);\n background-color: var(--hover-color);\n}\n.ff-plus-icon:hover .icon-name {\n min-width: 33px;\n min-height: 20px;\n font-weight: 600;\n color: var(--secondary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover .ff-icon-color path {\n color: var(--secondary-icon-color);\n}";
|
|
16176
|
+
styleInject(css_248z$4);
|
|
16177
16177
|
|
|
16178
16178
|
const IconButton = ({
|
|
16179
16179
|
label,
|
|
@@ -16197,8 +16197,8 @@ const IconButton = ({
|
|
|
16197
16197
|
});
|
|
16198
16198
|
};
|
|
16199
16199
|
|
|
16200
|
-
var css_248z$
|
|
16201
|
-
styleInject(css_248z$
|
|
16200
|
+
var css_248z$3 = ".ff-modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--background-modal-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-direction: column;\n}\n\n.ff-modal-content {\n background: var(--ff-mini-modal-border);\n position: relative;\n max-width: 100%;\n border-radius: 12px 12px 0 0;\n padding: 16px;\n}\n.ff-modal-content .ff-modal-header {\n height: 32px;\n width: 100%;\n}\n\n.ff-modal-footer {\n background-color: var(--expandable-menu-option-bg);\n max-width: 100%;\n width: 100%;\n height: 32px;\n border-radius: 0 0 12px 12px;\n display: flex;\n flex-direction: row;\n justify-content: end;\n align-items: center;\n gap: 8px;\n padding: 4px 16px;\n}";
|
|
16201
|
+
styleInject(css_248z$3);
|
|
16202
16202
|
|
|
16203
16203
|
const Modal = ({
|
|
16204
16204
|
isOpen,
|
|
@@ -20877,8 +20877,8 @@ const DragAndDrop = {
|
|
|
20877
20877
|
DNDUtilities
|
|
20878
20878
|
};
|
|
20879
20879
|
|
|
20880
|
-
var css_248z = ".ff-all-project {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n background-color: var(--secondary-icon-color);\n color: var(--expandable-menu-default-bg);\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 10px;\n padding: 4px;\n}\n.ff-all-project .ff-all-project-dropdown .label-icon {\n height: 16px;\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-all-project .ff-dropdown {\n position: absolute;\n top: 50px;\n padding: 1px;\n border: 0.5px solid var(--expandable-menu-default-bg);\n border-radius: 4px;\n background-color: var(--secondary-icon-color);\n color: var(--primary-icon-color);\n}\n.ff-all-project .ff-dropdown .ff-search {\n margin-bottom: 1px;\n}\n.ff-all-project .ff-dropdown .ff-search input {\n height: 30px;\n width: inherit;\n border-radius: 4px;\n border-style: none;\n}\n.ff-all-project .ff-dropdown .ff-search input::placeholder {\n padding-left: 32px;\n font-size: 8px;\n line-height: 12px;\n}\n.ff-all-project .ff-dropdown .ff-search span {\n position: absolute;\n top: 15px;\n left: 20px;\n}\n.ff-all-project .ff-dropdown .scroll {\n max-height: 124px;\n overflow-y: scroll;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options .projects-icons {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n height: 24px;\n width: 24px;\n}\n.ff-all-project .ff-dropdown .option-card .all-projects-option {\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n border-radius: 4px;\n}";
|
|
20881
|
-
styleInject(css_248z);
|
|
20880
|
+
var css_248z$2 = ".ff-all-project {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n background-color: var(--secondary-icon-color);\n color: var(--expandable-menu-default-bg);\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 10px;\n padding: 4px;\n}\n.ff-all-project .ff-all-project-dropdown .label-icon {\n height: 16px;\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-all-project .ff-dropdown {\n position: absolute;\n top: 50px;\n padding: 1px;\n border: 0.5px solid var(--expandable-menu-default-bg);\n border-radius: 4px;\n background-color: var(--secondary-icon-color);\n color: var(--primary-icon-color);\n}\n.ff-all-project .ff-dropdown .ff-search {\n margin-bottom: 1px;\n}\n.ff-all-project .ff-dropdown .ff-search input {\n height: 30px;\n width: inherit;\n border-radius: 4px;\n border-style: none;\n}\n.ff-all-project .ff-dropdown .ff-search input::placeholder {\n padding-left: 32px;\n font-size: 8px;\n line-height: 12px;\n}\n.ff-all-project .ff-dropdown .ff-search span {\n position: absolute;\n top: 15px;\n left: 20px;\n}\n.ff-all-project .ff-dropdown .scroll {\n max-height: 124px;\n overflow-y: scroll;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options .projects-icons {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n height: 24px;\n width: 24px;\n}\n.ff-all-project .ff-dropdown .option-card .all-projects-option {\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n border-radius: 4px;\n}";
|
|
20881
|
+
styleInject(css_248z$2);
|
|
20882
20882
|
|
|
20883
20883
|
const AllProjectsDropdown = () => {
|
|
20884
20884
|
const [showOptions, setShowOptions] = React.useState(false);
|
|
@@ -20985,9 +20985,2167 @@ const AllProjectsDropdown = () => {
|
|
|
20985
20985
|
});
|
|
20986
20986
|
};
|
|
20987
20987
|
|
|
20988
|
+
var css_248z$1 = ".ff-app-header {\n display: flex;\n justify-content: space-between;\n background-color: var(--brand-color);\n padding-left: 8px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n.ff-app-header .ff-app-header-logo-icon {\n padding: 8px;\n height: 24px;\n}\n.ff-app-header .ff-app-header-nav-bar {\n display: flex;\n align-items: center;\n background-color: var(--brand-color);\n transform: translateY(12px);\n border-radius: 20px;\n padding: 5px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item {\n margin-left: 8px;\n color: var(--ff-header-text-color);\n cursor: pointer;\n display: flex;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected {\n padding: 3px;\n background-color: var(--primary-icon-color);\n border-radius: 20px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected .ff-app-header-nav-bar-item-label {\n background-color: var(--brand-color);\n border-radius: 20px;\n padding: 4px 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container {\n display: flex;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item {\n color: var(--ff-header-submenu-text-color);\n align-content: center;\n padding-left: 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected {\n color: var(--ff-header-submenu-highlight-text-color);\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg {\n cursor: pointer;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg path {\n fill: var(--primary-icon-color);\n}\n.ff-app-header .ff-app-header-right-content {\n height: 24px;\n padding: 8px;\n}";
|
|
20989
|
+
styleInject(css_248z$1);
|
|
20990
|
+
|
|
20991
|
+
const AppHeader = ({
|
|
20992
|
+
logoIconName = 'fireflink_icon',
|
|
20993
|
+
rightContent,
|
|
20994
|
+
appHeaderMenuItems,
|
|
20995
|
+
selectedMenu,
|
|
20996
|
+
selectedSubMenu,
|
|
20997
|
+
selectedQuickMenu,
|
|
20998
|
+
onMenuClick = () => {},
|
|
20999
|
+
onSubMenuClick = () => {},
|
|
21000
|
+
onQuickMenuClick = () => {}
|
|
21001
|
+
}) => {
|
|
21002
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
21003
|
+
children: jsxRuntime.jsxs("div", {
|
|
21004
|
+
className: "ff-app-header",
|
|
21005
|
+
children: [jsxRuntime.jsx("div", {
|
|
21006
|
+
className: "ff-app-header-logo-icon",
|
|
21007
|
+
children: jsxRuntime.jsx(Icon, {
|
|
21008
|
+
color: "",
|
|
21009
|
+
name: logoIconName,
|
|
21010
|
+
height: 24,
|
|
21011
|
+
width: 21
|
|
21012
|
+
})
|
|
21013
|
+
}), jsxRuntime.jsxs("div", {
|
|
21014
|
+
className: "ff-app-header-nav-bar",
|
|
21015
|
+
children: [jsxRuntime.jsx("div", {
|
|
21016
|
+
children: "All projects"
|
|
21017
|
+
}), jsxRuntime.jsx("div", {
|
|
21018
|
+
className: "ff-app-header-nav-bar-items fontSm",
|
|
21019
|
+
children: appHeaderMenuItems.map(menuItem => {
|
|
21020
|
+
return jsxRuntime.jsxs("div", {
|
|
21021
|
+
className: classNames('ff-app-header-nav-bar-item', {
|
|
21022
|
+
['ff-app-header-nav-bar-item--selected']: menuItem.menuName === selectedMenu
|
|
21023
|
+
}),
|
|
21024
|
+
onClick: () => onMenuClick(menuItem.menuName),
|
|
21025
|
+
children: [jsxRuntime.jsx(Typography, {
|
|
21026
|
+
as: "div",
|
|
21027
|
+
className: "ff-app-header-nav-bar-item-label",
|
|
21028
|
+
lineHeight: "18px",
|
|
21029
|
+
children: menuItem.menuName
|
|
21030
|
+
}), menuItem.menuName === selectedMenu && menuItem?.subMenuItems && menuItem.subMenuItems.map(subMenuItem => {
|
|
21031
|
+
return jsxRuntime.jsxs("div", {
|
|
21032
|
+
onClick: () => onSubMenuClick(subMenuItem.subMenuName),
|
|
21033
|
+
className: "ff-app-header-submenu-container",
|
|
21034
|
+
children: [jsxRuntime.jsx(Typography, {
|
|
21035
|
+
as: "div",
|
|
21036
|
+
className: classNames('ff-app-header-nav-bar-submenu-item', {
|
|
21037
|
+
['ff-app-header-nav-bar-submenu-item--selected']: subMenuItem.subMenuName === selectedSubMenu
|
|
21038
|
+
}),
|
|
21039
|
+
lineHeight: "18px",
|
|
21040
|
+
children: subMenuItem.subMenuName
|
|
21041
|
+
}), subMenuItem.subMenuName === selectedSubMenu && subMenuItem?.quickMenuItems && jsxRuntime.jsxs("div", {
|
|
21042
|
+
className: "ff-app-header-quickmenu-container",
|
|
21043
|
+
children: [jsxRuntime.jsx("div", {
|
|
21044
|
+
children: jsxRuntime.jsx(Icon, {
|
|
21045
|
+
name: "vertical_separator"
|
|
21046
|
+
})
|
|
21047
|
+
}), subMenuItem.quickMenuItems.map(quickMenuItem => {
|
|
21048
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
21049
|
+
children: jsxRuntime.jsx("div", {
|
|
21050
|
+
onClick: () => onQuickMenuClick(quickMenuItem.quickMenuName),
|
|
21051
|
+
className: classNames('ff-app-header-nav-bar-quickmenu-item', {
|
|
21052
|
+
['ff-app-header-nav-bar-quickmenu-item--selected']: quickMenuItem.quickMenuName === selectedQuickMenu
|
|
21053
|
+
}),
|
|
21054
|
+
children: jsxRuntime.jsx(Icon, {
|
|
21055
|
+
name: quickMenuItem.quickMenuIconName,
|
|
21056
|
+
height: 24,
|
|
21057
|
+
width: 24
|
|
21058
|
+
})
|
|
21059
|
+
}, quickMenuItem.quickMenuIconName)
|
|
21060
|
+
});
|
|
21061
|
+
})]
|
|
21062
|
+
})]
|
|
21063
|
+
}, subMenuItem.subMenuName);
|
|
21064
|
+
})]
|
|
21065
|
+
}, menuItem.menuName);
|
|
21066
|
+
})
|
|
21067
|
+
}), jsxRuntime.jsx("div", {
|
|
21068
|
+
children: jsxRuntime.jsx(Icon, {
|
|
21069
|
+
name: "more",
|
|
21070
|
+
className: "ff-app-header-more-icon"
|
|
21071
|
+
})
|
|
21072
|
+
})]
|
|
21073
|
+
}), jsxRuntime.jsx("div", {
|
|
21074
|
+
className: "ff-app-header-right-content",
|
|
21075
|
+
children: rightContent
|
|
21076
|
+
})]
|
|
21077
|
+
})
|
|
21078
|
+
});
|
|
21079
|
+
};
|
|
21080
|
+
|
|
21081
|
+
var propTypes = {exports: {}};
|
|
21082
|
+
|
|
21083
|
+
var reactIs$1 = {exports: {}};
|
|
21084
|
+
|
|
21085
|
+
var reactIs_production_min$1 = {};
|
|
21086
|
+
|
|
21087
|
+
/** @license React v16.13.1
|
|
21088
|
+
* react-is.production.min.js
|
|
21089
|
+
*
|
|
21090
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
21091
|
+
*
|
|
21092
|
+
* This source code is licensed under the MIT license found in the
|
|
21093
|
+
* LICENSE file in the root directory of this source tree.
|
|
21094
|
+
*/
|
|
21095
|
+
var hasRequiredReactIs_production_min$1;
|
|
21096
|
+
function requireReactIs_production_min$1() {
|
|
21097
|
+
if (hasRequiredReactIs_production_min$1) return reactIs_production_min$1;
|
|
21098
|
+
hasRequiredReactIs_production_min$1 = 1;
|
|
21099
|
+
var b = "function" === typeof Symbol && Symbol.for,
|
|
21100
|
+
c = b ? Symbol.for("react.element") : 60103,
|
|
21101
|
+
d = b ? Symbol.for("react.portal") : 60106,
|
|
21102
|
+
e = b ? Symbol.for("react.fragment") : 60107,
|
|
21103
|
+
f = b ? Symbol.for("react.strict_mode") : 60108,
|
|
21104
|
+
g = b ? Symbol.for("react.profiler") : 60114,
|
|
21105
|
+
h = b ? Symbol.for("react.provider") : 60109,
|
|
21106
|
+
k = b ? Symbol.for("react.context") : 60110,
|
|
21107
|
+
l = b ? Symbol.for("react.async_mode") : 60111,
|
|
21108
|
+
m = b ? Symbol.for("react.concurrent_mode") : 60111,
|
|
21109
|
+
n = b ? Symbol.for("react.forward_ref") : 60112,
|
|
21110
|
+
p = b ? Symbol.for("react.suspense") : 60113,
|
|
21111
|
+
q = b ? Symbol.for("react.suspense_list") : 60120,
|
|
21112
|
+
r = b ? Symbol.for("react.memo") : 60115,
|
|
21113
|
+
t = b ? Symbol.for("react.lazy") : 60116,
|
|
21114
|
+
v = b ? Symbol.for("react.block") : 60121,
|
|
21115
|
+
w = b ? Symbol.for("react.fundamental") : 60117,
|
|
21116
|
+
x = b ? Symbol.for("react.responder") : 60118,
|
|
21117
|
+
y = b ? Symbol.for("react.scope") : 60119;
|
|
21118
|
+
function z(a) {
|
|
21119
|
+
if ("object" === typeof a && null !== a) {
|
|
21120
|
+
var u = a.$$typeof;
|
|
21121
|
+
switch (u) {
|
|
21122
|
+
case c:
|
|
21123
|
+
switch (a = a.type, a) {
|
|
21124
|
+
case l:
|
|
21125
|
+
case m:
|
|
21126
|
+
case e:
|
|
21127
|
+
case g:
|
|
21128
|
+
case f:
|
|
21129
|
+
case p:
|
|
21130
|
+
return a;
|
|
21131
|
+
default:
|
|
21132
|
+
switch (a = a && a.$$typeof, a) {
|
|
21133
|
+
case k:
|
|
21134
|
+
case n:
|
|
21135
|
+
case t:
|
|
21136
|
+
case r:
|
|
21137
|
+
case h:
|
|
21138
|
+
return a;
|
|
21139
|
+
default:
|
|
21140
|
+
return u;
|
|
21141
|
+
}
|
|
21142
|
+
}
|
|
21143
|
+
case d:
|
|
21144
|
+
return u;
|
|
21145
|
+
}
|
|
21146
|
+
}
|
|
21147
|
+
}
|
|
21148
|
+
function A(a) {
|
|
21149
|
+
return z(a) === m;
|
|
21150
|
+
}
|
|
21151
|
+
reactIs_production_min$1.AsyncMode = l;
|
|
21152
|
+
reactIs_production_min$1.ConcurrentMode = m;
|
|
21153
|
+
reactIs_production_min$1.ContextConsumer = k;
|
|
21154
|
+
reactIs_production_min$1.ContextProvider = h;
|
|
21155
|
+
reactIs_production_min$1.Element = c;
|
|
21156
|
+
reactIs_production_min$1.ForwardRef = n;
|
|
21157
|
+
reactIs_production_min$1.Fragment = e;
|
|
21158
|
+
reactIs_production_min$1.Lazy = t;
|
|
21159
|
+
reactIs_production_min$1.Memo = r;
|
|
21160
|
+
reactIs_production_min$1.Portal = d;
|
|
21161
|
+
reactIs_production_min$1.Profiler = g;
|
|
21162
|
+
reactIs_production_min$1.StrictMode = f;
|
|
21163
|
+
reactIs_production_min$1.Suspense = p;
|
|
21164
|
+
reactIs_production_min$1.isAsyncMode = function (a) {
|
|
21165
|
+
return A(a) || z(a) === l;
|
|
21166
|
+
};
|
|
21167
|
+
reactIs_production_min$1.isConcurrentMode = A;
|
|
21168
|
+
reactIs_production_min$1.isContextConsumer = function (a) {
|
|
21169
|
+
return z(a) === k;
|
|
21170
|
+
};
|
|
21171
|
+
reactIs_production_min$1.isContextProvider = function (a) {
|
|
21172
|
+
return z(a) === h;
|
|
21173
|
+
};
|
|
21174
|
+
reactIs_production_min$1.isElement = function (a) {
|
|
21175
|
+
return "object" === typeof a && null !== a && a.$$typeof === c;
|
|
21176
|
+
};
|
|
21177
|
+
reactIs_production_min$1.isForwardRef = function (a) {
|
|
21178
|
+
return z(a) === n;
|
|
21179
|
+
};
|
|
21180
|
+
reactIs_production_min$1.isFragment = function (a) {
|
|
21181
|
+
return z(a) === e;
|
|
21182
|
+
};
|
|
21183
|
+
reactIs_production_min$1.isLazy = function (a) {
|
|
21184
|
+
return z(a) === t;
|
|
21185
|
+
};
|
|
21186
|
+
reactIs_production_min$1.isMemo = function (a) {
|
|
21187
|
+
return z(a) === r;
|
|
21188
|
+
};
|
|
21189
|
+
reactIs_production_min$1.isPortal = function (a) {
|
|
21190
|
+
return z(a) === d;
|
|
21191
|
+
};
|
|
21192
|
+
reactIs_production_min$1.isProfiler = function (a) {
|
|
21193
|
+
return z(a) === g;
|
|
21194
|
+
};
|
|
21195
|
+
reactIs_production_min$1.isStrictMode = function (a) {
|
|
21196
|
+
return z(a) === f;
|
|
21197
|
+
};
|
|
21198
|
+
reactIs_production_min$1.isSuspense = function (a) {
|
|
21199
|
+
return z(a) === p;
|
|
21200
|
+
};
|
|
21201
|
+
reactIs_production_min$1.isValidElementType = function (a) {
|
|
21202
|
+
return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
|
|
21203
|
+
};
|
|
21204
|
+
reactIs_production_min$1.typeOf = z;
|
|
21205
|
+
return reactIs_production_min$1;
|
|
21206
|
+
}
|
|
21207
|
+
|
|
21208
|
+
var reactIs_development$1 = {};
|
|
21209
|
+
|
|
21210
|
+
/** @license React v16.13.1
|
|
21211
|
+
* react-is.development.js
|
|
21212
|
+
*
|
|
21213
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
21214
|
+
*
|
|
21215
|
+
* This source code is licensed under the MIT license found in the
|
|
21216
|
+
* LICENSE file in the root directory of this source tree.
|
|
21217
|
+
*/
|
|
21218
|
+
var hasRequiredReactIs_development$1;
|
|
21219
|
+
function requireReactIs_development$1() {
|
|
21220
|
+
if (hasRequiredReactIs_development$1) return reactIs_development$1;
|
|
21221
|
+
hasRequiredReactIs_development$1 = 1;
|
|
21222
|
+
if (process.env.NODE_ENV !== "production") {
|
|
21223
|
+
(function () {
|
|
21224
|
+
|
|
21225
|
+
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
|
21226
|
+
// nor polyfill, then a plain number is used for performance.
|
|
21227
|
+
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
21228
|
+
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
21229
|
+
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
|
|
21230
|
+
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
|
|
21231
|
+
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
|
|
21232
|
+
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
|
|
21233
|
+
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
|
|
21234
|
+
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
|
|
21235
|
+
// (unstable) APIs that have been removed. Can we remove the symbols?
|
|
21236
|
+
|
|
21237
|
+
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
|
|
21238
|
+
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
|
|
21239
|
+
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
|
|
21240
|
+
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
|
|
21241
|
+
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
|
|
21242
|
+
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
|
|
21243
|
+
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
|
|
21244
|
+
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
|
|
21245
|
+
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
|
|
21246
|
+
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
|
|
21247
|
+
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
|
|
21248
|
+
function isValidElementType(type) {
|
|
21249
|
+
return typeof type === 'string' || typeof type === 'function' ||
|
|
21250
|
+
// Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
21251
|
+
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
|
|
21252
|
+
}
|
|
21253
|
+
function typeOf(object) {
|
|
21254
|
+
if (typeof object === 'object' && object !== null) {
|
|
21255
|
+
var $$typeof = object.$$typeof;
|
|
21256
|
+
switch ($$typeof) {
|
|
21257
|
+
case REACT_ELEMENT_TYPE:
|
|
21258
|
+
var type = object.type;
|
|
21259
|
+
switch (type) {
|
|
21260
|
+
case REACT_ASYNC_MODE_TYPE:
|
|
21261
|
+
case REACT_CONCURRENT_MODE_TYPE:
|
|
21262
|
+
case REACT_FRAGMENT_TYPE:
|
|
21263
|
+
case REACT_PROFILER_TYPE:
|
|
21264
|
+
case REACT_STRICT_MODE_TYPE:
|
|
21265
|
+
case REACT_SUSPENSE_TYPE:
|
|
21266
|
+
return type;
|
|
21267
|
+
default:
|
|
21268
|
+
var $$typeofType = type && type.$$typeof;
|
|
21269
|
+
switch ($$typeofType) {
|
|
21270
|
+
case REACT_CONTEXT_TYPE:
|
|
21271
|
+
case REACT_FORWARD_REF_TYPE:
|
|
21272
|
+
case REACT_LAZY_TYPE:
|
|
21273
|
+
case REACT_MEMO_TYPE:
|
|
21274
|
+
case REACT_PROVIDER_TYPE:
|
|
21275
|
+
return $$typeofType;
|
|
21276
|
+
default:
|
|
21277
|
+
return $$typeof;
|
|
21278
|
+
}
|
|
21279
|
+
}
|
|
21280
|
+
case REACT_PORTAL_TYPE:
|
|
21281
|
+
return $$typeof;
|
|
21282
|
+
}
|
|
21283
|
+
}
|
|
21284
|
+
return undefined;
|
|
21285
|
+
} // AsyncMode is deprecated along with isAsyncMode
|
|
21286
|
+
|
|
21287
|
+
var AsyncMode = REACT_ASYNC_MODE_TYPE;
|
|
21288
|
+
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
|
|
21289
|
+
var ContextConsumer = REACT_CONTEXT_TYPE;
|
|
21290
|
+
var ContextProvider = REACT_PROVIDER_TYPE;
|
|
21291
|
+
var Element = REACT_ELEMENT_TYPE;
|
|
21292
|
+
var ForwardRef = REACT_FORWARD_REF_TYPE;
|
|
21293
|
+
var Fragment = REACT_FRAGMENT_TYPE;
|
|
21294
|
+
var Lazy = REACT_LAZY_TYPE;
|
|
21295
|
+
var Memo = REACT_MEMO_TYPE;
|
|
21296
|
+
var Portal = REACT_PORTAL_TYPE;
|
|
21297
|
+
var Profiler = REACT_PROFILER_TYPE;
|
|
21298
|
+
var StrictMode = REACT_STRICT_MODE_TYPE;
|
|
21299
|
+
var Suspense = REACT_SUSPENSE_TYPE;
|
|
21300
|
+
var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
|
|
21301
|
+
|
|
21302
|
+
function isAsyncMode(object) {
|
|
21303
|
+
{
|
|
21304
|
+
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
|
21305
|
+
hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
|
|
21306
|
+
|
|
21307
|
+
console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
|
|
21308
|
+
}
|
|
21309
|
+
}
|
|
21310
|
+
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
|
|
21311
|
+
}
|
|
21312
|
+
function isConcurrentMode(object) {
|
|
21313
|
+
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
|
|
21314
|
+
}
|
|
21315
|
+
function isContextConsumer(object) {
|
|
21316
|
+
return typeOf(object) === REACT_CONTEXT_TYPE;
|
|
21317
|
+
}
|
|
21318
|
+
function isContextProvider(object) {
|
|
21319
|
+
return typeOf(object) === REACT_PROVIDER_TYPE;
|
|
21320
|
+
}
|
|
21321
|
+
function isElement(object) {
|
|
21322
|
+
return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
21323
|
+
}
|
|
21324
|
+
function isForwardRef(object) {
|
|
21325
|
+
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
|
21326
|
+
}
|
|
21327
|
+
function isFragment(object) {
|
|
21328
|
+
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
|
21329
|
+
}
|
|
21330
|
+
function isLazy(object) {
|
|
21331
|
+
return typeOf(object) === REACT_LAZY_TYPE;
|
|
21332
|
+
}
|
|
21333
|
+
function isMemo(object) {
|
|
21334
|
+
return typeOf(object) === REACT_MEMO_TYPE;
|
|
21335
|
+
}
|
|
21336
|
+
function isPortal(object) {
|
|
21337
|
+
return typeOf(object) === REACT_PORTAL_TYPE;
|
|
21338
|
+
}
|
|
21339
|
+
function isProfiler(object) {
|
|
21340
|
+
return typeOf(object) === REACT_PROFILER_TYPE;
|
|
21341
|
+
}
|
|
21342
|
+
function isStrictMode(object) {
|
|
21343
|
+
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
|
21344
|
+
}
|
|
21345
|
+
function isSuspense(object) {
|
|
21346
|
+
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
|
21347
|
+
}
|
|
21348
|
+
reactIs_development$1.AsyncMode = AsyncMode;
|
|
21349
|
+
reactIs_development$1.ConcurrentMode = ConcurrentMode;
|
|
21350
|
+
reactIs_development$1.ContextConsumer = ContextConsumer;
|
|
21351
|
+
reactIs_development$1.ContextProvider = ContextProvider;
|
|
21352
|
+
reactIs_development$1.Element = Element;
|
|
21353
|
+
reactIs_development$1.ForwardRef = ForwardRef;
|
|
21354
|
+
reactIs_development$1.Fragment = Fragment;
|
|
21355
|
+
reactIs_development$1.Lazy = Lazy;
|
|
21356
|
+
reactIs_development$1.Memo = Memo;
|
|
21357
|
+
reactIs_development$1.Portal = Portal;
|
|
21358
|
+
reactIs_development$1.Profiler = Profiler;
|
|
21359
|
+
reactIs_development$1.StrictMode = StrictMode;
|
|
21360
|
+
reactIs_development$1.Suspense = Suspense;
|
|
21361
|
+
reactIs_development$1.isAsyncMode = isAsyncMode;
|
|
21362
|
+
reactIs_development$1.isConcurrentMode = isConcurrentMode;
|
|
21363
|
+
reactIs_development$1.isContextConsumer = isContextConsumer;
|
|
21364
|
+
reactIs_development$1.isContextProvider = isContextProvider;
|
|
21365
|
+
reactIs_development$1.isElement = isElement;
|
|
21366
|
+
reactIs_development$1.isForwardRef = isForwardRef;
|
|
21367
|
+
reactIs_development$1.isFragment = isFragment;
|
|
21368
|
+
reactIs_development$1.isLazy = isLazy;
|
|
21369
|
+
reactIs_development$1.isMemo = isMemo;
|
|
21370
|
+
reactIs_development$1.isPortal = isPortal;
|
|
21371
|
+
reactIs_development$1.isProfiler = isProfiler;
|
|
21372
|
+
reactIs_development$1.isStrictMode = isStrictMode;
|
|
21373
|
+
reactIs_development$1.isSuspense = isSuspense;
|
|
21374
|
+
reactIs_development$1.isValidElementType = isValidElementType;
|
|
21375
|
+
reactIs_development$1.typeOf = typeOf;
|
|
21376
|
+
})();
|
|
21377
|
+
}
|
|
21378
|
+
return reactIs_development$1;
|
|
21379
|
+
}
|
|
21380
|
+
|
|
21381
|
+
var hasRequiredReactIs$1;
|
|
21382
|
+
function requireReactIs$1() {
|
|
21383
|
+
if (hasRequiredReactIs$1) return reactIs$1.exports;
|
|
21384
|
+
hasRequiredReactIs$1 = 1;
|
|
21385
|
+
if (process.env.NODE_ENV === 'production') {
|
|
21386
|
+
reactIs$1.exports = requireReactIs_production_min$1();
|
|
21387
|
+
} else {
|
|
21388
|
+
reactIs$1.exports = requireReactIs_development$1();
|
|
21389
|
+
}
|
|
21390
|
+
return reactIs$1.exports;
|
|
21391
|
+
}
|
|
21392
|
+
|
|
21393
|
+
/*
|
|
21394
|
+
object-assign
|
|
21395
|
+
(c) Sindre Sorhus
|
|
21396
|
+
@license MIT
|
|
21397
|
+
*/
|
|
21398
|
+
var objectAssign;
|
|
21399
|
+
var hasRequiredObjectAssign;
|
|
21400
|
+
function requireObjectAssign() {
|
|
21401
|
+
if (hasRequiredObjectAssign) return objectAssign;
|
|
21402
|
+
hasRequiredObjectAssign = 1;
|
|
21403
|
+
/* eslint-disable no-unused-vars */
|
|
21404
|
+
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
21405
|
+
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
21406
|
+
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
|
21407
|
+
function toObject(val) {
|
|
21408
|
+
if (val === null || val === undefined) {
|
|
21409
|
+
throw new TypeError('Object.assign cannot be called with null or undefined');
|
|
21410
|
+
}
|
|
21411
|
+
return Object(val);
|
|
21412
|
+
}
|
|
21413
|
+
function shouldUseNative() {
|
|
21414
|
+
try {
|
|
21415
|
+
if (!Object.assign) {
|
|
21416
|
+
return false;
|
|
21417
|
+
}
|
|
21418
|
+
|
|
21419
|
+
// Detect buggy property enumeration order in older V8 versions.
|
|
21420
|
+
|
|
21421
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
|
|
21422
|
+
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
|
|
21423
|
+
test1[5] = 'de';
|
|
21424
|
+
if (Object.getOwnPropertyNames(test1)[0] === '5') {
|
|
21425
|
+
return false;
|
|
21426
|
+
}
|
|
21427
|
+
|
|
21428
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
21429
|
+
var test2 = {};
|
|
21430
|
+
for (var i = 0; i < 10; i++) {
|
|
21431
|
+
test2['_' + String.fromCharCode(i)] = i;
|
|
21432
|
+
}
|
|
21433
|
+
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
|
|
21434
|
+
return test2[n];
|
|
21435
|
+
});
|
|
21436
|
+
if (order2.join('') !== '0123456789') {
|
|
21437
|
+
return false;
|
|
21438
|
+
}
|
|
21439
|
+
|
|
21440
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
21441
|
+
var test3 = {};
|
|
21442
|
+
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
|
|
21443
|
+
test3[letter] = letter;
|
|
21444
|
+
});
|
|
21445
|
+
if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
|
|
21446
|
+
return false;
|
|
21447
|
+
}
|
|
21448
|
+
return true;
|
|
21449
|
+
} catch (err) {
|
|
21450
|
+
// We don't expect any of the above to throw, but better to be safe.
|
|
21451
|
+
return false;
|
|
21452
|
+
}
|
|
21453
|
+
}
|
|
21454
|
+
objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
|
|
21455
|
+
var from;
|
|
21456
|
+
var to = toObject(target);
|
|
21457
|
+
var symbols;
|
|
21458
|
+
for (var s = 1; s < arguments.length; s++) {
|
|
21459
|
+
from = Object(arguments[s]);
|
|
21460
|
+
for (var key in from) {
|
|
21461
|
+
if (hasOwnProperty.call(from, key)) {
|
|
21462
|
+
to[key] = from[key];
|
|
21463
|
+
}
|
|
21464
|
+
}
|
|
21465
|
+
if (getOwnPropertySymbols) {
|
|
21466
|
+
symbols = getOwnPropertySymbols(from);
|
|
21467
|
+
for (var i = 0; i < symbols.length; i++) {
|
|
21468
|
+
if (propIsEnumerable.call(from, symbols[i])) {
|
|
21469
|
+
to[symbols[i]] = from[symbols[i]];
|
|
21470
|
+
}
|
|
21471
|
+
}
|
|
21472
|
+
}
|
|
21473
|
+
}
|
|
21474
|
+
return to;
|
|
21475
|
+
};
|
|
21476
|
+
return objectAssign;
|
|
21477
|
+
}
|
|
21478
|
+
|
|
21479
|
+
/**
|
|
21480
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
21481
|
+
*
|
|
21482
|
+
* This source code is licensed under the MIT license found in the
|
|
21483
|
+
* LICENSE file in the root directory of this source tree.
|
|
21484
|
+
*/
|
|
21485
|
+
var ReactPropTypesSecret_1;
|
|
21486
|
+
var hasRequiredReactPropTypesSecret;
|
|
21487
|
+
function requireReactPropTypesSecret() {
|
|
21488
|
+
if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
|
|
21489
|
+
hasRequiredReactPropTypesSecret = 1;
|
|
21490
|
+
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
|
|
21491
|
+
ReactPropTypesSecret_1 = ReactPropTypesSecret;
|
|
21492
|
+
return ReactPropTypesSecret_1;
|
|
21493
|
+
}
|
|
21494
|
+
|
|
21495
|
+
var has;
|
|
21496
|
+
var hasRequiredHas;
|
|
21497
|
+
function requireHas() {
|
|
21498
|
+
if (hasRequiredHas) return has;
|
|
21499
|
+
hasRequiredHas = 1;
|
|
21500
|
+
has = Function.call.bind(Object.prototype.hasOwnProperty);
|
|
21501
|
+
return has;
|
|
21502
|
+
}
|
|
21503
|
+
|
|
21504
|
+
/**
|
|
21505
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
21506
|
+
*
|
|
21507
|
+
* This source code is licensed under the MIT license found in the
|
|
21508
|
+
* LICENSE file in the root directory of this source tree.
|
|
21509
|
+
*/
|
|
21510
|
+
var checkPropTypes_1;
|
|
21511
|
+
var hasRequiredCheckPropTypes;
|
|
21512
|
+
function requireCheckPropTypes() {
|
|
21513
|
+
if (hasRequiredCheckPropTypes) return checkPropTypes_1;
|
|
21514
|
+
hasRequiredCheckPropTypes = 1;
|
|
21515
|
+
var printWarning = function () {};
|
|
21516
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21517
|
+
var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret();
|
|
21518
|
+
var loggedTypeFailures = {};
|
|
21519
|
+
var has = /*@__PURE__*/requireHas();
|
|
21520
|
+
printWarning = function (text) {
|
|
21521
|
+
var message = 'Warning: ' + text;
|
|
21522
|
+
if (typeof console !== 'undefined') {
|
|
21523
|
+
console.error(message);
|
|
21524
|
+
}
|
|
21525
|
+
try {
|
|
21526
|
+
// --- Welcome to debugging React ---
|
|
21527
|
+
// This error was thrown as a convenience so that you can use this stack
|
|
21528
|
+
// to find the callsite that caused this warning to fire.
|
|
21529
|
+
throw new Error(message);
|
|
21530
|
+
} catch (x) {/**/}
|
|
21531
|
+
};
|
|
21532
|
+
}
|
|
21533
|
+
|
|
21534
|
+
/**
|
|
21535
|
+
* Assert that the values match with the type specs.
|
|
21536
|
+
* Error messages are memorized and will only be shown once.
|
|
21537
|
+
*
|
|
21538
|
+
* @param {object} typeSpecs Map of name to a ReactPropType
|
|
21539
|
+
* @param {object} values Runtime values that need to be type-checked
|
|
21540
|
+
* @param {string} location e.g. "prop", "context", "child context"
|
|
21541
|
+
* @param {string} componentName Name of the component for error messages.
|
|
21542
|
+
* @param {?Function} getStack Returns the component stack.
|
|
21543
|
+
* @private
|
|
21544
|
+
*/
|
|
21545
|
+
function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
|
|
21546
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21547
|
+
for (var typeSpecName in typeSpecs) {
|
|
21548
|
+
if (has(typeSpecs, typeSpecName)) {
|
|
21549
|
+
var error;
|
|
21550
|
+
// Prop type validation may throw. In case they do, we don't want to
|
|
21551
|
+
// fail the render phase where it didn't fail before. So we log it.
|
|
21552
|
+
// After these have been cleaned up, we'll let them throw.
|
|
21553
|
+
try {
|
|
21554
|
+
// This is intentionally an invariant that gets caught. It's the same
|
|
21555
|
+
// behavior as without this statement except with a better message.
|
|
21556
|
+
if (typeof typeSpecs[typeSpecName] !== 'function') {
|
|
21557
|
+
var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
|
|
21558
|
+
err.name = 'Invariant Violation';
|
|
21559
|
+
throw err;
|
|
21560
|
+
}
|
|
21561
|
+
error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
|
|
21562
|
+
} catch (ex) {
|
|
21563
|
+
error = ex;
|
|
21564
|
+
}
|
|
21565
|
+
if (error && !(error instanceof Error)) {
|
|
21566
|
+
printWarning((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
|
|
21567
|
+
}
|
|
21568
|
+
if (error instanceof Error && !(error.message in loggedTypeFailures)) {
|
|
21569
|
+
// Only monitor this failure once because there tends to be a lot of the
|
|
21570
|
+
// same error.
|
|
21571
|
+
loggedTypeFailures[error.message] = true;
|
|
21572
|
+
var stack = getStack ? getStack() : '';
|
|
21573
|
+
printWarning('Failed ' + location + ' type: ' + error.message + (stack != null ? stack : ''));
|
|
21574
|
+
}
|
|
21575
|
+
}
|
|
21576
|
+
}
|
|
21577
|
+
}
|
|
21578
|
+
}
|
|
21579
|
+
|
|
21580
|
+
/**
|
|
21581
|
+
* Resets warning cache when testing.
|
|
21582
|
+
*
|
|
21583
|
+
* @private
|
|
21584
|
+
*/
|
|
21585
|
+
checkPropTypes.resetWarningCache = function () {
|
|
21586
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21587
|
+
loggedTypeFailures = {};
|
|
21588
|
+
}
|
|
21589
|
+
};
|
|
21590
|
+
checkPropTypes_1 = checkPropTypes;
|
|
21591
|
+
return checkPropTypes_1;
|
|
21592
|
+
}
|
|
21593
|
+
|
|
21594
|
+
/**
|
|
21595
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
21596
|
+
*
|
|
21597
|
+
* This source code is licensed under the MIT license found in the
|
|
21598
|
+
* LICENSE file in the root directory of this source tree.
|
|
21599
|
+
*/
|
|
21600
|
+
var factoryWithTypeCheckers;
|
|
21601
|
+
var hasRequiredFactoryWithTypeCheckers;
|
|
21602
|
+
function requireFactoryWithTypeCheckers() {
|
|
21603
|
+
if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
|
|
21604
|
+
hasRequiredFactoryWithTypeCheckers = 1;
|
|
21605
|
+
var ReactIs = requireReactIs$1();
|
|
21606
|
+
var assign = requireObjectAssign();
|
|
21607
|
+
var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret();
|
|
21608
|
+
var has = /*@__PURE__*/requireHas();
|
|
21609
|
+
var checkPropTypes = /*@__PURE__*/requireCheckPropTypes();
|
|
21610
|
+
var printWarning = function () {};
|
|
21611
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21612
|
+
printWarning = function (text) {
|
|
21613
|
+
var message = 'Warning: ' + text;
|
|
21614
|
+
if (typeof console !== 'undefined') {
|
|
21615
|
+
console.error(message);
|
|
21616
|
+
}
|
|
21617
|
+
try {
|
|
21618
|
+
// --- Welcome to debugging React ---
|
|
21619
|
+
// This error was thrown as a convenience so that you can use this stack
|
|
21620
|
+
// to find the callsite that caused this warning to fire.
|
|
21621
|
+
throw new Error(message);
|
|
21622
|
+
} catch (x) {}
|
|
21623
|
+
};
|
|
21624
|
+
}
|
|
21625
|
+
function emptyFunctionThatReturnsNull() {
|
|
21626
|
+
return null;
|
|
21627
|
+
}
|
|
21628
|
+
factoryWithTypeCheckers = function (isValidElement, throwOnDirectAccess) {
|
|
21629
|
+
/* global Symbol */
|
|
21630
|
+
var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
|
|
21631
|
+
var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
|
|
21632
|
+
|
|
21633
|
+
/**
|
|
21634
|
+
* Returns the iterator method function contained on the iterable object.
|
|
21635
|
+
*
|
|
21636
|
+
* Be sure to invoke the function with the iterable as context:
|
|
21637
|
+
*
|
|
21638
|
+
* var iteratorFn = getIteratorFn(myIterable);
|
|
21639
|
+
* if (iteratorFn) {
|
|
21640
|
+
* var iterator = iteratorFn.call(myIterable);
|
|
21641
|
+
* ...
|
|
21642
|
+
* }
|
|
21643
|
+
*
|
|
21644
|
+
* @param {?object} maybeIterable
|
|
21645
|
+
* @return {?function}
|
|
21646
|
+
*/
|
|
21647
|
+
function getIteratorFn(maybeIterable) {
|
|
21648
|
+
var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
|
|
21649
|
+
if (typeof iteratorFn === 'function') {
|
|
21650
|
+
return iteratorFn;
|
|
21651
|
+
}
|
|
21652
|
+
}
|
|
21653
|
+
|
|
21654
|
+
/**
|
|
21655
|
+
* Collection of methods that allow declaration and validation of props that are
|
|
21656
|
+
* supplied to React components. Example usage:
|
|
21657
|
+
*
|
|
21658
|
+
* var Props = require('ReactPropTypes');
|
|
21659
|
+
* var MyArticle = React.createClass({
|
|
21660
|
+
* propTypes: {
|
|
21661
|
+
* // An optional string prop named "description".
|
|
21662
|
+
* description: Props.string,
|
|
21663
|
+
*
|
|
21664
|
+
* // A required enum prop named "category".
|
|
21665
|
+
* category: Props.oneOf(['News','Photos']).isRequired,
|
|
21666
|
+
*
|
|
21667
|
+
* // A prop named "dialog" that requires an instance of Dialog.
|
|
21668
|
+
* dialog: Props.instanceOf(Dialog).isRequired
|
|
21669
|
+
* },
|
|
21670
|
+
* render: function() { ... }
|
|
21671
|
+
* });
|
|
21672
|
+
*
|
|
21673
|
+
* A more formal specification of how these methods are used:
|
|
21674
|
+
*
|
|
21675
|
+
* type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
|
|
21676
|
+
* decl := ReactPropTypes.{type}(.isRequired)?
|
|
21677
|
+
*
|
|
21678
|
+
* Each and every declaration produces a function with the same signature. This
|
|
21679
|
+
* allows the creation of custom validation functions. For example:
|
|
21680
|
+
*
|
|
21681
|
+
* var MyLink = React.createClass({
|
|
21682
|
+
* propTypes: {
|
|
21683
|
+
* // An optional string or URI prop named "href".
|
|
21684
|
+
* href: function(props, propName, componentName) {
|
|
21685
|
+
* var propValue = props[propName];
|
|
21686
|
+
* if (propValue != null && typeof propValue !== 'string' &&
|
|
21687
|
+
* !(propValue instanceof URI)) {
|
|
21688
|
+
* return new Error(
|
|
21689
|
+
* 'Expected a string or an URI for ' + propName + ' in ' +
|
|
21690
|
+
* componentName
|
|
21691
|
+
* );
|
|
21692
|
+
* }
|
|
21693
|
+
* }
|
|
21694
|
+
* },
|
|
21695
|
+
* render: function() {...}
|
|
21696
|
+
* });
|
|
21697
|
+
*
|
|
21698
|
+
* @internal
|
|
21699
|
+
*/
|
|
21700
|
+
|
|
21701
|
+
var ANONYMOUS = '<<anonymous>>';
|
|
21702
|
+
|
|
21703
|
+
// Important!
|
|
21704
|
+
// Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
|
|
21705
|
+
var ReactPropTypes = {
|
|
21706
|
+
array: createPrimitiveTypeChecker('array'),
|
|
21707
|
+
bigint: createPrimitiveTypeChecker('bigint'),
|
|
21708
|
+
bool: createPrimitiveTypeChecker('boolean'),
|
|
21709
|
+
func: createPrimitiveTypeChecker('function'),
|
|
21710
|
+
number: createPrimitiveTypeChecker('number'),
|
|
21711
|
+
object: createPrimitiveTypeChecker('object'),
|
|
21712
|
+
string: createPrimitiveTypeChecker('string'),
|
|
21713
|
+
symbol: createPrimitiveTypeChecker('symbol'),
|
|
21714
|
+
any: createAnyTypeChecker(),
|
|
21715
|
+
arrayOf: createArrayOfTypeChecker,
|
|
21716
|
+
element: createElementTypeChecker(),
|
|
21717
|
+
elementType: createElementTypeTypeChecker(),
|
|
21718
|
+
instanceOf: createInstanceTypeChecker,
|
|
21719
|
+
node: createNodeChecker(),
|
|
21720
|
+
objectOf: createObjectOfTypeChecker,
|
|
21721
|
+
oneOf: createEnumTypeChecker,
|
|
21722
|
+
oneOfType: createUnionTypeChecker,
|
|
21723
|
+
shape: createShapeTypeChecker,
|
|
21724
|
+
exact: createStrictShapeTypeChecker
|
|
21725
|
+
};
|
|
21726
|
+
|
|
21727
|
+
/**
|
|
21728
|
+
* inlined Object.is polyfill to avoid requiring consumers ship their own
|
|
21729
|
+
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
|
|
21730
|
+
*/
|
|
21731
|
+
/*eslint-disable no-self-compare*/
|
|
21732
|
+
function is(x, y) {
|
|
21733
|
+
// SameValue algorithm
|
|
21734
|
+
if (x === y) {
|
|
21735
|
+
// Steps 1-5, 7-10
|
|
21736
|
+
// Steps 6.b-6.e: +0 != -0
|
|
21737
|
+
return x !== 0 || 1 / x === 1 / y;
|
|
21738
|
+
} else {
|
|
21739
|
+
// Step 6.a: NaN == NaN
|
|
21740
|
+
return x !== x && y !== y;
|
|
21741
|
+
}
|
|
21742
|
+
}
|
|
21743
|
+
/*eslint-enable no-self-compare*/
|
|
21744
|
+
|
|
21745
|
+
/**
|
|
21746
|
+
* We use an Error-like object for backward compatibility as people may call
|
|
21747
|
+
* PropTypes directly and inspect their output. However, we don't use real
|
|
21748
|
+
* Errors anymore. We don't inspect their stack anyway, and creating them
|
|
21749
|
+
* is prohibitively expensive if they are created too often, such as what
|
|
21750
|
+
* happens in oneOfType() for any type before the one that matched.
|
|
21751
|
+
*/
|
|
21752
|
+
function PropTypeError(message, data) {
|
|
21753
|
+
this.message = message;
|
|
21754
|
+
this.data = data && typeof data === 'object' ? data : {};
|
|
21755
|
+
this.stack = '';
|
|
21756
|
+
}
|
|
21757
|
+
// Make `instanceof Error` still work for returned errors.
|
|
21758
|
+
PropTypeError.prototype = Error.prototype;
|
|
21759
|
+
function createChainableTypeChecker(validate) {
|
|
21760
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21761
|
+
var manualPropTypeCallCache = {};
|
|
21762
|
+
var manualPropTypeWarningCount = 0;
|
|
21763
|
+
}
|
|
21764
|
+
function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
|
|
21765
|
+
componentName = componentName || ANONYMOUS;
|
|
21766
|
+
propFullName = propFullName || propName;
|
|
21767
|
+
if (secret !== ReactPropTypesSecret) {
|
|
21768
|
+
if (throwOnDirectAccess) {
|
|
21769
|
+
// New behavior only for users of `prop-types` package
|
|
21770
|
+
var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
|
|
21771
|
+
err.name = 'Invariant Violation';
|
|
21772
|
+
throw err;
|
|
21773
|
+
} else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
|
|
21774
|
+
// Old behavior for people using React.PropTypes
|
|
21775
|
+
var cacheKey = componentName + ':' + propName;
|
|
21776
|
+
if (!manualPropTypeCallCache[cacheKey] &&
|
|
21777
|
+
// Avoid spamming the console because they are often not actionable except for lib authors
|
|
21778
|
+
manualPropTypeWarningCount < 3) {
|
|
21779
|
+
printWarning('You are manually calling a React.PropTypes validation ' + 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.');
|
|
21780
|
+
manualPropTypeCallCache[cacheKey] = true;
|
|
21781
|
+
manualPropTypeWarningCount++;
|
|
21782
|
+
}
|
|
21783
|
+
}
|
|
21784
|
+
}
|
|
21785
|
+
if (props[propName] == null) {
|
|
21786
|
+
if (isRequired) {
|
|
21787
|
+
if (props[propName] === null) {
|
|
21788
|
+
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
|
|
21789
|
+
}
|
|
21790
|
+
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
|
|
21791
|
+
}
|
|
21792
|
+
return null;
|
|
21793
|
+
} else {
|
|
21794
|
+
return validate(props, propName, componentName, location, propFullName);
|
|
21795
|
+
}
|
|
21796
|
+
}
|
|
21797
|
+
var chainedCheckType = checkType.bind(null, false);
|
|
21798
|
+
chainedCheckType.isRequired = checkType.bind(null, true);
|
|
21799
|
+
return chainedCheckType;
|
|
21800
|
+
}
|
|
21801
|
+
function createPrimitiveTypeChecker(expectedType) {
|
|
21802
|
+
function validate(props, propName, componentName, location, propFullName, secret) {
|
|
21803
|
+
var propValue = props[propName];
|
|
21804
|
+
var propType = getPropType(propValue);
|
|
21805
|
+
if (propType !== expectedType) {
|
|
21806
|
+
// `propValue` being instance of, say, date/regexp, pass the 'object'
|
|
21807
|
+
// check, but we can offer a more precise error message here rather than
|
|
21808
|
+
// 'of type `object`'.
|
|
21809
|
+
var preciseType = getPreciseType(propValue);
|
|
21810
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'), {
|
|
21811
|
+
expectedType: expectedType
|
|
21812
|
+
});
|
|
21813
|
+
}
|
|
21814
|
+
return null;
|
|
21815
|
+
}
|
|
21816
|
+
return createChainableTypeChecker(validate);
|
|
21817
|
+
}
|
|
21818
|
+
function createAnyTypeChecker() {
|
|
21819
|
+
return createChainableTypeChecker(emptyFunctionThatReturnsNull);
|
|
21820
|
+
}
|
|
21821
|
+
function createArrayOfTypeChecker(typeChecker) {
|
|
21822
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21823
|
+
if (typeof typeChecker !== 'function') {
|
|
21824
|
+
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
|
|
21825
|
+
}
|
|
21826
|
+
var propValue = props[propName];
|
|
21827
|
+
if (!Array.isArray(propValue)) {
|
|
21828
|
+
var propType = getPropType(propValue);
|
|
21829
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
|
|
21830
|
+
}
|
|
21831
|
+
for (var i = 0; i < propValue.length; i++) {
|
|
21832
|
+
var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
|
|
21833
|
+
if (error instanceof Error) {
|
|
21834
|
+
return error;
|
|
21835
|
+
}
|
|
21836
|
+
}
|
|
21837
|
+
return null;
|
|
21838
|
+
}
|
|
21839
|
+
return createChainableTypeChecker(validate);
|
|
21840
|
+
}
|
|
21841
|
+
function createElementTypeChecker() {
|
|
21842
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21843
|
+
var propValue = props[propName];
|
|
21844
|
+
if (!isValidElement(propValue)) {
|
|
21845
|
+
var propType = getPropType(propValue);
|
|
21846
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
|
|
21847
|
+
}
|
|
21848
|
+
return null;
|
|
21849
|
+
}
|
|
21850
|
+
return createChainableTypeChecker(validate);
|
|
21851
|
+
}
|
|
21852
|
+
function createElementTypeTypeChecker() {
|
|
21853
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21854
|
+
var propValue = props[propName];
|
|
21855
|
+
if (!ReactIs.isValidElementType(propValue)) {
|
|
21856
|
+
var propType = getPropType(propValue);
|
|
21857
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
|
|
21858
|
+
}
|
|
21859
|
+
return null;
|
|
21860
|
+
}
|
|
21861
|
+
return createChainableTypeChecker(validate);
|
|
21862
|
+
}
|
|
21863
|
+
function createInstanceTypeChecker(expectedClass) {
|
|
21864
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21865
|
+
if (!(props[propName] instanceof expectedClass)) {
|
|
21866
|
+
var expectedClassName = expectedClass.name || ANONYMOUS;
|
|
21867
|
+
var actualClassName = getClassName(props[propName]);
|
|
21868
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
|
|
21869
|
+
}
|
|
21870
|
+
return null;
|
|
21871
|
+
}
|
|
21872
|
+
return createChainableTypeChecker(validate);
|
|
21873
|
+
}
|
|
21874
|
+
function createEnumTypeChecker(expectedValues) {
|
|
21875
|
+
if (!Array.isArray(expectedValues)) {
|
|
21876
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21877
|
+
if (arguments.length > 1) {
|
|
21878
|
+
printWarning('Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).');
|
|
21879
|
+
} else {
|
|
21880
|
+
printWarning('Invalid argument supplied to oneOf, expected an array.');
|
|
21881
|
+
}
|
|
21882
|
+
}
|
|
21883
|
+
return emptyFunctionThatReturnsNull;
|
|
21884
|
+
}
|
|
21885
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21886
|
+
var propValue = props[propName];
|
|
21887
|
+
for (var i = 0; i < expectedValues.length; i++) {
|
|
21888
|
+
if (is(propValue, expectedValues[i])) {
|
|
21889
|
+
return null;
|
|
21890
|
+
}
|
|
21891
|
+
}
|
|
21892
|
+
var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
|
|
21893
|
+
var type = getPreciseType(value);
|
|
21894
|
+
if (type === 'symbol') {
|
|
21895
|
+
return String(value);
|
|
21896
|
+
}
|
|
21897
|
+
return value;
|
|
21898
|
+
});
|
|
21899
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
|
|
21900
|
+
}
|
|
21901
|
+
return createChainableTypeChecker(validate);
|
|
21902
|
+
}
|
|
21903
|
+
function createObjectOfTypeChecker(typeChecker) {
|
|
21904
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21905
|
+
if (typeof typeChecker !== 'function') {
|
|
21906
|
+
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
|
|
21907
|
+
}
|
|
21908
|
+
var propValue = props[propName];
|
|
21909
|
+
var propType = getPropType(propValue);
|
|
21910
|
+
if (propType !== 'object') {
|
|
21911
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
|
|
21912
|
+
}
|
|
21913
|
+
for (var key in propValue) {
|
|
21914
|
+
if (has(propValue, key)) {
|
|
21915
|
+
var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
21916
|
+
if (error instanceof Error) {
|
|
21917
|
+
return error;
|
|
21918
|
+
}
|
|
21919
|
+
}
|
|
21920
|
+
}
|
|
21921
|
+
return null;
|
|
21922
|
+
}
|
|
21923
|
+
return createChainableTypeChecker(validate);
|
|
21924
|
+
}
|
|
21925
|
+
function createUnionTypeChecker(arrayOfTypeCheckers) {
|
|
21926
|
+
if (!Array.isArray(arrayOfTypeCheckers)) {
|
|
21927
|
+
process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
|
|
21928
|
+
return emptyFunctionThatReturnsNull;
|
|
21929
|
+
}
|
|
21930
|
+
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
|
21931
|
+
var checker = arrayOfTypeCheckers[i];
|
|
21932
|
+
if (typeof checker !== 'function') {
|
|
21933
|
+
printWarning('Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.');
|
|
21934
|
+
return emptyFunctionThatReturnsNull;
|
|
21935
|
+
}
|
|
21936
|
+
}
|
|
21937
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21938
|
+
var expectedTypes = [];
|
|
21939
|
+
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
|
21940
|
+
var checker = arrayOfTypeCheckers[i];
|
|
21941
|
+
var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
|
|
21942
|
+
if (checkerResult == null) {
|
|
21943
|
+
return null;
|
|
21944
|
+
}
|
|
21945
|
+
if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
|
|
21946
|
+
expectedTypes.push(checkerResult.data.expectedType);
|
|
21947
|
+
}
|
|
21948
|
+
}
|
|
21949
|
+
var expectedTypesMessage = expectedTypes.length > 0 ? ', expected one of type [' + expectedTypes.join(', ') + ']' : '';
|
|
21950
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
|
|
21951
|
+
}
|
|
21952
|
+
return createChainableTypeChecker(validate);
|
|
21953
|
+
}
|
|
21954
|
+
function createNodeChecker() {
|
|
21955
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21956
|
+
if (!isNode(props[propName])) {
|
|
21957
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
|
|
21958
|
+
}
|
|
21959
|
+
return null;
|
|
21960
|
+
}
|
|
21961
|
+
return createChainableTypeChecker(validate);
|
|
21962
|
+
}
|
|
21963
|
+
function invalidValidatorError(componentName, location, propFullName, key, type) {
|
|
21964
|
+
return new PropTypeError((componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + type + '`.');
|
|
21965
|
+
}
|
|
21966
|
+
function createShapeTypeChecker(shapeTypes) {
|
|
21967
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21968
|
+
var propValue = props[propName];
|
|
21969
|
+
var propType = getPropType(propValue);
|
|
21970
|
+
if (propType !== 'object') {
|
|
21971
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
|
|
21972
|
+
}
|
|
21973
|
+
for (var key in shapeTypes) {
|
|
21974
|
+
var checker = shapeTypes[key];
|
|
21975
|
+
if (typeof checker !== 'function') {
|
|
21976
|
+
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
|
21977
|
+
}
|
|
21978
|
+
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
21979
|
+
if (error) {
|
|
21980
|
+
return error;
|
|
21981
|
+
}
|
|
21982
|
+
}
|
|
21983
|
+
return null;
|
|
21984
|
+
}
|
|
21985
|
+
return createChainableTypeChecker(validate);
|
|
21986
|
+
}
|
|
21987
|
+
function createStrictShapeTypeChecker(shapeTypes) {
|
|
21988
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21989
|
+
var propValue = props[propName];
|
|
21990
|
+
var propType = getPropType(propValue);
|
|
21991
|
+
if (propType !== 'object') {
|
|
21992
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
|
|
21993
|
+
}
|
|
21994
|
+
// We need to check all keys in case some are required but missing from props.
|
|
21995
|
+
var allKeys = assign({}, props[propName], shapeTypes);
|
|
21996
|
+
for (var key in allKeys) {
|
|
21997
|
+
var checker = shapeTypes[key];
|
|
21998
|
+
if (has(shapeTypes, key) && typeof checker !== 'function') {
|
|
21999
|
+
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
|
22000
|
+
}
|
|
22001
|
+
if (!checker) {
|
|
22002
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + '\nBad object: ' + JSON.stringify(props[propName], null, ' ') + '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' '));
|
|
22003
|
+
}
|
|
22004
|
+
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
22005
|
+
if (error) {
|
|
22006
|
+
return error;
|
|
22007
|
+
}
|
|
22008
|
+
}
|
|
22009
|
+
return null;
|
|
22010
|
+
}
|
|
22011
|
+
return createChainableTypeChecker(validate);
|
|
22012
|
+
}
|
|
22013
|
+
function isNode(propValue) {
|
|
22014
|
+
switch (typeof propValue) {
|
|
22015
|
+
case 'number':
|
|
22016
|
+
case 'string':
|
|
22017
|
+
case 'undefined':
|
|
22018
|
+
return true;
|
|
22019
|
+
case 'boolean':
|
|
22020
|
+
return !propValue;
|
|
22021
|
+
case 'object':
|
|
22022
|
+
if (Array.isArray(propValue)) {
|
|
22023
|
+
return propValue.every(isNode);
|
|
22024
|
+
}
|
|
22025
|
+
if (propValue === null || isValidElement(propValue)) {
|
|
22026
|
+
return true;
|
|
22027
|
+
}
|
|
22028
|
+
var iteratorFn = getIteratorFn(propValue);
|
|
22029
|
+
if (iteratorFn) {
|
|
22030
|
+
var iterator = iteratorFn.call(propValue);
|
|
22031
|
+
var step;
|
|
22032
|
+
if (iteratorFn !== propValue.entries) {
|
|
22033
|
+
while (!(step = iterator.next()).done) {
|
|
22034
|
+
if (!isNode(step.value)) {
|
|
22035
|
+
return false;
|
|
22036
|
+
}
|
|
22037
|
+
}
|
|
22038
|
+
} else {
|
|
22039
|
+
// Iterator will provide entry [k,v] tuples rather than values.
|
|
22040
|
+
while (!(step = iterator.next()).done) {
|
|
22041
|
+
var entry = step.value;
|
|
22042
|
+
if (entry) {
|
|
22043
|
+
if (!isNode(entry[1])) {
|
|
22044
|
+
return false;
|
|
22045
|
+
}
|
|
22046
|
+
}
|
|
22047
|
+
}
|
|
22048
|
+
}
|
|
22049
|
+
} else {
|
|
22050
|
+
return false;
|
|
22051
|
+
}
|
|
22052
|
+
return true;
|
|
22053
|
+
default:
|
|
22054
|
+
return false;
|
|
22055
|
+
}
|
|
22056
|
+
}
|
|
22057
|
+
function isSymbol(propType, propValue) {
|
|
22058
|
+
// Native Symbol.
|
|
22059
|
+
if (propType === 'symbol') {
|
|
22060
|
+
return true;
|
|
22061
|
+
}
|
|
22062
|
+
|
|
22063
|
+
// falsy value can't be a Symbol
|
|
22064
|
+
if (!propValue) {
|
|
22065
|
+
return false;
|
|
22066
|
+
}
|
|
22067
|
+
|
|
22068
|
+
// 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
|
|
22069
|
+
if (propValue['@@toStringTag'] === 'Symbol') {
|
|
22070
|
+
return true;
|
|
22071
|
+
}
|
|
22072
|
+
|
|
22073
|
+
// Fallback for non-spec compliant Symbols which are polyfilled.
|
|
22074
|
+
if (typeof Symbol === 'function' && propValue instanceof Symbol) {
|
|
22075
|
+
return true;
|
|
22076
|
+
}
|
|
22077
|
+
return false;
|
|
22078
|
+
}
|
|
22079
|
+
|
|
22080
|
+
// Equivalent of `typeof` but with special handling for array and regexp.
|
|
22081
|
+
function getPropType(propValue) {
|
|
22082
|
+
var propType = typeof propValue;
|
|
22083
|
+
if (Array.isArray(propValue)) {
|
|
22084
|
+
return 'array';
|
|
22085
|
+
}
|
|
22086
|
+
if (propValue instanceof RegExp) {
|
|
22087
|
+
// Old webkits (at least until Android 4.0) return 'function' rather than
|
|
22088
|
+
// 'object' for typeof a RegExp. We'll normalize this here so that /bla/
|
|
22089
|
+
// passes PropTypes.object.
|
|
22090
|
+
return 'object';
|
|
22091
|
+
}
|
|
22092
|
+
if (isSymbol(propType, propValue)) {
|
|
22093
|
+
return 'symbol';
|
|
22094
|
+
}
|
|
22095
|
+
return propType;
|
|
22096
|
+
}
|
|
22097
|
+
|
|
22098
|
+
// This handles more types than `getPropType`. Only used for error messages.
|
|
22099
|
+
// See `createPrimitiveTypeChecker`.
|
|
22100
|
+
function getPreciseType(propValue) {
|
|
22101
|
+
if (typeof propValue === 'undefined' || propValue === null) {
|
|
22102
|
+
return '' + propValue;
|
|
22103
|
+
}
|
|
22104
|
+
var propType = getPropType(propValue);
|
|
22105
|
+
if (propType === 'object') {
|
|
22106
|
+
if (propValue instanceof Date) {
|
|
22107
|
+
return 'date';
|
|
22108
|
+
} else if (propValue instanceof RegExp) {
|
|
22109
|
+
return 'regexp';
|
|
22110
|
+
}
|
|
22111
|
+
}
|
|
22112
|
+
return propType;
|
|
22113
|
+
}
|
|
22114
|
+
|
|
22115
|
+
// Returns a string that is postfixed to a warning about an invalid type.
|
|
22116
|
+
// For example, "undefined" or "of type array"
|
|
22117
|
+
function getPostfixForTypeWarning(value) {
|
|
22118
|
+
var type = getPreciseType(value);
|
|
22119
|
+
switch (type) {
|
|
22120
|
+
case 'array':
|
|
22121
|
+
case 'object':
|
|
22122
|
+
return 'an ' + type;
|
|
22123
|
+
case 'boolean':
|
|
22124
|
+
case 'date':
|
|
22125
|
+
case 'regexp':
|
|
22126
|
+
return 'a ' + type;
|
|
22127
|
+
default:
|
|
22128
|
+
return type;
|
|
22129
|
+
}
|
|
22130
|
+
}
|
|
22131
|
+
|
|
22132
|
+
// Returns class name of the object, if any.
|
|
22133
|
+
function getClassName(propValue) {
|
|
22134
|
+
if (!propValue.constructor || !propValue.constructor.name) {
|
|
22135
|
+
return ANONYMOUS;
|
|
22136
|
+
}
|
|
22137
|
+
return propValue.constructor.name;
|
|
22138
|
+
}
|
|
22139
|
+
ReactPropTypes.checkPropTypes = checkPropTypes;
|
|
22140
|
+
ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
|
|
22141
|
+
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
22142
|
+
return ReactPropTypes;
|
|
22143
|
+
};
|
|
22144
|
+
return factoryWithTypeCheckers;
|
|
22145
|
+
}
|
|
22146
|
+
|
|
22147
|
+
/**
|
|
22148
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
22149
|
+
*
|
|
22150
|
+
* This source code is licensed under the MIT license found in the
|
|
22151
|
+
* LICENSE file in the root directory of this source tree.
|
|
22152
|
+
*/
|
|
22153
|
+
var factoryWithThrowingShims;
|
|
22154
|
+
var hasRequiredFactoryWithThrowingShims;
|
|
22155
|
+
function requireFactoryWithThrowingShims() {
|
|
22156
|
+
if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
|
|
22157
|
+
hasRequiredFactoryWithThrowingShims = 1;
|
|
22158
|
+
var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret();
|
|
22159
|
+
function emptyFunction() {}
|
|
22160
|
+
function emptyFunctionWithReset() {}
|
|
22161
|
+
emptyFunctionWithReset.resetWarningCache = emptyFunction;
|
|
22162
|
+
factoryWithThrowingShims = function () {
|
|
22163
|
+
function shim(props, propName, componentName, location, propFullName, secret) {
|
|
22164
|
+
if (secret === ReactPropTypesSecret) {
|
|
22165
|
+
// It is still safe when called from React.
|
|
22166
|
+
return;
|
|
22167
|
+
}
|
|
22168
|
+
var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
|
|
22169
|
+
err.name = 'Invariant Violation';
|
|
22170
|
+
throw err;
|
|
22171
|
+
}
|
|
22172
|
+
shim.isRequired = shim;
|
|
22173
|
+
function getShim() {
|
|
22174
|
+
return shim;
|
|
22175
|
+
}
|
|
22176
|
+
// Important!
|
|
22177
|
+
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
|
|
22178
|
+
var ReactPropTypes = {
|
|
22179
|
+
array: shim,
|
|
22180
|
+
bigint: shim,
|
|
22181
|
+
bool: shim,
|
|
22182
|
+
func: shim,
|
|
22183
|
+
number: shim,
|
|
22184
|
+
object: shim,
|
|
22185
|
+
string: shim,
|
|
22186
|
+
symbol: shim,
|
|
22187
|
+
any: shim,
|
|
22188
|
+
arrayOf: getShim,
|
|
22189
|
+
element: shim,
|
|
22190
|
+
elementType: shim,
|
|
22191
|
+
instanceOf: getShim,
|
|
22192
|
+
node: shim,
|
|
22193
|
+
objectOf: getShim,
|
|
22194
|
+
oneOf: getShim,
|
|
22195
|
+
oneOfType: getShim,
|
|
22196
|
+
shape: getShim,
|
|
22197
|
+
exact: getShim,
|
|
22198
|
+
checkPropTypes: emptyFunctionWithReset,
|
|
22199
|
+
resetWarningCache: emptyFunction
|
|
22200
|
+
};
|
|
22201
|
+
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
22202
|
+
return ReactPropTypes;
|
|
22203
|
+
};
|
|
22204
|
+
return factoryWithThrowingShims;
|
|
22205
|
+
}
|
|
22206
|
+
|
|
22207
|
+
/**
|
|
22208
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
22209
|
+
*
|
|
22210
|
+
* This source code is licensed under the MIT license found in the
|
|
22211
|
+
* LICENSE file in the root directory of this source tree.
|
|
22212
|
+
*/
|
|
22213
|
+
var hasRequiredPropTypes;
|
|
22214
|
+
function requirePropTypes() {
|
|
22215
|
+
if (hasRequiredPropTypes) return propTypes.exports;
|
|
22216
|
+
hasRequiredPropTypes = 1;
|
|
22217
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
22218
|
+
var ReactIs = requireReactIs$1();
|
|
22219
|
+
|
|
22220
|
+
// By explicitly using `prop-types` you are opting into new development behavior.
|
|
22221
|
+
// http://fb.me/prop-types-in-prod
|
|
22222
|
+
var throwOnDirectAccess = true;
|
|
22223
|
+
propTypes.exports = /*@__PURE__*/requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
|
|
22224
|
+
} else {
|
|
22225
|
+
// By explicitly using `prop-types` you are opting into new production behavior.
|
|
22226
|
+
// http://fb.me/prop-types-in-prod
|
|
22227
|
+
propTypes.exports = /*@__PURE__*/requireFactoryWithThrowingShims()();
|
|
22228
|
+
}
|
|
22229
|
+
return propTypes.exports;
|
|
22230
|
+
}
|
|
22231
|
+
|
|
22232
|
+
var propTypesExports = /*@__PURE__*/ requirePropTypes();
|
|
22233
|
+
var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
22234
|
+
|
|
22235
|
+
var _excluded = ["sitekey", "onChange", "theme", "type", "tabindex", "onExpired", "onErrored", "size", "stoken", "grecaptcha", "badge", "hl", "isolated"];
|
|
22236
|
+
function _extends$1() {
|
|
22237
|
+
_extends$1 = Object.assign ? Object.assign.bind() : function (target) {
|
|
22238
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
22239
|
+
var source = arguments[i];
|
|
22240
|
+
for (var key in source) {
|
|
22241
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
22242
|
+
target[key] = source[key];
|
|
22243
|
+
}
|
|
22244
|
+
}
|
|
22245
|
+
}
|
|
22246
|
+
return target;
|
|
22247
|
+
};
|
|
22248
|
+
return _extends$1.apply(this, arguments);
|
|
22249
|
+
}
|
|
22250
|
+
function _objectWithoutPropertiesLoose$1(source, excluded) {
|
|
22251
|
+
if (source == null) return {};
|
|
22252
|
+
var target = {};
|
|
22253
|
+
var sourceKeys = Object.keys(source);
|
|
22254
|
+
var key, i;
|
|
22255
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
22256
|
+
key = sourceKeys[i];
|
|
22257
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
22258
|
+
target[key] = source[key];
|
|
22259
|
+
}
|
|
22260
|
+
return target;
|
|
22261
|
+
}
|
|
22262
|
+
function _assertThisInitialized(self) {
|
|
22263
|
+
if (self === void 0) {
|
|
22264
|
+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
22265
|
+
}
|
|
22266
|
+
return self;
|
|
22267
|
+
}
|
|
22268
|
+
function _inheritsLoose$1(subClass, superClass) {
|
|
22269
|
+
subClass.prototype = Object.create(superClass.prototype);
|
|
22270
|
+
subClass.prototype.constructor = subClass;
|
|
22271
|
+
_setPrototypeOf(subClass, superClass);
|
|
22272
|
+
}
|
|
22273
|
+
function _setPrototypeOf(o, p) {
|
|
22274
|
+
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
22275
|
+
o.__proto__ = p;
|
|
22276
|
+
return o;
|
|
22277
|
+
};
|
|
22278
|
+
return _setPrototypeOf(o, p);
|
|
22279
|
+
}
|
|
22280
|
+
var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
|
|
22281
|
+
_inheritsLoose$1(ReCAPTCHA, _React$Component);
|
|
22282
|
+
function ReCAPTCHA() {
|
|
22283
|
+
var _this;
|
|
22284
|
+
_this = _React$Component.call(this) || this;
|
|
22285
|
+
_this.handleExpired = _this.handleExpired.bind(_assertThisInitialized(_this));
|
|
22286
|
+
_this.handleErrored = _this.handleErrored.bind(_assertThisInitialized(_this));
|
|
22287
|
+
_this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
|
|
22288
|
+
_this.handleRecaptchaRef = _this.handleRecaptchaRef.bind(_assertThisInitialized(_this));
|
|
22289
|
+
return _this;
|
|
22290
|
+
}
|
|
22291
|
+
var _proto = ReCAPTCHA.prototype;
|
|
22292
|
+
_proto.getCaptchaFunction = function getCaptchaFunction(fnName) {
|
|
22293
|
+
if (this.props.grecaptcha) {
|
|
22294
|
+
if (this.props.grecaptcha.enterprise) {
|
|
22295
|
+
return this.props.grecaptcha.enterprise[fnName];
|
|
22296
|
+
}
|
|
22297
|
+
return this.props.grecaptcha[fnName];
|
|
22298
|
+
}
|
|
22299
|
+
return null;
|
|
22300
|
+
};
|
|
22301
|
+
_proto.getValue = function getValue() {
|
|
22302
|
+
var getResponse = this.getCaptchaFunction("getResponse");
|
|
22303
|
+
if (getResponse && this._widgetId !== undefined) {
|
|
22304
|
+
return getResponse(this._widgetId);
|
|
22305
|
+
}
|
|
22306
|
+
return null;
|
|
22307
|
+
};
|
|
22308
|
+
_proto.getWidgetId = function getWidgetId() {
|
|
22309
|
+
if (this.props.grecaptcha && this._widgetId !== undefined) {
|
|
22310
|
+
return this._widgetId;
|
|
22311
|
+
}
|
|
22312
|
+
return null;
|
|
22313
|
+
};
|
|
22314
|
+
_proto.execute = function execute() {
|
|
22315
|
+
var execute = this.getCaptchaFunction("execute");
|
|
22316
|
+
if (execute && this._widgetId !== undefined) {
|
|
22317
|
+
return execute(this._widgetId);
|
|
22318
|
+
} else {
|
|
22319
|
+
this._executeRequested = true;
|
|
22320
|
+
}
|
|
22321
|
+
};
|
|
22322
|
+
_proto.executeAsync = function executeAsync() {
|
|
22323
|
+
var _this2 = this;
|
|
22324
|
+
return new Promise(function (resolve, reject) {
|
|
22325
|
+
_this2.executionResolve = resolve;
|
|
22326
|
+
_this2.executionReject = reject;
|
|
22327
|
+
_this2.execute();
|
|
22328
|
+
});
|
|
22329
|
+
};
|
|
22330
|
+
_proto.reset = function reset() {
|
|
22331
|
+
var resetter = this.getCaptchaFunction("reset");
|
|
22332
|
+
if (resetter && this._widgetId !== undefined) {
|
|
22333
|
+
resetter(this._widgetId);
|
|
22334
|
+
}
|
|
22335
|
+
};
|
|
22336
|
+
_proto.forceReset = function forceReset() {
|
|
22337
|
+
var resetter = this.getCaptchaFunction("reset");
|
|
22338
|
+
if (resetter) {
|
|
22339
|
+
resetter();
|
|
22340
|
+
}
|
|
22341
|
+
};
|
|
22342
|
+
_proto.handleExpired = function handleExpired() {
|
|
22343
|
+
if (this.props.onExpired) {
|
|
22344
|
+
this.props.onExpired();
|
|
22345
|
+
} else {
|
|
22346
|
+
this.handleChange(null);
|
|
22347
|
+
}
|
|
22348
|
+
};
|
|
22349
|
+
_proto.handleErrored = function handleErrored() {
|
|
22350
|
+
if (this.props.onErrored) {
|
|
22351
|
+
this.props.onErrored();
|
|
22352
|
+
}
|
|
22353
|
+
if (this.executionReject) {
|
|
22354
|
+
this.executionReject();
|
|
22355
|
+
delete this.executionResolve;
|
|
22356
|
+
delete this.executionReject;
|
|
22357
|
+
}
|
|
22358
|
+
};
|
|
22359
|
+
_proto.handleChange = function handleChange(token) {
|
|
22360
|
+
if (this.props.onChange) {
|
|
22361
|
+
this.props.onChange(token);
|
|
22362
|
+
}
|
|
22363
|
+
if (this.executionResolve) {
|
|
22364
|
+
this.executionResolve(token);
|
|
22365
|
+
delete this.executionReject;
|
|
22366
|
+
delete this.executionResolve;
|
|
22367
|
+
}
|
|
22368
|
+
};
|
|
22369
|
+
_proto.explicitRender = function explicitRender() {
|
|
22370
|
+
var render = this.getCaptchaFunction("render");
|
|
22371
|
+
if (render && this._widgetId === undefined) {
|
|
22372
|
+
var wrapper = document.createElement("div");
|
|
22373
|
+
this._widgetId = render(wrapper, {
|
|
22374
|
+
sitekey: this.props.sitekey,
|
|
22375
|
+
callback: this.handleChange,
|
|
22376
|
+
theme: this.props.theme,
|
|
22377
|
+
type: this.props.type,
|
|
22378
|
+
tabindex: this.props.tabindex,
|
|
22379
|
+
"expired-callback": this.handleExpired,
|
|
22380
|
+
"error-callback": this.handleErrored,
|
|
22381
|
+
size: this.props.size,
|
|
22382
|
+
stoken: this.props.stoken,
|
|
22383
|
+
hl: this.props.hl,
|
|
22384
|
+
badge: this.props.badge,
|
|
22385
|
+
isolated: this.props.isolated
|
|
22386
|
+
});
|
|
22387
|
+
this.captcha.appendChild(wrapper);
|
|
22388
|
+
}
|
|
22389
|
+
if (this._executeRequested && this.props.grecaptcha && this._widgetId !== undefined) {
|
|
22390
|
+
this._executeRequested = false;
|
|
22391
|
+
this.execute();
|
|
22392
|
+
}
|
|
22393
|
+
};
|
|
22394
|
+
_proto.componentDidMount = function componentDidMount() {
|
|
22395
|
+
this.explicitRender();
|
|
22396
|
+
};
|
|
22397
|
+
_proto.componentDidUpdate = function componentDidUpdate() {
|
|
22398
|
+
this.explicitRender();
|
|
22399
|
+
};
|
|
22400
|
+
_proto.handleRecaptchaRef = function handleRecaptchaRef(elem) {
|
|
22401
|
+
this.captcha = elem;
|
|
22402
|
+
};
|
|
22403
|
+
_proto.render = function render() {
|
|
22404
|
+
// consume properties owned by the reCATPCHA, pass the rest to the div so the user can style it.
|
|
22405
|
+
/* eslint-disable no-unused-vars */
|
|
22406
|
+
var _this$props = this.props;
|
|
22407
|
+
_this$props.sitekey;
|
|
22408
|
+
_this$props.onChange;
|
|
22409
|
+
_this$props.theme;
|
|
22410
|
+
_this$props.type;
|
|
22411
|
+
_this$props.tabindex;
|
|
22412
|
+
_this$props.onExpired;
|
|
22413
|
+
_this$props.onErrored;
|
|
22414
|
+
_this$props.size;
|
|
22415
|
+
_this$props.stoken;
|
|
22416
|
+
_this$props.grecaptcha;
|
|
22417
|
+
_this$props.badge;
|
|
22418
|
+
_this$props.hl;
|
|
22419
|
+
_this$props.isolated;
|
|
22420
|
+
var childProps = _objectWithoutPropertiesLoose$1(_this$props, _excluded);
|
|
22421
|
+
/* eslint-enable no-unused-vars */
|
|
22422
|
+
return /*#__PURE__*/React__namespace.createElement("div", _extends$1({}, childProps, {
|
|
22423
|
+
ref: this.handleRecaptchaRef
|
|
22424
|
+
}));
|
|
22425
|
+
};
|
|
22426
|
+
return ReCAPTCHA;
|
|
22427
|
+
}(React__namespace.Component);
|
|
22428
|
+
ReCAPTCHA.displayName = "ReCAPTCHA";
|
|
22429
|
+
ReCAPTCHA.propTypes = {
|
|
22430
|
+
sitekey: PropTypes.string.isRequired,
|
|
22431
|
+
onChange: PropTypes.func,
|
|
22432
|
+
grecaptcha: PropTypes.object,
|
|
22433
|
+
theme: PropTypes.oneOf(["dark", "light"]),
|
|
22434
|
+
type: PropTypes.oneOf(["image", "audio"]),
|
|
22435
|
+
tabindex: PropTypes.number,
|
|
22436
|
+
onExpired: PropTypes.func,
|
|
22437
|
+
onErrored: PropTypes.func,
|
|
22438
|
+
size: PropTypes.oneOf(["compact", "normal", "invisible"]),
|
|
22439
|
+
stoken: PropTypes.string,
|
|
22440
|
+
hl: PropTypes.string,
|
|
22441
|
+
badge: PropTypes.oneOf(["bottomright", "bottomleft", "inline"]),
|
|
22442
|
+
isolated: PropTypes.bool
|
|
22443
|
+
};
|
|
22444
|
+
ReCAPTCHA.defaultProps = {
|
|
22445
|
+
onChange: function onChange() {},
|
|
22446
|
+
theme: "light",
|
|
22447
|
+
type: "image",
|
|
22448
|
+
tabindex: 0,
|
|
22449
|
+
size: "normal",
|
|
22450
|
+
badge: "bottomright"
|
|
22451
|
+
};
|
|
22452
|
+
|
|
22453
|
+
var reactIs = {exports: {}};
|
|
22454
|
+
|
|
22455
|
+
var reactIs_production_min = {};
|
|
22456
|
+
|
|
22457
|
+
/** @license React v16.13.1
|
|
22458
|
+
* react-is.production.min.js
|
|
22459
|
+
*
|
|
22460
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
22461
|
+
*
|
|
22462
|
+
* This source code is licensed under the MIT license found in the
|
|
22463
|
+
* LICENSE file in the root directory of this source tree.
|
|
22464
|
+
*/
|
|
22465
|
+
var hasRequiredReactIs_production_min;
|
|
22466
|
+
function requireReactIs_production_min() {
|
|
22467
|
+
if (hasRequiredReactIs_production_min) return reactIs_production_min;
|
|
22468
|
+
hasRequiredReactIs_production_min = 1;
|
|
22469
|
+
var b = "function" === typeof Symbol && Symbol.for,
|
|
22470
|
+
c = b ? Symbol.for("react.element") : 60103,
|
|
22471
|
+
d = b ? Symbol.for("react.portal") : 60106,
|
|
22472
|
+
e = b ? Symbol.for("react.fragment") : 60107,
|
|
22473
|
+
f = b ? Symbol.for("react.strict_mode") : 60108,
|
|
22474
|
+
g = b ? Symbol.for("react.profiler") : 60114,
|
|
22475
|
+
h = b ? Symbol.for("react.provider") : 60109,
|
|
22476
|
+
k = b ? Symbol.for("react.context") : 60110,
|
|
22477
|
+
l = b ? Symbol.for("react.async_mode") : 60111,
|
|
22478
|
+
m = b ? Symbol.for("react.concurrent_mode") : 60111,
|
|
22479
|
+
n = b ? Symbol.for("react.forward_ref") : 60112,
|
|
22480
|
+
p = b ? Symbol.for("react.suspense") : 60113,
|
|
22481
|
+
q = b ? Symbol.for("react.suspense_list") : 60120,
|
|
22482
|
+
r = b ? Symbol.for("react.memo") : 60115,
|
|
22483
|
+
t = b ? Symbol.for("react.lazy") : 60116,
|
|
22484
|
+
v = b ? Symbol.for("react.block") : 60121,
|
|
22485
|
+
w = b ? Symbol.for("react.fundamental") : 60117,
|
|
22486
|
+
x = b ? Symbol.for("react.responder") : 60118,
|
|
22487
|
+
y = b ? Symbol.for("react.scope") : 60119;
|
|
22488
|
+
function z(a) {
|
|
22489
|
+
if ("object" === typeof a && null !== a) {
|
|
22490
|
+
var u = a.$$typeof;
|
|
22491
|
+
switch (u) {
|
|
22492
|
+
case c:
|
|
22493
|
+
switch (a = a.type, a) {
|
|
22494
|
+
case l:
|
|
22495
|
+
case m:
|
|
22496
|
+
case e:
|
|
22497
|
+
case g:
|
|
22498
|
+
case f:
|
|
22499
|
+
case p:
|
|
22500
|
+
return a;
|
|
22501
|
+
default:
|
|
22502
|
+
switch (a = a && a.$$typeof, a) {
|
|
22503
|
+
case k:
|
|
22504
|
+
case n:
|
|
22505
|
+
case t:
|
|
22506
|
+
case r:
|
|
22507
|
+
case h:
|
|
22508
|
+
return a;
|
|
22509
|
+
default:
|
|
22510
|
+
return u;
|
|
22511
|
+
}
|
|
22512
|
+
}
|
|
22513
|
+
case d:
|
|
22514
|
+
return u;
|
|
22515
|
+
}
|
|
22516
|
+
}
|
|
22517
|
+
}
|
|
22518
|
+
function A(a) {
|
|
22519
|
+
return z(a) === m;
|
|
22520
|
+
}
|
|
22521
|
+
reactIs_production_min.AsyncMode = l;
|
|
22522
|
+
reactIs_production_min.ConcurrentMode = m;
|
|
22523
|
+
reactIs_production_min.ContextConsumer = k;
|
|
22524
|
+
reactIs_production_min.ContextProvider = h;
|
|
22525
|
+
reactIs_production_min.Element = c;
|
|
22526
|
+
reactIs_production_min.ForwardRef = n;
|
|
22527
|
+
reactIs_production_min.Fragment = e;
|
|
22528
|
+
reactIs_production_min.Lazy = t;
|
|
22529
|
+
reactIs_production_min.Memo = r;
|
|
22530
|
+
reactIs_production_min.Portal = d;
|
|
22531
|
+
reactIs_production_min.Profiler = g;
|
|
22532
|
+
reactIs_production_min.StrictMode = f;
|
|
22533
|
+
reactIs_production_min.Suspense = p;
|
|
22534
|
+
reactIs_production_min.isAsyncMode = function (a) {
|
|
22535
|
+
return A(a) || z(a) === l;
|
|
22536
|
+
};
|
|
22537
|
+
reactIs_production_min.isConcurrentMode = A;
|
|
22538
|
+
reactIs_production_min.isContextConsumer = function (a) {
|
|
22539
|
+
return z(a) === k;
|
|
22540
|
+
};
|
|
22541
|
+
reactIs_production_min.isContextProvider = function (a) {
|
|
22542
|
+
return z(a) === h;
|
|
22543
|
+
};
|
|
22544
|
+
reactIs_production_min.isElement = function (a) {
|
|
22545
|
+
return "object" === typeof a && null !== a && a.$$typeof === c;
|
|
22546
|
+
};
|
|
22547
|
+
reactIs_production_min.isForwardRef = function (a) {
|
|
22548
|
+
return z(a) === n;
|
|
22549
|
+
};
|
|
22550
|
+
reactIs_production_min.isFragment = function (a) {
|
|
22551
|
+
return z(a) === e;
|
|
22552
|
+
};
|
|
22553
|
+
reactIs_production_min.isLazy = function (a) {
|
|
22554
|
+
return z(a) === t;
|
|
22555
|
+
};
|
|
22556
|
+
reactIs_production_min.isMemo = function (a) {
|
|
22557
|
+
return z(a) === r;
|
|
22558
|
+
};
|
|
22559
|
+
reactIs_production_min.isPortal = function (a) {
|
|
22560
|
+
return z(a) === d;
|
|
22561
|
+
};
|
|
22562
|
+
reactIs_production_min.isProfiler = function (a) {
|
|
22563
|
+
return z(a) === g;
|
|
22564
|
+
};
|
|
22565
|
+
reactIs_production_min.isStrictMode = function (a) {
|
|
22566
|
+
return z(a) === f;
|
|
22567
|
+
};
|
|
22568
|
+
reactIs_production_min.isSuspense = function (a) {
|
|
22569
|
+
return z(a) === p;
|
|
22570
|
+
};
|
|
22571
|
+
reactIs_production_min.isValidElementType = function (a) {
|
|
22572
|
+
return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
|
|
22573
|
+
};
|
|
22574
|
+
reactIs_production_min.typeOf = z;
|
|
22575
|
+
return reactIs_production_min;
|
|
22576
|
+
}
|
|
22577
|
+
|
|
22578
|
+
var reactIs_development = {};
|
|
22579
|
+
|
|
22580
|
+
/** @license React v16.13.1
|
|
22581
|
+
* react-is.development.js
|
|
22582
|
+
*
|
|
22583
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
22584
|
+
*
|
|
22585
|
+
* This source code is licensed under the MIT license found in the
|
|
22586
|
+
* LICENSE file in the root directory of this source tree.
|
|
22587
|
+
*/
|
|
22588
|
+
var hasRequiredReactIs_development;
|
|
22589
|
+
function requireReactIs_development() {
|
|
22590
|
+
if (hasRequiredReactIs_development) return reactIs_development;
|
|
22591
|
+
hasRequiredReactIs_development = 1;
|
|
22592
|
+
if (process.env.NODE_ENV !== "production") {
|
|
22593
|
+
(function () {
|
|
22594
|
+
|
|
22595
|
+
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
|
22596
|
+
// nor polyfill, then a plain number is used for performance.
|
|
22597
|
+
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
22598
|
+
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
22599
|
+
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
|
|
22600
|
+
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
|
|
22601
|
+
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
|
|
22602
|
+
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
|
|
22603
|
+
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
|
|
22604
|
+
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
|
|
22605
|
+
// (unstable) APIs that have been removed. Can we remove the symbols?
|
|
22606
|
+
|
|
22607
|
+
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
|
|
22608
|
+
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
|
|
22609
|
+
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
|
|
22610
|
+
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
|
|
22611
|
+
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
|
|
22612
|
+
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
|
|
22613
|
+
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
|
|
22614
|
+
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
|
|
22615
|
+
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
|
|
22616
|
+
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
|
|
22617
|
+
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
|
|
22618
|
+
function isValidElementType(type) {
|
|
22619
|
+
return typeof type === 'string' || typeof type === 'function' ||
|
|
22620
|
+
// Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
22621
|
+
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
|
|
22622
|
+
}
|
|
22623
|
+
function typeOf(object) {
|
|
22624
|
+
if (typeof object === 'object' && object !== null) {
|
|
22625
|
+
var $$typeof = object.$$typeof;
|
|
22626
|
+
switch ($$typeof) {
|
|
22627
|
+
case REACT_ELEMENT_TYPE:
|
|
22628
|
+
var type = object.type;
|
|
22629
|
+
switch (type) {
|
|
22630
|
+
case REACT_ASYNC_MODE_TYPE:
|
|
22631
|
+
case REACT_CONCURRENT_MODE_TYPE:
|
|
22632
|
+
case REACT_FRAGMENT_TYPE:
|
|
22633
|
+
case REACT_PROFILER_TYPE:
|
|
22634
|
+
case REACT_STRICT_MODE_TYPE:
|
|
22635
|
+
case REACT_SUSPENSE_TYPE:
|
|
22636
|
+
return type;
|
|
22637
|
+
default:
|
|
22638
|
+
var $$typeofType = type && type.$$typeof;
|
|
22639
|
+
switch ($$typeofType) {
|
|
22640
|
+
case REACT_CONTEXT_TYPE:
|
|
22641
|
+
case REACT_FORWARD_REF_TYPE:
|
|
22642
|
+
case REACT_LAZY_TYPE:
|
|
22643
|
+
case REACT_MEMO_TYPE:
|
|
22644
|
+
case REACT_PROVIDER_TYPE:
|
|
22645
|
+
return $$typeofType;
|
|
22646
|
+
default:
|
|
22647
|
+
return $$typeof;
|
|
22648
|
+
}
|
|
22649
|
+
}
|
|
22650
|
+
case REACT_PORTAL_TYPE:
|
|
22651
|
+
return $$typeof;
|
|
22652
|
+
}
|
|
22653
|
+
}
|
|
22654
|
+
return undefined;
|
|
22655
|
+
} // AsyncMode is deprecated along with isAsyncMode
|
|
22656
|
+
|
|
22657
|
+
var AsyncMode = REACT_ASYNC_MODE_TYPE;
|
|
22658
|
+
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
|
|
22659
|
+
var ContextConsumer = REACT_CONTEXT_TYPE;
|
|
22660
|
+
var ContextProvider = REACT_PROVIDER_TYPE;
|
|
22661
|
+
var Element = REACT_ELEMENT_TYPE;
|
|
22662
|
+
var ForwardRef = REACT_FORWARD_REF_TYPE;
|
|
22663
|
+
var Fragment = REACT_FRAGMENT_TYPE;
|
|
22664
|
+
var Lazy = REACT_LAZY_TYPE;
|
|
22665
|
+
var Memo = REACT_MEMO_TYPE;
|
|
22666
|
+
var Portal = REACT_PORTAL_TYPE;
|
|
22667
|
+
var Profiler = REACT_PROFILER_TYPE;
|
|
22668
|
+
var StrictMode = REACT_STRICT_MODE_TYPE;
|
|
22669
|
+
var Suspense = REACT_SUSPENSE_TYPE;
|
|
22670
|
+
var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
|
|
22671
|
+
|
|
22672
|
+
function isAsyncMode(object) {
|
|
22673
|
+
{
|
|
22674
|
+
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
|
22675
|
+
hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
|
|
22676
|
+
|
|
22677
|
+
console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
|
|
22678
|
+
}
|
|
22679
|
+
}
|
|
22680
|
+
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
|
|
22681
|
+
}
|
|
22682
|
+
function isConcurrentMode(object) {
|
|
22683
|
+
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
|
|
22684
|
+
}
|
|
22685
|
+
function isContextConsumer(object) {
|
|
22686
|
+
return typeOf(object) === REACT_CONTEXT_TYPE;
|
|
22687
|
+
}
|
|
22688
|
+
function isContextProvider(object) {
|
|
22689
|
+
return typeOf(object) === REACT_PROVIDER_TYPE;
|
|
22690
|
+
}
|
|
22691
|
+
function isElement(object) {
|
|
22692
|
+
return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
22693
|
+
}
|
|
22694
|
+
function isForwardRef(object) {
|
|
22695
|
+
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
|
22696
|
+
}
|
|
22697
|
+
function isFragment(object) {
|
|
22698
|
+
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
|
22699
|
+
}
|
|
22700
|
+
function isLazy(object) {
|
|
22701
|
+
return typeOf(object) === REACT_LAZY_TYPE;
|
|
22702
|
+
}
|
|
22703
|
+
function isMemo(object) {
|
|
22704
|
+
return typeOf(object) === REACT_MEMO_TYPE;
|
|
22705
|
+
}
|
|
22706
|
+
function isPortal(object) {
|
|
22707
|
+
return typeOf(object) === REACT_PORTAL_TYPE;
|
|
22708
|
+
}
|
|
22709
|
+
function isProfiler(object) {
|
|
22710
|
+
return typeOf(object) === REACT_PROFILER_TYPE;
|
|
22711
|
+
}
|
|
22712
|
+
function isStrictMode(object) {
|
|
22713
|
+
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
|
22714
|
+
}
|
|
22715
|
+
function isSuspense(object) {
|
|
22716
|
+
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
|
22717
|
+
}
|
|
22718
|
+
reactIs_development.AsyncMode = AsyncMode;
|
|
22719
|
+
reactIs_development.ConcurrentMode = ConcurrentMode;
|
|
22720
|
+
reactIs_development.ContextConsumer = ContextConsumer;
|
|
22721
|
+
reactIs_development.ContextProvider = ContextProvider;
|
|
22722
|
+
reactIs_development.Element = Element;
|
|
22723
|
+
reactIs_development.ForwardRef = ForwardRef;
|
|
22724
|
+
reactIs_development.Fragment = Fragment;
|
|
22725
|
+
reactIs_development.Lazy = Lazy;
|
|
22726
|
+
reactIs_development.Memo = Memo;
|
|
22727
|
+
reactIs_development.Portal = Portal;
|
|
22728
|
+
reactIs_development.Profiler = Profiler;
|
|
22729
|
+
reactIs_development.StrictMode = StrictMode;
|
|
22730
|
+
reactIs_development.Suspense = Suspense;
|
|
22731
|
+
reactIs_development.isAsyncMode = isAsyncMode;
|
|
22732
|
+
reactIs_development.isConcurrentMode = isConcurrentMode;
|
|
22733
|
+
reactIs_development.isContextConsumer = isContextConsumer;
|
|
22734
|
+
reactIs_development.isContextProvider = isContextProvider;
|
|
22735
|
+
reactIs_development.isElement = isElement;
|
|
22736
|
+
reactIs_development.isForwardRef = isForwardRef;
|
|
22737
|
+
reactIs_development.isFragment = isFragment;
|
|
22738
|
+
reactIs_development.isLazy = isLazy;
|
|
22739
|
+
reactIs_development.isMemo = isMemo;
|
|
22740
|
+
reactIs_development.isPortal = isPortal;
|
|
22741
|
+
reactIs_development.isProfiler = isProfiler;
|
|
22742
|
+
reactIs_development.isStrictMode = isStrictMode;
|
|
22743
|
+
reactIs_development.isSuspense = isSuspense;
|
|
22744
|
+
reactIs_development.isValidElementType = isValidElementType;
|
|
22745
|
+
reactIs_development.typeOf = typeOf;
|
|
22746
|
+
})();
|
|
22747
|
+
}
|
|
22748
|
+
return reactIs_development;
|
|
22749
|
+
}
|
|
22750
|
+
|
|
22751
|
+
var hasRequiredReactIs;
|
|
22752
|
+
function requireReactIs() {
|
|
22753
|
+
if (hasRequiredReactIs) return reactIs.exports;
|
|
22754
|
+
hasRequiredReactIs = 1;
|
|
22755
|
+
if (process.env.NODE_ENV === 'production') {
|
|
22756
|
+
reactIs.exports = requireReactIs_production_min();
|
|
22757
|
+
} else {
|
|
22758
|
+
reactIs.exports = requireReactIs_development();
|
|
22759
|
+
}
|
|
22760
|
+
return reactIs.exports;
|
|
22761
|
+
}
|
|
22762
|
+
|
|
22763
|
+
var hoistNonReactStatics_cjs;
|
|
22764
|
+
var hasRequiredHoistNonReactStatics_cjs;
|
|
22765
|
+
function requireHoistNonReactStatics_cjs() {
|
|
22766
|
+
if (hasRequiredHoistNonReactStatics_cjs) return hoistNonReactStatics_cjs;
|
|
22767
|
+
hasRequiredHoistNonReactStatics_cjs = 1;
|
|
22768
|
+
var reactIs = requireReactIs();
|
|
22769
|
+
|
|
22770
|
+
/**
|
|
22771
|
+
* Copyright 2015, Yahoo! Inc.
|
|
22772
|
+
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
|
|
22773
|
+
*/
|
|
22774
|
+
var REACT_STATICS = {
|
|
22775
|
+
childContextTypes: true,
|
|
22776
|
+
contextType: true,
|
|
22777
|
+
contextTypes: true,
|
|
22778
|
+
defaultProps: true,
|
|
22779
|
+
displayName: true,
|
|
22780
|
+
getDefaultProps: true,
|
|
22781
|
+
getDerivedStateFromError: true,
|
|
22782
|
+
getDerivedStateFromProps: true,
|
|
22783
|
+
mixins: true,
|
|
22784
|
+
propTypes: true,
|
|
22785
|
+
type: true
|
|
22786
|
+
};
|
|
22787
|
+
var KNOWN_STATICS = {
|
|
22788
|
+
name: true,
|
|
22789
|
+
length: true,
|
|
22790
|
+
prototype: true,
|
|
22791
|
+
caller: true,
|
|
22792
|
+
callee: true,
|
|
22793
|
+
arguments: true,
|
|
22794
|
+
arity: true
|
|
22795
|
+
};
|
|
22796
|
+
var FORWARD_REF_STATICS = {
|
|
22797
|
+
'$$typeof': true,
|
|
22798
|
+
render: true,
|
|
22799
|
+
defaultProps: true,
|
|
22800
|
+
displayName: true,
|
|
22801
|
+
propTypes: true
|
|
22802
|
+
};
|
|
22803
|
+
var MEMO_STATICS = {
|
|
22804
|
+
'$$typeof': true,
|
|
22805
|
+
compare: true,
|
|
22806
|
+
defaultProps: true,
|
|
22807
|
+
displayName: true,
|
|
22808
|
+
propTypes: true,
|
|
22809
|
+
type: true
|
|
22810
|
+
};
|
|
22811
|
+
var TYPE_STATICS = {};
|
|
22812
|
+
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
|
|
22813
|
+
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
|
|
22814
|
+
function getStatics(component) {
|
|
22815
|
+
// React v16.11 and below
|
|
22816
|
+
if (reactIs.isMemo(component)) {
|
|
22817
|
+
return MEMO_STATICS;
|
|
22818
|
+
} // React v16.12 and above
|
|
22819
|
+
|
|
22820
|
+
return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
|
|
22821
|
+
}
|
|
22822
|
+
var defineProperty = Object.defineProperty;
|
|
22823
|
+
var getOwnPropertyNames = Object.getOwnPropertyNames;
|
|
22824
|
+
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
22825
|
+
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
|
22826
|
+
var getPrototypeOf = Object.getPrototypeOf;
|
|
22827
|
+
var objectPrototype = Object.prototype;
|
|
22828
|
+
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
|
|
22829
|
+
if (typeof sourceComponent !== 'string') {
|
|
22830
|
+
// don't hoist over string (html) components
|
|
22831
|
+
if (objectPrototype) {
|
|
22832
|
+
var inheritedComponent = getPrototypeOf(sourceComponent);
|
|
22833
|
+
if (inheritedComponent && inheritedComponent !== objectPrototype) {
|
|
22834
|
+
hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
|
|
22835
|
+
}
|
|
22836
|
+
}
|
|
22837
|
+
var keys = getOwnPropertyNames(sourceComponent);
|
|
22838
|
+
if (getOwnPropertySymbols) {
|
|
22839
|
+
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
|
|
22840
|
+
}
|
|
22841
|
+
var targetStatics = getStatics(targetComponent);
|
|
22842
|
+
var sourceStatics = getStatics(sourceComponent);
|
|
22843
|
+
for (var i = 0; i < keys.length; ++i) {
|
|
22844
|
+
var key = keys[i];
|
|
22845
|
+
if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
|
|
22846
|
+
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
|
|
22847
|
+
try {
|
|
22848
|
+
// Avoid failures from read-only properties
|
|
22849
|
+
defineProperty(targetComponent, key, descriptor);
|
|
22850
|
+
} catch (e) {}
|
|
22851
|
+
}
|
|
22852
|
+
}
|
|
22853
|
+
}
|
|
22854
|
+
return targetComponent;
|
|
22855
|
+
}
|
|
22856
|
+
hoistNonReactStatics_cjs = hoistNonReactStatics;
|
|
22857
|
+
return hoistNonReactStatics_cjs;
|
|
22858
|
+
}
|
|
22859
|
+
|
|
22860
|
+
var hoistNonReactStatics_cjsExports = requireHoistNonReactStatics_cjs();
|
|
22861
|
+
var hoistStatics = /*@__PURE__*/getDefaultExportFromCjs(hoistNonReactStatics_cjsExports);
|
|
22862
|
+
|
|
22863
|
+
function _extends() {
|
|
22864
|
+
_extends = Object.assign || function (target) {
|
|
22865
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
22866
|
+
var source = arguments[i];
|
|
22867
|
+
for (var key in source) {
|
|
22868
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
22869
|
+
target[key] = source[key];
|
|
22870
|
+
}
|
|
22871
|
+
}
|
|
22872
|
+
}
|
|
22873
|
+
return target;
|
|
22874
|
+
};
|
|
22875
|
+
return _extends.apply(this, arguments);
|
|
22876
|
+
}
|
|
22877
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
22878
|
+
if (source == null) return {};
|
|
22879
|
+
var target = {};
|
|
22880
|
+
var sourceKeys = Object.keys(source);
|
|
22881
|
+
var key, i;
|
|
22882
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
22883
|
+
key = sourceKeys[i];
|
|
22884
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
22885
|
+
target[key] = source[key];
|
|
22886
|
+
}
|
|
22887
|
+
return target;
|
|
22888
|
+
}
|
|
22889
|
+
function _inheritsLoose(subClass, superClass) {
|
|
22890
|
+
subClass.prototype = Object.create(superClass.prototype);
|
|
22891
|
+
subClass.prototype.constructor = subClass;
|
|
22892
|
+
subClass.__proto__ = superClass;
|
|
22893
|
+
}
|
|
22894
|
+
var SCRIPT_MAP = {}; // A counter used to generate a unique id for each component that uses the function
|
|
22895
|
+
|
|
22896
|
+
var idCount = 0;
|
|
22897
|
+
function makeAsyncScript(getScriptURL, options) {
|
|
22898
|
+
options = options || {};
|
|
22899
|
+
return function wrapWithAsyncScript(WrappedComponent) {
|
|
22900
|
+
var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || "Component";
|
|
22901
|
+
var AsyncScriptLoader = /*#__PURE__*/
|
|
22902
|
+
function (_Component) {
|
|
22903
|
+
_inheritsLoose(AsyncScriptLoader, _Component);
|
|
22904
|
+
function AsyncScriptLoader(props, context) {
|
|
22905
|
+
var _this;
|
|
22906
|
+
_this = _Component.call(this, props, context) || this;
|
|
22907
|
+
_this.state = {};
|
|
22908
|
+
_this.__scriptURL = "";
|
|
22909
|
+
return _this;
|
|
22910
|
+
}
|
|
22911
|
+
var _proto = AsyncScriptLoader.prototype;
|
|
22912
|
+
_proto.asyncScriptLoaderGetScriptLoaderID = function asyncScriptLoaderGetScriptLoaderID() {
|
|
22913
|
+
if (!this.__scriptLoaderID) {
|
|
22914
|
+
this.__scriptLoaderID = "async-script-loader-" + idCount++;
|
|
22915
|
+
}
|
|
22916
|
+
return this.__scriptLoaderID;
|
|
22917
|
+
};
|
|
22918
|
+
_proto.setupScriptURL = function setupScriptURL() {
|
|
22919
|
+
this.__scriptURL = typeof getScriptURL === "function" ? getScriptURL() : getScriptURL;
|
|
22920
|
+
return this.__scriptURL;
|
|
22921
|
+
};
|
|
22922
|
+
_proto.asyncScriptLoaderHandleLoad = function asyncScriptLoaderHandleLoad(state) {
|
|
22923
|
+
var _this2 = this;
|
|
22924
|
+
|
|
22925
|
+
// use reacts setState callback to fire props.asyncScriptOnLoad with new state/entry
|
|
22926
|
+
this.setState(state, function () {
|
|
22927
|
+
return _this2.props.asyncScriptOnLoad && _this2.props.asyncScriptOnLoad(_this2.state);
|
|
22928
|
+
});
|
|
22929
|
+
};
|
|
22930
|
+
_proto.asyncScriptLoaderTriggerOnScriptLoaded = function asyncScriptLoaderTriggerOnScriptLoaded() {
|
|
22931
|
+
var mapEntry = SCRIPT_MAP[this.__scriptURL];
|
|
22932
|
+
if (!mapEntry || !mapEntry.loaded) {
|
|
22933
|
+
throw new Error("Script is not loaded.");
|
|
22934
|
+
}
|
|
22935
|
+
for (var obsKey in mapEntry.observers) {
|
|
22936
|
+
mapEntry.observers[obsKey](mapEntry);
|
|
22937
|
+
}
|
|
22938
|
+
delete window[options.callbackName];
|
|
22939
|
+
};
|
|
22940
|
+
_proto.componentDidMount = function componentDidMount() {
|
|
22941
|
+
var _this3 = this;
|
|
22942
|
+
var scriptURL = this.setupScriptURL();
|
|
22943
|
+
var key = this.asyncScriptLoaderGetScriptLoaderID();
|
|
22944
|
+
var _options = options,
|
|
22945
|
+
globalName = _options.globalName,
|
|
22946
|
+
callbackName = _options.callbackName,
|
|
22947
|
+
scriptId = _options.scriptId; // check if global object already attached to window
|
|
22948
|
+
|
|
22949
|
+
if (globalName && typeof window[globalName] !== "undefined") {
|
|
22950
|
+
SCRIPT_MAP[scriptURL] = {
|
|
22951
|
+
loaded: true,
|
|
22952
|
+
observers: {}
|
|
22953
|
+
};
|
|
22954
|
+
} // check if script loading already
|
|
22955
|
+
|
|
22956
|
+
if (SCRIPT_MAP[scriptURL]) {
|
|
22957
|
+
var entry = SCRIPT_MAP[scriptURL]; // if loaded or errored then "finish"
|
|
22958
|
+
|
|
22959
|
+
if (entry && (entry.loaded || entry.errored)) {
|
|
22960
|
+
this.asyncScriptLoaderHandleLoad(entry);
|
|
22961
|
+
return;
|
|
22962
|
+
} // if still loading then callback to observer queue
|
|
22963
|
+
|
|
22964
|
+
entry.observers[key] = function (entry) {
|
|
22965
|
+
return _this3.asyncScriptLoaderHandleLoad(entry);
|
|
22966
|
+
};
|
|
22967
|
+
return;
|
|
22968
|
+
}
|
|
22969
|
+
/*
|
|
22970
|
+
* hasn't started loading
|
|
22971
|
+
* start the "magic"
|
|
22972
|
+
* setup script to load and observers
|
|
22973
|
+
*/
|
|
22974
|
+
|
|
22975
|
+
var observers = {};
|
|
22976
|
+
observers[key] = function (entry) {
|
|
22977
|
+
return _this3.asyncScriptLoaderHandleLoad(entry);
|
|
22978
|
+
};
|
|
22979
|
+
SCRIPT_MAP[scriptURL] = {
|
|
22980
|
+
loaded: false,
|
|
22981
|
+
observers: observers
|
|
22982
|
+
};
|
|
22983
|
+
var script = document.createElement("script");
|
|
22984
|
+
script.src = scriptURL;
|
|
22985
|
+
script.async = true;
|
|
22986
|
+
for (var attribute in options.attributes) {
|
|
22987
|
+
script.setAttribute(attribute, options.attributes[attribute]);
|
|
22988
|
+
}
|
|
22989
|
+
if (scriptId) {
|
|
22990
|
+
script.id = scriptId;
|
|
22991
|
+
}
|
|
22992
|
+
var callObserverFuncAndRemoveObserver = function callObserverFuncAndRemoveObserver(func) {
|
|
22993
|
+
if (SCRIPT_MAP[scriptURL]) {
|
|
22994
|
+
var mapEntry = SCRIPT_MAP[scriptURL];
|
|
22995
|
+
var observersMap = mapEntry.observers;
|
|
22996
|
+
for (var obsKey in observersMap) {
|
|
22997
|
+
if (func(observersMap[obsKey])) {
|
|
22998
|
+
delete observersMap[obsKey];
|
|
22999
|
+
}
|
|
23000
|
+
}
|
|
23001
|
+
}
|
|
23002
|
+
};
|
|
23003
|
+
if (callbackName && typeof window !== "undefined") {
|
|
23004
|
+
window[callbackName] = function () {
|
|
23005
|
+
return _this3.asyncScriptLoaderTriggerOnScriptLoaded();
|
|
23006
|
+
};
|
|
23007
|
+
}
|
|
23008
|
+
script.onload = function () {
|
|
23009
|
+
var mapEntry = SCRIPT_MAP[scriptURL];
|
|
23010
|
+
if (mapEntry) {
|
|
23011
|
+
mapEntry.loaded = true;
|
|
23012
|
+
callObserverFuncAndRemoveObserver(function (observer) {
|
|
23013
|
+
if (callbackName) {
|
|
23014
|
+
return false;
|
|
23015
|
+
}
|
|
23016
|
+
observer(mapEntry);
|
|
23017
|
+
return true;
|
|
23018
|
+
});
|
|
23019
|
+
}
|
|
23020
|
+
};
|
|
23021
|
+
script.onerror = function () {
|
|
23022
|
+
var mapEntry = SCRIPT_MAP[scriptURL];
|
|
23023
|
+
if (mapEntry) {
|
|
23024
|
+
mapEntry.errored = true;
|
|
23025
|
+
callObserverFuncAndRemoveObserver(function (observer) {
|
|
23026
|
+
observer(mapEntry);
|
|
23027
|
+
return true;
|
|
23028
|
+
});
|
|
23029
|
+
}
|
|
23030
|
+
};
|
|
23031
|
+
document.body.appendChild(script);
|
|
23032
|
+
};
|
|
23033
|
+
_proto.componentWillUnmount = function componentWillUnmount() {
|
|
23034
|
+
// Remove tag script
|
|
23035
|
+
var scriptURL = this.__scriptURL;
|
|
23036
|
+
if (options.removeOnUnmount === true) {
|
|
23037
|
+
var allScripts = document.getElementsByTagName("script");
|
|
23038
|
+
for (var i = 0; i < allScripts.length; i += 1) {
|
|
23039
|
+
if (allScripts[i].src.indexOf(scriptURL) > -1) {
|
|
23040
|
+
if (allScripts[i].parentNode) {
|
|
23041
|
+
allScripts[i].parentNode.removeChild(allScripts[i]);
|
|
23042
|
+
}
|
|
23043
|
+
}
|
|
23044
|
+
}
|
|
23045
|
+
} // Clean the observer entry
|
|
23046
|
+
|
|
23047
|
+
var mapEntry = SCRIPT_MAP[scriptURL];
|
|
23048
|
+
if (mapEntry) {
|
|
23049
|
+
delete mapEntry.observers[this.asyncScriptLoaderGetScriptLoaderID()];
|
|
23050
|
+
if (options.removeOnUnmount === true) {
|
|
23051
|
+
delete SCRIPT_MAP[scriptURL];
|
|
23052
|
+
}
|
|
23053
|
+
}
|
|
23054
|
+
};
|
|
23055
|
+
_proto.render = function render() {
|
|
23056
|
+
var globalName = options.globalName; // remove asyncScriptOnLoad from childProps
|
|
23057
|
+
|
|
23058
|
+
var _this$props = this.props;
|
|
23059
|
+
_this$props.asyncScriptOnLoad;
|
|
23060
|
+
var forwardedRef = _this$props.forwardedRef,
|
|
23061
|
+
childProps = _objectWithoutPropertiesLoose(_this$props, ["asyncScriptOnLoad", "forwardedRef"]); // eslint-disable-line no-unused-vars
|
|
23062
|
+
|
|
23063
|
+
if (globalName && typeof window !== "undefined") {
|
|
23064
|
+
childProps[globalName] = typeof window[globalName] !== "undefined" ? window[globalName] : undefined;
|
|
23065
|
+
}
|
|
23066
|
+
childProps.ref = forwardedRef;
|
|
23067
|
+
return /*#__PURE__*/React.createElement(WrappedComponent, childProps);
|
|
23068
|
+
};
|
|
23069
|
+
return AsyncScriptLoader;
|
|
23070
|
+
}(React.Component); // Note the second param "ref" provided by React.forwardRef.
|
|
23071
|
+
// We can pass it along to AsyncScriptLoader as a regular prop, e.g. "forwardedRef"
|
|
23072
|
+
// And it can then be attached to the Component.
|
|
23073
|
+
|
|
23074
|
+
var ForwardedComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
23075
|
+
return /*#__PURE__*/React.createElement(AsyncScriptLoader, _extends({}, props, {
|
|
23076
|
+
forwardedRef: ref
|
|
23077
|
+
}));
|
|
23078
|
+
});
|
|
23079
|
+
ForwardedComponent.displayName = "AsyncScriptLoader(" + wrappedComponentName + ")";
|
|
23080
|
+
ForwardedComponent.propTypes = {
|
|
23081
|
+
asyncScriptOnLoad: PropTypes.func
|
|
23082
|
+
};
|
|
23083
|
+
return hoistStatics(ForwardedComponent, WrappedComponent);
|
|
23084
|
+
};
|
|
23085
|
+
}
|
|
23086
|
+
|
|
23087
|
+
var callbackName = "onloadcallback";
|
|
23088
|
+
var globalName = "grecaptcha";
|
|
23089
|
+
function getOptions() {
|
|
23090
|
+
return typeof window !== "undefined" && window.recaptchaOptions || {};
|
|
23091
|
+
}
|
|
23092
|
+
function getURL() {
|
|
23093
|
+
var dynamicOptions = getOptions();
|
|
23094
|
+
var hostname = dynamicOptions.useRecaptchaNet ? "recaptcha.net" : "www.google.com";
|
|
23095
|
+
if (dynamicOptions.enterprise) {
|
|
23096
|
+
return "https://" + hostname + "/recaptcha/enterprise.js?onload=" + callbackName + "&render=explicit";
|
|
23097
|
+
}
|
|
23098
|
+
return "https://" + hostname + "/recaptcha/api.js?onload=" + callbackName + "&render=explicit";
|
|
23099
|
+
}
|
|
23100
|
+
var RecaptchaWrapper = makeAsyncScript(getURL, {
|
|
23101
|
+
callbackName: callbackName,
|
|
23102
|
+
globalName: globalName,
|
|
23103
|
+
attributes: getOptions().nonce ? {
|
|
23104
|
+
nonce: getOptions().nonce
|
|
23105
|
+
} : {}
|
|
23106
|
+
})(ReCAPTCHA);
|
|
23107
|
+
|
|
23108
|
+
var css_248z = ".ff-recaptcha-wrapper {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.ff-recaptcha-wrapper .ff-recaptcha-error {\n color: var(--input-error-text-color);\n font-size: 12px;\n margin-top: 4px;\n}";
|
|
23109
|
+
styleInject(css_248z);
|
|
23110
|
+
|
|
23111
|
+
const Recaptcha = /*#__PURE__*/React.forwardRef(({
|
|
23112
|
+
onVerify,
|
|
23113
|
+
className = '',
|
|
23114
|
+
error: externalError,
|
|
23115
|
+
sitekey,
|
|
23116
|
+
...props
|
|
23117
|
+
}, ref) => {
|
|
23118
|
+
const [internalError, setInternalError] = React.useState(null);
|
|
23119
|
+
const handleChange = token => {
|
|
23120
|
+
if (token) {
|
|
23121
|
+
setInternalError(null);
|
|
23122
|
+
onVerify(token);
|
|
23123
|
+
} else {
|
|
23124
|
+
setInternalError('Please complete the CAPTCHA');
|
|
23125
|
+
}
|
|
23126
|
+
};
|
|
23127
|
+
const error = externalError || internalError;
|
|
23128
|
+
return jsxRuntime.jsxs("div", {
|
|
23129
|
+
className: classNames('ff-recaptcha-wrapper', className),
|
|
23130
|
+
children: [jsxRuntime.jsx(RecaptchaWrapper, {
|
|
23131
|
+
ref: ref,
|
|
23132
|
+
sitekey: sitekey,
|
|
23133
|
+
onChange: handleChange,
|
|
23134
|
+
...props
|
|
23135
|
+
}), error && jsxRuntime.jsx("div", {
|
|
23136
|
+
className: "ff-recaptcha-error",
|
|
23137
|
+
children: jsxRuntime.jsx(Typography, {
|
|
23138
|
+
fontSize: 12,
|
|
23139
|
+
children: error
|
|
23140
|
+
})
|
|
23141
|
+
})]
|
|
23142
|
+
});
|
|
23143
|
+
});
|
|
23144
|
+
|
|
20988
23145
|
exports.Accordion = Accordion;
|
|
20989
23146
|
exports.AddResourceButton = AddButton;
|
|
20990
23147
|
exports.AllProjectsDropdown = AllProjectsDropdown;
|
|
23148
|
+
exports.AppHeader = AppHeader;
|
|
20991
23149
|
exports.Button = Button$1;
|
|
20992
23150
|
exports.Checkbox = Checkbox;
|
|
20993
23151
|
exports.Chip = Chip;
|
|
@@ -21013,6 +23171,7 @@ exports.MultiSelect = MultiSelect;
|
|
|
21013
23171
|
exports.RadialChart = RadialChart;
|
|
21014
23172
|
exports.RadioButton = RadioButton;
|
|
21015
23173
|
exports.RadioGroup = RadioGroup;
|
|
23174
|
+
exports.Recaptcha = Recaptcha;
|
|
21016
23175
|
exports.Row = Row;
|
|
21017
23176
|
exports.Search = Search;
|
|
21018
23177
|
exports.Select = Select$1;
|