@reportportal/ui-kit 0.0.1-alpha.13 → 0.0.1-alpha.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/datePicker/datePicker.d.ts +24 -0
- package/dist/components/datePicker/header/datePickerHeader.d.ts +15 -0
- package/dist/components/datePicker/header/index.d.ts +3 -0
- package/dist/components/datePicker/index.d.ts +3 -0
- package/dist/components/datePicker/utils.d.ts +3 -0
- package/dist/components/icons/index.d.ts +2 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/modal/modal.d.ts +6 -2
- package/dist/components/modal/modalHeader/modalHeader.d.ts +1 -1
- package/dist/{dropdown-e07f2a71.js → dropdown-c3ca9c1a.js} +29 -29
- package/dist/dropdown.js +1 -1
- package/dist/index-0be12e80.js +145 -0
- package/dist/index.js +237 -48
- package/dist/modal.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +5 -2
- package/dist/index-bb9b62ef.js +0 -131
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FC, ReactNode, ReactElement } from 'react';
|
|
2
|
+
interface DatePickerProps {
|
|
3
|
+
onChange?: (date: Date | any) => void;
|
|
4
|
+
onBlur?: () => void;
|
|
5
|
+
onFocus?: () => void;
|
|
6
|
+
headerNodes?: ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
shouldCloseOnSelect?: boolean;
|
|
9
|
+
fixedHeight?: boolean;
|
|
10
|
+
startDate?: Date | undefined;
|
|
11
|
+
endDate?: Date | undefined;
|
|
12
|
+
customClassName?: string;
|
|
13
|
+
popperClassName?: string;
|
|
14
|
+
calendarClassName?: string;
|
|
15
|
+
customTimeInput?: ReactElement;
|
|
16
|
+
language?: string;
|
|
17
|
+
yearsOptions?: number[];
|
|
18
|
+
placeholder?: string;
|
|
19
|
+
dateFormat?: string;
|
|
20
|
+
selects?: 'start' | 'end' | 'none';
|
|
21
|
+
value?: Date | null;
|
|
22
|
+
}
|
|
23
|
+
export declare const DatePicker: FC<DatePickerProps>;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
export interface DatePickerHeaderProps {
|
|
3
|
+
changeYear: (year: number) => void;
|
|
4
|
+
changeMonth: (month: number) => void;
|
|
5
|
+
decreaseMonth: () => void;
|
|
6
|
+
increaseMonth: () => void;
|
|
7
|
+
headerNodes: ReactNode;
|
|
8
|
+
date: Date;
|
|
9
|
+
prevMonthButtonDisabled: boolean;
|
|
10
|
+
nextMonthButtonDisabled: boolean;
|
|
11
|
+
customClassName: string;
|
|
12
|
+
yearsOptions: number[];
|
|
13
|
+
locale: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const DatePickerHeader: FC<DatePickerHeaderProps>;
|
|
@@ -10,3 +10,5 @@ export { default as PrevChapterIcon } from './svg/prevChapter.svg';
|
|
|
10
10
|
export { default as ArrowDownIcon } from './svg/arrowDown.svg';
|
|
11
11
|
export { default as ArrowUpIcon } from './svg/arrowUp.svg';
|
|
12
12
|
export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';
|
|
13
|
+
export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
|
|
14
|
+
export { default as CalendarIcon } from './svg/calendar.svg';
|
|
@@ -3,9 +3,8 @@ import { ButtonProps } from '../button';
|
|
|
3
3
|
import { ModalSize } from './modalFooter';
|
|
4
4
|
type ModalOverlay = 'default' | 'light-cyan';
|
|
5
5
|
interface ModalProps {
|
|
6
|
-
onClose
|
|
6
|
+
onClose?: () => void;
|
|
7
7
|
title?: ReactNode;
|
|
8
|
-
headerNode?: ReactNode;
|
|
9
8
|
children?: ReactNode;
|
|
10
9
|
footerNode?: ReactNode;
|
|
11
10
|
className?: string;
|
|
@@ -16,6 +15,11 @@ interface ModalProps {
|
|
|
16
15
|
okButton?: ButtonProps;
|
|
17
16
|
cancelButton?: ButtonProps;
|
|
18
17
|
scrollable?: boolean;
|
|
18
|
+
withoutFooter?: boolean;
|
|
19
|
+
CustomFooter?: FC<{
|
|
20
|
+
closeHandler: () => void;
|
|
21
|
+
}>;
|
|
22
|
+
description?: ReactNode;
|
|
19
23
|
}
|
|
20
24
|
export declare const Modal: FC<ModalProps>;
|
|
21
25
|
export {};
|
|
@@ -8,18 +8,18 @@ import { Scrollbars as de } from "rc-scrollbars";
|
|
|
8
8
|
import { u as oe } from "./useOnClickOutside-c332f7d3.js";
|
|
9
9
|
import { K as f } from "./keyCodes-f63c0e11.js";
|
|
10
10
|
import { B as se } from "./baseIconButton-7bc53dec.js";
|
|
11
|
-
const ae = (t) => /* @__PURE__ */ R.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ R.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" })),
|
|
11
|
+
const ae = (t) => /* @__PURE__ */ R.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ R.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" })), re = "_disabled_nx3fh_13", ie = "_hidden_nx3fh_17", le = "_selected_nx3fh_23", ce = "_hover_nx3fh_26", _e = {
|
|
12
12
|
"dropdown-option": "_dropdown-option_nx3fh_1",
|
|
13
|
-
disabled:
|
|
14
|
-
hidden:
|
|
15
|
-
selected:
|
|
13
|
+
disabled: re,
|
|
14
|
+
hidden: ie,
|
|
15
|
+
selected: le,
|
|
16
16
|
hover: ce,
|
|
17
17
|
"single-option": "_single-option_nx3fh_39",
|
|
18
18
|
"sub-option": "_sub-option_nx3fh_45"
|
|
19
19
|
}, P = A.bind(_e), he = F(
|
|
20
20
|
(t, n) => {
|
|
21
21
|
const {
|
|
22
|
-
option: { value: s, disabled:
|
|
22
|
+
option: { value: s, disabled: l, hidden: O, label: r, title: d, groupRef: E },
|
|
23
23
|
selected: D,
|
|
24
24
|
onChange: p,
|
|
25
25
|
render: g,
|
|
@@ -33,15 +33,15 @@ const ae = (t) => /* @__PURE__ */ R.createElement("svg", { width: 16, height: 16
|
|
|
33
33
|
{
|
|
34
34
|
className: P("dropdown-option", {
|
|
35
35
|
selected: D,
|
|
36
|
-
disabled:
|
|
36
|
+
disabled: l,
|
|
37
37
|
hidden: O,
|
|
38
38
|
hover: b
|
|
39
39
|
}),
|
|
40
|
-
title:
|
|
40
|
+
title: l && d || void 0,
|
|
41
41
|
onClick: N,
|
|
42
42
|
ref: n,
|
|
43
43
|
onMouseEnter: w,
|
|
44
|
-
children: /* @__PURE__ */ a("div", { className: P("single-option", { "sub-option": !!E }), children: g ? g(t) :
|
|
44
|
+
children: /* @__PURE__ */ a("div", { className: P("single-option", { "sub-option": !!E }), children: g ? g(t) : r })
|
|
45
45
|
}
|
|
46
46
|
);
|
|
47
47
|
}
|
|
@@ -51,16 +51,16 @@ const ae = (t) => /* @__PURE__ */ R.createElement("svg", { width: 16, height: 16
|
|
|
51
51
|
f.ARROW_DOWN_KEY_CODE
|
|
52
52
|
], ge = [f.ESCAPE_KEY_CODE, f.TAB_KEY_CODE];
|
|
53
53
|
var h = /* @__PURE__ */ ((t) => (t.ON_KEY_DOWN = "onKeyDown", t.ON_CLICK = "onClick", t))(h || {});
|
|
54
|
-
const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t % n + n) % n,
|
|
54
|
+
const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t % n + n) % n, K = (t, n = 0, s = 1) => {
|
|
55
55
|
if (!t[n].disabled)
|
|
56
56
|
return n;
|
|
57
|
-
const
|
|
58
|
-
return
|
|
57
|
+
const l = t.length;
|
|
58
|
+
return K(
|
|
59
59
|
t,
|
|
60
|
-
we(n + s,
|
|
60
|
+
we(n + s, l),
|
|
61
61
|
s
|
|
62
62
|
);
|
|
63
|
-
}, me = (t, n) =>
|
|
63
|
+
}, me = (t, n) => K(t, n), ue = (t, n) => K(t, n, -1), Ce = "_container_3wi7d_1", Oe = "_icon_3wi7d_7", Ee = "_arrow_3wi7d_13", De = "_dropdown_3wi7d_19", be = "_disabled_3wi7d_36", Ne = "_value_3wi7d_43", xe = "_error_3wi7d_46", Ke = "_touched_3wi7d_46", ve = "_opened_3wi7d_50", ye = "_placeholder_3wi7d_72", Ie = "_ghost_3wi7d_108", ke = {
|
|
64
64
|
container: Ce,
|
|
65
65
|
icon: Oe,
|
|
66
66
|
arrow: Ee,
|
|
@@ -69,8 +69,8 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
69
69
|
disabled: be,
|
|
70
70
|
value: Ne,
|
|
71
71
|
error: xe,
|
|
72
|
-
touched:
|
|
73
|
-
opened:
|
|
72
|
+
touched: Ke,
|
|
73
|
+
opened: ve,
|
|
74
74
|
placeholder: ye,
|
|
75
75
|
"mobile-disabled": "_mobile-disabled_3wi7d_87",
|
|
76
76
|
"select-list": "_select-list_3wi7d_92",
|
|
@@ -79,9 +79,9 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
79
79
|
value: t = "",
|
|
80
80
|
options: n = [],
|
|
81
81
|
disabled: s = !1,
|
|
82
|
-
error:
|
|
82
|
+
error: l,
|
|
83
83
|
onChange: O,
|
|
84
|
-
onFocus:
|
|
84
|
+
onFocus: r,
|
|
85
85
|
onBlur: d,
|
|
86
86
|
mobileDisabled: E,
|
|
87
87
|
title: D,
|
|
@@ -94,7 +94,7 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
94
94
|
className: W,
|
|
95
95
|
toggleButtonClassName: H
|
|
96
96
|
}) => {
|
|
97
|
-
const [
|
|
97
|
+
const [i, c] = Y(!1), v = B(null), [M, m] = Y(null), { refs: y, floatingStyles: $ } = ee({
|
|
98
98
|
middleware: [
|
|
99
99
|
te(5),
|
|
100
100
|
ne({
|
|
@@ -102,8 +102,8 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
102
102
|
})
|
|
103
103
|
]
|
|
104
104
|
});
|
|
105
|
-
oe(
|
|
106
|
-
|
|
105
|
+
oe(v, () => {
|
|
106
|
+
i && (c(!1), d == null || d());
|
|
107
107
|
});
|
|
108
108
|
const I = (e) => {
|
|
109
109
|
e.disabled || (O(e.value), c((o) => !o));
|
|
@@ -118,7 +118,7 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
118
118
|
items: n,
|
|
119
119
|
itemToString: (e) => (e != null && e.label ? String(e.label) : w) || "",
|
|
120
120
|
selectedItem: j(),
|
|
121
|
-
isOpen:
|
|
121
|
+
isOpen: i,
|
|
122
122
|
circularNavigation: !0,
|
|
123
123
|
defaultHighlightedIndex: k,
|
|
124
124
|
onHighlightedIndexChange: (e) => {
|
|
@@ -132,9 +132,9 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
}), q = () => {
|
|
135
|
-
s || (c((e) => !e),
|
|
135
|
+
s || (c((e) => !e), i ? d == null || d() : r == null || r(), m(h.ON_CLICK));
|
|
136
136
|
}, z = () => {
|
|
137
|
-
if (!t && t !== !1)
|
|
137
|
+
if (!t && t !== !1 && t !== 0)
|
|
138
138
|
return w;
|
|
139
139
|
let e = t;
|
|
140
140
|
return n.forEach((o) => {
|
|
@@ -142,7 +142,7 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
142
142
|
}), e;
|
|
143
143
|
}, G = (e) => {
|
|
144
144
|
const { keyCode: o } = e;
|
|
145
|
-
fe.includes(o) && !
|
|
145
|
+
fe.includes(o) && !i && (e.preventDefault(), u(k), c(!0), r == null || r(), m(h.ON_KEY_DOWN));
|
|
146
146
|
}, J = (e) => {
|
|
147
147
|
const { keyCode: o } = e;
|
|
148
148
|
if (o === f.ENTER_KEY_CODE) {
|
|
@@ -167,7 +167,7 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
167
167
|
},
|
|
168
168
|
e.value
|
|
169
169
|
));
|
|
170
|
-
return /* @__PURE__ */ L("div", { ref:
|
|
170
|
+
return /* @__PURE__ */ L("div", { ref: v, className: _("container", W), title: D, children: [
|
|
171
171
|
/* @__PURE__ */ L(
|
|
172
172
|
"button",
|
|
173
173
|
{
|
|
@@ -175,9 +175,9 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
175
175
|
...V({
|
|
176
176
|
className: _("dropdown", b, H, {
|
|
177
177
|
"transparent-background": T,
|
|
178
|
-
opened:
|
|
178
|
+
opened: i,
|
|
179
179
|
disabled: s,
|
|
180
|
-
error:
|
|
180
|
+
error: l,
|
|
181
181
|
touched: p,
|
|
182
182
|
"mobile-disabled": E
|
|
183
183
|
}),
|
|
@@ -192,11 +192,11 @@ const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t %
|
|
|
192
192
|
]
|
|
193
193
|
}
|
|
194
194
|
),
|
|
195
|
-
|
|
195
|
+
i && /* @__PURE__ */ a(
|
|
196
196
|
"div",
|
|
197
197
|
{
|
|
198
198
|
style: $,
|
|
199
|
-
className: _("select-list", { opened:
|
|
199
|
+
className: _("select-list", { opened: i }),
|
|
200
200
|
...U({
|
|
201
201
|
onKeyDown: J,
|
|
202
202
|
ref: y.setFloating
|
package/dist/dropdown.js
CHANGED
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { jsx as e, jsxs as d, Fragment as B } from "react/jsx-runtime";
|
|
2
|
+
import * as M from "react";
|
|
3
|
+
import { useState as f, useEffect as g, useRef as j } from "react";
|
|
4
|
+
import { Scrollbars as G } from "rc-scrollbars";
|
|
5
|
+
import { AnimatePresence as K, motion as P } from "framer-motion";
|
|
6
|
+
import { c as u } from "./bind-06a7ff84.js";
|
|
7
|
+
import { u as Y } from "./useOnClickOutside-c332f7d3.js";
|
|
8
|
+
import { K as F } from "./keyCodes-f63c0e11.js";
|
|
9
|
+
import { B as L } from "./button-7fb84fde.js";
|
|
10
|
+
import { B as U } from "./baseIconButton-7bc53dec.js";
|
|
11
|
+
const X = (t) => /* @__PURE__ */ M.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ M.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), Z = () => {
|
|
12
|
+
const [t, s] = f({ width: 0, height: 0 });
|
|
13
|
+
return g(() => {
|
|
14
|
+
const n = () => {
|
|
15
|
+
s({
|
|
16
|
+
width: window.innerWidth,
|
|
17
|
+
height: window.innerHeight
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
|
|
21
|
+
}, []), t;
|
|
22
|
+
}, q = {
|
|
23
|
+
"modal-content": "_modal-content_17fct_1"
|
|
24
|
+
}, J = u.bind(q), A = ({ children: t }) => /* @__PURE__ */ e("div", { className: J("modal-content"), children: t }), Q = {
|
|
25
|
+
"buttons-block": "_buttons-block_1dgm4_1",
|
|
26
|
+
"button-container": "_button-container_1dgm4_5",
|
|
27
|
+
"modal-footer": "_modal-footer_1dgm4_14",
|
|
28
|
+
"with-extra-node": "_with-extra-node_1dgm4_21",
|
|
29
|
+
"size-small": "_size-small_1dgm4_25"
|
|
30
|
+
}, m = u.bind(Q), V = ({
|
|
31
|
+
footerNode: t,
|
|
32
|
+
closeHandler: s,
|
|
33
|
+
okButton: n,
|
|
34
|
+
cancelButton: r,
|
|
35
|
+
size: a
|
|
36
|
+
}) => /* @__PURE__ */ d("div", { className: m("modal-footer", { "with-extra-node": t, [`size-${a}`]: a }), children: [
|
|
37
|
+
t && t,
|
|
38
|
+
/* @__PURE__ */ d("div", { className: m("buttons-block"), children: [
|
|
39
|
+
r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
|
|
40
|
+
L,
|
|
41
|
+
{
|
|
42
|
+
variant: "ghost",
|
|
43
|
+
adjustWidthOn: a === "small" ? "parent" : "content",
|
|
44
|
+
onClick: s,
|
|
45
|
+
...r
|
|
46
|
+
}
|
|
47
|
+
) }),
|
|
48
|
+
n && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(L, { adjustWidthOn: a === "small" ? "parent" : "content", ...n }) })
|
|
49
|
+
] })
|
|
50
|
+
] }), ee = {
|
|
51
|
+
"modal-header": "_modal-header_1rhdb_1",
|
|
52
|
+
"width-description": "_width-description_1rhdb_10",
|
|
53
|
+
"modal-header-content": "_modal-header-content_1rhdb_14",
|
|
54
|
+
"modal-title": "_modal-title_1rhdb_20",
|
|
55
|
+
"close-modal-icon": "_close-modal-icon_1rhdb_28"
|
|
56
|
+
}, _ = u.bind(ee), te = ({ title: t, onClose: s, withDescription: n = !1 }) => /* @__PURE__ */ d("div", { className: _("modal-header", { "width-description": n }), children: [
|
|
57
|
+
/* @__PURE__ */ e("div", { className: _("modal-header-content"), children: t && /* @__PURE__ */ e("span", { className: _("modal-title"), children: t }) }),
|
|
58
|
+
/* @__PURE__ */ e(U, { className: _("close-modal-icon"), onClick: s, children: /* @__PURE__ */ e(X, {}) })
|
|
59
|
+
] }), oe = "_modal_sp7xo_1", ne = "_description_sp7xo_42", se = {
|
|
60
|
+
modal: oe,
|
|
61
|
+
"overlay-default": "_overlay-default_sp7xo_11",
|
|
62
|
+
"overlay-light-cyan": "_overlay-light-cyan_sp7xo_15",
|
|
63
|
+
"scrolling-content": "_scrolling-content_sp7xo_19",
|
|
64
|
+
"modal-window": "_modal-window_sp7xo_25",
|
|
65
|
+
description: ne,
|
|
66
|
+
"size-default": "_size-default_sp7xo_53",
|
|
67
|
+
"size-small": "_size-small_sp7xo_65",
|
|
68
|
+
"size-large": "_size-large_sp7xo_77"
|
|
69
|
+
}, h = u.bind(se), ae = 0.9, ie = 32 + 24, le = 32 + 8, de = 36 + 16, ce = 32 * 2, xe = ({
|
|
70
|
+
title: t,
|
|
71
|
+
children: s,
|
|
72
|
+
footerNode: n,
|
|
73
|
+
okButton: r,
|
|
74
|
+
cancelButton: a,
|
|
75
|
+
className: N,
|
|
76
|
+
size: w = "default",
|
|
77
|
+
onClose: O = () => {
|
|
78
|
+
},
|
|
79
|
+
overlay: x = "default",
|
|
80
|
+
zIndex: z = 2,
|
|
81
|
+
allowCloseOutside: D = !0,
|
|
82
|
+
scrollable: R = !1,
|
|
83
|
+
withoutFooter: v = !1,
|
|
84
|
+
CustomFooter: b = null,
|
|
85
|
+
description: i = null
|
|
86
|
+
}) => {
|
|
87
|
+
const [S, H] = f(!1), [T, I] = f(0), l = j(null), E = Z(), C = E.height, k = C * ae, p = (C - T) / 2, $ = () => {
|
|
88
|
+
let o = k - ce;
|
|
89
|
+
return v || (o = o - de), i ? o = o - le : o = o - ie, o;
|
|
90
|
+
}, c = () => {
|
|
91
|
+
H(!1);
|
|
92
|
+
}, y = (o) => {
|
|
93
|
+
const { keyCode: W } = o;
|
|
94
|
+
W === F.ESCAPE_KEY_CODE && c();
|
|
95
|
+
};
|
|
96
|
+
return g(() => {
|
|
97
|
+
if (l && l.current) {
|
|
98
|
+
const { clientHeight: o } = l.current;
|
|
99
|
+
I(o);
|
|
100
|
+
}
|
|
101
|
+
}, [s, E]), g(() => (H(!0), document.addEventListener("keydown", y, !1), () => document.removeEventListener("keydown", y, !1)), []), Y(l, D ? c : void 0), /* @__PURE__ */ e(K, { onExitComplete: O, children: S && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${x}`]: x }), style: { zIndex: z }, children: /* @__PURE__ */ d(
|
|
102
|
+
P.div,
|
|
103
|
+
{
|
|
104
|
+
className: h("modal-window", { [`size-${w}`]: w }, N),
|
|
105
|
+
ref: l,
|
|
106
|
+
tabIndex: 0,
|
|
107
|
+
initial: { opacity: 0, marginTop: -p },
|
|
108
|
+
animate: { opacity: 1, marginTop: p },
|
|
109
|
+
exit: { opacity: 0, marginTop: -p },
|
|
110
|
+
transition: { duration: 0.3 },
|
|
111
|
+
onAnimationStart: () => {
|
|
112
|
+
var o;
|
|
113
|
+
return (o = l.current) == null ? void 0 : o.focus();
|
|
114
|
+
},
|
|
115
|
+
children: [
|
|
116
|
+
/* @__PURE__ */ e(te, { title: t, onClose: c, withDescription: !!i }),
|
|
117
|
+
R ? /* @__PURE__ */ d(G, { autoHeight: !0, autoHeightMax: $(), hideTracksWhenNotNeeded: !0, children: [
|
|
118
|
+
i && /* @__PURE__ */ e("span", { className: h("description"), children: i }),
|
|
119
|
+
/* @__PURE__ */ e(A, { children: s })
|
|
120
|
+
] }) : /* @__PURE__ */ d(B, { children: [
|
|
121
|
+
i && /* @__PURE__ */ e("span", { className: h("description"), children: i }),
|
|
122
|
+
/* @__PURE__ */ e(A, { children: s })
|
|
123
|
+
] }),
|
|
124
|
+
!v && (b ? /* @__PURE__ */ e(b, { closeHandler: c }) : /* @__PURE__ */ e(
|
|
125
|
+
V,
|
|
126
|
+
{
|
|
127
|
+
size: w,
|
|
128
|
+
footerNode: n,
|
|
129
|
+
okButton: r,
|
|
130
|
+
cancelButton: a,
|
|
131
|
+
closeHandler: c
|
|
132
|
+
}
|
|
133
|
+
))
|
|
134
|
+
]
|
|
135
|
+
},
|
|
136
|
+
"modal-window"
|
|
137
|
+
) }) });
|
|
138
|
+
};
|
|
139
|
+
export {
|
|
140
|
+
xe as M,
|
|
141
|
+
X as S,
|
|
142
|
+
A as a,
|
|
143
|
+
te as b,
|
|
144
|
+
V as c
|
|
145
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -1,23 +1,27 @@
|
|
|
1
|
-
import { B as
|
|
2
|
-
import { C as
|
|
3
|
-
import { S as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { F as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
1
|
+
import { B as A1 } from "./button-7fb84fde.js";
|
|
2
|
+
import { C as b1 } from "./checkbox-6777be17.js";
|
|
3
|
+
import { S as B1 } from "./systemMessage-1ced6079.js";
|
|
4
|
+
import { F as Z } from "./fieldText-d80b29ba.js";
|
|
5
|
+
import { S as E1 } from "./fieldText-d80b29ba.js";
|
|
6
|
+
import { T as S1 } from "./themeProvider-46c2be7b.js";
|
|
7
|
+
import { S as j1, M as I1 } from "./index-0be12e80.js";
|
|
8
|
+
import { D as I } from "./dropdown-c3ca9c1a.js";
|
|
9
|
+
import { S as T1 } from "./dropdown-c3ca9c1a.js";
|
|
10
|
+
import { T as P1 } from "./toggle-707ecb74.js";
|
|
11
|
+
import { F as k1, a as Z1, S as D1 } from "./fieldNumber-46fe79b9.js";
|
|
12
|
+
import { B as U1 } from "./bubblesLoader-a7e709d4.js";
|
|
13
|
+
import { F as $1 } from "./fieldTextFlex-5bddf46a.js";
|
|
14
|
+
import { R as O1 } from "./radio-fd49a09c.js";
|
|
15
|
+
import { Tooltip as q1 } from "./tooltip.js";
|
|
16
|
+
import { Popover as J1 } from "./popover.js";
|
|
17
|
+
import { P as Q1, a as X1, S as ee } from "./pagination-5449cd03.js";
|
|
18
|
+
import { S as oe, a as re, T as ne } from "./table-83e050dc.js";
|
|
19
|
+
import { jsxs as y, Fragment as D, jsx as n } from "react/jsx-runtime";
|
|
20
|
+
import V from "react-datepicker";
|
|
21
|
+
import { c as P } from "./bind-06a7ff84.js";
|
|
18
22
|
import * as e from "react";
|
|
19
|
-
import "react
|
|
20
|
-
import "./
|
|
23
|
+
import { useMemo as F, useRef as U } from "react";
|
|
24
|
+
import { B as le } from "./baseIconButton-7bc53dec.js";
|
|
21
25
|
import "./keyCodes-f63c0e11.js";
|
|
22
26
|
import "rc-scrollbars";
|
|
23
27
|
import "framer-motion";
|
|
@@ -25,34 +29,219 @@ import "./useOnClickOutside-c332f7d3.js";
|
|
|
25
29
|
import "@floating-ui/react-dom";
|
|
26
30
|
import "downshift";
|
|
27
31
|
import "@floating-ui/react";
|
|
28
|
-
const
|
|
32
|
+
const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M9.80051 6.3661C9.95672 6.20989 10.21 6.20989 10.3662 6.3661L10.6338 6.63375C10.7901 6.78996 10.7901 7.04323 10.6338 7.19944L8.83331 8.99996L10.6338 10.8005C10.79 10.9567 10.79 11.2099 10.6338 11.3662L10.3662 11.6338C10.21 11.79 9.95669 11.79 9.80048 11.6338L7.99998 9.8333L6.19953 11.6338C6.04332 11.79 5.79005 11.79 5.63384 11.6338L5.36619 11.3661C5.20998 11.2099 5.20998 10.9566 5.36619 10.8004L7.16665 8.99996L5.36617 7.19949C5.20996 7.04328 5.20996 6.79001 5.36617 6.6338L5.63382 6.36615C5.79003 6.20994 6.04329 6.20994 6.1995 6.36615L7.99998 8.16663L9.80051 6.3661Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.99878 3V2C4.99878 1.44772 5.44649 1 5.99878 1H9.99878C10.5511 1 10.9988 1.44772 10.9988 2V3H14.5C14.7761 3 15 3.22386 15 3.5C15 3.77614 14.7761 4 14.5 4H13.4167L12.6146 13.6246C12.5498 14.402 11.8999 15 11.1198 15H4.8802C4.10007 15 3.45017 14.402 3.38538 13.6246L2.58333 4H1.5C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3H4.99878ZM5.99878 2H9.99878V3H5.99878V2ZM3.5868 4L4.38193 13.5415C4.40352 13.8007 4.62016 14 4.8802 14H11.1198C11.3798 14 11.5965 13.8007 11.6181 13.5415L12.4132 4H3.5868Z", fill: "#A2AAB5" })), w1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 3, viewBox: "0 0 14 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.30811 2.47803C1.72868 2.47803 2.05339 2.36206 2.28223 2.13013C2.51107 1.89819 2.62549 1.60596 2.62549 1.25342C2.62549 0.894694 2.51107 0.596273 2.28223 0.358154C2.05339 0.120036 1.72868 0.000976562 1.30811 0.000976562C0.893717 0.000976562 0.572103 0.120036 0.343262 0.358154C0.114421 0.596273 0 0.894694 0 1.25342C0 1.61214 0.117513 1.90592 0.352539 2.13477C0.587565 2.36361 0.906087 2.47803 1.30811 2.47803ZM6.61475 2.47803C7.03532 2.47803 7.36003 2.36206 7.58887 2.13013C7.81771 1.89819 7.93213 1.60596 7.93213 1.25342C7.93213 0.894694 7.81771 0.596273 7.58887 0.358154C7.36003 0.120036 7.03532 0.000976562 6.61475 0.000976562C6.20036 0.000976562 5.87874 0.120036 5.6499 0.358154C5.42106 0.596273 5.30664 0.894694 5.30664 1.25342C5.30664 1.61214 5.42415 1.90592 5.65918 2.13477C5.89421 2.36361 6.21273 2.47803 6.61475 2.47803ZM12.8955 2.13013C12.6667 2.36206 12.342 2.47803 11.9214 2.47803C11.5194 2.47803 11.2008 2.36361 10.9658 2.13477C10.7308 1.90592 10.6133 1.61214 10.6133 1.25342C10.6133 0.894694 10.7277 0.596273 10.9565 0.358154C11.1854 0.120036 11.507 0.000976562 11.9214 0.000976562C12.342 0.000976562 12.6667 0.120036 12.8955 0.358154C13.1243 0.596273 13.2388 0.894694 13.2388 1.25342C13.2388 1.60596 13.1243 1.89819 12.8955 2.13013Z", fill: "#A2AAB5" })), T = (t) => /* @__PURE__ */ e.createElement("svg", { width: 8, height: 13, viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.54134 12.2173C6.69755 12.3735 6.95081 12.3735 7.10702 12.2173L7.24844 12.0759C7.40465 11.9197 7.40465 11.6664 7.24844 11.5102L1.90539 6.16715L7.24844 0.824097C7.40465 0.667887 7.40465 0.41462 7.24844 0.258411L7.10702 0.116989C6.95081 -0.0392199 6.69755 -0.0392199 6.54134 0.116989L0.998591 5.65973L0.999562 5.6607L0.767094 5.89317C0.610884 6.04938 0.610884 6.30265 0.767093 6.45886L1.48425 7.17602L1.49215 7.16813L6.54134 12.2173Z", fill: "#C1C7D0" })), Y = (t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 15, viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 1.5, width: 13, height: 13, rx: 1.5, stroke: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 9, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 4, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 14, y: 4, width: 1, height: 14, transform: "rotate(90 14 4)", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 3, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 6, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 6, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 3, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 9, y: 7, width: 2, height: 2, fill: "#A2AAB5" })), $ = (t, c = 20) => {
|
|
33
|
+
const i = t + c;
|
|
34
|
+
return new Array(i - t).fill(void 0).map((g, o) => t - o);
|
|
35
|
+
}, G = "_header_a3cjx_1", O = "_disabled_a3cjx_25", W = "_dropdown_a3cjx_8", q = {
|
|
36
|
+
header: G,
|
|
37
|
+
"dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
|
|
38
|
+
"button-prev": "_button-prev_a3cjx_13",
|
|
39
|
+
"button-next": "_button-next_a3cjx_14",
|
|
40
|
+
disabled: O,
|
|
41
|
+
dropdown: W,
|
|
42
|
+
"month-dropdown": "_month-dropdown_a3cjx_44",
|
|
43
|
+
"toggle-button": "_toggle-button_a3cjx_47"
|
|
44
|
+
}, l = P.bind(q), z = ({
|
|
45
|
+
date: t = /* @__PURE__ */ new Date(),
|
|
46
|
+
changeYear: c = () => {
|
|
47
|
+
},
|
|
48
|
+
changeMonth: i = () => {
|
|
49
|
+
},
|
|
50
|
+
decreaseMonth: g = () => {
|
|
51
|
+
},
|
|
52
|
+
increaseMonth: o = () => {
|
|
53
|
+
},
|
|
54
|
+
prevMonthButtonDisabled: r = !1,
|
|
55
|
+
nextMonthButtonDisabled: w = !1,
|
|
56
|
+
headerNodes: f = null,
|
|
57
|
+
customClassName: x = "",
|
|
58
|
+
yearsOptions: m = [],
|
|
59
|
+
locale: v
|
|
60
|
+
}) => {
|
|
61
|
+
const p = t.getFullYear(), b = t.getMonth(), _ = F(() => {
|
|
62
|
+
const a = Array(12).keys(), s = new Intl.DateTimeFormat(v, {
|
|
63
|
+
month: "long"
|
|
64
|
+
}), d = (h) => s.format(new Date(p, h));
|
|
65
|
+
return Array.from(a, d).reduce((h, A, E) => h.concat({
|
|
66
|
+
value: E,
|
|
67
|
+
label: A
|
|
68
|
+
}), []);
|
|
69
|
+
}, []), L = F(() => (m.length > 0 ? m : $(p)).reduce(
|
|
70
|
+
(s, d) => s.concat({ value: d, label: `${d}` }),
|
|
71
|
+
[]
|
|
72
|
+
), [m]), B = (a) => {
|
|
73
|
+
i(a);
|
|
74
|
+
}, M = (a) => {
|
|
75
|
+
c(a);
|
|
76
|
+
};
|
|
77
|
+
return /* @__PURE__ */ y(D, { children: [
|
|
78
|
+
f && /* @__PURE__ */ n("div", { className: l(x), children: f }),
|
|
79
|
+
/* @__PURE__ */ y("div", { className: l("header"), children: [
|
|
80
|
+
/* @__PURE__ */ n(
|
|
81
|
+
"button",
|
|
82
|
+
{
|
|
83
|
+
"aria-label": "Previous Months",
|
|
84
|
+
disabled: r,
|
|
85
|
+
onClick: g,
|
|
86
|
+
className: l("button-prev", { disabled: r }),
|
|
87
|
+
children: /* @__PURE__ */ n(T, {})
|
|
88
|
+
}
|
|
89
|
+
),
|
|
90
|
+
/* @__PURE__ */ y("div", { className: l("dropdowns-wrapper"), children: [
|
|
91
|
+
/* @__PURE__ */ n(
|
|
92
|
+
I,
|
|
93
|
+
{
|
|
94
|
+
options: _,
|
|
95
|
+
value: b,
|
|
96
|
+
onChange: B,
|
|
97
|
+
transparentBackground: !0,
|
|
98
|
+
className: l("dropdown", "month-dropdown"),
|
|
99
|
+
toggleButtonClassName: l("toggle-button")
|
|
100
|
+
}
|
|
101
|
+
),
|
|
102
|
+
/* @__PURE__ */ n(
|
|
103
|
+
I,
|
|
104
|
+
{
|
|
105
|
+
options: L,
|
|
106
|
+
value: p,
|
|
107
|
+
onChange: M,
|
|
108
|
+
transparentBackground: !0,
|
|
109
|
+
className: l("dropdown"),
|
|
110
|
+
toggleButtonClassName: l("toggle-button")
|
|
111
|
+
}
|
|
112
|
+
)
|
|
113
|
+
] }),
|
|
114
|
+
/* @__PURE__ */ n(
|
|
115
|
+
"button",
|
|
116
|
+
{
|
|
117
|
+
"aria-label": "Next Months",
|
|
118
|
+
disabled: w,
|
|
119
|
+
onClick: o,
|
|
120
|
+
className: l("button-next", { disabled: w }),
|
|
121
|
+
children: /* @__PURE__ */ n(T, {})
|
|
122
|
+
}
|
|
123
|
+
)
|
|
124
|
+
] })
|
|
125
|
+
] });
|
|
126
|
+
}, J = "_calendar_1jr94_5", K = "_date_1jr94_90", Q = "_disabled_1jr94_202", X = "_popper_1jr94_210", e1 = "_input_1jr94_214", t1 = {
|
|
127
|
+
calendar: J,
|
|
128
|
+
"current-date": "_current-date_1jr94_89",
|
|
129
|
+
date: K,
|
|
130
|
+
"selected-range": "_selected-range_1jr94_119",
|
|
131
|
+
"end-date": "_end-date_1jr94_119",
|
|
132
|
+
disabled: Q,
|
|
133
|
+
popper: X,
|
|
134
|
+
input: e1
|
|
135
|
+
}, u = P.bind(t1), o1 = "en", R = "MM-dd-yyyy", f1 = ({
|
|
136
|
+
onChange: t = () => {
|
|
137
|
+
},
|
|
138
|
+
disabled: c = !1,
|
|
139
|
+
onBlur: i = () => {
|
|
140
|
+
},
|
|
141
|
+
onFocus: g = () => {
|
|
142
|
+
},
|
|
143
|
+
endDate: o = void 0,
|
|
144
|
+
startDate: r = void 0,
|
|
145
|
+
headerNodes: w = null,
|
|
146
|
+
customClassName: f = "",
|
|
147
|
+
customTimeInput: x = void 0,
|
|
148
|
+
shouldCloseOnSelect: m = !0,
|
|
149
|
+
popperClassName: v = "",
|
|
150
|
+
calendarClassName: p = "",
|
|
151
|
+
fixedHeight: b = !1,
|
|
152
|
+
language: _ = o1,
|
|
153
|
+
yearsOptions: L = [],
|
|
154
|
+
placeholder: B = R.toUpperCase(),
|
|
155
|
+
dateFormat: M = R,
|
|
156
|
+
selects: a = "start",
|
|
157
|
+
value: s = null
|
|
158
|
+
}) => {
|
|
159
|
+
const d = U(null), S = r == null ? void 0 : r.toDateString(), h = o == null ? void 0 : o.toDateString(), A = o && r && o > r, E = (C) => {
|
|
160
|
+
const N = C.toDateString(), H = N === S, j = A && N === h, k = r && o && C > r && C < o;
|
|
161
|
+
return u("date", {
|
|
162
|
+
"current-date": H,
|
|
163
|
+
"selected-range": k && !j,
|
|
164
|
+
"end-date": j && A,
|
|
165
|
+
disabled: c
|
|
166
|
+
});
|
|
167
|
+
};
|
|
168
|
+
return /* @__PURE__ */ n(
|
|
169
|
+
V,
|
|
170
|
+
{
|
|
171
|
+
customInput: /* @__PURE__ */ n(
|
|
172
|
+
Z,
|
|
173
|
+
{
|
|
174
|
+
className: u("input"),
|
|
175
|
+
defaultWidth: !1,
|
|
176
|
+
endIcon: /* @__PURE__ */ n(Y, {}),
|
|
177
|
+
ref: d
|
|
178
|
+
}
|
|
179
|
+
),
|
|
180
|
+
placeholderText: B,
|
|
181
|
+
selected: s,
|
|
182
|
+
startDate: r,
|
|
183
|
+
endDate: o,
|
|
184
|
+
minDate: a === "end" ? r : void 0,
|
|
185
|
+
disabled: c,
|
|
186
|
+
shouldCloseOnSelect: m,
|
|
187
|
+
fixedHeight: b,
|
|
188
|
+
locale: _,
|
|
189
|
+
showPopperArrow: !1,
|
|
190
|
+
dayClassName: E,
|
|
191
|
+
calendarClassName: u(p, "calendar"),
|
|
192
|
+
renderCustomHeader: (C) => /* @__PURE__ */ n(
|
|
193
|
+
z,
|
|
194
|
+
{
|
|
195
|
+
...C,
|
|
196
|
+
headerNodes: w,
|
|
197
|
+
customClassName: f,
|
|
198
|
+
yearsOptions: L,
|
|
199
|
+
locale: _
|
|
200
|
+
}
|
|
201
|
+
),
|
|
202
|
+
onChange: t,
|
|
203
|
+
onBlur: i,
|
|
204
|
+
onFocus: g,
|
|
205
|
+
customTimeInput: x,
|
|
206
|
+
showTimeInput: !!x,
|
|
207
|
+
popperClassName: u(v, "popper"),
|
|
208
|
+
dateFormat: M,
|
|
209
|
+
selectsStart: a === "start",
|
|
210
|
+
selectsEnd: a === "end",
|
|
211
|
+
className: u("datepicker")
|
|
212
|
+
}
|
|
213
|
+
);
|
|
214
|
+
};
|
|
29
215
|
export {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
216
|
+
oe as ArrowDownIcon,
|
|
217
|
+
re as ArrowUpIcon,
|
|
218
|
+
le as BaseIconButton,
|
|
219
|
+
U1 as BubblesLoader,
|
|
220
|
+
A1 as Button,
|
|
221
|
+
T as CalendarArrowIcon,
|
|
222
|
+
Y as CalendarIcon,
|
|
223
|
+
b1 as Checkbox,
|
|
224
|
+
E1 as ClearIcon,
|
|
225
|
+
j1 as CloseIcon,
|
|
226
|
+
f1 as DatePicker,
|
|
227
|
+
g1 as DeleteIcon,
|
|
228
|
+
I as Dropdown,
|
|
229
|
+
T1 as DropdownIcon,
|
|
230
|
+
k1 as FieldNumber,
|
|
231
|
+
Z as FieldText,
|
|
232
|
+
$1 as FieldTextFlex,
|
|
233
|
+
w1 as MeatballMenuIcon,
|
|
234
|
+
Z1 as MinusIcon,
|
|
235
|
+
I1 as Modal,
|
|
236
|
+
Q1 as Pagination,
|
|
237
|
+
D1 as PlusIcon,
|
|
238
|
+
J1 as Popover,
|
|
239
|
+
X1 as PrevChapterIcon,
|
|
240
|
+
ee as PrevPageIcon,
|
|
241
|
+
O1 as Radio,
|
|
242
|
+
B1 as SystemMessage,
|
|
243
|
+
ne as Table,
|
|
244
|
+
S1 as ThemeProvider,
|
|
245
|
+
P1 as Toggle,
|
|
246
|
+
q1 as Tooltip
|
|
58
247
|
};
|
package/dist/modal.js
CHANGED
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._system-message_fp9ws_1{min-height:85px;height:auto;width:100%;background:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:var(--rp-ui-base-shadow);display:flex;flex-direction:column;font-family:var(--rp-ui-base-font-family)}._system-message_fp9ws_1 ._stripes-info_fp9ws_12{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-info-line-100),var(--rp-ui-base-sm-info-line-100) 24px,var(--rp-ui-base-e-200) 24px,var(--rp-ui-base-e-200) 48px)}._system-message_fp9ws_1 ._stripes-warning_fp9ws_17{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-warning-line-100),var(--rp-ui-base-sm-warning-line-100) 24px,var(--rp-ui-base-sm-warning-line-200) 24px,var(--rp-ui-base-sm-warning-line-200) 48px)}._system-message_fp9ws_1 ._stripes-error_fp9ws_22{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-error-line-100),var(--rp-ui-base-sm-error-line-100) 24px,var(--rp-ui-base-sm-error-line-200) 24px,var(--rp-ui-base-sm-error-line-200) 48px)}._system-message_fp9ws_1 ._text-container_fp9ws_27{padding:12px 16px 16px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-info_fp9ws_30{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-e-400);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-warning_fp9ws_38{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-sm-warning);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-error_fp9ws_46{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-sm-error);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._children_fp9ws_54{text-indent:1px;color:var(--rp-ui-color-text);font-weight:700;font-size:13px;line-height:20px}._system-message_fp9ws_1 ._text-container_fp9ws_27 p{margin-top:4px;max-width:780px;color:var(--rp-ui-base-e-400);font-weight:400;font-size:12px;line-height:18px}._content-width_fp9ws_70{max-width:max-content}._toggle_p1gaq_1{position:relative;display:inline-flex;align-items:center;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black);cursor:pointer}._children-container_p1gaq_13{margin-left:40px}._children-container_p1gaq_13 a{text-decoration:none;color:var(--rp-ui-base-topaz)}._children-container_p1gaq_13 a:focus,._children-container_p1gaq_13 a:focus-visible{outline:none;color:var(--rp-ui-base-topaz-focused);text-decoration:underline}._slider_p1gaq_26{background-color:var(--rp-ui-base-e-300);cursor:pointer;position:absolute;transition:.4s;border-radius:10px;width:32px;height:20px}._slider_p1gaq_26:before{position:absolute;top:2px;left:2px;content:"";width:16px;height:16px;background-color:var(--rp-ui-base-bg-000);transition:.4s}._round_p1gaq_46:before{border-radius:50%}._input_p1gaq_50{position:absolute;opacity:0;top:0;left:0}._input_p1gaq_50:disabled+._slider_p1gaq_26{background-color:var(--rp-ui-base-e-200);cursor:default}._input_p1gaq_50:focus-visible{outline:none}._input_p1gaq_50:focus:not(._disabled_p1gaq_63):after,._input_p1gaq_50:focus-visible:not(._disabled_p1gaq_63)+._slider_p1gaq_26:after{top:50%;left:50%;content:"";position:absolute;width:100%;height:100%;border:2px solid var(--rp-ui-base-topaz-focused);border-radius:12px;transform:translate(-50%,-50%)}._input_p1gaq_50:checked+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz)}._input_p1gaq_50:checked+._slider_p1gaq_26:before{transform:translate(12px)}._input_p1gaq_50:hover+._slider_p1gaq_26{background-color:var(--rp-ui-base-e-400)}._input_p1gaq_50:checked:hover+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz-hover)}._input_p1gaq_50:checked:disabled+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz);cursor:default}._disabled_p1gaq_63{opacity:.3;cursor:default}._bubbles-loader_kn4ln_1{position:relative}._bubbles-loader_kn4ln_1._color-topaz_kn4ln_4 ._bubble_kn4ln_1{background-color:var(--rp-ui-base-dark-topaz-main)}._bubble_kn4ln_1{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--rp-ui-base-bg-000);transform:scale(.3);animation:_bubbles_kn4ln_1 2.5s infinite linear}._bubble_kn4ln_1:nth-child(1){left:0;animation-delay:.1s}._bubble_kn4ln_1:nth-child(2){left:7px;animation-delay:.3s}._bubble_kn4ln_1:nth-child(3){left:14px;animation-delay:.5s}._bubble_kn4ln_1:nth-child(4){left:21px;animation-delay:.7s}._bubble_kn4ln_1:nth-child(5){left:28px;animation-delay:.9s}._bubble_kn4ln_1:nth-child(6){left:35px;animation-delay:1.1s}._bubble_kn4ln_1:nth-child(7){left:42px;animation-delay:1.3s}@keyframes _bubbles_kn4ln_1{20%,60%{transform:scale(.5)}40%{transform:scale(1)}}._radio-button_1sze8_1{display:flex;align-items:center;height:100%;outline:none;cursor:pointer;padding-bottom:4px}._radio-button_1sze8_1._disabled_1sze8_9{cursor:default}._radio-button_1sze8_1._disabled_1sze8_9 ._children-container_1sze8_12{color:var(--rp-ui-base-e-300)}._radio-button_1sze8_1._disabled_1sze8_9 ._toggler_1sze8_15{opacity:.3}._radio-button_1sze8_1._disabled_1sze8_9 ._toggler_1sze8_15:after{background-color:transparent}._radio-button_1sze8_1._disabled_1sze8_9 ._toggler_1sze8_15._checked_1sze8_21:after{background-color:var(--rp-ui-base-topaz-pressed)}._radio-button_1sze8_1:focus-visible:not(._disabled_1sze8_9) ._toggler_1sze8_15{border:2px solid var(--rp-ui-color-primary-focused)}._input_1sze8_28{display:none}._toggler_1sze8_15{display:flex;width:16px;height:16px;min-width:16px;box-sizing:border-box;margin:auto 10px auto 0;border-radius:100%;border-width:1px;border-style:solid;line-height:18;border-color:var(--rp-ui-color-field-border-2)}._toggler_1sze8_15:after{width:8px;height:8px;content:"";display:block;border-radius:100%;margin:auto;background-color:var(--rp-ui-color-radio-cheked);opacity:0;transform:scale(.5);transition:transform .2s,opacity .2s}._toggler_1sze8_15:hover:not(._disabled_1sze8_9){border-color:var(--rp-ui-color-field-border-2-hover)}._toggler_1sze8_15:hover:not(._disabled_1sze8_9):after{background-color:var(--rp-ui-color-primary-hover)}._toggler_1sze8_15._checked_1sze8_21:after,._toggler_1sze8_15._disabled_1sze8_9:after{transform:scale(1);opacity:1}._children-container_1sze8_12{display:inline-block;overflow:hidden;max-width:100%;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;word-break:break-all;text-overflow:ellipsis;color:var(--rp-ui-color-text)}._children-container_1sze8_12 a{text-decoration:none;color:var(--rp-ui-base-topaz)}._children-container_1sze8_12 a:focus,._children-container_1sze8_12 a:focus-visible{outline:none;color:var(--rp-ui-base-topaz-focused);text-decoration:underline}._text-area_cxv68_1{font-size:13px;line-height:20px;width:100%;min-height:72px;padding:9px 12px 7px;outline:none;border:1px solid var(--rp-ui-base-e-200);border-radius:3px;box-sizing:border-box;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-almost-black);resize:vertical}._text-area_cxv68_1:hover{border-color:var(--rp-ui-base-e-300)}._text-area_cxv68_1:focus:not(._error_cxv68_19._touched_cxv68_19){border:1px solid var(--rp-ui-base-topaz-hover);box-shadow:0 0 0 1px var(--rp-ui-base-topaz-hover)}._text-area_cxv68_1._error_cxv68_19._touched_cxv68_19{border:1px solid var(--rp-ui-base-error)}._text-area_cxv68_1::placeholder{color:var(--rp-ui-base-e-300)}._label_cxv68_30{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:500;color:var(--rp-ui-base-almost-black);margin-bottom:4px}._additional-content_cxv68_39 ._error-text_cxv68_39{font-size:11px;line-height:16px;display:block;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-error)}._additional-content_cxv68_39 ._help-text_cxv68_47{font-size:11px;line-height:16px;display:block;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-e-300)}._disabled_cxv68_56{opacity:.3;pointer-events:none}._button_1fbsg_1{display:inline-flex;justify-content:center;align-items:center;height:36px;padding:7px 16px;margin:0;outline:none;border-radius:3px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;box-sizing:border-box}._primary_1fbsg_18{border:1px solid var(--rp-ui-color-primary);background-color:var(--rp-ui-color-primary);color:var(--rp-ui-base-bg-000)}._primary_1fbsg_18:hover:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-primary-hover);background-color:var(--rp-ui-color-primary-hover)}._primary_1fbsg_18:active:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-primary-pressed);background-color:var(--rp-ui-color-primary-pressed)}._primary_1fbsg_18:focus:not(._disabled_1fbsg_23,:active){border:2px solid var(--rp-ui-color-primary-focused)}._ghost_1fbsg_35{border:1px solid var(--rp-ui-color-primary);background-color:transparent;color:var(--rp-ui-color-primary-text)}._ghost_1fbsg_35:hover:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-base-dark-topaz-hover);color:var(--rp-ui-base-dark-topaz-hover)}._ghost_1fbsg_35:active:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-primary-pressed);color:var(--rp-ui-color-primary-pressed)}._ghost_1fbsg_35:focus:not(._disabled_1fbsg_23,:active){border:2px solid var(--rp-ui-color-primary-focused);color:var(--rp-ui-color-primary-focused)}._danger_1fbsg_53{border:1px solid var(--rp-ui-color-error);background-color:var(--rp-ui-color-error);color:var(--rp-ui-base-bg-000)}._danger_1fbsg_53:hover:not(._disabled_1fbsg_23){opacity:.9}._danger_1fbsg_53:active:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-error-pressed);background-color:var(--rp-ui-color-error-pressed)}._danger_1fbsg_53:focus:not(._disabled_1fbsg_23,:active){border:2px solid var(--rp-ui-color-error-focused)}._text_1fbsg_69{min-width:auto;height:auto;border:0;padding:0;background:none;line-height:22px;color:var(--rp-ui-color-primary-text)}._text_1fbsg_69:hover:not(._disabled_1fbsg_23){color:var(--rp-ui-color-primary-hover)}._text_1fbsg_69:hover:not(._disabled_1fbsg_23) svg *{fill:var(--rp-ui-color-primary-hover)}._text_1fbsg_69:active:not(._disabled_1fbsg_23){color:var(--rp-ui-color-primary-pressed)}._text_1fbsg_69:active:not(._disabled_1fbsg_23) svg *{fill:var(--rp-ui-color-primary-pressed)}._text_1fbsg_69:focus:not(._disabled_1fbsg_23,:active){color:var(--rp-ui-color-primary-focused)}._text_1fbsg_69:focus:not(._disabled_1fbsg_23,:active) svg *{fill:var(--rp-ui-color-primary-focused)}._text_1fbsg_69 svg *{fill:var(--rp-ui-color-primary-text)}._disabled_1fbsg_23{opacity:var(--rp-ui-opacity-default);cursor:default}._width-wide-content_1fbsg_105{padding:9px 47px 7px;margin:0}._width-parent_1fbsg_110{display:flex;width:100%}._icon_1fbsg_115{display:inline-block;width:16px;height:16px}._icon-start_1fbsg_121{margin:auto 8px auto 0}._icon-end_1fbsg_125{margin:auto 0 auto 8px;order:1}._checkbox_189ko_1{display:inline-flex;align-items:center;padding-left:24px;color:var(--rp-ui-color-text-2);font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px}._checkbox_189ko_1 ._disabled_189ko_11{opacity:var(--rp-ui-opacity-default);pointer-events:none}._input_189ko_16{position:absolute;opacity:0;top:0;left:0}._control_189ko_23{position:absolute;width:16px;height:16px;border:1px solid var(--rp-ui-color-field-border-2);border-radius:3px;margin-left:-24px;box-sizing:border-box;cursor:pointer}._input_189ko_16:checked+._control_189ko_23{border-color:var(--rp-ui-color-primary);background-color:var(--rp-ui-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_189ko_16:hover+._control_189ko_23{border-color:var(--rp-ui-color-field-hover-2)}._input_189ko_16:active:not(:disabled)+._control_189ko_23{border:2px solid var(--rp-ui-color-primary-focused)}._input_189ko_16:checked:hover+._control_189ko_23{border-color:var(--rp-ui-color-primary-hover);background-color:var(--rp-ui-color-primary-hover);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_189ko_16:checked:active:not(:disabled)+._control_189ko_23{border-color:var(--rp-ui-color-primary-focused);background-color:var(--rp-ui-color-primary-focused);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_189ko_16:disabled+._control_189ko_23{border-color:var(--rp-ui-color-disabled)}._input_189ko_16:checked:disabled+._control_189ko_23{border-color:var(--rp-ui-color-primary);background-color:var(--rp-ui-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E");opacity:var(--rp-ui-opacity-default);pointer-events:none}._input_189ko_16:focus+._control_189ko_23{border:2px solid var(--rp-ui-color-primary-focused)}._input_189ko_16._partially-checked_189ko_76:not(:checked)+._control_189ko_23{border-color:var(--rp-ui-color-field-border);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked)+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-field-border-2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._input_189ko_16._partially-checked_189ko_76:not(:checked):hover+._control_189ko_23{border-color:var(--rp-ui-color-field-border-2-hover);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked):hover+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-primary-hover);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._input_189ko_16._partially-checked_189ko_76:not(:checked):active:not(:disabled)+._control_189ko_23{border-color:var(--rp-ui-color-primary-focused);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked):active:not(:disabled)+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-field-border-2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._input_189ko_16._partially-checked_189ko_76:not(:checked):disabled+._control_189ko_23{border-color:var(--rp-ui-color-field-borderd);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked):disabled+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-field-border);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._children_189ko_149{cursor:pointer}._children_189ko_149 a{text-decoration:none;color:var(--rp-ui-color-primary)}._children_189ko_149 a:focus,._children_189ko_149 a:focus-visible{outline:none;color:var(--rp-ui-color-primary-focused);text-decoration:underline}._base-icon-button_p6ked_1{margin:0;padding:0;outline:none;background:transparent;border:none;cursor:pointer}._base-icon-button_p6ked_1 svg path{fill:var(--rp-ui-base-e-300)}._base-icon-button_p6ked_1._disabled_p6ked_12{opacity:40%;cursor:default}._base-icon-button_p6ked_1:hover:not(._disabled_p6ked_12) svg path{fill:var(--rp-ui-base-e-400)}._base-icon-button_p6ked_1:active:not(._disabled_p6ked_12) svg path{fill:var(--rp-ui-base-topaz-pressed)}._base-icon-button_p6ked_1:focus:not(._disabled_p6ked_12,:active) svg path{fill:var(--rp-ui-base-topaz-focused)}@font-face{font-family:Roboto;font-weight:400;font-display:swap;font-style:normal;src:local("Roboto Regular"),local("Roboto-Regular"),url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;font-display:swap;font-style:normal;src:local("Roboto Medium"),local("Roboto-Medium"),url(./fonts/Roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;font-style:normal;src:local("Roboto-Bold"),local("Roboto-Bold"),url(./fonts/Roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:300;font-display:swap;font-style:normal;src:local("Open Sans Light"),local("OpenSans-Light"),url(./fonts/OpenSans/OpenSans-Light.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:400;font-display:swap;font-style:normal;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(./fonts/OpenSans/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:600;font-display:swap;font-style:normal;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(./fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype")}:root{--rp-ui-base-bg-000: #ffffff;--rp-ui-base-bg-100: #f7f7f8;--rp-ui-base-bg-200: #eceff4;--rp-ui-base-error: #dc5959;--rp-ui-base-error-hover: #f24a4a;--rp-ui-base-error-pressed: #c54141;--rp-ui-base-error-focused: #ffb1b1;--rp-ui-base-topaz: #00829b;--rp-ui-base-topaz-hover: #009dbb;--rp-ui-base-topaz-focused: #00b0d1;--rp-ui-base-topaz-pressed: #00758c;--rp-ui-base-almost-black: #3f3f3f;--rp-ui-base-e-100: #e3e7ec;--rp-ui-base-e-200: #c1c7d0;--rp-ui-base-e-300: #a2aab5;--rp-ui-base-e-400: #8d95a1;--rp-ui-base-dark-bg: #101010;--rp-ui-base-dark-bg-solid-98: #141414;--rp-ui-base-dark-error: #ff4040;--rp-ui-base-dark-error-text: #ff6666;--rp-ui-base-dark-log-error: #ff3222;--rp-ui-base-dark-log-fatal: #c2352b;--rp-ui-base-dark-topaz-main: #1a9cb0;--rp-ui-base-dark-topaz-hover: #1cb0c7;--rp-ui-base-dark-topaz-focused: #1dbdd6;--rp-ui-base-dark-topaz-pressed: #9ee7f2;--rp-ui-base-dark-topaz-text: #3abcd0;--rp-ui-base-dark-topaz-additional: #00505d;--rp-ui-base-dark-e-50: #e8e8e8;--rp-ui-base-dark-e-100: #cfcfcf;--rp-ui-base-dark-e-150: #8f8f8f;--rp-ui-base-dark-e-200: #626262;--rp-ui-base-dark-e-300: #383838;--rp-ui-base-dark-e-400: #262626;--rp-ui-base-dark-e-500: #222222;--rp-ui-base-sm-warning: #d78706;--rp-ui-base-sm-warning-line-100: #fceecb;--rp-ui-base-sm-warning-line-200: #fbe7b6;--rp-ui-base-sm-error: #db3549;--rp-ui-base-sm-error-line-100: #fccbcb;--rp-ui-base-sm-error-line-200: #ffc0bd;--rp-ui-base-sm-info-line-100: #ced3db;--rp-ui-base-defect-type-AB: #ffc208;--rp-ui-base-tag-value-text: #394db6;--rp-ui-base-tag-value-background: #ced8fc;--rp-ui-base-tag-key-text: #6f4599;--rp-ui-base-tag-key-background: #dac3e6;--rp-ui-base-system-issue-group: #3e7be6;--rp-ui-base-product-bug-group: #d32f2f;--rp-ui-base-automation-bug-group: #ffc208;--rp-ui-base-no-defect-bug-group: #76839b;--rp-ui-base-test-execution-status-passed: #3aa76d;--rp-ui-base-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-base-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--rp-ui-base-shadow-secondary: 0 8px 40px rgba(0, 0, 0, .15);--rp-ui-base-almost-black-light: rgba(63, 63, 63, .75);--rp-ui-base-almost-black-slight-light: rgba(63, 63, 63, .95);--rp-ui-base-overlay: rgba(141, 149, 161, .35);--rp-ui-base-overlay-light-cyan: rgba(208, 240, 241, .7);--rp-ui-base-font-family: Roboto, Arial, Helvetica, sans-serif;--rp-ui-base-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;--rp-ui-color-bg: var(--rp-ui-base-bg-000);--rp-ui-color-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-bg-3: var(--rp-ui-base-bg-200);--rp-ui-color-primary: var(--rp-ui-base-topaz);--rp-ui-color-primary-hover: var(--rp-ui-base-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-topaz);--rp-ui-color-error: var(--rp-ui-base-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-almost-black);--rp-ui-color-text-2: var(--rp-ui-base-almost-black);--rp-ui-color-text-3: var(--rp-ui-base-almost-black);--rp-ui-color-field-bg: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-field-border: var(--rp-ui-base-e-200);--rp-ui-color-field-border-2: var(--rp-ui-base-e-300);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-e-400);--rp-ui-color-field-hover: var(--rp-ui-base-e-300);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-400);--rp-ui-color-field-opened: var(--rp-ui-base-topaz-pressed);--rp-ui-color-field-placeholder: var(--rp-ui-base-almost-black);--rp-ui-color-radio-cheked: var(--rp-ui-base-topaz-pressed);--rp-ui-color-disabled: var(--rp-ui-base-e-300);--rp-ui-opacity-default: 30%}.rp-ui-kit-theme-light{--rp-ui-color-bg: var(--rp-ui-base-bg-000);--rp-ui-color-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-bg-3: var(--rp-ui-base-bg-200);--rp-ui-color-primary: var(--rp-ui-base-topaz);--rp-ui-color-primary-hover: var(--rp-ui-base-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-topaz);--rp-ui-color-error: var(--rp-ui-base-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-almost-black);--rp-ui-color-text-2: var(--rp-ui-base-almost-black);--rp-ui-color-text-3: var(--rp-ui-base-almost-black);--rp-ui-color-field-bg: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-field-border: var(--rp-ui-base-e-200);--rp-ui-color-field-border-2: var(--rp-ui-base-e-300);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-e-400);--rp-ui-color-field-hover: var(--rp-ui-base-e-300);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-400);--rp-ui-color-field-opened: var(--rp-ui-base-topaz-pressed);--rp-ui-color-field-placeholder: var(--rp-ui-base-almost-black);--rp-ui-color-radio-cheked: var(--rp-ui-base-topaz-pressed);--rp-ui-color-disabled: var(--rp-ui-base-e-300);--rp-ui-opacity-default: 30%}.rp-ui-kit-theme-dark{--rp-ui-color-bg: var(--rp-ui-base-dark-bg);--rp-ui-color-bg-2: var(--rp-ui-base-dark-bg);--rp-ui-color-bg-3: var(--rp-ui-base-dark-bg-solid-98);--rp-ui-color-primary: var(--rp-ui-base-dark-topaz-main);--rp-ui-color-primary-hover: var(--rp-ui-base-dark-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-dark-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-dark-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-dark-topaz-text);--rp-ui-color-error: var(--rp-ui-base-dark-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-dark-e-50);--rp-ui-color-text-2: var(--rp-ui-base-dark-e-100);--rp-ui-color-text-3: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-bg-2: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-border: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-border-2: var(--rp-ui-base-dark-e-100);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-dark-e-50);--rp-ui-color-field-hover: var(--rp-ui-base-e-200);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-300);--rp-ui-color-field-opened: var(--rp-ui-base-e-200);--rp-ui-color-field-placeholder: var(--rp-ui-base-dark-e-200);--rp-ui-color-radio-cheked: var(--rp-ui-base-dark-topaz-main);--rp-ui-color-disabled: var(--rp-ui-base-dark-e-100);--rp-ui-opacity-default: 50%}._theme-provider_xipmx_1{height:100%;width:100%}._icon-container_18rqf_1,._icon-container-end_18rqf_1,._icon-container-start_18rqf_1{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:22px;height:22px}._icon-container-start_18rqf_1{margin-right:4px}._icon-container-end_18rqf_1{margin-left:4px}._label_18rqf_18{display:block;margin-bottom:4px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;color:var(--rp-ui-color-text)}._label_18rqf_18 ._asterisk_18rqf_27{position:absolute;top:-3px;color:var(--rp-ui-base-e-300);padding-left:4px}._label_18rqf_18._disabled_18rqf_33{pointer-events:none;background-color:var(--rp-ui-base-bg-100)}._field_18rqf_38{display:flex;align-items:center;height:36px;width:100%;padding:7px 12px;box-sizing:border-box;border:1px solid var(--rp-ui-base-e-200);border-radius:3px;background-color:var(--rp-ui-base-bg-000)}._field_18rqf_38:hover:not(._disabled_18rqf_33){border-color:var(--rp-ui-base-e-300)}._field_18rqf_38:focus-within:not(._error_18rqf_52._touched_18rqf_52){padding:6px 11px;border:2px solid var(--rp-ui-color-primary-focused)}._field_18rqf_38._error_18rqf_52._touched_18rqf_52{border-color:var(--rp-ui-base-error)}._field_18rqf_38._disabled_18rqf_33{pointer-events:none;background-color:var(--rp-ui-base-bg-100)}._field_18rqf_38._disabled_18rqf_33 ._placeholder_18rqf_63{color:var(--rp-ui-base-e-300)}._field_18rqf_38._default-width_18rqf_66{width:240px}._input-container_18rqf_70{position:relative;width:100%}._input_18rqf_70{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:400;width:100%;margin:2px 0 0;padding:0;border:none;background:transparent;overflow:hidden;text-overflow:ellipsis;color:var(--rp-ui-color-text)}._input_18rqf_70:focus{outline:none}._input_18rqf_70:disabled{color:var(--rp-ui-base-e-300)}._placeholder_18rqf_63{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-dark-e-300);position:absolute;top:2px;left:0;pointer-events:none}._placeholder_18rqf_63 ._asterisk_18rqf_27:after{position:absolute;top:-3px;color:var(--rp-ui-base-e-300);right:-7px;content:"*";color:var(--rp-ui-base-error-focused)}._icon_18rqf_1,._clear-icon_18rqf_116{display:inline-block;width:16px;height:16px}._clear-icon_18rqf_116{background:none;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}._clear-icon_18rqf_116._disabled_18rqf_33{pointer-events:none}._clear-icon_18rqf_116:hover svg{fill:var(--rp-ui-base-e-400)}._clear-icon_18rqf_116:hover svg>rect{fill:var(--rp-ui-base-e-400)}._clear-icon_18rqf_116:focus svg{fill:var(--rp-ui-color-primary-focused)}._clear-icon_18rqf_116:focus svg>rect{fill:var(--rp-ui-color-primary-focused)}._clear-icon_18rqf_116:active svg{fill:var(--rp-ui-color-primary-pressed)}._clear-icon_18rqf_116:active svg>rect{fill:var(--rp-ui-color-primary-pressed)}._additional-content_18rqf_152{margin-top:4px}._additional-content_18rqf_152._disabled_18rqf_33{pointer-events:none}._text_18rqf_159{font-size:11px;line-height:16px;font-family:var(--rp-ui-base-font-family);font-weight:400;display:block}._error-text_18rqf_167{color:var(--rp-ui-base-error)}._help-text_18rqf_171{color:var(--rp-ui-base-dark-e-300)}._field-number_3tc9r_1{position:relative;display:inline-flex;flex-direction:column}._field-number_3tc9r_1._disabled_3tc9r_6{opacity:.4}._label_3tc9r_10{display:block;margin-bottom:4px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;text-indent:1px;color:var(--rp-ui-base-almost-black)}._sign_3tc9r_21{display:inline-flex;cursor:pointer}._input-container_3tc9r_26{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid var(--rp-ui-base-e-200);box-sizing:border-box;border-radius:3px;background:var(--rp-ui-base-bg-000);-webkit-user-select:none;user-select:none}._input-container_3tc9r_26:focus-within:not(._error_3tc9r_36._touched_3tc9r_36){padding:5px 7px;border-width:2px;border-color:var(--rp-ui-base-topaz-focused)}._input-container_3tc9r_26:hover:not(._disabled_3tc9r_6):not(:focus-within):not(._error_3tc9r_36._touched_3tc9r_36),._input-container_3tc9r_26._filled_3tc9r_41:not(:focus-within){border-color:var(--rp-ui-base-e-300)}._input-container_3tc9r_26._error_3tc9r_36._touched_3tc9r_36{border-color:var(--rp-ui-base-error)}._input-field_3tc9r_48{display:flex;align-items:center;justify-content:center;height:20px;min-width:44px;margin:2px 4px 0;text-align:center;cursor:text}._input-field_3tc9r_48._disabled_3tc9r_6{cursor:default}._input_3tc9r_26{padding:0;margin:0;border:none;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._input_3tc9r_26:focus{outline:none}._input_3tc9r_26:focus::placeholder{color:transparent}._input_3tc9r_26::placeholder{color:var(--rp-ui-base-e-200)}._input_3tc9r_26::-webkit-inner-spin-button,._input_3tc9r_26::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}*{box-sizing:border-box}._table_xqjqb_5{width:100%;max-width:1200px}._table-header_xqjqb_10{display:flex;width:100%;height:32px;align-items:center}._table-row_xqjqb_17{display:flex;width:100%;height:64px}._table-row_xqjqb_17 ._table-row-content_xqjqb_22{display:flex;align-items:center;height:100%;flex:1;box-shadow:var(--rp-ui-base-shadow-hover);background-color:var(--rp-ui-base-bg-000);border-radius:4px;max-width:100%}._table-row_xqjqb_17._size-small_xqjqb_32{height:44px}._table-row_xqjqb_17._size-large_xqjqb_35{height:80px}._table-body_xqjqb_39{display:flex;flex-direction:column;gap:4px;width:100%}._table-header-cell_xqjqb_46,._table-cell_xqjqb_46{font-family:var(--rp-ui-base-font-family);font-weight:400;padding:0 16px}._table-header-cell_xqjqb_46._action-menu-cell_xqjqb_51,._table-cell_xqjqb_46._action-menu-cell_xqjqb_51{width:48px;padding:0 16px;flex-shrink:0}._table-header-cell_xqjqb_46:not(._action-menu-cell_xqjqb_51),._table-cell_xqjqb_46:not(._action-menu-cell_xqjqb_51){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._table-header-cell_xqjqb_46._checkbox-cell_xqjqb_61,._table-cell_xqjqb_46._checkbox-cell_xqjqb_61{width:48px;display:flex;justify-content:center;height:100%;cursor:pointer;flex-shrink:0}._table-header-cell_xqjqb_46._checkbox-cell_xqjqb_61+._table-row-content_xqjqb_22,._table-cell_xqjqb_46._checkbox-cell_xqjqb_61+._table-row-content_xqjqb_22{max-width:calc(100% - 48px)}._table-header-cell_xqjqb_46._primary-cell_xqjqb_72,._table-cell_xqjqb_46._primary-cell_xqjqb_72{flex:1 1 320px;font-weight:500;text-align:left}._table-header-cell_xqjqb_46{font-size:11px;line-height:16px;color:var(--rp-ui-base-e-400);display:flex;align-items:center;text-align:left;background:none;border:none}._table-header-cell_xqjqb_46 ._label_xqjqb_88{display:flex;align-items:center}._table-header-cell_xqjqb_46._sortable-cell_xqjqb_92>._label_xqjqb_88{cursor:pointer}._table-header-cell_xqjqb_46._align-right_xqjqb_95{justify-content:flex-end}._table-header-cell_xqjqb_46._align-right_xqjqb_95 svg{margin-right:-16px}._table-header-cell_xqjqb_46._align-center_xqjqb_101{justify-content:center}._table-cell_xqjqb_46{font-size:13px;line-height:20px}._dropdown-option_nx3fh_1{display:inline-block;width:100%;padding:9px 12px 7px;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;box-sizing:border-box;cursor:pointer;color:var(--rp-ui-color-text-3)}._dropdown-option_nx3fh_1._disabled_nx3fh_13{pointer-events:none;background-color:var(--rp-ui-color-field-bg-2)}._dropdown-option_nx3fh_1._hidden_nx3fh_17{display:none}._dropdown-option_nx3fh_1:hover:not(:active){background:var(--rp-ui-color-bg-3)}._dropdown-option_nx3fh_1._selected_nx3fh_23{color:var(--rp-ui-color-primary-text)}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13){padding:8px 11px 6px;background-color:var(--rp-ui-color-bg-3);border:1px solid var(--rp-ui-color-primary-focused)}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13):hover{border:none;padding:9px 12px 7px}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13):hover:hover:not(:active){background:var(--rp-ui-color-bg-3)}._single-option_nx3fh_39{display:flex;align-items:center;height:100%}._sub-option_nx3fh_45{padding-left:24px}._container_3wi7d_1{position:relative;display:inline-block;width:100%}._icon_3wi7d_7{width:16px;height:16px;margin-right:8px}._arrow_3wi7d_13{display:inline-flex;margin-left:12px;transition:transform .2s linear}._dropdown_3wi7d_19{display:flex;align-items:center;text-align:start;padding:9px 12px 7px;width:100%;height:36px;border:1px solid var(--rp-ui-color-field-border);border-radius:3px;background-color:var(--rp-ui-color-field-bg);box-sizing:border-box;transition:border-color .2s linear;cursor:pointer}._dropdown_3wi7d_19._transparent-background_3wi7d_33{background-color:transparent}._dropdown_3wi7d_19._disabled_3wi7d_36{pointer-events:none;background-color:var(--rp-ui-color-field-bg-2)}._dropdown_3wi7d_19._disabled_3wi7d_36 ._arrow_3wi7d_13 svg path{opacity:.4}._dropdown_3wi7d_19._disabled_3wi7d_36 ._value_3wi7d_43{color:var(--rp-ui-color-disabled)}._dropdown_3wi7d_19._error_3wi7d_46._touched_3wi7d_46{border-width:1px;border-color:var(--rp-ui-color-error)}._dropdown_3wi7d_19:hover:not(:active):not(:focus-visible):not(._opened_3wi7d_50):not(._error_3wi7d_46){border-color:var(--rp-ui-color-field-hover)}._dropdown_3wi7d_19:active,._dropdown_3wi7d_19:focus-visible{padding:7px 11px;border-width:2px;border-color:var(--rp-ui-color-primary-focused);outline:none}._dropdown_3wi7d_19:active ._arrow_3wi7d_13 svg path,._dropdown_3wi7d_19:focus-visible ._arrow_3wi7d_13 svg path{fill:var(--rp-ui-color-field-hover-2)}._dropdown_3wi7d_19._opened_3wi7d_50:not(:active):not(._error_3wi7d_46){border-width:1px;border-color:var(--rp-ui-color-primary-pressed)}._dropdown_3wi7d_19._opened_3wi7d_50:not(:active):not(._error_3wi7d_46) ._arrow_3wi7d_13 svg path{fill:var(--rp-ui-color-field-opened)}._dropdown_3wi7d_19._opened_3wi7d_50 ._arrow_3wi7d_13{transform:rotate(180deg)}._dropdown_3wi7d_19 ._placeholder_3wi7d_72{color:var(--rp-ui-color-field-placeholder)}._dropdown_3wi7d_19 ._value_3wi7d_43{flex-grow:1;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-color-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767px){._dropdown_3wi7d_19 ._mobile-disabled_3wi7d_87{background-color:var(--rp-ui-color-field-bg-2)}}._select-list_3wi7d_92{position:absolute;top:100%;padding:8px 0;width:100%;min-height:10px;border-radius:3px;box-sizing:border-box;z-index:10;box-shadow:var(--rp-ui-base-shadow-secondary);background:var(--rp-ui-color-field-bg)}._select-list_3wi7d_92._opened_3wi7d_50:focus-visible{outline:none}._ghost_3wi7d_108{border-color:transparent;background:transparent}._ghost_3wi7d_108:hover:not(:active):not(:focus-visible):not(._opened_3wi7d_50):not(._error_3wi7d_46){border-color:transparent}._ghost_3wi7d_108._opened_3wi7d_50:not(:active):not(._error_3wi7d_46){border-color:transparent}._ghost_3wi7d_108._opened_3wi7d_50 ._value_3wi7d_43{color:var(--rp-ui-color-primary-pressed)}._item-counter_4g6do_1{display:inline-block;width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._size-selector_183l8_1{display:flex;flex-direction:column}._size-option_183l8_6{width:88px;padding:8px 0;outline:none;border:none;background:none;cursor:pointer;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;text-align:left;color:var(--rp-ui-base-almost-black)}._size-option_183l8_6:first-child{padding-top:0}._size-option_183l8_6:last-child{padding-bottom:0}._size-option_183l8_6:hover{color:var(--rp-ui-base-topaz-hover)}._size-option_183l8_6:active{color:var(--rp-ui-base-topaz-pressed)}._size-option_183l8_6._selected_183l8_32{color:var(--rp-ui-base-topaz)}._page-size-control_gnurh_1{display:flex;justify-content:flex-end;width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._size-selector-button_gnurh_10{margin-right:4px;font-weight:700;font-size:11px;line-height:16px}._page-selector_rtho4_1{display:flex;gap:8px}._field-wrapper_rtho4_6,._apply-button_rtho4_10{width:90px}._active-page_14j0y_1{display:inline-block;width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}._page-selector_14j0y_10{text-align:left}._page-selector-button_14j0y_14{margin-left:4px;font-weight:700;font-size:11px;line-height:16px}._bar_dfnmf_1{width:260px;height:8px;margin:4px 0;border-radius:3px;background-color:var(--rp-ui-base-e-100)}._section-with-tooltip_dfnmf_9{display:inline-block;height:16px}._section-with-tooltip_dfnmf_9:hover ._section_dfnmf_9{background-color:var(--rp-ui-base-topaz-hover)}._section-with-tooltip_dfnmf_9:active ._section_dfnmf_9{background-color:var(--rp-ui-base-topaz-pressed)}._section-with-tooltip_dfnmf_9:first-child ._section_dfnmf_9{border-radius:3px 0 0 3px}._section-with-tooltip_dfnmf_9:last-child ._section_dfnmf_9{border-radius:0 3px 3px 0}._section_dfnmf_9{position:relative;top:4px;height:8px;background-color:transparent;margin:4px 0}._section_dfnmf_9._selected_dfnmf_33{background-color:var(--rp-ui-base-topaz)}._tooltip-wrapper_dfnmf_37{width:inherit;height:16px}._tooltip_dfnmf_37{font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;text-align:center}._tooltip_dfnmf_37 ._tooltip-text_dfnmf_48{font-weight:400;padding-bottom:8px}._tooltip_dfnmf_37 ._page-number_dfnmf_52{font-weight:700}._section-with-tooltip_dfnmf_9,._tooltip-wrapper_dfnmf_37{position:relative;top:-4px}._page-navigator_1p2t5_1{display:flex;gap:16px}._page-buttons_1p2t5_6{display:inline-flex;gap:16px}._page-button_1p2t5_6{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px}._page-button_1p2t5_6._next_1p2t5_18{transform:rotateY(180deg)}._page-controls_thyf8_1{display:flex;flex-direction:row;align-items:center;gap:24px}._total-pages_thyf8_8{display:inline-block;width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}._pagination_uykxy_1{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:24px 0;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:11px;line-height:16px;color:var(--rp-ui-base-almost-black)}._modal-content_ojybs_1{width:calc(100% - 34px);margin-top:13px;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-color-text);white-space:pre-line;word-break:break-word}._buttons-block_1dgm4_1{white-space:nowrap}._button-container_1dgm4_5{display:inline-block;min-width:70px;margin-right:10px}._button-container_1dgm4_5:last-child{margin-right:0}._modal-footer_1dgm4_14{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1dgm4_14._with-extra-node_1dgm4_21{justify-content:space-between}._size-small_1dgm4_25{flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._buttons-block_1dgm4_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._button-container_1dgm4_5{margin:0 0 10px}._size-small_1dgm4_25 ._button-container_1dgm4_5:last-child{margin-bottom:0}._modal-header_11gdx_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header-content_11gdx_11{display:flex;justify-content:stretch;align-items:center;width:100%;padding-right:30px;box-sizing:border-box}._modal-title_11gdx_20{flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_11gdx_28{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_1kzzv_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center}._overlay-default_1kzzv_11{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_1kzzv_15{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_1kzzv_19{position:fixed;width:100%;height:100%}._modal-window_1kzzv_25{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 48px;box-sizing:border-box;background-color:var(--rp-ui-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._size-default_1kzzv_42{width:480px}@media (max-width: 480px){._size-default_1kzzv_42{right:10px;left:10px;transform:none;width:auto}}._size-small_1kzzv_54{width:320px}@media (max-width: 320px){._size-small_1kzzv_54{right:10px;left:10px;transform:none;width:auto}}._size-large_1kzzv_66{width:720px}@media (max-width: 720px){._size-large_1kzzv_66{right:10px;left:10px;transform:none;width:auto}}._tooltip-wrapper_7bl3z_1{display:block;width:fit-content;height:fit-content;cursor:pointer}._tooltip_7bl3z_1{transition:opacity .3s ease;margin:4px}._tooltip_7bl3z_1[data-placement*=bottom]{padding-top:9px;z-index:2}._tooltip_7bl3z_1[data-placement*=top]{padding-bottom:9px}._tooltip_7bl3z_1[data-placement*=left]{padding-right:9px}._tooltip_7bl3z_1[data-placement*=right]{padding-left:9px}._tooltip-content_7bl3z_26{padding:16px;border-radius:8px;background-color:var(--rp-ui-base-almost-black-slight-light);font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:11px;line-height:16px;color:var(--rp-ui-base-bg-000);word-wrap:break-word;white-space:pre-wrap}._tooltip-arrow_7bl3z_39{position:absolute}._tooltip-arrow_7bl3z_39:before,._tooltip-arrow_7bl3z_39:after{content:"";margin:auto;display:block;width:0;height:0;border-style:solid}._tooltip-arrow_7bl3z_39:after{position:absolute}._tooltip-arrow_7bl3z_39[data-placement*=bottom]{top:0;width:18px;height:9px}._tooltip-arrow_7bl3z_39[data-placement*=bottom]:before,._tooltip-arrow_7bl3z_39[data-placement*=bottom]:after{border-width:0 9px 9px}._tooltip-arrow_7bl3z_39[data-placement*=bottom]:before{border-color:transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=bottom]:after{top:0;border-color:transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=top]{bottom:0;width:18px;height:9px}._tooltip-arrow_7bl3z_39[data-placement*=top]:before,._tooltip-arrow_7bl3z_39[data-placement*=top]:after{border-width:9px 9px 0}._tooltip-arrow_7bl3z_39[data-placement*=top]:before{border-color:var(--rp-ui-base-almost-black-light) transparent transparent}._tooltip-arrow_7bl3z_39[data-placement*=top]:after{bottom:0;border-color:var(--rp-ui-base-almost-black-light) transparent transparent}._tooltip-arrow_7bl3z_39[data-placement*=left]{right:0;width:9px;height:18px}._tooltip-arrow_7bl3z_39[data-placement*=left]:before,._tooltip-arrow_7bl3z_39[data-placement*=left]:after{border-width:9px 0 9px 9px}._tooltip-arrow_7bl3z_39[data-placement*=left]:before{border-color:transparent transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=left]:after{top:0;right:0;border-color:transparent transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=right]{left:0;width:9px;height:18px}._tooltip-arrow_7bl3z_39[data-placement*=right]:before,._tooltip-arrow_7bl3z_39[data-placement*=right]:after{border-width:9px 9px 9px 0}._tooltip-arrow_7bl3z_39[data-placement*=right]:before{border-color:transparent var(--rp-ui-base-almost-black-light) transparent transparent}._tooltip-arrow_7bl3z_39[data-placement*=right]:after{top:0;left:0;border-color:transparent var(--rp-ui-base-almost-black-light) transparent transparent}._popover-wrapper_16ogt_1{display:inline-block;width:fit-content;height:fit-content;cursor:pointer}._popover_16ogt_1{display:block;position:absolute;z-index:10;font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;background-color:var(--rp-ui-color-bg);border-radius:8px;box-shadow:var(--rp-ui-base-shadow-secondary);padding:16px;min-height:52px;min-width:120px;max-width:fit-content;box-sizing:border-box;outline:0;width:max-content;color:var(--rp-ui-color-text)}._title_16ogt_28{font-family:var(--rp-ui-base-font-family-heading);font-weight:700;font-size:13px;line-height:20px;margin-bottom:8px}
|
|
1
|
+
._system-message_fp9ws_1{min-height:85px;height:auto;width:100%;background:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:var(--rp-ui-base-shadow);display:flex;flex-direction:column;font-family:var(--rp-ui-base-font-family)}._system-message_fp9ws_1 ._stripes-info_fp9ws_12{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-info-line-100),var(--rp-ui-base-sm-info-line-100) 24px,var(--rp-ui-base-e-200) 24px,var(--rp-ui-base-e-200) 48px)}._system-message_fp9ws_1 ._stripes-warning_fp9ws_17{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-warning-line-100),var(--rp-ui-base-sm-warning-line-100) 24px,var(--rp-ui-base-sm-warning-line-200) 24px,var(--rp-ui-base-sm-warning-line-200) 48px)}._system-message_fp9ws_1 ._stripes-error_fp9ws_22{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-error-line-100),var(--rp-ui-base-sm-error-line-100) 24px,var(--rp-ui-base-sm-error-line-200) 24px,var(--rp-ui-base-sm-error-line-200) 48px)}._system-message_fp9ws_1 ._text-container_fp9ws_27{padding:12px 16px 16px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-info_fp9ws_30{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-e-400);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-warning_fp9ws_38{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-sm-warning);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-error_fp9ws_46{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-sm-error);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._children_fp9ws_54{text-indent:1px;color:var(--rp-ui-color-text);font-weight:700;font-size:13px;line-height:20px}._system-message_fp9ws_1 ._text-container_fp9ws_27 p{margin-top:4px;max-width:780px;color:var(--rp-ui-base-e-400);font-weight:400;font-size:12px;line-height:18px}._content-width_fp9ws_70{max-width:max-content}._toggle_p1gaq_1{position:relative;display:inline-flex;align-items:center;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black);cursor:pointer}._children-container_p1gaq_13{margin-left:40px}._children-container_p1gaq_13 a{text-decoration:none;color:var(--rp-ui-base-topaz)}._children-container_p1gaq_13 a:focus,._children-container_p1gaq_13 a:focus-visible{outline:none;color:var(--rp-ui-base-topaz-focused);text-decoration:underline}._slider_p1gaq_26{background-color:var(--rp-ui-base-e-300);cursor:pointer;position:absolute;transition:.4s;border-radius:10px;width:32px;height:20px}._slider_p1gaq_26:before{position:absolute;top:2px;left:2px;content:"";width:16px;height:16px;background-color:var(--rp-ui-base-bg-000);transition:.4s}._round_p1gaq_46:before{border-radius:50%}._input_p1gaq_50{position:absolute;opacity:0;top:0;left:0}._input_p1gaq_50:disabled+._slider_p1gaq_26{background-color:var(--rp-ui-base-e-200);cursor:default}._input_p1gaq_50:focus-visible{outline:none}._input_p1gaq_50:focus:not(._disabled_p1gaq_63):after,._input_p1gaq_50:focus-visible:not(._disabled_p1gaq_63)+._slider_p1gaq_26:after{top:50%;left:50%;content:"";position:absolute;width:100%;height:100%;border:2px solid var(--rp-ui-base-topaz-focused);border-radius:12px;transform:translate(-50%,-50%)}._input_p1gaq_50:checked+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz)}._input_p1gaq_50:checked+._slider_p1gaq_26:before{transform:translate(12px)}._input_p1gaq_50:hover+._slider_p1gaq_26{background-color:var(--rp-ui-base-e-400)}._input_p1gaq_50:checked:hover+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz-hover)}._input_p1gaq_50:checked:disabled+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz);cursor:default}._disabled_p1gaq_63{opacity:.3;cursor:default}._bubbles-loader_kn4ln_1{position:relative}._bubbles-loader_kn4ln_1._color-topaz_kn4ln_4 ._bubble_kn4ln_1{background-color:var(--rp-ui-base-dark-topaz-main)}._bubble_kn4ln_1{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--rp-ui-base-bg-000);transform:scale(.3);animation:_bubbles_kn4ln_1 2.5s infinite linear}._bubble_kn4ln_1:nth-child(1){left:0;animation-delay:.1s}._bubble_kn4ln_1:nth-child(2){left:7px;animation-delay:.3s}._bubble_kn4ln_1:nth-child(3){left:14px;animation-delay:.5s}._bubble_kn4ln_1:nth-child(4){left:21px;animation-delay:.7s}._bubble_kn4ln_1:nth-child(5){left:28px;animation-delay:.9s}._bubble_kn4ln_1:nth-child(6){left:35px;animation-delay:1.1s}._bubble_kn4ln_1:nth-child(7){left:42px;animation-delay:1.3s}@keyframes _bubbles_kn4ln_1{20%,60%{transform:scale(.5)}40%{transform:scale(1)}}._radio-button_1sze8_1{display:flex;align-items:center;height:100%;outline:none;cursor:pointer;padding-bottom:4px}._radio-button_1sze8_1._disabled_1sze8_9{cursor:default}._radio-button_1sze8_1._disabled_1sze8_9 ._children-container_1sze8_12{color:var(--rp-ui-base-e-300)}._radio-button_1sze8_1._disabled_1sze8_9 ._toggler_1sze8_15{opacity:.3}._radio-button_1sze8_1._disabled_1sze8_9 ._toggler_1sze8_15:after{background-color:transparent}._radio-button_1sze8_1._disabled_1sze8_9 ._toggler_1sze8_15._checked_1sze8_21:after{background-color:var(--rp-ui-base-topaz-pressed)}._radio-button_1sze8_1:focus-visible:not(._disabled_1sze8_9) ._toggler_1sze8_15{border:2px solid var(--rp-ui-color-primary-focused)}._input_1sze8_28{display:none}._toggler_1sze8_15{display:flex;width:16px;height:16px;min-width:16px;box-sizing:border-box;margin:auto 10px auto 0;border-radius:100%;border-width:1px;border-style:solid;line-height:18;border-color:var(--rp-ui-color-field-border-2)}._toggler_1sze8_15:after{width:8px;height:8px;content:"";display:block;border-radius:100%;margin:auto;background-color:var(--rp-ui-color-radio-cheked);opacity:0;transform:scale(.5);transition:transform .2s,opacity .2s}._toggler_1sze8_15:hover:not(._disabled_1sze8_9){border-color:var(--rp-ui-color-field-border-2-hover)}._toggler_1sze8_15:hover:not(._disabled_1sze8_9):after{background-color:var(--rp-ui-color-primary-hover)}._toggler_1sze8_15._checked_1sze8_21:after,._toggler_1sze8_15._disabled_1sze8_9:after{transform:scale(1);opacity:1}._children-container_1sze8_12{display:inline-block;overflow:hidden;max-width:100%;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;word-break:break-all;text-overflow:ellipsis;color:var(--rp-ui-color-text)}._children-container_1sze8_12 a{text-decoration:none;color:var(--rp-ui-base-topaz)}._children-container_1sze8_12 a:focus,._children-container_1sze8_12 a:focus-visible{outline:none;color:var(--rp-ui-base-topaz-focused);text-decoration:underline}._text-area_cxv68_1{font-size:13px;line-height:20px;width:100%;min-height:72px;padding:9px 12px 7px;outline:none;border:1px solid var(--rp-ui-base-e-200);border-radius:3px;box-sizing:border-box;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-almost-black);resize:vertical}._text-area_cxv68_1:hover{border-color:var(--rp-ui-base-e-300)}._text-area_cxv68_1:focus:not(._error_cxv68_19._touched_cxv68_19){border:1px solid var(--rp-ui-base-topaz-hover);box-shadow:0 0 0 1px var(--rp-ui-base-topaz-hover)}._text-area_cxv68_1._error_cxv68_19._touched_cxv68_19{border:1px solid var(--rp-ui-base-error)}._text-area_cxv68_1::placeholder{color:var(--rp-ui-base-e-300)}._label_cxv68_30{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:500;color:var(--rp-ui-base-almost-black);margin-bottom:4px}._additional-content_cxv68_39 ._error-text_cxv68_39{font-size:11px;line-height:16px;display:block;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-error)}._additional-content_cxv68_39 ._help-text_cxv68_47{font-size:11px;line-height:16px;display:block;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-e-300)}._disabled_cxv68_56{opacity:.3;pointer-events:none}._button_1fbsg_1{display:inline-flex;justify-content:center;align-items:center;height:36px;padding:7px 16px;margin:0;outline:none;border-radius:3px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;box-sizing:border-box}._primary_1fbsg_18{border:1px solid var(--rp-ui-color-primary);background-color:var(--rp-ui-color-primary);color:var(--rp-ui-base-bg-000)}._primary_1fbsg_18:hover:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-primary-hover);background-color:var(--rp-ui-color-primary-hover)}._primary_1fbsg_18:active:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-primary-pressed);background-color:var(--rp-ui-color-primary-pressed)}._primary_1fbsg_18:focus:not(._disabled_1fbsg_23,:active){border:2px solid var(--rp-ui-color-primary-focused)}._ghost_1fbsg_35{border:1px solid var(--rp-ui-color-primary);background-color:transparent;color:var(--rp-ui-color-primary-text)}._ghost_1fbsg_35:hover:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-base-dark-topaz-hover);color:var(--rp-ui-base-dark-topaz-hover)}._ghost_1fbsg_35:active:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-primary-pressed);color:var(--rp-ui-color-primary-pressed)}._ghost_1fbsg_35:focus:not(._disabled_1fbsg_23,:active){border:2px solid var(--rp-ui-color-primary-focused);color:var(--rp-ui-color-primary-focused)}._danger_1fbsg_53{border:1px solid var(--rp-ui-color-error);background-color:var(--rp-ui-color-error);color:var(--rp-ui-base-bg-000)}._danger_1fbsg_53:hover:not(._disabled_1fbsg_23){opacity:.9}._danger_1fbsg_53:active:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-error-pressed);background-color:var(--rp-ui-color-error-pressed)}._danger_1fbsg_53:focus:not(._disabled_1fbsg_23,:active){border:2px solid var(--rp-ui-color-error-focused)}._text_1fbsg_69{min-width:auto;height:auto;border:0;padding:0;background:none;line-height:22px;color:var(--rp-ui-color-primary-text)}._text_1fbsg_69:hover:not(._disabled_1fbsg_23){color:var(--rp-ui-color-primary-hover)}._text_1fbsg_69:hover:not(._disabled_1fbsg_23) svg *{fill:var(--rp-ui-color-primary-hover)}._text_1fbsg_69:active:not(._disabled_1fbsg_23){color:var(--rp-ui-color-primary-pressed)}._text_1fbsg_69:active:not(._disabled_1fbsg_23) svg *{fill:var(--rp-ui-color-primary-pressed)}._text_1fbsg_69:focus:not(._disabled_1fbsg_23,:active){color:var(--rp-ui-color-primary-focused)}._text_1fbsg_69:focus:not(._disabled_1fbsg_23,:active) svg *{fill:var(--rp-ui-color-primary-focused)}._text_1fbsg_69 svg *{fill:var(--rp-ui-color-primary-text)}._disabled_1fbsg_23{opacity:var(--rp-ui-opacity-default);cursor:default}._width-wide-content_1fbsg_105{padding:9px 47px 7px;margin:0}._width-parent_1fbsg_110{display:flex;width:100%}._icon_1fbsg_115{display:inline-block;width:16px;height:16px}._icon-start_1fbsg_121{margin:auto 8px auto 0}._icon-end_1fbsg_125{margin:auto 0 auto 8px;order:1}._checkbox_189ko_1{display:inline-flex;align-items:center;padding-left:24px;color:var(--rp-ui-color-text-2);font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px}._checkbox_189ko_1 ._disabled_189ko_11{opacity:var(--rp-ui-opacity-default);pointer-events:none}._input_189ko_16{position:absolute;opacity:0;top:0;left:0}._control_189ko_23{position:absolute;width:16px;height:16px;border:1px solid var(--rp-ui-color-field-border-2);border-radius:3px;margin-left:-24px;box-sizing:border-box;cursor:pointer}._input_189ko_16:checked+._control_189ko_23{border-color:var(--rp-ui-color-primary);background-color:var(--rp-ui-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_189ko_16:hover+._control_189ko_23{border-color:var(--rp-ui-color-field-hover-2)}._input_189ko_16:active:not(:disabled)+._control_189ko_23{border:2px solid var(--rp-ui-color-primary-focused)}._input_189ko_16:checked:hover+._control_189ko_23{border-color:var(--rp-ui-color-primary-hover);background-color:var(--rp-ui-color-primary-hover);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_189ko_16:checked:active:not(:disabled)+._control_189ko_23{border-color:var(--rp-ui-color-primary-focused);background-color:var(--rp-ui-color-primary-focused);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_189ko_16:disabled+._control_189ko_23{border-color:var(--rp-ui-color-disabled)}._input_189ko_16:checked:disabled+._control_189ko_23{border-color:var(--rp-ui-color-primary);background-color:var(--rp-ui-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E");opacity:var(--rp-ui-opacity-default);pointer-events:none}._input_189ko_16:focus+._control_189ko_23{border:2px solid var(--rp-ui-color-primary-focused)}._input_189ko_16._partially-checked_189ko_76:not(:checked)+._control_189ko_23{border-color:var(--rp-ui-color-field-border);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked)+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-field-border-2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._input_189ko_16._partially-checked_189ko_76:not(:checked):hover+._control_189ko_23{border-color:var(--rp-ui-color-field-border-2-hover);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked):hover+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-primary-hover);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._input_189ko_16._partially-checked_189ko_76:not(:checked):active:not(:disabled)+._control_189ko_23{border-color:var(--rp-ui-color-primary-focused);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked):active:not(:disabled)+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-field-border-2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._input_189ko_16._partially-checked_189ko_76:not(:checked):disabled+._control_189ko_23{border-color:var(--rp-ui-color-field-borderd);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked):disabled+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-field-border);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._children_189ko_149{cursor:pointer}._children_189ko_149 a{text-decoration:none;color:var(--rp-ui-color-primary)}._children_189ko_149 a:focus,._children_189ko_149 a:focus-visible{outline:none;color:var(--rp-ui-color-primary-focused);text-decoration:underline}._base-icon-button_p6ked_1{margin:0;padding:0;outline:none;background:transparent;border:none;cursor:pointer}._base-icon-button_p6ked_1 svg path{fill:var(--rp-ui-base-e-300)}._base-icon-button_p6ked_1._disabled_p6ked_12{opacity:40%;cursor:default}._base-icon-button_p6ked_1:hover:not(._disabled_p6ked_12) svg path{fill:var(--rp-ui-base-e-400)}._base-icon-button_p6ked_1:active:not(._disabled_p6ked_12) svg path{fill:var(--rp-ui-base-topaz-pressed)}._base-icon-button_p6ked_1:focus:not(._disabled_p6ked_12,:active) svg path{fill:var(--rp-ui-base-topaz-focused)}@font-face{font-family:Roboto;font-weight:400;font-display:swap;font-style:normal;src:local("Roboto Regular"),local("Roboto-Regular"),url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;font-display:swap;font-style:normal;src:local("Roboto Medium"),local("Roboto-Medium"),url(./fonts/Roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;font-style:normal;src:local("Roboto-Bold"),local("Roboto-Bold"),url(./fonts/Roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:300;font-display:swap;font-style:normal;src:local("Open Sans Light"),local("OpenSans-Light"),url(./fonts/OpenSans/OpenSans-Light.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:400;font-display:swap;font-style:normal;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(./fonts/OpenSans/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:600;font-display:swap;font-style:normal;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(./fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype")}:root{--rp-ui-base-bg-000: #ffffff;--rp-ui-base-bg-100: #f7f7f8;--rp-ui-base-bg-200: #eceff4;--rp-ui-base-error: #dc5959;--rp-ui-base-error-hover: #f24a4a;--rp-ui-base-error-pressed: #c54141;--rp-ui-base-error-focused: #ffb1b1;--rp-ui-base-topaz: #00829b;--rp-ui-base-topaz-hover: #009dbb;--rp-ui-base-topaz-focused: #00b0d1;--rp-ui-base-topaz-pressed: #00758c;--rp-ui-base-almost-black: #3f3f3f;--rp-ui-base-e-100: #e3e7ec;--rp-ui-base-e-200: #c1c7d0;--rp-ui-base-e-300: #a2aab5;--rp-ui-base-e-400: #8d95a1;--rp-ui-base-dark-bg: #101010;--rp-ui-base-dark-bg-solid-98: #141414;--rp-ui-base-dark-error: #ff4040;--rp-ui-base-dark-error-text: #ff6666;--rp-ui-base-dark-log-error: #ff3222;--rp-ui-base-dark-log-fatal: #c2352b;--rp-ui-base-dark-topaz-main: #1a9cb0;--rp-ui-base-dark-topaz-hover: #1cb0c7;--rp-ui-base-dark-topaz-focused: #1dbdd6;--rp-ui-base-dark-topaz-pressed: #9ee7f2;--rp-ui-base-dark-topaz-text: #3abcd0;--rp-ui-base-dark-topaz-additional: #00505d;--rp-ui-base-dark-e-50: #e8e8e8;--rp-ui-base-dark-e-100: #cfcfcf;--rp-ui-base-dark-e-150: #8f8f8f;--rp-ui-base-dark-e-200: #626262;--rp-ui-base-dark-e-300: #383838;--rp-ui-base-dark-e-400: #262626;--rp-ui-base-dark-e-500: #222222;--rp-ui-base-sm-warning: #d78706;--rp-ui-base-sm-warning-line-100: #fceecb;--rp-ui-base-sm-warning-line-200: #fbe7b6;--rp-ui-base-sm-error: #db3549;--rp-ui-base-sm-error-line-100: #fccbcb;--rp-ui-base-sm-error-line-200: #ffc0bd;--rp-ui-base-sm-info-line-100: #ced3db;--rp-ui-base-defect-type-AB: #ffc208;--rp-ui-base-tag-value-text: #394db6;--rp-ui-base-tag-value-background: #ced8fc;--rp-ui-base-tag-key-text: #6f4599;--rp-ui-base-tag-key-background: #dac3e6;--rp-ui-base-system-issue-group: #3e7be6;--rp-ui-base-product-bug-group: #d32f2f;--rp-ui-base-automation-bug-group: #ffc208;--rp-ui-base-no-defect-bug-group: #76839b;--rp-ui-base-test-execution-status-passed: #3aa76d;--rp-ui-base-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-base-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--rp-ui-base-shadow-secondary: 0 8px 40px rgba(0, 0, 0, .15);--rp-ui-base-almost-black-light: rgba(63, 63, 63, .75);--rp-ui-base-almost-black-slight-light: rgba(63, 63, 63, .95);--rp-ui-base-dark-bg-light: rgba(16, 16, 16, .15);--rp-ui-base-overlay: rgba(141, 149, 161, .35);--rp-ui-base-overlay-light-cyan: rgba(208, 240, 241, .7);--rp-ui-base-font-family: Roboto, Arial, Helvetica, sans-serif;--rp-ui-base-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;--rp-ui-color-bg: var(--rp-ui-base-bg-000);--rp-ui-color-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-bg-3: var(--rp-ui-base-bg-200);--rp-ui-color-primary: var(--rp-ui-base-topaz);--rp-ui-color-primary-hover: var(--rp-ui-base-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-topaz);--rp-ui-color-error: var(--rp-ui-base-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-almost-black);--rp-ui-color-text-2: var(--rp-ui-base-almost-black);--rp-ui-color-text-3: var(--rp-ui-base-almost-black);--rp-ui-color-field-bg: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-field-border: var(--rp-ui-base-e-200);--rp-ui-color-field-border-2: var(--rp-ui-base-e-300);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-e-400);--rp-ui-color-field-hover: var(--rp-ui-base-e-300);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-400);--rp-ui-color-field-opened: var(--rp-ui-base-topaz-pressed);--rp-ui-color-field-placeholder: var(--rp-ui-base-almost-black);--rp-ui-color-radio-cheked: var(--rp-ui-base-topaz-pressed);--rp-ui-color-disabled: var(--rp-ui-base-e-300);--rp-ui-opacity-default: 30%}.rp-ui-kit-theme-light{--rp-ui-color-bg: var(--rp-ui-base-bg-000);--rp-ui-color-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-bg-3: var(--rp-ui-base-bg-200);--rp-ui-color-primary: var(--rp-ui-base-topaz);--rp-ui-color-primary-hover: var(--rp-ui-base-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-topaz);--rp-ui-color-error: var(--rp-ui-base-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-almost-black);--rp-ui-color-text-2: var(--rp-ui-base-almost-black);--rp-ui-color-text-3: var(--rp-ui-base-almost-black);--rp-ui-color-field-bg: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-field-border: var(--rp-ui-base-e-200);--rp-ui-color-field-border-2: var(--rp-ui-base-e-300);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-e-400);--rp-ui-color-field-hover: var(--rp-ui-base-e-300);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-400);--rp-ui-color-field-opened: var(--rp-ui-base-topaz-pressed);--rp-ui-color-field-placeholder: var(--rp-ui-base-almost-black);--rp-ui-color-radio-cheked: var(--rp-ui-base-topaz-pressed);--rp-ui-color-disabled: var(--rp-ui-base-e-300);--rp-ui-opacity-default: 30%}.rp-ui-kit-theme-dark{--rp-ui-color-bg: var(--rp-ui-base-dark-bg);--rp-ui-color-bg-2: var(--rp-ui-base-dark-bg);--rp-ui-color-bg-3: var(--rp-ui-base-dark-bg-solid-98);--rp-ui-color-primary: var(--rp-ui-base-dark-topaz-main);--rp-ui-color-primary-hover: var(--rp-ui-base-dark-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-dark-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-dark-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-dark-topaz-text);--rp-ui-color-error: var(--rp-ui-base-dark-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-dark-e-50);--rp-ui-color-text-2: var(--rp-ui-base-dark-e-100);--rp-ui-color-text-3: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-bg-2: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-border: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-border-2: var(--rp-ui-base-dark-e-100);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-dark-e-50);--rp-ui-color-field-hover: var(--rp-ui-base-e-200);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-300);--rp-ui-color-field-opened: var(--rp-ui-base-e-200);--rp-ui-color-field-placeholder: var(--rp-ui-base-dark-e-200);--rp-ui-color-radio-cheked: var(--rp-ui-base-dark-topaz-main);--rp-ui-color-disabled: var(--rp-ui-base-dark-e-100);--rp-ui-opacity-default: 50%}._theme-provider_xipmx_1{height:100%;width:100%}._icon-container_18rqf_1,._icon-container-end_18rqf_1,._icon-container-start_18rqf_1{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:22px;height:22px}._icon-container-start_18rqf_1{margin-right:4px}._icon-container-end_18rqf_1{margin-left:4px}._label_18rqf_18{display:block;margin-bottom:4px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;color:var(--rp-ui-color-text)}._label_18rqf_18 ._asterisk_18rqf_27{position:absolute;top:-3px;color:var(--rp-ui-base-e-300);padding-left:4px}._label_18rqf_18._disabled_18rqf_33{pointer-events:none;background-color:var(--rp-ui-base-bg-100)}._field_18rqf_38{display:flex;align-items:center;height:36px;width:100%;padding:7px 12px;box-sizing:border-box;border:1px solid var(--rp-ui-base-e-200);border-radius:3px;background-color:var(--rp-ui-base-bg-000)}._field_18rqf_38:hover:not(._disabled_18rqf_33){border-color:var(--rp-ui-base-e-300)}._field_18rqf_38:focus-within:not(._error_18rqf_52._touched_18rqf_52){padding:6px 11px;border:2px solid var(--rp-ui-color-primary-focused)}._field_18rqf_38._error_18rqf_52._touched_18rqf_52{border-color:var(--rp-ui-base-error)}._field_18rqf_38._disabled_18rqf_33{pointer-events:none;background-color:var(--rp-ui-base-bg-100)}._field_18rqf_38._disabled_18rqf_33 ._placeholder_18rqf_63{color:var(--rp-ui-base-e-300)}._field_18rqf_38._default-width_18rqf_66{width:240px}._input-container_18rqf_70{position:relative;width:100%}._input_18rqf_70{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:400;width:100%;margin:2px 0 0;padding:0;border:none;background:transparent;overflow:hidden;text-overflow:ellipsis;color:var(--rp-ui-color-text)}._input_18rqf_70:focus{outline:none}._input_18rqf_70:disabled{color:var(--rp-ui-base-e-300)}._placeholder_18rqf_63{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-dark-e-300);position:absolute;top:2px;left:0;pointer-events:none}._placeholder_18rqf_63 ._asterisk_18rqf_27:after{position:absolute;top:-3px;color:var(--rp-ui-base-e-300);right:-7px;content:"*";color:var(--rp-ui-base-error-focused)}._icon_18rqf_1,._clear-icon_18rqf_116{display:inline-block;width:16px;height:16px}._clear-icon_18rqf_116{background:none;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}._clear-icon_18rqf_116._disabled_18rqf_33{pointer-events:none}._clear-icon_18rqf_116:hover svg{fill:var(--rp-ui-base-e-400)}._clear-icon_18rqf_116:hover svg>rect{fill:var(--rp-ui-base-e-400)}._clear-icon_18rqf_116:focus svg{fill:var(--rp-ui-color-primary-focused)}._clear-icon_18rqf_116:focus svg>rect{fill:var(--rp-ui-color-primary-focused)}._clear-icon_18rqf_116:active svg{fill:var(--rp-ui-color-primary-pressed)}._clear-icon_18rqf_116:active svg>rect{fill:var(--rp-ui-color-primary-pressed)}._additional-content_18rqf_152{margin-top:4px}._additional-content_18rqf_152._disabled_18rqf_33{pointer-events:none}._text_18rqf_159{font-size:11px;line-height:16px;font-family:var(--rp-ui-base-font-family);font-weight:400;display:block}._error-text_18rqf_167{color:var(--rp-ui-base-error)}._help-text_18rqf_171{color:var(--rp-ui-base-dark-e-300)}._field-number_3tc9r_1{position:relative;display:inline-flex;flex-direction:column}._field-number_3tc9r_1._disabled_3tc9r_6{opacity:.4}._label_3tc9r_10{display:block;margin-bottom:4px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;text-indent:1px;color:var(--rp-ui-base-almost-black)}._sign_3tc9r_21{display:inline-flex;cursor:pointer}._input-container_3tc9r_26{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid var(--rp-ui-base-e-200);box-sizing:border-box;border-radius:3px;background:var(--rp-ui-base-bg-000);-webkit-user-select:none;user-select:none}._input-container_3tc9r_26:focus-within:not(._error_3tc9r_36._touched_3tc9r_36){padding:5px 7px;border-width:2px;border-color:var(--rp-ui-base-topaz-focused)}._input-container_3tc9r_26:hover:not(._disabled_3tc9r_6):not(:focus-within):not(._error_3tc9r_36._touched_3tc9r_36),._input-container_3tc9r_26._filled_3tc9r_41:not(:focus-within){border-color:var(--rp-ui-base-e-300)}._input-container_3tc9r_26._error_3tc9r_36._touched_3tc9r_36{border-color:var(--rp-ui-base-error)}._input-field_3tc9r_48{display:flex;align-items:center;justify-content:center;height:20px;min-width:44px;margin:2px 4px 0;text-align:center;cursor:text}._input-field_3tc9r_48._disabled_3tc9r_6{cursor:default}._input_3tc9r_26{padding:0;margin:0;border:none;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._input_3tc9r_26:focus{outline:none}._input_3tc9r_26:focus::placeholder{color:transparent}._input_3tc9r_26::placeholder{color:var(--rp-ui-base-e-200)}._input_3tc9r_26::-webkit-inner-spin-button,._input_3tc9r_26::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}*{box-sizing:border-box}._table_xqjqb_5{width:100%;max-width:1200px}._table-header_xqjqb_10{display:flex;width:100%;height:32px;align-items:center}._table-row_xqjqb_17{display:flex;width:100%;height:64px}._table-row_xqjqb_17 ._table-row-content_xqjqb_22{display:flex;align-items:center;height:100%;flex:1;box-shadow:var(--rp-ui-base-shadow-hover);background-color:var(--rp-ui-base-bg-000);border-radius:4px;max-width:100%}._table-row_xqjqb_17._size-small_xqjqb_32{height:44px}._table-row_xqjqb_17._size-large_xqjqb_35{height:80px}._table-body_xqjqb_39{display:flex;flex-direction:column;gap:4px;width:100%}._table-header-cell_xqjqb_46,._table-cell_xqjqb_46{font-family:var(--rp-ui-base-font-family);font-weight:400;padding:0 16px}._table-header-cell_xqjqb_46._action-menu-cell_xqjqb_51,._table-cell_xqjqb_46._action-menu-cell_xqjqb_51{width:48px;padding:0 16px;flex-shrink:0}._table-header-cell_xqjqb_46:not(._action-menu-cell_xqjqb_51),._table-cell_xqjqb_46:not(._action-menu-cell_xqjqb_51){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._table-header-cell_xqjqb_46._checkbox-cell_xqjqb_61,._table-cell_xqjqb_46._checkbox-cell_xqjqb_61{width:48px;display:flex;justify-content:center;height:100%;cursor:pointer;flex-shrink:0}._table-header-cell_xqjqb_46._checkbox-cell_xqjqb_61+._table-row-content_xqjqb_22,._table-cell_xqjqb_46._checkbox-cell_xqjqb_61+._table-row-content_xqjqb_22{max-width:calc(100% - 48px)}._table-header-cell_xqjqb_46._primary-cell_xqjqb_72,._table-cell_xqjqb_46._primary-cell_xqjqb_72{flex:1 1 320px;font-weight:500;text-align:left}._table-header-cell_xqjqb_46{font-size:11px;line-height:16px;color:var(--rp-ui-base-e-400);display:flex;align-items:center;text-align:left;background:none;border:none}._table-header-cell_xqjqb_46 ._label_xqjqb_88{display:flex;align-items:center}._table-header-cell_xqjqb_46._sortable-cell_xqjqb_92>._label_xqjqb_88{cursor:pointer}._table-header-cell_xqjqb_46._align-right_xqjqb_95{justify-content:flex-end}._table-header-cell_xqjqb_46._align-right_xqjqb_95 svg{margin-right:-16px}._table-header-cell_xqjqb_46._align-center_xqjqb_101{justify-content:center}._table-cell_xqjqb_46{font-size:13px;line-height:20px}._dropdown-option_nx3fh_1{display:inline-block;width:100%;padding:9px 12px 7px;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;box-sizing:border-box;cursor:pointer;color:var(--rp-ui-color-text-3)}._dropdown-option_nx3fh_1._disabled_nx3fh_13{pointer-events:none;background-color:var(--rp-ui-color-field-bg-2)}._dropdown-option_nx3fh_1._hidden_nx3fh_17{display:none}._dropdown-option_nx3fh_1:hover:not(:active){background:var(--rp-ui-color-bg-3)}._dropdown-option_nx3fh_1._selected_nx3fh_23{color:var(--rp-ui-color-primary-text)}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13){padding:8px 11px 6px;background-color:var(--rp-ui-color-bg-3);border:1px solid var(--rp-ui-color-primary-focused)}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13):hover{border:none;padding:9px 12px 7px}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13):hover:hover:not(:active){background:var(--rp-ui-color-bg-3)}._single-option_nx3fh_39{display:flex;align-items:center;height:100%}._sub-option_nx3fh_45{padding-left:24px}._container_3wi7d_1{position:relative;display:inline-block;width:100%}._icon_3wi7d_7{width:16px;height:16px;margin-right:8px}._arrow_3wi7d_13{display:inline-flex;margin-left:12px;transition:transform .2s linear}._dropdown_3wi7d_19{display:flex;align-items:center;text-align:start;padding:9px 12px 7px;width:100%;height:36px;border:1px solid var(--rp-ui-color-field-border);border-radius:3px;background-color:var(--rp-ui-color-field-bg);box-sizing:border-box;transition:border-color .2s linear;cursor:pointer}._dropdown_3wi7d_19._transparent-background_3wi7d_33{background-color:transparent}._dropdown_3wi7d_19._disabled_3wi7d_36{pointer-events:none;background-color:var(--rp-ui-color-field-bg-2)}._dropdown_3wi7d_19._disabled_3wi7d_36 ._arrow_3wi7d_13 svg path{opacity:.4}._dropdown_3wi7d_19._disabled_3wi7d_36 ._value_3wi7d_43{color:var(--rp-ui-color-disabled)}._dropdown_3wi7d_19._error_3wi7d_46._touched_3wi7d_46{border-width:1px;border-color:var(--rp-ui-color-error)}._dropdown_3wi7d_19:hover:not(:active):not(:focus-visible):not(._opened_3wi7d_50):not(._error_3wi7d_46){border-color:var(--rp-ui-color-field-hover)}._dropdown_3wi7d_19:active,._dropdown_3wi7d_19:focus-visible{padding:7px 11px;border-width:2px;border-color:var(--rp-ui-color-primary-focused);outline:none}._dropdown_3wi7d_19:active ._arrow_3wi7d_13 svg path,._dropdown_3wi7d_19:focus-visible ._arrow_3wi7d_13 svg path{fill:var(--rp-ui-color-field-hover-2)}._dropdown_3wi7d_19._opened_3wi7d_50:not(:active):not(._error_3wi7d_46){border-width:1px;border-color:var(--rp-ui-color-primary-pressed)}._dropdown_3wi7d_19._opened_3wi7d_50:not(:active):not(._error_3wi7d_46) ._arrow_3wi7d_13 svg path{fill:var(--rp-ui-color-field-opened)}._dropdown_3wi7d_19._opened_3wi7d_50 ._arrow_3wi7d_13{transform:rotate(180deg)}._dropdown_3wi7d_19 ._placeholder_3wi7d_72{color:var(--rp-ui-color-field-placeholder)}._dropdown_3wi7d_19 ._value_3wi7d_43{flex-grow:1;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-color-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767px){._dropdown_3wi7d_19 ._mobile-disabled_3wi7d_87{background-color:var(--rp-ui-color-field-bg-2)}}._select-list_3wi7d_92{position:absolute;top:100%;padding:8px 0;width:100%;min-height:10px;border-radius:3px;box-sizing:border-box;z-index:10;box-shadow:var(--rp-ui-base-shadow-secondary);background:var(--rp-ui-color-field-bg)}._select-list_3wi7d_92._opened_3wi7d_50:focus-visible{outline:none}._ghost_3wi7d_108{border-color:transparent;background:transparent}._ghost_3wi7d_108:hover:not(:active):not(:focus-visible):not(._opened_3wi7d_50):not(._error_3wi7d_46){border-color:transparent}._ghost_3wi7d_108._opened_3wi7d_50:not(:active):not(._error_3wi7d_46){border-color:transparent}._ghost_3wi7d_108._opened_3wi7d_50 ._value_3wi7d_43{color:var(--rp-ui-color-primary-pressed)}._header_a3cjx_1{display:flex;align-items:center;justify-content:space-between;background-color:var(--rp-ui-base-bg-000);padding-bottom:18px}._header_a3cjx_1 ._dropdowns-wrapper_a3cjx_8{display:flex;align-items:center;column-gap:8px}._header_a3cjx_1 ._button-prev_a3cjx_13,._header_a3cjx_1 ._button-next_a3cjx_14{all:unset;align-self:center;width:16px;height:16px}._header_a3cjx_1 ._button-prev_a3cjx_13 svg,._header_a3cjx_1 ._button-next_a3cjx_14 svg{width:16px;height:16px}._header_a3cjx_1 ._button-prev_a3cjx_13:hover:not(._disabled_a3cjx_25),._header_a3cjx_1 ._button-next_a3cjx_14:hover:not(._disabled_a3cjx_25){cursor:pointer}._header_a3cjx_1 ._button-prev_a3cjx_13:hover:not(._disabled_a3cjx_25) svg>path,._header_a3cjx_1 ._button-next_a3cjx_14:hover:not(._disabled_a3cjx_25) svg>path{fill:var(--rp-ui-base-e-400)}._header_a3cjx_1 ._button-prev_a3cjx_13._disabled_a3cjx_25,._header_a3cjx_1 ._button-next_a3cjx_14._disabled_a3cjx_25{opacity:.3;pointer-events:none}._header_a3cjx_1 ._button-next_a3cjx_14{transform:rotate(180deg)}._header_a3cjx_1 ._dropdown_a3cjx_8{width:auto}._header_a3cjx_1 ._dropdown_a3cjx_8._month-dropdown_a3cjx_44{width:117px}._header_a3cjx_1 ._dropdown_a3cjx_8 ._toggle-button_a3cjx_47>span{color:var(--rp-ui-base-topaz);font-family:var(--rp-ui-base-font-family);font-weight:700}._header_a3cjx_1 ._dropdown_a3cjx_8 ._toggle-button_a3cjx_47:hover>span{color:var(-rp-ui-base-topaz-hover)}.react-datepicker__aria-live{display:none}._calendar_1jr94_5{box-sizing:border-box;background-color:var(--rp-ui-base-bg-000);width:344px;padding:30px 32px 32px;border-radius:8px;box-shadow:0 8px 40px var(--rp-ui-base-dark-bg-light);border:none;margin-top:4px}._calendar_1jr94_5 .react-datepicker__month-container{width:100%;height:100%;float:none;display:flex;flex-direction:column;justify-content:center;align-items:center}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__header.react-datepicker__header--custom{width:100%;background-color:var(--rp-ui-base-bg-000);border-bottom:none;padding:0}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__header.react-datepicker__header--custom .react-datepicker__day-names{display:flex;height:40px;justify-content:space-between;font-family:var(--rp-ui-base-font-family);font-weight:700;font-size:13px;line-height:20px;color:var(--rp-ui-base-dark-e-500);vertical-align:middle}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__header.react-datepicker__header--custom .react-datepicker__day-names .react-datepicker__day-name{width:40px;text-align:center}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__month{display:flex;flex-direction:column;width:100%;height:100%;row-gap:8px}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__month .react-datepicker__week{height:32px;display:flex;align-items:center;justify-content:space-between;font-family:var(--rp-ui-base-font-family);color:var(--rp-ui-base-dark-e-500);font-size:13px;line-height:20px}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--range-end:first-child:before{display:none}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__month .react-datepicker__day{cursor:pointer}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__month .react-datepicker__day.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--selecting-range-end,.react-datepicker__day--selecting-range-start,.react-datepicker__day--range-start,.react-datepicker__day--range-end){background-color:var(--rp-ui-base-bg-200);height:32px;line-height:32px;position:relative}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__month .react-datepicker__day.react-datepicker__day--selected{position:relative;border-radius:50%;background-color:var(--rp-ui-base-topaz);font-family:var(--rp-ui-base-font-family);font-weight:700;color:var(--rp-ui-base-bg-000)}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__month .react-datepicker__day--disabled{cursor:default}._calendar_1jr94_5 .react-datepicker__month-container .react-datepicker__month .react-datepicker__day--disabled:hover{border:none!important;line-height:40px!important}._calendar_1jr94_5 ._current-date_1jr94_89,._calendar_1jr94_5 ._date_1jr94_90{width:40px;margin:0;box-sizing:border-box;height:40px;line-height:40px}._calendar_1jr94_5 ._current-date_1jr94_89:focus-visible,._calendar_1jr94_5 ._date_1jr94_90:focus-visible{outline:none}._calendar_1jr94_5 ._date_1jr94_90{background-color:transparent;border-radius:unset;color:inherit;text-align:center}._calendar_1jr94_5 ._current-date_1jr94_89,._calendar_1jr94_5 ._current-date_1jr94_89:hover{position:relative;z-index:3;font-family:var(--rp-ui-base-font-family);font-weight:700;border-radius:50%;border:1px solid var(--rp-ui-base-topaz);background-color:var(--rp-ui-base-topaz);line-height:38px;color:var(--rp-ui-base-bg-000)}._calendar_1jr94_5 ._date_1jr94_90:hover:not(._current-date_1jr94_89):not(._selected-range_1jr94_119):not(._end-date_1jr94_119){border-radius:50%;border:1px solid var(--rp-ui-base-topaz);background-color:transparent;line-height:38px;color:inherit}._calendar_1jr94_5 ._end-date_1jr94_119{position:relative;border-radius:50%;background-color:var(--rp-ui-base-topaz);font-family:var(--rp-ui-base-font-family);font-weight:700;color:var(--rp-ui-base-bg-000)}._calendar_1jr94_5 ._end-date_1jr94_119:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:10px solid var(--rp-ui-base-topaz);border-radius:50%;display:block;z-index:2;box-sizing:border-box}._calendar_1jr94_5 ._end-date_1jr94_119:before{position:absolute;content:"";height:32px;background-color:var(--rp-ui-base-bg-200);width:16px;left:-9px;z-index:1;top:4px}._calendar_1jr94_5 ._selected-range_1jr94_119{background-color:var(--rp-ui-base-bg-200);border-radius:8px;height:32px;line-height:32px;position:relative}._calendar_1jr94_5 ._selected-range_1jr94_119:hover{height:40px;line-height:40px;border-radius:50%;background:var(--rp-ui-base-bg-200)}._calendar_1jr94_5 ._selected-range_1jr94_119:hover:after{display:block}._calendar_1jr94_5 ._selected-range_1jr94_119:hover:not(:first-child):before{top:4px}._calendar_1jr94_5 ._selected-range_1jr94_119:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:1px solid var(--rp-ui-base-topaz);border-radius:50%;display:none;z-index:2;box-sizing:border-box}._calendar_1jr94_5 ._selected-range_1jr94_119:not(:first-child):before{position:absolute;content:"";height:32px;background-color:var(--rp-ui-base-bg-200);width:16px;top:0;left:-9px;z-index:1}._calendar_1jr94_5 ._disabled_1jr94_202{color:var(--rp-ui-base-e-400);background-color:transparent}._calendar_1jr94_5 ._disabled_1jr94_202:focus-visible{outline:none}._popper_1jr94_210{z-index:10}._input_1jr94_214{width:100%;min-width:138px}._item-counter_4g6do_1{display:inline-block;width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._size-selector_183l8_1{display:flex;flex-direction:column}._size-option_183l8_6{width:88px;padding:8px 0;outline:none;border:none;background:none;cursor:pointer;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;text-align:left;color:var(--rp-ui-base-almost-black)}._size-option_183l8_6:first-child{padding-top:0}._size-option_183l8_6:last-child{padding-bottom:0}._size-option_183l8_6:hover{color:var(--rp-ui-base-topaz-hover)}._size-option_183l8_6:active{color:var(--rp-ui-base-topaz-pressed)}._size-option_183l8_6._selected_183l8_32{color:var(--rp-ui-base-topaz)}._page-size-control_gnurh_1{display:flex;justify-content:flex-end;width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._size-selector-button_gnurh_10{margin-right:4px;font-weight:700;font-size:11px;line-height:16px}._page-selector_rtho4_1{display:flex;gap:8px}._field-wrapper_rtho4_6,._apply-button_rtho4_10{width:90px}._active-page_14j0y_1{display:inline-block;width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}._page-selector_14j0y_10{text-align:left}._page-selector-button_14j0y_14{margin-left:4px;font-weight:700;font-size:11px;line-height:16px}._bar_dfnmf_1{width:260px;height:8px;margin:4px 0;border-radius:3px;background-color:var(--rp-ui-base-e-100)}._section-with-tooltip_dfnmf_9{display:inline-block;height:16px}._section-with-tooltip_dfnmf_9:hover ._section_dfnmf_9{background-color:var(--rp-ui-base-topaz-hover)}._section-with-tooltip_dfnmf_9:active ._section_dfnmf_9{background-color:var(--rp-ui-base-topaz-pressed)}._section-with-tooltip_dfnmf_9:first-child ._section_dfnmf_9{border-radius:3px 0 0 3px}._section-with-tooltip_dfnmf_9:last-child ._section_dfnmf_9{border-radius:0 3px 3px 0}._section_dfnmf_9{position:relative;top:4px;height:8px;background-color:transparent;margin:4px 0}._section_dfnmf_9._selected_dfnmf_33{background-color:var(--rp-ui-base-topaz)}._tooltip-wrapper_dfnmf_37{width:inherit;height:16px}._tooltip_dfnmf_37{font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;text-align:center}._tooltip_dfnmf_37 ._tooltip-text_dfnmf_48{font-weight:400;padding-bottom:8px}._tooltip_dfnmf_37 ._page-number_dfnmf_52{font-weight:700}._section-with-tooltip_dfnmf_9,._tooltip-wrapper_dfnmf_37{position:relative;top:-4px}._page-navigator_1p2t5_1{display:flex;gap:16px}._page-buttons_1p2t5_6{display:inline-flex;gap:16px}._page-button_1p2t5_6{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px}._page-button_1p2t5_6._next_1p2t5_18{transform:rotateY(180deg)}._page-controls_thyf8_1{display:flex;flex-direction:row;align-items:center;gap:24px}._total-pages_thyf8_8{display:inline-block;width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}._pagination_uykxy_1{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:24px 0;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:11px;line-height:16px;color:var(--rp-ui-base-almost-black)}._modal-content_17fct_1{width:calc(100% - 34px);font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-color-text);white-space:pre-line;word-break:break-word;padding:0 0 16px}._buttons-block_1dgm4_1{white-space:nowrap}._button-container_1dgm4_5{display:inline-block;min-width:70px;margin-right:10px}._button-container_1dgm4_5:last-child{margin-right:0}._modal-footer_1dgm4_14{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1dgm4_14._with-extra-node_1dgm4_21{justify-content:space-between}._size-small_1dgm4_25{flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._buttons-block_1dgm4_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._button-container_1dgm4_5{margin:0 0 10px}._size-small_1dgm4_25 ._button-container_1dgm4_5:last-child{margin-bottom:0}._modal-header_1rhdb_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header_1rhdb_1._width-description_1rhdb_10{padding-bottom:8px}._modal-header-content_1rhdb_14{width:100%;padding-right:30px;box-sizing:border-box}._modal-title_1rhdb_20{flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_1rhdb_28{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_sp7xo_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center}._overlay-default_sp7xo_11{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_sp7xo_15{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_sp7xo_19{position:fixed;width:100%;height:100%}._modal-window_sp7xo_25{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 40px;box-sizing:border-box;background-color:var(--rp-ui-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._description_sp7xo_42{display:inline-block;width:100%;padding-bottom:24px;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black)}._size-default_sp7xo_53{width:480px}@media (max-width: 480px){._size-default_sp7xo_53{right:10px;left:10px;transform:none;width:auto}}._size-small_sp7xo_65{width:320px}@media (max-width: 320px){._size-small_sp7xo_65{right:10px;left:10px;transform:none;width:auto}}._size-large_sp7xo_77{width:720px}@media (max-width: 720px){._size-large_sp7xo_77{right:10px;left:10px;transform:none;width:auto}}._tooltip-wrapper_7bl3z_1{display:block;width:fit-content;height:fit-content;cursor:pointer}._tooltip_7bl3z_1{transition:opacity .3s ease;margin:4px}._tooltip_7bl3z_1[data-placement*=bottom]{padding-top:9px;z-index:2}._tooltip_7bl3z_1[data-placement*=top]{padding-bottom:9px}._tooltip_7bl3z_1[data-placement*=left]{padding-right:9px}._tooltip_7bl3z_1[data-placement*=right]{padding-left:9px}._tooltip-content_7bl3z_26{padding:16px;border-radius:8px;background-color:var(--rp-ui-base-almost-black-slight-light);font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:11px;line-height:16px;color:var(--rp-ui-base-bg-000);word-wrap:break-word;white-space:pre-wrap}._tooltip-arrow_7bl3z_39{position:absolute}._tooltip-arrow_7bl3z_39:before,._tooltip-arrow_7bl3z_39:after{content:"";margin:auto;display:block;width:0;height:0;border-style:solid}._tooltip-arrow_7bl3z_39:after{position:absolute}._tooltip-arrow_7bl3z_39[data-placement*=bottom]{top:0;width:18px;height:9px}._tooltip-arrow_7bl3z_39[data-placement*=bottom]:before,._tooltip-arrow_7bl3z_39[data-placement*=bottom]:after{border-width:0 9px 9px}._tooltip-arrow_7bl3z_39[data-placement*=bottom]:before{border-color:transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=bottom]:after{top:0;border-color:transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=top]{bottom:0;width:18px;height:9px}._tooltip-arrow_7bl3z_39[data-placement*=top]:before,._tooltip-arrow_7bl3z_39[data-placement*=top]:after{border-width:9px 9px 0}._tooltip-arrow_7bl3z_39[data-placement*=top]:before{border-color:var(--rp-ui-base-almost-black-light) transparent transparent}._tooltip-arrow_7bl3z_39[data-placement*=top]:after{bottom:0;border-color:var(--rp-ui-base-almost-black-light) transparent transparent}._tooltip-arrow_7bl3z_39[data-placement*=left]{right:0;width:9px;height:18px}._tooltip-arrow_7bl3z_39[data-placement*=left]:before,._tooltip-arrow_7bl3z_39[data-placement*=left]:after{border-width:9px 0 9px 9px}._tooltip-arrow_7bl3z_39[data-placement*=left]:before{border-color:transparent transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=left]:after{top:0;right:0;border-color:transparent transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=right]{left:0;width:9px;height:18px}._tooltip-arrow_7bl3z_39[data-placement*=right]:before,._tooltip-arrow_7bl3z_39[data-placement*=right]:after{border-width:9px 9px 9px 0}._tooltip-arrow_7bl3z_39[data-placement*=right]:before{border-color:transparent var(--rp-ui-base-almost-black-light) transparent transparent}._tooltip-arrow_7bl3z_39[data-placement*=right]:after{top:0;left:0;border-color:transparent var(--rp-ui-base-almost-black-light) transparent transparent}._popover-wrapper_16ogt_1{display:inline-block;width:fit-content;height:fit-content;cursor:pointer}._popover_16ogt_1{display:block;position:absolute;z-index:10;font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;background-color:var(--rp-ui-color-bg);border-radius:8px;box-shadow:var(--rp-ui-base-shadow-secondary);padding:16px;min-height:52px;min-width:120px;max-width:fit-content;box-sizing:border-box;outline:0;width:max-content;color:var(--rp-ui-color-text)}._title_16ogt_28{font-family:var(--rp-ui-base-font-family-heading);font-weight:700;font-size:13px;line-height:20px;margin-bottom:8px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reportportal/ui-kit",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.14",
|
|
4
4
|
"description": "The UI-kit library for ReportPortal Design System.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -29,7 +29,8 @@
|
|
|
29
29
|
"classnames": "^2.3.2",
|
|
30
30
|
"downshift": "^6.1.12",
|
|
31
31
|
"framer-motion": "^10.15.2",
|
|
32
|
-
"rc-scrollbars": "^1.1.6"
|
|
32
|
+
"rc-scrollbars": "^1.1.6",
|
|
33
|
+
"react-datepicker": "^7.3.0"
|
|
33
34
|
},
|
|
34
35
|
"devDependencies": {
|
|
35
36
|
"@storybook/addon-essentials": "^7.2.0",
|
|
@@ -42,10 +43,12 @@
|
|
|
42
43
|
"@storybook/testing-library": "^0.2.0",
|
|
43
44
|
"@types/node": "^20.4.5",
|
|
44
45
|
"@types/react": "^18.3.3",
|
|
46
|
+
"@types/react-datepicker": "^6.2.0",
|
|
45
47
|
"@types/react-dom": "^18.2.7",
|
|
46
48
|
"@typescript-eslint/eslint-plugin": "^5.62.0",
|
|
47
49
|
"@typescript-eslint/parser": "^5.62.0",
|
|
48
50
|
"@vitejs/plugin-react": "^4.0.3",
|
|
51
|
+
"date-fns": "^3.6.0",
|
|
49
52
|
"eslint": "^8.46.0",
|
|
50
53
|
"eslint-config-airbnb-typescript": "^15.0.0",
|
|
51
54
|
"eslint-config-prettier": "^8.10.0",
|
package/dist/index-bb9b62ef.js
DELETED
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import * as y from "react";
|
|
3
|
-
import { useState as w, useEffect as g, useRef as j } from "react";
|
|
4
|
-
import { Scrollbars as B } from "rc-scrollbars";
|
|
5
|
-
import { AnimatePresence as D, motion as I } from "framer-motion";
|
|
6
|
-
import { c as m } from "./bind-06a7ff84.js";
|
|
7
|
-
import { u as K } from "./useOnClickOutside-c332f7d3.js";
|
|
8
|
-
import { K as F } from "./keyCodes-f63c0e11.js";
|
|
9
|
-
import { B as C } from "./button-7fb84fde.js";
|
|
10
|
-
import { B as P } from "./baseIconButton-7bc53dec.js";
|
|
11
|
-
const G = (t) => /* @__PURE__ */ y.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ y.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), X = () => {
|
|
12
|
-
const [t, a] = w({ width: 0, height: 0 });
|
|
13
|
-
return g(() => {
|
|
14
|
-
const o = () => {
|
|
15
|
-
a({
|
|
16
|
-
width: window.innerWidth,
|
|
17
|
-
height: window.innerHeight
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
return window.addEventListener("resize", o), o(), () => window.removeEventListener("resize", o);
|
|
21
|
-
}, []), t;
|
|
22
|
-
}, Y = {
|
|
23
|
-
"modal-content": "_modal-content_ojybs_1"
|
|
24
|
-
}, Z = m.bind(Y), b = ({ children: t }) => /* @__PURE__ */ e("div", { className: Z("modal-content"), children: t }), q = {
|
|
25
|
-
"buttons-block": "_buttons-block_1dgm4_1",
|
|
26
|
-
"button-container": "_button-container_1dgm4_5",
|
|
27
|
-
"modal-footer": "_modal-footer_1dgm4_14",
|
|
28
|
-
"with-extra-node": "_with-extra-node_1dgm4_21",
|
|
29
|
-
"size-small": "_size-small_1dgm4_25"
|
|
30
|
-
}, c = m.bind(q), J = ({
|
|
31
|
-
footerNode: t,
|
|
32
|
-
closeHandler: a,
|
|
33
|
-
okButton: o,
|
|
34
|
-
cancelButton: l,
|
|
35
|
-
size: s
|
|
36
|
-
}) => /* @__PURE__ */ i("div", { className: c("modal-footer", { "with-extra-node": t, [`size-${s}`]: s }), children: [
|
|
37
|
-
t && t,
|
|
38
|
-
/* @__PURE__ */ i("div", { className: c("buttons-block"), children: [
|
|
39
|
-
l && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(
|
|
40
|
-
C,
|
|
41
|
-
{
|
|
42
|
-
variant: "ghost",
|
|
43
|
-
adjustWidthOn: s === "small" ? "parent" : "content",
|
|
44
|
-
onClick: a,
|
|
45
|
-
...l
|
|
46
|
-
}
|
|
47
|
-
) }),
|
|
48
|
-
o && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(C, { adjustWidthOn: s === "small" ? "parent" : "content", ...o }) })
|
|
49
|
-
] })
|
|
50
|
-
] }), Q = {
|
|
51
|
-
"modal-header": "_modal-header_11gdx_1",
|
|
52
|
-
"modal-header-content": "_modal-header-content_11gdx_11",
|
|
53
|
-
"modal-title": "_modal-title_11gdx_20",
|
|
54
|
-
"close-modal-icon": "_close-modal-icon_11gdx_28"
|
|
55
|
-
}, r = m.bind(Q), U = ({ title: t, onClose: a, headerNode: o }) => /* @__PURE__ */ i("div", { className: r("modal-header"), children: [
|
|
56
|
-
/* @__PURE__ */ i("div", { className: r("modal-header-content"), children: [
|
|
57
|
-
t && /* @__PURE__ */ e("span", { className: r("modal-title"), children: t }),
|
|
58
|
-
o && o
|
|
59
|
-
] }),
|
|
60
|
-
/* @__PURE__ */ e(P, { className: r("close-modal-icon"), onClick: a, children: /* @__PURE__ */ e(G, {}) })
|
|
61
|
-
] }), V = "_modal_1kzzv_1", ee = {
|
|
62
|
-
modal: V,
|
|
63
|
-
"overlay-default": "_overlay-default_1kzzv_11",
|
|
64
|
-
"overlay-light-cyan": "_overlay-light-cyan_1kzzv_15",
|
|
65
|
-
"scrolling-content": "_scrolling-content_1kzzv_19",
|
|
66
|
-
"modal-window": "_modal-window_1kzzv_25",
|
|
67
|
-
"size-default": "_size-default_1kzzv_42",
|
|
68
|
-
"size-small": "_size-small_1kzzv_54",
|
|
69
|
-
"size-large": "_size-large_1kzzv_66"
|
|
70
|
-
}, k = m.bind(ee), te = 0.9, oe = 176, _e = ({
|
|
71
|
-
title: t,
|
|
72
|
-
headerNode: a,
|
|
73
|
-
children: o,
|
|
74
|
-
footerNode: l,
|
|
75
|
-
okButton: s,
|
|
76
|
-
cancelButton: E,
|
|
77
|
-
className: M,
|
|
78
|
-
size: _ = "default",
|
|
79
|
-
onClose: H = () => {
|
|
80
|
-
},
|
|
81
|
-
overlay: v = "default",
|
|
82
|
-
zIndex: L = 2,
|
|
83
|
-
allowCloseOutside: N = !0,
|
|
84
|
-
scrollable: A = !1
|
|
85
|
-
}) => {
|
|
86
|
-
const [O, f] = w(!1), [R, S] = w(0), n = j(null), z = X(), p = z.height, $ = p * te, h = (p - R) / 2, T = $ - oe, d = () => {
|
|
87
|
-
f(!1);
|
|
88
|
-
}, x = (u) => {
|
|
89
|
-
const { keyCode: W } = u;
|
|
90
|
-
W === F.ESCAPE_KEY_CODE && d();
|
|
91
|
-
};
|
|
92
|
-
return g(() => {
|
|
93
|
-
if (n && n.current) {
|
|
94
|
-
const { clientHeight: u } = n.current;
|
|
95
|
-
S(u);
|
|
96
|
-
}
|
|
97
|
-
}, [o, z]), g(() => (f(!0), n && n.current && n.current.focus(), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []), K(n, N ? d : void 0), /* @__PURE__ */ e(D, { onExitComplete: H, children: O && /* @__PURE__ */ e("div", { className: k("modal", { [`overlay-${v}`]: v }), style: { zIndex: L }, children: /* @__PURE__ */ i(
|
|
98
|
-
I.div,
|
|
99
|
-
{
|
|
100
|
-
className: k("modal-window", { [`size-${_}`]: _ }, M),
|
|
101
|
-
ref: n,
|
|
102
|
-
tabIndex: 0,
|
|
103
|
-
initial: { opacity: 0, marginTop: -h },
|
|
104
|
-
animate: { opacity: 1, marginTop: h },
|
|
105
|
-
exit: { opacity: 0, marginTop: -h },
|
|
106
|
-
transition: { duration: 0.3 },
|
|
107
|
-
children: [
|
|
108
|
-
/* @__PURE__ */ e(U, { title: t, headerNode: a, onClose: d }),
|
|
109
|
-
A ? /* @__PURE__ */ e(B, { autoHeight: !0, autoHeightMax: T, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ e(b, { children: o }) }) : /* @__PURE__ */ e(b, { children: o }),
|
|
110
|
-
/* @__PURE__ */ e(
|
|
111
|
-
J,
|
|
112
|
-
{
|
|
113
|
-
size: _,
|
|
114
|
-
footerNode: l,
|
|
115
|
-
okButton: s,
|
|
116
|
-
cancelButton: E,
|
|
117
|
-
closeHandler: d
|
|
118
|
-
}
|
|
119
|
-
)
|
|
120
|
-
]
|
|
121
|
-
},
|
|
122
|
-
"modal-window"
|
|
123
|
-
) }) });
|
|
124
|
-
};
|
|
125
|
-
export {
|
|
126
|
-
_e as M,
|
|
127
|
-
G as S,
|
|
128
|
-
b as a,
|
|
129
|
-
U as b,
|
|
130
|
-
J as c
|
|
131
|
-
};
|