pixel-react 1.0.9 → 1.1.1
Sign up to get free protection for your applications and to get access to all the features.
- 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.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import React__default, { forwardRef, useEffect, useState, createContext, useContext, useRef, useMemo, useCallback, useReducer, createElement, PureComponent, useLayoutEffect, memo, cloneElement } from 'react';
|
|
3
|
+
import React__default, { forwardRef, useEffect, useState, createContext, useContext, useRef, useMemo, useCallback, useReducer, createElement, PureComponent, useLayoutEffect, memo, cloneElement, Component } from 'react';
|
|
4
4
|
import { createPortal, unstable_batchedUpdates } from 'react-dom';
|
|
5
5
|
|
|
6
6
|
function styleInject(css, ref) {
|
|
@@ -28,11 +28,11 @@ function styleInject(css, ref) {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
var css_248z$
|
|
32
|
-
styleInject(css_248z$
|
|
31
|
+
var css_248z$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}";
|
|
32
|
+
styleInject(css_248z$H);
|
|
33
33
|
|
|
34
|
-
var css_248z$
|
|
35
|
-
styleInject(css_248z$
|
|
34
|
+
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}";
|
|
35
|
+
styleInject(css_248z$G);
|
|
36
36
|
|
|
37
37
|
function getDefaultExportFromCjs (x) {
|
|
38
38
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -301,8 +301,8 @@ Components['android_icon'] = SvgAndroidIcon;
|
|
|
301
301
|
Components['select_license'] = SvgSwitchLicenseIcon;
|
|
302
302
|
Components['fireflink-logo'] = SvgFireflinkLogo;
|
|
303
303
|
|
|
304
|
-
var css_248z$
|
|
305
|
-
styleInject(css_248z$
|
|
304
|
+
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}";
|
|
305
|
+
styleInject(css_248z$F);
|
|
306
306
|
|
|
307
307
|
const Icon = ({
|
|
308
308
|
name,
|
|
@@ -384,8 +384,8 @@ const Button$1 = /*#__PURE__*/forwardRef(({
|
|
|
384
384
|
});
|
|
385
385
|
});
|
|
386
386
|
|
|
387
|
-
var css_248z$
|
|
388
|
-
styleInject(css_248z$
|
|
387
|
+
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}";
|
|
388
|
+
styleInject(css_248z$E);
|
|
389
389
|
|
|
390
390
|
function useEscapeKey(key) {
|
|
391
391
|
return callBack => {
|
|
@@ -404,8 +404,8 @@ function useEscapeKey(key) {
|
|
|
404
404
|
};
|
|
405
405
|
}
|
|
406
406
|
|
|
407
|
-
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}";
|
|
408
|
-
styleInject(css_248z$
|
|
407
|
+
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}";
|
|
408
|
+
styleInject(css_248z$D);
|
|
409
409
|
|
|
410
410
|
const ThemeContext = /*#__PURE__*/createContext(undefined);
|
|
411
411
|
const ThemeProvider = ({
|
|
@@ -565,14 +565,14 @@ const Drawer = ({
|
|
|
565
565
|
}), document.body);
|
|
566
566
|
};
|
|
567
567
|
|
|
568
|
-
var css_248z$
|
|
569
|
-
styleInject(css_248z$
|
|
568
|
+
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}";
|
|
569
|
+
styleInject(css_248z$C);
|
|
570
570
|
|
|
571
|
-
var css_248z$
|
|
572
|
-
styleInject(css_248z$
|
|
571
|
+
var css_248z$B = "";
|
|
572
|
+
styleInject(css_248z$B);
|
|
573
573
|
|
|
574
|
-
var css_248z$
|
|
575
|
-
styleInject(css_248z$
|
|
574
|
+
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}";
|
|
575
|
+
styleInject(css_248z$A);
|
|
576
576
|
|
|
577
577
|
const checkEmpty = value => {
|
|
578
578
|
// Check for null or undefined
|
|
@@ -741,8 +741,8 @@ const Tooltip = ({
|
|
|
741
741
|
});
|
|
742
742
|
};
|
|
743
743
|
|
|
744
|
-
var css_248z$
|
|
745
|
-
styleInject(css_248z$
|
|
744
|
+
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}";
|
|
745
|
+
styleInject(css_248z$z);
|
|
746
746
|
|
|
747
747
|
const Typography = ({
|
|
748
748
|
fontWeight = 'regular',
|
|
@@ -827,8 +827,8 @@ const Accordion = ({
|
|
|
827
827
|
});
|
|
828
828
|
};
|
|
829
829
|
|
|
830
|
-
var css_248z$
|
|
831
|
-
styleInject(css_248z$
|
|
830
|
+
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}";
|
|
831
|
+
styleInject(css_248z$y);
|
|
832
832
|
|
|
833
833
|
const dropdownDefaultCSSData$1 = {
|
|
834
834
|
verticalMargin: 4,
|
|
@@ -836,8 +836,8 @@ const dropdownDefaultCSSData$1 = {
|
|
|
836
836
|
maxDropdownHeight: 160
|
|
837
837
|
};
|
|
838
838
|
|
|
839
|
-
var css_248z$
|
|
840
|
-
styleInject(css_248z$
|
|
839
|
+
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}";
|
|
840
|
+
styleInject(css_248z$x);
|
|
841
841
|
|
|
842
842
|
const Dropdown$2 = /*#__PURE__*/forwardRef(({
|
|
843
843
|
options,
|
|
@@ -1173,8 +1173,8 @@ const MultiSelect = ({
|
|
|
1173
1173
|
});
|
|
1174
1174
|
};
|
|
1175
1175
|
|
|
1176
|
-
var css_248z$
|
|
1177
|
-
styleInject(css_248z$
|
|
1176
|
+
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}";
|
|
1177
|
+
styleInject(css_248z$w);
|
|
1178
1178
|
|
|
1179
1179
|
const Toaster = ({
|
|
1180
1180
|
isOpen = false,
|
|
@@ -1282,8 +1282,8 @@ const Toaster = ({
|
|
|
1282
1282
|
}), document.body);
|
|
1283
1283
|
};
|
|
1284
1284
|
|
|
1285
|
-
var css_248z$
|
|
1286
|
-
styleInject(css_248z$
|
|
1285
|
+
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}";
|
|
1286
|
+
styleInject(css_248z$v);
|
|
1287
1287
|
|
|
1288
1288
|
const Container = ({
|
|
1289
1289
|
children,
|
|
@@ -1325,8 +1325,8 @@ const Col = ({
|
|
|
1325
1325
|
});
|
|
1326
1326
|
};
|
|
1327
1327
|
|
|
1328
|
-
var css_248z$
|
|
1329
|
-
styleInject(css_248z$
|
|
1328
|
+
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}";
|
|
1329
|
+
styleInject(css_248z$u);
|
|
1330
1330
|
|
|
1331
1331
|
const Toggle = ({
|
|
1332
1332
|
onChange,
|
|
@@ -1404,8 +1404,8 @@ const Toggle = ({
|
|
|
1404
1404
|
});
|
|
1405
1405
|
};
|
|
1406
1406
|
|
|
1407
|
-
var css_248z$
|
|
1408
|
-
styleInject(css_248z$
|
|
1407
|
+
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}";
|
|
1408
|
+
styleInject(css_248z$t);
|
|
1409
1409
|
|
|
1410
1410
|
const Chip = ({
|
|
1411
1411
|
label = '',
|
|
@@ -1434,8 +1434,8 @@ const Chip = ({
|
|
|
1434
1434
|
});
|
|
1435
1435
|
};
|
|
1436
1436
|
|
|
1437
|
-
var css_248z$
|
|
1438
|
-
styleInject(css_248z$
|
|
1437
|
+
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}";
|
|
1438
|
+
styleInject(css_248z$s);
|
|
1439
1439
|
|
|
1440
1440
|
const Input = ({
|
|
1441
1441
|
type = 'text',
|
|
@@ -1512,8 +1512,8 @@ const Input = ({
|
|
|
1512
1512
|
});
|
|
1513
1513
|
};
|
|
1514
1514
|
|
|
1515
|
-
var css_248z$
|
|
1516
|
-
styleInject(css_248z$
|
|
1515
|
+
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}";
|
|
1516
|
+
styleInject(css_248z$r);
|
|
1517
1517
|
|
|
1518
1518
|
const useColorMappings$1 = () => useMemo(() => {
|
|
1519
1519
|
return {
|
|
@@ -1655,8 +1655,8 @@ const RadialChart = ({
|
|
|
1655
1655
|
});
|
|
1656
1656
|
};
|
|
1657
1657
|
|
|
1658
|
-
var css_248z$
|
|
1659
|
-
styleInject(css_248z$
|
|
1658
|
+
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}";
|
|
1659
|
+
styleInject(css_248z$q);
|
|
1660
1660
|
|
|
1661
1661
|
const ExpandableMenu = ({
|
|
1662
1662
|
label = '',
|
|
@@ -1745,8 +1745,8 @@ const useClickOutside = (ref, callback, ignoreRefs = []) => {
|
|
|
1745
1745
|
}, [ref, callback, ignoreRefs]);
|
|
1746
1746
|
};
|
|
1747
1747
|
|
|
1748
|
-
var css_248z$
|
|
1749
|
-
styleInject(css_248z$
|
|
1748
|
+
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}";
|
|
1749
|
+
styleInject(css_248z$p);
|
|
1750
1750
|
|
|
1751
1751
|
const ffid = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, char => ((char === 'x' ? Math.random() * 16 : Math.random() * 16 & 0x3 | 0x8) | 0).toString(16));
|
|
1752
1752
|
|
|
@@ -1824,8 +1824,8 @@ const Dropdown$1 = ({
|
|
|
1824
1824
|
});
|
|
1825
1825
|
};
|
|
1826
1826
|
|
|
1827
|
-
var css_248z$
|
|
1828
|
-
styleInject(css_248z$
|
|
1827
|
+
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}";
|
|
1828
|
+
styleInject(css_248z$o);
|
|
1829
1829
|
|
|
1830
1830
|
const portalPosition = {
|
|
1831
1831
|
positionX: 0,
|
|
@@ -2186,8 +2186,8 @@ const Select$1 = ({
|
|
|
2186
2186
|
});
|
|
2187
2187
|
};
|
|
2188
2188
|
|
|
2189
|
-
var css_248z$
|
|
2190
|
-
styleInject(css_248z$
|
|
2189
|
+
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}";
|
|
2190
|
+
styleInject(css_248z$n);
|
|
2191
2191
|
|
|
2192
2192
|
const truncateText = (text, maxLength) => {
|
|
2193
2193
|
if (!text || maxLength <= 0) return '';
|
|
@@ -2262,8 +2262,8 @@ const Textarea = ({
|
|
|
2262
2262
|
});
|
|
2263
2263
|
};
|
|
2264
2264
|
|
|
2265
|
-
var css_248z$
|
|
2266
|
-
styleInject(css_248z$
|
|
2265
|
+
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}";
|
|
2266
|
+
styleInject(css_248z$m);
|
|
2267
2267
|
|
|
2268
2268
|
const StatusButton = ({
|
|
2269
2269
|
status = 'passed',
|
|
@@ -2291,8 +2291,8 @@ const StatusButton = ({
|
|
|
2291
2291
|
});
|
|
2292
2292
|
};
|
|
2293
2293
|
|
|
2294
|
-
var css_248z$
|
|
2295
|
-
styleInject(css_248z$
|
|
2294
|
+
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}";
|
|
2295
|
+
styleInject(css_248z$l);
|
|
2296
2296
|
|
|
2297
2297
|
const Option$1 = ({
|
|
2298
2298
|
option,
|
|
@@ -2413,8 +2413,8 @@ const MenuOption = ({
|
|
|
2413
2413
|
});
|
|
2414
2414
|
};
|
|
2415
2415
|
|
|
2416
|
-
var css_248z$
|
|
2417
|
-
styleInject(css_248z$
|
|
2416
|
+
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}";
|
|
2417
|
+
styleInject(css_248z$k);
|
|
2418
2418
|
|
|
2419
2419
|
const isFunction$1 = functionToCheck => {
|
|
2420
2420
|
return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
|
|
@@ -2535,11 +2535,11 @@ const Table = ({
|
|
|
2535
2535
|
});
|
|
2536
2536
|
};
|
|
2537
2537
|
|
|
2538
|
-
var css_248z$
|
|
2539
|
-
styleInject(css_248z$
|
|
2538
|
+
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}";
|
|
2539
|
+
styleInject(css_248z$j);
|
|
2540
2540
|
|
|
2541
|
-
var css_248z$
|
|
2542
|
-
styleInject(css_248z$
|
|
2541
|
+
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}";
|
|
2542
|
+
styleInject(css_248z$i);
|
|
2543
2543
|
|
|
2544
2544
|
const ArrowsButton = ({
|
|
2545
2545
|
direction,
|
|
@@ -2676,8 +2676,8 @@ const AddButton = ({
|
|
|
2676
2676
|
});
|
|
2677
2677
|
};
|
|
2678
2678
|
|
|
2679
|
-
var css_248z$
|
|
2680
|
-
styleInject(css_248z$
|
|
2679
|
+
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}";
|
|
2680
|
+
styleInject(css_248z$h);
|
|
2681
2681
|
|
|
2682
2682
|
const calculateArc = (x, y, radius, startAngle, endAngle) => {
|
|
2683
2683
|
const startX = x + radius * Math.cos(startAngle);
|
|
@@ -3029,8 +3029,8 @@ const useFileDropzone = options => {
|
|
|
3029
3029
|
};
|
|
3030
3030
|
};
|
|
3031
3031
|
|
|
3032
|
-
var css_248z$
|
|
3033
|
-
styleInject(css_248z$
|
|
3032
|
+
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}";
|
|
3033
|
+
styleInject(css_248z$g);
|
|
3034
3034
|
|
|
3035
3035
|
const Dropzone = ({
|
|
3036
3036
|
icon,
|
|
@@ -3217,29 +3217,29 @@ const FileDropzone = ({
|
|
|
3217
3217
|
});
|
|
3218
3218
|
};
|
|
3219
3219
|
|
|
3220
|
-
function _extends() {
|
|
3221
|
-
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
3220
|
+
function _extends$2() {
|
|
3221
|
+
return _extends$2 = Object.assign ? Object.assign.bind() : function (n) {
|
|
3222
3222
|
for (var e = 1; e < arguments.length; e++) {
|
|
3223
3223
|
var t = arguments[e];
|
|
3224
3224
|
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
3225
3225
|
}
|
|
3226
3226
|
return n;
|
|
3227
|
-
}, _extends.apply(null, arguments);
|
|
3227
|
+
}, _extends$2.apply(null, arguments);
|
|
3228
3228
|
}
|
|
3229
3229
|
|
|
3230
|
-
function _assertThisInitialized(e) {
|
|
3230
|
+
function _assertThisInitialized$1(e) {
|
|
3231
3231
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
3232
3232
|
return e;
|
|
3233
3233
|
}
|
|
3234
3234
|
|
|
3235
|
-
function _setPrototypeOf(t, e) {
|
|
3236
|
-
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
|
|
3235
|
+
function _setPrototypeOf$1(t, e) {
|
|
3236
|
+
return _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
|
|
3237
3237
|
return t.__proto__ = e, t;
|
|
3238
|
-
}, _setPrototypeOf(t, e);
|
|
3238
|
+
}, _setPrototypeOf$1(t, e);
|
|
3239
3239
|
}
|
|
3240
3240
|
|
|
3241
|
-
function _inheritsLoose(t, o) {
|
|
3242
|
-
t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
|
|
3241
|
+
function _inheritsLoose$2(t, o) {
|
|
3242
|
+
t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf$1(t, o);
|
|
3243
3243
|
}
|
|
3244
3244
|
|
|
3245
3245
|
var safeIsNaN = Number.isNaN || function ponyfill(value) {
|
|
@@ -3290,7 +3290,7 @@ function memoizeOne(resultFn, isEqual) {
|
|
|
3290
3290
|
return memoized;
|
|
3291
3291
|
}
|
|
3292
3292
|
|
|
3293
|
-
function _objectWithoutPropertiesLoose(r, e) {
|
|
3293
|
+
function _objectWithoutPropertiesLoose$2(r, e) {
|
|
3294
3294
|
if (null == r) return {};
|
|
3295
3295
|
var t = {};
|
|
3296
3296
|
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
@@ -3419,7 +3419,7 @@ function createGridComponent(_ref2) {
|
|
|
3419
3419
|
shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange,
|
|
3420
3420
|
validateProps = _ref2.validateProps;
|
|
3421
3421
|
return _class = /*#__PURE__*/function (_PureComponent) {
|
|
3422
|
-
_inheritsLoose(Grid, _PureComponent);
|
|
3422
|
+
_inheritsLoose$2(Grid, _PureComponent);
|
|
3423
3423
|
|
|
3424
3424
|
// Always use explicit constructor for React components.
|
|
3425
3425
|
// It produces less code after transpilation. (#26)
|
|
@@ -3427,11 +3427,11 @@ function createGridComponent(_ref2) {
|
|
|
3427
3427
|
function Grid(props) {
|
|
3428
3428
|
var _this;
|
|
3429
3429
|
_this = _PureComponent.call(this, props) || this;
|
|
3430
|
-
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));
|
|
3430
|
+
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$1(_this));
|
|
3431
3431
|
_this._resetIsScrollingTimeoutId = null;
|
|
3432
3432
|
_this._outerRef = void 0;
|
|
3433
3433
|
_this.state = {
|
|
3434
|
-
instance: _assertThisInitialized(_this),
|
|
3434
|
+
instance: _assertThisInitialized$1(_this),
|
|
3435
3435
|
isScrolling: false,
|
|
3436
3436
|
horizontalScrollDirection: 'forward',
|
|
3437
3437
|
scrollLeft: typeof _this.props.initialScrollLeft === 'number' ? _this.props.initialScrollLeft : 0,
|
|
@@ -3733,7 +3733,7 @@ function createGridComponent(_ref2) {
|
|
|
3733
3733
|
className: className,
|
|
3734
3734
|
onScroll: this._onScroll,
|
|
3735
3735
|
ref: this._outerRefSetter,
|
|
3736
|
-
style: _extends({
|
|
3736
|
+
style: _extends$2({
|
|
3737
3737
|
position: 'relative',
|
|
3738
3738
|
height: height,
|
|
3739
3739
|
width: width,
|
|
@@ -4189,7 +4189,7 @@ function createListComponent(_ref) {
|
|
|
4189
4189
|
shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
|
|
4190
4190
|
validateProps = _ref.validateProps;
|
|
4191
4191
|
return _class = /*#__PURE__*/function (_PureComponent) {
|
|
4192
|
-
_inheritsLoose(List, _PureComponent);
|
|
4192
|
+
_inheritsLoose$2(List, _PureComponent);
|
|
4193
4193
|
|
|
4194
4194
|
// Always use explicit constructor for React components.
|
|
4195
4195
|
// It produces less code after transpilation. (#26)
|
|
@@ -4197,11 +4197,11 @@ function createListComponent(_ref) {
|
|
|
4197
4197
|
function List(props) {
|
|
4198
4198
|
var _this;
|
|
4199
4199
|
_this = _PureComponent.call(this, props) || this;
|
|
4200
|
-
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));
|
|
4200
|
+
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$1(_this));
|
|
4201
4201
|
_this._outerRef = void 0;
|
|
4202
4202
|
_this._resetIsScrollingTimeoutId = null;
|
|
4203
4203
|
_this.state = {
|
|
4204
|
-
instance: _assertThisInitialized(_this),
|
|
4204
|
+
instance: _assertThisInitialized$1(_this),
|
|
4205
4205
|
isScrolling: false,
|
|
4206
4206
|
scrollDirection: 'forward',
|
|
4207
4207
|
scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
|
|
@@ -4488,7 +4488,7 @@ function createListComponent(_ref) {
|
|
|
4488
4488
|
className: className,
|
|
4489
4489
|
onScroll: onScroll,
|
|
4490
4490
|
ref: this._outerRefSetter,
|
|
4491
|
-
style: _extends({
|
|
4491
|
+
style: _extends$2({
|
|
4492
4492
|
position: 'relative',
|
|
4493
4493
|
height: height,
|
|
4494
4494
|
width: width,
|
|
@@ -5074,16 +5074,16 @@ function shallowDiffers(prev, next) {
|
|
|
5074
5074
|
}
|
|
5075
5075
|
return false;
|
|
5076
5076
|
}
|
|
5077
|
-
var _excluded = ["style"],
|
|
5077
|
+
var _excluded$1 = ["style"],
|
|
5078
5078
|
_excluded2 = ["style"];
|
|
5079
5079
|
// It knows to compare individual style props and ignore the wrapper object.
|
|
5080
5080
|
// See https://reactjs.org/docs/react-api.html#reactmemo
|
|
5081
5081
|
|
|
5082
5082
|
function areEqual(prevProps, nextProps) {
|
|
5083
5083
|
var prevStyle = prevProps.style,
|
|
5084
|
-
prevRest = _objectWithoutPropertiesLoose(prevProps, _excluded);
|
|
5084
|
+
prevRest = _objectWithoutPropertiesLoose$2(prevProps, _excluded$1);
|
|
5085
5085
|
var nextStyle = nextProps.style,
|
|
5086
|
-
nextRest = _objectWithoutPropertiesLoose(nextProps, _excluded2);
|
|
5086
|
+
nextRest = _objectWithoutPropertiesLoose$2(nextProps, _excluded2);
|
|
5087
5087
|
return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
|
|
5088
5088
|
}
|
|
5089
5089
|
|
|
@@ -7001,8 +7001,8 @@ function useForm(props = {}) {
|
|
|
7001
7001
|
return _formControl.current;
|
|
7002
7002
|
}
|
|
7003
7003
|
|
|
7004
|
-
var css_248z$
|
|
7005
|
-
styleInject(css_248z$
|
|
7004
|
+
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}";
|
|
7005
|
+
styleInject(css_248z$f);
|
|
7006
7006
|
|
|
7007
7007
|
const Form = ({
|
|
7008
7008
|
onSubmit,
|
|
@@ -7036,8 +7036,8 @@ const Form = ({
|
|
|
7036
7036
|
});
|
|
7037
7037
|
};
|
|
7038
7038
|
|
|
7039
|
-
var css_248z$
|
|
7040
|
-
styleInject(css_248z$
|
|
7039
|
+
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}";
|
|
7040
|
+
styleInject(css_248z$e);
|
|
7041
7041
|
|
|
7042
7042
|
const InputWithDropdown = ({
|
|
7043
7043
|
name = '',
|
|
@@ -7117,8 +7117,8 @@ const InputWithDropdown = ({
|
|
|
7117
7117
|
});
|
|
7118
7118
|
};
|
|
7119
7119
|
|
|
7120
|
-
var css_248z$
|
|
7121
|
-
styleInject(css_248z$
|
|
7120
|
+
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}";
|
|
7121
|
+
styleInject(css_248z$d);
|
|
7122
7122
|
|
|
7123
7123
|
const RadioButton = ({
|
|
7124
7124
|
label,
|
|
@@ -7146,8 +7146,8 @@ const RadioButton = ({
|
|
|
7146
7146
|
});
|
|
7147
7147
|
};
|
|
7148
7148
|
|
|
7149
|
-
var css_248z$
|
|
7150
|
-
styleInject(css_248z$
|
|
7149
|
+
var css_248z$c = ".ff-radio-group {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}";
|
|
7150
|
+
styleInject(css_248z$c);
|
|
7151
7151
|
|
|
7152
7152
|
const RadioGroup = ({
|
|
7153
7153
|
options,
|
|
@@ -7169,8 +7169,8 @@ const RadioGroup = ({
|
|
|
7169
7169
|
});
|
|
7170
7170
|
};
|
|
7171
7171
|
|
|
7172
|
-
var css_248z$
|
|
7173
|
-
styleInject(css_248z$
|
|
7172
|
+
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}";
|
|
7173
|
+
styleInject(css_248z$b);
|
|
7174
7174
|
|
|
7175
7175
|
const MiniModal = /*#__PURE__*/forwardRef(({
|
|
7176
7176
|
anchorRef,
|
|
@@ -7340,8 +7340,8 @@ const MiniModal = /*#__PURE__*/forwardRef(({
|
|
|
7340
7340
|
}), document.body);
|
|
7341
7341
|
});
|
|
7342
7342
|
|
|
7343
|
-
var css_248z$
|
|
7344
|
-
styleInject(css_248z$
|
|
7343
|
+
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}";
|
|
7344
|
+
styleInject(css_248z$a);
|
|
7345
7345
|
|
|
7346
7346
|
const Checkbox = ({
|
|
7347
7347
|
id,
|
|
@@ -7390,8 +7390,8 @@ const Checkbox = ({
|
|
|
7390
7390
|
});
|
|
7391
7391
|
};
|
|
7392
7392
|
|
|
7393
|
-
var css_248z$
|
|
7394
|
-
styleInject(css_248z$
|
|
7393
|
+
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}";
|
|
7394
|
+
styleInject(css_248z$9);
|
|
7395
7395
|
|
|
7396
7396
|
const TableTree = ({
|
|
7397
7397
|
columnsData,
|
|
@@ -7550,8 +7550,8 @@ const TableTree = ({
|
|
|
7550
7550
|
});
|
|
7551
7551
|
};
|
|
7552
7552
|
|
|
7553
|
-
var css_248z$
|
|
7554
|
-
styleInject(css_248z$
|
|
7553
|
+
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}";
|
|
7554
|
+
styleInject(css_248z$8);
|
|
7555
7555
|
|
|
7556
7556
|
const Tabs = ({
|
|
7557
7557
|
variant = 'default',
|
|
@@ -7602,8 +7602,8 @@ const Tabs = ({
|
|
|
7602
7602
|
});
|
|
7603
7603
|
};
|
|
7604
7604
|
|
|
7605
|
-
var css_248z$
|
|
7606
|
-
styleInject(css_248z$
|
|
7605
|
+
var css_248z$7 = ".ff-highlight-bg {\n background-color: var(--text-bg-highlight);\n}";
|
|
7606
|
+
styleInject(css_248z$7);
|
|
7607
7607
|
|
|
7608
7608
|
// Function to escape special characters in the search term
|
|
7609
7609
|
const escapeRegExp = text => {
|
|
@@ -7626,8 +7626,8 @@ const HighlightText = ({
|
|
|
7626
7626
|
});
|
|
7627
7627
|
};
|
|
7628
7628
|
|
|
7629
|
-
var css_248z$
|
|
7630
|
-
styleInject(css_248z$
|
|
7629
|
+
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}";
|
|
7630
|
+
styleInject(css_248z$6);
|
|
7631
7631
|
|
|
7632
7632
|
const Search = ({
|
|
7633
7633
|
placeholder = 'Search',
|
|
@@ -15631,8 +15631,8 @@ const TimePicker = ({
|
|
|
15631
15631
|
});
|
|
15632
15632
|
};
|
|
15633
15633
|
|
|
15634
|
-
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}";
|
|
15635
|
-
styleInject(css_248z$
|
|
15634
|
+
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}";
|
|
15635
|
+
styleInject(css_248z$5);
|
|
15636
15636
|
|
|
15637
15637
|
const CustomDatePicker = ({
|
|
15638
15638
|
minDate,
|
|
@@ -16152,8 +16152,8 @@ const StateDropdown = ({
|
|
|
16152
16152
|
});
|
|
16153
16153
|
};
|
|
16154
16154
|
|
|
16155
|
-
var css_248z$
|
|
16156
|
-
styleInject(css_248z$
|
|
16155
|
+
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}";
|
|
16156
|
+
styleInject(css_248z$4);
|
|
16157
16157
|
|
|
16158
16158
|
const IconButton = ({
|
|
16159
16159
|
label,
|
|
@@ -16177,8 +16177,8 @@ const IconButton = ({
|
|
|
16177
16177
|
});
|
|
16178
16178
|
};
|
|
16179
16179
|
|
|
16180
|
-
var css_248z$
|
|
16181
|
-
styleInject(css_248z$
|
|
16180
|
+
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}";
|
|
16181
|
+
styleInject(css_248z$3);
|
|
16182
16182
|
|
|
16183
16183
|
const Modal = ({
|
|
16184
16184
|
isOpen,
|
|
@@ -20857,8 +20857,8 @@ const DragAndDrop = {
|
|
|
20857
20857
|
DNDUtilities
|
|
20858
20858
|
};
|
|
20859
20859
|
|
|
20860
|
-
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}";
|
|
20861
|
-
styleInject(css_248z);
|
|
20860
|
+
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}";
|
|
20861
|
+
styleInject(css_248z$2);
|
|
20862
20862
|
|
|
20863
20863
|
const AllProjectsDropdown = () => {
|
|
20864
20864
|
const [showOptions, setShowOptions] = useState(false);
|
|
@@ -20965,5 +20965,2162 @@ const AllProjectsDropdown = () => {
|
|
|
20965
20965
|
});
|
|
20966
20966
|
};
|
|
20967
20967
|
|
|
20968
|
-
|
|
20968
|
+
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}";
|
|
20969
|
+
styleInject(css_248z$1);
|
|
20970
|
+
|
|
20971
|
+
const AppHeader = ({
|
|
20972
|
+
logoIconName = 'fireflink_icon',
|
|
20973
|
+
rightContent,
|
|
20974
|
+
appHeaderMenuItems,
|
|
20975
|
+
selectedMenu,
|
|
20976
|
+
selectedSubMenu,
|
|
20977
|
+
selectedQuickMenu,
|
|
20978
|
+
onMenuClick = () => {},
|
|
20979
|
+
onSubMenuClick = () => {},
|
|
20980
|
+
onQuickMenuClick = () => {}
|
|
20981
|
+
}) => {
|
|
20982
|
+
return jsx(Fragment, {
|
|
20983
|
+
children: jsxs("div", {
|
|
20984
|
+
className: "ff-app-header",
|
|
20985
|
+
children: [jsx("div", {
|
|
20986
|
+
className: "ff-app-header-logo-icon",
|
|
20987
|
+
children: jsx(Icon, {
|
|
20988
|
+
color: "",
|
|
20989
|
+
name: logoIconName,
|
|
20990
|
+
height: 24,
|
|
20991
|
+
width: 21
|
|
20992
|
+
})
|
|
20993
|
+
}), jsxs("div", {
|
|
20994
|
+
className: "ff-app-header-nav-bar",
|
|
20995
|
+
children: [jsx("div", {
|
|
20996
|
+
children: "All projects"
|
|
20997
|
+
}), jsx("div", {
|
|
20998
|
+
className: "ff-app-header-nav-bar-items fontSm",
|
|
20999
|
+
children: appHeaderMenuItems.map(menuItem => {
|
|
21000
|
+
return jsxs("div", {
|
|
21001
|
+
className: classNames('ff-app-header-nav-bar-item', {
|
|
21002
|
+
['ff-app-header-nav-bar-item--selected']: menuItem.menuName === selectedMenu
|
|
21003
|
+
}),
|
|
21004
|
+
onClick: () => onMenuClick(menuItem.menuName),
|
|
21005
|
+
children: [jsx(Typography, {
|
|
21006
|
+
as: "div",
|
|
21007
|
+
className: "ff-app-header-nav-bar-item-label",
|
|
21008
|
+
lineHeight: "18px",
|
|
21009
|
+
children: menuItem.menuName
|
|
21010
|
+
}), menuItem.menuName === selectedMenu && menuItem?.subMenuItems && menuItem.subMenuItems.map(subMenuItem => {
|
|
21011
|
+
return jsxs("div", {
|
|
21012
|
+
onClick: () => onSubMenuClick(subMenuItem.subMenuName),
|
|
21013
|
+
className: "ff-app-header-submenu-container",
|
|
21014
|
+
children: [jsx(Typography, {
|
|
21015
|
+
as: "div",
|
|
21016
|
+
className: classNames('ff-app-header-nav-bar-submenu-item', {
|
|
21017
|
+
['ff-app-header-nav-bar-submenu-item--selected']: subMenuItem.subMenuName === selectedSubMenu
|
|
21018
|
+
}),
|
|
21019
|
+
lineHeight: "18px",
|
|
21020
|
+
children: subMenuItem.subMenuName
|
|
21021
|
+
}), subMenuItem.subMenuName === selectedSubMenu && subMenuItem?.quickMenuItems && jsxs("div", {
|
|
21022
|
+
className: "ff-app-header-quickmenu-container",
|
|
21023
|
+
children: [jsx("div", {
|
|
21024
|
+
children: jsx(Icon, {
|
|
21025
|
+
name: "vertical_separator"
|
|
21026
|
+
})
|
|
21027
|
+
}), subMenuItem.quickMenuItems.map(quickMenuItem => {
|
|
21028
|
+
return jsx(Fragment, {
|
|
21029
|
+
children: jsx("div", {
|
|
21030
|
+
onClick: () => onQuickMenuClick(quickMenuItem.quickMenuName),
|
|
21031
|
+
className: classNames('ff-app-header-nav-bar-quickmenu-item', {
|
|
21032
|
+
['ff-app-header-nav-bar-quickmenu-item--selected']: quickMenuItem.quickMenuName === selectedQuickMenu
|
|
21033
|
+
}),
|
|
21034
|
+
children: jsx(Icon, {
|
|
21035
|
+
name: quickMenuItem.quickMenuIconName,
|
|
21036
|
+
height: 24,
|
|
21037
|
+
width: 24
|
|
21038
|
+
})
|
|
21039
|
+
}, quickMenuItem.quickMenuIconName)
|
|
21040
|
+
});
|
|
21041
|
+
})]
|
|
21042
|
+
})]
|
|
21043
|
+
}, subMenuItem.subMenuName);
|
|
21044
|
+
})]
|
|
21045
|
+
}, menuItem.menuName);
|
|
21046
|
+
})
|
|
21047
|
+
}), jsx("div", {
|
|
21048
|
+
children: jsx(Icon, {
|
|
21049
|
+
name: "more",
|
|
21050
|
+
className: "ff-app-header-more-icon"
|
|
21051
|
+
})
|
|
21052
|
+
})]
|
|
21053
|
+
}), jsx("div", {
|
|
21054
|
+
className: "ff-app-header-right-content",
|
|
21055
|
+
children: rightContent
|
|
21056
|
+
})]
|
|
21057
|
+
})
|
|
21058
|
+
});
|
|
21059
|
+
};
|
|
21060
|
+
|
|
21061
|
+
var propTypes = {exports: {}};
|
|
21062
|
+
|
|
21063
|
+
var reactIs$1 = {exports: {}};
|
|
21064
|
+
|
|
21065
|
+
var reactIs_production_min$1 = {};
|
|
21066
|
+
|
|
21067
|
+
/** @license React v16.13.1
|
|
21068
|
+
* react-is.production.min.js
|
|
21069
|
+
*
|
|
21070
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
21071
|
+
*
|
|
21072
|
+
* This source code is licensed under the MIT license found in the
|
|
21073
|
+
* LICENSE file in the root directory of this source tree.
|
|
21074
|
+
*/
|
|
21075
|
+
var hasRequiredReactIs_production_min$1;
|
|
21076
|
+
function requireReactIs_production_min$1() {
|
|
21077
|
+
if (hasRequiredReactIs_production_min$1) return reactIs_production_min$1;
|
|
21078
|
+
hasRequiredReactIs_production_min$1 = 1;
|
|
21079
|
+
var b = "function" === typeof Symbol && Symbol.for,
|
|
21080
|
+
c = b ? Symbol.for("react.element") : 60103,
|
|
21081
|
+
d = b ? Symbol.for("react.portal") : 60106,
|
|
21082
|
+
e = b ? Symbol.for("react.fragment") : 60107,
|
|
21083
|
+
f = b ? Symbol.for("react.strict_mode") : 60108,
|
|
21084
|
+
g = b ? Symbol.for("react.profiler") : 60114,
|
|
21085
|
+
h = b ? Symbol.for("react.provider") : 60109,
|
|
21086
|
+
k = b ? Symbol.for("react.context") : 60110,
|
|
21087
|
+
l = b ? Symbol.for("react.async_mode") : 60111,
|
|
21088
|
+
m = b ? Symbol.for("react.concurrent_mode") : 60111,
|
|
21089
|
+
n = b ? Symbol.for("react.forward_ref") : 60112,
|
|
21090
|
+
p = b ? Symbol.for("react.suspense") : 60113,
|
|
21091
|
+
q = b ? Symbol.for("react.suspense_list") : 60120,
|
|
21092
|
+
r = b ? Symbol.for("react.memo") : 60115,
|
|
21093
|
+
t = b ? Symbol.for("react.lazy") : 60116,
|
|
21094
|
+
v = b ? Symbol.for("react.block") : 60121,
|
|
21095
|
+
w = b ? Symbol.for("react.fundamental") : 60117,
|
|
21096
|
+
x = b ? Symbol.for("react.responder") : 60118,
|
|
21097
|
+
y = b ? Symbol.for("react.scope") : 60119;
|
|
21098
|
+
function z(a) {
|
|
21099
|
+
if ("object" === typeof a && null !== a) {
|
|
21100
|
+
var u = a.$$typeof;
|
|
21101
|
+
switch (u) {
|
|
21102
|
+
case c:
|
|
21103
|
+
switch (a = a.type, a) {
|
|
21104
|
+
case l:
|
|
21105
|
+
case m:
|
|
21106
|
+
case e:
|
|
21107
|
+
case g:
|
|
21108
|
+
case f:
|
|
21109
|
+
case p:
|
|
21110
|
+
return a;
|
|
21111
|
+
default:
|
|
21112
|
+
switch (a = a && a.$$typeof, a) {
|
|
21113
|
+
case k:
|
|
21114
|
+
case n:
|
|
21115
|
+
case t:
|
|
21116
|
+
case r:
|
|
21117
|
+
case h:
|
|
21118
|
+
return a;
|
|
21119
|
+
default:
|
|
21120
|
+
return u;
|
|
21121
|
+
}
|
|
21122
|
+
}
|
|
21123
|
+
case d:
|
|
21124
|
+
return u;
|
|
21125
|
+
}
|
|
21126
|
+
}
|
|
21127
|
+
}
|
|
21128
|
+
function A(a) {
|
|
21129
|
+
return z(a) === m;
|
|
21130
|
+
}
|
|
21131
|
+
reactIs_production_min$1.AsyncMode = l;
|
|
21132
|
+
reactIs_production_min$1.ConcurrentMode = m;
|
|
21133
|
+
reactIs_production_min$1.ContextConsumer = k;
|
|
21134
|
+
reactIs_production_min$1.ContextProvider = h;
|
|
21135
|
+
reactIs_production_min$1.Element = c;
|
|
21136
|
+
reactIs_production_min$1.ForwardRef = n;
|
|
21137
|
+
reactIs_production_min$1.Fragment = e;
|
|
21138
|
+
reactIs_production_min$1.Lazy = t;
|
|
21139
|
+
reactIs_production_min$1.Memo = r;
|
|
21140
|
+
reactIs_production_min$1.Portal = d;
|
|
21141
|
+
reactIs_production_min$1.Profiler = g;
|
|
21142
|
+
reactIs_production_min$1.StrictMode = f;
|
|
21143
|
+
reactIs_production_min$1.Suspense = p;
|
|
21144
|
+
reactIs_production_min$1.isAsyncMode = function (a) {
|
|
21145
|
+
return A(a) || z(a) === l;
|
|
21146
|
+
};
|
|
21147
|
+
reactIs_production_min$1.isConcurrentMode = A;
|
|
21148
|
+
reactIs_production_min$1.isContextConsumer = function (a) {
|
|
21149
|
+
return z(a) === k;
|
|
21150
|
+
};
|
|
21151
|
+
reactIs_production_min$1.isContextProvider = function (a) {
|
|
21152
|
+
return z(a) === h;
|
|
21153
|
+
};
|
|
21154
|
+
reactIs_production_min$1.isElement = function (a) {
|
|
21155
|
+
return "object" === typeof a && null !== a && a.$$typeof === c;
|
|
21156
|
+
};
|
|
21157
|
+
reactIs_production_min$1.isForwardRef = function (a) {
|
|
21158
|
+
return z(a) === n;
|
|
21159
|
+
};
|
|
21160
|
+
reactIs_production_min$1.isFragment = function (a) {
|
|
21161
|
+
return z(a) === e;
|
|
21162
|
+
};
|
|
21163
|
+
reactIs_production_min$1.isLazy = function (a) {
|
|
21164
|
+
return z(a) === t;
|
|
21165
|
+
};
|
|
21166
|
+
reactIs_production_min$1.isMemo = function (a) {
|
|
21167
|
+
return z(a) === r;
|
|
21168
|
+
};
|
|
21169
|
+
reactIs_production_min$1.isPortal = function (a) {
|
|
21170
|
+
return z(a) === d;
|
|
21171
|
+
};
|
|
21172
|
+
reactIs_production_min$1.isProfiler = function (a) {
|
|
21173
|
+
return z(a) === g;
|
|
21174
|
+
};
|
|
21175
|
+
reactIs_production_min$1.isStrictMode = function (a) {
|
|
21176
|
+
return z(a) === f;
|
|
21177
|
+
};
|
|
21178
|
+
reactIs_production_min$1.isSuspense = function (a) {
|
|
21179
|
+
return z(a) === p;
|
|
21180
|
+
};
|
|
21181
|
+
reactIs_production_min$1.isValidElementType = function (a) {
|
|
21182
|
+
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);
|
|
21183
|
+
};
|
|
21184
|
+
reactIs_production_min$1.typeOf = z;
|
|
21185
|
+
return reactIs_production_min$1;
|
|
21186
|
+
}
|
|
21187
|
+
|
|
21188
|
+
var reactIs_development$1 = {};
|
|
21189
|
+
|
|
21190
|
+
/** @license React v16.13.1
|
|
21191
|
+
* react-is.development.js
|
|
21192
|
+
*
|
|
21193
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
21194
|
+
*
|
|
21195
|
+
* This source code is licensed under the MIT license found in the
|
|
21196
|
+
* LICENSE file in the root directory of this source tree.
|
|
21197
|
+
*/
|
|
21198
|
+
var hasRequiredReactIs_development$1;
|
|
21199
|
+
function requireReactIs_development$1() {
|
|
21200
|
+
if (hasRequiredReactIs_development$1) return reactIs_development$1;
|
|
21201
|
+
hasRequiredReactIs_development$1 = 1;
|
|
21202
|
+
if (process.env.NODE_ENV !== "production") {
|
|
21203
|
+
(function () {
|
|
21204
|
+
|
|
21205
|
+
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
|
21206
|
+
// nor polyfill, then a plain number is used for performance.
|
|
21207
|
+
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
21208
|
+
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
21209
|
+
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
|
|
21210
|
+
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
|
|
21211
|
+
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
|
|
21212
|
+
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
|
|
21213
|
+
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
|
|
21214
|
+
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
|
|
21215
|
+
// (unstable) APIs that have been removed. Can we remove the symbols?
|
|
21216
|
+
|
|
21217
|
+
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
|
|
21218
|
+
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
|
|
21219
|
+
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
|
|
21220
|
+
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
|
|
21221
|
+
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
|
|
21222
|
+
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
|
|
21223
|
+
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
|
|
21224
|
+
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
|
|
21225
|
+
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
|
|
21226
|
+
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
|
|
21227
|
+
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
|
|
21228
|
+
function isValidElementType(type) {
|
|
21229
|
+
return typeof type === 'string' || typeof type === 'function' ||
|
|
21230
|
+
// Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
21231
|
+
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);
|
|
21232
|
+
}
|
|
21233
|
+
function typeOf(object) {
|
|
21234
|
+
if (typeof object === 'object' && object !== null) {
|
|
21235
|
+
var $$typeof = object.$$typeof;
|
|
21236
|
+
switch ($$typeof) {
|
|
21237
|
+
case REACT_ELEMENT_TYPE:
|
|
21238
|
+
var type = object.type;
|
|
21239
|
+
switch (type) {
|
|
21240
|
+
case REACT_ASYNC_MODE_TYPE:
|
|
21241
|
+
case REACT_CONCURRENT_MODE_TYPE:
|
|
21242
|
+
case REACT_FRAGMENT_TYPE:
|
|
21243
|
+
case REACT_PROFILER_TYPE:
|
|
21244
|
+
case REACT_STRICT_MODE_TYPE:
|
|
21245
|
+
case REACT_SUSPENSE_TYPE:
|
|
21246
|
+
return type;
|
|
21247
|
+
default:
|
|
21248
|
+
var $$typeofType = type && type.$$typeof;
|
|
21249
|
+
switch ($$typeofType) {
|
|
21250
|
+
case REACT_CONTEXT_TYPE:
|
|
21251
|
+
case REACT_FORWARD_REF_TYPE:
|
|
21252
|
+
case REACT_LAZY_TYPE:
|
|
21253
|
+
case REACT_MEMO_TYPE:
|
|
21254
|
+
case REACT_PROVIDER_TYPE:
|
|
21255
|
+
return $$typeofType;
|
|
21256
|
+
default:
|
|
21257
|
+
return $$typeof;
|
|
21258
|
+
}
|
|
21259
|
+
}
|
|
21260
|
+
case REACT_PORTAL_TYPE:
|
|
21261
|
+
return $$typeof;
|
|
21262
|
+
}
|
|
21263
|
+
}
|
|
21264
|
+
return undefined;
|
|
21265
|
+
} // AsyncMode is deprecated along with isAsyncMode
|
|
21266
|
+
|
|
21267
|
+
var AsyncMode = REACT_ASYNC_MODE_TYPE;
|
|
21268
|
+
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
|
|
21269
|
+
var ContextConsumer = REACT_CONTEXT_TYPE;
|
|
21270
|
+
var ContextProvider = REACT_PROVIDER_TYPE;
|
|
21271
|
+
var Element = REACT_ELEMENT_TYPE;
|
|
21272
|
+
var ForwardRef = REACT_FORWARD_REF_TYPE;
|
|
21273
|
+
var Fragment = REACT_FRAGMENT_TYPE;
|
|
21274
|
+
var Lazy = REACT_LAZY_TYPE;
|
|
21275
|
+
var Memo = REACT_MEMO_TYPE;
|
|
21276
|
+
var Portal = REACT_PORTAL_TYPE;
|
|
21277
|
+
var Profiler = REACT_PROFILER_TYPE;
|
|
21278
|
+
var StrictMode = REACT_STRICT_MODE_TYPE;
|
|
21279
|
+
var Suspense = REACT_SUSPENSE_TYPE;
|
|
21280
|
+
var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
|
|
21281
|
+
|
|
21282
|
+
function isAsyncMode(object) {
|
|
21283
|
+
{
|
|
21284
|
+
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
|
21285
|
+
hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
|
|
21286
|
+
|
|
21287
|
+
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.');
|
|
21288
|
+
}
|
|
21289
|
+
}
|
|
21290
|
+
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
|
|
21291
|
+
}
|
|
21292
|
+
function isConcurrentMode(object) {
|
|
21293
|
+
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
|
|
21294
|
+
}
|
|
21295
|
+
function isContextConsumer(object) {
|
|
21296
|
+
return typeOf(object) === REACT_CONTEXT_TYPE;
|
|
21297
|
+
}
|
|
21298
|
+
function isContextProvider(object) {
|
|
21299
|
+
return typeOf(object) === REACT_PROVIDER_TYPE;
|
|
21300
|
+
}
|
|
21301
|
+
function isElement(object) {
|
|
21302
|
+
return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
21303
|
+
}
|
|
21304
|
+
function isForwardRef(object) {
|
|
21305
|
+
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
|
21306
|
+
}
|
|
21307
|
+
function isFragment(object) {
|
|
21308
|
+
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
|
21309
|
+
}
|
|
21310
|
+
function isLazy(object) {
|
|
21311
|
+
return typeOf(object) === REACT_LAZY_TYPE;
|
|
21312
|
+
}
|
|
21313
|
+
function isMemo(object) {
|
|
21314
|
+
return typeOf(object) === REACT_MEMO_TYPE;
|
|
21315
|
+
}
|
|
21316
|
+
function isPortal(object) {
|
|
21317
|
+
return typeOf(object) === REACT_PORTAL_TYPE;
|
|
21318
|
+
}
|
|
21319
|
+
function isProfiler(object) {
|
|
21320
|
+
return typeOf(object) === REACT_PROFILER_TYPE;
|
|
21321
|
+
}
|
|
21322
|
+
function isStrictMode(object) {
|
|
21323
|
+
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
|
21324
|
+
}
|
|
21325
|
+
function isSuspense(object) {
|
|
21326
|
+
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
|
21327
|
+
}
|
|
21328
|
+
reactIs_development$1.AsyncMode = AsyncMode;
|
|
21329
|
+
reactIs_development$1.ConcurrentMode = ConcurrentMode;
|
|
21330
|
+
reactIs_development$1.ContextConsumer = ContextConsumer;
|
|
21331
|
+
reactIs_development$1.ContextProvider = ContextProvider;
|
|
21332
|
+
reactIs_development$1.Element = Element;
|
|
21333
|
+
reactIs_development$1.ForwardRef = ForwardRef;
|
|
21334
|
+
reactIs_development$1.Fragment = Fragment;
|
|
21335
|
+
reactIs_development$1.Lazy = Lazy;
|
|
21336
|
+
reactIs_development$1.Memo = Memo;
|
|
21337
|
+
reactIs_development$1.Portal = Portal;
|
|
21338
|
+
reactIs_development$1.Profiler = Profiler;
|
|
21339
|
+
reactIs_development$1.StrictMode = StrictMode;
|
|
21340
|
+
reactIs_development$1.Suspense = Suspense;
|
|
21341
|
+
reactIs_development$1.isAsyncMode = isAsyncMode;
|
|
21342
|
+
reactIs_development$1.isConcurrentMode = isConcurrentMode;
|
|
21343
|
+
reactIs_development$1.isContextConsumer = isContextConsumer;
|
|
21344
|
+
reactIs_development$1.isContextProvider = isContextProvider;
|
|
21345
|
+
reactIs_development$1.isElement = isElement;
|
|
21346
|
+
reactIs_development$1.isForwardRef = isForwardRef;
|
|
21347
|
+
reactIs_development$1.isFragment = isFragment;
|
|
21348
|
+
reactIs_development$1.isLazy = isLazy;
|
|
21349
|
+
reactIs_development$1.isMemo = isMemo;
|
|
21350
|
+
reactIs_development$1.isPortal = isPortal;
|
|
21351
|
+
reactIs_development$1.isProfiler = isProfiler;
|
|
21352
|
+
reactIs_development$1.isStrictMode = isStrictMode;
|
|
21353
|
+
reactIs_development$1.isSuspense = isSuspense;
|
|
21354
|
+
reactIs_development$1.isValidElementType = isValidElementType;
|
|
21355
|
+
reactIs_development$1.typeOf = typeOf;
|
|
21356
|
+
})();
|
|
21357
|
+
}
|
|
21358
|
+
return reactIs_development$1;
|
|
21359
|
+
}
|
|
21360
|
+
|
|
21361
|
+
var hasRequiredReactIs$1;
|
|
21362
|
+
function requireReactIs$1() {
|
|
21363
|
+
if (hasRequiredReactIs$1) return reactIs$1.exports;
|
|
21364
|
+
hasRequiredReactIs$1 = 1;
|
|
21365
|
+
if (process.env.NODE_ENV === 'production') {
|
|
21366
|
+
reactIs$1.exports = requireReactIs_production_min$1();
|
|
21367
|
+
} else {
|
|
21368
|
+
reactIs$1.exports = requireReactIs_development$1();
|
|
21369
|
+
}
|
|
21370
|
+
return reactIs$1.exports;
|
|
21371
|
+
}
|
|
21372
|
+
|
|
21373
|
+
/*
|
|
21374
|
+
object-assign
|
|
21375
|
+
(c) Sindre Sorhus
|
|
21376
|
+
@license MIT
|
|
21377
|
+
*/
|
|
21378
|
+
var objectAssign;
|
|
21379
|
+
var hasRequiredObjectAssign;
|
|
21380
|
+
function requireObjectAssign() {
|
|
21381
|
+
if (hasRequiredObjectAssign) return objectAssign;
|
|
21382
|
+
hasRequiredObjectAssign = 1;
|
|
21383
|
+
/* eslint-disable no-unused-vars */
|
|
21384
|
+
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
21385
|
+
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
21386
|
+
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
|
21387
|
+
function toObject(val) {
|
|
21388
|
+
if (val === null || val === undefined) {
|
|
21389
|
+
throw new TypeError('Object.assign cannot be called with null or undefined');
|
|
21390
|
+
}
|
|
21391
|
+
return Object(val);
|
|
21392
|
+
}
|
|
21393
|
+
function shouldUseNative() {
|
|
21394
|
+
try {
|
|
21395
|
+
if (!Object.assign) {
|
|
21396
|
+
return false;
|
|
21397
|
+
}
|
|
21398
|
+
|
|
21399
|
+
// Detect buggy property enumeration order in older V8 versions.
|
|
21400
|
+
|
|
21401
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
|
|
21402
|
+
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
|
|
21403
|
+
test1[5] = 'de';
|
|
21404
|
+
if (Object.getOwnPropertyNames(test1)[0] === '5') {
|
|
21405
|
+
return false;
|
|
21406
|
+
}
|
|
21407
|
+
|
|
21408
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
21409
|
+
var test2 = {};
|
|
21410
|
+
for (var i = 0; i < 10; i++) {
|
|
21411
|
+
test2['_' + String.fromCharCode(i)] = i;
|
|
21412
|
+
}
|
|
21413
|
+
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
|
|
21414
|
+
return test2[n];
|
|
21415
|
+
});
|
|
21416
|
+
if (order2.join('') !== '0123456789') {
|
|
21417
|
+
return false;
|
|
21418
|
+
}
|
|
21419
|
+
|
|
21420
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
21421
|
+
var test3 = {};
|
|
21422
|
+
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
|
|
21423
|
+
test3[letter] = letter;
|
|
21424
|
+
});
|
|
21425
|
+
if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
|
|
21426
|
+
return false;
|
|
21427
|
+
}
|
|
21428
|
+
return true;
|
|
21429
|
+
} catch (err) {
|
|
21430
|
+
// We don't expect any of the above to throw, but better to be safe.
|
|
21431
|
+
return false;
|
|
21432
|
+
}
|
|
21433
|
+
}
|
|
21434
|
+
objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
|
|
21435
|
+
var from;
|
|
21436
|
+
var to = toObject(target);
|
|
21437
|
+
var symbols;
|
|
21438
|
+
for (var s = 1; s < arguments.length; s++) {
|
|
21439
|
+
from = Object(arguments[s]);
|
|
21440
|
+
for (var key in from) {
|
|
21441
|
+
if (hasOwnProperty.call(from, key)) {
|
|
21442
|
+
to[key] = from[key];
|
|
21443
|
+
}
|
|
21444
|
+
}
|
|
21445
|
+
if (getOwnPropertySymbols) {
|
|
21446
|
+
symbols = getOwnPropertySymbols(from);
|
|
21447
|
+
for (var i = 0; i < symbols.length; i++) {
|
|
21448
|
+
if (propIsEnumerable.call(from, symbols[i])) {
|
|
21449
|
+
to[symbols[i]] = from[symbols[i]];
|
|
21450
|
+
}
|
|
21451
|
+
}
|
|
21452
|
+
}
|
|
21453
|
+
}
|
|
21454
|
+
return to;
|
|
21455
|
+
};
|
|
21456
|
+
return objectAssign;
|
|
21457
|
+
}
|
|
21458
|
+
|
|
21459
|
+
/**
|
|
21460
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
21461
|
+
*
|
|
21462
|
+
* This source code is licensed under the MIT license found in the
|
|
21463
|
+
* LICENSE file in the root directory of this source tree.
|
|
21464
|
+
*/
|
|
21465
|
+
var ReactPropTypesSecret_1;
|
|
21466
|
+
var hasRequiredReactPropTypesSecret;
|
|
21467
|
+
function requireReactPropTypesSecret() {
|
|
21468
|
+
if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
|
|
21469
|
+
hasRequiredReactPropTypesSecret = 1;
|
|
21470
|
+
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
|
|
21471
|
+
ReactPropTypesSecret_1 = ReactPropTypesSecret;
|
|
21472
|
+
return ReactPropTypesSecret_1;
|
|
21473
|
+
}
|
|
21474
|
+
|
|
21475
|
+
var has;
|
|
21476
|
+
var hasRequiredHas;
|
|
21477
|
+
function requireHas() {
|
|
21478
|
+
if (hasRequiredHas) return has;
|
|
21479
|
+
hasRequiredHas = 1;
|
|
21480
|
+
has = Function.call.bind(Object.prototype.hasOwnProperty);
|
|
21481
|
+
return has;
|
|
21482
|
+
}
|
|
21483
|
+
|
|
21484
|
+
/**
|
|
21485
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
21486
|
+
*
|
|
21487
|
+
* This source code is licensed under the MIT license found in the
|
|
21488
|
+
* LICENSE file in the root directory of this source tree.
|
|
21489
|
+
*/
|
|
21490
|
+
var checkPropTypes_1;
|
|
21491
|
+
var hasRequiredCheckPropTypes;
|
|
21492
|
+
function requireCheckPropTypes() {
|
|
21493
|
+
if (hasRequiredCheckPropTypes) return checkPropTypes_1;
|
|
21494
|
+
hasRequiredCheckPropTypes = 1;
|
|
21495
|
+
var printWarning = function () {};
|
|
21496
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21497
|
+
var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret();
|
|
21498
|
+
var loggedTypeFailures = {};
|
|
21499
|
+
var has = /*@__PURE__*/requireHas();
|
|
21500
|
+
printWarning = function (text) {
|
|
21501
|
+
var message = 'Warning: ' + text;
|
|
21502
|
+
if (typeof console !== 'undefined') {
|
|
21503
|
+
console.error(message);
|
|
21504
|
+
}
|
|
21505
|
+
try {
|
|
21506
|
+
// --- Welcome to debugging React ---
|
|
21507
|
+
// This error was thrown as a convenience so that you can use this stack
|
|
21508
|
+
// to find the callsite that caused this warning to fire.
|
|
21509
|
+
throw new Error(message);
|
|
21510
|
+
} catch (x) {/**/}
|
|
21511
|
+
};
|
|
21512
|
+
}
|
|
21513
|
+
|
|
21514
|
+
/**
|
|
21515
|
+
* Assert that the values match with the type specs.
|
|
21516
|
+
* Error messages are memorized and will only be shown once.
|
|
21517
|
+
*
|
|
21518
|
+
* @param {object} typeSpecs Map of name to a ReactPropType
|
|
21519
|
+
* @param {object} values Runtime values that need to be type-checked
|
|
21520
|
+
* @param {string} location e.g. "prop", "context", "child context"
|
|
21521
|
+
* @param {string} componentName Name of the component for error messages.
|
|
21522
|
+
* @param {?Function} getStack Returns the component stack.
|
|
21523
|
+
* @private
|
|
21524
|
+
*/
|
|
21525
|
+
function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
|
|
21526
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21527
|
+
for (var typeSpecName in typeSpecs) {
|
|
21528
|
+
if (has(typeSpecs, typeSpecName)) {
|
|
21529
|
+
var error;
|
|
21530
|
+
// Prop type validation may throw. In case they do, we don't want to
|
|
21531
|
+
// fail the render phase where it didn't fail before. So we log it.
|
|
21532
|
+
// After these have been cleaned up, we'll let them throw.
|
|
21533
|
+
try {
|
|
21534
|
+
// This is intentionally an invariant that gets caught. It's the same
|
|
21535
|
+
// behavior as without this statement except with a better message.
|
|
21536
|
+
if (typeof typeSpecs[typeSpecName] !== 'function') {
|
|
21537
|
+
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`.');
|
|
21538
|
+
err.name = 'Invariant Violation';
|
|
21539
|
+
throw err;
|
|
21540
|
+
}
|
|
21541
|
+
error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
|
|
21542
|
+
} catch (ex) {
|
|
21543
|
+
error = ex;
|
|
21544
|
+
}
|
|
21545
|
+
if (error && !(error instanceof Error)) {
|
|
21546
|
+
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).');
|
|
21547
|
+
}
|
|
21548
|
+
if (error instanceof Error && !(error.message in loggedTypeFailures)) {
|
|
21549
|
+
// Only monitor this failure once because there tends to be a lot of the
|
|
21550
|
+
// same error.
|
|
21551
|
+
loggedTypeFailures[error.message] = true;
|
|
21552
|
+
var stack = getStack ? getStack() : '';
|
|
21553
|
+
printWarning('Failed ' + location + ' type: ' + error.message + (stack != null ? stack : ''));
|
|
21554
|
+
}
|
|
21555
|
+
}
|
|
21556
|
+
}
|
|
21557
|
+
}
|
|
21558
|
+
}
|
|
21559
|
+
|
|
21560
|
+
/**
|
|
21561
|
+
* Resets warning cache when testing.
|
|
21562
|
+
*
|
|
21563
|
+
* @private
|
|
21564
|
+
*/
|
|
21565
|
+
checkPropTypes.resetWarningCache = function () {
|
|
21566
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21567
|
+
loggedTypeFailures = {};
|
|
21568
|
+
}
|
|
21569
|
+
};
|
|
21570
|
+
checkPropTypes_1 = checkPropTypes;
|
|
21571
|
+
return checkPropTypes_1;
|
|
21572
|
+
}
|
|
21573
|
+
|
|
21574
|
+
/**
|
|
21575
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
21576
|
+
*
|
|
21577
|
+
* This source code is licensed under the MIT license found in the
|
|
21578
|
+
* LICENSE file in the root directory of this source tree.
|
|
21579
|
+
*/
|
|
21580
|
+
var factoryWithTypeCheckers;
|
|
21581
|
+
var hasRequiredFactoryWithTypeCheckers;
|
|
21582
|
+
function requireFactoryWithTypeCheckers() {
|
|
21583
|
+
if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
|
|
21584
|
+
hasRequiredFactoryWithTypeCheckers = 1;
|
|
21585
|
+
var ReactIs = requireReactIs$1();
|
|
21586
|
+
var assign = requireObjectAssign();
|
|
21587
|
+
var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret();
|
|
21588
|
+
var has = /*@__PURE__*/requireHas();
|
|
21589
|
+
var checkPropTypes = /*@__PURE__*/requireCheckPropTypes();
|
|
21590
|
+
var printWarning = function () {};
|
|
21591
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21592
|
+
printWarning = function (text) {
|
|
21593
|
+
var message = 'Warning: ' + text;
|
|
21594
|
+
if (typeof console !== 'undefined') {
|
|
21595
|
+
console.error(message);
|
|
21596
|
+
}
|
|
21597
|
+
try {
|
|
21598
|
+
// --- Welcome to debugging React ---
|
|
21599
|
+
// This error was thrown as a convenience so that you can use this stack
|
|
21600
|
+
// to find the callsite that caused this warning to fire.
|
|
21601
|
+
throw new Error(message);
|
|
21602
|
+
} catch (x) {}
|
|
21603
|
+
};
|
|
21604
|
+
}
|
|
21605
|
+
function emptyFunctionThatReturnsNull() {
|
|
21606
|
+
return null;
|
|
21607
|
+
}
|
|
21608
|
+
factoryWithTypeCheckers = function (isValidElement, throwOnDirectAccess) {
|
|
21609
|
+
/* global Symbol */
|
|
21610
|
+
var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
|
|
21611
|
+
var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
|
|
21612
|
+
|
|
21613
|
+
/**
|
|
21614
|
+
* Returns the iterator method function contained on the iterable object.
|
|
21615
|
+
*
|
|
21616
|
+
* Be sure to invoke the function with the iterable as context:
|
|
21617
|
+
*
|
|
21618
|
+
* var iteratorFn = getIteratorFn(myIterable);
|
|
21619
|
+
* if (iteratorFn) {
|
|
21620
|
+
* var iterator = iteratorFn.call(myIterable);
|
|
21621
|
+
* ...
|
|
21622
|
+
* }
|
|
21623
|
+
*
|
|
21624
|
+
* @param {?object} maybeIterable
|
|
21625
|
+
* @return {?function}
|
|
21626
|
+
*/
|
|
21627
|
+
function getIteratorFn(maybeIterable) {
|
|
21628
|
+
var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
|
|
21629
|
+
if (typeof iteratorFn === 'function') {
|
|
21630
|
+
return iteratorFn;
|
|
21631
|
+
}
|
|
21632
|
+
}
|
|
21633
|
+
|
|
21634
|
+
/**
|
|
21635
|
+
* Collection of methods that allow declaration and validation of props that are
|
|
21636
|
+
* supplied to React components. Example usage:
|
|
21637
|
+
*
|
|
21638
|
+
* var Props = require('ReactPropTypes');
|
|
21639
|
+
* var MyArticle = React.createClass({
|
|
21640
|
+
* propTypes: {
|
|
21641
|
+
* // An optional string prop named "description".
|
|
21642
|
+
* description: Props.string,
|
|
21643
|
+
*
|
|
21644
|
+
* // A required enum prop named "category".
|
|
21645
|
+
* category: Props.oneOf(['News','Photos']).isRequired,
|
|
21646
|
+
*
|
|
21647
|
+
* // A prop named "dialog" that requires an instance of Dialog.
|
|
21648
|
+
* dialog: Props.instanceOf(Dialog).isRequired
|
|
21649
|
+
* },
|
|
21650
|
+
* render: function() { ... }
|
|
21651
|
+
* });
|
|
21652
|
+
*
|
|
21653
|
+
* A more formal specification of how these methods are used:
|
|
21654
|
+
*
|
|
21655
|
+
* type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
|
|
21656
|
+
* decl := ReactPropTypes.{type}(.isRequired)?
|
|
21657
|
+
*
|
|
21658
|
+
* Each and every declaration produces a function with the same signature. This
|
|
21659
|
+
* allows the creation of custom validation functions. For example:
|
|
21660
|
+
*
|
|
21661
|
+
* var MyLink = React.createClass({
|
|
21662
|
+
* propTypes: {
|
|
21663
|
+
* // An optional string or URI prop named "href".
|
|
21664
|
+
* href: function(props, propName, componentName) {
|
|
21665
|
+
* var propValue = props[propName];
|
|
21666
|
+
* if (propValue != null && typeof propValue !== 'string' &&
|
|
21667
|
+
* !(propValue instanceof URI)) {
|
|
21668
|
+
* return new Error(
|
|
21669
|
+
* 'Expected a string or an URI for ' + propName + ' in ' +
|
|
21670
|
+
* componentName
|
|
21671
|
+
* );
|
|
21672
|
+
* }
|
|
21673
|
+
* }
|
|
21674
|
+
* },
|
|
21675
|
+
* render: function() {...}
|
|
21676
|
+
* });
|
|
21677
|
+
*
|
|
21678
|
+
* @internal
|
|
21679
|
+
*/
|
|
21680
|
+
|
|
21681
|
+
var ANONYMOUS = '<<anonymous>>';
|
|
21682
|
+
|
|
21683
|
+
// Important!
|
|
21684
|
+
// Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
|
|
21685
|
+
var ReactPropTypes = {
|
|
21686
|
+
array: createPrimitiveTypeChecker('array'),
|
|
21687
|
+
bigint: createPrimitiveTypeChecker('bigint'),
|
|
21688
|
+
bool: createPrimitiveTypeChecker('boolean'),
|
|
21689
|
+
func: createPrimitiveTypeChecker('function'),
|
|
21690
|
+
number: createPrimitiveTypeChecker('number'),
|
|
21691
|
+
object: createPrimitiveTypeChecker('object'),
|
|
21692
|
+
string: createPrimitiveTypeChecker('string'),
|
|
21693
|
+
symbol: createPrimitiveTypeChecker('symbol'),
|
|
21694
|
+
any: createAnyTypeChecker(),
|
|
21695
|
+
arrayOf: createArrayOfTypeChecker,
|
|
21696
|
+
element: createElementTypeChecker(),
|
|
21697
|
+
elementType: createElementTypeTypeChecker(),
|
|
21698
|
+
instanceOf: createInstanceTypeChecker,
|
|
21699
|
+
node: createNodeChecker(),
|
|
21700
|
+
objectOf: createObjectOfTypeChecker,
|
|
21701
|
+
oneOf: createEnumTypeChecker,
|
|
21702
|
+
oneOfType: createUnionTypeChecker,
|
|
21703
|
+
shape: createShapeTypeChecker,
|
|
21704
|
+
exact: createStrictShapeTypeChecker
|
|
21705
|
+
};
|
|
21706
|
+
|
|
21707
|
+
/**
|
|
21708
|
+
* inlined Object.is polyfill to avoid requiring consumers ship their own
|
|
21709
|
+
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
|
|
21710
|
+
*/
|
|
21711
|
+
/*eslint-disable no-self-compare*/
|
|
21712
|
+
function is(x, y) {
|
|
21713
|
+
// SameValue algorithm
|
|
21714
|
+
if (x === y) {
|
|
21715
|
+
// Steps 1-5, 7-10
|
|
21716
|
+
// Steps 6.b-6.e: +0 != -0
|
|
21717
|
+
return x !== 0 || 1 / x === 1 / y;
|
|
21718
|
+
} else {
|
|
21719
|
+
// Step 6.a: NaN == NaN
|
|
21720
|
+
return x !== x && y !== y;
|
|
21721
|
+
}
|
|
21722
|
+
}
|
|
21723
|
+
/*eslint-enable no-self-compare*/
|
|
21724
|
+
|
|
21725
|
+
/**
|
|
21726
|
+
* We use an Error-like object for backward compatibility as people may call
|
|
21727
|
+
* PropTypes directly and inspect their output. However, we don't use real
|
|
21728
|
+
* Errors anymore. We don't inspect their stack anyway, and creating them
|
|
21729
|
+
* is prohibitively expensive if they are created too often, such as what
|
|
21730
|
+
* happens in oneOfType() for any type before the one that matched.
|
|
21731
|
+
*/
|
|
21732
|
+
function PropTypeError(message, data) {
|
|
21733
|
+
this.message = message;
|
|
21734
|
+
this.data = data && typeof data === 'object' ? data : {};
|
|
21735
|
+
this.stack = '';
|
|
21736
|
+
}
|
|
21737
|
+
// Make `instanceof Error` still work for returned errors.
|
|
21738
|
+
PropTypeError.prototype = Error.prototype;
|
|
21739
|
+
function createChainableTypeChecker(validate) {
|
|
21740
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21741
|
+
var manualPropTypeCallCache = {};
|
|
21742
|
+
var manualPropTypeWarningCount = 0;
|
|
21743
|
+
}
|
|
21744
|
+
function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
|
|
21745
|
+
componentName = componentName || ANONYMOUS;
|
|
21746
|
+
propFullName = propFullName || propName;
|
|
21747
|
+
if (secret !== ReactPropTypesSecret) {
|
|
21748
|
+
if (throwOnDirectAccess) {
|
|
21749
|
+
// New behavior only for users of `prop-types` package
|
|
21750
|
+
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');
|
|
21751
|
+
err.name = 'Invariant Violation';
|
|
21752
|
+
throw err;
|
|
21753
|
+
} else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
|
|
21754
|
+
// Old behavior for people using React.PropTypes
|
|
21755
|
+
var cacheKey = componentName + ':' + propName;
|
|
21756
|
+
if (!manualPropTypeCallCache[cacheKey] &&
|
|
21757
|
+
// Avoid spamming the console because they are often not actionable except for lib authors
|
|
21758
|
+
manualPropTypeWarningCount < 3) {
|
|
21759
|
+
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.');
|
|
21760
|
+
manualPropTypeCallCache[cacheKey] = true;
|
|
21761
|
+
manualPropTypeWarningCount++;
|
|
21762
|
+
}
|
|
21763
|
+
}
|
|
21764
|
+
}
|
|
21765
|
+
if (props[propName] == null) {
|
|
21766
|
+
if (isRequired) {
|
|
21767
|
+
if (props[propName] === null) {
|
|
21768
|
+
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
|
|
21769
|
+
}
|
|
21770
|
+
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
|
|
21771
|
+
}
|
|
21772
|
+
return null;
|
|
21773
|
+
} else {
|
|
21774
|
+
return validate(props, propName, componentName, location, propFullName);
|
|
21775
|
+
}
|
|
21776
|
+
}
|
|
21777
|
+
var chainedCheckType = checkType.bind(null, false);
|
|
21778
|
+
chainedCheckType.isRequired = checkType.bind(null, true);
|
|
21779
|
+
return chainedCheckType;
|
|
21780
|
+
}
|
|
21781
|
+
function createPrimitiveTypeChecker(expectedType) {
|
|
21782
|
+
function validate(props, propName, componentName, location, propFullName, secret) {
|
|
21783
|
+
var propValue = props[propName];
|
|
21784
|
+
var propType = getPropType(propValue);
|
|
21785
|
+
if (propType !== expectedType) {
|
|
21786
|
+
// `propValue` being instance of, say, date/regexp, pass the 'object'
|
|
21787
|
+
// check, but we can offer a more precise error message here rather than
|
|
21788
|
+
// 'of type `object`'.
|
|
21789
|
+
var preciseType = getPreciseType(propValue);
|
|
21790
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'), {
|
|
21791
|
+
expectedType: expectedType
|
|
21792
|
+
});
|
|
21793
|
+
}
|
|
21794
|
+
return null;
|
|
21795
|
+
}
|
|
21796
|
+
return createChainableTypeChecker(validate);
|
|
21797
|
+
}
|
|
21798
|
+
function createAnyTypeChecker() {
|
|
21799
|
+
return createChainableTypeChecker(emptyFunctionThatReturnsNull);
|
|
21800
|
+
}
|
|
21801
|
+
function createArrayOfTypeChecker(typeChecker) {
|
|
21802
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21803
|
+
if (typeof typeChecker !== 'function') {
|
|
21804
|
+
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
|
|
21805
|
+
}
|
|
21806
|
+
var propValue = props[propName];
|
|
21807
|
+
if (!Array.isArray(propValue)) {
|
|
21808
|
+
var propType = getPropType(propValue);
|
|
21809
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
|
|
21810
|
+
}
|
|
21811
|
+
for (var i = 0; i < propValue.length; i++) {
|
|
21812
|
+
var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
|
|
21813
|
+
if (error instanceof Error) {
|
|
21814
|
+
return error;
|
|
21815
|
+
}
|
|
21816
|
+
}
|
|
21817
|
+
return null;
|
|
21818
|
+
}
|
|
21819
|
+
return createChainableTypeChecker(validate);
|
|
21820
|
+
}
|
|
21821
|
+
function createElementTypeChecker() {
|
|
21822
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21823
|
+
var propValue = props[propName];
|
|
21824
|
+
if (!isValidElement(propValue)) {
|
|
21825
|
+
var propType = getPropType(propValue);
|
|
21826
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
|
|
21827
|
+
}
|
|
21828
|
+
return null;
|
|
21829
|
+
}
|
|
21830
|
+
return createChainableTypeChecker(validate);
|
|
21831
|
+
}
|
|
21832
|
+
function createElementTypeTypeChecker() {
|
|
21833
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21834
|
+
var propValue = props[propName];
|
|
21835
|
+
if (!ReactIs.isValidElementType(propValue)) {
|
|
21836
|
+
var propType = getPropType(propValue);
|
|
21837
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
|
|
21838
|
+
}
|
|
21839
|
+
return null;
|
|
21840
|
+
}
|
|
21841
|
+
return createChainableTypeChecker(validate);
|
|
21842
|
+
}
|
|
21843
|
+
function createInstanceTypeChecker(expectedClass) {
|
|
21844
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21845
|
+
if (!(props[propName] instanceof expectedClass)) {
|
|
21846
|
+
var expectedClassName = expectedClass.name || ANONYMOUS;
|
|
21847
|
+
var actualClassName = getClassName(props[propName]);
|
|
21848
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
|
|
21849
|
+
}
|
|
21850
|
+
return null;
|
|
21851
|
+
}
|
|
21852
|
+
return createChainableTypeChecker(validate);
|
|
21853
|
+
}
|
|
21854
|
+
function createEnumTypeChecker(expectedValues) {
|
|
21855
|
+
if (!Array.isArray(expectedValues)) {
|
|
21856
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21857
|
+
if (arguments.length > 1) {
|
|
21858
|
+
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]).');
|
|
21859
|
+
} else {
|
|
21860
|
+
printWarning('Invalid argument supplied to oneOf, expected an array.');
|
|
21861
|
+
}
|
|
21862
|
+
}
|
|
21863
|
+
return emptyFunctionThatReturnsNull;
|
|
21864
|
+
}
|
|
21865
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21866
|
+
var propValue = props[propName];
|
|
21867
|
+
for (var i = 0; i < expectedValues.length; i++) {
|
|
21868
|
+
if (is(propValue, expectedValues[i])) {
|
|
21869
|
+
return null;
|
|
21870
|
+
}
|
|
21871
|
+
}
|
|
21872
|
+
var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
|
|
21873
|
+
var type = getPreciseType(value);
|
|
21874
|
+
if (type === 'symbol') {
|
|
21875
|
+
return String(value);
|
|
21876
|
+
}
|
|
21877
|
+
return value;
|
|
21878
|
+
});
|
|
21879
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
|
|
21880
|
+
}
|
|
21881
|
+
return createChainableTypeChecker(validate);
|
|
21882
|
+
}
|
|
21883
|
+
function createObjectOfTypeChecker(typeChecker) {
|
|
21884
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21885
|
+
if (typeof typeChecker !== 'function') {
|
|
21886
|
+
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
|
|
21887
|
+
}
|
|
21888
|
+
var propValue = props[propName];
|
|
21889
|
+
var propType = getPropType(propValue);
|
|
21890
|
+
if (propType !== 'object') {
|
|
21891
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
|
|
21892
|
+
}
|
|
21893
|
+
for (var key in propValue) {
|
|
21894
|
+
if (has(propValue, key)) {
|
|
21895
|
+
var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
21896
|
+
if (error instanceof Error) {
|
|
21897
|
+
return error;
|
|
21898
|
+
}
|
|
21899
|
+
}
|
|
21900
|
+
}
|
|
21901
|
+
return null;
|
|
21902
|
+
}
|
|
21903
|
+
return createChainableTypeChecker(validate);
|
|
21904
|
+
}
|
|
21905
|
+
function createUnionTypeChecker(arrayOfTypeCheckers) {
|
|
21906
|
+
if (!Array.isArray(arrayOfTypeCheckers)) {
|
|
21907
|
+
process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
|
|
21908
|
+
return emptyFunctionThatReturnsNull;
|
|
21909
|
+
}
|
|
21910
|
+
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
|
21911
|
+
var checker = arrayOfTypeCheckers[i];
|
|
21912
|
+
if (typeof checker !== 'function') {
|
|
21913
|
+
printWarning('Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.');
|
|
21914
|
+
return emptyFunctionThatReturnsNull;
|
|
21915
|
+
}
|
|
21916
|
+
}
|
|
21917
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21918
|
+
var expectedTypes = [];
|
|
21919
|
+
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
|
21920
|
+
var checker = arrayOfTypeCheckers[i];
|
|
21921
|
+
var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
|
|
21922
|
+
if (checkerResult == null) {
|
|
21923
|
+
return null;
|
|
21924
|
+
}
|
|
21925
|
+
if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
|
|
21926
|
+
expectedTypes.push(checkerResult.data.expectedType);
|
|
21927
|
+
}
|
|
21928
|
+
}
|
|
21929
|
+
var expectedTypesMessage = expectedTypes.length > 0 ? ', expected one of type [' + expectedTypes.join(', ') + ']' : '';
|
|
21930
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
|
|
21931
|
+
}
|
|
21932
|
+
return createChainableTypeChecker(validate);
|
|
21933
|
+
}
|
|
21934
|
+
function createNodeChecker() {
|
|
21935
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21936
|
+
if (!isNode(props[propName])) {
|
|
21937
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
|
|
21938
|
+
}
|
|
21939
|
+
return null;
|
|
21940
|
+
}
|
|
21941
|
+
return createChainableTypeChecker(validate);
|
|
21942
|
+
}
|
|
21943
|
+
function invalidValidatorError(componentName, location, propFullName, key, type) {
|
|
21944
|
+
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 + '`.');
|
|
21945
|
+
}
|
|
21946
|
+
function createShapeTypeChecker(shapeTypes) {
|
|
21947
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21948
|
+
var propValue = props[propName];
|
|
21949
|
+
var propType = getPropType(propValue);
|
|
21950
|
+
if (propType !== 'object') {
|
|
21951
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
|
|
21952
|
+
}
|
|
21953
|
+
for (var key in shapeTypes) {
|
|
21954
|
+
var checker = shapeTypes[key];
|
|
21955
|
+
if (typeof checker !== 'function') {
|
|
21956
|
+
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
|
21957
|
+
}
|
|
21958
|
+
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
21959
|
+
if (error) {
|
|
21960
|
+
return error;
|
|
21961
|
+
}
|
|
21962
|
+
}
|
|
21963
|
+
return null;
|
|
21964
|
+
}
|
|
21965
|
+
return createChainableTypeChecker(validate);
|
|
21966
|
+
}
|
|
21967
|
+
function createStrictShapeTypeChecker(shapeTypes) {
|
|
21968
|
+
function validate(props, propName, componentName, location, propFullName) {
|
|
21969
|
+
var propValue = props[propName];
|
|
21970
|
+
var propType = getPropType(propValue);
|
|
21971
|
+
if (propType !== 'object') {
|
|
21972
|
+
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
|
|
21973
|
+
}
|
|
21974
|
+
// We need to check all keys in case some are required but missing from props.
|
|
21975
|
+
var allKeys = assign({}, props[propName], shapeTypes);
|
|
21976
|
+
for (var key in allKeys) {
|
|
21977
|
+
var checker = shapeTypes[key];
|
|
21978
|
+
if (has(shapeTypes, key) && typeof checker !== 'function') {
|
|
21979
|
+
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
|
21980
|
+
}
|
|
21981
|
+
if (!checker) {
|
|
21982
|
+
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, ' '));
|
|
21983
|
+
}
|
|
21984
|
+
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
21985
|
+
if (error) {
|
|
21986
|
+
return error;
|
|
21987
|
+
}
|
|
21988
|
+
}
|
|
21989
|
+
return null;
|
|
21990
|
+
}
|
|
21991
|
+
return createChainableTypeChecker(validate);
|
|
21992
|
+
}
|
|
21993
|
+
function isNode(propValue) {
|
|
21994
|
+
switch (typeof propValue) {
|
|
21995
|
+
case 'number':
|
|
21996
|
+
case 'string':
|
|
21997
|
+
case 'undefined':
|
|
21998
|
+
return true;
|
|
21999
|
+
case 'boolean':
|
|
22000
|
+
return !propValue;
|
|
22001
|
+
case 'object':
|
|
22002
|
+
if (Array.isArray(propValue)) {
|
|
22003
|
+
return propValue.every(isNode);
|
|
22004
|
+
}
|
|
22005
|
+
if (propValue === null || isValidElement(propValue)) {
|
|
22006
|
+
return true;
|
|
22007
|
+
}
|
|
22008
|
+
var iteratorFn = getIteratorFn(propValue);
|
|
22009
|
+
if (iteratorFn) {
|
|
22010
|
+
var iterator = iteratorFn.call(propValue);
|
|
22011
|
+
var step;
|
|
22012
|
+
if (iteratorFn !== propValue.entries) {
|
|
22013
|
+
while (!(step = iterator.next()).done) {
|
|
22014
|
+
if (!isNode(step.value)) {
|
|
22015
|
+
return false;
|
|
22016
|
+
}
|
|
22017
|
+
}
|
|
22018
|
+
} else {
|
|
22019
|
+
// Iterator will provide entry [k,v] tuples rather than values.
|
|
22020
|
+
while (!(step = iterator.next()).done) {
|
|
22021
|
+
var entry = step.value;
|
|
22022
|
+
if (entry) {
|
|
22023
|
+
if (!isNode(entry[1])) {
|
|
22024
|
+
return false;
|
|
22025
|
+
}
|
|
22026
|
+
}
|
|
22027
|
+
}
|
|
22028
|
+
}
|
|
22029
|
+
} else {
|
|
22030
|
+
return false;
|
|
22031
|
+
}
|
|
22032
|
+
return true;
|
|
22033
|
+
default:
|
|
22034
|
+
return false;
|
|
22035
|
+
}
|
|
22036
|
+
}
|
|
22037
|
+
function isSymbol(propType, propValue) {
|
|
22038
|
+
// Native Symbol.
|
|
22039
|
+
if (propType === 'symbol') {
|
|
22040
|
+
return true;
|
|
22041
|
+
}
|
|
22042
|
+
|
|
22043
|
+
// falsy value can't be a Symbol
|
|
22044
|
+
if (!propValue) {
|
|
22045
|
+
return false;
|
|
22046
|
+
}
|
|
22047
|
+
|
|
22048
|
+
// 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
|
|
22049
|
+
if (propValue['@@toStringTag'] === 'Symbol') {
|
|
22050
|
+
return true;
|
|
22051
|
+
}
|
|
22052
|
+
|
|
22053
|
+
// Fallback for non-spec compliant Symbols which are polyfilled.
|
|
22054
|
+
if (typeof Symbol === 'function' && propValue instanceof Symbol) {
|
|
22055
|
+
return true;
|
|
22056
|
+
}
|
|
22057
|
+
return false;
|
|
22058
|
+
}
|
|
22059
|
+
|
|
22060
|
+
// Equivalent of `typeof` but with special handling for array and regexp.
|
|
22061
|
+
function getPropType(propValue) {
|
|
22062
|
+
var propType = typeof propValue;
|
|
22063
|
+
if (Array.isArray(propValue)) {
|
|
22064
|
+
return 'array';
|
|
22065
|
+
}
|
|
22066
|
+
if (propValue instanceof RegExp) {
|
|
22067
|
+
// Old webkits (at least until Android 4.0) return 'function' rather than
|
|
22068
|
+
// 'object' for typeof a RegExp. We'll normalize this here so that /bla/
|
|
22069
|
+
// passes PropTypes.object.
|
|
22070
|
+
return 'object';
|
|
22071
|
+
}
|
|
22072
|
+
if (isSymbol(propType, propValue)) {
|
|
22073
|
+
return 'symbol';
|
|
22074
|
+
}
|
|
22075
|
+
return propType;
|
|
22076
|
+
}
|
|
22077
|
+
|
|
22078
|
+
// This handles more types than `getPropType`. Only used for error messages.
|
|
22079
|
+
// See `createPrimitiveTypeChecker`.
|
|
22080
|
+
function getPreciseType(propValue) {
|
|
22081
|
+
if (typeof propValue === 'undefined' || propValue === null) {
|
|
22082
|
+
return '' + propValue;
|
|
22083
|
+
}
|
|
22084
|
+
var propType = getPropType(propValue);
|
|
22085
|
+
if (propType === 'object') {
|
|
22086
|
+
if (propValue instanceof Date) {
|
|
22087
|
+
return 'date';
|
|
22088
|
+
} else if (propValue instanceof RegExp) {
|
|
22089
|
+
return 'regexp';
|
|
22090
|
+
}
|
|
22091
|
+
}
|
|
22092
|
+
return propType;
|
|
22093
|
+
}
|
|
22094
|
+
|
|
22095
|
+
// Returns a string that is postfixed to a warning about an invalid type.
|
|
22096
|
+
// For example, "undefined" or "of type array"
|
|
22097
|
+
function getPostfixForTypeWarning(value) {
|
|
22098
|
+
var type = getPreciseType(value);
|
|
22099
|
+
switch (type) {
|
|
22100
|
+
case 'array':
|
|
22101
|
+
case 'object':
|
|
22102
|
+
return 'an ' + type;
|
|
22103
|
+
case 'boolean':
|
|
22104
|
+
case 'date':
|
|
22105
|
+
case 'regexp':
|
|
22106
|
+
return 'a ' + type;
|
|
22107
|
+
default:
|
|
22108
|
+
return type;
|
|
22109
|
+
}
|
|
22110
|
+
}
|
|
22111
|
+
|
|
22112
|
+
// Returns class name of the object, if any.
|
|
22113
|
+
function getClassName(propValue) {
|
|
22114
|
+
if (!propValue.constructor || !propValue.constructor.name) {
|
|
22115
|
+
return ANONYMOUS;
|
|
22116
|
+
}
|
|
22117
|
+
return propValue.constructor.name;
|
|
22118
|
+
}
|
|
22119
|
+
ReactPropTypes.checkPropTypes = checkPropTypes;
|
|
22120
|
+
ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
|
|
22121
|
+
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
22122
|
+
return ReactPropTypes;
|
|
22123
|
+
};
|
|
22124
|
+
return factoryWithTypeCheckers;
|
|
22125
|
+
}
|
|
22126
|
+
|
|
22127
|
+
/**
|
|
22128
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
22129
|
+
*
|
|
22130
|
+
* This source code is licensed under the MIT license found in the
|
|
22131
|
+
* LICENSE file in the root directory of this source tree.
|
|
22132
|
+
*/
|
|
22133
|
+
var factoryWithThrowingShims;
|
|
22134
|
+
var hasRequiredFactoryWithThrowingShims;
|
|
22135
|
+
function requireFactoryWithThrowingShims() {
|
|
22136
|
+
if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
|
|
22137
|
+
hasRequiredFactoryWithThrowingShims = 1;
|
|
22138
|
+
var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret();
|
|
22139
|
+
function emptyFunction() {}
|
|
22140
|
+
function emptyFunctionWithReset() {}
|
|
22141
|
+
emptyFunctionWithReset.resetWarningCache = emptyFunction;
|
|
22142
|
+
factoryWithThrowingShims = function () {
|
|
22143
|
+
function shim(props, propName, componentName, location, propFullName, secret) {
|
|
22144
|
+
if (secret === ReactPropTypesSecret) {
|
|
22145
|
+
// It is still safe when called from React.
|
|
22146
|
+
return;
|
|
22147
|
+
}
|
|
22148
|
+
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');
|
|
22149
|
+
err.name = 'Invariant Violation';
|
|
22150
|
+
throw err;
|
|
22151
|
+
}
|
|
22152
|
+
shim.isRequired = shim;
|
|
22153
|
+
function getShim() {
|
|
22154
|
+
return shim;
|
|
22155
|
+
}
|
|
22156
|
+
// Important!
|
|
22157
|
+
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
|
|
22158
|
+
var ReactPropTypes = {
|
|
22159
|
+
array: shim,
|
|
22160
|
+
bigint: shim,
|
|
22161
|
+
bool: shim,
|
|
22162
|
+
func: shim,
|
|
22163
|
+
number: shim,
|
|
22164
|
+
object: shim,
|
|
22165
|
+
string: shim,
|
|
22166
|
+
symbol: shim,
|
|
22167
|
+
any: shim,
|
|
22168
|
+
arrayOf: getShim,
|
|
22169
|
+
element: shim,
|
|
22170
|
+
elementType: shim,
|
|
22171
|
+
instanceOf: getShim,
|
|
22172
|
+
node: shim,
|
|
22173
|
+
objectOf: getShim,
|
|
22174
|
+
oneOf: getShim,
|
|
22175
|
+
oneOfType: getShim,
|
|
22176
|
+
shape: getShim,
|
|
22177
|
+
exact: getShim,
|
|
22178
|
+
checkPropTypes: emptyFunctionWithReset,
|
|
22179
|
+
resetWarningCache: emptyFunction
|
|
22180
|
+
};
|
|
22181
|
+
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
22182
|
+
return ReactPropTypes;
|
|
22183
|
+
};
|
|
22184
|
+
return factoryWithThrowingShims;
|
|
22185
|
+
}
|
|
22186
|
+
|
|
22187
|
+
/**
|
|
22188
|
+
* Copyright (c) 2013-present, Facebook, Inc.
|
|
22189
|
+
*
|
|
22190
|
+
* This source code is licensed under the MIT license found in the
|
|
22191
|
+
* LICENSE file in the root directory of this source tree.
|
|
22192
|
+
*/
|
|
22193
|
+
var hasRequiredPropTypes;
|
|
22194
|
+
function requirePropTypes() {
|
|
22195
|
+
if (hasRequiredPropTypes) return propTypes.exports;
|
|
22196
|
+
hasRequiredPropTypes = 1;
|
|
22197
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
22198
|
+
var ReactIs = requireReactIs$1();
|
|
22199
|
+
|
|
22200
|
+
// By explicitly using `prop-types` you are opting into new development behavior.
|
|
22201
|
+
// http://fb.me/prop-types-in-prod
|
|
22202
|
+
var throwOnDirectAccess = true;
|
|
22203
|
+
propTypes.exports = /*@__PURE__*/requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
|
|
22204
|
+
} else {
|
|
22205
|
+
// By explicitly using `prop-types` you are opting into new production behavior.
|
|
22206
|
+
// http://fb.me/prop-types-in-prod
|
|
22207
|
+
propTypes.exports = /*@__PURE__*/requireFactoryWithThrowingShims()();
|
|
22208
|
+
}
|
|
22209
|
+
return propTypes.exports;
|
|
22210
|
+
}
|
|
22211
|
+
|
|
22212
|
+
var propTypesExports = /*@__PURE__*/ requirePropTypes();
|
|
22213
|
+
var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
22214
|
+
|
|
22215
|
+
var _excluded = ["sitekey", "onChange", "theme", "type", "tabindex", "onExpired", "onErrored", "size", "stoken", "grecaptcha", "badge", "hl", "isolated"];
|
|
22216
|
+
function _extends$1() {
|
|
22217
|
+
_extends$1 = Object.assign ? Object.assign.bind() : function (target) {
|
|
22218
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
22219
|
+
var source = arguments[i];
|
|
22220
|
+
for (var key in source) {
|
|
22221
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
22222
|
+
target[key] = source[key];
|
|
22223
|
+
}
|
|
22224
|
+
}
|
|
22225
|
+
}
|
|
22226
|
+
return target;
|
|
22227
|
+
};
|
|
22228
|
+
return _extends$1.apply(this, arguments);
|
|
22229
|
+
}
|
|
22230
|
+
function _objectWithoutPropertiesLoose$1(source, excluded) {
|
|
22231
|
+
if (source == null) return {};
|
|
22232
|
+
var target = {};
|
|
22233
|
+
var sourceKeys = Object.keys(source);
|
|
22234
|
+
var key, i;
|
|
22235
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
22236
|
+
key = sourceKeys[i];
|
|
22237
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
22238
|
+
target[key] = source[key];
|
|
22239
|
+
}
|
|
22240
|
+
return target;
|
|
22241
|
+
}
|
|
22242
|
+
function _assertThisInitialized(self) {
|
|
22243
|
+
if (self === void 0) {
|
|
22244
|
+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
22245
|
+
}
|
|
22246
|
+
return self;
|
|
22247
|
+
}
|
|
22248
|
+
function _inheritsLoose$1(subClass, superClass) {
|
|
22249
|
+
subClass.prototype = Object.create(superClass.prototype);
|
|
22250
|
+
subClass.prototype.constructor = subClass;
|
|
22251
|
+
_setPrototypeOf(subClass, superClass);
|
|
22252
|
+
}
|
|
22253
|
+
function _setPrototypeOf(o, p) {
|
|
22254
|
+
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
22255
|
+
o.__proto__ = p;
|
|
22256
|
+
return o;
|
|
22257
|
+
};
|
|
22258
|
+
return _setPrototypeOf(o, p);
|
|
22259
|
+
}
|
|
22260
|
+
var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
|
|
22261
|
+
_inheritsLoose$1(ReCAPTCHA, _React$Component);
|
|
22262
|
+
function ReCAPTCHA() {
|
|
22263
|
+
var _this;
|
|
22264
|
+
_this = _React$Component.call(this) || this;
|
|
22265
|
+
_this.handleExpired = _this.handleExpired.bind(_assertThisInitialized(_this));
|
|
22266
|
+
_this.handleErrored = _this.handleErrored.bind(_assertThisInitialized(_this));
|
|
22267
|
+
_this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
|
|
22268
|
+
_this.handleRecaptchaRef = _this.handleRecaptchaRef.bind(_assertThisInitialized(_this));
|
|
22269
|
+
return _this;
|
|
22270
|
+
}
|
|
22271
|
+
var _proto = ReCAPTCHA.prototype;
|
|
22272
|
+
_proto.getCaptchaFunction = function getCaptchaFunction(fnName) {
|
|
22273
|
+
if (this.props.grecaptcha) {
|
|
22274
|
+
if (this.props.grecaptcha.enterprise) {
|
|
22275
|
+
return this.props.grecaptcha.enterprise[fnName];
|
|
22276
|
+
}
|
|
22277
|
+
return this.props.grecaptcha[fnName];
|
|
22278
|
+
}
|
|
22279
|
+
return null;
|
|
22280
|
+
};
|
|
22281
|
+
_proto.getValue = function getValue() {
|
|
22282
|
+
var getResponse = this.getCaptchaFunction("getResponse");
|
|
22283
|
+
if (getResponse && this._widgetId !== undefined) {
|
|
22284
|
+
return getResponse(this._widgetId);
|
|
22285
|
+
}
|
|
22286
|
+
return null;
|
|
22287
|
+
};
|
|
22288
|
+
_proto.getWidgetId = function getWidgetId() {
|
|
22289
|
+
if (this.props.grecaptcha && this._widgetId !== undefined) {
|
|
22290
|
+
return this._widgetId;
|
|
22291
|
+
}
|
|
22292
|
+
return null;
|
|
22293
|
+
};
|
|
22294
|
+
_proto.execute = function execute() {
|
|
22295
|
+
var execute = this.getCaptchaFunction("execute");
|
|
22296
|
+
if (execute && this._widgetId !== undefined) {
|
|
22297
|
+
return execute(this._widgetId);
|
|
22298
|
+
} else {
|
|
22299
|
+
this._executeRequested = true;
|
|
22300
|
+
}
|
|
22301
|
+
};
|
|
22302
|
+
_proto.executeAsync = function executeAsync() {
|
|
22303
|
+
var _this2 = this;
|
|
22304
|
+
return new Promise(function (resolve, reject) {
|
|
22305
|
+
_this2.executionResolve = resolve;
|
|
22306
|
+
_this2.executionReject = reject;
|
|
22307
|
+
_this2.execute();
|
|
22308
|
+
});
|
|
22309
|
+
};
|
|
22310
|
+
_proto.reset = function reset() {
|
|
22311
|
+
var resetter = this.getCaptchaFunction("reset");
|
|
22312
|
+
if (resetter && this._widgetId !== undefined) {
|
|
22313
|
+
resetter(this._widgetId);
|
|
22314
|
+
}
|
|
22315
|
+
};
|
|
22316
|
+
_proto.forceReset = function forceReset() {
|
|
22317
|
+
var resetter = this.getCaptchaFunction("reset");
|
|
22318
|
+
if (resetter) {
|
|
22319
|
+
resetter();
|
|
22320
|
+
}
|
|
22321
|
+
};
|
|
22322
|
+
_proto.handleExpired = function handleExpired() {
|
|
22323
|
+
if (this.props.onExpired) {
|
|
22324
|
+
this.props.onExpired();
|
|
22325
|
+
} else {
|
|
22326
|
+
this.handleChange(null);
|
|
22327
|
+
}
|
|
22328
|
+
};
|
|
22329
|
+
_proto.handleErrored = function handleErrored() {
|
|
22330
|
+
if (this.props.onErrored) {
|
|
22331
|
+
this.props.onErrored();
|
|
22332
|
+
}
|
|
22333
|
+
if (this.executionReject) {
|
|
22334
|
+
this.executionReject();
|
|
22335
|
+
delete this.executionResolve;
|
|
22336
|
+
delete this.executionReject;
|
|
22337
|
+
}
|
|
22338
|
+
};
|
|
22339
|
+
_proto.handleChange = function handleChange(token) {
|
|
22340
|
+
if (this.props.onChange) {
|
|
22341
|
+
this.props.onChange(token);
|
|
22342
|
+
}
|
|
22343
|
+
if (this.executionResolve) {
|
|
22344
|
+
this.executionResolve(token);
|
|
22345
|
+
delete this.executionReject;
|
|
22346
|
+
delete this.executionResolve;
|
|
22347
|
+
}
|
|
22348
|
+
};
|
|
22349
|
+
_proto.explicitRender = function explicitRender() {
|
|
22350
|
+
var render = this.getCaptchaFunction("render");
|
|
22351
|
+
if (render && this._widgetId === undefined) {
|
|
22352
|
+
var wrapper = document.createElement("div");
|
|
22353
|
+
this._widgetId = render(wrapper, {
|
|
22354
|
+
sitekey: this.props.sitekey,
|
|
22355
|
+
callback: this.handleChange,
|
|
22356
|
+
theme: this.props.theme,
|
|
22357
|
+
type: this.props.type,
|
|
22358
|
+
tabindex: this.props.tabindex,
|
|
22359
|
+
"expired-callback": this.handleExpired,
|
|
22360
|
+
"error-callback": this.handleErrored,
|
|
22361
|
+
size: this.props.size,
|
|
22362
|
+
stoken: this.props.stoken,
|
|
22363
|
+
hl: this.props.hl,
|
|
22364
|
+
badge: this.props.badge,
|
|
22365
|
+
isolated: this.props.isolated
|
|
22366
|
+
});
|
|
22367
|
+
this.captcha.appendChild(wrapper);
|
|
22368
|
+
}
|
|
22369
|
+
if (this._executeRequested && this.props.grecaptcha && this._widgetId !== undefined) {
|
|
22370
|
+
this._executeRequested = false;
|
|
22371
|
+
this.execute();
|
|
22372
|
+
}
|
|
22373
|
+
};
|
|
22374
|
+
_proto.componentDidMount = function componentDidMount() {
|
|
22375
|
+
this.explicitRender();
|
|
22376
|
+
};
|
|
22377
|
+
_proto.componentDidUpdate = function componentDidUpdate() {
|
|
22378
|
+
this.explicitRender();
|
|
22379
|
+
};
|
|
22380
|
+
_proto.handleRecaptchaRef = function handleRecaptchaRef(elem) {
|
|
22381
|
+
this.captcha = elem;
|
|
22382
|
+
};
|
|
22383
|
+
_proto.render = function render() {
|
|
22384
|
+
// consume properties owned by the reCATPCHA, pass the rest to the div so the user can style it.
|
|
22385
|
+
/* eslint-disable no-unused-vars */
|
|
22386
|
+
var _this$props = this.props;
|
|
22387
|
+
_this$props.sitekey;
|
|
22388
|
+
_this$props.onChange;
|
|
22389
|
+
_this$props.theme;
|
|
22390
|
+
_this$props.type;
|
|
22391
|
+
_this$props.tabindex;
|
|
22392
|
+
_this$props.onExpired;
|
|
22393
|
+
_this$props.onErrored;
|
|
22394
|
+
_this$props.size;
|
|
22395
|
+
_this$props.stoken;
|
|
22396
|
+
_this$props.grecaptcha;
|
|
22397
|
+
_this$props.badge;
|
|
22398
|
+
_this$props.hl;
|
|
22399
|
+
_this$props.isolated;
|
|
22400
|
+
var childProps = _objectWithoutPropertiesLoose$1(_this$props, _excluded);
|
|
22401
|
+
/* eslint-enable no-unused-vars */
|
|
22402
|
+
return /*#__PURE__*/React.createElement("div", _extends$1({}, childProps, {
|
|
22403
|
+
ref: this.handleRecaptchaRef
|
|
22404
|
+
}));
|
|
22405
|
+
};
|
|
22406
|
+
return ReCAPTCHA;
|
|
22407
|
+
}(React.Component);
|
|
22408
|
+
ReCAPTCHA.displayName = "ReCAPTCHA";
|
|
22409
|
+
ReCAPTCHA.propTypes = {
|
|
22410
|
+
sitekey: PropTypes.string.isRequired,
|
|
22411
|
+
onChange: PropTypes.func,
|
|
22412
|
+
grecaptcha: PropTypes.object,
|
|
22413
|
+
theme: PropTypes.oneOf(["dark", "light"]),
|
|
22414
|
+
type: PropTypes.oneOf(["image", "audio"]),
|
|
22415
|
+
tabindex: PropTypes.number,
|
|
22416
|
+
onExpired: PropTypes.func,
|
|
22417
|
+
onErrored: PropTypes.func,
|
|
22418
|
+
size: PropTypes.oneOf(["compact", "normal", "invisible"]),
|
|
22419
|
+
stoken: PropTypes.string,
|
|
22420
|
+
hl: PropTypes.string,
|
|
22421
|
+
badge: PropTypes.oneOf(["bottomright", "bottomleft", "inline"]),
|
|
22422
|
+
isolated: PropTypes.bool
|
|
22423
|
+
};
|
|
22424
|
+
ReCAPTCHA.defaultProps = {
|
|
22425
|
+
onChange: function onChange() {},
|
|
22426
|
+
theme: "light",
|
|
22427
|
+
type: "image",
|
|
22428
|
+
tabindex: 0,
|
|
22429
|
+
size: "normal",
|
|
22430
|
+
badge: "bottomright"
|
|
22431
|
+
};
|
|
22432
|
+
|
|
22433
|
+
var reactIs = {exports: {}};
|
|
22434
|
+
|
|
22435
|
+
var reactIs_production_min = {};
|
|
22436
|
+
|
|
22437
|
+
/** @license React v16.13.1
|
|
22438
|
+
* react-is.production.min.js
|
|
22439
|
+
*
|
|
22440
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
22441
|
+
*
|
|
22442
|
+
* This source code is licensed under the MIT license found in the
|
|
22443
|
+
* LICENSE file in the root directory of this source tree.
|
|
22444
|
+
*/
|
|
22445
|
+
var hasRequiredReactIs_production_min;
|
|
22446
|
+
function requireReactIs_production_min() {
|
|
22447
|
+
if (hasRequiredReactIs_production_min) return reactIs_production_min;
|
|
22448
|
+
hasRequiredReactIs_production_min = 1;
|
|
22449
|
+
var b = "function" === typeof Symbol && Symbol.for,
|
|
22450
|
+
c = b ? Symbol.for("react.element") : 60103,
|
|
22451
|
+
d = b ? Symbol.for("react.portal") : 60106,
|
|
22452
|
+
e = b ? Symbol.for("react.fragment") : 60107,
|
|
22453
|
+
f = b ? Symbol.for("react.strict_mode") : 60108,
|
|
22454
|
+
g = b ? Symbol.for("react.profiler") : 60114,
|
|
22455
|
+
h = b ? Symbol.for("react.provider") : 60109,
|
|
22456
|
+
k = b ? Symbol.for("react.context") : 60110,
|
|
22457
|
+
l = b ? Symbol.for("react.async_mode") : 60111,
|
|
22458
|
+
m = b ? Symbol.for("react.concurrent_mode") : 60111,
|
|
22459
|
+
n = b ? Symbol.for("react.forward_ref") : 60112,
|
|
22460
|
+
p = b ? Symbol.for("react.suspense") : 60113,
|
|
22461
|
+
q = b ? Symbol.for("react.suspense_list") : 60120,
|
|
22462
|
+
r = b ? Symbol.for("react.memo") : 60115,
|
|
22463
|
+
t = b ? Symbol.for("react.lazy") : 60116,
|
|
22464
|
+
v = b ? Symbol.for("react.block") : 60121,
|
|
22465
|
+
w = b ? Symbol.for("react.fundamental") : 60117,
|
|
22466
|
+
x = b ? Symbol.for("react.responder") : 60118,
|
|
22467
|
+
y = b ? Symbol.for("react.scope") : 60119;
|
|
22468
|
+
function z(a) {
|
|
22469
|
+
if ("object" === typeof a && null !== a) {
|
|
22470
|
+
var u = a.$$typeof;
|
|
22471
|
+
switch (u) {
|
|
22472
|
+
case c:
|
|
22473
|
+
switch (a = a.type, a) {
|
|
22474
|
+
case l:
|
|
22475
|
+
case m:
|
|
22476
|
+
case e:
|
|
22477
|
+
case g:
|
|
22478
|
+
case f:
|
|
22479
|
+
case p:
|
|
22480
|
+
return a;
|
|
22481
|
+
default:
|
|
22482
|
+
switch (a = a && a.$$typeof, a) {
|
|
22483
|
+
case k:
|
|
22484
|
+
case n:
|
|
22485
|
+
case t:
|
|
22486
|
+
case r:
|
|
22487
|
+
case h:
|
|
22488
|
+
return a;
|
|
22489
|
+
default:
|
|
22490
|
+
return u;
|
|
22491
|
+
}
|
|
22492
|
+
}
|
|
22493
|
+
case d:
|
|
22494
|
+
return u;
|
|
22495
|
+
}
|
|
22496
|
+
}
|
|
22497
|
+
}
|
|
22498
|
+
function A(a) {
|
|
22499
|
+
return z(a) === m;
|
|
22500
|
+
}
|
|
22501
|
+
reactIs_production_min.AsyncMode = l;
|
|
22502
|
+
reactIs_production_min.ConcurrentMode = m;
|
|
22503
|
+
reactIs_production_min.ContextConsumer = k;
|
|
22504
|
+
reactIs_production_min.ContextProvider = h;
|
|
22505
|
+
reactIs_production_min.Element = c;
|
|
22506
|
+
reactIs_production_min.ForwardRef = n;
|
|
22507
|
+
reactIs_production_min.Fragment = e;
|
|
22508
|
+
reactIs_production_min.Lazy = t;
|
|
22509
|
+
reactIs_production_min.Memo = r;
|
|
22510
|
+
reactIs_production_min.Portal = d;
|
|
22511
|
+
reactIs_production_min.Profiler = g;
|
|
22512
|
+
reactIs_production_min.StrictMode = f;
|
|
22513
|
+
reactIs_production_min.Suspense = p;
|
|
22514
|
+
reactIs_production_min.isAsyncMode = function (a) {
|
|
22515
|
+
return A(a) || z(a) === l;
|
|
22516
|
+
};
|
|
22517
|
+
reactIs_production_min.isConcurrentMode = A;
|
|
22518
|
+
reactIs_production_min.isContextConsumer = function (a) {
|
|
22519
|
+
return z(a) === k;
|
|
22520
|
+
};
|
|
22521
|
+
reactIs_production_min.isContextProvider = function (a) {
|
|
22522
|
+
return z(a) === h;
|
|
22523
|
+
};
|
|
22524
|
+
reactIs_production_min.isElement = function (a) {
|
|
22525
|
+
return "object" === typeof a && null !== a && a.$$typeof === c;
|
|
22526
|
+
};
|
|
22527
|
+
reactIs_production_min.isForwardRef = function (a) {
|
|
22528
|
+
return z(a) === n;
|
|
22529
|
+
};
|
|
22530
|
+
reactIs_production_min.isFragment = function (a) {
|
|
22531
|
+
return z(a) === e;
|
|
22532
|
+
};
|
|
22533
|
+
reactIs_production_min.isLazy = function (a) {
|
|
22534
|
+
return z(a) === t;
|
|
22535
|
+
};
|
|
22536
|
+
reactIs_production_min.isMemo = function (a) {
|
|
22537
|
+
return z(a) === r;
|
|
22538
|
+
};
|
|
22539
|
+
reactIs_production_min.isPortal = function (a) {
|
|
22540
|
+
return z(a) === d;
|
|
22541
|
+
};
|
|
22542
|
+
reactIs_production_min.isProfiler = function (a) {
|
|
22543
|
+
return z(a) === g;
|
|
22544
|
+
};
|
|
22545
|
+
reactIs_production_min.isStrictMode = function (a) {
|
|
22546
|
+
return z(a) === f;
|
|
22547
|
+
};
|
|
22548
|
+
reactIs_production_min.isSuspense = function (a) {
|
|
22549
|
+
return z(a) === p;
|
|
22550
|
+
};
|
|
22551
|
+
reactIs_production_min.isValidElementType = function (a) {
|
|
22552
|
+
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);
|
|
22553
|
+
};
|
|
22554
|
+
reactIs_production_min.typeOf = z;
|
|
22555
|
+
return reactIs_production_min;
|
|
22556
|
+
}
|
|
22557
|
+
|
|
22558
|
+
var reactIs_development = {};
|
|
22559
|
+
|
|
22560
|
+
/** @license React v16.13.1
|
|
22561
|
+
* react-is.development.js
|
|
22562
|
+
*
|
|
22563
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
22564
|
+
*
|
|
22565
|
+
* This source code is licensed under the MIT license found in the
|
|
22566
|
+
* LICENSE file in the root directory of this source tree.
|
|
22567
|
+
*/
|
|
22568
|
+
var hasRequiredReactIs_development;
|
|
22569
|
+
function requireReactIs_development() {
|
|
22570
|
+
if (hasRequiredReactIs_development) return reactIs_development;
|
|
22571
|
+
hasRequiredReactIs_development = 1;
|
|
22572
|
+
if (process.env.NODE_ENV !== "production") {
|
|
22573
|
+
(function () {
|
|
22574
|
+
|
|
22575
|
+
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
|
22576
|
+
// nor polyfill, then a plain number is used for performance.
|
|
22577
|
+
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
22578
|
+
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
22579
|
+
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
|
|
22580
|
+
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
|
|
22581
|
+
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
|
|
22582
|
+
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
|
|
22583
|
+
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
|
|
22584
|
+
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
|
|
22585
|
+
// (unstable) APIs that have been removed. Can we remove the symbols?
|
|
22586
|
+
|
|
22587
|
+
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
|
|
22588
|
+
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
|
|
22589
|
+
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
|
|
22590
|
+
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
|
|
22591
|
+
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
|
|
22592
|
+
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
|
|
22593
|
+
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
|
|
22594
|
+
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
|
|
22595
|
+
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
|
|
22596
|
+
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
|
|
22597
|
+
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
|
|
22598
|
+
function isValidElementType(type) {
|
|
22599
|
+
return typeof type === 'string' || typeof type === 'function' ||
|
|
22600
|
+
// Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
22601
|
+
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);
|
|
22602
|
+
}
|
|
22603
|
+
function typeOf(object) {
|
|
22604
|
+
if (typeof object === 'object' && object !== null) {
|
|
22605
|
+
var $$typeof = object.$$typeof;
|
|
22606
|
+
switch ($$typeof) {
|
|
22607
|
+
case REACT_ELEMENT_TYPE:
|
|
22608
|
+
var type = object.type;
|
|
22609
|
+
switch (type) {
|
|
22610
|
+
case REACT_ASYNC_MODE_TYPE:
|
|
22611
|
+
case REACT_CONCURRENT_MODE_TYPE:
|
|
22612
|
+
case REACT_FRAGMENT_TYPE:
|
|
22613
|
+
case REACT_PROFILER_TYPE:
|
|
22614
|
+
case REACT_STRICT_MODE_TYPE:
|
|
22615
|
+
case REACT_SUSPENSE_TYPE:
|
|
22616
|
+
return type;
|
|
22617
|
+
default:
|
|
22618
|
+
var $$typeofType = type && type.$$typeof;
|
|
22619
|
+
switch ($$typeofType) {
|
|
22620
|
+
case REACT_CONTEXT_TYPE:
|
|
22621
|
+
case REACT_FORWARD_REF_TYPE:
|
|
22622
|
+
case REACT_LAZY_TYPE:
|
|
22623
|
+
case REACT_MEMO_TYPE:
|
|
22624
|
+
case REACT_PROVIDER_TYPE:
|
|
22625
|
+
return $$typeofType;
|
|
22626
|
+
default:
|
|
22627
|
+
return $$typeof;
|
|
22628
|
+
}
|
|
22629
|
+
}
|
|
22630
|
+
case REACT_PORTAL_TYPE:
|
|
22631
|
+
return $$typeof;
|
|
22632
|
+
}
|
|
22633
|
+
}
|
|
22634
|
+
return undefined;
|
|
22635
|
+
} // AsyncMode is deprecated along with isAsyncMode
|
|
22636
|
+
|
|
22637
|
+
var AsyncMode = REACT_ASYNC_MODE_TYPE;
|
|
22638
|
+
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
|
|
22639
|
+
var ContextConsumer = REACT_CONTEXT_TYPE;
|
|
22640
|
+
var ContextProvider = REACT_PROVIDER_TYPE;
|
|
22641
|
+
var Element = REACT_ELEMENT_TYPE;
|
|
22642
|
+
var ForwardRef = REACT_FORWARD_REF_TYPE;
|
|
22643
|
+
var Fragment = REACT_FRAGMENT_TYPE;
|
|
22644
|
+
var Lazy = REACT_LAZY_TYPE;
|
|
22645
|
+
var Memo = REACT_MEMO_TYPE;
|
|
22646
|
+
var Portal = REACT_PORTAL_TYPE;
|
|
22647
|
+
var Profiler = REACT_PROFILER_TYPE;
|
|
22648
|
+
var StrictMode = REACT_STRICT_MODE_TYPE;
|
|
22649
|
+
var Suspense = REACT_SUSPENSE_TYPE;
|
|
22650
|
+
var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
|
|
22651
|
+
|
|
22652
|
+
function isAsyncMode(object) {
|
|
22653
|
+
{
|
|
22654
|
+
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
|
22655
|
+
hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
|
|
22656
|
+
|
|
22657
|
+
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.');
|
|
22658
|
+
}
|
|
22659
|
+
}
|
|
22660
|
+
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
|
|
22661
|
+
}
|
|
22662
|
+
function isConcurrentMode(object) {
|
|
22663
|
+
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
|
|
22664
|
+
}
|
|
22665
|
+
function isContextConsumer(object) {
|
|
22666
|
+
return typeOf(object) === REACT_CONTEXT_TYPE;
|
|
22667
|
+
}
|
|
22668
|
+
function isContextProvider(object) {
|
|
22669
|
+
return typeOf(object) === REACT_PROVIDER_TYPE;
|
|
22670
|
+
}
|
|
22671
|
+
function isElement(object) {
|
|
22672
|
+
return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
22673
|
+
}
|
|
22674
|
+
function isForwardRef(object) {
|
|
22675
|
+
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
|
22676
|
+
}
|
|
22677
|
+
function isFragment(object) {
|
|
22678
|
+
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
|
22679
|
+
}
|
|
22680
|
+
function isLazy(object) {
|
|
22681
|
+
return typeOf(object) === REACT_LAZY_TYPE;
|
|
22682
|
+
}
|
|
22683
|
+
function isMemo(object) {
|
|
22684
|
+
return typeOf(object) === REACT_MEMO_TYPE;
|
|
22685
|
+
}
|
|
22686
|
+
function isPortal(object) {
|
|
22687
|
+
return typeOf(object) === REACT_PORTAL_TYPE;
|
|
22688
|
+
}
|
|
22689
|
+
function isProfiler(object) {
|
|
22690
|
+
return typeOf(object) === REACT_PROFILER_TYPE;
|
|
22691
|
+
}
|
|
22692
|
+
function isStrictMode(object) {
|
|
22693
|
+
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
|
22694
|
+
}
|
|
22695
|
+
function isSuspense(object) {
|
|
22696
|
+
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
|
22697
|
+
}
|
|
22698
|
+
reactIs_development.AsyncMode = AsyncMode;
|
|
22699
|
+
reactIs_development.ConcurrentMode = ConcurrentMode;
|
|
22700
|
+
reactIs_development.ContextConsumer = ContextConsumer;
|
|
22701
|
+
reactIs_development.ContextProvider = ContextProvider;
|
|
22702
|
+
reactIs_development.Element = Element;
|
|
22703
|
+
reactIs_development.ForwardRef = ForwardRef;
|
|
22704
|
+
reactIs_development.Fragment = Fragment;
|
|
22705
|
+
reactIs_development.Lazy = Lazy;
|
|
22706
|
+
reactIs_development.Memo = Memo;
|
|
22707
|
+
reactIs_development.Portal = Portal;
|
|
22708
|
+
reactIs_development.Profiler = Profiler;
|
|
22709
|
+
reactIs_development.StrictMode = StrictMode;
|
|
22710
|
+
reactIs_development.Suspense = Suspense;
|
|
22711
|
+
reactIs_development.isAsyncMode = isAsyncMode;
|
|
22712
|
+
reactIs_development.isConcurrentMode = isConcurrentMode;
|
|
22713
|
+
reactIs_development.isContextConsumer = isContextConsumer;
|
|
22714
|
+
reactIs_development.isContextProvider = isContextProvider;
|
|
22715
|
+
reactIs_development.isElement = isElement;
|
|
22716
|
+
reactIs_development.isForwardRef = isForwardRef;
|
|
22717
|
+
reactIs_development.isFragment = isFragment;
|
|
22718
|
+
reactIs_development.isLazy = isLazy;
|
|
22719
|
+
reactIs_development.isMemo = isMemo;
|
|
22720
|
+
reactIs_development.isPortal = isPortal;
|
|
22721
|
+
reactIs_development.isProfiler = isProfiler;
|
|
22722
|
+
reactIs_development.isStrictMode = isStrictMode;
|
|
22723
|
+
reactIs_development.isSuspense = isSuspense;
|
|
22724
|
+
reactIs_development.isValidElementType = isValidElementType;
|
|
22725
|
+
reactIs_development.typeOf = typeOf;
|
|
22726
|
+
})();
|
|
22727
|
+
}
|
|
22728
|
+
return reactIs_development;
|
|
22729
|
+
}
|
|
22730
|
+
|
|
22731
|
+
var hasRequiredReactIs;
|
|
22732
|
+
function requireReactIs() {
|
|
22733
|
+
if (hasRequiredReactIs) return reactIs.exports;
|
|
22734
|
+
hasRequiredReactIs = 1;
|
|
22735
|
+
if (process.env.NODE_ENV === 'production') {
|
|
22736
|
+
reactIs.exports = requireReactIs_production_min();
|
|
22737
|
+
} else {
|
|
22738
|
+
reactIs.exports = requireReactIs_development();
|
|
22739
|
+
}
|
|
22740
|
+
return reactIs.exports;
|
|
22741
|
+
}
|
|
22742
|
+
|
|
22743
|
+
var hoistNonReactStatics_cjs;
|
|
22744
|
+
var hasRequiredHoistNonReactStatics_cjs;
|
|
22745
|
+
function requireHoistNonReactStatics_cjs() {
|
|
22746
|
+
if (hasRequiredHoistNonReactStatics_cjs) return hoistNonReactStatics_cjs;
|
|
22747
|
+
hasRequiredHoistNonReactStatics_cjs = 1;
|
|
22748
|
+
var reactIs = requireReactIs();
|
|
22749
|
+
|
|
22750
|
+
/**
|
|
22751
|
+
* Copyright 2015, Yahoo! Inc.
|
|
22752
|
+
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
|
|
22753
|
+
*/
|
|
22754
|
+
var REACT_STATICS = {
|
|
22755
|
+
childContextTypes: true,
|
|
22756
|
+
contextType: true,
|
|
22757
|
+
contextTypes: true,
|
|
22758
|
+
defaultProps: true,
|
|
22759
|
+
displayName: true,
|
|
22760
|
+
getDefaultProps: true,
|
|
22761
|
+
getDerivedStateFromError: true,
|
|
22762
|
+
getDerivedStateFromProps: true,
|
|
22763
|
+
mixins: true,
|
|
22764
|
+
propTypes: true,
|
|
22765
|
+
type: true
|
|
22766
|
+
};
|
|
22767
|
+
var KNOWN_STATICS = {
|
|
22768
|
+
name: true,
|
|
22769
|
+
length: true,
|
|
22770
|
+
prototype: true,
|
|
22771
|
+
caller: true,
|
|
22772
|
+
callee: true,
|
|
22773
|
+
arguments: true,
|
|
22774
|
+
arity: true
|
|
22775
|
+
};
|
|
22776
|
+
var FORWARD_REF_STATICS = {
|
|
22777
|
+
'$$typeof': true,
|
|
22778
|
+
render: true,
|
|
22779
|
+
defaultProps: true,
|
|
22780
|
+
displayName: true,
|
|
22781
|
+
propTypes: true
|
|
22782
|
+
};
|
|
22783
|
+
var MEMO_STATICS = {
|
|
22784
|
+
'$$typeof': true,
|
|
22785
|
+
compare: true,
|
|
22786
|
+
defaultProps: true,
|
|
22787
|
+
displayName: true,
|
|
22788
|
+
propTypes: true,
|
|
22789
|
+
type: true
|
|
22790
|
+
};
|
|
22791
|
+
var TYPE_STATICS = {};
|
|
22792
|
+
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
|
|
22793
|
+
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
|
|
22794
|
+
function getStatics(component) {
|
|
22795
|
+
// React v16.11 and below
|
|
22796
|
+
if (reactIs.isMemo(component)) {
|
|
22797
|
+
return MEMO_STATICS;
|
|
22798
|
+
} // React v16.12 and above
|
|
22799
|
+
|
|
22800
|
+
return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
|
|
22801
|
+
}
|
|
22802
|
+
var defineProperty = Object.defineProperty;
|
|
22803
|
+
var getOwnPropertyNames = Object.getOwnPropertyNames;
|
|
22804
|
+
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
22805
|
+
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
|
22806
|
+
var getPrototypeOf = Object.getPrototypeOf;
|
|
22807
|
+
var objectPrototype = Object.prototype;
|
|
22808
|
+
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
|
|
22809
|
+
if (typeof sourceComponent !== 'string') {
|
|
22810
|
+
// don't hoist over string (html) components
|
|
22811
|
+
if (objectPrototype) {
|
|
22812
|
+
var inheritedComponent = getPrototypeOf(sourceComponent);
|
|
22813
|
+
if (inheritedComponent && inheritedComponent !== objectPrototype) {
|
|
22814
|
+
hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
|
|
22815
|
+
}
|
|
22816
|
+
}
|
|
22817
|
+
var keys = getOwnPropertyNames(sourceComponent);
|
|
22818
|
+
if (getOwnPropertySymbols) {
|
|
22819
|
+
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
|
|
22820
|
+
}
|
|
22821
|
+
var targetStatics = getStatics(targetComponent);
|
|
22822
|
+
var sourceStatics = getStatics(sourceComponent);
|
|
22823
|
+
for (var i = 0; i < keys.length; ++i) {
|
|
22824
|
+
var key = keys[i];
|
|
22825
|
+
if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
|
|
22826
|
+
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
|
|
22827
|
+
try {
|
|
22828
|
+
// Avoid failures from read-only properties
|
|
22829
|
+
defineProperty(targetComponent, key, descriptor);
|
|
22830
|
+
} catch (e) {}
|
|
22831
|
+
}
|
|
22832
|
+
}
|
|
22833
|
+
}
|
|
22834
|
+
return targetComponent;
|
|
22835
|
+
}
|
|
22836
|
+
hoistNonReactStatics_cjs = hoistNonReactStatics;
|
|
22837
|
+
return hoistNonReactStatics_cjs;
|
|
22838
|
+
}
|
|
22839
|
+
|
|
22840
|
+
var hoistNonReactStatics_cjsExports = requireHoistNonReactStatics_cjs();
|
|
22841
|
+
var hoistStatics = /*@__PURE__*/getDefaultExportFromCjs(hoistNonReactStatics_cjsExports);
|
|
22842
|
+
|
|
22843
|
+
function _extends() {
|
|
22844
|
+
_extends = Object.assign || function (target) {
|
|
22845
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
22846
|
+
var source = arguments[i];
|
|
22847
|
+
for (var key in source) {
|
|
22848
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
22849
|
+
target[key] = source[key];
|
|
22850
|
+
}
|
|
22851
|
+
}
|
|
22852
|
+
}
|
|
22853
|
+
return target;
|
|
22854
|
+
};
|
|
22855
|
+
return _extends.apply(this, arguments);
|
|
22856
|
+
}
|
|
22857
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
22858
|
+
if (source == null) return {};
|
|
22859
|
+
var target = {};
|
|
22860
|
+
var sourceKeys = Object.keys(source);
|
|
22861
|
+
var key, i;
|
|
22862
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
22863
|
+
key = sourceKeys[i];
|
|
22864
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
22865
|
+
target[key] = source[key];
|
|
22866
|
+
}
|
|
22867
|
+
return target;
|
|
22868
|
+
}
|
|
22869
|
+
function _inheritsLoose(subClass, superClass) {
|
|
22870
|
+
subClass.prototype = Object.create(superClass.prototype);
|
|
22871
|
+
subClass.prototype.constructor = subClass;
|
|
22872
|
+
subClass.__proto__ = superClass;
|
|
22873
|
+
}
|
|
22874
|
+
var SCRIPT_MAP = {}; // A counter used to generate a unique id for each component that uses the function
|
|
22875
|
+
|
|
22876
|
+
var idCount = 0;
|
|
22877
|
+
function makeAsyncScript(getScriptURL, options) {
|
|
22878
|
+
options = options || {};
|
|
22879
|
+
return function wrapWithAsyncScript(WrappedComponent) {
|
|
22880
|
+
var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || "Component";
|
|
22881
|
+
var AsyncScriptLoader = /*#__PURE__*/
|
|
22882
|
+
function (_Component) {
|
|
22883
|
+
_inheritsLoose(AsyncScriptLoader, _Component);
|
|
22884
|
+
function AsyncScriptLoader(props, context) {
|
|
22885
|
+
var _this;
|
|
22886
|
+
_this = _Component.call(this, props, context) || this;
|
|
22887
|
+
_this.state = {};
|
|
22888
|
+
_this.__scriptURL = "";
|
|
22889
|
+
return _this;
|
|
22890
|
+
}
|
|
22891
|
+
var _proto = AsyncScriptLoader.prototype;
|
|
22892
|
+
_proto.asyncScriptLoaderGetScriptLoaderID = function asyncScriptLoaderGetScriptLoaderID() {
|
|
22893
|
+
if (!this.__scriptLoaderID) {
|
|
22894
|
+
this.__scriptLoaderID = "async-script-loader-" + idCount++;
|
|
22895
|
+
}
|
|
22896
|
+
return this.__scriptLoaderID;
|
|
22897
|
+
};
|
|
22898
|
+
_proto.setupScriptURL = function setupScriptURL() {
|
|
22899
|
+
this.__scriptURL = typeof getScriptURL === "function" ? getScriptURL() : getScriptURL;
|
|
22900
|
+
return this.__scriptURL;
|
|
22901
|
+
};
|
|
22902
|
+
_proto.asyncScriptLoaderHandleLoad = function asyncScriptLoaderHandleLoad(state) {
|
|
22903
|
+
var _this2 = this;
|
|
22904
|
+
|
|
22905
|
+
// use reacts setState callback to fire props.asyncScriptOnLoad with new state/entry
|
|
22906
|
+
this.setState(state, function () {
|
|
22907
|
+
return _this2.props.asyncScriptOnLoad && _this2.props.asyncScriptOnLoad(_this2.state);
|
|
22908
|
+
});
|
|
22909
|
+
};
|
|
22910
|
+
_proto.asyncScriptLoaderTriggerOnScriptLoaded = function asyncScriptLoaderTriggerOnScriptLoaded() {
|
|
22911
|
+
var mapEntry = SCRIPT_MAP[this.__scriptURL];
|
|
22912
|
+
if (!mapEntry || !mapEntry.loaded) {
|
|
22913
|
+
throw new Error("Script is not loaded.");
|
|
22914
|
+
}
|
|
22915
|
+
for (var obsKey in mapEntry.observers) {
|
|
22916
|
+
mapEntry.observers[obsKey](mapEntry);
|
|
22917
|
+
}
|
|
22918
|
+
delete window[options.callbackName];
|
|
22919
|
+
};
|
|
22920
|
+
_proto.componentDidMount = function componentDidMount() {
|
|
22921
|
+
var _this3 = this;
|
|
22922
|
+
var scriptURL = this.setupScriptURL();
|
|
22923
|
+
var key = this.asyncScriptLoaderGetScriptLoaderID();
|
|
22924
|
+
var _options = options,
|
|
22925
|
+
globalName = _options.globalName,
|
|
22926
|
+
callbackName = _options.callbackName,
|
|
22927
|
+
scriptId = _options.scriptId; // check if global object already attached to window
|
|
22928
|
+
|
|
22929
|
+
if (globalName && typeof window[globalName] !== "undefined") {
|
|
22930
|
+
SCRIPT_MAP[scriptURL] = {
|
|
22931
|
+
loaded: true,
|
|
22932
|
+
observers: {}
|
|
22933
|
+
};
|
|
22934
|
+
} // check if script loading already
|
|
22935
|
+
|
|
22936
|
+
if (SCRIPT_MAP[scriptURL]) {
|
|
22937
|
+
var entry = SCRIPT_MAP[scriptURL]; // if loaded or errored then "finish"
|
|
22938
|
+
|
|
22939
|
+
if (entry && (entry.loaded || entry.errored)) {
|
|
22940
|
+
this.asyncScriptLoaderHandleLoad(entry);
|
|
22941
|
+
return;
|
|
22942
|
+
} // if still loading then callback to observer queue
|
|
22943
|
+
|
|
22944
|
+
entry.observers[key] = function (entry) {
|
|
22945
|
+
return _this3.asyncScriptLoaderHandleLoad(entry);
|
|
22946
|
+
};
|
|
22947
|
+
return;
|
|
22948
|
+
}
|
|
22949
|
+
/*
|
|
22950
|
+
* hasn't started loading
|
|
22951
|
+
* start the "magic"
|
|
22952
|
+
* setup script to load and observers
|
|
22953
|
+
*/
|
|
22954
|
+
|
|
22955
|
+
var observers = {};
|
|
22956
|
+
observers[key] = function (entry) {
|
|
22957
|
+
return _this3.asyncScriptLoaderHandleLoad(entry);
|
|
22958
|
+
};
|
|
22959
|
+
SCRIPT_MAP[scriptURL] = {
|
|
22960
|
+
loaded: false,
|
|
22961
|
+
observers: observers
|
|
22962
|
+
};
|
|
22963
|
+
var script = document.createElement("script");
|
|
22964
|
+
script.src = scriptURL;
|
|
22965
|
+
script.async = true;
|
|
22966
|
+
for (var attribute in options.attributes) {
|
|
22967
|
+
script.setAttribute(attribute, options.attributes[attribute]);
|
|
22968
|
+
}
|
|
22969
|
+
if (scriptId) {
|
|
22970
|
+
script.id = scriptId;
|
|
22971
|
+
}
|
|
22972
|
+
var callObserverFuncAndRemoveObserver = function callObserverFuncAndRemoveObserver(func) {
|
|
22973
|
+
if (SCRIPT_MAP[scriptURL]) {
|
|
22974
|
+
var mapEntry = SCRIPT_MAP[scriptURL];
|
|
22975
|
+
var observersMap = mapEntry.observers;
|
|
22976
|
+
for (var obsKey in observersMap) {
|
|
22977
|
+
if (func(observersMap[obsKey])) {
|
|
22978
|
+
delete observersMap[obsKey];
|
|
22979
|
+
}
|
|
22980
|
+
}
|
|
22981
|
+
}
|
|
22982
|
+
};
|
|
22983
|
+
if (callbackName && typeof window !== "undefined") {
|
|
22984
|
+
window[callbackName] = function () {
|
|
22985
|
+
return _this3.asyncScriptLoaderTriggerOnScriptLoaded();
|
|
22986
|
+
};
|
|
22987
|
+
}
|
|
22988
|
+
script.onload = function () {
|
|
22989
|
+
var mapEntry = SCRIPT_MAP[scriptURL];
|
|
22990
|
+
if (mapEntry) {
|
|
22991
|
+
mapEntry.loaded = true;
|
|
22992
|
+
callObserverFuncAndRemoveObserver(function (observer) {
|
|
22993
|
+
if (callbackName) {
|
|
22994
|
+
return false;
|
|
22995
|
+
}
|
|
22996
|
+
observer(mapEntry);
|
|
22997
|
+
return true;
|
|
22998
|
+
});
|
|
22999
|
+
}
|
|
23000
|
+
};
|
|
23001
|
+
script.onerror = function () {
|
|
23002
|
+
var mapEntry = SCRIPT_MAP[scriptURL];
|
|
23003
|
+
if (mapEntry) {
|
|
23004
|
+
mapEntry.errored = true;
|
|
23005
|
+
callObserverFuncAndRemoveObserver(function (observer) {
|
|
23006
|
+
observer(mapEntry);
|
|
23007
|
+
return true;
|
|
23008
|
+
});
|
|
23009
|
+
}
|
|
23010
|
+
};
|
|
23011
|
+
document.body.appendChild(script);
|
|
23012
|
+
};
|
|
23013
|
+
_proto.componentWillUnmount = function componentWillUnmount() {
|
|
23014
|
+
// Remove tag script
|
|
23015
|
+
var scriptURL = this.__scriptURL;
|
|
23016
|
+
if (options.removeOnUnmount === true) {
|
|
23017
|
+
var allScripts = document.getElementsByTagName("script");
|
|
23018
|
+
for (var i = 0; i < allScripts.length; i += 1) {
|
|
23019
|
+
if (allScripts[i].src.indexOf(scriptURL) > -1) {
|
|
23020
|
+
if (allScripts[i].parentNode) {
|
|
23021
|
+
allScripts[i].parentNode.removeChild(allScripts[i]);
|
|
23022
|
+
}
|
|
23023
|
+
}
|
|
23024
|
+
}
|
|
23025
|
+
} // Clean the observer entry
|
|
23026
|
+
|
|
23027
|
+
var mapEntry = SCRIPT_MAP[scriptURL];
|
|
23028
|
+
if (mapEntry) {
|
|
23029
|
+
delete mapEntry.observers[this.asyncScriptLoaderGetScriptLoaderID()];
|
|
23030
|
+
if (options.removeOnUnmount === true) {
|
|
23031
|
+
delete SCRIPT_MAP[scriptURL];
|
|
23032
|
+
}
|
|
23033
|
+
}
|
|
23034
|
+
};
|
|
23035
|
+
_proto.render = function render() {
|
|
23036
|
+
var globalName = options.globalName; // remove asyncScriptOnLoad from childProps
|
|
23037
|
+
|
|
23038
|
+
var _this$props = this.props;
|
|
23039
|
+
_this$props.asyncScriptOnLoad;
|
|
23040
|
+
var forwardedRef = _this$props.forwardedRef,
|
|
23041
|
+
childProps = _objectWithoutPropertiesLoose(_this$props, ["asyncScriptOnLoad", "forwardedRef"]); // eslint-disable-line no-unused-vars
|
|
23042
|
+
|
|
23043
|
+
if (globalName && typeof window !== "undefined") {
|
|
23044
|
+
childProps[globalName] = typeof window[globalName] !== "undefined" ? window[globalName] : undefined;
|
|
23045
|
+
}
|
|
23046
|
+
childProps.ref = forwardedRef;
|
|
23047
|
+
return /*#__PURE__*/createElement(WrappedComponent, childProps);
|
|
23048
|
+
};
|
|
23049
|
+
return AsyncScriptLoader;
|
|
23050
|
+
}(Component); // Note the second param "ref" provided by React.forwardRef.
|
|
23051
|
+
// We can pass it along to AsyncScriptLoader as a regular prop, e.g. "forwardedRef"
|
|
23052
|
+
// And it can then be attached to the Component.
|
|
23053
|
+
|
|
23054
|
+
var ForwardedComponent = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
23055
|
+
return /*#__PURE__*/createElement(AsyncScriptLoader, _extends({}, props, {
|
|
23056
|
+
forwardedRef: ref
|
|
23057
|
+
}));
|
|
23058
|
+
});
|
|
23059
|
+
ForwardedComponent.displayName = "AsyncScriptLoader(" + wrappedComponentName + ")";
|
|
23060
|
+
ForwardedComponent.propTypes = {
|
|
23061
|
+
asyncScriptOnLoad: PropTypes.func
|
|
23062
|
+
};
|
|
23063
|
+
return hoistStatics(ForwardedComponent, WrappedComponent);
|
|
23064
|
+
};
|
|
23065
|
+
}
|
|
23066
|
+
|
|
23067
|
+
var callbackName = "onloadcallback";
|
|
23068
|
+
var globalName = "grecaptcha";
|
|
23069
|
+
function getOptions() {
|
|
23070
|
+
return typeof window !== "undefined" && window.recaptchaOptions || {};
|
|
23071
|
+
}
|
|
23072
|
+
function getURL() {
|
|
23073
|
+
var dynamicOptions = getOptions();
|
|
23074
|
+
var hostname = dynamicOptions.useRecaptchaNet ? "recaptcha.net" : "www.google.com";
|
|
23075
|
+
if (dynamicOptions.enterprise) {
|
|
23076
|
+
return "https://" + hostname + "/recaptcha/enterprise.js?onload=" + callbackName + "&render=explicit";
|
|
23077
|
+
}
|
|
23078
|
+
return "https://" + hostname + "/recaptcha/api.js?onload=" + callbackName + "&render=explicit";
|
|
23079
|
+
}
|
|
23080
|
+
var RecaptchaWrapper = makeAsyncScript(getURL, {
|
|
23081
|
+
callbackName: callbackName,
|
|
23082
|
+
globalName: globalName,
|
|
23083
|
+
attributes: getOptions().nonce ? {
|
|
23084
|
+
nonce: getOptions().nonce
|
|
23085
|
+
} : {}
|
|
23086
|
+
})(ReCAPTCHA);
|
|
23087
|
+
|
|
23088
|
+
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}";
|
|
23089
|
+
styleInject(css_248z);
|
|
23090
|
+
|
|
23091
|
+
const Recaptcha = /*#__PURE__*/forwardRef(({
|
|
23092
|
+
onVerify,
|
|
23093
|
+
className = '',
|
|
23094
|
+
error: externalError,
|
|
23095
|
+
sitekey,
|
|
23096
|
+
...props
|
|
23097
|
+
}, ref) => {
|
|
23098
|
+
const [internalError, setInternalError] = useState(null);
|
|
23099
|
+
const handleChange = token => {
|
|
23100
|
+
if (token) {
|
|
23101
|
+
setInternalError(null);
|
|
23102
|
+
onVerify(token);
|
|
23103
|
+
} else {
|
|
23104
|
+
setInternalError('Please complete the CAPTCHA');
|
|
23105
|
+
}
|
|
23106
|
+
};
|
|
23107
|
+
const error = externalError || internalError;
|
|
23108
|
+
return jsxs("div", {
|
|
23109
|
+
className: classNames('ff-recaptcha-wrapper', className),
|
|
23110
|
+
children: [jsx(RecaptchaWrapper, {
|
|
23111
|
+
ref: ref,
|
|
23112
|
+
sitekey: sitekey,
|
|
23113
|
+
onChange: handleChange,
|
|
23114
|
+
...props
|
|
23115
|
+
}), error && jsx("div", {
|
|
23116
|
+
className: "ff-recaptcha-error",
|
|
23117
|
+
children: jsx(Typography, {
|
|
23118
|
+
fontSize: 12,
|
|
23119
|
+
children: error
|
|
23120
|
+
})
|
|
23121
|
+
})]
|
|
23122
|
+
});
|
|
23123
|
+
});
|
|
23124
|
+
|
|
23125
|
+
export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button$1 as Button, Checkbox, Chip, Col, Container, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, LazyLoad, MenuOption, MiniModal, Modal, MultiSelect, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select$1 as Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };
|
|
20969
23126
|
//# sourceMappingURL=index.esm.js.map
|